TabContainer_rtl.less 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. @import "../variables";
  2. .claro .dijitTabContainerTop-tabs .dijitTabRtl,
  3. .claro .dijitTabContainerBottom-tabs .dijitTabRtl {
  4. margin-right: 0;
  5. margin-left: 1px;
  6. }
  7. .claro .dijitTabRtl {
  8. -moz-box-orient:horizontal;
  9. text-align: right;
  10. }
  11. .dj_ie7 .claro .dijitTabRtl .dijitTabContent {
  12. display: block;
  13. left: 0;
  14. }
  15. .dj_ie7 .claro .dijitTabContainerTop-tabs .dijitTabRtl,
  16. .dj_ie7 .claro .dijitTabContainerTop-tabs .dijitTabCheckedRtl {
  17. top: 1px;
  18. }
  19. // Note that .tabStripButtonRtl .dijitButtonContents needed for IE8 quirks but breaks IE6 quirks
  20. .dj_ie7 .claro .tabStripButtonRtl .dijitButtonContents,
  21. .dj_ie8 .claro .tabStripButtonRtl .dijitButtonContents,
  22. .dj_ie6 .claro .dijitTabContainerTop-tabs .dijitTabRtl .dijitTabInnerDiv,
  23. .dj_ie6 .claro .dijitTabContainerBottom-tabs .dijitTabRtl .dijitTabInnerDiv,
  24. .dj_ie7 .claro .dijitTabContainerTop-tabs .dijitTabRtl .dijitTabInnerDiv,
  25. .dj_ie7 .claro .dijitTabContainerBottom-tabs .dijitTabRtl .dijitTabInnerDiv,
  26. .dj_iequirks .claro .dijitTabContainerTop-tabs .dijitTabRtl .dijitTabInnerDiv,
  27. .dj_iequirks .claro .dijitTabContainerBottom-tabs .dijitTabRtl .dijitTabInnerDiv {
  28. float:left;
  29. }
  30. .dj_ie6 .claro .dijitTabRtl .tabLabel,
  31. .dj_ie6 .claro .dijitTabContainerRight-tabs .dijitTabRtl,
  32. .dj_ie6 .claro .dijitTabContainerLeft-tabs .dijitTabRtl,
  33. .dj_ie7 .claro .dijitTabContainerRight-tabs .dijitTabRtl .dijitTabInnerDiv,
  34. .dj_ie7 .claro .dijitTabContainerLeft-tabs .dijitTabRtl .dijitTabInnerDiv {
  35. /*Make the .tablabel have width in ie6 with haslayout property, fix Close icon position bug*/
  36. zoom:1;
  37. }
  38. .dj_ie6 .claro .dijitTabRtl .dijitTabCloseButton,
  39. .dj_ie7 .claro .dijitTabRtl .dijitTabCloseButton,
  40. .dj_iequirks .claro .dijitTabRtl .dijitTabCloseButton {
  41. margin-right:5px;
  42. }
  43. .dj_ie6 .claro .dijitTabContainerRightRtl .dijitTabContainerRight-tabs,
  44. .dj_ie6 .claro .dijitTabContainerLeftRtl .dijitTabContainerLeft-tabs {
  45. width:1%;
  46. }
  47. .dj_ie6 .dijitTabContainerTopStrip,
  48. .dj_ie6 .dijitTabContainerBottomStrip {
  49. position:absolute;
  50. }
  51. .dj_iequirks .claro .dijitTabContainerTopRtl .dijitTabContainerTopStrip {
  52. padding-top: 10px;
  53. }
  54. .dj_ie7 .claro .dijitTabContainerRight-tabs .dijitTabRtlChecked .dijitTabInnerDiv {
  55. background-position:-341px -179px;
  56. }
  57. .dj_ie6 .dijitTabContainerTopRtl .dijitTabStripIcon,
  58. .dj_ie6 .dijitTabContainerBottomRtl .dijitTabStripIcon {
  59. position: relative;
  60. }
  61. .dj_ie6-rtl .claro .dijitTabContainerTop-tabs {
  62. /* this strange rule prevents IE6 bug in themeTester.html?dir=rtl upon closing
  63. * "Closable" tab, where the other tabs disappear
  64. */
  65. padding-left: 3px;
  66. }
  67. .dj_iequirks-rtl .claro .dijitTabListWrapper {
  68. /* this strange rule prevents IE6 bug in themeTesterQuirk.html?dir=rtl upon closing
  69. * "Closable" tab, where the other tabs disappear
  70. */
  71. border-left: 1px solid @pane-background-color;
  72. border-right: 1px solid @pane-background-color;
  73. }