TabBar-compat.css 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. /* dojox.mobile.TabBarButton */
  2. .dj_ie6 .mblTabBarButtonDiv, .dj_ie7 .mblTabBarButtonDiv {
  3. left: auto;
  4. }
  5. .dj_ie6 .mblTabBar .mblTabBarButton {
  6. display: inline; /* IE bug*/
  7. }
  8. .mblTabPanelHeader {
  9. background-image: url(compat/heading-bg.png);
  10. }
  11. .mblTabBar {
  12. background-image: url(compat/ui-widget-bg.png);
  13. }
  14. .mblTabBarButton, .mblTabButton {
  15. background-image: url(compat/ui-widget-bg.png);
  16. _background-image: none; /* IE6 */
  17. }
  18. .mblTabBar .mblTabBarButton.mblTabButtonSelected {
  19. -moz-border-radius: 2px;
  20. -o-border-radius: 2px;
  21. -ms-border-radius: 2px;
  22. border-radius: 2px;
  23. }
  24. .mblTabButton:first-child {
  25. -moz-border-radius-topleft: 2px;
  26. -moz-border-radius-bottomleft: 2px;
  27. -o-border-top-left-radius: 2px;
  28. -o-border-bottom-left-radius: 2px;
  29. -ms-border-top-left-radius: 2px;
  30. -ms-border-bottom-left-radius: 2px;
  31. border-top-left-radius: 2px;
  32. border-bottom-left-radius: 2px;
  33. }
  34. .mblTabButton:last-child {
  35. -moz-border-radius-topright: 2px;
  36. -moz-border-radius-bottomright: 2px;
  37. -o-border-top-right-radius: 2px;
  38. -o-border-bottom-right-radius: 2px;
  39. -ms-border-top-right-radius: 2px;
  40. -ms-border-bottom-right-radius: 2px;
  41. border-top-right-radius: 2px;
  42. border-bottom-right-radius: 2px;
  43. }
  44. *html .mblTabButton { /* IE6 hack */
  45. behavior: expression(
  46. (function(el){
  47. if(!el.previousSibling)
  48. el.style.borderWidth = "1px";
  49. el.style.behavior = "none";
  50. })(this)
  51. );
  52. }
  53. .dj_ie6 .mblTabPanelHeader .mblDomButton {
  54. left: 0px;
  55. }