dijit/themes/dijit_rtl.css

Dijit provides a complete collection of user interface controls based on Dojo, giving you the power to create web applications that are highly optimized for usability, performance, internationalization, accessibility, but above all deliver an incredible u

.dijitRtl .dijitOffScreen {
	/* align on the right side rather than the left so no horizontal scroll bar shown */
	left: auto !important;
	right: -10000px !important;
}

.dijitRtl .dijitPlaceHolder {
	left: auto;
	right: 0;
}

/* Menu */

.dijitMenuItemRtl {
	text-align: right;
}

/* Button */

.dj_iequirks .dijitComboButtonRtl button {
	/* workaround bug where label invisible (themeTesterQuirk.html?dir=rtl) */
	float:left;
}
.dj_ie .dijitTextBoxRtl .dijitInputContainer {
	clear: right;
}

/* TextBox, ComboBox, Spinner */

.dijitTextBoxRtl .dijitValidationContainer,
.dijitTextBoxRtl .dijitSpinnerButtonContainer,
.dijitComboBoxRtl .dijitArrowButtonContainer {
	/* combobox and spinner: line between the input area and the drop down button */
	border-right-width: 1px !important;
	border-left-width: 0 !important;
}

.dijitSpinnerRtl .dijitSpinnerButtonContainer .dijitArrowButton {
	right: 0;
	left: auto;
}

.dijitSelectRtl .dijitButtonText {
	float: right;
}

.dijitTextBoxRtl .dijitSpinnerButtonContainer,
.dijitValidationTextBoxRtl .dijitValidationContainer,
.dijitTextBoxRtl .dijitArrowButtonContainer {
	float: left;
}

div.dijitNumberTextBoxRtl {
	text-align: right;
}

/* Calendar */

.dijitCalendarRtl .dijitCalendarDecrementArrow {
	float: right;
}

.dijitCalendarRtl .dijitCalendarIncrementArrow {
	float: left;
}

.dijitCalendarRtl .dijitCalendarNextYear {
	margin:0 0.55em 0 0;
}

.dijitCalendarRtl .dijitCalendarPreviousYear {
	margin:0 0 0 0.55em;
}


/* Slider */

.dijitSliderRtl .dijitSliderImageHandleV {
	left:auto;
}

.dijitSliderRtl .dijitSliderImageHandleH {
	left:-50%;
}

.dijitSliderRtl .dijitSliderMoveableH {
	right:auto;
	left:0;
}

.dijitSliderRtl .dijitRuleContainerV {
	float:right;
}

.dj_ie .dijitSliderRtl .dijitRuleContainerV {
	text-align:right;
}

.dj_ie .dijitSliderRtl .dijitRuleLabelV {
	text-align:left;
}

.dj_ie .dijitSliderRtl .dijitRuleLabelH {
	zoom:1;
}

.dijitSliderRtl .dijitSliderProgressBarH {
	/* workarounds for IE and FF */
	float:right;
	right:0;
	left:auto;
}

/* ContentPane*/

.dijitRtl .dijitContentPaneLoading .dijitIconLoading,
.dijitRtl .dijitContentPaneError .dijitIconError {
	margin-right: 0;
	margin-left: 9px;
}

/* TabContainer */

.dijitTabControllerRtl .nowrapTabStrip {
    text-align: right;  /* just in case ancestor has non-standard setting */
}
.dijitTabRtl .dijitTabCloseButton {
	margin-left: 0;
	margin-right: 1em;
}
.dj_ie6 .dijitTabRtl .tabLabel,
.dj_ie6 .dijitTabContainerRight-tabs .dijitTabRtl,
.dj_ie6 .dijitTabContainerLeft-tabs .dijitTabRtl,
.dj_ie7 .dijitTabContainerRight-tabs .dijitTabRtl,
.dj_ie7 .dijitTabContainerLeft-tabs .dijitTabRtl {
	zoom: 1;
}
.dj_ie6 .dijitTabContainerRight-tabs .dijitTabRtl,
.dj_ie7 .dijitTabContainerRight-tabs .dijitTabRtl {
    left: 0;
}

.dj_ie6 .dijitTabContainerRightRtl .dijitTabContainerRight-tabs,
.dj_ie6 .dijitTabContainerLeftRtl .dijitTabContainerLeft-tabs {
    /* otherwise tab labels invisible */
	width: 1%;
}

/* TimePicker */
.dj_ie .dijitTimePickerRtl .dijitTimePickerItem {
	width:100%;
}


/* ColorPalette */
.dijitColorPaletteRtl .dijitColorPaletteUnder {
	/* needed in RTL mode when DropDownButton expands the ColorPalette beyond it's natural width */
	left: auto;
	right: 0;
}

/* Select */
.dijitSelectRtl .dijitButtonContents {
	border-style: none none none solid;
	text-align: right;
}

/* Tree */

.dijitTreeRtl .dijitTreeContainer {
	float: right;	/* for correct highlighting during horizontal scroll, see #16132 */
}

/* DnD
 * These rules should apply for containers that are dir=rtl (either set directly, or inherited)
 * but seems the best we can do is look for .dijitRtl on an ancestor node.
 */
.dijitRtl .dojoDndHorizontal .dojoDndItemBefore {
    border-width: 0 2px 0 0;
    padding: 2px 0 2px 2px;
}
.dijitRtl .dojoDndHorizontal .dojoDndItemAfter {
    border-width: 0 0 0 2px;
    padding: 2px 2px 2px 0;
}