Heading-compat.css 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. /* mbl.widget.Heading */
  2. .mblHeading {
  3. background-image: url(compat/heading-bg.png);
  4. }
  5. .mblHeadingSpanTitle {
  6. white-space: normal;
  7. }
  8. /* Heading Arrow Button */
  9. .mblArrowButtonHead {
  10. background-image: url(compat/ui-widget-bg.png);
  11. -moz-transform-origin: left top;
  12. -o-transform-origin: left top;
  13. -ms-transform-origin: left top;
  14. transform-origin: left top;
  15. -moz-transform: scale(0.9, 0.99) rotate(45deg);
  16. -o-transform: scale(0.9, 0.99) rotate(45deg);
  17. -ms-transform: scale(0.9, 0.99) rotate(45deg);
  18. transform: scale(0.9, 0.99) rotate(45deg);
  19. left: 1px\9; /* IE7/8 hack */
  20. _left: 9px; /* IE6 hack */
  21. height: 32px\9; /* IE6/7/8 hack */
  22. border-width: 0\9; /* IE6/7/8 hack */
  23. background-image: url(compat/arrow-button-head.png)\9; /* IE6/7/8 hack */
  24. }
  25. .mblArrowButtonHead:not(:target) { /* IE9 hack */
  26. background-image: url(compat/ui-widget-bg.png)\9;
  27. left: 17px\9;
  28. height: 21px\9;
  29. border-width: 1px\9;
  30. }
  31. .mblArrowButtonBody {
  32. -moz-border-radius-topright: 2px;
  33. -moz-border-radius-bottomright: 2px;
  34. -o-border-top-right-radius: 2px;
  35. -o-border-bottom-right-radius: 2px;
  36. -ms-border-top-right-radius: 2px;
  37. -ms-border-bottom-right-radius: 2px;
  38. border-top-right-radius: 2px;
  39. border-bottom-right-radius: 2px;
  40. background-image: url(compat/ui-widget-bg.png);
  41. }
  42. *html .mblArrowButtonBody { /* IE6 hack */
  43. padding: 0px 10px 0px 3px;
  44. top: 0px;
  45. left: 17px;
  46. }