DomButtonSilverCircleDownArrow.css 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. /* === Silver Circle Down Arrow ==*/
  2. .mblDomButtonSilverCircleDownArrow {
  3. position: relative;
  4. width: 30px;
  5. height: 30px;
  6. }
  7. .mblDomButtonSilverCircleDownArrow > div {
  8. position: relative;
  9. top: 0px;
  10. left: 0px;
  11. width: 26px;
  12. height: 26px;
  13. border: 1px solid #B5B6B5;
  14. -webkit-border-radius: 13px;
  15. -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
  16. background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#C2C2C2));
  17. }
  18. .mblDomButtonSilverCircleDownArrow > div > div {
  19. position: relative;
  20. top: 3px;
  21. left: 3px;
  22. width: 20px;
  23. height: 20px;
  24. -webkit-border-radius: 10px;
  25. background: -webkit-gradient(linear, left top, left bottom, from(#979797), to(#616161));
  26. }
  27. .mblDomButtonSilverCircleDownArrow > div > div > div {
  28. position: absolute;
  29. left: 0px;
  30. clip: rect(6px 50px 40px 0px);
  31. }
  32. .mblDomButtonSilverCircleDownArrow > div > div > div > div {
  33. position: absolute;
  34. top: -5px;
  35. left: 1px;
  36. width: 18px;
  37. height: 18px;
  38. margin: 0px;
  39. font-size: 1px;
  40. background-color: #D1D1D1;
  41. border-top: 1px solid #4A5A71;
  42. -webkit-transform: scaleX(0.7) rotate(45deg);
  43. }