TabBar-compat.css 879 B

123456789101112131415161718192021222324252627282930313233343536
  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. .mblTabContainer .mblTabButton {
  12. background-image: url(compat/tab-button-bg.png);
  13. }
  14. .mblTabContainer .mblTabButtonSelected {
  15. background-image: url(compat/tab-sel-button-bg.png);
  16. }
  17. *html .mblTabButton { /* IE6 hack */
  18. behavior: expression(
  19. (function(el){
  20. if(!el.previousSibling)
  21. el.style.borderWidth = "1px";
  22. el.style.behavior = "none";
  23. })(this)
  24. );
  25. }
  26. .dj_ie6 .mblTabPanelHeader .mblDomButton {
  27. left: 0px;
  28. }
  29. .mblTabButton:first-child {
  30. -moz-border-radius-topleft: 5px;
  31. -moz-border-radius-bottomleft: 5px;
  32. }
  33. .mblTabButton:last-child {
  34. -moz-border-radius-topright: 5px;
  35. -moz-border-radius-bottomright: 5px;
  36. }