diff options
Diffstat (limited to 'lib/dijit/themes/nihilo')
36 files changed, 733 insertions, 3888 deletions
diff --git a/lib/dijit/themes/nihilo/Calendar.css b/lib/dijit/themes/nihilo/Calendar.css index a193f8ddf..2c9248b08 100644 --- a/lib/dijit/themes/nihilo/Calendar.css +++ b/lib/dijit/themes/nihilo/Calendar.css @@ -1,6 +1,7 @@ +/* Calendar*/ .nihilo .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"); } + .nihilo .dijitA11ySideArrow { display: none; } + .nihilo .dijitCalendarDecrease { background-position: top left; } .nihilo .dijitCalendarIncrease { background-position: -30px top; } + .nihilo table.dijitCalendarContainer { font-size: 100%; border-spacing: 0; @@ -26,8 +30,9 @@ border: 1px solid #ccc; margin: 0; } + .nihilo .dijitCalendarMonthContainer th { - + /* month header cell */ background:#d3d3d3 url("images/titleBar.png") repeat-x top; padding-top:.3em; padding-bottom:.2em; @@ -37,8 +42,9 @@ padding-top:.2em; padding-bottom:.1em; } + .nihilo .dijitCalendarDayLabelTemplate { - + /* day of week labels */ background:#fefefe; font-weight:normal; padding-top:.15em; @@ -47,15 +53,19 @@ color:#293a4b; text-align:center; } + .nihilo .dijitCalendarBodyContainer { border-bottom: 1px solid #eeeeee; } + .nihilo .dijitCalendarMonthLabel { color:#293a4b; font-weight: bold; + padding: 0 4px; } + .nihilo .dijitCalendarDateTemplate { - + /* style for each day cell */ font-size: 0.9em; font-weight: bold; text-align: center; @@ -64,54 +74,86 @@ background-color: #fdfdfd; border:#fdfdfd solid 1px !important; } + .dj_ie .nihilo .dijitCalendarDateTemplate { padding: 0.1em .33em 0.02em .33em; } + .nihilo .dijitCalendarPreviousMonth, .nihilo .dijitCalendarNextMonth { - + /* days that are part of the previous or next month */ color:#999999; background-color:#f5f5f5 !important; border:#f5f5f5 solid 1px !important; } + .nihilo .dijitCalendarCurrentMonth { - + /* days that are part of this month */ } + .nihilo .dijitCalendarDisabledDate { text-decoration:line-through !important; } + .nihilo .dijitCalendarCurrentDate { - + /* cell for today's date */ text-decoration:underline; font-weight:bold; } + .nihilo .dijitCalendarSelectedDate { - + /* cell for the selected date */ background-color:#ffe284 !important; color:black !important; border:#f7c95c solid 1px !important; } + + .nihilo .dijitCalendarYearContainer { - + /* footer of the table that contains the year display/selector */ background:white url("images/titleBar.png") repeat-x top; } + .nihilo .dijitCalendarYearLabel { - + /* container for all of 3 year labels */ margin:0; padding:0.4em 0 0.25em 0; text-align:center; } + .nihilo .dijitCalendarSelectedYear { - + /* label for selected year */ color:black; padding:0.2em; padding-bottom:0.1em; background-color:#ffe284 !important; border:#f7c95c solid 1px !important; } + .nihilo .dijitCalendarNextYear, .nihilo .dijitCalendarPreviousYear { - + /* label for next/prev years */ color:black !important; font-weight:normal; } + +/* Styling for month DropDownButton */ + +.nihilo .dijitCalendar .dijitDropDownButton { + margin: 0; +} +.nihilo .dijitCalendar .dijitButtonText { + padding: 0; +} +.nihilo .dijitCalendar .dijitDropDownButton .dijitButtonNode { + background-color: transparent; + background-image: none; + padding: 0; +} + +/* Styling for month drop down list */ + +.nihilo .dijitCalendarMonthMenu .dijitCalendarMonthLabelHover { + background-color: #ffe284; + color: #243C5F; +}
\ No newline at end of file diff --git a/lib/dijit/themes/nihilo/Calendar_rtl.css b/lib/dijit/themes/nihilo/Calendar_rtl.css index 245d93fef..6fc06f4e3 100644 --- a/lib/dijit/themes/nihilo/Calendar_rtl.css +++ b/lib/dijit/themes/nihilo/Calendar_rtl.css @@ -1,7 +1,9 @@ +/* Calendar */ .dijitRtl .nihilo .dijitCalendarDecrease { background-position: -30px top; } + .dijitRtl .nihilo .dijitCalendarIncrease { - background-position: 0px top; + background-position: 0 top; } diff --git a/lib/dijit/themes/nihilo/ColorPalette.css b/lib/dijit/themes/nihilo/ColorPalette.css index 328bc84a4..8fbe9d7ef 100644 --- a/lib/dijit/themes/nihilo/ColorPalette.css +++ b/lib/dijit/themes/nihilo/ColorPalette.css @@ -1,5 +1,5 @@ .dijitColorPalette { border:1px solid #d3d3d3; background:#fff; - -moz-border-radius: 0px !important; -} + -moz-border-radius: 0 !important; +}
\ No newline at end of file diff --git a/lib/dijit/themes/nihilo/Common.css b/lib/dijit/themes/nihilo/Common.css index c894deadf..498699083 100644 --- a/lib/dijit/themes/nihilo/Common.css +++ b/lib/dijit/themes/nihilo/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. */ .nihilo .dojoDndItemBefore { border-top: 2px solid #369; } + .nihilo .dojoDndItemAfter { border-bottom: 2px solid #369; } + .nihilo .dojoDndItemOver { cursor:pointer; } + .nihilo table.dojoDndAvatar { -moz-border-radius: 0; border: 1px solid #ccc; border-collapse: collapse; background-color: #fff; font-size: 75%; color: black;} .nihilo .dojoDndAvatar td { border: none; } .nihilo .dojoDndAvatar tr { border: none; } diff --git a/lib/dijit/themes/nihilo/Dialog.css b/lib/dijit/themes/nihilo/Dialog.css index 1c2ff2e3d..4affeb866 100644 --- a/lib/dijit/themes/nihilo/Dialog.css +++ b/lib/dijit/themes/nihilo/Dialog.css @@ -1,33 +1,39 @@ +/* Dialog */ .nihilo .dijitDialog { background: #eee; border: 1px solid #d3d3d3; - -webkit-box-shadow: 0px 5px 10px #adadad; - padding: 0px; + -webkit-box-shadow: 0 5px 10px #adadad; + padding: 0; } + .nihilo .dijitDialog .dijitDialogTitle { - + /* typography and styling of the dialog title */ font-size: 0.9em; - color: #3243C5F; + color: #243C5F; font-weight: bold; - padding: 0px 4px; + padding: 0 4px; } + .nihilo .dijitDialog .dijitDialogPaneContent { background: #ffffff; border-top: 1px solid #d3d3d3; padding:10px; + } + .nihilo .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 */ } + .nihilo .dijitDialogCloseIcon { - + /* the default close icon for the dialog */ background-image: url("images/spriteRoundedIconsSmall.png"); background-repeat: no-repeat; - background-position: -60px 0px; + background-position: -60px 0; position: absolute; vertical-align: middle; right: 6px; @@ -41,49 +47,69 @@ .nihilo .dijitDialogCloseIconHover { background-position: -60px -15px; } + +/* Tooltip and TooltipDialog */ + .nihilo .dijitTooltip, .nihilo .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; } + .nihilo .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 #d3d3d3; padding:0.45em; } + .nihilo .dijitTooltipConnector { - - border:0px; + /* the arrow piece */ + border:0; z-index: 2; } + .nihilo .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; } + .nihilo .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 .nihilo .dijitTooltipBelow .dijitTooltipConnector { background-image: url("images/tooltipConnectorUp.gif"); } + .nihilo .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; @@ -95,16 +121,13 @@ .dj_ie6 .nihilo .dijitTooltipAbove .dijitTooltipConnector { bottom: -5px; } + .nihilo .dijitTooltipLeft { padding-right: 10px; } -.dj_ie6 .nihilo .dijitTooltipLeft { - padding-left: 11px; -} .nihilo .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; @@ -112,13 +135,13 @@ .dj_ie .nihilo .dijitTooltipLeft .dijitTooltipConnector { background-image: url("images/tooltipConnectorRight.gif"); } + .nihilo .dijitTooltipRight { padding-left: 10px; } .nihilo .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; @@ -126,3 +149,4 @@ .dj_ie .nihilo .dijitTooltipRight .dijitTooltipConnector { background-image: url("images/tooltipConnectorLeft.gif"); } + diff --git a/lib/dijit/themes/nihilo/Dialog_rtl.css b/lib/dijit/themes/nihilo/Dialog_rtl.css index 105d5040c..5e0cffc3d 100644 --- a/lib/dijit/themes/nihilo/Dialog_rtl.css +++ b/lib/dijit/themes/nihilo/Dialog_rtl.css @@ -1,3 +1,4 @@ +/* Dialog */ .dijitRtl .nihilo .dijitDialogTitleBar .dijitDialogCloseIcon { right: auto; diff --git a/lib/dijit/themes/nihilo/Editor.css b/lib/dijit/themes/nihilo/Editor.css index 77280d9af..108aae78c 100644 --- a/lib/dijit/themes/nihilo/Editor.css +++ b/lib/dijit/themes/nihilo/Editor.css @@ -1,13 +1,16 @@ .nihilo .dijitToolbar .dijitToolbarSeparator { - background: url('../../icons/images/editorIconsEnabled.png'); + background: url('../../icons/images/editorIconsEnabled.png'); /* separator in editor icons sprite image - enabled state */ } + +/**** ICONS *****/ + .nihilo .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; } .nihilo .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/nihilo/Editor_rtl.css b/lib/dijit/themes/nihilo/Editor_rtl.css index 37849a5bd..ca1cc0c86 100644 --- a/lib/dijit/themes/nihilo/Editor_rtl.css +++ b/lib/dijit/themes/nihilo/Editor_rtl.css @@ -1,7 +1,9 @@ - +/* Editor */ .dijitRtl .nihilo .dijitEditorIcon { - background-image: url('../../icons/images/editorIconsEnabled_rtl.png'); + background-image: url('../../icons/images/editorIconsEnabled_rtl.png'); /* editor icons sprite image - enabled state */ } .dijitRtl .nihilo .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/nihilo/Menu.css b/lib/dijit/themes/nihilo/Menu.css index b530a90b1..cad469863 100644 --- a/lib/dijit/themes/nihilo/Menu.css +++ b/lib/dijit/themes/nihilo/Menu.css @@ -1,37 +1,44 @@ +/* Menu */ .nihilo .dijitMenu, .nihilo .dijitMenuBar { border: 1px solid #d3d3d3; - margin: 0px; - padding: 0px; + margin: 0; + padding: 0; background-color: #fff; } + .nihilo .dijitBorderContainer .dijitMenuBar { border: 1px #ccc solid; } + .nihilo .dijitMenuItem { font-family: sans-serif; - margin: 0px; + margin: 0; color: #243C5F; } .nihilo .dijitMenuBar .dijitMenuItem { padding: 4px 5px; } + .nihilo .dijitMenuPreviousButton, .nihilo .dijitMenuNextButton { font-style: italic; } .nihilo .dijitMenuItem TD { padding:1px; } + .nihilo .dijitMenuPassive .dijitMenuItemHover, .nihilo .dijitMenuItemSelected { - background-color: #ffe284; + background-color: #ffe284; /* #95a0b0; #555555; #aaaaaa; #646464; #60a1ea; #848484; */ color: #243C5F; } + .nihilo .dijitMenuItemIcon { width: 15px; height: 15px; } + .nihilo .dijitMenuExpand { width:15px; height:15px; @@ -41,22 +48,30 @@ .dj_ie6 .nihilo .dijitMenuExpand { background-image:url('images/spriteRoundedIconsSmall.gif'); } + .nihilo .dijitMenuSeparator { height: 1px; } + +/* separator can be two pixels -- set border of either one to 0 to have only one */ .nihilo .dijitMenuSeparatorTop { - border-bottom: 1px solid #fff; + border-bottom: 1px solid #fff; /*97adcb; */ } + .nihilo .dijitMenuSeparatorBottom { border-top: 1px solid #d3d3d3; } + +/* the checked menu item */ .nihilo .dijitCheckedMenuItemIconChar { display: none; } + .nihilo .dijitCheckedMenuItemIcon { background-image: url('images/spriteCheckbox.gif'); background-position: -80px; } + .nihilo .dijitCheckedMenuItemChecked .dijitCheckedMenuItemIcon { background-position: -64px; -} +}
\ No newline at end of file diff --git a/lib/dijit/themes/nihilo/Menu_rtl.css b/lib/dijit/themes/nihilo/Menu_rtl.css index 06fccbf81..40b3b4124 100644 --- a/lib/dijit/themes/nihilo/Menu_rtl.css +++ b/lib/dijit/themes/nihilo/Menu_rtl.css @@ -1,8 +1,10 @@ +/* Menu */ .dijitRtl .nihilo .dijitMenuItem .dijitMenuItemIcon { padding-left: 3px; - padding-right: 0px; + padding-right: 0; } + .dijitRtl .nihilo .dijitMenuItem .dijitMenuExpand { - background-position: 0px top; -} + background-position: 0 top; +}
\ No newline at end of file diff --git a/lib/dijit/themes/nihilo/ProgressBar.css b/lib/dijit/themes/nihilo/ProgressBar.css index 7713aeb7c..6c50a7ef6 100644 --- a/lib/dijit/themes/nihilo/ProgressBar.css +++ b/lib/dijit/themes/nihilo/ProgressBar.css @@ -1,24 +1,33 @@ +/**** + dijit.ProgressBar + ****/ + .nihilo .dijitProgressBar { - margin:2px 0px 2px 0px; + margin:2px 0 2px 0; } + .nihilo .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: #f8d582 #f8d582 #f8d582 #f8d582; } + .nihilo .dijitProgressBarTile{ - + /* inner container for finished portion when in 'tile' (image) mode */ background:#f0f0f0 url("images/progressBarFull.png") repeat-x center center; } + .nihilo .dijitProgressBarFull { border-right:1px solid #f8d582; } + .nihilo .dijitProgressBarLabel { - + /* Set to a color that contrasts with both the "Empty" and "Full" parts. */ color:#293a4b; } + .nihilo .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/nihilo/TimePicker.css b/lib/dijit/themes/nihilo/TimePicker.css index 63157f29c..cffdbf55f 100644 --- a/lib/dijit/themes/nihilo/TimePicker.css +++ b/lib/dijit/themes/nihilo/TimePicker.css @@ -1,42 +1,51 @@ - +/* Time Picker */ .nihilo .dijitTimePickerTick, .nihilo .dijitTimePickerMarker { border-color: #eeeeee; } + .nihilo .dijitTimePickerTick { color:white; } + .nihilo .dijitTimePickerMarker { background:#d3d3d3 url("images/titleBar.png") repeat-x top; color:#293a4b; font-weight: bold; } + .nihilo .dijitTimePickerItemSelected { color: black; background: #ffe284 none; } + .nihilo .dijitTimePickerItemHover { background: #d6d6dd none; color:black; } + .nihilo .dijitTimePickerItemHover, .nihilo .dijitTimePickerItemSelected { position: relative; z-index: 10; } + .nihilo .dijitTimePickerTick .dijitTimePickerItemInner { font-size:0.4em; } + .nihilo .dijitTimePickerItemHover .dijitTimePickerItemInner, .nihilo .dijitTimePickerItemSelected .dijitTimePickerItemInner { font-size:1em; } + .nihilo .dijitTimePickerMarkerHover { border-top: 1px solid #eeeeee; } + .nihilo .dijitTimePickerTickHover, .nihilo .dijitTimePickerTickSelected { margin-top:-0.3em; margin-bottom:-0.3em; border-bottom: none; -} +}
\ No newline at end of file diff --git a/lib/dijit/themes/nihilo/TimePicker_rtl.css b/lib/dijit/themes/nihilo/TimePicker_rtl.css index a6c0a68e7..50848c3fb 100644 --- a/lib/dijit/themes/nihilo/TimePicker_rtl.css +++ b/lib/dijit/themes/nihilo/TimePicker_rtl.css @@ -1,4 +1,4 @@ .dj_ie6-rtl .nihilo .dijitTimePickerMarkerHover, .dj_ie7-rtl .nihilo .dijitTimePickerMarkerHover { - border-top: 0px; + border-top: 0; /* IE6/7 bug causes mouseover/out event storm */ } diff --git a/lib/dijit/themes/nihilo/TitlePane.css b/lib/dijit/themes/nihilo/TitlePane.css index 58ca8e56c..6d16ff940 100644 --- a/lib/dijit/themes/nihilo/TitlePane.css +++ b/lib/dijit/themes/nihilo/TitlePane.css @@ -1,3 +1,7 @@ +/** + * dijit.TitlePane + * + */ .nihilo .dijitTitlePaneTitle { background: #cccccc; @@ -11,14 +15,17 @@ .nihilo .dijitTitlePaneTitleHover { background: #f9f9f9 url("images/accordionItemActive.png") top repeat-x; } + .nihilo .dijitTitlePane .dijitOpen .dijitArrowNode, .nihilo .dijitTitlePane .dijitClosed .dijitArrowNode { width:15px; height:15px; } + .nihilo .dijitTitlePaneTextNode { color: #243C5F; } + .nihilo .dijitTitlePane .dijitClosed .dijitArrowNode { background: url('images/spriteRoundedIconsSmall.png') no-repeat -30px top; } @@ -31,15 +38,17 @@ .dj_ie6 .nihilo .dijitTitlePane .dijitOpen .dijitArrowNode { background:url('images/spriteRoundedIconsSmall.gif') no-repeat -15px top; } + .nihilo .dijitTitlePaneContentOuter { background: #ffffff; border:1px solid #bfbfbf; - border-top: 0px; + border-top: 0; } .nihilo .dijitTitlePaneContentInner { padding:10px; } + .nihilo .dijitTitlePaneTextNode { margin-left: 4px; margin-right: 4px; -} +}
\ No newline at end of file diff --git a/lib/dijit/themes/nihilo/TitlePane_rtl.css b/lib/dijit/themes/nihilo/TitlePane_rtl.css index a8aef8334..7b3ba21f2 100644 --- a/lib/dijit/themes/nihilo/TitlePane_rtl.css +++ b/lib/dijit/themes/nihilo/TitlePane_rtl.css @@ -1,6 +1,6 @@ .dijitRtl .nihilo .dijitTitlePane .dijitClosed .dijitArrowNode { - background-position: 0px top; + background-position: 0 top; } .dj_ie6-rtl .nihilo .dijitTitlePane .dijitClosed .dijitArrowNode { - background-position: 0px top; -} + background-position: 0 top; +}
\ No newline at end of file diff --git a/lib/dijit/themes/nihilo/Toolbar.css b/lib/dijit/themes/nihilo/Toolbar.css index aeee9e4ed..1c3e32702 100644 --- a/lib/dijit/themes/nihilo/Toolbar.css +++ b/lib/dijit/themes/nihilo/Toolbar.css @@ -2,32 +2,38 @@ border-bottom: 1px solid #ccc; background:#eaeaea url("images/titleBar.png") repeat-x top left; } + +/* setting a min-height on ditor toolbar */ .dj_ie6 .nihilo .dijitToolbar { height: 10px; } + .nihilo .dijitToolbar .dijitButtonNode, .nihilo .dijitToolbar .dijitComboButton .dijitButtonContents, .nihilo .dijitToolbar .dijitComboButton .dijitDownArrowButton { background: none; - margin: 0px; - padding: 0px; + margin: 0; + padding: 0; border: none; font-size: 12px; } + .nihilo .dijitToolbar .dijitButton, .nihilo .dijitToolbar .dijitToggleButton, .nihilo .dijitToolbar .dijitDropDownButton, .nihilo .dijitToolbar .dijitComboButton .dijitButtonContents, .nihilo .dijitToolbar .dijitComboButton .dijitDownArrowButton { background: none; - padding: 1px; + padding: 1px; /* on hover etc., margin replaced w/border */ } + .nihilo .dijitToolbar .dijitButtonChecked, .nihilo .dijitToolbar .dijitToggleButtonChecked { background-color:#ffeeb9; border:1px solid #f7c95c; padding: 0; } + .nihilo .dijitToolbar .dijitButtonCheckedHover, .nihilo .dijitToolbar .dijitToggleButtonCheckedHover { @@ -35,22 +41,25 @@ border:1px solid #f7c95c; padding: 0; } + .nihilo .dijitToolbar .dijitButtonHover, .nihilo .dijitToolbar .dijitToggleButtonHover, .nihilo .dijitToolbar .dijitDropDownButtonHover, .nihilo .dijitToolbar .dijitComboButton .dijitButtonContentsHover, .nihilo .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 #f7c95c; padding: 0; background-color:#ffe284; } + .nihilo .dijitToolbar label { padding: 3px 3px 0 6px; } + .dj_ie .nihilo .dijitToolbar .dijitComboButton .dijitButtonContentsFocused, .dj_ie .nihilo .dijitToolbar .dijitComboButton .dijitDownArrowButtonFocused { - + /* focus border doesn't appear on <td> for IE, so need to add it manually */ border: 1px #555 dotted !important; - padding: 0px; -} + padding: 0; +}
\ No newline at end of file diff --git a/lib/dijit/themes/nihilo/Tree.css b/lib/dijit/themes/nihilo/Tree.css index b0012be1e..a33b9696e 100644 --- a/lib/dijit/themes/nihilo/Tree.css +++ b/lib/dijit/themes/nihilo/Tree.css @@ -1,75 +1,100 @@ +/* Tree */ .nihilo .dijitTreeNode { background : url('images/treeI.gif') no-repeat; background-position : top left; background-repeat : repeat-y; - zoom: 1; + zoom: 1; } + +/* left vertical line (grid) for all nodes */ .nihilo .dijitTreeIsLast { background: url('images/treeI_half.gif') no-repeat; } + .nihilo .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; } + .nihilo .dijitTreeLabel { font-weight: normal; margin-left: 3px; } + .nihilo .dijitTreeIsRoot { margin-left: 0; background-image: none; } + .nihilo .dijitTreeExpando { width: 18px; height: 18px; } + .nihilo .dijitTreeRow { - + /* so insert line shows up on IE when dropping after a target element */ padding-bottom: 2px; } + .nihilo .dijitTreeContent { min-height: 18px; min-width: 18px; padding-left:1px; } + .nihilo .dijitTreeExpandoOpened { background: url('images/spriteTree.gif') no-repeat -18px top; } + .nihilo .dijitTreeExpandoClosed { background-image: url('images/spriteTree.gif'); } + .nihilo .dijitTreeExpandoLeaf { background: url('images/spriteTree.gif') no-repeat -36px top; } + .nihilo .dijitTreeExpandoLoading { background-image: url('images/treeExpand_loading.gif'); } + .nihilo .dijitTreeIcon { width: 16px; height: 16px; } + .nihilo .dijitFolderOpened { background: url('images/spriteDivIcons.gif') no-repeat -16px top; } + .nihilo .dijitFolderClosed { background: url('images/spriteDivIcons.gif') no-repeat top left; } + .nihilo .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" + */ .nihilo .dijitTreeNode .dojoDndItemBefore, .nihilo .dijitTreeNode .dojoDndItemAfter { border-bottom: none; border-top: none; } + .nihilo .dijitTreeNode .dojoDndItemBefore .dijitTreeContent { - + /* copied from Common.css */ border-top: 2px solid #369; } + .nihilo .dijitTreeNode .dojoDndItemAfter .dijitTreeContent { - + /* copied from Common.css */ border-bottom: 2px solid #369; -} +}
\ No newline at end of file diff --git a/lib/dijit/themes/nihilo/Tree_rtl.css b/lib/dijit/themes/nihilo/Tree_rtl.css index 6a7a889ba..4462ed1bf 100644 --- a/lib/dijit/themes/nihilo/Tree_rtl.css +++ b/lib/dijit/themes/nihilo/Tree_rtl.css @@ -1,18 +1,22 @@ +/* Tree */ .dijitRtl .nihilo .dijitTreeNode, .dijitRtl .nihilo .dijitTreeExpandoLeaf { - + /* disable grid lines for Tree in RTL mode, too hard to support */ background-image: none; } + .dijitRtl .nihilo .dijitTreeContent { - padding-left: 0px; + padding-left: 0; padding-right: 1px; } + .dijitRtl .nihilo .dijitTreeExpandoOpened { - + /* todo: icon contains grid line but grid lines disabled above */ background: url('images/spriteTree_rtl.gif') no-repeat -18px top; } + .dijitRtl .nihilo .dijitTreeExpandoClosed { - + /* todo: icon contains grid line but grid lines disabled above */ background-image: url('images/spriteTree_rtl.gif'); } diff --git a/lib/dijit/themes/nihilo/form/Button.css b/lib/dijit/themes/nihilo/form/Button.css index b1ea84e96..0be9ea4a3 100644 --- a/lib/dijit/themes/nihilo/form/Button.css +++ b/lib/dijit/themes/nihilo/form/Button.css @@ -1,28 +1,42 @@ +/***** + 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) + *****/ + .nihilo .dijitButtonNode { - - + /* enabled state - inner */ + /* border:1px outset #a0a0a0; */ border:1px solid #dedede; border-bottom:1px solid #dedede; padding: 0.1em 0.2em 0.2em 0.2em; background: #fff url("../images/buttonEnabled.png") repeat-x top left; } + .nihilo .dijitSelect .dijitButtonContents { border-right: none; } + .nihilo .dijitButtonText { text-align: center; padding: 0 0.3em; } + .nihilo .dijitComboBox .dijitButtonNode { - border-width: 0px 0px 0px 1px; + border-width: 0 0 0 1px; } + .nihilo .dijitArrowButton { color: #111; } + .nihilo .dijitComboButton .dijitDownArrowButton { padding-right:4px; } + .nihilo .dijitComboBoxReadOnly, .nihilo .dijitSpinnerReadOnly, .nihilo .dijitSpinnerReadOnly .dijitButtonNode, @@ -33,7 +47,7 @@ .nihilo .dijitComboBoxDisabled, .nihilo .dijitSpinnerDisabled, .nihilo .dijitSpinnerDisabled .dijitButtonNode { - + /* disabled state - inner */ border-color: #dedede; background:#fafafa url("../images/buttonDisabled.png") top repeat-x; opacity: 0.60; @@ -42,9 +56,11 @@ .dj_ie7 .nihilo .dijitReadOnly INPUT, .dj_ie6 .nihilo .dijitComboButtonDisabled .dijitButtonText, .dj_ie7 .nihilo .dijitComboButtonDisabled .dijitButtonText { - + /* opacity doesn't work on table node in IE, work around here */ color: #aaa; } + + .nihilo .dijitButtonHover .dijitButtonNode, .nihilo .dijitButtonNodeHover, .nihilo .dijitToggleButtonHover .dijitButtonNode, @@ -52,11 +68,12 @@ .nihilo .dijitButtonContentsHover, .nihilo .dijitDownArrowButtonHover, .nihilo .dijitUpArrowButtonHover { - - + /* hover state - inner */ + /* TODO: change from Hover to Selected so that button is still highlighted while drop down is being used */ color:#243C5F; background:#fcfcfc url("../images/buttonHover.png") repeat-x top left; } + .nihilo .dijitUpArrowButtonActive, .nihilo .dijitDownArrowButtonActive, .nihilo .dijitButtonActive .dijitButtonNode, @@ -64,14 +81,18 @@ .nihilo .dijitDropDownButtonActive .dijitButtonNode, .nihilo .dijitComboButton .dijitButtonContentsActive, .nihilo .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:#dedede; background: #f5f5f5 url("../images/buttonActive.png") top left repeat-x; } + + .nihilo .dijitArrowButtonInner { background-image: url("../images/spriteArrows.png"); background-repeat: no-repeat; - background-position: 0px center; + background-position: 0 center; width: 11px; height: 11px; } @@ -88,10 +109,10 @@ background-image: url("../images/spriteArrows.gif"); } .dj_webkit .nihilo .dijitSpinner .dijitUpArrowButton .dijitArrowButtonInner { - margin-top: -1px; + margin-top: -1px; /* image has too many blank pixels on top */ } .dj_ie .nihilo .dijitSpinner .dijitUpArrowButton .dijitArrowButtonInner { - margin-top: 1px; + margin-top: 1px; /* image has too many blank pixels on top */ } .nihilo .dijitSpinnerButtonContainer { width: auto; diff --git a/lib/dijit/themes/nihilo/form/Button_rtl.css b/lib/dijit/themes/nihilo/form/Button_rtl.css index 3a7acc04c..60d4c4da4 100644 --- a/lib/dijit/themes/nihilo/form/Button_rtl.css +++ b/lib/dijit/themes/nihilo/form/Button_rtl.css @@ -1,7 +1,8 @@ .dijitRtl .nihilo .dijitComboBox .dijitButtonNode { - border-width: 0px 0px 0px 1px; + border-width: 0 0 0 1px; } .dijitRtl .nihilo .dijitSelect .dijitButtonContents { border-left: none; border-right-width: 1px; } + diff --git a/lib/dijit/themes/nihilo/form/Checkbox.css b/lib/dijit/themes/nihilo/form/Checkbox.css index ceee44ffe..260666f99 100644 --- a/lib/dijit/themes/nihilo/form/Checkbox.css +++ b/lib/dijit/themes/nihilo/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 +*/ + .nihilo .dijitToggleButton .dijitCheckBox, .nihilo .dijitToggleButton .dijitCheckBoxIcon { background-image: url('../images/spriteCheckbox.gif'); } + .nihilo .dijitCheckBox, -.nihilo .dijitCheckBoxIcon { - background-image: url('../images/spriteCheckbox.gif'); +.nihilo .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; } + .nihilo .dijitCheckBox, .nihilo .dijitToggleButton .dijitCheckBoxIcon { - + /* unchecked */ background-position: -16px; } + .nihilo .dijitCheckBoxChecked, .nihilo .dijitToggleButtonChecked .dijitCheckBoxIcon { - - background-position: 0px; + /* checked */ + background-position: 0; } + .nihilo .dijitCheckBoxDisabled { - + /* disabled */ background-position: -48px; } + .nihilo .dijitCheckBoxCheckedDisabled { - + /* disabled but checked */ background-position: -32px; } + .nihilo .dijitCheckBoxHover { - + /* hovering over an unchecked enabled checkbox */ background-position: -80px; } + .nihilo .dijitCheckBoxCheckedHover { - + /* hovering over a checked enabled checkbox */ background-position: -64px; -} +}
\ No newline at end of file diff --git a/lib/dijit/themes/nihilo/form/Common.css b/lib/dijit/themes/nihilo/form/Common.css index fab63eba8..65dddc637 100644 --- a/lib/dijit/themes/nihilo/form/Common.css +++ b/lib/dijit/themes/nihilo/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) + ****/ + .nihilo .dijitInputContainer INPUT, .nihilo .dijitTextBox { - margin: 0em 0.1em; + margin: 0 0.1em; } + .nihilo .dijitTextBox, .nihilo .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 #d3d3d3; } + .nihilo .dijitComboBox .dijitButtonNode { padding: 0 0.2em !important; } .nihilo .dijitTextBox .dijitButtonNode { - + /* line between the input area and the drop down button */ border-color: #d3d3d3; } + .nihilo .dijitTextBoxFocused, .nihilo .dijitTextAreaFocused { - + /* input field when focused (ie: typing affects it) */ border-color:#b3b3b3; } .nihilo .dijitTextBoxFocused .dijitButtonNode, @@ -32,20 +49,26 @@ .nihilo .dijitSpinner .dijitDownArrowButtonActive { border-top-color:#d3d3d3; } + .nihilo .dijitError { border-color:#b3b3b3; background-color:#f9f7ba; background-image:none; } + .nihilo .dijitErrorFocused { background-color:#ff6; background-image:none; } + +/* Validation errors */ .nihilo .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. */ .nihilo .dijitComboBoxHighlightMatch { background-color:#d3d3d3; } diff --git a/lib/dijit/themes/nihilo/form/RadioButton.css b/lib/dijit/themes/nihilo/form/RadioButton.css index c876f590e..d0dba3020 100644 --- a/lib/dijit/themes/nihilo/form/RadioButton.css +++ b/lib/dijit/themes/nihilo/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 +*/ .nihilo .dijitToggleButton .dijitRadio, .nihilo .dijitToggleButton .dijitRadioIcon { background-image: url('../images/spriteRadio.gif'); } + .nihilo .dijitRadio, -.nihilo .dijitRadioIcon { - background-image: url('../images/spriteRadio.gif'); +.nihilo .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; } + .nihilo .dijitRadio, .nihilo .dijitToggleButton .dijitRadioIcon { - + /* unselected */ background-position: -16px; } + .nihilo .dijitRadioChecked, .nihilo .dijitToggleButtonChecked .dijitRadioIcon { - - background-position: 0px; + /* selected */ + background-position: 0; } + .nihilo .dijitRadioDisabled { - + /* unselected and disabled */ background-position: -48px; } + .nihilo .dijitRadioCheckedDisabled { - + /* selected but disabled */ background-position: -32px; } + .nihilo .dijitRadioHover { - + /* hovering over an unselected enabled radio button */ background-position: -80px; } + .nihilo .dijitRadioCheckedHover { - + /* hovering over a selected enabled radio button */ background-position: -64px; -} +}
\ No newline at end of file diff --git a/lib/dijit/themes/nihilo/form/Select.css b/lib/dijit/themes/nihilo/form/Select.css index af811f50e..61967e550 100644 --- a/lib/dijit/themes/nihilo/form/Select.css +++ b/lib/dijit/themes/nihilo/form/Select.css @@ -1,6 +1,8 @@ .nihilo .dijitSelect .dijitButtonNode { - padding: 0px; + padding: 0; } + +/* Make unselected "look" more like a text box and less like a button */ .nihilo .dijitSelect .dijitButtonContents { padding-top: 1px; background:#fff url("../images/validationInputBg.png") repeat-x top left; @@ -14,11 +16,14 @@ background: transparent none; } .dj_ie .nihilo .dijitSelect .dijitButtonContents { - padding-top: 0px; + padding-top: 0; } + .nihilo .dijitSelect .dijitArrowButton { - padding: 0px 2px; + padding: 0 2px; } + +/* Mirror DropDownButton */ .nihilo .dijitSelectDisabled .dijitButtonNode { border-color: #dedede; background:#fafafa url("../images/buttonDisabled.png") top repeat-x; @@ -26,19 +31,24 @@ .dj_ie .nihilo .dijitSelectDisabled .dijitButtonNode * { filter: gray() alpha(opacity=50); } + .nihilo .dijitSelectHover .dijitButtonNode { color:#000; background:#fcfcfc url("../images/buttonHover.png") repeat-x top left; } + .nihilo .dijitSelectActive .dijitButtonNode, .nihilo .dijitSelectOpened .dijitButtonNode { border-color:#dedede; background: #f5f5f5 url("../images/buttonActive.png") top left repeat-x; } + +/* Make the menu look more combobox-like */ .nihilo .dijitSelectMenu td { - padding: 0em; + padding: 0; } .nihilo .dijitSelectMenu .dijitMenuItemLabel, .nihilo .dijitSelectMenu .dijitMenuArrowCell { padding: 0.1em 0.2em; } + diff --git a/lib/dijit/themes/nihilo/form/Slider.css b/lib/dijit/themes/nihilo/form/Slider.css index 6458e89f0..16bcd0980 100644 --- a/lib/dijit/themes/nihilo/form/Slider.css +++ b/lib/dijit/themes/nihilo/form/Slider.css @@ -1,38 +1,49 @@ +/**** + SLIDER +****/ + .nihilo .dijitSliderProgressBarH { border-color: #aab0bb; background: #c0c2c5 url("../images/sliderFull.png") repeat-x top left; } + .nihilo .dijitSliderProgressBarV { border-color: #aab0bb; background: #c0c2c5 url("../images/sliderFullVertical.png") repeat-y bottom left; } + .nihilo .dijitSliderFocused .dijitSliderProgressBarH, .nihilo .dijitSliderFocused .dijitSliderLeftBumper { background-image:url("../images/sliderFullFocus.png"); } + .nihilo .dijitSliderFocused .dijitSliderProgressBarV, .nihilo .dijitSliderFocused .dijitSliderBottomBumper { background-image:url("../images/sliderFullVerticalFocus.png"); } + .nihilo .dijitSliderRemainingBarV { border-color: #b4b4b4; background: #dcdcdc url("../images/sliderEmptyVertical.png") repeat-y bottom left; } + .nihilo .dijitSliderRemainingBarH { border-color: #b4b4b4; background: #dcdcdc url("../images/sliderEmpty.png") repeat-x top left; } + .nihilo .dijitSliderBar { border-style: solid; outline:1px; - + /* border-color: #b4b4b4; */ } .nihilo .dijitSliderFocused .dijitSliderBar { border-color:#727272; } + .nihilo .dijitSliderImageHandleH { - border:0px; + border:0; width:15px; height:18px; background:url("../images/preciseSliderThumb.png") no-repeat center top; @@ -42,37 +53,44 @@ background-image:url("../images/preciseSliderThumbFocus.png"); #background-image:url("../images/preciseSliderThumbFocus.gif"); } + .nihilo .dijitSliderLeftBumper { border-left-width: 1px; border-color: #aab0bb; background: #c0c2c5 url("../images/sliderFull.png") repeat-x top left; } + .nihilo .dijitSliderRightBumper { background: #dcdcdc url("../images/sliderEmpty.png") repeat-x top left; border-color: #b4b4b4; border-right-width: 1px; } + .nihilo .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; } + .nihilo .dijitSliderFocused .dijitSliderImageHandleV { background-image:url("../images/sliderThumbFocus.png"); #background-image:url("../images/sliderThumbFocus.gif"); } + .nihilo .dijitSliderBottomBumper { border-bottom-width: 1px; border-color: #aab0bb; background: #c0c2c5 url("../images/sliderFullVertical.png") repeat-y bottom left; } + .nihilo .dijitSliderTopBumper { background: #dcdcdc url("../images/sliderEmptyVertical.png") repeat-y top left; border-color: #b4b4b4; border-top-width: 1px; } + .nihilo .dijitSliderIncrementIconH, .nihilo .dijitSliderIncrementIconV { background:url('../images/spriteRoundedIconsSmall.png') no-repeat -45px top; @@ -83,6 +101,7 @@ background:url('../images/spriteRoundedIconsSmall.png') no-repeat -30px top; #background:url('../images/spriteRoundedIconsSmall.gif') no-repeat -30px top; } + .nihilo .dijitSliderDecrementIconH, .nihilo .dijitSliderDecrementIconV { width:15px; @@ -91,12 +110,14 @@ #background:url('../images/spriteRoundedIconsSmall.gif') no-repeat -15px top; } .nihilo .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; } + .nihilo .dijitSliderButtonInner { visibility:hidden; } + .nihilo .dijitSliderReadOnly *, .nihilo .dijitSliderDisabled * { border-color: #d5d5d5 #bdbdbd #bdbdbd #d5d5d5; @@ -104,7 +125,7 @@ } .nihilo .dijitSliderReadOnly .dijitSliderDecrementIconH, .nihilo .dijitSliderDisabled .dijitSliderDecrementIconH { - background-position: 0px -15px; + background-position: 0 -15px; } .nihilo .dijitSliderReadOnly .dijitSliderIncrementIconH, .nihilo .dijitSliderDisabled .dijitSliderIncrementIconH { @@ -117,4 +138,4 @@ .nihilo .dijitSliderReadOnly .dijitSliderIncrementIconV, .nihilo .dijitSliderDisabled .dijitSliderIncrementIconV { background-position: -45px -15px; -} +}
\ No newline at end of file diff --git a/lib/dijit/themes/nihilo/form/Slider_rtl.css b/lib/dijit/themes/nihilo/form/Slider_rtl.css index fc40452de..1523d4a96 100644 --- a/lib/dijit/themes/nihilo/form/Slider_rtl.css +++ b/lib/dijit/themes/nihilo/form/Slider_rtl.css @@ -1,4 +1,6 @@ +/* Slider */ + .dijitRtl .nihilo .dijitSliderProgressBarH, .dijitRtl .nihilo .dijitSliderRemainingBarH, .dijitRtl .nihilo .dijitSliderLeftBumper, @@ -6,23 +8,28 @@ .dijitRtl .nihilo .dijitSliderTopBumper { background-position: top right; } + .dijitRtl .nihilo .dijitSliderProgressBarV, .dijitRtl .nihilo .dijitSliderRemainingBarV, .dijitRtl .nihilo .dijitSliderBottomBumper { background-position: bottom right; } + .dijitRtl .nihilo .dijitSliderLeftBumper { - border-left-width: 0px; + border-left-width: 0; border-right-width: 1px; } + .dijitRtl .nihilo .dijitSliderRightBumper { border-left-width: 1px; - border-right-width: 0px; + border-right-width: 0; } + .dijitRtl .nihilo .dijitSliderIncrementIconH { background:url('../images/spriteRoundedIconsSmall.png') no-repeat left top; #background:url('../images/spriteRoundedIconsSmall.gif') no-repeat left top; } + .dijitRtl .nihilo .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/nihilo/form/TimeTextBox.css b/lib/dijit/themes/nihilo/form/TimeTextBox.css index d450925b4..bf67b66d0 100644 --- a/lib/dijit/themes/nihilo/form/TimeTextBox.css +++ b/lib/dijit/themes/nihilo/form/TimeTextBox.css @@ -1 +1 @@ -@CHARSET "UTF-8"; +@CHARSET "UTF-8";
\ No newline at end of file diff --git a/lib/dijit/themes/nihilo/layout/AccordionContainer.css b/lib/dijit/themes/nihilo/layout/AccordionContainer.css index a74b01a2e..f42db806c 100644 --- a/lib/dijit/themes/nihilo/layout/AccordionContainer.css +++ b/lib/dijit/themes/nihilo/layout/AccordionContainer.css @@ -1,8 +1,15 @@ +/** + * dijit.layout.Accordioncontainer + * + */ .nihilo .dijitAccordionContainer { border-color: #ccc; background-color: #fff; } + +/* common */ + .nihilo .dijitAccordionTitle { background:#fafafa url("../images/titleBar.png") repeat-x top left; border-top: 1px solid #dedede; @@ -11,6 +18,7 @@ font-weight: bold; color: #6d6d6d; } + .nihilo .dijitAccordionTitleSelected { background: #f9f9f9 url("../images/accordionItemActive.png") top repeat-x; font-weight: bold; @@ -19,16 +27,19 @@ padding: 5px 4px 5px 8px; color: #243C5F; } + .nihilo .dijitAccordionArrow { background:url("../images/spriteRoundedIconsSmall.gif") no-repeat -30px top; width:15px; height:15px; margin-top:-1px; } + .nihilo .dijitAccordionTitleSelected .dijitAccordionArrow { background:url("../images/spriteRoundedIconsSmall.gif") no-repeat -15px top; margin-top:-1px; } + .nihilo .dijitAccordionText { margin-left: 4px; margin-right: 4px; diff --git a/lib/dijit/themes/nihilo/layout/AccordionContainer_rtl.css b/lib/dijit/themes/nihilo/layout/AccordionContainer_rtl.css index b71afbacf..f669a4753 100644 --- a/lib/dijit/themes/nihilo/layout/AccordionContainer_rtl.css +++ b/lib/dijit/themes/nihilo/layout/AccordionContainer_rtl.css @@ -1,7 +1,8 @@ .dijitRtl .nihilo .dijitAccordionArrow { - background-position: 0px top; + background-position: 0 top; } + .dijitRtl .nihilo .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/nihilo/layout/BorderContainer.css b/lib/dijit/themes/nihilo/layout/BorderContainer.css index 29fcc39da..493da54e1 100644 --- a/lib/dijit/themes/nihilo/layout/BorderContainer.css +++ b/lib/dijit/themes/nihilo/layout/BorderContainer.css @@ -1,53 +1,70 @@ +/** + * dijit.layout.BorderContainer + * + */ .nihilo .dijitBorderContainer { background-color: #fcfcfc; padding: 5px; } + .nihilo .dijitSplitContainer-child, .nihilo .dijitBorderContainer-child { - + /* By default, put borders on all children of BorderContainer, + * to give illusion of borders on the splitters themselves. + */ border: 1px #ccc solid; } + .nihilo .dijitBorderContainer-dijitTabContainerTop, .nihilo .dijitBorderContainer-dijitTabContainerBottom, .nihilo .dijitBorderContainer-dijitTabContainerLeft, .nihilo .dijitBorderContainer-dijitTabContainerRight { - + /* except that TabContainer defines borders on it's sub-nodes (tablist and dijitTabPaneWrapper), + * so override rule setting border on domNode + */ border: none; } + .nihilo .dijitBorderContainer-dijitBorderContainer { - + /* also, make nested BorderContainers look like a single big widget with lots of splitters */ border: none; - padding: 0px; + padding: 0; } + .nihilo .dijitSplitterH, .nihilo .dijitGutterH { background:#FCFCFC; border:0; - border-left:0px solid #d3d3d3; - border-right:0px solid #d3d3d3; + border-left:0 solid #d3d3d3; + border-right:0 solid #d3d3d3; height:5px; } + .nihilo .dijitSplitterH .dijitSplitterThumb { background:#8BA0BD none; height:1px; top:2px; width:19px; } + .nihilo .dijitSplitterV, .nihilo .dijitGutterV { background:#FCFCFC; border:0; - border-top:0px solid #d3d3d3; - border-bottom:0px solid #d3d3d3; + border-top:0 solid #d3d3d3; + border-bottom:0 solid #d3d3d3; width:5px; } + .nihilo .dijitSplitterV .dijitSplitterThumb { background:#8BA0BD none; height:19px; left:2px; width:1px; } + +/* active splitter */ .nihilo .dijitSplitterActive { font-size: 1px; background-image: none; @@ -56,4 +73,4 @@ opacity: 0.6; filter: Alpha(Opacity=60); margin: 0; -} +}
\ No newline at end of file diff --git a/lib/dijit/themes/nihilo/layout/ContentPane.css b/lib/dijit/themes/nihilo/layout/ContentPane.css index 2bd0a191b..75272db5a 100644 --- a/lib/dijit/themes/nihilo/layout/ContentPane.css +++ b/lib/dijit/themes/nihilo/layout/ContentPane.css @@ -1,7 +1,10 @@ +/* ContentPane */ .nihilo .dijitContentPane { - padding: 0px; + padding: 0; } + +/* nested layouts */ .nihilo .dijitTabContainerTop-dijitContentPane, .nihilo .dijitTabContainerLeft-dijitContentPane, .nihilo .dijitTabContainerRight-dijitContentPane, @@ -10,8 +13,9 @@ background-color: #fff; padding: 5px; } + .nihilo .dijitSplitContainer-dijitContentPane, .nihilo .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/nihilo/layout/SplitContainer.css b/lib/dijit/themes/nihilo/layout/SplitContainer.css index 79d8fbdde..9f4defadd 100644 --- a/lib/dijit/themes/nihilo/layout/SplitContainer.css +++ b/lib/dijit/themes/nihilo/layout/SplitContainer.css @@ -1,27 +1,34 @@ +/** + * dijit.layout.SplitContainer + * + */ .nihilo .dijitSplitContainerSizerH { background:url("../images/splitContainerSizerV.png") repeat-y #fff; border:0; - border-left:0px solid #d3d3d3; - border-right:0px solid #d3d3d3; + border-left:0 solid #d3d3d3; + border-right:0 solid #d3d3d3; width:5px; } + .nihilo .dijitSplitContainerSizerH .thumb { background:url("../images/splitContainerSizerV-thumb.png") no-repeat; left:1px; width:2px; height:19px; } + .nihilo .dijitSplitContainerSizerV { background:url("../images/splitContainerSizerH.png") repeat-x #fff; border:0; - border-top:0px solid #d3d3d3; - border-bottom:0px solid #d3d3d3; + border-top:0 solid #d3d3d3; + border-bottom:0 solid #d3d3d3; height:2px; } + .nihilo .dijitSplitContainerSizerV .thumb { background:url("../images/splitContainerSizerH-thumb.png") no-repeat; top:1px; width:19px; height:5px; -} +}
\ No newline at end of file diff --git a/lib/dijit/themes/nihilo/layout/TabContainer.css b/lib/dijit/themes/nihilo/layout/TabContainer.css index 3652f229b..21266577e 100644 --- a/lib/dijit/themes/nihilo/layout/TabContainer.css +++ b/lib/dijit/themes/nihilo/layout/TabContainer.css @@ -1,133 +1,99 @@ +/** + * 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 + */ +@import url("../Menu.css"); + +/* Classes for all types of tabs (top/bottom/left/right) */ -.nihilo .dijitMenu, -.nihilo .dijitMenuBar { - border: 1px solid #d3d3d3; - margin: 0px; - padding: 0px; - background-color: #fff; -} -.nihilo .dijitBorderContainer .dijitMenuBar { - border: 1px #ccc solid; -} -.nihilo .dijitMenuItem { - font-family: sans-serif; - margin: 0px; - color: #243C5F; -} -.nihilo .dijitMenuBar .dijitMenuItem { - padding: 4px 5px; -} -.nihilo .dijitMenuPreviousButton, .nihilo .dijitMenuNextButton { - font-style: italic; -} -.nihilo .dijitMenuItem TD { - padding:1px; -} -.nihilo .dijitMenuPassive .dijitMenuItemHover, -.nihilo .dijitMenuItemSelected { - background-color: #ffe284; - color: #243C5F; -} -.nihilo .dijitMenuItemIcon { - width: 15px; - height: 15px; -} -.nihilo .dijitMenuExpand { - width:15px; - height:15px; - background-image: url(../images/spriteRoundedIconsSmall.png); - background-position: -30px top; -} -.dj_ie6 .nihilo .dijitMenuExpand { - background-image:url(../images/spriteRoundedIconsSmall.gif); -} -.nihilo .dijitMenuSeparator { - height: 1px; -} -.nihilo .dijitMenuSeparatorTop { - border-bottom: 1px solid #fff; -} -.nihilo .dijitMenuSeparatorBottom { - border-top: 1px solid #d3d3d3; -} -.nihilo .dijitCheckedMenuItemIconChar { - display: none; -} -.nihilo .dijitCheckedMenuItemIcon { - background-image: url(../images/spriteCheckbox.gif); - background-position: -80px; -} -.nihilo .dijitCheckedMenuItemChecked .dijitCheckedMenuItemIcon { - background-position: -64px; -} .nihilo .dijitTabContainer .tabStripRBtn { margin-right: 21px; } .nihilo .dijitTabContainer .tabStripLBtn { margin-left: 21px; } + .nihilo .dijitTabContainerBottom .nowrapTabStrip .dijitTab { - top: 0px; + top: 0; } + +/* Tabs, shared classes */ .nihilo .dijitTabPaneWrapper { background:#fff; border:1px solid #ccc; margin: 0; padding: 0; } + .nihilo .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; } + .nihilo .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: #6d6d6d; border-bottom: 1px #ccc solid; } + .nihilo .dijitTabInnerDiv .dijitTabContent { padding:3px 3px 3px 4px; background: url("../images/tabContainerSprite.gif") repeat-x 0 -350px; position: relative; } + +/* hovered tab */ .nihilo .dijitTabHover { color: #243C5F; - background: url("../images/tabContainerSprite.gif") no-repeat 0px -150px; + background: url("../images/tabContainerSprite.gif") no-repeat 0 -150px; } + .nihilo .dijitTabHover .dijitTabInnerDiv { background: url("../images/tabContainerSprite.gif") no-repeat right -250px; } + .nihilo .dijitTabHover .dijitTabInnerDiv .dijitTabContent { background: url("../images/tabContainerSprite.gif") repeat-x 0 -200px; } + +/* checked tab*/ .nihilo .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; } + .nihilo .dijitTabChecked .dijitTabInnerDiv { background: url("../images/tabContainerSprite.gif") no-repeat right -100px; } + .nihilo .dijitTabChecked .dijitTabInnerDiv .dijitTabContent { background: url("../images/tabContainerSprite.gif") repeat-x 0 -50px; color: #243C5F !important; } + +/* Nested Tabs */ .nihilo .dijitTabContainerNested .dijitTabListWrapper { height: auto; } + .nihilo .dijitTabContainerTabListNested { background: #FDFDFD; border: none; - margin-bottom: 0px; + margin-bottom: 0; /* override margin: -1px; */ } .nihilo .dijitTabContainerTabListNested .dijitTab { background: none; border: none; - top: 0px; + top: 0; /* override top:1px setting of top-level tabs */ } .nihilo .dijitTabContainerTabListNested .dijitTab .dijitTabInnerDiv, .nihilo .dijitTabContainerTabListNested .dijitTab .dijitTabContent { @@ -141,19 +107,23 @@ font-weight: bold; } .nihilo .dijitTabContainerSpacerNested { - - height: 0px; - border-bottom: 0px; + /* thinner line between tab (labels) and content */ + height: 0; + border-bottom: 0; } .nihilo .dijitTabPaneWrapperNested { - border: none; + border: none; /* prevent double border */ } + + +/* Close button */ .nihilo .dijitTabCloseButton { background: url("../images/spriteRoundedIconsSmall.png") no-repeat -60px top; width: 15px; height: 15px; margin-top: -1px; } + .dj_ie6 .nihilo .dijitTabCloseButton { background: url("../images/spriteRoundedIconsSmall.gif") no-repeat -60px top; } @@ -163,40 +133,42 @@ .dj_ie6 .nihilo .dijitTabCloseButtonHover { background: url("../images/spriteRoundedIconsSmall.gif") no-repeat -60px -15px; } -.nihilo .dijitTab .tabLabel { - - min-height: 15px; - display: inline-block; -} -.dj_ie6 .nihilo .dijitTabButtonIcon { - - height: 18px; - width: 1px; -} + +/* ================================ */ +/* top tabs */ .nihilo .dijitTabContainerTop-tabs { border-bottom: none; padding-bottom: 1px; background-position: bottom; padding-left: 3px; } + .dj_ie6 .nihilo .dijitTabListContainer-top, .dj_ie7 .nihilo .dijitTabListContainer-top { z-index: 3; } + .dj_ie6 .nihilo .dijitTabContainerTop-tabs, .dj_ie7 .nihilo .dijitTabContainerTop-tabs { border-bottom: 1px solid #ccc; - padding-bottom: 0px; + padding-bottom: 0; } + .nihilo .dijitTabContainerTopNoStrip { padding-top: 3px; } + +/* top container */ .nihilo .dijitTabContainerTop-container { border-top: none; } + +/* checked tabs */ .nihilo .dijitTabContainerTop-tabs .dijitTabChecked { border-bottom-color: #f8f8f8; } + +/* strip */ .nihilo .dijitTabContainer .dijitTabContainerTopStrip { border-bottom: none; padding-top: 1px; @@ -206,77 +178,105 @@ border-right: 1px solid #CCC; border-left: 1px solid #CCC; } + + +/* ================================ */ +/* bottom tabs */ .nihilo .dijitTabContainerBottom-tabs { border-top: none; background-position: top; padding-left: 3px; } + .dj_ie6 .nihilo .dijitTabListContainer-bottom, .dj_ie7 .nihilo .dijitTabListContainer-bottom { z-index: 3; } + .dj_ie6 .nihilo .dijitTabContainerBottom-tabs, .dj_ie7 .nihilo .dijitTabContainerBottom-tabs { border-top: 1px solid #ccc; margin-top: -1px; } + +/* bottom container */ .nihilo .dijitTabContainerBottom-container { border-bottom: none; } + .nihilo .dijitTabContainerBottom-tabs .dijitTab { border-bottom: none; border-top: 1px solid #ccc; background: url("../images/tabBottomEnabledSpriteLR.gif") no-repeat bottom left; } + +/* checked tabs */ .nihilo .dijitTabContainerBottom-tabs .dijitTabChecked { border-top-color: #f8f8f8; } + .nihilo .dijitTabContainerBottom-tabs .dijitTabInnerDiv .dijitTabContent { padding-top: 3px; padding-bottom: 3px; background: url("../images/tabBottomEnabledC.gif") repeat-x bottom left; } + .nihilo .dijitTabContainerBottom-tabs .dijitTabInnerDiv { background: url("../images/tabBottomEnabledSpriteLR.gif") no-repeat bottom right; } + .nihilo .dijitTabContainerBottom-tabs .dijitTabHover { color: #243C5F; background: url("../images/tabBottomHoverSpriteLR.gif") no-repeat bottom left; } + .nihilo .dijitTabContainerBottom-tabs .dijitTabHover .dijitTabInnerDiv { background: url("../images/tabBottomHoverSpriteLR.gif") no-repeat bottom right; } + .nihilo .dijitTabContainerBottom-tabs .dijitTabHover .dijitTabInnerDiv .dijitTabContent { background: url("../images/tabBottomHoverC.gif") repeat-x bottom left; } + .nihilo .dijitTabContainerBottom-tabs .dijitTabChecked { - + /* the selected tab (with or without hover) */ background: url("../images/tabBottomActiveSpriteLR.gif") no-repeat bottom left; } + .nihilo .dijitTabContainerBottom-tabs .dijitTabChecked .dijitTabInnerDiv { background: url("../images/tabBottomActiveSpriteLR.gif") no-repeat bottom right; } + .nihilo .dijitTabContainerBottom-tabs .dijitTabChecked .dijitTabInnerDiv .dijitTabContent { background: url("../images/tabBottomActiveC.gif") repeat-x bottom left; } + +/* strip */ .nihilo .dijitTabContainer .dijitTabContainerBottomStrip { border: 1px solid #ccc; background: #f2f2f2; border-top: none; padding-bottom: 2px; } + +/* top/bottom strip */ .nihilo .dijitTabContainerBottom-spacer, .nihilo .dijitTabContainerTop-spacer { height: 2px; border: 1px solid #ccc; background: #f8f8f8; } + .nihilo .dijitTabContainerTop-spacer { margin-top: -1px; } .nihilo .dijitTabContainerBottom-spacer { margin-bottom: -1px; } + + +/* ================================ */ +/* right tabs */ .nihilo .dijitTabContainerRight-tabs { border-color: #ccc; padding-top: 3px; @@ -284,53 +284,76 @@ .nihilo .dijitTabContainerRight .dijitTabListWrapper { padding-right: 3px; } + +/* right container */ .nihilo .dijitTabContainerRight-container { border-right: none; } + .nihilo .dijitTabContainerRight-tabs .dijitTab { border-bottom: none; border-left: 1px solid #ccc; border-bottom: 1px solid #dedede !important; } + + +/* some odd ie bug when borders dissapear when setting a bottom margin, this sortof helps */ .dj_ie .nihilo .dijitTabContainerRight-tabs .dijitTabInnerDiv { border-bottom: solid #fff 1px; } + +/* checked tabs */ .nihilo .dijitTabContainerRight-tabs .dijitTabChecked { border-left-color: #f8f8f8; } + .nihilo .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_ie .nihilo .dijitTabContainerRight-tabs .dijitTabChecked .dijitTabInnerDiv, .dj_ie .nihilo .dijitTabContainerRight-tabs .dijitTabCheckedHover .dijitTabInnerDiv { border-bottom: solid #efefef 1px; } + .nihilo .dijitTabContainerRight-tabs .dijitTab { background: url("../images/tabContainerSprite.gif") no-repeat left -350px; } .nihilo .dijitTabContainerRight-tabs .dijitTabHover .dijitTab { background: url("../images/tabContainerSprite.gif") no-repeat left -200px; } + +/* strip */ .nihilo .dijitTabContainerRightStrip { padding-right: 2px; border: 1px solid #ccc; border-left: none; background: #f2f2f2; } + +/* ================================ */ +/* left tabs */ .nihilo .dijitTabContainerLeft-tabs { border-color: #ccc; padding-top: 3px; } + +/* left conatiner */ .nihilo .dijitTabContainerLeft-container { border-left: none; } + .nihilo .dijitTabContainerLeft-tabs .dijitTab { border-right: 1px solid #ccc; border-bottom: 1px solid #dedede; } + +/* checked tabs */ .nihilo .dijitTabContainerLeft-tabs .dijitTabChecked { border-right: 1px solid #f8f8f8; } + .nihilo .dijitTabContainerLeft-tabs .dijitTabInnerDiv { background: url("../images/tabContainerSprite.gif") no-repeat right -350px; } @@ -341,35 +364,47 @@ .nihilo .dijitTabContainerLeft-tabs .dijitTabCheckedHover .dijitTabInnerDiv { background: url("../images/tabLeftChecked.gif") no-repeat right top; } + .dj_ie .nihilo .dijitTabContainerLeft-tabs .dijitTabChecked .dijitTabInnerDiv, .dj_ie .nihilo .dijitTabContainerLeft-tabs .dijitTabCheckedHover .dijitTabInnerDiv { border-bottom: solid #efefef 1px; } + .dj_ie .nihilo .dijitTabContainerLeft-tabs .dijitTabInnerDiv { border-bottom: solid #fff 1px; } + +/* strip */ .nihilo .dijitTabContainerLeftStrip { padding-left: 2px; border: 1px solid #ccc; border-right: none; } + .nihilo .dijitTabContainerLeftStrip { background: #f2f2f2; } + +/* ================================ */ +/* left/right tabs */ .nihilo .dijitTabContainerLeft-tabs .dijitTab, .nihilo .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 */ .nihilo .dijitTabContainerLeft-spacer, .nihilo .dijitTabContainerRight-spacer { width: 2px; border: 1px solid #ccc; background: #f8f8f8; } + .nihilo .dijitTabContainerRight-spacer { border-right: none; } + .nihilo .dijitTabContainerRight-tabs { padding-top: 3px; height: 100%; @@ -377,63 +412,85 @@ .nihilo .dijitTabContainerLeft-tabs { height: 100%; } + .nihilo .dijitTabContainerLeft-spacer { border-left: none; } + +/* ================================ */ + +/* this resets the tabcontainer stripe when within a contentpane */ .nihilo .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 */ .nihilo .dijitTabContainer .tabStripButton { - margin-right: 0px; + margin-right: 0; } + .nihilo .tabStripButton .dijitTabInnerDiv .dijitTabContent { padding: 5px 0 6px; } + .dj_ie6 .nihilo .tabStripButton .dijitTabInnerDiv .dijitTabContent, .dj_ie7 .nihilo .tabStripButton .dijitTabInnerDiv .dijitTabContent, .dj_opera .nihilo .tabStripButton .dijitTabInnerDiv .dijitTabContent { padding-bottom: 7px; } + .nihilo .tabStrip-disabled .tabStripButton .dijitTabInnerDiv .dijitTabContent { padding: 3px 0 5px; } + .dj_ie6 .nihilo .tabStrip-disabled .tabStripButton .dijitTabInnerDiv .dijitTabContent, .dj_ie7 .nihilo .tabStrip-disabled .tabStripButton .dijitTabInnerDiv .dijitTabContent, .dj_opera .nihilo .tabStrip-disabled .tabStripButton .dijitTabInnerDiv .dijitTabContent { padding-top: 4px; } + .nihilo .dijitTabStripIcon { height: 14px; width: 14px; background: url(../images/spriteRoundedIconsSmall.png) no-repeat left top; } + .dj_ie6 .nihilo .dijitTabStripIcon { background-image: url(../images/spriteRoundedIconsSmall.gif); } + .nihilo .dijitTabStripSlideRightIcon { background-position: -30px top; } + .nihilo .dijitTabStripMenuIcon { background-position: -15px top; } + .nihilo .dijitTabContainerTopNone { - padding-top: 0px; + padding-top: 0; } + .nihilo .dijitTabContainer .tabStripButton-top { margin-top: 1px; } + .nihilo .dijitTabContainer .tabStripButton-bottom { background: transparent url(../images/tabBottomEnabledSpriteLR.gif) no-repeat scroll left bottom; border-bottom: medium none; border-top: 1px solid #CCCCCC; } + .nihilo .dijitTabContainer .tabStripButton-bottom .dijitTabInnerDiv { background: transparent url(../images/tabBottomEnabledSpriteLR.gif) no-repeat scroll right bottom; } + .nihilo .dijitTabContainer .tabStripButton-bottom .dijitTabContent { background: transparent; -} +}
\ No newline at end of file diff --git a/lib/dijit/themes/nihilo/layout/TabContainer_rtl.css b/lib/dijit/themes/nihilo/layout/TabContainer_rtl.css index 8a55f5026..225fc3eba 100644 --- a/lib/dijit/themes/nihilo/layout/TabContainer_rtl.css +++ b/lib/dijit/themes/nihilo/layout/TabContainer_rtl.css @@ -1,10 +1,13 @@ .dijitRtl .nihilo .dijitTab { margin-right:0; - margin-left:2px; + margin-left:2px; /* space between one tab and the next in top/bottom mode */ } + +/* tab strips */ .dijitRtl .nihilo .dijitTabContainer .tabStripButton { margin-left: 0; } + .dijitRtl .nihilo .dijitTabContainerTopStrip, .dijitRtl .nihilo .dijitTabContainerBottomStrip, .dijitRtl .nihilo .dijitTabContainerTop-tabs, @@ -12,23 +15,29 @@ padding-left: 0; padding-right: 3px; } + .dijitRtl .nihilo .dijitTabInnerDiv { padding-left: 3px; padding-right: 4px; } + .dijitRtl .nihilo .dijitTabPaneWrapper { #zoom: 1; } + .dj_ie-rtl .nihilo .dijitTabContainerLeft-tabs { - margin-left: 0px !important; + margin-left: 0 !important; } + .dj_ie-rtl .nihilo .dijitTabContainerRight-tabs { - margin-right: 0px !important; + margin-right: 0 !important; } + .dijitRtl .nihilo .dijitTabContainerLeft-tabs .dijitTab, .dijitRtl .nihilo .dijitTabContainerRight-tabs .dijitTab { - margin-left:0px; + margin-left:0; } + .dj_ie-rtl .nihilo .dijitTab .dijitTabInnerDiv{ width : 1%; -} +}
\ No newline at end of file diff --git a/lib/dijit/themes/nihilo/nihilo.css b/lib/dijit/themes/nihilo/nihilo.css index 5a0bc3e3d..97ba8f6eb 100644 --- a/lib/dijit/themes/nihilo/nihilo.css +++ b/lib/dijit/themes/nihilo/nihilo.css @@ -1,3404 +1,42 @@ +/* + 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; } -.nihilo .dojoDndItemBefore { - border-top: 2px solid #369; -} -.nihilo .dojoDndItemAfter { - border-bottom: 2px solid #369; -} -.nihilo .dojoDndItemOver { - cursor:pointer; -} -.nihilo table.dojoDndAvatar { -moz-border-radius: 0; border: 1px solid #ccc; border-collapse: collapse; background-color: #fff; font-size: 75%; color: black;} -.nihilo .dojoDndAvatar td { border: none; } -.nihilo .dojoDndAvatar tr { border: none; } -.nihilo .dojoDndAvatarHeader td { height: 20px; padding: 0 0 0 21px; } -.nihilo .dojoDndAvatarItem td { padding: 2px;} -.nihilo.dojoDndMove .dojoDndAvatarHeader {background-color: #f58383; background-image: url(images/dndNoMove.png); background-repeat: no-repeat; background-position: 2px center;} -.nihilo.dojoDndCopy .dojoDndAvatarHeader {background-color: #f58383; background-image: url(images/dndNoCopy.png); background-repeat: no-repeat; background-position: 2px center;} -.nihilo.dojoDndMove .dojoDndAvatarCanDrop .dojoDndAvatarHeader {background-color: #97e68d; background-image: url(images/dndMove.png); background-repeat: no-repeat; background-position: 2px center;} -.nihilo.dojoDndCopy .dojoDndAvatarCanDrop .dojoDndAvatarHeader {background-color: #97e68d; background-image: url(images/dndCopy.png); background-repeat: no-repeat; background-position: 2px center;} -.nihilo .dijitContentPane { - padding: 0px; -} -.nihilo .dijitTabContainerTop-dijitContentPane, -.nihilo .dijitTabContainerLeft-dijitContentPane, -.nihilo .dijitTabContainerRight-dijitContentPane, -.nihilo .dijitTabContainerBottom-dijitContentPane, -.nihilo .dijitAccordionContainer-dijitContentPane { - background-color: #fff; - padding: 5px; -} -.nihilo .dijitSplitContainer-dijitContentPane, -.nihilo .dijitBorderContainer-dijitContentPane { - background-color: #fff; - padding: 5px; -} -.nihilo .dijitMenu, -.nihilo .dijitMenuBar { - border: 1px solid #d3d3d3; - margin: 0px; - padding: 0px; - background-color: #fff; -} -.nihilo .dijitBorderContainer .dijitMenuBar { - border: 1px #ccc solid; -} -.nihilo .dijitMenuItem { - font-family: sans-serif; - margin: 0px; - color: #243C5F; -} -.nihilo .dijitMenuBar .dijitMenuItem { - padding: 4px 5px; -} -.nihilo .dijitMenuPreviousButton, .nihilo .dijitMenuNextButton { - font-style: italic; -} -.nihilo .dijitMenuItem TD { - padding:1px; -} -.nihilo .dijitMenuPassive .dijitMenuItemHover, -.nihilo .dijitMenuItemSelected { - background-color: #ffe284; - color: #243C5F; -} -.nihilo .dijitMenuItemIcon { - width: 15px; - height: 15px; -} -.nihilo .dijitMenuExpand { - width:15px; - height:15px; - background-image: url(images/spriteRoundedIconsSmall.png); - background-position: -30px top; -} -.dj_ie6 .nihilo .dijitMenuExpand { - background-image:url(images/spriteRoundedIconsSmall.gif); -} -.nihilo .dijitMenuSeparator { - height: 1px; -} -.nihilo .dijitMenuSeparatorTop { - border-bottom: 1px solid #fff; -} -.nihilo .dijitMenuSeparatorBottom { - border-top: 1px solid #d3d3d3; -} -.nihilo .dijitCheckedMenuItemIconChar { - display: none; -} -.nihilo .dijitCheckedMenuItemIcon { - background-image: url(images/spriteCheckbox.gif); - background-position: -80px; -} -.nihilo .dijitCheckedMenuItemChecked .dijitCheckedMenuItemIcon { - background-position: -64px; -} -.nihilo .dijitTabContainer .tabStripRBtn { - margin-right: 21px; -} -.nihilo .dijitTabContainer .tabStripLBtn { - margin-left: 21px; -} -.nihilo .dijitTabContainerBottom .nowrapTabStrip .dijitTab { - top: 0px; -} -.nihilo .dijitTabPaneWrapper { - background:#fff; - border:1px solid #ccc; - margin: 0; - padding: 0; -} -.nihilo .dijitTabInnerDiv { - padding:0px 3px 0px 0px; - margin: 0 0 0 4px; - background: url(images/tabContainerSprite.gif) no-repeat; - background-position: right -400px; -} -.nihilo .dijitTab { - line-height:normal; - margin:0 2px 0 0; - padding:0px; - background: url(images/tabContainerSprite.gif) no-repeat 0 -300px; - color: #6d6d6d; - border-bottom: 1px #ccc solid; -} -.nihilo .dijitTabInnerDiv .dijitTabContent { - padding:3px 3px 3px 4px; - background: url(images/tabContainerSprite.gif) repeat-x 0 -350px; - position: relative; -} -.nihilo .dijitTabHover { - color: #243C5F; - background: url(images/tabContainerSprite.gif) no-repeat 0px -150px; -} -.nihilo .dijitTabHover .dijitTabInnerDiv { - background: url(images/tabContainerSprite.gif) no-repeat right -250px; -} -.nihilo .dijitTabHover .dijitTabInnerDiv .dijitTabContent { - background: url(images/tabContainerSprite.gif) repeat-x 0 -200px; -} -.nihilo .dijitTabChecked -{ - - background: url(images/tabContainerSprite.gif) no-repeat 0px -0px; -} -.nihilo .dijitTabChecked .dijitTabInnerDiv { - background: url(images/tabContainerSprite.gif) no-repeat right -100px; -} -.nihilo .dijitTabChecked .dijitTabInnerDiv .dijitTabContent { - background: url(images/tabContainerSprite.gif) repeat-x 0 -50px; - color: #243C5F !important; -} -.nihilo .dijitTabContainerNested .dijitTabListWrapper { - height: auto; -} -.nihilo .dijitTabContainerTabListNested { - background: #FDFDFD; - border: none; - margin-bottom: 0px; -} -.nihilo .dijitTabContainerTabListNested .dijitTab { - background: none; - border: none; - top: 0px; -} -.nihilo .dijitTabContainerTabListNested .dijitTab .dijitTabInnerDiv, -.nihilo .dijitTabContainerTabListNested .dijitTab .dijitTabContent { - background: none; -} -.nihilo .dijitTabContainerTabListNested .dijitTabHover .dijitTabContent .tabLabel { - text-decoration: underline; -} -.nihilo .dijitTabContainerTabListNested .dijitTabChecked .tabLabel { - text-decoration: underline; - font-weight: bold; -} -.nihilo .dijitTabContainerSpacerNested { - - height: 0px; - border-bottom: 0px; -} -.nihilo .dijitTabPaneWrapperNested { - border: none; -} -.nihilo .dijitTabCloseButton { - background: url(images/spriteRoundedIconsSmall.png) no-repeat -60px top; - width: 15px; - height: 15px; - margin-top: -1px; -} -.dj_ie6 .nihilo .dijitTabCloseButton { - background: url(images/spriteRoundedIconsSmall.gif) no-repeat -60px top; -} -.nihilo .dijitTabCloseButtonHover { - background: url(images/spriteRoundedIconsSmall.png) no-repeat -60px -15px; -} -.dj_ie6 .nihilo .dijitTabCloseButtonHover { - background: url(images/spriteRoundedIconsSmall.gif) no-repeat -60px -15px; -} -.nihilo .dijitTab .tabLabel { - - min-height: 15px; - display: inline-block; -} -.dj_ie6 .nihilo .dijitTabButtonIcon { - - height: 18px; - width: 1px; -} -.nihilo .dijitTabContainerTop-tabs { - border-bottom: none; - padding-bottom: 1px; - background-position: bottom; - padding-left: 3px; -} -.dj_ie6 .nihilo .dijitTabListContainer-top, -.dj_ie7 .nihilo .dijitTabListContainer-top { - z-index: 3; -} -.dj_ie6 .nihilo .dijitTabContainerTop-tabs, -.dj_ie7 .nihilo .dijitTabContainerTop-tabs { - border-bottom: 1px solid #ccc; - padding-bottom: 0px; -} -.nihilo .dijitTabContainerTopNoStrip { - padding-top: 3px; -} -.nihilo .dijitTabContainerTop-container { - border-top: none; -} -.nihilo .dijitTabContainerTop-tabs .dijitTabChecked { - border-bottom-color: #f8f8f8; -} -.nihilo .dijitTabContainer .dijitTabContainerTopStrip { - border-bottom: none; - padding-top: 1px; - margin-top: 1px; - background: #f2f2f2; - border-top: 1px solid #CCC; - border-right: 1px solid #CCC; - border-left: 1px solid #CCC; -} -.nihilo .dijitTabContainerBottom-tabs { - border-top: none; - background-position: top; - padding-left: 3px; -} -.dj_ie6 .nihilo .dijitTabListContainer-bottom, -.dj_ie7 .nihilo .dijitTabListContainer-bottom { - z-index: 3; -} -.dj_ie6 .nihilo .dijitTabContainerBottom-tabs, -.dj_ie7 .nihilo .dijitTabContainerBottom-tabs { - border-top: 1px solid #ccc; - margin-top: -1px; -} -.nihilo .dijitTabContainerBottom-container { - border-bottom: none; -} -.nihilo .dijitTabContainerBottom-tabs .dijitTab { - border-bottom: none; - border-top: 1px solid #ccc; - background: url(images/tabBottomEnabledSpriteLR.gif) no-repeat bottom left; -} -.nihilo .dijitTabContainerBottom-tabs .dijitTabChecked { - border-top-color: #f8f8f8; -} -.nihilo .dijitTabContainerBottom-tabs .dijitTabInnerDiv .dijitTabContent { - padding-top: 3px; - padding-bottom: 3px; - background: url(images/tabBottomEnabledC.gif) repeat-x bottom left; -} -.nihilo .dijitTabContainerBottom-tabs .dijitTabInnerDiv { - background: url(images/tabBottomEnabledSpriteLR.gif) no-repeat bottom right; -} -.nihilo .dijitTabContainerBottom-tabs .dijitTabHover { - color: #243C5F; - background: url(images/tabBottomHoverSpriteLR.gif) no-repeat bottom left; -} -.nihilo .dijitTabContainerBottom-tabs .dijitTabHover .dijitTabInnerDiv { - background: url(images/tabBottomHoverSpriteLR.gif) no-repeat bottom right; -} -.nihilo .dijitTabContainerBottom-tabs .dijitTabHover .dijitTabInnerDiv .dijitTabContent { - background: url(images/tabBottomHoverC.gif) repeat-x bottom left; -} -.nihilo .dijitTabContainerBottom-tabs .dijitTabChecked { - - background: url(images/tabBottomActiveSpriteLR.gif) no-repeat bottom left; -} -.nihilo .dijitTabContainerBottom-tabs .dijitTabChecked .dijitTabInnerDiv { - background: url(images/tabBottomActiveSpriteLR.gif) no-repeat bottom right; -} -.nihilo .dijitTabContainerBottom-tabs .dijitTabChecked .dijitTabInnerDiv .dijitTabContent { - background: url(images/tabBottomActiveC.gif) repeat-x bottom left; -} -.nihilo .dijitTabContainer .dijitTabContainerBottomStrip { - border: 1px solid #ccc; - background: #f2f2f2; - border-top: none; - padding-bottom: 2px; -} -.nihilo .dijitTabContainerBottom-spacer, -.nihilo .dijitTabContainerTop-spacer { - height: 2px; - border: 1px solid #ccc; - background: #f8f8f8; -} -.nihilo .dijitTabContainerTop-spacer { - margin-top: -1px; -} -.nihilo .dijitTabContainerBottom-spacer { - margin-bottom: -1px; -} -.nihilo .dijitTabContainerRight-tabs { - border-color: #ccc; - padding-top: 3px; -} -.nihilo .dijitTabContainerRight .dijitTabListWrapper { - padding-right: 3px; -} -.nihilo .dijitTabContainerRight-container { - border-right: none; -} -.nihilo .dijitTabContainerRight-tabs .dijitTab { - border-bottom: none; - border-left: 1px solid #ccc; - border-bottom: 1px solid #dedede !important; -} -.dj_ie .nihilo .dijitTabContainerRight-tabs .dijitTabInnerDiv { - border-bottom: solid #fff 1px; -} -.nihilo .dijitTabContainerRight-tabs .dijitTabChecked { - border-left-color: #f8f8f8; -} -.nihilo .dijitTabContainerRight-tabs .dijitTabChecked { - background: url(images/tabRightChecked.gif) no-repeat left top !important; -} -.dj_ie .nihilo .dijitTabContainerRight-tabs .dijitTabChecked .dijitTabInnerDiv, -.dj_ie .nihilo .dijitTabContainerRight-tabs .dijitTabCheckedHover .dijitTabInnerDiv { - border-bottom: solid #efefef 1px; -} -.nihilo .dijitTabContainerRight-tabs .dijitTab { - background: url(images/tabContainerSprite.gif) no-repeat left -350px; -} -.nihilo .dijitTabContainerRight-tabs .dijitTabHover .dijitTab { - background: url(images/tabContainerSprite.gif) no-repeat left -200px; -} -.nihilo .dijitTabContainerRightStrip { - padding-right: 2px; - border: 1px solid #ccc; - border-left: none; - background: #f2f2f2; -} -.nihilo .dijitTabContainerLeft-tabs { - border-color: #ccc; - padding-top: 3px; -} -.nihilo .dijitTabContainerLeft-container { - border-left: none; -} -.nihilo .dijitTabContainerLeft-tabs .dijitTab { - border-right: 1px solid #ccc; - border-bottom: 1px solid #dedede; -} -.nihilo .dijitTabContainerLeft-tabs .dijitTabChecked { - border-right: 1px solid #f8f8f8; -} -.nihilo .dijitTabContainerLeft-tabs .dijitTabInnerDiv { - background: url(images/tabContainerSprite.gif) no-repeat right -350px; -} -.nihilo .dijitTabContainerLeft-tabs .dijitTabHover .dijitTabInnerDiv { - background: url(images/tabContainerSprite.gif) no-repeat right -200px; -} -.nihilo .dijitTabContainerLeft-tabs .dijitTabChecked .dijitTabInnerDiv, -.nihilo .dijitTabContainerLeft-tabs .dijitTabCheckedHover .dijitTabInnerDiv { - background: url(images/tabLeftChecked.gif) no-repeat right top; -} -.dj_ie .nihilo .dijitTabContainerLeft-tabs .dijitTabChecked .dijitTabInnerDiv, -.dj_ie .nihilo .dijitTabContainerLeft-tabs .dijitTabCheckedHover .dijitTabInnerDiv { - border-bottom: solid #efefef 1px; -} -.dj_ie .nihilo .dijitTabContainerLeft-tabs .dijitTabInnerDiv { - border-bottom: solid #fff 1px; -} -.nihilo .dijitTabContainerLeftStrip { - padding-left: 2px; - border: 1px solid #ccc; - border-right: none; -} -.nihilo .dijitTabContainerLeftStrip { - background: #f2f2f2; -} -.nihilo .dijitTabContainerLeft-tabs .dijitTab, -.nihilo .dijitTabContainerRight-tabs .dijitTab { - margin-right:auto; - margin-bottom:2px; -} -.nihilo .dijitTabContainerLeft-spacer, -.nihilo .dijitTabContainerRight-spacer { - width: 2px; - border: 1px solid #ccc; - background: #f8f8f8; -} -.nihilo .dijitTabContainerRight-spacer { - border-right: none; -} -.nihilo .dijitTabContainerRight-tabs { - padding-top: 3px; - height: 100%; -} -.nihilo .dijitTabContainerLeft-tabs { - height: 100%; -} -.nihilo .dijitTabContainerLeft-spacer { - border-left: none; -} -.nihilo .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; -} -.nihilo .dijitTabContainer .tabStripButton { - margin-right: 0px; -} -.nihilo .tabStripButton .dijitTabInnerDiv .dijitTabContent { - padding: 5px 0 6px; -} -.dj_ie6 .nihilo .tabStripButton .dijitTabInnerDiv .dijitTabContent, -.dj_ie7 .nihilo .tabStripButton .dijitTabInnerDiv .dijitTabContent, -.dj_opera .nihilo .tabStripButton .dijitTabInnerDiv .dijitTabContent { - padding-bottom: 7px; -} -.nihilo .tabStrip-disabled .tabStripButton .dijitTabInnerDiv .dijitTabContent { - padding: 3px 0 5px; -} -.dj_ie6 .nihilo .tabStrip-disabled .tabStripButton .dijitTabInnerDiv .dijitTabContent, -.dj_ie7 .nihilo .tabStrip-disabled .tabStripButton .dijitTabInnerDiv .dijitTabContent, -.dj_opera .nihilo .tabStrip-disabled .tabStripButton .dijitTabInnerDiv .dijitTabContent { - padding-top: 4px; -} -.nihilo .dijitTabStripIcon { - height: 14px; - width: 14px; - background: url(images/spriteRoundedIconsSmall.png) no-repeat left top; -} -.dj_ie6 .nihilo .dijitTabStripIcon { - background-image: url(images/spriteRoundedIconsSmall.gif); -} -.nihilo .dijitTabStripSlideRightIcon { - background-position: -30px top; -} -.nihilo .dijitTabStripMenuIcon { - background-position: -15px top; -} -.nihilo .dijitTabContainerTopNone { - padding-top: 0px; -} -.nihilo .dijitTabContainer .tabStripButton-top { - margin-top: 1px; -} -.nihilo .dijitTabContainer .tabStripButton-bottom { - background: transparent url(images/tabBottomEnabledSpriteLR.gif) no-repeat scroll left bottom; - border-bottom: medium none; - border-top: 1px solid #CCCCCC; -} -.nihilo .dijitTabContainer .tabStripButton-bottom .dijitTabInnerDiv { - background: transparent url(images/tabBottomEnabledSpriteLR.gif) no-repeat scroll right bottom; -} -.nihilo .dijitTabContainer .tabStripButton-bottom .dijitTabContent { - background: transparent; -} -.nihilo .dijitAccordionContainer { - border-color: #ccc; - background-color: #fff; -} -.nihilo .dijitAccordionTitle { - background:#fafafa url(images/titleBar.png) repeat-x top left; - border-top: 1px solid #dedede; - padding: 5px 4px 6px 8px; - font-size: 0.9em; - font-weight: bold; - color: #6d6d6d; -} -.nihilo .dijitAccordionTitleSelected { - background: #f9f9f9 url(images/accordionItemActive.png) top repeat-x; - font-weight: bold; - border-top: 1px solid #dedede; - border-bottom: 1px solid #dedede; - padding: 5px 4px 5px 8px; - color: #243C5F; -} -.nihilo .dijitAccordionArrow { - background:url(images/spriteRoundedIconsSmall.gif) no-repeat -30px top; - width:15px; - height:15px; - margin-top:-1px; -} -.nihilo .dijitAccordionTitleSelected .dijitAccordionArrow { - background:url(images/spriteRoundedIconsSmall.gif) no-repeat -15px top; - margin-top:-1px; -} -.nihilo .dijitAccordionText { - margin-left: 4px; - margin-right: 4px; -} -.nihilo .dijitSplitContainerSizerH { - background:url(images/splitContainerSizerV.png) repeat-y #fff; - border:0; - border-left:0px solid #d3d3d3; - border-right:0px solid #d3d3d3; - width:5px; -} -.nihilo .dijitSplitContainerSizerH .thumb { - background:url(images/splitContainerSizerV-thumb.png) no-repeat; - left:1px; - width:2px; - height:19px; -} -.nihilo .dijitSplitContainerSizerV { - background:url(images/splitContainerSizerH.png) repeat-x #fff; - border:0; - border-top:0px solid #d3d3d3; - border-bottom:0px solid #d3d3d3; - height:2px; -} -.nihilo .dijitSplitContainerSizerV .thumb { - background:url(images/splitContainerSizerH-thumb.png) no-repeat; - top:1px; - width:19px; - height:5px; -} -.nihilo .dijitBorderContainer { - background-color: #fcfcfc; - padding: 5px; -} -.nihilo .dijitSplitContainer-child, -.nihilo .dijitBorderContainer-child { - - border: 1px #ccc solid; -} -.nihilo .dijitBorderContainer-dijitTabContainerTop, -.nihilo .dijitBorderContainer-dijitTabContainerBottom, -.nihilo .dijitBorderContainer-dijitTabContainerLeft, -.nihilo .dijitBorderContainer-dijitTabContainerRight { - - border: none; -} -.nihilo .dijitBorderContainer-dijitBorderContainer { - - border: none; - padding: 0px; -} -.nihilo .dijitSplitterH, -.nihilo .dijitGutterH { - background:#FCFCFC; - border:0; - border-left:0px solid #d3d3d3; - border-right:0px solid #d3d3d3; - height:5px; -} -.nihilo .dijitSplitterH .dijitSplitterThumb { - background:#8BA0BD none; - height:1px; - top:2px; - width:19px; -} -.nihilo .dijitSplitterV, -.nihilo .dijitGutterV { - background:#FCFCFC; - border:0; - border-top:0px solid #d3d3d3; - border-bottom:0px solid #d3d3d3; - width:5px; -} -.nihilo .dijitSplitterV .dijitSplitterThumb { - background:#8BA0BD none; - height:19px; - left:2px; - width:1px; -} -.nihilo .dijitSplitterActive { - font-size: 1px; - background-image: none; - background-color: #aaa; - -moz-opacity: 0.6; - opacity: 0.6; - filter: Alpha(Opacity=60); - margin: 0; -} -.nihilo .dijitInputContainer INPUT, -.nihilo .dijitTextBox { - margin: 0em 0.1em; -} -.nihilo .dijitTextBox, -.nihilo .dijitTextArea { - - background:#fff url(images/validationInputBg.png) repeat-x top left; - #background:#fff url(images/validationInputBg.gif) repeat-x top left; - border:1px solid #d3d3d3; -} -.nihilo .dijitComboBox .dijitButtonNode { - padding: 0 0.2em !important; -} -.nihilo .dijitTextBox .dijitButtonNode { - - border-color: #d3d3d3; -} -.nihilo .dijitTextBoxFocused, -.nihilo .dijitTextAreaFocused { - - border-color:#b3b3b3; -} -.nihilo .dijitTextBoxFocused .dijitButtonNode, -.nihilo .dijitSpinner .dijitUpArrowButtonActive, -.nihilo .dijitSpinner .dijitDownArrowButtonActive { - border-left-color:#d3d3d3; -} -.nihilo .dijitSpinnerFocused .dijitDownArrowButton, -.nihilo .dijitSpinner .dijitUpArrowButtonActive, -.nihilo .dijitSpinner .dijitDownArrowButtonActive { - border-top-color:#d3d3d3; -} -.nihilo .dijitError { - border-color:#b3b3b3; - background-color:#f9f7ba; - background-image:none; -} -.nihilo .dijitErrorFocused { - background-color:#ff6; - background-image:none; -} -.nihilo .dijitValidationIcon { - - width: 16px; - background: transparent url(images/warning.png) no-repeat center center; -} -.nihilo .dijitComboBoxHighlightMatch { - background-color:#d3d3d3; -} -.nihilo .dijitButtonNode { - - - border:1px solid #dedede; - border-bottom:1px solid #dedede; - padding: 0.1em 0.2em 0.2em 0.2em; - background: #fff url(images/buttonEnabled.png) repeat-x top left; -} -.nihilo .dijitSelect .dijitButtonContents { - border-right: none; -} -.nihilo .dijitButtonText { - text-align: center; - padding: 0 0.3em; -} -.nihilo .dijitComboBox .dijitButtonNode { - border-width: 0px 0px 0px 1px; -} -.nihilo .dijitArrowButton { - color: #111; -} -.nihilo .dijitComboButton .dijitDownArrowButton { - padding-right:4px; -} -.nihilo .dijitComboBoxReadOnly, -.nihilo .dijitSpinnerReadOnly, -.nihilo .dijitSpinnerReadOnly .dijitButtonNode, -.nihilo .dijitButtonDisabled .dijitButtonNode, -.nihilo .dijitToggleButtonDisabled .dijitButtonNode, -.nihilo .dijitDropDownButtonDisabled .dijitButtonNode, -.nihilo .dijitComboButtonDisabled .dijitButtonNode, -.nihilo .dijitComboBoxDisabled, -.nihilo .dijitSpinnerDisabled, -.nihilo .dijitSpinnerDisabled .dijitButtonNode { - - border-color: #dedede; - background:#fafafa url(images/buttonDisabled.png) top repeat-x; - opacity: 0.60; -} -.dj_ie6 .nihilo .dijitReadOnly INPUT, -.dj_ie7 .nihilo .dijitReadOnly INPUT, -.dj_ie6 .nihilo .dijitComboButtonDisabled .dijitButtonText, -.dj_ie7 .nihilo .dijitComboButtonDisabled .dijitButtonText { - - color: #aaa; -} -.nihilo .dijitButtonHover .dijitButtonNode, -.nihilo .dijitButtonNodeHover, -.nihilo .dijitToggleButtonHover .dijitButtonNode, -.nihilo .dijitDropDownButtonHover .dijitButtonNode, -.nihilo .dijitButtonContentsHover, -.nihilo .dijitDownArrowButtonHover, -.nihilo .dijitUpArrowButtonHover { - - - color:#243C5F; - background:#fcfcfc url(images/buttonHover.png) repeat-x top left; -} -.nihilo .dijitUpArrowButtonActive, -.nihilo .dijitDownArrowButtonActive, -.nihilo .dijitButtonActive .dijitButtonNode, -.nihilo .dijitToggleButtonActive .dijitButtonNode, -.nihilo .dijitDropDownButtonActive .dijitButtonNode, -.nihilo .dijitComboButton .dijitButtonContentsActive, -.nihilo .dijitStackController .dijitToggleButtonChecked .dijitButtonNode { - - border-color:#dedede; - background: #f5f5f5 url(images/buttonActive.png) top left repeat-x; -} -.nihilo .dijitArrowButtonInner { - background-image: url(images/spriteArrows.png); - background-repeat: no-repeat; - background-position: 0px center; - width: 11px; - height: 11px; -} -.nihilo .dijitLeftArrowButton .dijitArrowButtonInner { - background-position: -11px center; -} -.nihilo .dijitUpArrowButton .dijitArrowButtonInner { - background-position: -22px center; -} -.nihilo .dijitRightArrowButton .dijitArrowButtonInner { - background-position: -33px center; -} -.dj_ie6 .nihilo .dijitArrowButtonInner { - background-image: url(images/spriteArrows.gif); -} -.dj_webkit .nihilo .dijitSpinner .dijitUpArrowButton .dijitArrowButtonInner { - margin-top: -1px; -} -.dj_ie .nihilo .dijitSpinner .dijitUpArrowButton .dijitArrowButtonInner { - margin-top: 1px; -} -.nihilo .dijitSpinnerButtonContainer { - width: auto; - padding: 0; -} -.nihilo .dijitSpinner .dijitArrowButton { - width: 15px; -} -.nihilo .dijitSpinner .dijitSpinnerButtonInner { - width: 15px; -} -.nihilo .dijitSpinner .dijitArrowButtonInner .dijitInputField { - padding: 0; -} -.nihilo .dijitToggleButton .dijitCheckBox, -.nihilo .dijitToggleButton .dijitCheckBoxIcon { - background-image: url(images/spriteCheckbox.gif); -} -.nihilo .dijitCheckBox, -.nihilo .dijitCheckBoxIcon { - background-image: url(images/spriteCheckbox.gif); - background-repeat: no-repeat; - width: 16px; - height: 16px; - margin: 0; - padding: 0; -} -.nihilo .dijitCheckBox, -.nihilo .dijitToggleButton .dijitCheckBoxIcon { - - background-position: -16px; -} -.nihilo .dijitCheckBoxChecked, -.nihilo .dijitToggleButtonChecked .dijitCheckBoxIcon { - - background-position: 0px; -} -.nihilo .dijitCheckBoxDisabled { - - background-position: -48px; -} -.nihilo .dijitCheckBoxCheckedDisabled { - - background-position: -32px; -} -.nihilo .dijitCheckBoxHover { - - background-position: -80px; -} -.nihilo .dijitCheckBoxCheckedHover { - - background-position: -64px; -} -.nihilo .dijitToggleButton .dijitRadio, -.nihilo .dijitToggleButton .dijitRadioIcon { - background-image: url(images/spriteRadio.gif); -} -.nihilo .dijitRadio, -.nihilo .dijitRadioIcon { - background-image: url(images/spriteRadio.gif); - background-repeat: no-repeat; - width: 16px; - height: 16px; - margin: 0; - padding: 0; -} -.nihilo .dijitRadio, -.nihilo .dijitToggleButton .dijitRadioIcon { - - background-position: -16px; -} -.nihilo .dijitRadioChecked, -.nihilo .dijitToggleButtonChecked .dijitRadioIcon { - - background-position: 0px; -} -.nihilo .dijitRadioDisabled { - - background-position: -48px; -} -.nihilo .dijitRadioCheckedDisabled { - - background-position: -32px; -} -.nihilo .dijitRadioHover { - - background-position: -80px; -} -.nihilo .dijitRadioCheckedHover { - - background-position: -64px; -} -.nihilo .dijitSliderProgressBarH { - border-color: #aab0bb; - background: #c0c2c5 url(images/sliderFull.png) repeat-x top left; -} -.nihilo .dijitSliderProgressBarV { - border-color: #aab0bb; - background: #c0c2c5 url(images/sliderFullVertical.png) repeat-y bottom left; -} -.nihilo .dijitSliderFocused .dijitSliderProgressBarH, -.nihilo .dijitSliderFocused .dijitSliderLeftBumper { - background-image:url(images/sliderFullFocus.png); -} -.nihilo .dijitSliderFocused .dijitSliderProgressBarV, -.nihilo .dijitSliderFocused .dijitSliderBottomBumper { - background-image:url(images/sliderFullVerticalFocus.png); -} -.nihilo .dijitSliderRemainingBarV { - border-color: #b4b4b4; - background: #dcdcdc url(images/sliderEmptyVertical.png) repeat-y bottom left; -} -.nihilo .dijitSliderRemainingBarH { - border-color: #b4b4b4; - background: #dcdcdc url(images/sliderEmpty.png) repeat-x top left; -} -.nihilo .dijitSliderBar { - border-style: solid; - outline:1px; - -} -.nihilo .dijitSliderFocused .dijitSliderBar { - border-color:#727272; -} -.nihilo .dijitSliderImageHandleH { - border:0px; - width:15px; - height:18px; - background:url(images/preciseSliderThumb.png) no-repeat center top; - #background:url(images/preciseSliderThumb.gif) no-repeat center top; -} -.nihilo .dijitSliderFocused .dijitSliderImageHandleH { - background-image:url(images/preciseSliderThumbFocus.png); - #background-image:url(images/preciseSliderThumbFocus.gif); -} -.nihilo .dijitSliderLeftBumper { - border-left-width: 1px; - border-color: #aab0bb; - background: #c0c2c5 url(images/sliderFull.png) repeat-x top left; -} -.nihilo .dijitSliderRightBumper { - background: #dcdcdc url(images/sliderEmpty.png) repeat-x top left; - border-color: #b4b4b4; - border-right-width: 1px; -} -.nihilo .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; -} -.nihilo .dijitSliderFocused .dijitSliderImageHandleV { - background-image:url(images/sliderThumbFocus.png); - #background-image:url(images/sliderThumbFocus.gif); -} -.nihilo .dijitSliderBottomBumper { - border-bottom-width: 1px; - border-color: #aab0bb; - background: #c0c2c5 url(images/sliderFullVertical.png) repeat-y bottom left; -} -.nihilo .dijitSliderTopBumper { - background: #dcdcdc url(images/sliderEmptyVertical.png) repeat-y top left; - border-color: #b4b4b4; - border-top-width: 1px; -} -.nihilo .dijitSliderIncrementIconH, -.nihilo .dijitSliderIncrementIconV { - background:url(images/spriteRoundedIconsSmall.png) no-repeat -45px top; - #background:url(images/spriteRoundedIconsSmall.gif) no-repeat -45px top; - width:15px; height:15px; -} -.nihilo .dijitSliderIncrementIconH { - background:url(images/spriteRoundedIconsSmall.png) no-repeat -30px top; - #background:url(images/spriteRoundedIconsSmall.gif) no-repeat -30px top; -} -.nihilo .dijitSliderDecrementIconH, -.nihilo .dijitSliderDecrementIconV { - width:15px; - height:15px; - background:url(images/spriteRoundedIconsSmall.png) no-repeat -15px top; - #background:url(images/spriteRoundedIconsSmall.gif) no-repeat -15px top; -} -.nihilo .dijitSliderDecrementIconH { - background:url(images/spriteRoundedIconsSmall.png) no-repeat 0px top; - #background:url(images/spriteRoundedIconsSmall.gif) no-repeat 0px top; -} -.nihilo .dijitSliderButtonInner { - visibility:hidden; -} -.nihilo .dijitSliderReadOnly *, -.nihilo .dijitSliderDisabled * { - border-color: #d5d5d5 #bdbdbd #bdbdbd #d5d5d5; - color: #bdbdbd; -} -.nihilo .dijitSliderReadOnly .dijitSliderDecrementIconH, -.nihilo .dijitSliderDisabled .dijitSliderDecrementIconH { - background-position: 0px -15px; -} -.nihilo .dijitSliderReadOnly .dijitSliderIncrementIconH, -.nihilo .dijitSliderDisabled .dijitSliderIncrementIconH { - background-position: -30px -15px; -} -.nihilo .dijitSliderReadOnly .dijitSliderDecrementIconV, -.nihilo .dijitSliderDisabled .dijitSliderDecrementIconV { - background-position: -15px -15px; -} -.nihilo .dijitSliderReadOnly .dijitSliderIncrementIconV, -.nihilo .dijitSliderDisabled .dijitSliderIncrementIconV { - background-position: -45px -15px; -} -.nihilo .dijitSelect .dijitButtonNode { - padding: 0px; -} -.nihilo .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; -} -.nihilo .dijitSelectHover .dijitButtonContents, -.nihilo .dijitSelectActive .dijitButtonContents, -.nihilo .dijitSelectOpened .dijitButtonContents, -.nihilo .dijitSelectDisabled .dijitButtonContents, -.nihilo .dijitSelectReadOnly .dijitButtonContents{ - background: transparent none; -} -.dj_ie .nihilo .dijitSelect .dijitButtonContents { - padding-top: 0px; -} -.nihilo .dijitSelect .dijitArrowButton { - padding: 0px 2px; -} -.nihilo .dijitSelectDisabled .dijitButtonNode { - border-color: #dedede; - background:#fafafa url(images/buttonDisabled.png) top repeat-x; -} -.dj_ie .nihilo .dijitSelectDisabled .dijitButtonNode * { - filter: gray() alpha(opacity=50); -} -.nihilo .dijitSelectHover .dijitButtonNode { - color:#000; - background:#fcfcfc url(images/buttonHover.png) repeat-x top left; -} -.nihilo .dijitSelectActive .dijitButtonNode, -.nihilo .dijitSelectOpened .dijitButtonNode { - border-color:#dedede; - background: #f5f5f5 url(images/buttonActive.png) top left repeat-x; -} -.nihilo .dijitSelectMenu td { - padding: 0em; -} -.nihilo .dijitSelectMenu .dijitMenuItemLabel, -.nihilo .dijitSelectMenu .dijitMenuArrowCell { - padding: 0.1em 0.2em; -} -.nihilo .dijitTreeNode { - background : url(images/treeI.gif) no-repeat; - background-position : top left; - background-repeat : repeat-y; - zoom: 1; -} -.nihilo .dijitTreeIsLast { - background: url(images/treeI_half.gif) no-repeat; -} -.nihilo .dijitTreeRowHover { - - background-image: url(images/treeHover.png); - background-repeat: repeat; - background-color: transparent !important; -} -.nihilo .dijitTreeLabel { - font-weight: normal; - margin-left: 3px; -} -.nihilo .dijitTreeIsRoot { - margin-left: 0; - background-image: none; -} -.nihilo .dijitTreeExpando { - width: 18px; - height: 18px; -} -.nihilo .dijitTreeRow { - - padding-bottom: 2px; -} -.nihilo .dijitTreeContent { - min-height: 18px; - min-width: 18px; - padding-left:1px; -} -.nihilo .dijitTreeExpandoOpened { - background: url(images/spriteTree.gif) no-repeat -18px top; -} -.nihilo .dijitTreeExpandoClosed { - background-image: url(images/spriteTree.gif); -} -.nihilo .dijitTreeExpandoLeaf { - background: url(images/spriteTree.gif) no-repeat -36px top; -} -.nihilo .dijitTreeExpandoLoading { - background-image: url(images/treeExpand_loading.gif); -} -.nihilo .dijitTreeIcon { - width: 16px; - height: 16px; -} -.nihilo .dijitFolderOpened { - background: url(images/spriteDivIcons.gif) no-repeat -16px top; -} -.nihilo .dijitFolderClosed { - background: url(images/spriteDivIcons.gif) no-repeat top left; -} -.nihilo .dijitLeaf { - background: url(images/spriteDivIcons.gif) no-repeat -32px top; -} -.nihilo .dijitTreeNode .dojoDndItemBefore, -.nihilo .dijitTreeNode .dojoDndItemAfter { - border-bottom: none; - border-top: none; -} -.nihilo .dijitTreeNode .dojoDndItemBefore .dijitTreeContent { - - border-top: 2px solid #369; -} -.nihilo .dijitTreeNode .dojoDndItemAfter .dijitTreeContent { - - border-bottom: 2px solid #369; -} -.nihilo .dijitProgressBar { - margin:2px 0px 2px 0px; -} -.nihilo .dijitProgressBarEmpty{ - - background:#fff url(images/progressBarEmpty.png) repeat-x center center; - border-color: #f8d582 #f8d582 #f8d582 #f8d582; -} -.nihilo .dijitProgressBarTile{ - - background:#f0f0f0 url(images/progressBarFull.png) repeat-x center center; -} -.nihilo .dijitProgressBarFull { - border-right:1px solid #f8d582; -} -.nihilo .dijitProgressBarLabel { - - color:#293a4b; -} -.nihilo .dijitProgressBarIndeterminate .dijitProgressBarTile { - - background:#cad2de url(images/progressBarAnim.gif) repeat-x center center; -} -.nihilo .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; -} -.nihilo .dijitTitlePaneTitleHover { - background: #f9f9f9 url(images/accordionItemActive.png) top repeat-x; -} -.nihilo .dijitTitlePane .dijitOpen .dijitArrowNode, -.nihilo .dijitTitlePane .dijitClosed .dijitArrowNode { - width:15px; - height:15px; -} -.nihilo .dijitTitlePaneTextNode { - color: #243C5F; -} -.nihilo .dijitTitlePane .dijitClosed .dijitArrowNode { - background: url(images/spriteRoundedIconsSmall.png) no-repeat -30px top; -} -.dj_ie6 .nihilo .dijitTitlePane .dijitClosed .dijitArrowNode { - background:url(images/spriteRoundedIconsSmall.gif) no-repeat -30px top; -} -.nihilo .dijitTitlePane .dijitOpen .dijitArrowNode { - background:url(images/spriteRoundedIconsSmall.png) no-repeat -15px top; -} -.dj_ie6 .nihilo .dijitTitlePane .dijitOpen .dijitArrowNode { - background:url(images/spriteRoundedIconsSmall.gif) no-repeat -15px top; -} -.nihilo .dijitTitlePaneContentOuter { - background: #ffffff; - border:1px solid #bfbfbf; - border-top: 0px; -} -.nihilo .dijitTitlePaneContentInner { - padding:10px; -} -.nihilo .dijitTitlePaneTextNode { - margin-left: 4px; - margin-right: 4px; -} -.nihilo .dijitCalendarIncrementControl { - - width:15px; - height:15px; - background-image: url(images/spriteRoundedIconsSmall.png); - background-repeat: no-repeat -} -.dj_ie6 .nihilo .dijitCalendarIncrementControl { - font-size:.1em; - background-image: url(images/spriteRoundedIconsSmall.gif); -} -.nihilo .dijitA11ySideArrow { - display: none; -} -.nihilo .dijitCalendarDecrease { - background-position: top left; -} -.nihilo .dijitCalendarIncrease { - background-position: -30px top; -} -.nihilo table.dijitCalendarContainer { - font-size: 100%; - border-spacing: 0; - border-collapse: separate; - border: 1px solid #ccc; - margin: 0; -} -.nihilo .dijitCalendarMonthContainer th { - - background:#d3d3d3 url(images/titleBar.png) repeat-x top; - padding-top:.3em; - padding-bottom:.2em; - text-align:center; -} -.dj_ie6 .nihilo .dijitCalendarMonthContainer th { - padding-top:.2em; - padding-bottom:.1em; -} -.nihilo .dijitCalendarDayLabelTemplate { - - background:#fefefe; - font-weight:normal; - padding-top:.15em; - padding-bottom:.2em; - border-bottom: 1px solid #eeeeee; - color:#293a4b; - text-align:center; -} -.nihilo .dijitCalendarBodyContainer { - border-bottom: 1px solid #eeeeee; -} -.nihilo .dijitCalendarMonthLabel { - color:#293a4b; - font-weight: bold; -} -.nihilo .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: #fdfdfd; - border:#fdfdfd solid 1px !important; -} -.dj_ie .nihilo .dijitCalendarDateTemplate { - padding: 0.1em .33em 0.02em .33em; -} -.nihilo .dijitCalendarPreviousMonth, -.nihilo .dijitCalendarNextMonth { - - color:#999999; - background-color:#f5f5f5 !important; - border:#f5f5f5 solid 1px !important; -} -.nihilo .dijitCalendarCurrentMonth { - -} -.nihilo .dijitCalendarDisabledDate { - text-decoration:line-through !important; -} -.nihilo .dijitCalendarCurrentDate { - - text-decoration:underline; - font-weight:bold; -} -.nihilo .dijitCalendarSelectedDate { - - background-color:#ffe284 !important; - color:black !important; - border:#f7c95c solid 1px !important; -} -.nihilo .dijitCalendarYearContainer { - - background:white url(images/titleBar.png) repeat-x top; -} -.nihilo .dijitCalendarYearLabel { - - margin:0; - padding:0.4em 0 0.25em 0; - text-align:center; -} -.nihilo .dijitCalendarSelectedYear { - - color:black; - padding:0.2em; - padding-bottom:0.1em; - background-color:#ffe284 !important; - border:#f7c95c solid 1px !important; -} -.nihilo .dijitCalendarNextYear, -.nihilo .dijitCalendarPreviousYear { - - color:black !important; - font-weight:normal; -} -.nihilo .dijitTimePickerTick, -.nihilo .dijitTimePickerMarker { - border-color: #eeeeee; -} -.nihilo .dijitTimePickerTick { - color:white; -} -.nihilo .dijitTimePickerMarker { - background:#d3d3d3 url(images/titleBar.png) repeat-x top; - color:#293a4b; - font-weight: bold; -} -.nihilo .dijitTimePickerItemSelected { - color: black; - background: #ffe284 none; -} -.nihilo .dijitTimePickerItemHover { - background: #d6d6dd none; - color:black; -} -.nihilo .dijitTimePickerItemHover, -.nihilo .dijitTimePickerItemSelected { - position: relative; - z-index: 10; -} -.nihilo .dijitTimePickerTick .dijitTimePickerItemInner { - font-size:0.4em; -} -.nihilo .dijitTimePickerItemHover .dijitTimePickerItemInner, -.nihilo .dijitTimePickerItemSelected .dijitTimePickerItemInner { - font-size:1em; -} -.nihilo .dijitTimePickerMarkerHover { - border-top: 1px solid #eeeeee; -} -.nihilo .dijitTimePickerTickHover, -.nihilo .dijitTimePickerTickSelected { - margin-top:-0.3em; - margin-bottom:-0.3em; - border-bottom: none; -} -.nihilo .dijitToolbar { - border-bottom: 1px solid #ccc; - background:#eaeaea url(images/titleBar.png) repeat-x top left; -} -.dj_ie6 .nihilo .dijitToolbar { - height: 10px; -} -.nihilo .dijitToolbar .dijitButtonNode, -.nihilo .dijitToolbar .dijitComboButton .dijitButtonContents, -.nihilo .dijitToolbar .dijitComboButton .dijitDownArrowButton { - background: none; - margin: 0px; - padding: 0px; - border: none; - font-size: 12px; -} -.nihilo .dijitToolbar .dijitButton, -.nihilo .dijitToolbar .dijitToggleButton, -.nihilo .dijitToolbar .dijitDropDownButton, -.nihilo .dijitToolbar .dijitComboButton .dijitButtonContents, -.nihilo .dijitToolbar .dijitComboButton .dijitDownArrowButton { - background: none; - padding: 1px; -} -.nihilo .dijitToolbar .dijitButtonChecked, -.nihilo .dijitToolbar .dijitToggleButtonChecked { - background-color:#ffeeb9; - border:1px solid #f7c95c; - padding: 0; -} -.nihilo .dijitToolbar .dijitButtonCheckedHover, -.nihilo .dijitToolbar .dijitToggleButtonCheckedHover - { - background-color:#ffe284; - border:1px solid #f7c95c; - padding: 0; -} -.nihilo .dijitToolbar .dijitButtonHover, -.nihilo .dijitToolbar .dijitToggleButtonHover, -.nihilo .dijitToolbar .dijitDropDownButtonHover, -.nihilo .dijitToolbar .dijitComboButton .dijitButtonContentsHover, -.nihilo .dijitToolbar .dijitComboButton .dijitDownArrowButtonHover { - - border: 1px solid #f7c95c; - padding: 0; - background-color:#ffe284; -} -.nihilo .dijitToolbar label { - padding: 3px 3px 0 6px; -} -.dj_ie .nihilo .dijitToolbar .dijitComboButton .dijitButtonContentsFocused, -.dj_ie .nihilo .dijitToolbar .dijitComboButton .dijitDownArrowButtonFocused { - - border: 1px #555 dotted !important; - padding: 0px; -} -.nihilo .dijitDialog { - background: #eee; - border: 1px solid #d3d3d3; - -webkit-box-shadow: 0px 5px 10px #adadad; - padding: 0px; -} -.nihilo .dijitDialog .dijitDialogTitle { - - font-size: 0.9em; - color: #3243C5F; - font-weight: bold; - padding: 0px 4px; -} -.nihilo .dijitDialog .dijitDialogPaneContent { - background: #ffffff; - border-top: 1px solid #d3d3d3; - padding:10px; -} -.nihilo .dijitDialogTitleBar { - - background: #fafafa url(images/titleBar.png) repeat-x top left; - padding: 5px 6px 3px 6px; - outline:0; -} -.nihilo .dijitDialogCloseIcon { - - background-image: url(images/spriteRoundedIconsSmall.png); - background-repeat: no-repeat; - background-position: -60px 0px; - position: absolute; - vertical-align: middle; - right: 6px; - top: 4px; - height: 15px; - width: 15px; -} -.dj_ie6 .nihilo .dijitDialogCloseIcon { - background-image: url(images/spriteRoundedIconsSmall.gif); -} -.nihilo .dijitDialogCloseIconHover { - background-position: -60px -15px; -} -.nihilo .dijitTooltip, -.nihilo .dijitTooltipDialog { - - background: transparent; -} -.dijitTooltipBelow { - - padding-top: 10px; -} -.dijitTooltipAbove { - - padding-bottom: 10px; -} -.nihilo .dijitTooltipContainer { - - background-color: #fff; - border:1px solid #d3d3d3; - padding:0.45em; -} -.nihilo .dijitTooltipConnector { - - border:0px; - z-index: 2; -} -.nihilo .dijitTooltipABRight .dijitTooltipConnector { - - left: auto !important; - right: 6px; -} -.nihilo .dijitTooltipBelow .dijitTooltipConnector { - - top: 0px; - left: 6px; - background:url(images/tooltipConnectorUp.png) no-repeat top left; - width:17px; - height:11px; -} -.dj_ie .nihilo .dijitTooltipBelow .dijitTooltipConnector { - background-image: url(images/tooltipConnectorUp.gif); -} -.nihilo .dijitTooltipAbove .dijitTooltipConnector { - - bottom: 0px; - left: 6px; - background:url(images/tooltipConnectorDown.png) no-repeat top left; - width:17px; - height:11px; -} -.dj_ie .nihilo .dijitTooltipAbove .dijitTooltipConnector { - background-image: url(images/tooltipConnectorDown.gif); -} -.dj_ie6 .nihilo .dijitTooltipAbove .dijitTooltipConnector { - bottom: -5px; -} -.nihilo .dijitTooltipLeft { - padding-right: 10px; -} -.dj_ie6 .nihilo .dijitTooltipLeft { - padding-left: 11px; -} -.nihilo .dijitTooltipLeft .dijitTooltipConnector { - - right: 0px; - bottom: 3px; - background:url(images/tooltipConnectorRight.png) no-repeat top left; - width:11px; - height:17px; -} -.dj_ie .nihilo .dijitTooltipLeft .dijitTooltipConnector { - background-image: url(images/tooltipConnectorRight.gif); -} -.nihilo .dijitTooltipRight { - padding-left: 10px; -} -.nihilo .dijitTooltipRight .dijitTooltipConnector { - - left: 0px; - bottom: 3px; - background:url(images/tooltipConnectorLeft.png) no-repeat top left; - width:11px; - height:17px; -} -.dj_ie .nihilo .dijitTooltipRight .dijitTooltipConnector { - background-image: url(images/tooltipConnectorLeft.gif); -} -.nihilo .dijitMenu, -.nihilo .dijitMenuBar { - border: 1px solid #d3d3d3; - margin: 0px; - padding: 0px; - background-color: #fff; -} -.nihilo .dijitBorderContainer .dijitMenuBar { - border: 1px #ccc solid; -} -.nihilo .dijitMenuItem { - font-family: sans-serif; - margin: 0px; - color: #243C5F; -} -.nihilo .dijitMenuBar .dijitMenuItem { - padding: 4px 5px; -} -.nihilo .dijitMenuPreviousButton, .nihilo .dijitMenuNextButton { - font-style: italic; -} -.nihilo .dijitMenuItem TD { - padding:1px; -} -.nihilo .dijitMenuPassive .dijitMenuItemHover, -.nihilo .dijitMenuItemSelected { - background-color: #ffe284; - color: #243C5F; -} -.nihilo .dijitMenuItemIcon { - width: 15px; - height: 15px; -} -.nihilo .dijitMenuExpand { - width:15px; - height:15px; - background-image: url(images/spriteRoundedIconsSmall.png); - background-position: -30px top; -} -.dj_ie6 .nihilo .dijitMenuExpand { - background-image:url(images/spriteRoundedIconsSmall.gif); -} -.nihilo .dijitMenuSeparator { - height: 1px; -} -.nihilo .dijitMenuSeparatorTop { - border-bottom: 1px solid #fff; -} -.nihilo .dijitMenuSeparatorBottom { - border-top: 1px solid #d3d3d3; -} -.nihilo .dijitCheckedMenuItemIconChar { - display: none; -} -.nihilo .dijitCheckedMenuItemIcon { - background-image: url(images/spriteCheckbox.gif); - background-position: -80px; -} -.nihilo .dijitCheckedMenuItemChecked .dijitCheckedMenuItemIcon { - background-position: -64px; -} -.nihilo .dijitToolbar .dijitToolbarSeparator { - background: url(../../icons/images/editorIconsEnabled.png); -} -.nihilo .dijitEditorIcon { - background-image: url(../../icons/images/editorIconsEnabled.png); - background-repeat: no-repeat; - width: 18px; - height: 18px; - text-align: center; -} -.nihilo .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 #d3d3d3; - 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/nihilo/nihilo_rtl.css b/lib/dijit/themes/nihilo/nihilo_rtl.css index b47f8431b..1e9a6af85 100644 --- a/lib/dijit/themes/nihilo/nihilo_rtl.css +++ b/lib/dijit/themes/nihilo/nihilo_rtl.css @@ -1,224 +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 .nihilo .dijitTab { - margin-right:0; - margin-left:2px; -} -.dijitRtl .nihilo .dijitTabContainer .tabStripButton { - margin-left: 0; -} -.dijitRtl .nihilo .dijitTabContainerTopStrip, -.dijitRtl .nihilo .dijitTabContainerBottomStrip, -.dijitRtl .nihilo .dijitTabContainerTop-tabs, -.dijitRtl .nihilo .dijitTabContainerBottom-tabs { - padding-left: 0; - padding-right: 3px; -} -.dijitRtl .nihilo .dijitTabInnerDiv { - padding-left: 3px; - padding-right: 4px; -} -.dijitRtl .nihilo .dijitTabPaneWrapper { - #zoom: 1; -} -.dj_ie-rtl .nihilo .dijitTabContainerLeft-tabs { - margin-left: 0px !important; -} -.dj_ie-rtl .nihilo .dijitTabContainerRight-tabs { - margin-right: 0px !important; -} -.dijitRtl .nihilo .dijitTabContainerLeft-tabs .dijitTab, -.dijitRtl .nihilo .dijitTabContainerRight-tabs .dijitTab { - margin-left:0px; -} -.dj_ie-rtl .nihilo .dijitTab .dijitTabInnerDiv{ - width : 1%; -} -.dijitRtl .nihilo .dijitAccordionArrow { - background-position: 0px top; -} -.dijitRtl .nihilo .dijitAccordionTitleSelected .dijitAccordionArrow { - - background-position: -15px top; -} -.dijitRtl .nihilo .dijitSliderProgressBarH, -.dijitRtl .nihilo .dijitSliderRemainingBarH, -.dijitRtl .nihilo .dijitSliderLeftBumper, -.dijitRtl .nihilo .dijitSliderRightBumper, -.dijitRtl .nihilo .dijitSliderTopBumper { - background-position: top right; -} -.dijitRtl .nihilo .dijitSliderProgressBarV, -.dijitRtl .nihilo .dijitSliderRemainingBarV, -.dijitRtl .nihilo .dijitSliderBottomBumper { - background-position: bottom right; -} -.dijitRtl .nihilo .dijitSliderLeftBumper { - border-left-width: 0px; - border-right-width: 1px; -} -.dijitRtl .nihilo .dijitSliderRightBumper { - border-left-width: 1px; - border-right-width: 0px; -} -.dijitRtl .nihilo .dijitSliderIncrementIconH { - background:url(images/spriteRoundedIconsSmall.png) no-repeat left top; - #background:url(images/spriteRoundedIconsSmall.gif) no-repeat left top; -} -.dijitRtl .nihilo .dijitSliderDecrementIconH { - background:url(images/spriteRoundedIconsSmall.png) no-repeat -30px top; - #background:url(images/spriteRoundedIconsSmall.gif) no-repeat -30px top; -} -.dijitRtl .nihilo .dijitComboBox .dijitButtonNode { - border-width: 0px 0px 0px 1px; -} -.dijitRtl .nihilo .dijitSelect .dijitButtonContents { - border-left: none; - border-right-width: 1px; -} -.dijitRtl .nihilo .dijitTreeNode, -.dijitRtl .nihilo .dijitTreeExpandoLeaf { - - background-image: none; -} -.dijitRtl .nihilo .dijitTreeContent { - padding-left: 0px; - padding-right: 1px; -} -.dijitRtl .nihilo .dijitTreeExpandoOpened { - - background: url(images/spriteTree_rtl.gif) no-repeat -18px top; -} -.dijitRtl .nihilo .dijitTreeExpandoClosed { - - background-image: url(images/spriteTree_rtl.gif); -} -.dijitRtl .nihilo .dijitTitlePane .dijitClosed .dijitArrowNode { - background-position: 0px top; -} -.dj_ie6-rtl .nihilo .dijitTitlePane .dijitClosed .dijitArrowNode { - background-position: 0px top; -} -.dijitRtl .nihilo .dijitCalendarDecrease { - background-position: -30px top; -} -.dijitRtl .nihilo .dijitCalendarIncrease { - background-position: 0px top; -} -.dj_ie6-rtl .nihilo .dijitTimePickerMarkerHover, -.dj_ie7-rtl .nihilo .dijitTimePickerMarkerHover { - border-top: 0px; -} -.dijitRtl .nihilo .dijitDialogTitleBar .dijitDialogCloseIcon { - right: auto; - left: 5px; -} -.dijitRtl .nihilo .dijitMenuItem .dijitMenuItemIcon { - padding-left: 3px; - padding-right: 0px; -} -.dijitRtl .nihilo .dijitMenuItem .dijitMenuExpand { - background-position: 0px top; -} -.dijitRtl .nihilo .dijitEditorIcon { - background-image: url(../../icons/images/editorIconsEnabled_rtl.png); -} -.dijitRtl .nihilo .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");/* RTL sprite for editor icons to be used by all themes*/
\ No newline at end of file |