SpinWheel-compat.css 1.2 KB

123456789101112131415161718192021222324252627282930313233343536
  1. .mblSpinWheel {
  2. background-color: #D6D7DC;
  3. background-image: -moz-linear-gradient(top, #313137 0%, #73747D 5%, #92939B 7%, #ABABB5 9%, #C5C6CE 12%, #DFE0E4 16%, #F4F5F6 22%, #FBFCFC 35%, #FBFCFC 50%, #FBFCFC 61%, #B4C1C7 61%, #FBFCFC 65%, #F4F5F6 78%, #DFE0E4 84%, #C5C6CE 88%, #ABABB5 91%, #92939B 93%, #73747D 95%, #313137 100%);
  4. -moz-border-radius: 3px;
  5. }
  6. .dj_ie .mblSpinWheel {
  7. background-image: url(compat/spinwheel-bg.png);
  8. }
  9. .mblSpinWheelBar {
  10. background-color: #C4CADC;
  11. background-image: -moz-linear-gradient(top, #EDEEF2 0%, #C8CADD 25%, #BBBFD4 49%, #9FA8C6 51%, #A2A9C7 81%, #A6ABC9 82%, #A7ADCA 1%);
  12. -khtml-opacity: 0.6;
  13. -moz-opacity: 0.6;
  14. opacity: 0.6;
  15. filter: progid:DXImageTransform.Microsoft.alpha(opacity=60);
  16. }
  17. .dj_ie .mblSpinWheelBar {
  18. background-image: url(compat/spinwheel-bar.png);
  19. }
  20. .dj_ie6 .mblSpinWheelBar, .dj_ie7 .mblSpinWheelBar {
  21. z-index: -1;
  22. }
  23. *:first-child+html .mblSpinWheelSlotTouch { /* IE7 hack */
  24. background: white;
  25. filter: alpha(opacity=0);
  26. height: 200px;
  27. }
  28. *html .mblSpinWheelSlotTouch { /* IE6 hack */
  29. background: white;
  30. filter: alpha(opacity=0);
  31. height: 200px;
  32. }
  33. .mblSpinWheelSlotTouch, .mblSpinWheelSlotPanel {
  34. left: 0px;
  35. }