DomButtonSilverCircleRedCross.css 854 B

1234567891011121314151617181920212223242526272829303132333435363738
  1. /* === Silver Circle Red Cross Button ==*/
  2. .mblDomButtonSilverCircleRedCross {
  3. position: relative;
  4. width: 30px;
  5. height: 30px;
  6. }
  7. .mblDomButtonSilverCircleRedCross > 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. .mblDomButtonSilverCircleRedCross > div > div {
  19. position: absolute;
  20. top: 11px;
  21. left: 4px;
  22. width: 18px;
  23. height: 4px;
  24. margin: 0px;
  25. font-size: 1px;
  26. background-color: #F00E5A;
  27. -webkit-transform: rotate(45deg);
  28. }
  29. .mblDomButtonSilverCircleRedCross > div > div > div {
  30. position: absolute;
  31. top: -7px;
  32. left: 7px;
  33. width: 4px;
  34. height: 18px;
  35. margin: 0px;
  36. font-size: 1px;
  37. background-color: #F00E5A;
  38. }