From 81bea17aefb26859f825b9293c7c99192874806e Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Tue, 8 Nov 2011 20:40:44 +0400 Subject: upgrade Dojo to 1.6.1 --- lib/dijit/themes/soria/Calendar.css | 66 +- lib/dijit/themes/soria/Calendar_rtl.css | 4 +- lib/dijit/themes/soria/ColorPalette.css | 4 +- lib/dijit/themes/soria/Common.css | 6 +- lib/dijit/themes/soria/Dialog.css | 84 +- lib/dijit/themes/soria/Dialog_rtl.css | 2 +- lib/dijit/themes/soria/Editor.css | 10 +- lib/dijit/themes/soria/Editor_rtl.css | 6 +- lib/dijit/themes/soria/Menu.css | 27 +- lib/dijit/themes/soria/Menu_rtl.css | 4 +- lib/dijit/themes/soria/ProgressBar.css | 21 +- lib/dijit/themes/soria/TimePicker.css | 11 +- lib/dijit/themes/soria/TimePicker_rtl.css | 2 +- lib/dijit/themes/soria/TitlePane.css | 14 +- lib/dijit/themes/soria/TitlePane_rtl.css | 6 +- lib/dijit/themes/soria/Toolbar.css | 27 +- lib/dijit/themes/soria/Tree.css | 37 +- lib/dijit/themes/soria/Tree_rtl.css | 12 +- lib/dijit/themes/soria/form/Button.css | 35 +- lib/dijit/themes/soria/form/Button_rtl.css | 2 +- lib/dijit/themes/soria/form/Checkbox.css | 47 +- lib/dijit/themes/soria/form/Common.css | 33 +- lib/dijit/themes/soria/form/RadioButton.css | 46 +- lib/dijit/themes/soria/form/Select.css | 18 +- lib/dijit/themes/soria/form/Slider.css | 36 +- lib/dijit/themes/soria/form/Slider_rtl.css | 11 +- lib/dijit/themes/soria/form/TimeTextBox.css | 2 +- .../themes/soria/layout/AccordionContainer.css | 13 +- .../themes/soria/layout/AccordionContainer_rtl.css | 5 +- lib/dijit/themes/soria/layout/BorderContainer.css | 36 +- lib/dijit/themes/soria/layout/ContentPane.css | 10 +- lib/dijit/themes/soria/layout/SplitContainer.css | 17 +- lib/dijit/themes/soria/layout/TabContainer.css | 178 +- lib/dijit/themes/soria/layout/TabContainer_rtl.css | 19 +- lib/dijit/themes/soria/soria.css | 3384 +------------------- lib/dijit/themes/soria/soria_rtl.css | 252 +- 36 files changed, 725 insertions(+), 3762 deletions(-) (limited to 'lib/dijit/themes/soria') diff --git a/lib/dijit/themes/soria/Calendar.css b/lib/dijit/themes/soria/Calendar.css index b2576c0e0..78572dab0 100644 --- a/lib/dijit/themes/soria/Calendar.css +++ b/lib/dijit/themes/soria/Calendar.css @@ -1,6 +1,7 @@ +/* Calendar*/ .soria .dijitCalendarIncrementControl { - + /* next/prev month buttons */ width:15px; height:15px; background-image: url("images/spriteRoundedIconsSmall.png"); @@ -10,15 +11,18 @@ font-size:.1em; background-image: url("images/spriteRoundedIconsSmall.gif"); } + .soria .dijitA11ySideArrow { display: none; } + .soria .dijitCalendarDecrease { background-position: top left; } .soria .dijitCalendarIncrease { background-position: -30px top; } + .soria table.dijitCalendarContainer { font-size: 100%; border-spacing: 0; @@ -26,8 +30,9 @@ border: 1px solid #b1badf; margin: 0; } + .soria .dijitCalendarMonthContainer th { - + /* month header cell */ background:#bed7f0 url("images/titleBar.png") repeat-x top; padding-top:.3em; padding-bottom:.2em; @@ -37,8 +42,9 @@ padding-top:.2em; padding-bottom:.1em; } + .soria .dijitCalendarDayLabelTemplate { - + /* day of week labels */ background:#bed7f0; font-weight:normal; padding-top:.15em; @@ -47,15 +53,19 @@ color:#293a4b; text-align:center; } + .soria .dijitCalendarBodyContainer { border-bottom: 1px solid #eeeeee; } + .soria .dijitCalendarMonthLabel { color:#293a4b; font-weight: bold; + padding: 0 4px; } + .soria .dijitCalendarDateTemplate { - + /* style for each day cell */ font-size: 0.9em; font-weight: bold; text-align: center; @@ -64,54 +74,86 @@ background-color: #fff; border:#fff solid 1px !important; } + .dj_ie .soria .dijitCalendarDateTemplate { padding: 0.1em .33em 0.02em .33em; } + .soria .dijitCalendarPreviousMonth, .soria .dijitCalendarNextMonth { - + /* days that are part of the previous or next month */ color:#999999; background-color:#fdfdfd !important; border:#fdfdfd solid 1px !important; } + .soria .dijitCalendarCurrentMonth { - + /* days that are part of this month */ } + .soria .dijitCalendarDisabledDate { text-decoration:line-through !important; } + .soria .dijitCalendarCurrentDate { - + /* cell for today's date */ text-decoration:underline; font-weight:bold; } + .soria .dijitCalendarSelectedDate { - + /* cell for the selected date */ background-color:#b9cbf1 !important; color:black !important; border:#4b5aaa solid 1px !important; } + + .soria .dijitCalendarYearContainer { - + /* footer of the table that contains the year display/selector */ background:white url("images/titleBar.png") repeat-x top; } + .soria .dijitCalendarYearLabel { - + /* container for all of 3 year labels */ margin:0; padding:0.4em 0 0.25em 0; text-align:center; } + .soria .dijitCalendarSelectedYear { - + /* label for selected year */ color:black; padding:0.2em; padding-bottom:0.1em; background-color:#b9cbf1 !important; border:#4b5aaa solid 1px !important; } + .soria .dijitCalendarNextYear, .soria .dijitCalendarPreviousYear { - + /* label for next/prev years */ color:black !important; font-weight:normal; } + +/* Styling for month DropDownButton */ + +.soria .dijitCalendar .dijitDropDownButton { + margin: 0; +} +.soria .dijitCalendar .dijitButtonText { + padding: 0; +} +.soria .dijitCalendar .dijitDropDownButton .dijitButtonNode { + background-color: transparent; + background-image: none; + padding: 0; +} + +/* Styling for month drop down list */ + +.soria .dijitCalendarMonthMenu .dijitCalendarMonthLabelHover { + background-color: #d9e6f9; + color: #243C5F; +} \ No newline at end of file diff --git a/lib/dijit/themes/soria/Calendar_rtl.css b/lib/dijit/themes/soria/Calendar_rtl.css index bcfa495d8..c2350b4ed 100644 --- a/lib/dijit/themes/soria/Calendar_rtl.css +++ b/lib/dijit/themes/soria/Calendar_rtl.css @@ -1,7 +1,9 @@ +/* Calendar */ .dijitRtl .soria .dijitCalendarDecrease { background-position: -30px top; } + .dijitRtl .soria .dijitCalendarIncrease { - background-position: 0px top; + background-position: 0 top; } diff --git a/lib/dijit/themes/soria/ColorPalette.css b/lib/dijit/themes/soria/ColorPalette.css index 5a51275d9..85d6dd819 100644 --- a/lib/dijit/themes/soria/ColorPalette.css +++ b/lib/dijit/themes/soria/ColorPalette.css @@ -1,5 +1,5 @@ .dijitColorPalette { border:1px solid #cbcbcb; background:#fff; - -moz-border-radius: 0px !important; -} + -moz-border-radius: 0 !important; +} \ No newline at end of file diff --git a/lib/dijit/themes/soria/Common.css b/lib/dijit/themes/soria/Common.css index 362a867f1..d5a7c9df6 100644 --- a/lib/dijit/themes/soria/Common.css +++ b/lib/dijit/themes/soria/Common.css @@ -1,13 +1,17 @@ - +/* DnD avatar-specific settings */ +/* For now it uses a default set of rules. Some other DnD classes can be modified as well. */ .soria .dojoDndItemBefore { border-top: 2px solid #369; } + .soria .dojoDndItemAfter { border-bottom: 2px solid #369; } + .soria .dojoDndItemOver { cursor:pointer; } + .soria table.dojoDndAvatar { -moz-border-radius: 0; border: 1px solid #ccc; border-collapse: collapse; background-color: #fff; font-size: 75%; color: black;} .soria .dojoDndAvatar td { border: none; } .soria .dojoDndAvatar tr { border: none; } diff --git a/lib/dijit/themes/soria/Dialog.css b/lib/dijit/themes/soria/Dialog.css index b4a185115..1e0503a0b 100644 --- a/lib/dijit/themes/soria/Dialog.css +++ b/lib/dijit/themes/soria/Dialog.css @@ -1,33 +1,39 @@ +/* Dialog */ .soria .dijitDialog { background: #eee; border: 1px solid #cbcbcb; - -webkit-box-shadow: 0px 5px 10px #adadad; - padding: 0px; + -webkit-box-shadow: 0 5px 10px #adadad; + padding: 0; } + .soria .dijitDialog .dijitDialogTitle { - + /* typography and styling of the dialog title */ font-weight: bold; - padding: 0px 4px; + padding: 0 4px; font-size: 0.9em; - color: #3243C5F; + color: #243C5F; } + .soria .dijitDialog .dijitDialogPaneContent { background: #ffffff; border-top: 1px solid #b1badf; padding:10px; + } + .soria .dijitDialogTitleBar { - + /* outer container for the titlebar of the dialog */ background: #fafafa url("images/titleBar.png") repeat-x top left; padding: 5px 6px 3px 6px; - outline:0; + outline:0; /* remove this line if keyboard focus on dialog startup is an issue. tab still takes you to first focusable element */ } + .soria .dijitDialogCloseIcon { - + /* the default close icon for the dialog */ background-image: url("images/spriteRoundedIconsSmallBl.png"); background-repeat: no-repeat; - background-position: -60px 0px; + background-position: -60px 0; position: absolute; vertical-align: middle; right: 6px; @@ -41,49 +47,69 @@ .soria .dijitDialogCloseIconHover { background-position: -60px -15px; } + +/* Tooltip and TooltipDialog */ + .soria .dijitTooltip, .soria .dijitTooltipDialog { - - background: transparent; + /* the outermost dom node, holding the connector and container */ + background: transparent; /* make the area on the sides of the arrow transparent */ } + .dijitTooltipBelow { - + /* leave room for arrow above content */ padding-top: 10px; } + .dijitTooltipAbove { - + /* leave room for arrow below content */ padding-bottom: 10px; } + .soria .dijitTooltipContainer { - + /* + The part with the text. + + NOTE: + FF doesn't clip images used as CSS bgs if you specify a border + radius. If you use a solid color, it does. Webkit gets it right. + Sigh. + background: #ffffff url("images/popupMenuBg.gif") repeat-x bottom left; + */ background-color: #fff; border:1px solid #cbcbcb; padding:0.45em; } + .soria .dijitTooltipConnector { - - border:0px; + /* the arrow piece */ + border:0; z-index: 2; } + .soria .dijitTooltipABRight .dijitTooltipConnector { - + /* above or below tooltip, but the arrow appears on the right, + and the right edges of target and tooltip are aligned rather than the left */ left: auto !important; right: 6px; } + .soria .dijitTooltipBelow .dijitTooltipConnector { - - top: 0px; + /* the arrow piece for tooltips below an element */ + top: 0; left: 6px; background:url("images/tooltipConnectorUp.png") no-repeat top left; width:17px; height:11px; } + .dj_ie .soria .dijitTooltipBelow .dijitTooltipConnector { background-image: url("images/tooltipConnectorUp.gif"); } + .soria .dijitTooltipAbove .dijitTooltipConnector { - - bottom: 0px; + /* the arrow piece for tooltips above an element */ + bottom: 0; left: 6px; background:url("images/tooltipConnectorDown.png") no-repeat top left; width:17px; @@ -98,16 +124,13 @@ .dj_ie6 .soria .dijitTooltipAbove .dijitTooltipConnector { bottom: -5px; } + .soria .dijitTooltipLeft { padding-right: 10px; } -.dj_ie6 .soria .dijitTooltipLeft { - padding-left: 11px; -} .soria .dijitTooltipLeft .dijitTooltipConnector { - - right: 0px; - bottom: 3px; + /* the arrow piece for tooltips to the left of an element, bottom borders aligned */ + right: 0; background:url("images/tooltipConnectorRight.png") no-repeat top left; width:11px; height:17px; @@ -115,13 +138,13 @@ .dj_ie .soria .dijitTooltipLeft .dijitTooltipConnector { background-image: url("images/tooltipConnectorRight.gif"); } + .soria .dijitTooltipRight { padding-left: 10px; } .soria .dijitTooltipRight .dijitTooltipConnector { - - left: 0px; - bottom: 3px; + /* the arrow piece for tooltips to the right of an element, bottom borders aligned */ + left: 0; background:url("images/tooltipConnectorLeft.png") no-repeat top left; width:11px; height:17px; @@ -129,3 +152,4 @@ .dj_ie .soria .dijitTooltipRight .dijitTooltipConnector { background-image: url("images/tooltipConnectorLeft.gif"); } + diff --git a/lib/dijit/themes/soria/Dialog_rtl.css b/lib/dijit/themes/soria/Dialog_rtl.css index 41db9ce02..838700af5 100644 --- a/lib/dijit/themes/soria/Dialog_rtl.css +++ b/lib/dijit/themes/soria/Dialog_rtl.css @@ -1,4 +1,4 @@ - +/* Dialog */ .dijitRtl .soria .dijitDialogTitleBar .dijitDialogCloseIcon { right: auto; left: 5px; diff --git a/lib/dijit/themes/soria/Editor.css b/lib/dijit/themes/soria/Editor.css index c30665986..d2dd29303 100644 --- a/lib/dijit/themes/soria/Editor.css +++ b/lib/dijit/themes/soria/Editor.css @@ -1,13 +1,17 @@ .soria .dijitToolbar .dijitToolbarSeparator { - background: url('../../icons/images/editorIconsEnabled.png'); + background: url('../../icons/images/editorIconsEnabled.png'); /* separator in editor icons sprite image - enabled state */ } + +/**** ICONS *****/ + .soria .dijitEditorIcon { - background-image: url('../../icons/images/editorIconsEnabled.png'); + background-image: url('../../icons/images/editorIconsEnabled.png'); /* editor icons sprite image - enabled state */ background-repeat: no-repeat; width: 18px; height: 18px; text-align: center; } .soria .dijitDisabled .dijitEditorIcon { - background-image: url('../../icons/images/editorIconsDisabled.png'); + background-image: url('../../icons/images/editorIconsDisabled.png'); /* editor icons sprite image - disabled state */ } + diff --git a/lib/dijit/themes/soria/Editor_rtl.css b/lib/dijit/themes/soria/Editor_rtl.css index 4499e5232..a1f76e8c4 100644 --- a/lib/dijit/themes/soria/Editor_rtl.css +++ b/lib/dijit/themes/soria/Editor_rtl.css @@ -1,7 +1,7 @@ - +/* Editor */ .dijitRtl .soria .dijitEditorIcon { - background-image: url('../../icons/images/editorIconsEnabled_rtl.png'); + background-image: url('../../icons/images/editorIconsEnabled_rtl.png'); /* editor icons sprite image - enabled state */ } .dijitRtl .soria .dijitDisabled .dijitEditorIcon { - background-image: url('../../icons/images/editorIconsDisabled_rtl.png'); + background-image: url('../../icons/images/editorIconsDisabled_rtl.png'); /* editor icons sprite image - disabled state */ } diff --git a/lib/dijit/themes/soria/Menu.css b/lib/dijit/themes/soria/Menu.css index 9d6b97a0e..4d9d06811 100644 --- a/lib/dijit/themes/soria/Menu.css +++ b/lib/dijit/themes/soria/Menu.css @@ -1,37 +1,44 @@ +/* Menu */ .soria .dijitMenu, .soria .dijitMenuBar { border: 1px solid #cbcbcb; - margin: 0px; - padding: 0px; + margin: 0; + padding: 0; background-color: #fff; } + .soria .dijitBorderContainer .dijitMenuBar { border:1px solid #B1BADF; } + .soria .dijitMenuItem { font-family: sans-serif; - margin: 0px; + margin: 0; color: #243C5F; } .soria .dijitMenuBar .dijitMenuItem { padding: 4px 5px; } + .soria .dijitMenuPreviousButton, .soria .dijitMenuNextButton { font-style: italic; } .soria .dijitMenuItem TD { padding:1px; } + .soria .dijitMenuPassive .dijitMenuItemHover, .soria .dijitMenuItemSelected { - background-color: #d9e6f9; + background-color: #d9e6f9; /* #95a0b0; #555555; #aaaaaa; #646464; #60a1ea; #848484; */ color: #243C5F; } + .soria .dijitMenuItemIcon { width: 15px; height: 15px; } + .soria .dijitMenuExpand { width:15px; height:15px; @@ -41,22 +48,30 @@ .dj_ie6 .soria .dijitMenuExpand { background-image: url('images/spriteRoundedIconsSmall.gif'); } + .soria .dijitMenuSeparator { height: 1px; } + +/* separator can be two pixels -- set border of either one to 0 to have only one */ .soria .dijitMenuSeparatorTop { - border-bottom: 1px solid #fff; + border-bottom: 1px solid #fff; /*97adcb; */ } + .soria .dijitMenuSeparatorBottom { border-top: 1px solid #8ba0bd; } + +/* the checked menu item */ .soria .dijitCheckedMenuItemIconChar { display: none; } + .soria .dijitCheckedMenuItemIcon { background-image: url('images/spriteCheckbox.gif'); background-position: -80px; } + .soria .dijitCheckedMenuItemChecked .dijitCheckedMenuItemIcon { background-position: -64px; -} +} \ No newline at end of file diff --git a/lib/dijit/themes/soria/Menu_rtl.css b/lib/dijit/themes/soria/Menu_rtl.css index 6fa9a6a6a..0e0148394 100644 --- a/lib/dijit/themes/soria/Menu_rtl.css +++ b/lib/dijit/themes/soria/Menu_rtl.css @@ -1,8 +1,10 @@ +/* Menu */ .dijitRtl .soria .dijitMenuItem .dijitMenuItemIcon { padding-left: 3px; - padding-right: 0px; + padding-right: 0; } + .dijitRtl .soria .dijitMenuItem .dijitMenuExpand { background-position: left top; } diff --git a/lib/dijit/themes/soria/ProgressBar.css b/lib/dijit/themes/soria/ProgressBar.css index 566d0488c..b2f6d1fbe 100644 --- a/lib/dijit/themes/soria/ProgressBar.css +++ b/lib/dijit/themes/soria/ProgressBar.css @@ -1,24 +1,33 @@ +/**** + dijit.ProgressBar + ****/ + .soria .dijitProgressBar { - margin:2px 0px 2px 0px; + margin:2px 0 2px 0; } + .soria .dijitProgressBarEmpty{ - + /* outer container and background of the bar that's not finished yet*/ background:#fff url("images/progressBarEmpty.png") repeat-x center center; border-color: #8ba0bd; } + .soria .dijitProgressBarTile{ - + /* inner container for finished portion when in 'tile' (image) mode */ background:#f0f0f0 url("images/progressBarFull.png") repeat-x center center; } + .soria .dijitProgressBarFull { border-right:1px solid #8ba0bd; } + .soria .dijitProgressBarLabel { - + /* Set to a color that contrasts with both the "Empty" and "Full" parts. */ color:#293a4b; } + .soria .dijitProgressBarIndeterminate .dijitProgressBarTile { - + /* use an animated gif for the progress bar in 'indeterminate' mode */ background:#cad2de url("images/progressBarAnim.gif") repeat-x center center; -} +} \ No newline at end of file diff --git a/lib/dijit/themes/soria/TimePicker.css b/lib/dijit/themes/soria/TimePicker.css index 761aac944..757d746d8 100644 --- a/lib/dijit/themes/soria/TimePicker.css +++ b/lib/dijit/themes/soria/TimePicker.css @@ -1,39 +1,48 @@ - +/* Time Picker */ .soria .dijitTimePickerTick, .soria .dijitTimePickerMarker { border-color: #b1badf; } + .soria .dijitTimePickerTick { color:white; } + .soria .dijitTimePickerMarker { background:#bed7f0 url("images/titleBar.png") repeat-x top; color:#293a4b; font-weight: bold; } + .soria .dijitTimePickerItemSelected { color: black; background: #b9cbf1 none; } + .soria .dijitTimePickerItemHover { background: #60a1ea none; color:white; } + .soria .dijitTimePickerItemHover, .soria .dijitTimePickerItemSelected { position: relative; z-index: 10; } + .soria .dijitTimePickerTick .dijitTimePickerItemInner { font-size:0.4em; } + .soria .dijitTimePickerItemHover .dijitTimePickerItemInner, .soria .dijitTimePickerItemSelected .dijitTimePickerItemInner { font-size:1em; } + .soria .dijitTimePickerMarkerHover { border-top: 1px solid #94b9ef; } + .soria .dijitTimePickerTickHover, .soria .dijitTimePickerTickSelected { margin-top:-0.3em; diff --git a/lib/dijit/themes/soria/TimePicker_rtl.css b/lib/dijit/themes/soria/TimePicker_rtl.css index 39835b00f..a802ba6b6 100644 --- a/lib/dijit/themes/soria/TimePicker_rtl.css +++ b/lib/dijit/themes/soria/TimePicker_rtl.css @@ -1,4 +1,4 @@ .dj_ie6-rtl .soria .dijitTimePickerMarkerHover, .dj_ie7-rtl .soria .dijitTimePickerMarkerHover { - border-top: 0px; + border-top: 0; /* IE6/7 bug causes mouseover/out event storm */ } diff --git a/lib/dijit/themes/soria/TitlePane.css b/lib/dijit/themes/soria/TitlePane.css index a1676796a..7e1042e2a 100644 --- a/lib/dijit/themes/soria/TitlePane.css +++ b/lib/dijit/themes/soria/TitlePane.css @@ -1,3 +1,7 @@ +/** + * dijit.TitlePane + * + */ .soria .dijitTitlePaneTitle { background: #cccccc; @@ -11,17 +15,21 @@ .soria .dijitTitlePaneTitleHover { background: #f9f9f9 url("images/accordionItemActive.png") top repeat-x; } + .soria .dijitTitlePaneTitle * { vertical-align: middle; } + .soria .dijitTitlePane .dijitOpen .dijitArrowNode, .soria .dijitTitlePane .dijitClosed .dijitArrowNode { width:15px; height:15px; } + .soria .dijitTitlePaneTextNode { color: #243C5F; } + .soria .dijitTitlePane .dijitClosed .dijitArrowNode { background: url('images/spriteRoundedIconsSmall.png') no-repeat -30px top; } @@ -34,15 +42,17 @@ .dj_ie6 .soria .dijitTitlePane .dijitOpen .dijitArrowNode { background:url('images/spriteRoundedIconsSmall.gif') no-repeat -15px top; } + .soria .dijitTitlePaneContentOuter { background: #ffffff; border: 1px solid #bfbfbf; - border-top: 0px; + border-top: 0; } .soria .dijitTitlePaneContentInner { padding:10px; } + .soria .dijitTitlePaneTextNode { margin-left: 4px; margin-right: 4px; -} +} \ No newline at end of file diff --git a/lib/dijit/themes/soria/TitlePane_rtl.css b/lib/dijit/themes/soria/TitlePane_rtl.css index 1ac12452f..8a1b73d4e 100644 --- a/lib/dijit/themes/soria/TitlePane_rtl.css +++ b/lib/dijit/themes/soria/TitlePane_rtl.css @@ -1,6 +1,6 @@ .dijitRtl .soria .dijitTitlePane .dijitClosed .dijitArrowNode { - background-position: 0px top; + background-position: 0 top; } .dj_ie6-rtl .soria .dijitTitlePane .dijitClosed .dijitArrowNode { - background-position: 0px top; -} + background-position: 0 top; +} \ No newline at end of file diff --git a/lib/dijit/themes/soria/Toolbar.css b/lib/dijit/themes/soria/Toolbar.css index 4eb55a4e1..8af426a11 100644 --- a/lib/dijit/themes/soria/Toolbar.css +++ b/lib/dijit/themes/soria/Toolbar.css @@ -2,55 +2,64 @@ border-bottom: 1px solid #ccc; background:#eaeaea url("images/titleBar.png") repeat-x top left; } + +/* setting a min-height on ditor toolbar */ .dj_ie6 .soria .dijitToolbar { height: 10px; } + .soria .dijitToolbar .dijitButtonNode, .soria .dijitToolbar .dijitComboButton .dijitButtonContents, .soria .dijitToolbar .dijitComboButton .dijitDownArrowButton { background: none; - margin: 0px; - padding: 0px; + margin: 0; + padding: 0; border: none; font-size: 12px; } + .soria .dijitToolbar .dijitButton, .soria .dijitToolbar .dijitToggleButton, .soria .dijitToolbar .dijitDropDownButton, .soria .dijitToolbar .dijitComboButton .dijitButtonContents, .soria .dijitToolbar .dijitComboButton .dijitDownArrowButton { background: none; - padding: 1px; + padding: 1px; /* on hover etc., margin replaced w/border */ } + .soria .dijitToolbar .dijitButtonChecked, .soria .dijitToolbar .dijitToggleButtonChecked { background-color:#d8e5f8; border:1px solid #316ac5; - padding: 0px; + padding: 0; } + .soria .dijitToolbar .dijitButtonCheckedHover, .soria .dijitToolbar .dijitToggleButtonCheckedHover { background-color:#9abbea; border:1px solid #316ac5; - padding: 0px; + padding: 0; } + .soria .dijitToolbar .dijitButtonHover, .soria .dijitToolbar .dijitToggleButtonHover, .soria .dijitToolbar .dijitDropDownButtonHover, .soria .dijitToolbar .dijitComboButton .dijitButtonContentsHover, .soria .dijitToolbar .dijitComboButton .dijitDownArrowButtonHover { - + /* TODO: change this from Hover to Selected so that button is still highlighted while drop down is being used */ border: 1px solid #316ac5; - padding: 0px; + padding: 0; background-color:#9abbea; } + .soria .dijitToolbar label { padding: 3px 3px 0 6px; } + .dj_ie .soria .dijitToolbar .dijitComboButton .dijitButtonContentsFocused, .dj_ie .soria .dijitToolbar .dijitComboButton .dijitDownArrowButtonFocused { - + /* focus border doesn't appear on for IE, so need to add it manually */ border: 1px #777 dotted !important; - padding: 0px; + padding: 0; } diff --git a/lib/dijit/themes/soria/Tree.css b/lib/dijit/themes/soria/Tree.css index 60934d414..d8edb67df 100644 --- a/lib/dijit/themes/soria/Tree.css +++ b/lib/dijit/themes/soria/Tree.css @@ -1,78 +1,105 @@ +/* Tree */ .soria .dijitTreeNode { background : url('images/treeI.gif') no-repeat; background-position : top left; background-repeat : repeat-y; - zoom: 1; + zoom: 1; } + .soria .dijitTreeRowHover { - + /* using a transparent png so that we can still see grid lines, which are (unfortunately) behind the dijitRowNode that we are hovering over */ background-image: url(images/treeHover.png); background-repeat: repeat; background-color: transparent !important; } + + +/* left vertical line (grid) for all nodes */ .soria .dijitTreeIsLast { background: url('images/treeI_half.gif') no-repeat; } + .soria .dijitTreeLabel { font-weight: normal; margin-left: 3px; } + .soria .dijitTreeIsRoot { margin-left: 0; background-image: none; } + .soria .dijitTreeExpando { width: 18px; height: 18px; } + .soria .dijitTreeRow { - + /* so insert line shows up on IE when dropping after a target element */ padding-bottom: 2px; } + .soria .dijitTreeContent { min-height: 18px; min-width: 18px; padding-left:1px; } + .soria .dijitTreeRowSelected .dijitTreeLabel{ background:#b8cbec; } + .soria .dijitTreeExpandoOpened { background: url('images/spriteTree.gif') no-repeat -18px top; } + .soria .dijitTreeExpandoClosed { background-image: url('images/spriteTree.gif'); } + .soria .dijitTreeExpandoLeaf { background: url('images/spriteTree.gif') no-repeat -36px top; } + .soria .dijitTreeExpandoLoading { background-image: url('images/treeExpand_loading.gif'); } + .soria .dijitTreeIcon { width: 16px; height: 16px; } + .soria .dijitFolderOpened { background: url('images/spriteDivIcons.gif') no-repeat -16px top; } + .soria .dijitFolderClosed { background: url('images/spriteDivIcons.gif') no-repeat top left; } + .soria .dijitLeaf { background: url('images/spriteDivIcons.gif') no-repeat -32px top; } + +/* Drag and Drop on TreeNodes + * Put insert line on dijitTreeContent node so it's aligned w/ + * (ie, indented equally with) target element, even + * though dijitTreeRowNode is the actual "drag object" + */ .soria .dijitTreeNode .dojoDndItemBefore, .soria .dijitTreeNode .dojoDndItemAfter { border-bottom: none; border-top: none; } + .soria .dijitTreeNode .dojoDndItemBefore .dijitTreeContent { - + /* copied from Common.css */ border-top: 2px solid #369; } + .soria .dijitTreeNode .dojoDndItemAfter .dijitTreeContent { - + /* copied from Common.css */ border-bottom: 2px solid #369; } diff --git a/lib/dijit/themes/soria/Tree_rtl.css b/lib/dijit/themes/soria/Tree_rtl.css index 41dd308b4..44daf3aa8 100644 --- a/lib/dijit/themes/soria/Tree_rtl.css +++ b/lib/dijit/themes/soria/Tree_rtl.css @@ -1,18 +1,22 @@ +/* Tree */ .dijitRtl .soria .dijitTreeNode, .dijitRtl .soria .dijitTreeExpandoLeaf { - + /* disable grid lines for Tree in RTL mode, too hard to support */ background-image: none; } + .dijitRtl .soria .dijitTreeContent { - padding-left: 0px; + padding-left: 0; padding-right: 1px; } + .dijitRtl .soria .dijitTreeExpandoOpened { - + /* todo: icon contains grid line but grid lines disabled above */ background: url('images/spriteTree_rtl.gif') no-repeat -18px top; } + .dijitRtl .soria .dijitTreeExpandoClosed { - + /* todo: icon contains grid line but grid lines disabled above */ background-image: url('images/spriteTree_rtl.gif'); } diff --git a/lib/dijit/themes/soria/form/Button.css b/lib/dijit/themes/soria/form/Button.css index 9bf643709..6b813a6dd 100644 --- a/lib/dijit/themes/soria/form/Button.css +++ b/lib/dijit/themes/soria/form/Button.css @@ -1,6 +1,14 @@ +/***** + dijit.form.Button + dijit.form.DropDownButton + dijit.form.ComboButton + dijit.form.ComboBox (partial) + dijit.form.Spinner (partial) (TODO: create NumberSpinner.css file like claro has) + *****/ + .soria .dijitButtonNode { - + /* enabled state - inner */ border: 1px solid #8ba0bd; border-bottom:1px solid #657c9c; padding: 0.1em 0.2em 0.2em 0.2em; @@ -9,16 +17,20 @@ .soria .dijitSelect .dijitButtonContents { border-right: none; } + .soria .dijitButtonText { text-align: center; padding: 0 0.3em; } + .soria .dijitArrowButton { color: #111; } + .soria .dijitComboButton .dijitDownArrowButton { padding-right:4px; } + .soria .dijitTextBoxReadOnly, .soria .dijitTextBoxReadOnly .dijitButtonNode, .soria .dijitButtonDisabled .dijitButtonNode, @@ -27,7 +39,7 @@ .soria .dijitComboButtonDisabled .dijitButtonNode, .soria .dijitTextBoxDisabled, .soria .dijitTextBoxDisabled .dijitButtonNode { - + /* disabled state - inner */ border-color: #b9bbdd #b9bbdd #b9bbdd #b9bbdd; background:#c3d3e5 url("../images/buttonDisabled.png") top repeat-x; opacity: 0.60; @@ -36,7 +48,7 @@ .dj_ie7 .soria .dijitReadOnly INPUT, .dj_ie6 .soria .dijitComboButtonDisabled .dijitButtonText, .dj_ie7 .soria .dijitComboButtonDisabled .dijitButtonText { - + /* opacity doesn't work on table node in IE, work around here */ color: #aaa; } .soria .dijitButtonHover .dijitButtonNode, @@ -46,29 +58,34 @@ .soria .dijitButtonContentsHover, .soria .dijitUpArrowButtonHover, .soria .dijitDownArrowButtonHover { - - + /* hover state - inner */ + /* TODO: change from Hover to Selected so that button is still highlighted while drop down is being used */ color:#243C5F; background:#acc5e2 url("../images/buttonHover.png") repeat-x top left; } + .soria .dijitButtonActive .dijitButtonNode, .soria .dijitToggleButtonActive .dijitButtonNode, .soria .dijitDropDownButtonActive .dijitButtonNode, .soria .dijitComboButtonActive .dijitButtonContents, .soria .dijitStackController .dijitToggleButtonChecked .dijitButtonNode { - + /* active state - inner (for when you are pressing a normal button, or + * when a radio-type button is in a depressed state + */ border-color:#657c9c; background: #91b4e5 url("../images/buttonActive.png") top left repeat-x; } .soria .dijitUpArrowButtonActive, .soria .dijitDownArrowButtonActive { - + /* same as above except don't adjust border color (it's controlled by the containing Spinner/ComboBox) */ background: #91b4e5 url("../images/buttonActive.png") top left repeat-x; } + + .soria .dijitArrowButtonInner { background-image: url("../images/spriteArrows.png"); background-repeat: no-repeat; - background-position: 0px center; + background-position: 0 center; width: 11px; height: 11px; } @@ -88,7 +105,7 @@ background-image: url("../images/spriteArrows.gif"); } .dj_ie .soria .dijitSpinner .dijitUpArrowButton .dijitArrowButtonInner { - margin-top: 1px; + margin-top: 1px; /* image has too many blank pixels on top */ } .soria .dijitSpinnerButtonContainer { width: auto; diff --git a/lib/dijit/themes/soria/form/Button_rtl.css b/lib/dijit/themes/soria/form/Button_rtl.css index 50a5c5e0b..e2f3728f3 100644 --- a/lib/dijit/themes/soria/form/Button_rtl.css +++ b/lib/dijit/themes/soria/form/Button_rtl.css @@ -1,5 +1,5 @@ .dijitRtl .soria .dijitComboBox .dijitButtonNode { - border-width: 0px 0px 0px 1px; + border-width: 0 0 0 1px; } .dijitRtl .soria .dijitSelect .dijitButtonContents { border-left: none; diff --git a/lib/dijit/themes/soria/form/Checkbox.css b/lib/dijit/themes/soria/form/Checkbox.css index 8227dcb74..5a72bfc06 100644 --- a/lib/dijit/themes/soria/form/Checkbox.css +++ b/lib/dijit/themes/soria/form/Checkbox.css @@ -1,40 +1,67 @@ +/* + * CheckBox and Radio Widgets, + * and the CSS to embed a checkbox or radio icon inside a ToggleButton. + * + * Order of images in the default sprite (from L to R, checkbox and radio in same image): + * checkbox normal - checked + * - unchecked + * disabled - checked + * - unchecked + * hover - checked + * - unchecked + * + * radio normal - checked + * - unchecked + * disabled - checked + * - unchecked + * hover - checked + * - unchecked +*/ + .soria .dijitToggleButton .dijitCheckBox, .soria .dijitToggleButton .dijitCheckBoxIcon { background-image: url('../images/spriteCheckbox.gif'); } + .soria .dijitCheckBox, -.soria .dijitCheckBoxIcon { - background-image: url('../images/spriteCheckbox.gif'); +.soria .dijitCheckBoxIcon { /* inside a toggle button */ + background-image: url('../images/spriteCheckbox.gif'); /* checkbox sprite image */ background-repeat: no-repeat; width: 16px; height: 16px; margin: 0; padding: 0; } + .soria .dijitCheckBox, .soria .dijitToggleButton .dijitCheckBoxIcon { - + /* unchecked */ background-position: -16px; } + .soria .dijitCheckBoxChecked, .soria .dijitToggleButtonChecked .dijitCheckBoxIcon { - - background-position: 0px; + /* checked */ + background-position: 0; } + .soria .dijitCheckBoxDisabled { - + /* disabled */ background-position: -48px; } + .soria .dijitCheckBoxCheckedDisabled { - + /* disabled but checked */ background-position: -32px; } + .soria .dijitCheckBoxHover { - + /* hovering over an unchecked enabled checkbox */ background-position: -80px; } + .soria .dijitCheckBoxCheckedHover { - + /* hovering over a checked enabled checkbox */ background-position: -64px; -} +} \ No newline at end of file diff --git a/lib/dijit/themes/soria/form/Common.css b/lib/dijit/themes/soria/form/Common.css index 0fe92d2a1..8e3688e82 100644 --- a/lib/dijit/themes/soria/form/Common.css +++ b/lib/dijit/themes/soria/form/Common.css @@ -1,25 +1,42 @@ +/**** + dijit.form.TextBox + dijit.form.ValidationTextBox + dijit.form.SerializableTextBox + dijit.form.RangeBoundTextBox + dijit.form.NumberTextBox + dijit.form.CurrencyTextBox + dijit.form.NumberSpinner + dijit.form.ComboBox (partial) + ****/ + .soria .dijitInputContainer INPUT, .soria .dijitTextBox { - margin: 0em 0.1em; + margin: 0 0.1em; } + .soria .dijitTextBox, .soria .dijitTextArea { - + /* For all except dijit.form.NumberSpinner: the actual input element. + For TextBox, ComboBox, Spinner: the table that contains the input. + Otherwise the actual input element. + */ background:#fff url("../images/validationInputBg.png") repeat-x top left; #background:#fff url('../images/validationInputBg.gif') repeat-x top left; border:1px solid #8ba0bd; } + .soria .dijitComboBox .dijitButtonNode { padding: 0 0.2em; } .soria .dijitTextBox .dijitButtonNode { - + /* line between the input area and the drop down button */ border-color: #8ba0bd; } + .soria .dijitTextBoxFocused, .soria .dijitTextAreaFocused { - + /* input field when focused (ie: typing affects it) */ border-color:#406b9b; } .soria .dijitTextBoxFocused .dijitButtonNode, @@ -32,20 +49,26 @@ .soria .dijitSpinner .dijitDownArrowButtonActive { border-top-color:#8ba0bd; } + .soria .dijitError { border-color:#f3d118; background-color:#f9f7ba; background-image:none; } + .soria .dijitErrorFocused { background-color:#ff6; background-image:none; } + +/* Validation errors */ .soria .dijitValidationIcon { - + /* prevent height change when widget goes from valid to invalid state */ width: 16px; background: transparent url('../images/warning.png') no-repeat center center; } + +/* The highlight is shown in the ComboBox menu. */ .soria .dijitComboBoxHighlightMatch { background-color:#f9f7ba; } diff --git a/lib/dijit/themes/soria/form/RadioButton.css b/lib/dijit/themes/soria/form/RadioButton.css index 543694e28..1ea27bf65 100644 --- a/lib/dijit/themes/soria/form/RadioButton.css +++ b/lib/dijit/themes/soria/form/RadioButton.css @@ -1,40 +1,66 @@ +/* + * CheckBox and Radio Widgets, + * and the CSS to embed a checkbox or radio icon inside a ToggleButton. + * + * Order of images in the default sprite (from L to R, checkbox and radio in same image): + * checkbox normal - checked + * - unchecked + * disabled - checked + * - unchecked + * hover - checked + * - unchecked + * + * radio normal - checked + * - unchecked + * disabled - checked + * - unchecked + * hover - checked + * - unchecked +*/ .soria .dijitToggleButton .dijitRadio, .soria .dijitToggleButton .dijitRadioIcon { background-image: url('../images/spriteRadio.gif'); } + .soria .dijitRadio, -.soria .dijitRadioIcon { - background-image: url('../images/spriteRadio.gif'); +.soria .dijitRadioIcon { /* inside a toggle button */ + background-image: url('../images/spriteRadio.gif'); /* checkbox sprite image */ background-repeat: no-repeat; width: 16px; height: 16px; margin: 0; padding: 0; } + .soria .dijitRadio, .soria .dijitToggleButton .dijitRadioIcon { - + /* unselected */ background-position: -16px; } + .soria .dijitRadioChecked, .soria .dijitToggleButtonChecked .dijitRadioIcon { - - background-position: 0px; + /* selected */ + background-position: 0; } + .soria .dijitRadioDisabled { - + /* unselected and disabled */ background-position: -48px; } + .soria .dijitRadioCheckedDisabled { - + /* selected but disabled */ background-position: -32px; } + .soria .dijitRadioHover { - + /* hovering over an unselected enabled radio button */ background-position: -80px; } + .soria .dijitRadioCheckedHover { - + /* hovering over a selected enabled radio button */ background-position: -64px; -} +} \ No newline at end of file diff --git a/lib/dijit/themes/soria/form/Select.css b/lib/dijit/themes/soria/form/Select.css index eb85ceaeb..18567720e 100644 --- a/lib/dijit/themes/soria/form/Select.css +++ b/lib/dijit/themes/soria/form/Select.css @@ -1,6 +1,8 @@ .soria .dijitSelect .dijitButtonNode { - padding: 0px; + padding: 0; } + +/* Make unselected "look" more like a text box and less like a button */ .soria .dijitSelect .dijitButtonContents { padding-top: 1px; background:#fff url("../images/validationInputBg.png") repeat-x top left; @@ -14,11 +16,14 @@ background: transparent none; } .dj_ie .soria .dijitSelect .dijitButtonContents { - padding-top: 0px; + padding-top: 0; } + .soria .dijitSelect .dijitArrowButton { - padding: 0px 2px; + padding: 0 2px; } + +/* Mirror DropDownButton */ .soria .dijitSelectDisabled .dijitButtonNode { border-color: #b9bbdd #b9bbdd #b9bbdd #b9bbdd; background:#c3d3e5 url("../images/buttonDisabled.png") top repeat-x; @@ -26,19 +31,24 @@ .dj_ie .soria .dijitSelectDisabled .dijitButtonNode * { filter: gray() alpha(opacity=50); } + .soria .dijitSelectHover .dijitButtonNode { color:#000; background:#acc5e2 url("../images/buttonHover.png") repeat-x top left; } + .soria .dijitSelectActive .dijitButtonNode, .soria .dijitSelectOpened .dijitButtonNode { border-color:#657c9c; background: #91b4e5 url("../images/buttonActive.png") top left repeat-x; } + +/* Make the menu look more combobox-like */ .soria .dijitSelectMenu td { - padding: 0em; + padding: 0; } .soria .dijitSelectMenu .dijitMenuItemLabel, .soria .dijitSelectMenu .dijitMenuArrowCell { padding: 0.1em 0.2em; } + diff --git a/lib/dijit/themes/soria/form/Slider.css b/lib/dijit/themes/soria/form/Slider.css index 72e48b678..3a68f4631 100644 --- a/lib/dijit/themes/soria/form/Slider.css +++ b/lib/dijit/themes/soria/form/Slider.css @@ -1,38 +1,49 @@ +/**** + SLIDER +****/ + .soria .dijitSliderProgressBarH { border-color: #b1badf; background: #c0c2c5 url("../images/sliderFull.png") repeat-x top left; } + .soria .dijitSliderProgressBarV { border-color: #b1badf; background: #c0c2c5 url("../images/sliderFullVertical.png") repeat-y bottom left; } + .soria .dijitSliderFocused .dijitSliderProgressBarH, .soria .dijitSliderFocused .dijitSliderLeftBumper { background-image:url("../images/sliderFullFocus.png"); } + .soria .dijitSliderFocused .dijitSliderProgressBarV, .soria .dijitSliderFocused .dijitSliderBottomBumper { background-image:url("../images/sliderFullVerticalFocus.png"); } + .soria .dijitSliderRemainingBarV { border-color: #b4b4b4; background: #dcdcdc url("../images/sliderEmptyVertical.png") repeat-y bottom left; } + .soria .dijitSliderRemainingBarH { border-color: #b4b4b4; background: #dcdcdc url("../images/sliderEmpty.png") repeat-x top left; } + .soria .dijitSliderBar { border-style: solid; outline:1px; - + /* border-color: #b4b4b4; */ } .soria .dijitSliderFocused .dijitSliderBar { border-color:#8ba0bd; } + .soria .dijitSliderImageHandleH { - border:0px; + border:0; width:15px; height:18px; background:url("../images/preciseSliderThumb.png") no-repeat center top; @@ -41,40 +52,48 @@ background-image:url("../images/preciseSliderThumbFocus.png"); #background-image:url("../images/preciseSliderThumbFocus.gif"); } + .dj_ie6 .soria .dijitSliderImageHandleH { background-image:url("../images/preciseSliderThumb.gif"); } + .soria .dijitSliderLeftBumper { border-left-width: 1px; border-color: #aab0bb; background: #c0c2c5 url("../images/sliderFull.png") repeat-x top left; } + .soria .dijitSliderRightBumper { background: #dcdcdc url("../images/sliderEmpty.png") repeat-x top left; border-color: #b4b4b4; border-right-width: 1px; } + .soria .dijitSliderImageHandleV { - border:0px; + border:0; width:20px; height:15px; background:url("../images/sliderThumb.png") no-repeat center center; #background:url("../images/sliderThumb.gif") no-repeat center center; } + .soria .dijitSliderFocused .dijitSliderImageHandleV { background-image:url("../images/sliderThumbFocus.png"); #background-image:url("../images/sliderThumbFocus.gif"); } + .soria .dijitSliderBottomBumper { border-bottom-width: 1px; border-color: #aab0bb; background: #c0c2c5 url("../images/sliderFullVertical.png") repeat-y bottom left; } + .soria .dijitSliderTopBumper { background: #dcdcdc url("../images/sliderEmptyVertical.png") repeat-y top left; border-color: #b4b4b4; border-top-width: 1px; } + .soria .dijitSliderIncrementIconH, .soria .dijitSliderIncrementIconV { background:url('../images/spriteRoundedIconsSmall.png') no-repeat -45px top; @@ -85,6 +104,7 @@ background:url('../images/spriteRoundedIconsSmall.png') no-repeat -30px top; #background:url('../images/spriteRoundedIconsSmall.gif') no-repeat -30px top; } + .soria .dijitSliderDecrementIconH, .soria .dijitSliderDecrementIconV { width:15px; @@ -93,12 +113,14 @@ #background:url('../images/spriteRoundedIconsSmall.gif') no-repeat -15px top; } .soria .dijitSliderDecrementIconH { - background:url('../images/spriteRoundedIconsSmall.png') no-repeat 0px top; - #background:url('../images/spriteRoundedIconsSmall.gif') no-repeat 0px top; + background:url('../images/spriteRoundedIconsSmall.png') no-repeat 0 top; + #background:url('../images/spriteRoundedIconsSmall.gif') no-repeat 0 top; } + .soria .dijitSliderButtonInner { visibility:hidden; } + .soria .dijitSliderReadOnly *, .soria .dijitSliderDisabled * { border-color: #d5d5d5 #bdbdbd #bdbdbd #d5d5d5; @@ -106,7 +128,7 @@ } .soria .dijitSliderReadOnly .dijitSliderDecrementIconH, .soria .dijitSliderDisabled .dijitSliderDecrementIconH { - background-position: 0px -15px; + background-position: 0 -15px; } .soria .dijitSliderReadOnly .dijitSliderIncrementIconH, .soria .dijitSliderDisabled .dijitSliderIncrementIconH { @@ -119,4 +141,4 @@ .soria .dijitSliderReadOnly .dijitSliderIncrementIconV, .soria .dijitSliderDisabled .dijitSliderIncrementIconV { background-position: -45px -15px; -} +} \ No newline at end of file diff --git a/lib/dijit/themes/soria/form/Slider_rtl.css b/lib/dijit/themes/soria/form/Slider_rtl.css index c1d8de322..d9b67c504 100644 --- a/lib/dijit/themes/soria/form/Slider_rtl.css +++ b/lib/dijit/themes/soria/form/Slider_rtl.css @@ -1,4 +1,6 @@ +/* Slider */ + .dijitRtl .soria .dijitSliderProgressBarH, .dijitRtl .soria .dijitSliderRemainingBarH, .dijitRtl .soria .dijitSliderLeftBumper, @@ -6,23 +8,28 @@ .dijitRtl .soria .dijitSliderTopBumper { background-position: top right; } + .dijitRtl .soria .dijitSliderProgressBarV, .dijitRtl .soria .dijitSliderRemainingBarV, .dijitRtl .soria .dijitSliderBottomBumper { background-position: bottom right; } + .dijitRtl .soria .dijitSliderLeftBumper { - border-left-width: 0px; + border-left-width: 0; border-right-width: 1px; } + .dijitRtl .soria .dijitSliderRightBumper { border-left-width: 1px; - border-right-width: 0px; + border-right-width: 0; } + .dijitRtl .soria .dijitSliderIncrementIconH { background:url('../images/spriteRoundedIconsSmall.png') no-repeat left top; #background:url('../images/spriteRoundedIconsSmall.gif') no-repeat left top; } + .dijitRtl .soria .dijitSliderDecrementIconH { background:url('../images/spriteRoundedIconsSmall.png') no-repeat -30px top; #background:url('../images/spriteRoundedIconsSmall.gif') no-repeat -30px top; diff --git a/lib/dijit/themes/soria/form/TimeTextBox.css b/lib/dijit/themes/soria/form/TimeTextBox.css index d450925b4..bf67b66d0 100644 --- a/lib/dijit/themes/soria/form/TimeTextBox.css +++ b/lib/dijit/themes/soria/form/TimeTextBox.css @@ -1 +1 @@ -@CHARSET "UTF-8"; +@CHARSET "UTF-8"; \ No newline at end of file diff --git a/lib/dijit/themes/soria/layout/AccordionContainer.css b/lib/dijit/themes/soria/layout/AccordionContainer.css index b65187f6b..3e2d22d57 100644 --- a/lib/dijit/themes/soria/layout/AccordionContainer.css +++ b/lib/dijit/themes/soria/layout/AccordionContainer.css @@ -1,8 +1,15 @@ +/** + * dijit.layout.Accordioncontainer + * + */ .soria .dijitAccordionContainer { border-color: #b1badf; background-color: #fff; } + +/* common */ + .soria .dijitAccordionTitle { background:#fafafa url("../images/titleBar.png") repeat-x top left; border-top: 1px solid #b9bbdd; @@ -11,6 +18,7 @@ font-weight: bold; color: #373941; } + .soria .dijitAccordionTitleSelected { background: #f9f9f9 url("../images/accordionItemActive.png") top repeat-x; font-weight: bold; @@ -19,17 +27,20 @@ padding: 5px 4px 5px 8px; color: #243C5F; } + .soria .dijitAccordionArrow { background:url("../images/spriteRoundedIconsSmallBl.gif") no-repeat -30px top; width:15px; height:15px; margin-top:-1px; } + .soria .dijitAccordionTitleSelected .dijitAccordionArrow { background:url("../images/spriteRoundedIconsSmallBl.gif") no-repeat -15px top; margin-top:-1px; } + .soria .dijitAccordionText { margin-left: 4px; margin-right: 4px; -} +} \ No newline at end of file diff --git a/lib/dijit/themes/soria/layout/AccordionContainer_rtl.css b/lib/dijit/themes/soria/layout/AccordionContainer_rtl.css index c9f07e067..c6bb820f3 100644 --- a/lib/dijit/themes/soria/layout/AccordionContainer_rtl.css +++ b/lib/dijit/themes/soria/layout/AccordionContainer_rtl.css @@ -1,7 +1,8 @@ .dijitRtl .soria .dijitAccordionArrow { - background-position: 0px top; + background-position: 0 top; } + .dijitRtl .soria .dijitAccordionTitleSelected .dijitAccordionArrow { - + /* same rule as LTR mode, just listed to override previous rule in this file */ background-position: -15px top; } diff --git a/lib/dijit/themes/soria/layout/BorderContainer.css b/lib/dijit/themes/soria/layout/BorderContainer.css index aec147ae6..63f2bf365 100644 --- a/lib/dijit/themes/soria/layout/BorderContainer.css +++ b/lib/dijit/themes/soria/layout/BorderContainer.css @@ -1,53 +1,71 @@ +/** + * dijit.layout.BorderContainer + * + */ .soria .dijitBorderContainer { background-color: #e1ebfb; padding: 5px; } + .soria .dijitSplitContainer-child, .soria .dijitBorderContainer-child { - + /* By default put borders on all children of BorderContainer, + * to give illusion of borders on the splitters themselves. + */ border: 1px #b1badf solid; } + .soria .dijitBorderContainer-dijitTabContainerTop, .soria .dijitBorderContainer-dijitTabContainerBottom, .soria .dijitBorderContainer-dijitTabContainerLeft, .soria .dijitBorderContainer-dijitTabContainerRight { - + /* except that TabContainer defines borders on it's sub-nodes (tablist and dijitTabPaneWrapper), + * so no border on domNode + */ border: none; } + .soria .dijitBorderContainer-dijitBorderContainer { - + /* also, make nested BorderContainers look like a single big widget with lots of splitters */ border: none; - padding: 0px; + padding: 0; } + + .soria .dijitSplitterH, .soria .dijitGutterH { background: #E1EBFB; border:0; - border-left:0px solid #d3d3d3; - border-right:0px solid #d3d3d3; + border-left:0 solid #d3d3d3; + border-right:0 solid #d3d3d3; height:5px; } + .soria .dijitSplitterH .dijitSplitterThumb { background:#B0B0B0 none; height:1px; top:2px; width:19px; } + .soria .dijitSplitterV, .soria .dijitGutterV { background: #E1EBFB; border:0; - border-top:0px solid #d3d3d3; - border-bottom:0px solid #d3d3d3; + border-top:0 solid #d3d3d3; + border-bottom:0 solid #d3d3d3; width:5px; } + .soria .dijitSplitterV .dijitSplitterThumb { background:#B0B0B0 none; height:19px; left:2px; width:1px; } + +/* active splitter */ .soria .dijitSplitterActive { font-size: 1px; background-image: none; @@ -56,4 +74,4 @@ opacity: 0.6; filter: Alpha(Opacity=60); margin: 0; -} +} \ No newline at end of file diff --git a/lib/dijit/themes/soria/layout/ContentPane.css b/lib/dijit/themes/soria/layout/ContentPane.css index 9308d50ee..32398dc08 100644 --- a/lib/dijit/themes/soria/layout/ContentPane.css +++ b/lib/dijit/themes/soria/layout/ContentPane.css @@ -1,7 +1,10 @@ +/* ContentPane */ .soria .dijitContentPane { - padding: 0px; + padding: 0; } + +/* nested layouts */ .soria .dijitTabContainerTop-dijitContentPane, .soria .dijitTabContainerLeft-dijitContentPane, .soria .dijitTabContainerBottom-dijitContentPane, @@ -10,8 +13,9 @@ background-color: #fff; padding: 5px; } + .soria .dijitSplitContainer-dijitContentPane, .soria .dijitBorderContainer-dijitContentPane { - background-color: #fff; + background-color: #fff; /* override background-color setting on parent .dijitBorderContainer */ padding: 5px; -} +} \ No newline at end of file diff --git a/lib/dijit/themes/soria/layout/SplitContainer.css b/lib/dijit/themes/soria/layout/SplitContainer.css index 87f065752..bf7ca1625 100644 --- a/lib/dijit/themes/soria/layout/SplitContainer.css +++ b/lib/dijit/themes/soria/layout/SplitContainer.css @@ -1,27 +1,34 @@ +/** + * dijit.layout.SplitContainer + * + */ .soria .dijitSplitContainerSizerH { background:url("../images/splitContainerSizerV.png") repeat-y #cddef4; border:0; - border-left:0px solid #436496; - border-right:0px solid #436496; + border-left:0 solid #436496; + border-right:0 solid #436496; width:5px; } + .soria .dijitSplitContainerSizerH .thumb { background:url("../images/splitContainerSizerV-thumb.png") no-repeat #ccc; left:1px; width:2px; height:19px; } + .soria .dijitSplitContainerSizerV { background:url("../images/splitContainerSizerH.png") repeat-x #cddef4; border:0; - border-top:0px solid #436496; - border-bottom:0px solid #436496; + border-top:0 solid #436496; + border-bottom:0 solid #436496; height:2px; } + .soria .dijitSplitContainerSizerV .thumb { background:url("../images/splitContainerSizerH-thumb.png") no-repeat #ccc; top:1px; width:19px; height:5px; -} +} \ No newline at end of file diff --git a/lib/dijit/themes/soria/layout/TabContainer.css b/lib/dijit/themes/soria/layout/TabContainer.css index 0cf156dec..b96d16955 100644 --- a/lib/dijit/themes/soria/layout/TabContainer.css +++ b/lib/dijit/themes/soria/layout/TabContainer.css @@ -1,3 +1,12 @@ +/** + * dijit.layout.TabContainer + * + * To style TabContainer with rounded corners + * you can use these classes: .dijitTab (left), .dijitTabContent (center), dijitTabInnerDiv (right) + * For tabs aligned to top you can style a stripe div right underneath the tabs using .dijitTabStripe + */ + +/* Classes for all types of tabs (top/bottom/left/right) */ .soria .dijitTabContainer .tabStripRBtn { margin-right: 21px; @@ -5,63 +14,84 @@ .soria .dijitTabContainer .tabStripLBtn { margin-left: 21px; } + .soria .nowrapTabStrip .dijitTab { top: 2px; } + .soria .dijitTabContainerBottom-tabs .dijitTab { top: -1px; bottom: 2px; } + +/* Tabs, shared classes */ .soria .dijitTabPaneWrapper { background:#fff; border:1px solid #B1BADF; margin: 0; - padding-left: 0px; + padding-left: 0; } + .soria .dijitTabInnerDiv { - padding:0px 3px 0px 0px; + padding:0 3px 0 0; margin: 0 0 0 4px; background: url("../images/tabContainerSprite.gif") no-repeat; background-position: right -400px; } + .soria .dijitTab { line-height:normal; - margin:0 2px 0 0; - padding:0px; + margin:0 2px 0 0; /* space between one tab and the next in top/bottom mode */ + padding:0; background: url("../images/tabContainerSprite.gif") no-repeat 0 -300px; color: #243C5F; border-bottom: 1px #B1BADF solid; } + .soria .dijitTabInnerDiv .dijitTabContent { padding:4px 3px 2px 4px; background: url("../images/tabContainerSprite.gif") repeat-x 0 -350px; position: relative; } + + + .soria .dijitTabListWrapper { z-index: 10; } + +/* hovered tab */ .soria .dijitTabHover { color: #243C5F; - background: url("../images/tabContainerSprite.gif") no-repeat 0px -150px; + background: url("../images/tabContainerSprite.gif") no-repeat 0 -150px; } + .soria .dijitTabHover .dijitTabInnerDiv { background: url("../images/tabContainerSprite.gif") no-repeat right -250px; } + .soria .dijitTabHover .dijitTabInnerDiv .dijitTabContent { background: url("../images/tabContainerSprite.gif") repeat-x 0 -200px; } + +/* checked tab*/ .soria .dijitTabChecked { - - background: url("../images/tabContainerSprite.gif") no-repeat 0px -0px; + /* the selected tab (with or without hover) */ + background: url("../images/tabContainerSprite.gif") no-repeat 0 -0; } + .soria .dijitTabChecked .dijitTabInnerDiv { background: url("../images/tabContainerSprite.gif") no-repeat right -100px; } + .soria .dijitTabChecked .dijitTabInnerDiv .dijitTabContent { background: url("../images/tabContainerSprite.gif") repeat-x 0 -50px; color: #243C5F !important; } + +/* Nested Tabs */ + .soria .dijitTabContainerTabListNested { background: #F0F4FC; background: #D9E9F9; @@ -70,7 +100,7 @@ .soria .dijitTabContainerTabListNested .dijitTab { background: none; border: none; - top: 0px; + top: 0; /* override top:1px setting of top-level tabs */ } .soria .dijitTabContainerTabListNested .dijitTab .dijitTabInnerDiv, .soria .dijitTabContainerTabListNested .dijitTab .dijitTabContent { @@ -84,12 +114,15 @@ font-weight: bold; } .soria .dijitTabContainerSpacerNested .dijitTabSpacer { - - height: 0px; + /* thinner line between tab (labels) and content */ + height: 0; } .soria .dijitTabPaneWrapperNested { - border: none; + border: none; /* prevent double border */ } + + +/* Close Button */ .soria .dijitTabCloseButton { width: 15px; height: 15px; @@ -99,146 +132,192 @@ .dj_ie6 .soria .dijitTabCloseButton { background: url("../images/spriteRoundedIconsSmall.gif") no-repeat -60px top; } + .soria .dijitTabCloseButtonHover { background: url("../images/spriteRoundedIconsSmall.png") no-repeat -60px -15px; } .dj_ie6 .soria .dijitTabCloseButtonHover { background: url("../images/spriteRoundedIconsSmall.gif") no-repeat -60px -15px; } -.soria .dijitTab .tabLabel { - - min-height: 15px; - display: inline-block; -} -.dj_ie6 .soria .dijitTabButtonIcon { - - height: 18px; - width: 1px; -} + +/* ================================ */ +/* top tabs */ .soria .dijitTabContainerTop-tabs { border-color: #B1BADF; padding-left: 3px; } + .soria .dijitTabContainerTopNoStrip { padding-top: 3px; } + +/* top container */ .soria .dijitTabContainerTop-container { border-top: none; } + .soria .dijitTabContainerTop .dijitTabListWrapper { border-bottom: none; } + +/*non-checked tabs */ .soria .dijitTabContainerTop-tabs .dijitTab { top: 1px; } + +/* checked tabs */ .soria .dijitTabContainerTop-tabs .dijitTabChecked { border-bottom-color: #94b4e6; } + +/* strip */ .soria .dijitTabContainerTopStrip { border: 1px solid #B1BADF; margin-top: 1px; padding-top: 1px; background: #F0F4FC; } + .soria .dijitTabContainerTopStrip .dijitTabContainerTop-tabs { padding-left: 3px; } + + .soria .dijitTabContainerNested .dijitTabListWrapper { height: auto; } + +/* ================================ */ +/* bottom tabs */ .soria .dijitTabContainerBottom-tabs { margin-top: -1px; padding-left: 3px; border-top: 1px solid #B1BADF; } + .soria .dijitTabContainerBottom .dijitTabListWrapper { border-top: none; padding-top: 1px; padding-bottom: 1px; float: left; } + +/* bottom container */ .soria .dijitTabContainerBottom-container { border-bottom: none; } + .soria .dijitTabContainerBottom-tabs .dijitTab { border-bottom: none; border-top: 1px solid #B1BADF; background: url("../images/tabBottomEnabledSpriteLR.gif") no-repeat bottom left; } + +/* checked tabs */ .soria .dijitTabContainerBottom-tabs .dijitTabChecked { border-top-color:#94b4e6; } + + .soria .dijitTabContainerBottom-tabs .dijitTabInnerDiv .dijitTabContent { padding-top: 3px; padding-bottom: 3px; background: url("../images/tabBottomEnabledC.gif") repeat-x bottom left; } + .soria .dijitTabContainerBottom-tabs .dijitTabInnerDiv { background: url("../images/tabBottomEnabledSpriteLR.gif") no-repeat bottom right; } + .soria .dijitTabContainerBottom-tabs .dijitTabHover { color: #243C5F; background: url("../images/tabBottomHoverSpriteLR.gif") no-repeat bottom left; } + .soria .dijitTabContainerBottom-tabs .dijitTabHover .dijitTabInnerDiv { background: url("../images/tabBottomHoverSpriteLR.gif") no-repeat bottom right; } + .soria .dijitTabContainerBottom-tabs .dijitTabHover .dijitTabInnerDiv .dijitTabContent { background: url("../images/tabBottomHoverC.gif") repeat-x bottom left; } + .soria .dijitTabContainerBottom-tabs .dijitTabChecked { - + /* the selected tab (with or without hover) */ background: url("../images/tabBottomActiveSpriteLR.gif") no-repeat bottom left; } + .soria .dijitTabContainerBottom-tabs .dijitTabChecked .dijitTabInnerDiv { background: url("../images/tabBottomActiveSpriteLR.gif") no-repeat bottom right; } + .soria .dijitTabContainerBottom-tabs .dijitTabChecked .dijitTabInnerDiv .dijitTabContent { background: url("../images/tabBottomActiveC.gif") repeat-x bottom left; } + +/* strip */ .soria .dijitTabContainerBottomStrip { padding-bottom: 2px; border: 1px solid #B1BADF; } + .soria .dijitTabContainerBottomStrip { background: #F0F4FC; } + +/* top/bottom strip */ .soria .dijitTabContainerBottom-spacer, .soria .dijitTabContainerTop-spacer { height: 2px; border: 1px solid #8ba0bd; background: #94b4e6; } + .soria .dijitTabContainerTop-spacer { border-top: none; } + .soria .dijitTabContainerBottom-spacer { border-bottom: none; } + +/* ================================ */ +/* right tabs */ .soria .dijitTabContainerRight-tabs { height: 100%; border-color: #ccc; padding-top: 3px; } + +/* right container */ .soria .dijitTabContainerRight-container { border-right: none; } + .soria .dijitTabContainerRight-tabs .dijitTab { border-bottom: none; border-left: 1px solid #B1BADF; border-bottom: 1px solid #B1BADF !important; } + + +/* some odd ie bug when borders dissapear when setting a bottom margin, this sortof helps */ .dj_ie6 .soria .dijitTabContainerRight-tabs .dijitTabInnerDiv, .dj_ie7 .soria .dijitTabContainerRight-tabs .dijitTabInnerDiv { border-bottom: solid #B1BADF 1px; margin-bottom: -1px; } + +/* checked tabs */ .soria .dijitTabContainerRight-tabs .dijitTabChecked { border-left-color: #94b4e6; } + .soria .dijitTabContainerRight-tabs .dijitTabChecked { background: url("../images/tabRightChecked.gif") no-repeat left top !important; } + +/* some odd ie bug when borders dissapear when setting a bottom margin, this sortof helps */ .dj_ie6 .soria .dijitTabContainerRight-tabs .dijitTabChecked .dijitTabInnerDiv, .dj_ie7 .soria .dijitTabContainerRight-tabs .dijitTabChecked .dijitTabInnerDiv, .dj_ie6 .soria .dijitTabContainerRight-tabs .dijitTabCheckedHover .dijitTabInnerDiv, @@ -246,33 +325,45 @@ border-bottom: solid #94b4e6 1px; margin-bottom: -1px; } + .soria .dijitTabContainerRight-tabs .dijitTab { background: url("../images/tabContainerSprite.gif") no-repeat left -350px; } .soria .dijitTabContainerRight-tabs .dijitTabHover .dijitTab { background: url("../images/tabContainerSprite.gif") no-repeat left -200px; } + +/* strip */ .soria .dijitTabContainerRightStrip { padding-right: 2px; border: 1px solid #B1BADF; background: #F0F4FC; border-left: none; } + +/* ================================ */ +/* left tabs */ .soria .dijitTabContainerLeft-tabs { border-color: #ccc; padding-top: 3px; height: 100%; } + +/* left conatiner */ .soria .dijitTabContainerLeft-container { border-left: none; } + .soria .dijitTabContainerLeft-tabs .dijitTab { border-right: 1px solid #B1BADF; border-bottom: 1px solid #B1BADF; } + +/* checked tabs */ .soria .dijitTabContainerLeft-tabs .dijitTabChecked { border-right: 1px solid #94b4e6; } + .soria .dijitTabContainerLeft-tabs .dijitTabInnerDiv { background: url("../images/tabContainerSprite.gif") no-repeat right -350px; } @@ -283,11 +374,13 @@ .soria .dijitTabContainerLeft-tabs .dijitTabCheckedHover .dijitTabInnerDiv { background: url("../images/tabLeftChecked.gif") no-repeat right top; } + .dj_ie6 .soria .dijitTabContainerLeft-tabs .dijitTabInnerDiv, .dj_ie7 .soria .dijitTabContainerLeft-tabs .dijitTabInnerDiv { border-bottom: solid #B1BADF 1px; margin-bottom: -1px; } + .dj_ie6 .soria .dijitTabContainerLeft-tabs .dijitTabChecked .dijitTabInnerDiv, .dj_ie7 .soria .dijitTabContainerLeft-tabs .dijitTabChecked .dijitTabInnerDiv, .dj_ie6 .soria .dijitTabContainerLeft-tabs .dijitTabCheckedHover .dijitTabInnerDiv, @@ -295,78 +388,105 @@ border-bottom: solid #94b4e6 1px; margin-bottom: -1px; } + +/* strip */ .soria .dijitTabContainerLeftStrip { padding-left: 2px; border: 1px solid #B1BADF; background: #F0F4FC; border-right: none; } + +/* ================================ */ +/* left/right tabs */ .soria .dijitTabContainerLeft-tabs .dijitTab, .soria .dijitTabContainerRight-tabs .dijitTab { margin-right:auto; - margin-bottom:2px; + margin-bottom:2px; /* space between one tab and the next in left/right mode */ } + +/* left/right tabstrip */ .soria .dijitTabContainerLeft-spacer, .soria .dijitTabContainerRight-spacer { width: 2px; border: 1px solid #8ba0bd; background: #94b4e6; } + .soria .dijitTabContainerLeft-spacer { border-left: none; } .soria .dijitTabContainerRight-spacer { border-right: none; } +/* ================================ */ + +/* this resets the tabcontainer stripe when within a contentpane */ .soria .dijitTabContainerTop-dijitContentPane .dijitTabContainerTop-tabs { - border-left: 0px solid #ccc; - border-top: 0px solid #ccc; - border-right: 0px solid #ccc; - padding-top: 0px; - padding-left: 0px; + border-left: 0 solid #ccc; + border-top: 0 solid #ccc; + border-right: 0 solid #ccc; + padding-top: 0; + padding-left: 0; } + + +/* ================================ */ + +/* Menu and slider control styles */ .soria .dijitTabContainer .tabStripButton { margin-right: 0; } .soria .dijitTabContainer .tabStripButton-top { margin-top: 1px; } + .soria .tabStripButton .dijitTabContent{ padding: 6px 0 5px 0; } + .dj_ie6 .soria .tabStripButton .dijitTabContent, .dj_ie7 .soria .tabStripButton .dijitTabContent { padding-top: 7px; } + .soria .tabStrip-disabled .tabStripButton .dijitTabContent { padding: 5px 0 3px 0; } + .dj_ie6 .soria .tabStrip-disabled .tabStripButton .dijitTabContent, .dj_ie7 .soria .tabStrip-disabled .tabStripButton .dijitTabContent { padding-top: 6px; } + .soria .dijitTabContainer .tabStripButton-bottom { background: transparent url(../images/tabBottomEnabledSpriteLR.gif) no-repeat scroll left bottom; border-bottom: medium none; border-top: 1px solid #B1BADF; } + .soria .dijitTabContainer .tabStripButton-bottom .dijitTabInnerDiv { background: transparent url(../images/tabBottomEnabledSpriteLR.gif) no-repeat scroll right bottom; } + .soria .dijitTabContainer .tabStripButton-bottom .dijitTabContent { background: transparent; } + .soria .dijitTabStripIcon { height: 14px; width: 14px; background: url(../images/spriteRoundedIconsSmall.png) no-repeat left top ; } + .dj_ie6 .soria .dijitTabStripIcon { background-image: url(../images/spriteRoundedIconsSmall.gif); } + .soria .dijitTabStripSlideRightIcon { background-position: -30px top; } + .soria .dijitTabStripMenuIcon { background-position: -15px top; -} +} \ No newline at end of file diff --git a/lib/dijit/themes/soria/layout/TabContainer_rtl.css b/lib/dijit/themes/soria/layout/TabContainer_rtl.css index 863849813..eba3963b9 100644 --- a/lib/dijit/themes/soria/layout/TabContainer_rtl.css +++ b/lib/dijit/themes/soria/layout/TabContainer_rtl.css @@ -1,10 +1,13 @@ .dijitRtl .soria .dijitTab { margin-right:0; - margin-left:2px; + margin-left:2px; /* space between one tab and the next in top/bottom mode */ } + +/* tab strips */ .dijitRtl .soria .dijitTabContainer .tabStripButton { margin-left: 0; } + .dijitRtl .soria .dijitTabContainerTopStrip, .dijitRtl .soria .dijitTabContainerBottomStrip, .dijitRtl .soria .dijitTabContainerTop-tabs, @@ -12,23 +15,29 @@ padding-left: 0; padding-right: 3px; } + .dijitRtl .soria .dijitTabInnerDiv { padding-left: 3px; padding-right: 4px; } + .dijitRtl .soria .dijitTabPaneWrapper { #zoom: 1; } + .dj_ie-rtl .soria .dijitTabContainerLeft-tabs { - margin-left: 0px !important; + margin-left: 0 !important; } + .dj_ie-rtl .soria .dijitTabContainerRight-tabs { - margin-right: 0px !important; + margin-right: 0 !important; } + .dijitRtl .soria .dijitTabContainerLeft-tabs .dijitTab, .dijitRtl .soria .dijitTabContainerRight-tabs .dijitTab { - margin-left:0px; + margin-left:0; } + .dj_ie-rtl .soria .dijitTab .dijitTabInnerDiv{ width : 1%; -} +} \ No newline at end of file diff --git a/lib/dijit/themes/soria/soria.css b/lib/dijit/themes/soria/soria.css index e7f4ac6ab..36471d03a 100644 --- a/lib/dijit/themes/soria/soria.css +++ b/lib/dijit/themes/soria/soria.css @@ -1,3345 +1,41 @@ +/* + Adds cosmetic styling to Dijit. Users may swap with a custom theme CSS file. -.dijitReset { - - margin:0; - border:0; - padding:0; - line-height:normal; - font: inherit; - color: inherit; -} -.dijit_a11y .dijitReset { - -moz-appearance: none; -} -.dijitInline { - - display:inline-block; - #zoom: 1; - #display:inline; - border:0; - padding:0; - vertical-align:middle; - #vertical-align: auto; -} -.dijitHidden { - - display: none !important; -} -.dijitVisible { - - display: block !important; - position: relative; -} -.dijitInputContainer { - - #zoom: 1; - overflow: hidden; - float: none !important; - position:relative; -} -.dj_ie INPUT.dijitTextBox, -.dj_ie .dijitTextBox INPUT { - font-size: 100%; -} -.dijitTextBox .dijitSpinnerButtonContainer, -.dijitTextBox .dijitArrowButtonContainer, -.dijitTextBox .dijitValidationContainer { - float: right; - text-align: center; -} -.dijitTextBox INPUT.dijitInputField { - - padding-left: 0 !important; - padding-right: 0 !important; -} -.dijitTextBox .dijitValidationContainer { - display: none; -} -.dijitInlineTable { - - display:inline-table; - display:inline-block; - #zoom: 1; - #display:inline; - box-sizing: content-box; -moz-box-sizing: content-box; - border:0; - padding:0; -} -.dijitTeeny { - font-size:1px; - line-height:1px; -} -.dijitOffScreen { - position: absolute; - visibility: hidden; - left: 50%; - top: -10000px; -} -.dijitPopup { - position: absolute; - background-color: transparent; - margin: 0; - border: 0; - padding: 0; -} -.dijit_a11y .dijitPopup, -.dijit_ally .dijitPopup DIV, -.dijit_a11y .dijitPopup TABLE, -.dijit_a11y .dijitTooltipContainer { - background-color: white !important; -} -.dijitPositionOnly { - - padding: 0 !important; - border: 0 !important; - background-color: transparent !important; - background-image: none !important; - height: auto !important; - width: auto !important; -} -.dijitNonPositionOnly { - - float: none !important; - position: static !important; - margin: 0 0 0 0 !important; - vertical-align: middle !important; -} -.dijitBackgroundIframe { - - position: absolute; - left: 0; - top: 0; - width: 100%; - height: 100%; - z-index: -1; - border: 0; - padding: 0; - margin: 0; -} -.dijitDisplayNone { - - display:none !important; -} -.dijitContainer { - - overflow: hidden; -} -.dijit_a11y * { - background-image:none !important; -} -.dijit_a11y .dijitIcon, -.dijit_a11y DIV.dijitArrowButtonInner, -.dijit_a11y SPAN.dijitArrowButtonInner, -.dijit_a11y IMG.dijitArrowButtonInner, -.dijit_a11y .dijitCalendarIncrementControl { - - display: none; -} -.dijitSpinner DIV.dijitArrowButtonInner { - display: block; -} -.dijit_a11y .dijitA11ySideArrow { - display: inline !important; - cursor: pointer; -} -.dijit_a11y .dijitCalendarDateLabel { - padding: 1px; -} -.dijit_a11y .dijitCalendarSelectedDate .dijitCalendarDateLabel { - border-style: dotted !important; - border-width: 1px; - padding: 0px; -} -.dijit_a11y .dijitCalendarDateTemplate { - padding-bottom: 0.1em !important; -} -.dijit_a11y .dijit * { - background:white !important; - color:black !important; -} -.dijit_a11y .dijitButtonNode { - border-color: black!important; - border-style: outset!important; - border-width: medium!important; -} -.dijit_a11y .dijitTextBoxReadOnly .dijitInputField, -.dijit_a11y .dijitTextBoxReadOnly .dijitButtonNode { - border-style: outset!important; - border-width: medium!important; - border-color: #999 !important; - color:#999 !important; -} -.dijitButtonNode * { - vertical-align: middle; -} -.dijitButtonNode .dijitArrowButtonInner { - - background: no-repeat center; - width: 12px; - height: 12px; - direction: ltr; -} -.dijitLeft { - - background-position:left top; - background-repeat:no-repeat; -} -.dijitStretch { - - white-space:nowrap; - background-repeat:repeat-x; -} -.dijitRight { - - #display:inline; - background-position:right top; - background-repeat:no-repeat; -} -.dijitToggleButton, -.dijitButton, -.dijitDropDownButton, -.dijitComboButton { - - margin: 0.2em; -} -.dijitButtonContents { - display: block; -} -td.dijitButtonContents { - display: table-cell; -} -.dijitButtonNode IMG { - - vertical-align:middle; - -} -TABLE.dijitComboButton { - - border-collapse: collapse; - border:0; - padding:0; - margin:0; -} -.dijitToolbar .dijitComboButton { - - border-collapse: separate; -} -.dijitToolbar .dijitToggleButton, -.dijitToolbar .dijitButton, -.dijitToolbar .dijitDropDownButton, -.dijitToolbar .dijitComboButton { - margin: 0; -} -.dijitToolbar .dijitButtonContents { - - padding: 1px 2px; -} -.dj_ie .dijitComboButton { - - margin-bottom: -3px; -} -.dj_webkit .dijitToolbar .dijitDropDownButton { - padding-left: 0.3em; -} -.dj_gecko .dijitToolbar .dijitButtonNode::-moz-focus-inner { - padding:0; -} -.dijitButtonNode { - - border:1px solid gray; - margin:0; - line-height:normal; - vertical-align: middle; - #vertical-align: auto; - text-align:center; - white-space: nowrap; -} -.dj_webkit .dijitSpinner .dijitSpinnerButtonContainer { - - line-height:inherit; -} -.dijitTextBox .dijitButtonNode { - border-width: 0; -} -.dijitButtonNode, -.dijitButtonNode * { - cursor: pointer; -} -.dj_ie .dijitButtonNode { - - zoom: 1; -} -.dj_ie .dijitButtonNode button { - - overflow: visible; -} -DIV.dijitArrowButton { - float: right; -} -.dijitTextBox { - border: solid black 1px; - #overflow: hidden; - width: 15em; - vertical-align: middle; - #vertical-align: auto; -} -.dijitTextBoxReadOnly, -.dijitTextBoxDisabled { - color: gray; -} -.dj_webkit .dijitTextBoxDisabled INPUT { - color: #eee; -} -.dj_webkit TEXTAREA.dijitTextAreaDisabled { - color: #333; -} -.dj_gecko .dijitTextBoxReadOnly INPUT, -.dj_gecko .dijitTextBoxDisabled INPUT { - -moz-user-input: none; -} -.dijitPlaceHolder { - - color: #AAAAAA; - font-style: italic; - position: absolute; - top: 0; - left: 0; - #filter: ""; -} -.dijitTimeTextBox { - width: 8em; -} -.dijitTextBox INPUT:focus { - outline: none; -} -.dijitTextBoxFocused { - outline: auto 5px -webkit-focus-ring-color; -} -.dijitTextBox INPUT { - float: left; -} -.dijitInputInner { - - border:0 !important; - vertical-align:middle !important; - background-color:transparent !important; - width:100% !important; - - padding-left: 0 !important; - padding-right: 0 !important; - margin-left: 0 !important; - margin-right: 0 !important; -} -.dijit_a11y .dijitTextBox INPUT { - margin: 0 !important; -} -.dijitTextBoxError INPUT.dijitValidationInner, -.dijitTextBox INPUT.dijitArrowButtonInner { - - text-indent: -1em !important; - direction: ltr !important; - text-align: left !important; - height: auto !important; - #text-indent: 0 !important; - #letter-spacing: -5em !important; - #text-align: right !important; -} -.dj_ie .dijitTextBox INPUT, -.dj_ie INPUT.dijitTextBox { - overflow-y: visible; - line-height: normal; -} -.dj_ie7 .dijitTextBox INPUT.dijitValidationInner, -.dj_ie7 .dijitTextBox INPUT.dijitArrowButtonInner { - line-height: 86%; -} -.dj_ie6 .dijitTextBox INPUT, -.dj_ie6 INPUT.dijitTextBox, -.dj_iequirks .dijitTextBox INPUT.dijitValidationInner, -.dj_iequirks .dijitTextBox INPUT.dijitArrowButtonInner, -.dj_iequirks .dijitTextBox INPUT.dijitSpinnerButtonInner, -.dj_iequirks .dijitTextBox INPUT.dijitInputInner, -.dj_iequirks INPUT.dijitTextBox { - line-height: 100%; -} -.dijit_a11y INPUT.dijitValidationInner, -.dijit_a11y INPUT.dijitArrowButtonInner { - - text-indent: 0 !important; - width: 1em !important; - #text-align: left !important; -} -.dijitTextBoxError .dijitValidationContainer { - display: inline; - cursor: default; -} -.dijitSpinner .dijitSpinnerButtonContainer, -.dijitComboBox .dijitArrowButtonContainer { - - border-width: 0 0 0 1px !important; -} -.dijitSpinner .dijitSpinnerButtonContainer .dijitButtonNode { - - border-width: 0; -} -.dj_ie .dijit_a11y .dijitSpinner .dijitSpinnerButtonContainer .dijitButtonNode { - clear: both; -} -.dijit_a11y .dijitTextBox .dijitValidationContainer, -.dijit_a11y .dijitTextBox .dijitSpinnerButtonContainer, -.dijit_a11y .dijitComboBox .dijitArrowButtonContainer { - - border: solid black !important; - border-width: 0 0 0 1px !important; -} -.dj_ie .dijitToolbar .dijitComboBox { - - vertical-align: middle; -} -.dijitTextBox .dijitSpinnerButtonContainer { - width: 1em; - position: relative !important; - overflow: hidden; -} -.dijitSpinner .dijitSpinnerButtonInner { - width:1em; - visibility:hidden !important; - overflow-x:hidden; -} -.dijitComboBox .dijitButtonNode, -.dijitSpinnerButtonContainer .dijitButtonNode { - border-width: 0; -} -.dijit_a11y .dijitSpinnerButtonContainer .dijitButtonNode { - border: 0 none !important; -} -.dijit_a11y .dijitTextBox .dijitSpinnerButtonContainer, -.dijit_a11y .dijitSpinner .dijitArrowButtonInner, -.dijit_a11y .dijitSpinnerButtonContainer INPUT { - width: 1em !important; -} -.dijit_a11y .dijitSpinner .dijitArrowButtonInner { - margin: 0 auto !important; -} -.dj_ie .dijit_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField { - padding-left: 0.3em !important; - padding-right: 0.3em !important; - margin-left: 0.3em !important; - margin-right: 0.3em !important; - width: 1.4em !important; -} -.dj_ie7 .dijit_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField { - padding-left: 0.0em !important; - padding-right: 0.0em !important; - width: 1em !important; -} -.dj_ie6 .dijit_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField { - margin-left: 0.1em !important; - margin-right: 0.1em !important; - width: 1em !important; -} -.dj_iequirks .dijit_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField { - margin-left: 0 !important; - margin-right: 0 !important; - width: 2em !important; -} -.dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton { - - padding: 0; - position: absolute !important; - right: 0; - float: none; - height: 50%; - width: 100%; - bottom: auto; - left: 0; - right: auto; -} -.dj_iequirks .dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton { - width: auto; -} -.dijit_a11y .dijitSpinnerButtonContainer .dijitArrowButton { - overflow: visible !important; -} -.dijitSpinner .dijitSpinnerButtonContainer .dijitDownArrowButton { - top: 50%; - border-top-width: 1px !important; -} -.dijitSpinner .dijitSpinnerButtonContainer .dijitUpArrowButton { - #bottom: 50%; - top: 0; -} -.dijitSpinner .dijitArrowButtonInner { - margin: auto; - overflow-x: hidden; - height: 100% !important; -} -.dj_iequirks .dijitSpinner .dijitArrowButtonInner { - height: auto !important; -} -.dijitSpinner .dijitArrowButtonInner .dijitInputField { - -moz-transform: scale(0.5); - -moz-transform-origin: center top; - -webkit-transform: scale(0.5); - -webkit-transform-origin: center top; - -o-transform: scale(0.5); - -o-transform-origin: center top; - transform: scale(0.5); - transform-origin: left top; - padding-top: 0; - padding-bottom: 0; - padding-left: 0 !important; - padding-right: 0 !important; - width: 100%; -} -.dj_ie .dijitSpinner .dijitArrowButtonInner .dijitInputField { - zoom: 50%; -} -.dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButtonInner { - overflow: hidden; -} -.dijit_a11y .dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton { - width: 100%; -} -.dj_iequirks .dijit_a11y .dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton { - width: 1em; -} -.dijitSpinner .dijitArrowButtonInner .dijitInputField { - visibility: hidden; -} -.dijit_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField { - vertical-align:top; - visibility: visible; -} -.dijit_a11y .dijitSpinnerButtonContainer { - width: 1em; -} -.dijit_a11y .dijitSpinnerButtonContainer .dijitButtonNode { - border-width: 1px 0px 0px 0px; - border-style: solid !important; -} -.dijitCheckBox, -.dijitRadio, -.dijitCheckBoxInput { - padding: 0; - border: 0; - width: 16px; - height: 16px; - background-position:center center; - background-repeat:no-repeat; - overflow: hidden; -} -.dijitCheckBox INPUT, -.dijitRadio INPUT { - margin: 0; - padding: 0; - display: block; -} -.dijitCheckBoxInput { - - opacity: 0.01; -} -.dj_ie .dijitCheckBoxInput { - filter: alpha(opacity=0); -} -.dijit_a11y .dijitCheckBox, -.dijit_a11y .dijitRadio { - - width: auto !important; - height: auto !important; -} -.dijit_a11y .dijitCheckBoxInput { - opacity: 1; - filter: none; - width: auto; - height: auto; -} -.dijitProgressBarEmpty { - - position:relative;overflow:hidden; - border:1px solid black; - z-index:0; -} -.dijitProgressBarFull { - - position:absolute; - overflow:hidden; - z-index:-1; - top:0; - width:100%; -} -.dj_ie6 .dijitProgressBarFull { - height:1.6em; -} -.dijitProgressBarTile { - - position:absolute; - overflow:hidden; - top:0; - left:0; - bottom:0; - right:0; - margin:0; - padding:0; - width:auto; - height:auto; - background-color:#aaa; - background-attachment: fixed; -} -.dijit_a11y .dijitProgressBarTile { - - border-width:2px; - border-style:solid; - background-color:transparent !important; -} -.dj_ie6 .dijitProgressBarTile { - - position:static; - - height:1.6em; -} -.dijitProgressBarIndeterminate .dijitProgressBarLabel { - visibility:hidden; -} -.dijitProgressBarIndeterminate .dijitProgressBarTile { - -} -.dijitProgressBarIndeterminateHighContrastImage { - display:none; -} -.dijit_a11y .dijitProgressBarIndeterminate .dijitProgressBarIndeterminateHighContrastImage { - display:block; - position:absolute; - top:0; - bottom:0; - margin:0; - padding:0; - width:100%; - height:auto; -} -.dijitProgressBarLabel { - display:block; - position:static; - width:100%; - text-align:center; - background-color:transparent !important; -} -.dijitTooltip { - position: absolute; - z-index: 2000; - display: block; - - left: 50%; - top: -10000px; - overflow: visible; -} -.dijitTooltipContainer { - border: solid black 2px; - background: #b8b5b5; - color: black; - font-size: small; -} -.dijitTooltipFocusNode { - padding: 2px 2px 2px 2px; -} -.dijitTooltipConnector { - position: absolute; -} -.dijit_a11y .dijitTooltipConnector { - display: none; -} -.dijitTooltipData { - display:none; -} -.dijitLayoutContainer { - position: relative; - display: block; - overflow: hidden; -} -body .dijitAlignTop, -body .dijitAlignBottom, -body .dijitAlignLeft, -body .dijitAlignRight { - position: absolute; - overflow: hidden; -} -body .dijitAlignClient { position: absolute; } -.dijitBorderContainer, .dijitBorderContainerNoGutter { - position:relative; - overflow: hidden; -} -.dijitBorderContainerPane, -.dijitBorderContainerNoGutterPane { - position: absolute !important; - z-index: 2; -} -.dijitBorderContainer > .dijitTextArea { - - resize: none; -} -.dijitGutter { - - position: absolute; - font-size: 1px; -} -.dijitSplitter { - position: absolute; - overflow: hidden; - z-index: 10; - background-color: #fff; - border-color: gray; - border-style: solid; - border-width: 0; -} -.dj_ie .dijitSplitter { - z-index: 1; -} -.dijitSplitterActive { - z-index: 11 !important; -} -.dijitSplitterCover { - position:absolute; - z-index:-1; - top:0; - left:0; - width:100%; - height:100%; -} -.dijitSplitterCoverActive { - z-index:3 !important; -} -.dj_ie .dijitSplitterCover { - background: white; - filter: alpha(opacity=0); -} -.dijitSplitterH { - height: 7px; - border-top:1px; - border-bottom:1px; - cursor: ns-resize; -} -.dijitSplitterV { - width: 7px; - border-left:1px; - border-right:1px; - cursor: ew-resize; -} -.dijitSplitContainer { - position: relative; - overflow: hidden; - display: block; -} -.dj_ff3 .dijit_a11y div.dijitSplitter:focus { - outline-style:dotted; - outline-width: 2px; -} -.dijitSplitPane { - position: absolute; -} -.dijitSplitContainerSizerH, -.dijitSplitContainerSizerV { - position:absolute; - font-size: 1px; - cursor: move; - cursor: w-resize; - background-color: ThreeDFace; - border: 1px solid; - border-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight; - margin: 0; -} -.dijitSplitContainerSizerH .thumb, .dijitSplitterV .dijitSplitterThumb { - overflow:hidden; - position:absolute; - top:49%; -} -.dijitSplitContainerSizerV .thumb, .dijitSplitterH .dijitSplitterThumb { - position:absolute; - left:49%; -} -.dijitSplitterShadow, -.dijitSplitContainerVirtualSizerH, -.dijitSplitContainerVirtualSizerV { - font-size: 1px; - background-color: ThreeDShadow; - -moz-opacity: 0.5; - opacity: 0.5; - filter: Alpha(Opacity=50); - margin: 0; -} -.dj_ie .dijitSplitterV, .dijitSplitContainerVirtualSizerH { - cursor: w-resize; -} -.dj_ie .dijitSplitterH, .dijitSplitContainerSizerV, .dijitSplitContainerVirtualSizerV { - cursor: n-resize; -} -.dijit_a11y .dijitSplitterH { - border-top:1px solid #d3d3d3 !important; - border-bottom:1px solid #d3d3d3 !important; -} -.dijit_a11y .dijitSplitterV { - border-left:1px solid #d3d3d3 !important; - border-right:1px solid #d3d3d3 !important; -} -.dijitContentPane { - display: block; - overflow: auto; -} -.dijitContentPaneSingleChild { - - overflow: hidden; -} -.dijitTitlePane { - display: block; - overflow: hidden; -} -.dijitTitlePaneTitle { - cursor: pointer; -} -.dijitFixedOpen { - - cursor: default; -} -.dijitTitlePaneTitle * { - vertical-align: middle; -} -.dijitTitlePane .dijitArrowNodeInner { - - display: none; -} -.dijit_a11y .dijitTitlePane .dijitArrowNodeInner { - - display:inline !important; - font-family: monospace; -} -.dijit_a11y .dijitTitlePane .dijitArrowNode { - - display:none; -} -.dj_ie6 .dijitTitlePaneContentOuter, -.dj_ie6 .dijitTitlePane .dijitTitlePaneTitle { - - zoom: 1; -} -.dijitColorPalette { - border: 1px solid #999; - background: #fff; - position: relative; -} -img.dijitColorPaletteUnder { - - border-style: none; - position: absolute; - left: 0; - top: 0; -} -.dijitColorPalette .dijitPaletteTable { - - padding: 2px 3px 3px 3px; - position: relative; - overflow: hidden; - outline: 0; - border-collapse: separate; -} -.dj_ie6 .dijitColorPalette .dijitPaletteTable, -.dj_ie7 .dijitColorPalette .dijitPaletteTable, -.dj_iequirks .dijitColorPalette .dijitPaletteTable { - - padding: 0; - margin: 2px 3px 3px 3px; -} -.dijitColorPalette .dijitPaletteCell { - - height: 20px; - width: 20px; - font-size: 1px; - vertical-align: middle; - text-align: center; -} -.dijitColorPalette .dijitPaletteImg { - - width: 16px; - height: 14px; - border: 1px solid #999; - cursor: default; - vertical-align: middle; -} -.dj_iequirks .dijitColorPalette .dijitPaletteImg { - margin: 1px; -} -.dijitPaletteTable td { - padding: 0px; -} -.dijitColorPalette .dijitPaletteCellHover .dijitPaletteImg { - - border: 1px solid #000; -} -.dijitColorPalette .dijitPaletteCellActive .dijitPaletteImg, -.dijitColorPalette .dijitPaletteCellSelected .dijitPaletteImg { - border: 2px solid #000; -} -.dijit_a11y .dijitColorPalette .dijitPaletteTable, -.dijit_a11y .dijitColorPalette .dijitPaletteTable * { - - background-color: transparent !important; -} -.dj_gecko .dijit_a11y .dijitColorPalette .dijitPaletteCellFocused .dijitPaletteImg { - border: 3px dotted #000; - margin: -1px; -} -.dijit_a11y .dijitColorPalette .dijitPaletteCellHover .dijitPaletteImg { - border: 2px solid #000 !important; -} -.dijitAccordionContainer { - border:1px solid #b7b7b7; - border-top:0 !important; -} -.dijitAccordionTitle { - cursor: pointer; -} -.dijitAccordionTitleSelected { - cursor: default; -} -.dijitAccordionTitle .arrowTextUp, -.dijitAccordionTitle .arrowTextDown { - display: none; - font-size: 0.65em; - font-weight: normal !important; -} -.dijit_a11y .dijitAccordionTitle .arrowTextUp, -.dijit_a11y .dijitAccordionTitleSelected .arrowTextDown { - display: inline; -} -.dijit_a11y .dijitAccordionTitleSelected .arrowTextUp { - display: none; -} -.dj_ie6 .dijitAccordionTitle, -.dj_iequirks .dijitAccordionTitle { - - zoom: 1; -} -.dijitCalendarContainer { - width: auto; -} -.dijitCalendarContainer th, .dijitCalendarContainer td { - padding: 0; -} -.dijitCalendarNextYear { - margin:0 0 0 0.55em; -} -.dijitCalendarPreviousYear { - margin:0 0.55em 0 0; -} -.dijitCalendarIncrementControl { - vertical-align: middle; -} -.dijitCalendarIncrementControl, -.dijitCalendarDateTemplate, -.dijitCalendarMonthLabel, -.dijitCalendarPreviousYear, -.dijitCalendarNextYear { - cursor: pointer; -} -.dijitCalendarDisabledDate { - color: gray; - text-decoration: line-through; - cursor: default; -} -.dijitSpacer { - - position: relative; - height: 1px; - overflow: hidden; - visibility: hidden; -} -.dijitMenu { - border:1px solid black; - background-color:white; -} -.dijitMenuTable { - border-collapse:collapse; - border-width:0; - background-color:white; -} -.dj_webkit .dijitMenuTable td[colspan="2"]{ - border-right:hidden; -} -.dijitMenuItem { - text-align: left; - white-space: nowrap; - padding:.1em .2em; - cursor:pointer; -} -.dijitMenuPassive .dijitMenuItemHover, -.dijitMenuItemSelected { - - background-color:black; - color:white; -} -.dijitMenuItemIcon, .dijitMenuExpand { - background-repeat: no-repeat; -} -.dijitMenuItemDisabled * { - - opacity:0.5; - cursor:default; -} -.dj_ie .dijit_a11y .dijitMenuItemDisabled, -.dj_ie .dijit_a11y .dijitMenuItemDisabled td, -.dj_ie .dijitMenuItemDisabled *, -.dj_ie .dijitMenuItemDisabled td { - color:gray !important; - filter: alpha(opacity=35); -} -.dijitMenuItemLabel { - position: relative; - vertical-align: middle; -} -.dijit_a11y .dijitMenuItemSelected { - border: 1px dotted black !important; -} -.dj_ff3 .dijit_a11y .dijitMenuItem td { - padding: none !important; - background:none !important; -} -.dijit_a11y .dijitMenuItemSelected .dijitMenuItemLabel { - border-width: 1px; - border-style: solid; -} -.dj_ie8 .dijit_a11y .dijitMenuItemLabel { - position:static; -} -.dijitMenuExpandA11y { - display: none; -} -.dijit_a11y .dijitMenuExpandA11y { - display: inline; -} -.dijitMenuSeparator td { - border: 0; - padding: 0; -} -.dijitMenuSeparatorTop { - height: 50%; - margin: 0; - margin-top:3px; - font-size: 1px; -} -.dijitMenuSeparatorBottom { - height: 50%; - margin: 0; - margin-bottom:3px; - font-size: 1px; -} -.dijitCheckedMenuItemIconChar { - vertical-align: middle; - visibility:hidden; -} -.dijitCheckedMenuItemChecked .dijitCheckedMenuItemIconChar { - visibility: visible; -} -.dijit_a11y .dijitCheckedMenuItemIconChar { - display:inline !important; -} -.dijit_a11y .dijitCheckedMenuItemIcon { - display: none; -} -.dj_ie .dijit_a11y .dijitMenuBar .dijitMenuItem { - - margin: 0px; -} -.dijitStackController .dijitToggleButtonChecked * { - cursor: default; -} -.dijitTabContainerNoLayout { - width: 100%; -} -.dijitTabContainerBottom-tabs, -.dijitTabContainerTop-tabs, -.dijitTabContainerLeft-tabs, -.dijitTabContainerRight-tabs { - overflow: visible !important; -} -.dijitTabContainerBottom-container, -.dijitTabContainerTop-container, -.dijitTabContainerLeft-container, -.dijitTabContainerRight-container { - z-index:0; - overflow: hidden; - border: 1px solid black; -} -.nowrapTabStrip { - width: 50000px; - display: block; - position: relative; -} -.dijitTabListWrapper { - overflow: hidden; -} -.dijit_a11y .tabStripButton img { - - display: none; -} -.dijitTabContainerTop-tabs { - border-bottom: 1px solid black; -} -.dijitTabContainerTop-container { - border-top: 0px; -} -.dijitTabContainerLeft-tabs { - border-right: 1px solid black; - float: left; -} -.dijitTabContainerLeft-container { - border-left: 0px; -} -.dijitTabContainerBottom-tabs { - border-top: 1px solid black; -} -.dijitTabContainerBottom-container { - border-bottom: 0px; -} -.dijitTabContainerRight-tabs { - border-left: 1px solid black; - float: left; -} -.dijitTabContainerRight-container { - border-right: 0px; -} -DIV.dijitTabDisabled, .dj_ie DIV.dijitTabDisabled { - cursor: auto; -} -.dijitTab { - position:relative; - cursor:pointer; - white-space:nowrap; - z-index:3; -} -.dijitTab * { - - vertical-align: middle; -} -.dijitTabChecked { - cursor: default; -} -.dijitTabContainerTop-tabs .dijitTab { - top: 1px; -} -.dijitTabContainerBottom-tabs .dijitTab { - top: -1px; -} -.dijitTabContainerLeft-tabs .dijitTab { - left: 1px; -} -.dijitTabContainerRight-tabs .dijitTab { - left: -1px; -} -.dijitTabContainerTop-tabs .dijitTab, -.dijitTabContainerBottom-tabs .dijitTab { - - display:inline-block; - #zoom: 1; - #display:inline; -} -.dijitTabInnerDiv { - position:relative; -} -.tabStripButton { - z-index: 12; -} -.dijitTabButtonDisabled .tabStripButton { - display: none; -} -.dijitTabCloseButton { - margin-left: 1em; -} -.dijitTabCloseText { - display:none; -} -.dijit_a11y .dijitTabCloseButton { - background-image: none !important; - width: auto !important; - height: auto !important; - border: thin dotted; -} -.dijit_a11y .dijitTabCloseButtonHover { - border:thin solid; -} -.dijit_a11y .dijitTabCloseText { - display: inline; -} -.dijit_a11y .dijitTabChecked { - - border-style:dashed !important; -} -.dijit_a11y .dijitTabInnerDiv { - border-left:none !important; - } -.dijitTabPane, -.dijitStackContainer-child, -.dijitAccordionContainer-child { - - border: none !important; -} -.dijitInlineEditBoxDisplayMode { - border: 1px solid transparent; - cursor: text; -} -.dijit_a11y .dijitInlineEditBoxDisplayMode, -.dj_ie6 .dijitInlineEditBoxDisplayMode { - - border: none; -} -.dijitInlineEditBoxDisplayModeHover, -.dijit_a11y .dijitInlineEditBoxDisplayModeHover, -.dj_ie6 .dijitInlineEditBoxDisplayModeHover { - - background-color: #e2ebf2; - border: solid 1px black; -} -.dijitInlineEditBoxDisplayModeDisabled { - cursor: default; -} -.dijitTreeIndent { - - width: 19px; -} -.dijitTreeRow, .dijitTreeContent { - white-space: nowrap; -} -.dijitTreeRow img { - - vertical-align: middle; -} -.dijitTreeContent { - cursor: default; -} -.dijitExpandoText { - display: none; -} -.dijit_a11y .dijitExpandoText { - display: inline; - padding-left: 10px; - padding-right: 10px; - font-family: monospace; - border-style: solid; - border-width: thin; - cursor: pointer; -} -.dijitTreeLabel { - margin: 0px 4px; -} -.dijitDialog { - position: absolute; - z-index: 999; - overflow: hidden; -} -.dijitDialogTitleBar { - cursor: move; -} -.dijitDialogFixed .dijitDialogTitleBar { - cursor:default; -} -.dijitDialogCloseIcon { - cursor: pointer; -} -.dijitDialogUnderlayWrapper { - position: absolute; - left: 0; - top: 0; - z-index: 998; - display: none; - background: transparent !important; -} -.dijitDialogUnderlay { - background: #eee; - opacity: 0.5; -} -.dj_ie .dijitDialogUnderlay { - filter: alpha(opacity=50); -} -.dijit_a11y .dijitSpinnerButtonContainer, -.dijit_a11y .dijitDialog { - opacity: 1 !important; - background-color: white !important; -} -.dijitDialog .closeText { - display:none; - - position:absolute; -} -.dijit_a11y .dijitDialog .closeText { - display:inline; -} -.dijitSliderMoveable { - z-index:99; - position:absolute !important; - display:block; - vertical-align:middle; -} -.dijitSliderMoveableH { - right:0; -} -.dijitSliderMoveableV { - right:50%; -} -.dijit_a11y DIV.dijitSliderImageHandle, -.dijitSliderImageHandle { - margin:0; - padding:0; - position:relative !important; - border:8px solid gray; - width:0; - height:0; - cursor: pointer; -} -.dj_iequirks .dijit_a11y .dijitSliderImageHandle { - font-size: 0; -} -.dj_ie7 .dijitSliderImageHandle { - overflow: hidden; -} -.dj_ie7 .dijit_a11y .dijitSliderImageHandle { - overflow: visible; -} -.dijit_a11y .dijitSliderFocused .dijitSliderImageHandle { - border:4px solid #000; - height:8px; - width:8px; -} -.dijitSliderImageHandleV { - top:-8px; - right: -50%; -} -.dijitSliderImageHandleH { - left:50%; - top:-5px; - vertical-align:top; -} -.dijitSliderBar { - border-style:solid; - border-color:black; - cursor: pointer; -} -.dijitSliderBarContainerV { - position:relative; - height:100%; - z-index:1; -} -.dijitSliderBarContainerH { - position:relative; - z-index:1; -} -.dijitSliderBarH { - height:4px; - border-width:1px 0; -} -.dijitSliderBarV { - width:4px; - border-width:0 1px; -} -.dijitSliderProgressBar { - background-color:red; - z-index:1; -} -.dijitSliderProgressBarV { - position:static !important; - height:0%; - vertical-align:top; - text-align:left; -} -.dijitSliderProgressBarH { - position:absolute !important; - width:0%; - vertical-align:middle; - overflow:visible; -} -.dijitSliderRemainingBar { - overflow:hidden; - background-color:transparent; - z-index:1; -} -.dijitSliderRemainingBarV { - height:100%; - text-align:left; -} -.dijitSliderRemainingBarH { - width:100% !important; -} -.dijitSliderBumper { - overflow:hidden; - z-index:1; -} -.dijitSliderBumperV { - width:4px; - height:8px; - border-width:0 1px; -} -.dijitSliderBumperH { - width:8px; - height:4px; - border-width:1px 0; -} -.dijitSliderBottomBumper, -.dijitSliderLeftBumper { - background-color:red; -} -.dijitSliderTopBumper, -.dijitSliderRightBumper { - background-color:transparent; -} -.dijitSliderDecoration { - text-align:center; -} -.dijitSliderV TD { - position: relative; -} -.dijitSliderDecorationH { - width: 100%; -} -.dijitSliderDecorationV { - height: 100%; -} -.dijitSliderButton { - font-family:monospace; - margin:0; - padding:0; - display:block; -} -.dijit_a11y .dijitSliderButtonInner { - visibility:visible !important; -} -.dijitSliderButtonContainer { - text-align:center; - height:0; -} -.dijitSliderButtonContainer * { - cursor: pointer; -} -.dijitSlider .dijitButtonNode { - padding:0; - display:block; -} -.dijitRuleContainer { - position:relative; - overflow:visible; -} -.dijitRuleContainerV { - height:100%; - line-height:0; - float:left; - text-align:left; -} -.dj_opera .dijitRuleContainerV { - line-height:2%; -} -.dj_ie .dijitRuleContainerV { - line-height:normal; -} -.dj_gecko .dijitRuleContainerV { - margin:0 0 1px 0; -} -.dijitRuleMark { - position:absolute; - border:1px solid black; - line-height:0; - height:100%; -} -.dijitRuleMarkH { - width:0; - border-top-width:0 !important; - border-bottom-width:0 !important; - border-left-width:0 !important; -} -.dijitRuleLabelContainer { - position:absolute; -} -.dijitRuleLabelContainerH { - text-align:center; - display:inline-block; -} -.dijitRuleLabelH { - position:relative; - left:-50%; -} -.dijitRuleLabelV { - - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; -} -.dijitRuleMarkV { - height:0; - border-right-width:0 !important; - border-bottom-width:0 !important; - border-left-width:0 !important; - width:100%; - left:0; -} -.dj_ie .dijitRuleLabelContainerV { - margin-top:-.55em; -} -.dijit_a11y .dijitSliderReadOnly, -.dijit_a11y .dijitSliderDisabled { - opacity:0.6; -} -.dj_ie .dijit_a11y .dijitSliderReadOnly .dijitSliderBar, -.dj_ie .dijit_a11y .dijitSliderDisabled .dijitSliderBar { - filter: alpha(opacity=40); -} -.dijit_a11y .dijitSlider .dijitSliderButtonContainer DIV { - font-family: monospace; - font-size: 1em; - line-height: 1em; - height: auto; - width: auto; - margin: 0px 4px; -} -.dijit_a11y .dijitButtonContents .dijitButtonText, -.dijit_a11y .dijitTab .tabLabel { - display: inline !important; -} -.dijitTextArea { - width:100%; - overflow-y: auto; -} -.dijitTextArea[cols] { - width:auto; -} -.dj_ie .dijitTextAreaCols { - width:auto; -} -.dijitToolbarSeparator { - height: 18px; - width: 5px; - padding: 0 1px; - margin: 0; -} -.dijitIEFixedToolbar { - position:absolute; - - top: expression(eval((document.documentElement||document.body).scrollTop)); -} -.dijitEditor { - display: block; -} -.dijitEditorDisabled, -.dijitEditorReadOnly { - color: gray; -} -.dijitTimePickerItemInner { - text-align:center; - border:0; - padding:2px 8px 2px 8px; -} -.dijitTimePickerTick, -.dijitTimePickerMarker { - border-bottom:1px solid gray; -} -.dijitTimePicker .dijitDownArrowButton { - border-top: none !important; -} -.dijitTimePickerTick { - color:#CCC; -} -.dijitTimePickerMarker { - color:black; - background-color:#CCC; -} -.dijitTimePickerItemSelected { - font-weight:bold; - color:#333; - background-color:#b7cdee; -} -.dijitTimePickerItemHover { - background-color:gray; - color:white; - cursor:pointer; -} -.dijit_a11y .dijitTimePickerItemSelected .dijitTimePickerItemInner { - border: solid 4px black; -} -.dijit_a11y .dijitTimePickerItemHover .dijitTimePickerItemInner { - border: dashed 4px black; -} -.dijitToggleButtonIconChar { - - display:none !important; -} -.dijit_a11y .dijitToggleButton .dijitToggleButtonIconChar { - display:inline !important; - visibility:hidden; -} -.dj_ie6 .dijitToggleButtonIconChar, .dj_ie6 .tabStripButton .dijitButtonText { - font-family: "Arial Unicode MS"; -} -.dijit_a11y .dijitToggleButtonChecked .dijitToggleButtonIconChar { - display: inline !important; - visibility:visible !important; -} -.dijitArrowButtonChar { - display:none !important; -} -.dijit_a11y .dijitArrowButtonChar { - display:inline !important; -} -.dijit_a11y .dijitDropDownButton .dijitArrowButtonInner, -.dijit_a11y .dijitComboButton .dijitArrowButtonInner { - display:none !important; -} -.dijitSelect { - margin: 0.2em; - border-collapse: collapse; -} -.dj_ie .dijitSelect, -.dj_ie7 .dijitSelect, -.dj_iequirks .dijitSelect { - vertical-align: middle; -} -.dj_ie8 .dijitSelect .dijitButtonText { - vertical-align: top; -} -.dijitToolbar .dijitSelect { - margin: 0; -} -.dj_webkit .dijitToolbar .dijitSelect { - padding-left: 0.3em; -} -.dijit_a11y .dijitSelectDisabled .dijitButtonNode { - border-style: outset!important; - border-width: medium!important; - border-color: #999 !important; - color:#999 !important; -} -.dijitSelect .dijitButtonContents { - padding: 0px; - background: transparent none; - white-space: nowrap; - text-align: left; -} -.dijitSelectFixedWidth .dijitButtonContents { - width: 100%; -} -.dijitSelectMenu .dijitMenuItemIcon { - - display:none; -} -.dj_ie6 .dijitSelectMenu .dijitMenuItemLabel, -.dj_ie7 .dijitSelectMenu .dijitMenuItemLabel { - - position: static; -} -.dijitSelectLabel * -{ - vertical-align: baseline; -} -.dijitSelectSelectedOption * { - font-weight: bold; -} -.dijitSelectMenu { - border-width: 1px; -} -.dijitSelectMenu .dijitMenuTable { - margin: 0px; - background-color: transparent; -} -.dijitForceStatic { - position: static !important; -} -.dijitReadOnly *, -.dijitDisabled *, -.dijitReadOnly, -.dijitDisabled { - - cursor: default; -} -.dijitIconSave, -.dijitIconPrint, -.dijitIconCut, -.dijitIconCopy, -.dijitIconClear, -.dijitIconDelete, -.dijitIconUndo, -.dijitIconEdit, -.dijitIconNewTask, -.dijitIconEditTask, -.dijitIconEditProperty, -.dijitIconTask, -.dijitIconFilter, -.dijitIconConfigure, -.dijitIconSearch, -.dijitIconApplication, -.dijitIconBookmark, -.dijitIconChart, -.dijitIconConnector, -.dijitIconDatabase, -.dijitIconDocuments, -.dijitIconMail, -.dijitLeaf, -.dijitIconFile, -.dijitIconFunction, -.dijitIconKey, -.dijitIconPackage, -.dijitIconSample, -.dijitIconTable, -.dijitIconUsers, -.dijitFolderClosed, -.dijitIconFolderClosed, -.dijitFolderOpened, -.dijitIconFolderOpen, -.dijitIconError { - background-image: url(../../icons/images/commonIconsObjActEnabled.png); - width: 16px; - height: 16px; -} -.dj_ie6 .dijitIconSave, -.dj_ie6 .dijitIconPrint, -.dj_ie6 .dijitIconCut, -.dj_ie6 .dijitIconCopy, -.dj_ie6 .dijitIconClear, -.dj_ie6 .dijitIconDelete, -.dj_ie6 .dijitIconUndo, -.dj_ie6 .dijitIconEdit, -.dj_ie6 .dijitIconNewTask, -.dj_ie6 .dijitIconEditTask, -.dj_ie6 .dijitIconEditProperty, -.dj_ie6 .dijitIconTask, -.dj_ie6 .dijitIconFilter, -.dj_ie6 .dijitIconConfigure, -.dj_ie6 .dijitIconSearch, -.dj_ie6 .dijitIconApplication, -.dj_ie6 .dijitIconBookmark, -.dj_ie6 .dijitIconChart, -.dj_ie6 .dijitIconConnector, -.dj_ie6 .dijitIconDatabase, -.dj_ie6 .dijitIconDocuments, -.dj_ie6 .dijitIconMail, -.dj_ie6 .dijitLeaf, -.dj_ie6 .dijitIconFile, -.dj_ie6 .dijitIconFunction, -.dj_ie6 .dijitIconKey, -.dj_ie6 .dijitIconPackage, -.dj_ie6 .dijitIconSample, -.dj_ie6 .dijitIconTable, -.dj_ie6 .dijitIconUsers, -.dj_ie6 .dijitFolderClosed, -.dj_ie6 .dijitIconFolderClosed, -.dj_ie6 .dijitFolderOpened, -.dj_ie6 .dijitIconFolderOpen, -.dj_ie6 .dijitIconError { - background-image: url(../../icons/images/commonIconsObjActEnabled8bit.png); -} -.dijitDisabled .dijitIconSave, -.dijitDisabled .dijitIconPrint, -.dijitDisabled .dijitIconCut, -.dijitDisabled .dijitIconCopy, -.dijitDisabled .dijitIconClear, -.dijitDisabled .dijitIconDelete, -.dijitDisabled .dijitIconUndo, -.dijitDisabled .dijitIconEdit, -.dijitDisabled .dijitIconNewTask, -.dijitDisabled .dijitIconEditTask, -.dijitDisabled .dijitIconEditProperty, -.dijitDisabled .dijitIconTask, -.dijitDisabled .dijitIconFilter, -.dijitDisabled .dijitIconConfigure, -.dijitDisabled .dijitIconSearch, -.dijitDisabled .dijitIconApplication, -.dijitDisabled .dijitIconBookmark, -.dijitDisabled .dijitIconChart, -.dijitDisabled .dijitIconConnector, -.dijitDisabled .dijitIconDatabase, -.dijitDisabled .dijitIconDocuments, -.dijitDisabled .dijitIconMail, -.dijitDisabled .dijitLeaf, -.dijitDisabled .dijitIconFile, -.dijitDisabled .dijitIconFunction, -.dijitDisabled .dijitIconKey, -.dijitDisabled .dijitIconPackage, -.dijitDisabled .dijitIconSample, -.dijitDisabled .dijitIconTable, -.dijitDisabled .dijitIconUsers, -.dijitDisabled .dijitFolderClosed, -.dijitDisabled .dijitIconFolderClosed, -.dijitDisabled .dijitFolderOpened, -.dijitDisabled .dijitIconFolderOpen, -.dijitDisabled .dijitIconError { - background-image: url(../../icons/images/commonIconsObjActDisabled.png); -} -.dijitIconSave { background-position: 0px; } -.dijitIconPrint { background-position: -16px; } -.dijitIconCut { background-position: -32px; } -.dijitIconCopy { background-position: -48px; } -.dijitIconClear { background-position: -64px; } -.dijitIconDelete { background-position: -80px; } -.dijitIconUndo { background-position: -96px; } -.dijitIconEdit { background-position: -112px; } -.dijitIconNewTask { background-position: -128px; } -.dijitIconEditTask { background-position: -144px; } -.dijitIconEditProperty { background-position: -166px; } -.dijitIconTask { background-position: -176px; } -.dijitIconFilter { background-position: -192px; } -.dijitIconConfigure { background-position: -208px; } -.dijitIconSearch { background-position: -224px; } -.dijitIconError { background-position: -496px; } -.dijitIconApplication { background-position: -240px; } -.dijitIconBookmark { background-position: -256px; } -.dijitIconChart { background-position: -272px; } -.dijitIconConnector { background-position: -288px; } -.dijitIconDatabase { background-position: -304px; } -.dijitIconDocuments { background-position: -320px; } -.dijitIconMail { background-position: -336px; } -.dijitIconFile, .dijitLeaf { background-position: -352px; } -.dijitIconFunction { background-position: -368px; } -.dijitIconKey { background-position: -384px; } -.dijitIconPackage{ background-position: -400px; } -.dijitIconSample { background-position: -416px; } -.dijitIconTable { background-position: -432px; } -.dijitIconUsers { background-position: -448px; } -.dijitIconFolderClosed, .dijitFolderClosed { background-position: -464px; } -.dijitIconFolderOpen, .dijitFolderOpened { background-position: -480px; } -.soria .dojoDndItemBefore { - border-top: 2px solid #369; -} -.soria .dojoDndItemAfter { - border-bottom: 2px solid #369; -} -.soria .dojoDndItemOver { - cursor:pointer; -} -.soria table.dojoDndAvatar { -moz-border-radius: 0; border: 1px solid #ccc; border-collapse: collapse; background-color: #fff; font-size: 75%; color: black;} -.soria .dojoDndAvatar td { border: none; } -.soria .dojoDndAvatar tr { border: none; } -.soria .dojoDndAvatarHeader td { height: 20px; padding: 0 0 0 21px; } -.soria .dojoDndAvatarItem td { padding: 2px;} -.soria.dojoDndMove .dojoDndAvatarHeader {background-color: #f58383; background-image: url(images/dndNoMove.png); background-repeat: no-repeat; background-position: 2px center;} -.soria.dojoDndCopy .dojoDndAvatarHeader {background-color: #f58383; background-image: url(images/dndNoCopy.png); background-repeat: no-repeat; background-position: 2px center;} -.soria.dojoDndMove .dojoDndAvatarCanDrop .dojoDndAvatarHeader {background-color: #97e68d; background-image: url(images/dndMove.png); background-repeat: no-repeat; background-position: 2px center;} -.soria.dojoDndCopy .dojoDndAvatarCanDrop .dojoDndAvatarHeader {background-color: #97e68d; background-image: url(images/dndCopy.png); background-repeat: no-repeat; background-position: 2px center;} -.soria .dijitContentPane { - padding: 0px; -} -.soria .dijitTabContainerTop-dijitContentPane, -.soria .dijitTabContainerLeft-dijitContentPane, -.soria .dijitTabContainerBottom-dijitContentPane, -.soria .dijitTabContainerRight-dijitContentPane, -.soria .dijitAccordionContainer-dijitContentPane { - background-color: #fff; - padding: 5px; -} -.soria .dijitSplitContainer-dijitContentPane, -.soria .dijitBorderContainer-dijitContentPane { - background-color: #fff; - padding: 5px; -} - .soria .dijitTabContainer .tabStripRBtn { - margin-right: 21px; -} - .soria .dijitTabContainer .tabStripLBtn { - margin-left: 21px; -} - .soria .nowrapTabStrip .dijitTab { - top: 2px; -} - .soria .dijitTabContainerBottom-tabs .dijitTab { - top: -1px; - bottom: 2px; -} -.soria .dijitTabPaneWrapper { - background:#fff; - border:1px solid #B1BADF; - margin: 0; - padding-left: 0px; -} -.soria .dijitTabInnerDiv { - padding:0px 3px 0px 0px; - margin: 0 0 0 4px; - background: url(images/tabContainerSprite.gif) no-repeat; - background-position: right -400px; -} -.soria .dijitTab { - line-height:normal; - margin:0 2px 0 0; - padding:0px; - background: url(images/tabContainerSprite.gif) no-repeat 0 -300px; - color: #243C5F; - border-bottom: 1px #B1BADF solid; -} -.soria .dijitTabInnerDiv .dijitTabContent { - padding:4px 3px 2px 4px; - background: url(images/tabContainerSprite.gif) repeat-x 0 -350px; - position: relative; -} -.soria .dijitTabListWrapper { - z-index: 10; -} -.soria .dijitTabHover { - color: #243C5F; - background: url(images/tabContainerSprite.gif) no-repeat 0px -150px; -} -.soria .dijitTabHover .dijitTabInnerDiv { - background: url(images/tabContainerSprite.gif) no-repeat right -250px; -} -.soria .dijitTabHover .dijitTabInnerDiv .dijitTabContent { - background: url(images/tabContainerSprite.gif) repeat-x 0 -200px; -} -.soria .dijitTabChecked -{ - - background: url(images/tabContainerSprite.gif) no-repeat 0px -0px; -} -.soria .dijitTabChecked .dijitTabInnerDiv { - background: url(images/tabContainerSprite.gif) no-repeat right -100px; -} -.soria .dijitTabChecked .dijitTabInnerDiv .dijitTabContent { - background: url(images/tabContainerSprite.gif) repeat-x 0 -50px; - color: #243C5F !important; -} -.soria .dijitTabContainerTabListNested { - background: #F0F4FC; - background: #D9E9F9; - border: none; -} -.soria .dijitTabContainerTabListNested .dijitTab { - background: none; - border: none; - top: 0px; -} -.soria .dijitTabContainerTabListNested .dijitTab .dijitTabInnerDiv, -.soria .dijitTabContainerTabListNested .dijitTab .dijitTabContent { - background: none; -} -.soria .dijitTabContainerTabListNested .dijitTabHover .dijitTabContent .tabLabel { - text-decoration: underline; -} -.soria .dijitTabContainerTabListNested .dijitTabChecked .tabLabel { - text-decoration: underline; - font-weight: bold; -} -.soria .dijitTabContainerSpacerNested .dijitTabSpacer { - - height: 0px; -} -.soria .dijitTabPaneWrapperNested { - border: none; -} -.soria .dijitTabCloseButton { - width: 15px; - height: 15px; - background: url(images/spriteRoundedIconsSmall.png) no-repeat -60px top; - margin-top: -1px; -} -.dj_ie6 .soria .dijitTabCloseButton { - background: url(images/spriteRoundedIconsSmall.gif) no-repeat -60px top; -} -.soria .dijitTabCloseButtonHover { - background: url(images/spriteRoundedIconsSmall.png) no-repeat -60px -15px; -} -.dj_ie6 .soria .dijitTabCloseButtonHover { - background: url(images/spriteRoundedIconsSmall.gif) no-repeat -60px -15px; -} -.soria .dijitTab .tabLabel { - - min-height: 15px; - display: inline-block; -} -.dj_ie6 .soria .dijitTabButtonIcon { - - height: 18px; - width: 1px; -} -.soria .dijitTabContainerTop-tabs { - border-color: #B1BADF; - padding-left: 3px; -} -.soria .dijitTabContainerTopNoStrip { - padding-top: 3px; -} -.soria .dijitTabContainerTop-container { - border-top: none; -} -.soria .dijitTabContainerTop .dijitTabListWrapper { - border-bottom: none; -} -.soria .dijitTabContainerTop-tabs .dijitTab { - top: 1px; -} -.soria .dijitTabContainerTop-tabs .dijitTabChecked { - border-bottom-color: #94b4e6; -} -.soria .dijitTabContainerTopStrip { - border: 1px solid #B1BADF; - margin-top: 1px; - padding-top: 1px; - background: #F0F4FC; -} -.soria .dijitTabContainerTopStrip .dijitTabContainerTop-tabs { - padding-left: 3px; -} -.soria .dijitTabContainerNested .dijitTabListWrapper { - height: auto; -} -.soria .dijitTabContainerBottom-tabs { - margin-top: -1px; - padding-left: 3px; - border-top: 1px solid #B1BADF; -} -.soria .dijitTabContainerBottom .dijitTabListWrapper { - border-top: none; - padding-top: 1px; - padding-bottom: 1px; - float: left; -} -.soria .dijitTabContainerBottom-container { - border-bottom: none; -} -.soria .dijitTabContainerBottom-tabs .dijitTab { - border-bottom: none; - border-top: 1px solid #B1BADF; - background: url(images/tabBottomEnabledSpriteLR.gif) no-repeat bottom left; -} -.soria .dijitTabContainerBottom-tabs .dijitTabChecked { - border-top-color:#94b4e6; -} -.soria .dijitTabContainerBottom-tabs .dijitTabInnerDiv .dijitTabContent { - padding-top: 3px; - padding-bottom: 3px; - background: url(images/tabBottomEnabledC.gif) repeat-x bottom left; -} -.soria .dijitTabContainerBottom-tabs .dijitTabInnerDiv { - background: url(images/tabBottomEnabledSpriteLR.gif) no-repeat bottom right; -} -.soria .dijitTabContainerBottom-tabs .dijitTabHover { - color: #243C5F; - background: url(images/tabBottomHoverSpriteLR.gif) no-repeat bottom left; -} -.soria .dijitTabContainerBottom-tabs .dijitTabHover .dijitTabInnerDiv { - background: url(images/tabBottomHoverSpriteLR.gif) no-repeat bottom right; -} -.soria .dijitTabContainerBottom-tabs .dijitTabHover .dijitTabInnerDiv .dijitTabContent { - background: url(images/tabBottomHoverC.gif) repeat-x bottom left; -} -.soria .dijitTabContainerBottom-tabs .dijitTabChecked { - - background: url(images/tabBottomActiveSpriteLR.gif) no-repeat bottom left; -} -.soria .dijitTabContainerBottom-tabs .dijitTabChecked .dijitTabInnerDiv { - background: url(images/tabBottomActiveSpriteLR.gif) no-repeat bottom right; -} -.soria .dijitTabContainerBottom-tabs .dijitTabChecked .dijitTabInnerDiv .dijitTabContent { - background: url(images/tabBottomActiveC.gif) repeat-x bottom left; -} -.soria .dijitTabContainerBottomStrip { - padding-bottom: 2px; - border: 1px solid #B1BADF; -} -.soria .dijitTabContainerBottomStrip { - background: #F0F4FC; -} -.soria .dijitTabContainerBottom-spacer, -.soria .dijitTabContainerTop-spacer { - height: 2px; - border: 1px solid #8ba0bd; - background: #94b4e6; -} -.soria .dijitTabContainerTop-spacer { - border-top: none; -} -.soria .dijitTabContainerBottom-spacer { - border-bottom: none; -} -.soria .dijitTabContainerRight-tabs { - height: 100%; - border-color: #ccc; - padding-top: 3px; -} -.soria .dijitTabContainerRight-container { - border-right: none; -} -.soria .dijitTabContainerRight-tabs .dijitTab { - border-bottom: none; - border-left: 1px solid #B1BADF; - border-bottom: 1px solid #B1BADF !important; -} -.dj_ie6 .soria .dijitTabContainerRight-tabs .dijitTabInnerDiv, -.dj_ie7 .soria .dijitTabContainerRight-tabs .dijitTabInnerDiv { - border-bottom: solid #B1BADF 1px; - margin-bottom: -1px; -} -.soria .dijitTabContainerRight-tabs .dijitTabChecked { - border-left-color: #94b4e6; -} -.soria .dijitTabContainerRight-tabs .dijitTabChecked { - background: url(images/tabRightChecked.gif) no-repeat left top !important; -} -.dj_ie6 .soria .dijitTabContainerRight-tabs .dijitTabChecked .dijitTabInnerDiv, -.dj_ie7 .soria .dijitTabContainerRight-tabs .dijitTabChecked .dijitTabInnerDiv, -.dj_ie6 .soria .dijitTabContainerRight-tabs .dijitTabCheckedHover .dijitTabInnerDiv, -.dj_ie7 .soria .dijitTabContainerRight-tabs .dijitTabCheckedHover .dijitTabInnerDiv { - border-bottom: solid #94b4e6 1px; - margin-bottom: -1px; -} -.soria .dijitTabContainerRight-tabs .dijitTab { - background: url(images/tabContainerSprite.gif) no-repeat left -350px; -} -.soria .dijitTabContainerRight-tabs .dijitTabHover .dijitTab { - background: url(images/tabContainerSprite.gif) no-repeat left -200px; -} -.soria .dijitTabContainerRightStrip { - padding-right: 2px; - border: 1px solid #B1BADF; - background: #F0F4FC; - border-left: none; -} -.soria .dijitTabContainerLeft-tabs { - border-color: #ccc; - padding-top: 3px; - height: 100%; -} -.soria .dijitTabContainerLeft-container { - border-left: none; -} -.soria .dijitTabContainerLeft-tabs .dijitTab { - border-right: 1px solid #B1BADF; - border-bottom: 1px solid #B1BADF; -} -.soria .dijitTabContainerLeft-tabs .dijitTabChecked { - border-right: 1px solid #94b4e6; -} -.soria .dijitTabContainerLeft-tabs .dijitTabInnerDiv { - background: url(images/tabContainerSprite.gif) no-repeat right -350px; -} -.soria .dijitTabContainerLeft-tabs .dijitTabHover .dijitTabInnerDiv { - background: url(images/tabContainerSprite.gif) no-repeat right -200px; -} -.soria .dijitTabContainerLeft-tabs .dijitTabChecked .dijitTabInnerDiv, -.soria .dijitTabContainerLeft-tabs .dijitTabCheckedHover .dijitTabInnerDiv { - background: url(images/tabLeftChecked.gif) no-repeat right top; -} -.dj_ie6 .soria .dijitTabContainerLeft-tabs .dijitTabInnerDiv, -.dj_ie7 .soria .dijitTabContainerLeft-tabs .dijitTabInnerDiv { - border-bottom: solid #B1BADF 1px; - margin-bottom: -1px; -} -.dj_ie6 .soria .dijitTabContainerLeft-tabs .dijitTabChecked .dijitTabInnerDiv, -.dj_ie7 .soria .dijitTabContainerLeft-tabs .dijitTabChecked .dijitTabInnerDiv, -.dj_ie6 .soria .dijitTabContainerLeft-tabs .dijitTabCheckedHover .dijitTabInnerDiv, -.dj_ie7 .soria .dijitTabContainerLeft-tabs .dijitTabCheckedHover .dijitTabInnerDiv { - border-bottom: solid #94b4e6 1px; - margin-bottom: -1px; -} -.soria .dijitTabContainerLeftStrip { - padding-left: 2px; - border: 1px solid #B1BADF; - background: #F0F4FC; - border-right: none; -} -.soria .dijitTabContainerLeft-tabs .dijitTab, -.soria .dijitTabContainerRight-tabs .dijitTab { - margin-right:auto; - margin-bottom:2px; -} -.soria .dijitTabContainerLeft-spacer, -.soria .dijitTabContainerRight-spacer { - width: 2px; - border: 1px solid #8ba0bd; - background: #94b4e6; -} -.soria .dijitTabContainerLeft-spacer { - border-left: none; -} -.soria .dijitTabContainerRight-spacer { - border-right: none; -} -.soria .dijitTabContainerTop-dijitContentPane .dijitTabContainerTop-tabs { - border-left: 0px solid #ccc; - border-top: 0px solid #ccc; - border-right: 0px solid #ccc; - padding-top: 0px; - padding-left: 0px; -} -.soria .dijitTabContainer .tabStripButton { - margin-right: 0; -} -.soria .dijitTabContainer .tabStripButton-top { - margin-top: 1px; -} -.soria .tabStripButton .dijitTabContent{ - padding: 6px 0 5px 0; -} -.dj_ie6 .soria .tabStripButton .dijitTabContent, -.dj_ie7 .soria .tabStripButton .dijitTabContent { - padding-top: 7px; -} -.soria .tabStrip-disabled .tabStripButton .dijitTabContent { - padding: 5px 0 3px 0; -} -.dj_ie6 .soria .tabStrip-disabled .tabStripButton .dijitTabContent, -.dj_ie7 .soria .tabStrip-disabled .tabStripButton .dijitTabContent { - padding-top: 6px; -} -.soria .dijitTabContainer .tabStripButton-bottom { - background: transparent url(images/tabBottomEnabledSpriteLR.gif) no-repeat scroll left bottom; - border-bottom: medium none; - border-top: 1px solid #B1BADF; -} -.soria .dijitTabContainer .tabStripButton-bottom .dijitTabInnerDiv { - background: transparent url(images/tabBottomEnabledSpriteLR.gif) no-repeat scroll right bottom; -} -.soria .dijitTabContainer .tabStripButton-bottom .dijitTabContent { - background: transparent; -} -.soria .dijitTabStripIcon { - height: 14px; - width: 14px; - background: url(images/spriteRoundedIconsSmall.png) no-repeat left top ; -} -.dj_ie6 .soria .dijitTabStripIcon { - background-image: url(images/spriteRoundedIconsSmall.gif); -} -.soria .dijitTabStripSlideRightIcon { - background-position: -30px top; -} -.soria .dijitTabStripMenuIcon { - background-position: -15px top; -} -.soria .dijitAccordionContainer { - border-color: #b1badf; - background-color: #fff; -} -.soria .dijitAccordionTitle { - background:#fafafa url(images/titleBar.png) repeat-x top left; - border-top: 1px solid #b9bbdd; - padding: 5px 4px 6px 8px; - font-size: 0.9em; - font-weight: bold; - color: #373941; -} -.soria .dijitAccordionTitleSelected { - background: #f9f9f9 url(images/accordionItemActive.png) top repeat-x; - font-weight: bold; - border-top: 1px solid #b9bbdd; - border-bottom: 1px solid #b9bbdd; - padding: 5px 4px 5px 8px; - color: #243C5F; -} -.soria .dijitAccordionArrow { - background:url(images/spriteRoundedIconsSmallBl.gif) no-repeat -30px top; - width:15px; - height:15px; - margin-top:-1px; -} -.soria .dijitAccordionTitleSelected .dijitAccordionArrow { - background:url(images/spriteRoundedIconsSmallBl.gif) no-repeat -15px top; - margin-top:-1px; -} -.soria .dijitAccordionText { - margin-left: 4px; - margin-right: 4px; -} -.soria .dijitSplitContainerSizerH { - background:url(images/splitContainerSizerV.png) repeat-y #cddef4; - border:0; - border-left:0px solid #436496; - border-right:0px solid #436496; - width:5px; -} -.soria .dijitSplitContainerSizerH .thumb { - background:url(images/splitContainerSizerV-thumb.png) no-repeat #ccc; - left:1px; - width:2px; - height:19px; -} -.soria .dijitSplitContainerSizerV { - background:url(images/splitContainerSizerH.png) repeat-x #cddef4; - border:0; - border-top:0px solid #436496; - border-bottom:0px solid #436496; - height:2px; -} -.soria .dijitSplitContainerSizerV .thumb { - background:url(images/splitContainerSizerH-thumb.png) no-repeat #ccc; - top:1px; - width:19px; - height:5px; -} -.soria .dijitBorderContainer { - background-color: #e1ebfb; - padding: 5px; -} -.soria .dijitSplitContainer-child, -.soria .dijitBorderContainer-child { - - border: 1px #b1badf solid; -} -.soria .dijitBorderContainer-dijitTabContainerTop, -.soria .dijitBorderContainer-dijitTabContainerBottom, -.soria .dijitBorderContainer-dijitTabContainerLeft, -.soria .dijitBorderContainer-dijitTabContainerRight { - - border: none; -} -.soria .dijitBorderContainer-dijitBorderContainer { - - border: none; - padding: 0px; -} -.soria .dijitSplitterH, -.soria .dijitGutterH { - background: #E1EBFB; - border:0; - border-left:0px solid #d3d3d3; - border-right:0px solid #d3d3d3; - height:5px; -} -.soria .dijitSplitterH .dijitSplitterThumb { - background:#B0B0B0 none; - height:1px; - top:2px; - width:19px; -} -.soria .dijitSplitterV, -.soria .dijitGutterV { - background: #E1EBFB; - border:0; - border-top:0px solid #d3d3d3; - border-bottom:0px solid #d3d3d3; - width:5px; -} -.soria .dijitSplitterV .dijitSplitterThumb { - background:#B0B0B0 none; - height:19px; - left:2px; - width:1px; -} -.soria .dijitSplitterActive { - font-size: 1px; - background-image: none; - background-color: #aaa; - -moz-opacity: 0.6; - opacity: 0.6; - filter: Alpha(Opacity=60); - margin: 0; -} -.soria .dijitInputContainer INPUT, -.soria .dijitTextBox { - margin: 0em 0.1em; -} -.soria .dijitTextBox, -.soria .dijitTextArea { - - background:#fff url(images/validationInputBg.png) repeat-x top left; - #background:#fff url(images/validationInputBg.gif) repeat-x top left; - border:1px solid #8ba0bd; -} -.soria .dijitComboBox .dijitButtonNode { - padding: 0 0.2em; -} -.soria .dijitTextBox .dijitButtonNode { - - border-color: #8ba0bd; -} -.soria .dijitTextBoxFocused, -.soria .dijitTextAreaFocused { - - border-color:#406b9b; -} -.soria .dijitTextBoxFocused .dijitButtonNode, -.soria .dijitSpinner .dijitUpArrowButtonActive, -.soria .dijitSpinner .dijitDownArrowButtonActive { - border-left-color:#8ba0bd; -} -.soria .dijitSpinnerFocused .dijitDownArrowButton, -.soria .dijitSpinner .dijitUpArrowButtonActive, -.soria .dijitSpinner .dijitDownArrowButtonActive { - border-top-color:#8ba0bd; -} -.soria .dijitError { - border-color:#f3d118; - background-color:#f9f7ba; - background-image:none; -} -.soria .dijitErrorFocused { - background-color:#ff6; - background-image:none; -} -.soria .dijitValidationIcon { - - width: 16px; - background: transparent url(images/warning.png) no-repeat center center; -} -.soria .dijitComboBoxHighlightMatch { - background-color:#f9f7ba; -} -.soria .dijitButtonNode { - - border: 1px solid #8ba0bd; - border-bottom:1px solid #657c9c; - padding: 0.1em 0.2em 0.2em 0.2em; - background: #bcd5f0 url(images/buttonEnabled.png) repeat-x top left; -} -.soria .dijitSelect .dijitButtonContents { - border-right: none; -} -.soria .dijitButtonText { - text-align: center; - padding: 0 0.3em; -} -.soria .dijitArrowButton { - color: #111; -} -.soria .dijitComboButton .dijitDownArrowButton { - padding-right:4px; -} -.soria .dijitTextBoxReadOnly, -.soria .dijitTextBoxReadOnly .dijitButtonNode, -.soria .dijitButtonDisabled .dijitButtonNode, -.soria .dijitToggleButtonDisabled .dijitButtonNode, -.soria .dijitDropDownButtonDisabled .dijitButtonNode, -.soria .dijitComboButtonDisabled .dijitButtonNode, -.soria .dijitTextBoxDisabled, -.soria .dijitTextBoxDisabled .dijitButtonNode { - - border-color: #b9bbdd #b9bbdd #b9bbdd #b9bbdd; - background:#c3d3e5 url(images/buttonDisabled.png) top repeat-x; - opacity: 0.60; -} -.dj_ie6 .soria .dijitReadOnly INPUT, -.dj_ie7 .soria .dijitReadOnly INPUT, -.dj_ie6 .soria .dijitComboButtonDisabled .dijitButtonText, -.dj_ie7 .soria .dijitComboButtonDisabled .dijitButtonText { - - color: #aaa; -} -.soria .dijitButtonHover .dijitButtonNode, -.soria .dijitButtonNodeHover, -.soria .dijitToggleButtonHover .dijitButtonNode, -.soria .dijitDropDownButtonHover .dijitButtonNode, -.soria .dijitButtonContentsHover, -.soria .dijitUpArrowButtonHover, -.soria .dijitDownArrowButtonHover { - - - color:#243C5F; - background:#acc5e2 url(images/buttonHover.png) repeat-x top left; -} -.soria .dijitButtonActive .dijitButtonNode, -.soria .dijitToggleButtonActive .dijitButtonNode, -.soria .dijitDropDownButtonActive .dijitButtonNode, -.soria .dijitComboButtonActive .dijitButtonContents, -.soria .dijitStackController .dijitToggleButtonChecked .dijitButtonNode { - - border-color:#657c9c; - background: #91b4e5 url(images/buttonActive.png) top left repeat-x; -} -.soria .dijitUpArrowButtonActive, -.soria .dijitDownArrowButtonActive { - - background: #91b4e5 url(images/buttonActive.png) top left repeat-x; -} -.soria .dijitArrowButtonInner { - background-image: url(images/spriteArrows.png); - background-repeat: no-repeat; - background-position: 0px center; - width: 11px; - height: 11px; -} -.soria .dijitComboBox .dijitArrowButtonInner { - background-position: 0 center; -} -.soria .dijitLeftArrowButton .dijitArrowButtonInner { - background-position: -11px center; -} -.soria .dijitUpArrowButton .dijitArrowButtonInner { - background-position: -22px center; -} -.soria .dijitRightArrowButton .dijitArrowButtonInner { - background-position: -33px center; -} -.dj_ie6 .soria .dijitArrowButtonInner { - background-image: url(images/spriteArrows.gif); -} -.dj_ie .soria .dijitSpinner .dijitUpArrowButton .dijitArrowButtonInner { - margin-top: 1px; -} -.soria .dijitSpinnerButtonContainer { - width: auto; - padding: 0; -} -.soria .dijitSpinner .dijitArrowButton { - width: 15px; -} -.soria .dijitSpinner .dijitSpinnerButtonInner { - width: 15px; -} -.soria .dijitSpinner .dijitArrowButtonInner .dijitInputField { - padding: 0; -} -.soria .dijitToggleButton .dijitCheckBox, -.soria .dijitToggleButton .dijitCheckBoxIcon { - background-image: url(images/spriteCheckbox.gif); -} -.soria .dijitCheckBox, -.soria .dijitCheckBoxIcon { - background-image: url(images/spriteCheckbox.gif); - background-repeat: no-repeat; - width: 16px; - height: 16px; - margin: 0; - padding: 0; -} -.soria .dijitCheckBox, -.soria .dijitToggleButton .dijitCheckBoxIcon { - - background-position: -16px; -} -.soria .dijitCheckBoxChecked, -.soria .dijitToggleButtonChecked .dijitCheckBoxIcon { - - background-position: 0px; -} -.soria .dijitCheckBoxDisabled { - - background-position: -48px; -} -.soria .dijitCheckBoxCheckedDisabled { - - background-position: -32px; -} -.soria .dijitCheckBoxHover { - - background-position: -80px; -} -.soria .dijitCheckBoxCheckedHover { - - background-position: -64px; -} -.soria .dijitToggleButton .dijitRadio, -.soria .dijitToggleButton .dijitRadioIcon { - background-image: url(images/spriteRadio.gif); -} -.soria .dijitRadio, -.soria .dijitRadioIcon { - background-image: url(images/spriteRadio.gif); - background-repeat: no-repeat; - width: 16px; - height: 16px; - margin: 0; - padding: 0; -} -.soria .dijitRadio, -.soria .dijitToggleButton .dijitRadioIcon { - - background-position: -16px; -} -.soria .dijitRadioChecked, -.soria .dijitToggleButtonChecked .dijitRadioIcon { - - background-position: 0px; -} -.soria .dijitRadioDisabled { - - background-position: -48px; -} -.soria .dijitRadioCheckedDisabled { - - background-position: -32px; -} -.soria .dijitRadioHover { - - background-position: -80px; -} -.soria .dijitRadioCheckedHover { - - background-position: -64px; -} -.soria .dijitSliderProgressBarH { - border-color: #b1badf; - background: #c0c2c5 url(images/sliderFull.png) repeat-x top left; -} -.soria .dijitSliderProgressBarV { - border-color: #b1badf; - background: #c0c2c5 url(images/sliderFullVertical.png) repeat-y bottom left; -} -.soria .dijitSliderFocused .dijitSliderProgressBarH, -.soria .dijitSliderFocused .dijitSliderLeftBumper { - background-image:url(images/sliderFullFocus.png); -} -.soria .dijitSliderFocused .dijitSliderProgressBarV, -.soria .dijitSliderFocused .dijitSliderBottomBumper { - background-image:url(images/sliderFullVerticalFocus.png); -} -.soria .dijitSliderRemainingBarV { - border-color: #b4b4b4; - background: #dcdcdc url(images/sliderEmptyVertical.png) repeat-y bottom left; -} -.soria .dijitSliderRemainingBarH { - border-color: #b4b4b4; - background: #dcdcdc url(images/sliderEmpty.png) repeat-x top left; -} -.soria .dijitSliderBar { - border-style: solid; - outline:1px; - -} -.soria .dijitSliderFocused .dijitSliderBar { - border-color:#8ba0bd; -} -.soria .dijitSliderImageHandleH { - border:0px; - width:15px; - height:18px; - background:url(images/preciseSliderThumb.png) no-repeat center top; -} -.soria .dijitSliderFocused .dijitSliderImageHandleH { - background-image:url(images/preciseSliderThumbFocus.png); - #background-image:url(images/preciseSliderThumbFocus.gif); -} -.dj_ie6 .soria .dijitSliderImageHandleH { - background-image:url(images/preciseSliderThumb.gif); -} -.soria .dijitSliderLeftBumper { - border-left-width: 1px; - border-color: #aab0bb; - background: #c0c2c5 url(images/sliderFull.png) repeat-x top left; -} -.soria .dijitSliderRightBumper { - background: #dcdcdc url(images/sliderEmpty.png) repeat-x top left; - border-color: #b4b4b4; - border-right-width: 1px; -} -.soria .dijitSliderImageHandleV { - border:0px; - width:20px; - height:15px; - background:url(images/sliderThumb.png) no-repeat center center; - #background:url(images/sliderThumb.gif) no-repeat center center; -} -.soria .dijitSliderFocused .dijitSliderImageHandleV { - background-image:url(images/sliderThumbFocus.png); - #background-image:url(images/sliderThumbFocus.gif); -} -.soria .dijitSliderBottomBumper { - border-bottom-width: 1px; - border-color: #aab0bb; - background: #c0c2c5 url(images/sliderFullVertical.png) repeat-y bottom left; -} -.soria .dijitSliderTopBumper { - background: #dcdcdc url(images/sliderEmptyVertical.png) repeat-y top left; - border-color: #b4b4b4; - border-top-width: 1px; -} -.soria .dijitSliderIncrementIconH, -.soria .dijitSliderIncrementIconV { - background:url(images/spriteRoundedIconsSmall.png) no-repeat -45px top; - #background:url(images/spriteRoundedIconsSmall.gif) no-repeat -45px top; - width:15px; height:15px; -} -.soria .dijitSliderIncrementIconH { - background:url(images/spriteRoundedIconsSmall.png) no-repeat -30px top; - #background:url(images/spriteRoundedIconsSmall.gif) no-repeat -30px top; -} -.soria .dijitSliderDecrementIconH, -.soria .dijitSliderDecrementIconV { - width:15px; - height:15px; - background:url(images/spriteRoundedIconsSmall.png) no-repeat -15px top; - #background:url(images/spriteRoundedIconsSmall.gif) no-repeat -15px top; -} -.soria .dijitSliderDecrementIconH { - background:url(images/spriteRoundedIconsSmall.png) no-repeat 0px top; - #background:url(images/spriteRoundedIconsSmall.gif) no-repeat 0px top; -} -.soria .dijitSliderButtonInner { - visibility:hidden; -} -.soria .dijitSliderReadOnly *, -.soria .dijitSliderDisabled * { - border-color: #d5d5d5 #bdbdbd #bdbdbd #d5d5d5; - color: #bdbdbd; -} -.soria .dijitSliderReadOnly .dijitSliderDecrementIconH, -.soria .dijitSliderDisabled .dijitSliderDecrementIconH { - background-position: 0px -15px; -} -.soria .dijitSliderReadOnly .dijitSliderIncrementIconH, -.soria .dijitSliderDisabled .dijitSliderIncrementIconH { - background-position: -30px -15px; -} -.soria .dijitSliderReadOnly .dijitSliderDecrementIconV, -.soria .dijitSliderDisabled .dijitSliderDecrementIconV { - background-position: -15px -15px; -} -.soria .dijitSliderReadOnly .dijitSliderIncrementIconV, -.soria .dijitSliderDisabled .dijitSliderIncrementIconV { - background-position: -45px -15px; -} -.soria .dijitSelect .dijitButtonNode { - padding: 0px; -} -.soria .dijitSelect .dijitButtonContents { - padding-top: 1px; - background:#fff url(images/validationInputBg.png) repeat-x top left; - #background:#fff url(images/validationInputBg.gif) repeat-x top left; -} -.soria .dijitSelectHover .dijitButtonContents, -.soria .dijitSelectActive .dijitButtonContents, -.soria .dijitSelectOpened .dijitButtonContents, -.soria .dijitSelectDisabled .dijitButtonContents, -.soria .dijitSelectReadOnly .dijitButtonContents{ - background: transparent none; -} -.dj_ie .soria .dijitSelect .dijitButtonContents { - padding-top: 0px; -} -.soria .dijitSelect .dijitArrowButton { - padding: 0px 2px; -} -.soria .dijitSelectDisabled .dijitButtonNode { - border-color: #b9bbdd #b9bbdd #b9bbdd #b9bbdd; - background:#c3d3e5 url(images/buttonDisabled.png) top repeat-x; -} -.dj_ie .soria .dijitSelectDisabled .dijitButtonNode * { - filter: gray() alpha(opacity=50); -} -.soria .dijitSelectHover .dijitButtonNode { - color:#000; - background:#acc5e2 url(images/buttonHover.png) repeat-x top left; -} -.soria .dijitSelectActive .dijitButtonNode, -.soria .dijitSelectOpened .dijitButtonNode { - border-color:#657c9c; - background: #91b4e5 url(images/buttonActive.png) top left repeat-x; -} -.soria .dijitSelectMenu td { - padding: 0em; -} -.soria .dijitSelectMenu .dijitMenuItemLabel, -.soria .dijitSelectMenu .dijitMenuArrowCell { - padding: 0.1em 0.2em; -} -.soria .dijitTreeNode { - background : url(images/treeI.gif) no-repeat; - background-position : top left; - background-repeat : repeat-y; - zoom: 1; -} -.soria .dijitTreeRowHover { - - background-image: url(images/treeHover.png); - background-repeat: repeat; - background-color: transparent !important; -} -.soria .dijitTreeIsLast { - background: url(images/treeI_half.gif) no-repeat; -} -.soria .dijitTreeLabel { - font-weight: normal; - margin-left: 3px; -} -.soria .dijitTreeIsRoot { - margin-left: 0; - background-image: none; -} -.soria .dijitTreeExpando { - width: 18px; - height: 18px; -} -.soria .dijitTreeRow { - - padding-bottom: 2px; -} -.soria .dijitTreeContent { - min-height: 18px; - min-width: 18px; - padding-left:1px; -} -.soria .dijitTreeRowSelected .dijitTreeLabel{ - background:#b8cbec; -} -.soria .dijitTreeExpandoOpened { - background: url(images/spriteTree.gif) no-repeat -18px top; -} -.soria .dijitTreeExpandoClosed { - background-image: url(images/spriteTree.gif); -} -.soria .dijitTreeExpandoLeaf { - background: url(images/spriteTree.gif) no-repeat -36px top; -} -.soria .dijitTreeExpandoLoading { - background-image: url(images/treeExpand_loading.gif); -} -.soria .dijitTreeIcon { - width: 16px; - height: 16px; -} -.soria .dijitFolderOpened { - background: url(images/spriteDivIcons.gif) no-repeat -16px top; -} -.soria .dijitFolderClosed { - background: url(images/spriteDivIcons.gif) no-repeat top left; -} -.soria .dijitLeaf { - background: url(images/spriteDivIcons.gif) no-repeat -32px top; -} -.soria .dijitTreeNode .dojoDndItemBefore, -.soria .dijitTreeNode .dojoDndItemAfter { - border-bottom: none; - border-top: none; -} -.soria .dijitTreeNode .dojoDndItemBefore .dijitTreeContent { - - border-top: 2px solid #369; -} -.soria .dijitTreeNode .dojoDndItemAfter .dijitTreeContent { - - border-bottom: 2px solid #369; -} -.soria .dijitProgressBar { - margin:2px 0px 2px 0px; -} -.soria .dijitProgressBarEmpty{ - - background:#fff url(images/progressBarEmpty.png) repeat-x center center; - border-color: #8ba0bd; -} -.soria .dijitProgressBarTile{ - - background:#f0f0f0 url(images/progressBarFull.png) repeat-x center center; -} -.soria .dijitProgressBarFull { - border-right:1px solid #8ba0bd; -} -.soria .dijitProgressBarLabel { - - color:#293a4b; -} -.soria .dijitProgressBarIndeterminate .dijitProgressBarTile { - - background:#cad2de url(images/progressBarAnim.gif) repeat-x center center; -} -.soria .dijitTitlePaneTitle { - background: #cccccc; - background:#fff url(images/titleBar.png) repeat-x top left; - border:1px solid #bfbfbf; - padding:3px 4px; - font-size: 0.9em; - font-weight: bold; - color: #6d6d6d; -} -.soria .dijitTitlePaneTitleHover { - background: #f9f9f9 url(images/accordionItemActive.png) top repeat-x; -} -.soria .dijitTitlePaneTitle * { - vertical-align: middle; -} -.soria .dijitTitlePane .dijitOpen .dijitArrowNode, -.soria .dijitTitlePane .dijitClosed .dijitArrowNode { - width:15px; - height:15px; -} -.soria .dijitTitlePaneTextNode { - color: #243C5F; -} -.soria .dijitTitlePane .dijitClosed .dijitArrowNode { - background: url(images/spriteRoundedIconsSmall.png) no-repeat -30px top; -} -.dj_ie6 .soria .dijitTitlePane .dijitClosed .dijitArrowNode { - background:url(images/spriteRoundedIconsSmall.gif) no-repeat -30px top; -} -.soria .dijitTitlePane .dijitOpen .dijitArrowNode { - background:url(images/spriteRoundedIconsSmall.png) no-repeat -15px top; -} -.dj_ie6 .soria .dijitTitlePane .dijitOpen .dijitArrowNode { - background:url(images/spriteRoundedIconsSmall.gif) no-repeat -15px top; -} -.soria .dijitTitlePaneContentOuter { - background: #ffffff; - border: 1px solid #bfbfbf; - border-top: 0px; -} -.soria .dijitTitlePaneContentInner { - padding:10px; -} -.soria .dijitTitlePaneTextNode { - margin-left: 4px; - margin-right: 4px; -} -.soria .dijitCalendarIncrementControl { - - width:15px; - height:15px; - background-image: url(images/spriteRoundedIconsSmall.png); - background-repeat: no-repeat; -} -.dj_ie6 .soria .dijitCalendarIncrementControl { - font-size:.1em; - background-image: url(images/spriteRoundedIconsSmall.gif); -} -.soria .dijitA11ySideArrow { - display: none; -} -.soria .dijitCalendarDecrease { - background-position: top left; -} -.soria .dijitCalendarIncrease { - background-position: -30px top; -} -.soria table.dijitCalendarContainer { - font-size: 100%; - border-spacing: 0; - border-collapse: separate; - border: 1px solid #b1badf; - margin: 0; -} -.soria .dijitCalendarMonthContainer th { - - background:#bed7f0 url(images/titleBar.png) repeat-x top; - padding-top:.3em; - padding-bottom:.2em; - text-align:center; -} -.dj_ie6 .soria .dijitCalendarMonthContainer th { - padding-top:.2em; - padding-bottom:.1em; -} -.soria .dijitCalendarDayLabelTemplate { - - background:#bed7f0; - font-weight:normal; - padding-top:.15em; - padding-bottom:.2em; - border-bottom: 1px solid #b1badf; - color:#293a4b; - text-align:center; -} -.soria .dijitCalendarBodyContainer { - border-bottom: 1px solid #eeeeee; -} -.soria .dijitCalendarMonthLabel { - color:#293a4b; - font-weight: bold; -} -.soria .dijitCalendarDateTemplate { - - font-size: 0.9em; - font-weight: bold; - text-align: center; - padding: 0.3em 0.3em 0.05em 0.3em; - letter-spacing: 1px; - background-color: #fff; - border:#fff solid 1px !important; -} -.dj_ie .soria .dijitCalendarDateTemplate { - padding: 0.1em .33em 0.02em .33em; -} -.soria .dijitCalendarPreviousMonth, -.soria .dijitCalendarNextMonth { - - color:#999999; - background-color:#fdfdfd !important; - border:#fdfdfd solid 1px !important; -} -.soria .dijitCalendarCurrentMonth { - -} -.soria .dijitCalendarDisabledDate { - text-decoration:line-through !important; -} -.soria .dijitCalendarCurrentDate { - - text-decoration:underline; - font-weight:bold; -} -.soria .dijitCalendarSelectedDate { - - background-color:#b9cbf1 !important; - color:black !important; - border:#4b5aaa solid 1px !important; -} -.soria .dijitCalendarYearContainer { - - background:white url(images/titleBar.png) repeat-x top; -} -.soria .dijitCalendarYearLabel { - - margin:0; - padding:0.4em 0 0.25em 0; - text-align:center; -} -.soria .dijitCalendarSelectedYear { - - color:black; - padding:0.2em; - padding-bottom:0.1em; - background-color:#b9cbf1 !important; - border:#4b5aaa solid 1px !important; -} -.soria .dijitCalendarNextYear, -.soria .dijitCalendarPreviousYear { - - color:black !important; - font-weight:normal; -} -.soria .dijitTimePickerTick, -.soria .dijitTimePickerMarker { - border-color: #b1badf; -} -.soria .dijitTimePickerTick { - color:white; -} -.soria .dijitTimePickerMarker { - background:#bed7f0 url(images/titleBar.png) repeat-x top; - color:#293a4b; - font-weight: bold; -} -.soria .dijitTimePickerItemSelected { - color: black; - background: #b9cbf1 none; -} -.soria .dijitTimePickerItemHover { - background: #60a1ea none; - color:white; -} -.soria .dijitTimePickerItemHover, -.soria .dijitTimePickerItemSelected { - position: relative; - z-index: 10; -} -.soria .dijitTimePickerTick .dijitTimePickerItemInner { - font-size:0.4em; -} -.soria .dijitTimePickerItemHover .dijitTimePickerItemInner, -.soria .dijitTimePickerItemSelected .dijitTimePickerItemInner { - font-size:1em; -} -.soria .dijitTimePickerMarkerHover { - border-top: 1px solid #94b9ef; -} -.soria .dijitTimePickerTickHover, -.soria .dijitTimePickerTickSelected { - margin-top:-0.3em; - margin-bottom:-0.3em; - border-bottom: none; -} -.soria .dijitToolbar { - border-bottom: 1px solid #ccc; - background:#eaeaea url(images/titleBar.png) repeat-x top left; -} -.dj_ie6 .soria .dijitToolbar { - height: 10px; -} -.soria .dijitToolbar .dijitButtonNode, -.soria .dijitToolbar .dijitComboButton .dijitButtonContents, -.soria .dijitToolbar .dijitComboButton .dijitDownArrowButton { - background: none; - margin: 0px; - padding: 0px; - border: none; - font-size: 12px; -} -.soria .dijitToolbar .dijitButton, -.soria .dijitToolbar .dijitToggleButton, -.soria .dijitToolbar .dijitDropDownButton, -.soria .dijitToolbar .dijitComboButton .dijitButtonContents, -.soria .dijitToolbar .dijitComboButton .dijitDownArrowButton { - background: none; - padding: 1px; -} -.soria .dijitToolbar .dijitButtonChecked, -.soria .dijitToolbar .dijitToggleButtonChecked { - background-color:#d8e5f8; - border:1px solid #316ac5; - padding: 0px; -} -.soria .dijitToolbar .dijitButtonCheckedHover, -.soria .dijitToolbar .dijitToggleButtonCheckedHover - { - background-color:#9abbea; - border:1px solid #316ac5; - padding: 0px; -} -.soria .dijitToolbar .dijitButtonHover, -.soria .dijitToolbar .dijitToggleButtonHover, -.soria .dijitToolbar .dijitDropDownButtonHover, -.soria .dijitToolbar .dijitComboButton .dijitButtonContentsHover, -.soria .dijitToolbar .dijitComboButton .dijitDownArrowButtonHover { - - border: 1px solid #316ac5; - padding: 0px; - background-color:#9abbea; -} -.soria .dijitToolbar label { - padding: 3px 3px 0 6px; -} -.dj_ie .soria .dijitToolbar .dijitComboButton .dijitButtonContentsFocused, -.dj_ie .soria .dijitToolbar .dijitComboButton .dijitDownArrowButtonFocused { - - border: 1px #777 dotted !important; - padding: 0px; -} -.soria .dijitDialog { - background: #eee; - border: 1px solid #cbcbcb; - -webkit-box-shadow: 0px 5px 10px #adadad; - padding: 0px; -} -.soria .dijitDialog .dijitDialogTitle { - - font-weight: bold; - padding: 0px 4px; - font-size: 0.9em; - color: #3243C5F; -} -.soria .dijitDialog .dijitDialogPaneContent { - background: #ffffff; - border-top: 1px solid #b1badf; - padding:10px; -} -.soria .dijitDialogTitleBar { - - background: #fafafa url(images/titleBar.png) repeat-x top left; - padding: 5px 6px 3px 6px; - outline:0; -} -.soria .dijitDialogCloseIcon { - - background-image: url(images/spriteRoundedIconsSmallBl.png); - background-repeat: no-repeat; - background-position: -60px 0px; - position: absolute; - vertical-align: middle; - right: 6px; - top: 4px; - height: 15px; - width: 15px; -} -.dj_ie6 .soria .dijitDialogCloseIcon { - background-image: url(images/spriteRoundedIconsSmallBl.gif); -} -.soria .dijitDialogCloseIconHover { - background-position: -60px -15px; -} -.soria .dijitTooltip, -.soria .dijitTooltipDialog { - - background: transparent; -} -.dijitTooltipBelow { - - padding-top: 10px; -} -.dijitTooltipAbove { - - padding-bottom: 10px; -} -.soria .dijitTooltipContainer { - - background-color: #fff; - border:1px solid #cbcbcb; - padding:0.45em; -} -.soria .dijitTooltipConnector { - - border:0px; - z-index: 2; -} -.soria .dijitTooltipABRight .dijitTooltipConnector { - - left: auto !important; - right: 6px; -} -.soria .dijitTooltipBelow .dijitTooltipConnector { - - top: 0px; - left: 6px; - background:url(images/tooltipConnectorUp.png) no-repeat top left; - width:17px; - height:11px; -} -.dj_ie .soria .dijitTooltipBelow .dijitTooltipConnector { - background-image: url(images/tooltipConnectorUp.gif); -} -.soria .dijitTooltipAbove .dijitTooltipConnector { - - bottom: 0px; - left: 6px; - background:url(images/tooltipConnectorDown.png) no-repeat top left; - width:17px; - height:11px; -} -.dj_ie .soria .dijitTooltipAbove .dijitTooltipConnector { - background-image: url(images/tooltipConnectorDown.gif); -} -.dj_ie .soria .dijitTooltipAbove .dijitTooltipConnector { - background-image: url(images/tooltipConnectorDown.gif); -} -.dj_ie6 .soria .dijitTooltipAbove .dijitTooltipConnector { - bottom: -5px; -} -.soria .dijitTooltipLeft { - padding-right: 10px; -} -.dj_ie6 .soria .dijitTooltipLeft { - padding-left: 11px; -} -.soria .dijitTooltipLeft .dijitTooltipConnector { - - right: 0px; - bottom: 3px; - background:url(images/tooltipConnectorRight.png) no-repeat top left; - width:11px; - height:17px; -} -.dj_ie .soria .dijitTooltipLeft .dijitTooltipConnector { - background-image: url(images/tooltipConnectorRight.gif); -} -.soria .dijitTooltipRight { - padding-left: 10px; -} -.soria .dijitTooltipRight .dijitTooltipConnector { - - left: 0px; - bottom: 3px; - background:url(images/tooltipConnectorLeft.png) no-repeat top left; - width:11px; - height:17px; -} -.dj_ie .soria .dijitTooltipRight .dijitTooltipConnector { - background-image: url(images/tooltipConnectorLeft.gif); -} -.soria .dijitMenu, -.soria .dijitMenuBar { - border: 1px solid #cbcbcb; - margin: 0px; - padding: 0px; - background-color: #fff; -} -.soria .dijitBorderContainer .dijitMenuBar { - border:1px solid #B1BADF; -} -.soria .dijitMenuItem { - font-family: sans-serif; - margin: 0px; - color: #243C5F; -} -.soria .dijitMenuBar .dijitMenuItem { - padding: 4px 5px; -} -.soria .dijitMenuPreviousButton, .soria .dijitMenuNextButton { - font-style: italic; -} -.soria .dijitMenuItem TD { - padding:1px; -} -.soria .dijitMenuPassive .dijitMenuItemHover, -.soria .dijitMenuItemSelected { - background-color: #d9e6f9; - color: #243C5F; -} -.soria .dijitMenuItemIcon { - width: 15px; - height: 15px; -} -.soria .dijitMenuExpand { - width:15px; - height:15px; - background-image: url(images/spriteRoundedIconsSmall.png); - background-position: -30px top; -} -.dj_ie6 .soria .dijitMenuExpand { - background-image: url(images/spriteRoundedIconsSmall.gif); -} -.soria .dijitMenuSeparator { - height: 1px; -} -.soria .dijitMenuSeparatorTop { - border-bottom: 1px solid #fff; -} -.soria .dijitMenuSeparatorBottom { - border-top: 1px solid #8ba0bd; -} -.soria .dijitCheckedMenuItemIconChar { - display: none; -} -.soria .dijitCheckedMenuItemIcon { - background-image: url(images/spriteCheckbox.gif); - background-position: -80px; -} -.soria .dijitCheckedMenuItemChecked .dijitCheckedMenuItemIcon { - background-position: -64px; -} -.soria .dijitToolbar .dijitToolbarSeparator { - background: url(../../icons/images/editorIconsEnabled.png); -} -.soria .dijitEditorIcon { - background-image: url(../../icons/images/editorIconsEnabled.png); - background-repeat: no-repeat; - width: 18px; - height: 18px; - text-align: center; -} -.soria .dijitDisabled .dijitEditorIcon { - background-image: url(../../icons/images/editorIconsDisabled.png); -} -.dijitEditorIcon { - background-image: url(../../icons/images/editorIconsEnabled.png); - background-repeat: no-repeat; - width: 18px; - height: 18px; - text-align: center; -} -.dijitDisabled .dijitEditorIcon { - background-image: url(../../icons/images/editorIconsDisabled.png); -} -.dijitEditorIconSep { background-position: 0px; } -.dijitEditorIconSave { background-position: -18px; } -.dijitEditorIconPrint { background-position: -36px; } -.dijitEditorIconCut { background-position: -54px; } -.dijitEditorIconCopy { background-position: -72px; } -.dijitEditorIconPaste { background-position: -90px; } -.dijitEditorIconDelete { background-position: -108px; } -.dijitEditorIconCancel { background-position: -126px; } -.dijitEditorIconUndo { background-position: -144px; } -.dijitEditorIconRedo { background-position: -162px; } -.dijitEditorIconSelectAll { background-position: -180px; } -.dijitEditorIconBold { background-position: -198px; } -.dijitEditorIconItalic { background-position: -216px; } -.dijitEditorIconUnderline { background-position: -234px; } -.dijitEditorIconStrikethrough { background-position: -252px; } -.dijitEditorIconSuperscript { background-position: -270px; } -.dijitEditorIconSubscript { background-position: -288px; } -.dijitEditorIconJustifyCenter { background-position: -306px; } -.dijitEditorIconJustifyFull { background-position: -324px; } -.dijitEditorIconJustifyLeft { background-position: -342px; } -.dijitEditorIconJustifyRight { background-position: -360px; } -.dijitEditorIconIndent { background-position: -378px; } -.dijitEditorIconOutdent { background-position: -396px; } -.dijitEditorIconListBulletIndent { background-position: -414px; } -.dijitEditorIconListBulletOutdent { background-position: -432px; } -.dijitEditorIconListNumIndent { background-position: -450px; } -.dijitEditorIconListNumOutdent { background-position: -468px; } -.dijitEditorIconTabIndent { background-position: -486px; } -.dijitEditorIconLeftToRight { background-position: -504px; } -.dijitEditorIconRightToLeft, .dijitEditorIconToggleDir { background-position: -522px; } -.dijitEditorIconBackColor { background-position: -540px; } -.dijitEditorIconForeColor { background-position: -558px; } -.dijitEditorIconHiliteColor { background-position: -576px; } -.dijitEditorIconNewPage { background-position: -594px; } -.dijitEditorIconInsertImage { background-position: -612px; } -.dijitEditorIconInsertTable { background-position: -630px; } -.dijitEditorIconSpace { background-position: -648px; } -.dijitEditorIconInsertHorizontalRule { background-position: -666px; } -.dijitEditorIconInsertOrderedList { background-position: -684px; } -.dijitEditorIconInsertUnorderedList { background-position: -702px; } -.dijitEditorIconCreateLink { background-position: -720px; } -.dijitEditorIconUnlink { background-position: -738px; } -.dijitEditorIconViewSource { background-position: -756px; } -.dijitEditorIconRemoveFormat { background-position: -774px; } -.dijitEditorIconFullScreen { background-position: -792px; } -.dijitEditorIconWikiword { background-position: -810px; } - -.dijitColorPalette { - border:1px solid #cbcbcb; - background:#fff; - -moz-border-radius: 0px !important; -} + NOTES: + --- + Dialog.css contains css classes for both Dialog and Tooltip! + This because currently a dijit.TooltipDialog exist. Until this is resolved + you need to include Dialog.css for both dijits + --- + Toolbar.css contains classes also used in Editor. Until this is resolved + you need to include Toolbar.css for both Toolbar and Editor + --- + Button.css contains classes for combobox, + +*/ + +@import url("../dijit.css"); +@import url("../../icons/commonIcons.css");/*sprite containing common icons to be used by all themes*/ +@import url("Common.css"); +@import url("layout/ContentPane.css"); +@import url("layout/TabContainer.css"); +@import url("layout/AccordionContainer.css"); +@import url("layout/SplitContainer.css"); +@import url("layout/BorderContainer.css"); +@import url("form/Common.css"); +@import url("form/Button.css"); +@import url("form/Checkbox.css"); +@import url("form/RadioButton.css"); +@import url("form/Slider.css"); +@import url("form/Select.css"); +@import url("Tree.css"); +@import url("ProgressBar.css"); +@import url("TitlePane.css"); +@import url("Calendar.css"); +@import url("TimePicker.css"); +@import url("Toolbar.css"); +@import url("Dialog.css"); +@import url("Menu.css"); +@import url("Editor.css"); +@import url("../../icons/editorIcons.css"); /* sprite for editor icons to be used by all themes */ +@import url("ColorPalette.css"); \ No newline at end of file diff --git a/lib/dijit/themes/soria/soria_rtl.css b/lib/dijit/themes/soria/soria_rtl.css index 97246a28f..b804011a4 100644 --- a/lib/dijit/themes/soria/soria_rtl.css +++ b/lib/dijit/themes/soria/soria_rtl.css @@ -1,225 +1,29 @@ +/* + Adds cosmetic styling to Dijit. Users may swap with a custom theme CSS file. -.dijitRtl .dijitPlaceHolder { - left: auto; - right: 0; -} -.dijitMenuItemRtl { - text-align: right; -} -.dj_iequirks .dijitComboButtonRtl BUTTON { - - float:left; -} -.dijit_a11y .dijitTextBoxRtl .dijitValidationContainer, -.dijitTextBoxRtl .dijitSpinnerButtonContainer, -.dijitComboBoxRtl .dijitArrowButtonContainer { - - border-right-width: 1px !important; - border-right-style: solid !important; - border-left-width: 0px !important; - border-left-style: none !important; -} -.dijit_a11y .dijitTextBoxRtl .dijitValidationContainer, -.dijit_a11y .dijitTextBoxRtl .dijitSpinnerButtonContainer, -.dijit_a11y .dijitComboBoxRtl .dijitArrowButtonContainer { - border-right: 1px solid black !important; - border-left: 0px none black !important; -} -.dijitSpinnerRtl .dijitSpinnerButtonContainer .dijitArrowButton { - right: 0; - left: auto; -} -.dijitTextBoxRtl .dijitSpinnerButtonContainer, -.dijitTextBoxRtl .dijitValidationContainer, -.dijitTextBoxRtl .dijitArrowButtonContainer { - float: left; -} -.dijitCalendarRtl .dijitCalendarNextYear { - margin:0 0.55em 0 0; -} -.dijitCalendarRtl .dijitCalendarPreviousYear { - margin:0 0 0 0.55em; -} -.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 { - - float:right; - right:0; - left:auto; -} -.dijitRtl .dijitContentPaneLoading, .dijitRtl .dijitContentPaneError { - background-position:right; - padding-right:25px; -} -.dijitTabRtl .dijitTabCloseButton { - margin-left: 0px; - margin-right: 1em; -} -.dj_ie .dijitTimePickerRtl .dijitTimePickerItem { - width:100%; -} -.dijitColorPaletteRtl .dijitColorPaletteUnder { - - left: auto; - right: 0; -} -.dijitSelectRtl .dijitButtonContents { - text-align: right; -} -.dijitRtl .soria .dijitTab { - margin-right:0; - margin-left:2px; -} -.dijitRtl .soria .dijitTabContainer .tabStripButton { - margin-left: 0; -} -.dijitRtl .soria .dijitTabContainerTopStrip, -.dijitRtl .soria .dijitTabContainerBottomStrip, -.dijitRtl .soria .dijitTabContainerTop-tabs, -.dijitRtl .soria .dijitTabContainerBottom-tabs { - padding-left: 0; - padding-right: 3px; -} -.dijitRtl .soria .dijitTabInnerDiv { - padding-left: 3px; - padding-right: 4px; -} -.dijitRtl .soria .dijitTabPaneWrapper { - #zoom: 1; -} -.dj_ie-rtl .soria .dijitTabContainerLeft-tabs { - margin-left: 0px !important; -} -.dj_ie-rtl .soria .dijitTabContainerRight-tabs { - margin-right: 0px !important; -} -.dijitRtl .soria .dijitTabContainerLeft-tabs .dijitTab, -.dijitRtl .soria .dijitTabContainerRight-tabs .dijitTab { - margin-left:0px; -} -.dj_ie-rtl .soria .dijitTab .dijitTabInnerDiv{ - width : 1%; -} -.dijitRtl .soria .dijitAccordionArrow { - background-position: 0px top; -} -.dijitRtl .soria .dijitAccordionTitleSelected .dijitAccordionArrow { - - background-position: -15px top; -} -.dijitRtl .soria .dijitSliderProgressBarH, -.dijitRtl .soria .dijitSliderRemainingBarH, -.dijitRtl .soria .dijitSliderLeftBumper, -.dijitRtl .soria .dijitSliderRightBumper, -.dijitRtl .soria .dijitSliderTopBumper { - background-position: top right; -} -.dijitRtl .soria .dijitSliderProgressBarV, -.dijitRtl .soria .dijitSliderRemainingBarV, -.dijitRtl .soria .dijitSliderBottomBumper { - background-position: bottom right; -} -.dijitRtl .soria .dijitSliderLeftBumper { - border-left-width: 0px; - border-right-width: 1px; -} -.dijitRtl .soria .dijitSliderRightBumper { - border-left-width: 1px; - border-right-width: 0px; -} -.dijitRtl .soria .dijitSliderIncrementIconH { - background:url(images/spriteRoundedIconsSmall.png) no-repeat left top; - #background:url(images/spriteRoundedIconsSmall.gif) no-repeat left top; -} -.dijitRtl .soria .dijitSliderDecrementIconH { - background:url(images/spriteRoundedIconsSmall.png) no-repeat -30px top; - #background:url(images/spriteRoundedIconsSmall.gif) no-repeat -30px top; -} -.dijitRtl .soria .dijitComboBox .dijitButtonNode { - border-width: 0px 0px 0px 1px; -} -.dijitRtl .soria .dijitSelect .dijitButtonContents { - border-left: none; - border-right-width: 1px; -} -.dijitRtl .soria .dijitTreeNode, -.dijitRtl .soria .dijitTreeExpandoLeaf { - - background-image: none; -} -.dijitRtl .soria .dijitTreeContent { - padding-left: 0px; - padding-right: 1px; -} -.dijitRtl .soria .dijitTreeExpandoOpened { - - background: url(images/spriteTree_rtl.gif) no-repeat -18px top; -} -.dijitRtl .soria .dijitTreeExpandoClosed { - - background-image: url(images/spriteTree_rtl.gif); -} -.dijitRtl .soria .dijitTitlePane .dijitClosed .dijitArrowNode { - background-position: 0px top; -} -.dj_ie6-rtl .soria .dijitTitlePane .dijitClosed .dijitArrowNode { - background-position: 0px top; -} -.dijitRtl .soria .dijitCalendarDecrease { - background-position: -30px top; -} -.dijitRtl .soria .dijitCalendarIncrease { - background-position: 0px top; -} -.dj_ie6-rtl .soria .dijitTimePickerMarkerHover, -.dj_ie7-rtl .soria .dijitTimePickerMarkerHover { - border-top: 0px; -} -.dijitRtl .soria .dijitDialogTitleBar .dijitDialogCloseIcon { - right: auto; - left: 5px; -} -.dijitRtl .soria .dijitMenuItem .dijitMenuItemIcon { - padding-left: 3px; - padding-right: 0px; -} -.dijitRtl .soria .dijitMenuItem .dijitMenuExpand { - background-position: left top; -} -.dijitRtl .soria .dijitEditorIcon { - background-image: url(../../icons/images/editorIconsEnabled_rtl.png); -} -.dijitRtl .soria .dijitDisabled .dijitEditorIcon { - background-image: url(../../icons/images/editorIconsDisabled_rtl.png); -} -.dijitEditorRtl .dijitEditorIcon { - background-image: url(../../icons/images/editorIconsEnabled_rtl.png); -} -.dijitEditorRtlDisabled .dijitEditorIcon { - background-image: url(../../icons/images/editorIconsDisabled_rtl.png); -} -.dijitToolbarRtl .dijitToolbarSeparator { - background-image: url(../../icons/images/editorIconsEnabled_rtl.png); -} - + NOTES: + --- + Dialog.css contains css classes for both Dialog and Tooltip! + This because currently a dijit.TooltipDialog exist. Until this is resolved + you need to include Dialog.css for both dijits + --- + Toolbar.css contains classes also used in Editor. Until this is resolved + you need to include Toolbar.css for both Toolbar and Editor + --- + Button.css contains classes for combobox, + +*/ + +@import url("../dijit_rtl.css"); +@import url("layout/TabContainer_rtl.css"); +@import url("layout/AccordionContainer_rtl.css"); +@import url("form/Slider_rtl.css"); +@import url("form/Button_rtl.css"); +@import url("Tree_rtl.css"); +@import url("TitlePane_rtl.css"); +@import url("Calendar_rtl.css"); +@import url("TimePicker_rtl.css"); +@import url("Dialog_rtl.css"); +@import url("Menu_rtl.css"); +@import url("Editor_rtl.css"); +@import url("../../icons/editorIcons_rtl.css"); /*sprite for editor icons to be used by all themes*/ \ No newline at end of file -- cgit v1.2.3