lib/dijit/themes/dijit_rtl.css

   1 .dijitRtl .dijitPlaceHolder {
   2         left: auto;
   3         right: 0;
   4 }
   5
   6 /* Menu */
   7
   8 .dijitMenuItemRtl {
   9         text-align: right;
  10 }
  11
  12 /* Button */
  13
  14 .dj_iequirks .dijitComboButtonRtl button {
  15         /* workaround bug where label invisible (themeTesterQuirk.html?dir=rtl) */
  16         float:left;
  17 }
  18 .dj_ie .dijitTextBoxRtl .dijitInputContainer {
  19         clear: right;
  20 }
  21
  22 /* TextBox, ComboBox, Spinner */
  23
  24 .dijitTextBoxRtl .dijitValidationContainer,
  25 .dijitTextBoxRtl .dijitSpinnerButtonContainer,
  26 .dijitComboBoxRtl .dijitArrowButtonContainer {
  27         /* combobox and spinner: line between the input area and the drop down button */
  28         border-right-width: 1px !important;
  29         border-left-width: 0 !important;
  30 }
  31
  32 .dijitSpinnerRtl .dijitSpinnerButtonContainer .dijitArrowButton {
  33         right: 0;
  34         left: auto;
  35 }
  36
  37 .dijitSelectRtl .dijitButtonText {
  38         float: right;
  39 }
  40
  41 .dijitTextBoxRtl .dijitSpinnerButtonContainer,
  42 .dijitValidationTextBoxRtl .dijitValidationContainer,
  43 .dijitTextBoxRtl .dijitArrowButtonContainer {
  44         float: left;
  45 }
  46
  47 div.dijitNumberTextBoxRtl {
  48         text-align: right;
  49 }
  50
  51 /* Calendar */
  52
  53 .dijitCalendarRtl .dijitCalendarNextYear {
  54         margin:0 0.55em 0 0;
  55 }
  56
  57 .dijitCalendarRtl .dijitCalendarPreviousYear {
  58         margin:0 0 0 0.55em;
  59 }
  60
  61
  62 /* Slider */
  63
  64 .dijitSliderRtl .dijitSliderImageHandleV {
  65         left:auto;
  66 }
  67
  68 .dijitSliderRtl .dijitSliderImageHandleH {
  69         left:-50%;
  70 }
  71
  72 .dijitSliderRtl .dijitSliderMoveableH {
  73         right:auto;
  74         left:0;
  75 }
  76
  77 .dijitSliderRtl .dijitRuleContainerV {
  78         float:right;
  79 }
  80
  81 .dj_ie .dijitSliderRtl .dijitRuleContainerV {
  82         text-align:right;
  83 }
  84
  85 .dj_ie .dijitSliderRtl .dijitRuleLabelV {
  86         text-align:left;
  87 }
  88
  89 .dj_ie .dijitSliderRtl .dijitRuleLabelH {
  90         zoom:1;
  91 }
  92
  93 .dijitSliderRtl .dijitSliderProgressBarH {
  94         /* workarounds for IE and FF */
  95         float:right;
  96         right:0;
  97         left:auto;
  98 }
  99
 100 /* ContentPane*/
 101
 102 .dijitRtl .dijitContentPaneLoading .dijitIconLoading,
 103 .dijitRtl .dijitContentPaneError .dijitIconError {
 104         margin-right: 0;
 105         margin-left: 9px;
 106 }
 107
 108 /* TabContainer */
 109
 110 .dijitTabControllerRtl .nowrapTabStrip {
 111     text-align: right;  /* just in case ancestor has non-standard setting */
 112 }
 113 .dijitTabRtl .dijitTabCloseButton {
 114         margin-left: 0;
 115         margin-right: 1em;
 116 }
 117 .dj_ie6 .dijitTabRtl .tabLabel,
 118 .dj_ie6 .dijitTabContainerRight-tabs .dijitTabRtl,
 119 .dj_ie6 .dijitTabContainerLeft-tabs .dijitTabRtl,
 120 .dj_ie7 .dijitTabContainerRight-tabs .dijitTabRtl,
 121 .dj_ie7 .dijitTabContainerLeft-tabs .dijitTabRtl {
 122         zoom: 1;
 123 }
 124 .dj_ie6 .dijitTabContainerRight-tabs .dijitTabRtl,
 125 .dj_ie7 .dijitTabContainerRight-tabs .dijitTabRtl {
 126     left: 0;
 127 }
 128
 129 .dj_ie6 .dijitTabContainerRightRtl .dijitTabContainerRight-tabs,
 130 .dj_ie6 .dijitTabContainerLeftRtl .dijitTabContainerLeft-tabs {
 131     /* otherwise tab labels invisible */
 132         width: 1%;
 133 }
 134
 135 /* TimePicker */
 136 .dj_ie .dijitTimePickerRtl .dijitTimePickerItem {
 137         width:100%;
 138 }
 139
 140
 141 /* ColorPalette */
 142 .dijitColorPaletteRtl .dijitColorPaletteUnder {
 143         /* needed in RTL mode when DropDownButton expands the ColorPalette beyond it's natural width */
 144         left: auto;
 145         right: 0;
 146 }
 147
 148 /* Select */
 149 .dijitSelectRtl .dijitButtonContents {
 150         border-style: none none none solid;
 151         text-align: right;
 152 }
 153
 154 /* DnD
 155  * These rules should apply for containers that are dir=rtl (either set directly, or inherited)
 156  * but seems the best we can do is look for .dijitRtl on an ancestor node.
 157  */
 158 .dijitRtl .dojoDndHorizontal .dojoDndItemBefore {
 159     border-width: 0 2px 0 0;
 160     padding: 2px 0 2px 2px;
 161 }
 162 .dijitRtl .dojoDndHorizontal .dojoDndItemAfter {
 163     border-width: 0 0 0 2px;
 164     padding: 2px 2px 2px 0;
 165 }