diff options
author | mensonge <mensonge@b3834d28-1941-0410-a4f8-b48e95affb8f> | 2008-11-13 09:49:11 +0000 |
---|---|---|
committer | mensonge <mensonge@b3834d28-1941-0410-a4f8-b48e95affb8f> | 2008-11-13 09:49:11 +0000 |
commit | e44a7e37b6c7b5961adaffc62b9042b8d442938e (patch) | |
tree | 95b67c356e93163467db2451f2b8cce84ed5d582 /includes/js/dijit/themes | |
parent | a62b9742ee5e28bcec6872d88f50f25b820914f6 (diff) | |
download | semanticscuttle-e44a7e37b6c7b5961adaffc62b9042b8d442938e.tar.gz semanticscuttle-e44a7e37b6c7b5961adaffc62b9042b8d442938e.tar.bz2 |
New feature: basic Ajax suggestion for tags and implementation of Dojo toolkit
git-svn-id: https://semanticscuttle.svn.sourceforge.net/svnroot/semanticscuttle/trunk@151 b3834d28-1941-0410-a4f8-b48e95affb8f
Diffstat (limited to 'includes/js/dijit/themes')
490 files changed, 20110 insertions, 0 deletions
diff --git a/includes/js/dijit/themes/a11y/README.txt b/includes/js/dijit/themes/a11y/README.txt new file mode 100644 index 0000000..a809354 --- /dev/null +++ b/includes/js/dijit/themes/a11y/README.txt @@ -0,0 +1,3 @@ +This folder contains images used by all themes when in "high-contrast" mode. + +If you think you need to put something here, please talk to Becky or Bill first.
\ No newline at end of file diff --git a/includes/js/dijit/themes/a11y/indeterminate_progress.gif b/includes/js/dijit/themes/a11y/indeterminate_progress.gif Binary files differnew file mode 100644 index 0000000..66f535c --- /dev/null +++ b/includes/js/dijit/themes/a11y/indeterminate_progress.gif diff --git a/includes/js/dijit/themes/dijit.css b/includes/js/dijit/themes/dijit.css new file mode 100644 index 0000000..fa689ae --- /dev/null +++ b/includes/js/dijit/themes/dijit.css @@ -0,0 +1,1205 @@ + +.dijitReset { + + margin:0; + border:0; + padding:0; + line-height:normal; + font: inherit; + color: inherit; +} +.dijitInline { + + display:-moz-inline-box; + display:inline-block; + #zoom: 1; + #display:inline; + border:0; + padding:0; + vertical-align:middle; +} +.dj_ie INPUT.dijitTextBox, +.dj_ie .dijitInputField INPUT { + font-size: 100%; + font-family: inherit; + behavior: expression( + function(self){ + var cs, e; + try{ + if(self.currentStyle.fontFamily=='inherit'){ + cs = self.parentNode.currentStyle || document.documentElement.currentStyle; + self.style.fontFamily = cs.fontFamily; + } + self.style.behavior = null; + }catch(e){} + }(this) + ); +} +.dj_ie .dijitInputField INPUT { + margin: -1px 0 !important; +} +.dj_iequirks .dijitInputField INPUT { + margin-top: -3px !important; +} +.dijitInlineTable { + + display: -moz-inline-stack; + 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; +} +.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 { + opacity: 1 !important; + background-color: white !important; +} +.dj_ie .dijit_a11y .dijitPopup * { + filter: none; +} +.dijitInputField { + overflow:hidden; + #zoom:1; +} +.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; +} +.dijitClickableRegion { + + cursor: pointer; +} +.dijitDisplayNone { + + display:none !important; +} +.dijitContainer { + + overflow: hidden; +} +.dijit_a11y * { + background-image:none !important; +} +.dijit_a11y .dijitCalendarIncrementControl .dijitA11ySideArrow { + padding-left:.2em; + visibility:visible !important; +} +.dj_ie6 .dijit_a11y .dijitCalendarIncrementControl { + font-size:.75em !important; +} +.dijit_a11y .dijitCalendarSelectedDate { + text-decoration:overline !important; +} +.dijitA11ySideArrow { + vertical-align:top; + margin-right:0em; + margin-left:.2em; + line-height:2em; + text-align:center; +} +.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 .dijitButtonDisabled .dijitButtonNode, +.dijit_a11y .dijitDropDownButtonDisabled .dijitButtonNode, +.dijit_a11y .dijitComboButtonDisabled .dijitButtonNode, +.dijit_a11y .dijitComboBoxDisabled .dijitInputField, +.dijit_a11y .dijitComboBoxDisabled .dijitButtonNode, +.dijit_a11y .dijitSpinnerDisabled .dijitButtonNode, +.dijit_a11y .dijitSpinnerDisabled .dijitInputField { + border-style: outset!important; + border-width: medium!important; + border-color: #999 !important; + color:#999 !important; +} +.dijitButtonNode * { + vertical-align: middle; +} +.dijit_a11y .dijitArrowButtonInner { + width: 1.0em; + display: none !important; +} +.dijitButtonNode .dijitArrowButtonInner { + background:no-repeat center; + width: 16px; +} +.dijitComboBox .dijitArrowButtonInner { + display: block; +} +.dijit_a11y .dijitToggleButtonChecked .dijitToggleButtonIconChar { + display: inline !important; +} + +.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; +} +.dijitButton, +.dijitDropDownButton, +.dijitComboButton { + + margin: 0.2em; +} +.dj_safari .dijitToolbar .dijitDropDownButton { + padding-left: 0.3em; +} +.dijitButtonNode { + + border:1px solid gray; + margin:0; + padding:.2em .2em .1em; + line-height:normal; + cursor:pointer; + vertical-align:middle; + text-align:center; + white-space: nowrap; +} +.dijitArrowButton { + + + padding: 0 .4em; +} +DIV.dijitArrowButton { + float: right; +} +.dijitSpinner .dijitInputLayoutContainer .dijitArrowButton { + border-style: solid; + border-width: 0 0 0 1px !important; + padding: 0; + position: absolute; + right: 0; + float: none; +} +.dijitSpinner .dijitInputLayoutContainer .dijitArrowButton { + position: absolute; + height: 50%; +} +.dijitSpinner .dijitInputLayoutContainer .dijitDownArrowButton { + top: none; + bottom: 0; + border-top-width: 1px !important; +} +.dijitSpinner .dijitInputLayoutContainer .dijitUpArrowButton { + top: 0; + bottom: none; +} +.dijitComboButton TABLE { + + border-collapse: separate; + border:0; + padding:0; + margin:0; +} +.dijitComboButton .dijitButtonContents { + border-right-width:0 !important; +} +.dj_ie BUTTON.dijitButtonNode { + overflow: visible; +} +table .dijitButton .dijitButtonNode, +table .dijitComboButton .dijitButtonNode { + #overflow:hidden; +} +.dijitButtonNode IMG { + + vertical-align:middle; + margin-bottom:.2em; +} +.dijitTextBox, +.dijitComboBox, +.dijitSpinner { + border: solid black 1px; + #overflow: hidden; + width: 15em; +} +.dijitTextBox input:focus, +.dijitComboBox input:focus, +.dijitSpinner input:focus { + outline: none; +} +.dijitTextBoxFocused, +.dijitComboBoxFocused, +.dijitSpinnerFocused { + + outline: auto 5px -webkit-focus-ring-color; +} +.dijitTextBox INPUT, +.dijitComboBox INPUT, +.dijitSpinner INPUT { + padding:0; + border-left: solid black 1px; + display:inline; + position:static !important; + border:0 !important; + margin:0 !important; + vertical-align:0em !important; + visibility:visible !important; + background-color:transparent !important; + background-image:none !important; + width:100% !important; +} +.dijitValidationIcon { + visibility: hidden; + display: block; + padding: 0 2px; + float: right; + height: auto; +} +.dijitValidationIconText { + visibility: hidden; + display: none; + float:right; + font-family: sans-serif; + font-style:italic; + font-size: 0.45em; + line-height: 190%; +} +.dijit_a11y .dijitValidationIcon { display: none !important; } +.dijit_a11y .dijitValidationIconText { display: block !important; } +.dijitError .dijitValidationIcon, +.dijitError .dijitValidationIconText { + visibility: visible; +} +.dijitTextBox .dijitArrowButton { + + display:none; +} +.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; + height: auto; +} +.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%; + height:100%; +} +.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:4px; + border-style:solid; + background-color:transparent !important; +} +.dj_iequirks .dijitProgressBarTile{ + width:100%; + height:100%; +} +.dj_ie6 .dijitProgressBarTile{ + + position:static; + + height:100%; +} +.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; +} +.dijitProgressBarV .dijitProgressBarFull{ + bottom:0; +} +.dj_ie6 .dijitProgressBarV .dijitProgressBarTile{ + position:absolute; + + width:100%; +} +.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; +} +.dijitLayoutContainer{ + position: relative; + display: block; + overflow: hidden; +} +body .dijitAlignTop, +body .dijitAlignBottom, +body .dijitAlignLeft, +body .dijitAlignRight { + position: absolute; + overflow: hidden; +} +body .dijitAlignClient { position: absolute; } +.dijitBorderContainer { + position:relative; + overflow: hidden; +} +.dijitBorderContainer > .dijitTextArea { + + resize: none; +} +.dijitSplitter { + position: absolute; + overflow: hidden; + z-index: 9999; + background-color: #fff; + border-color: gray; + border-style: solid; + border-width: 0; + z-index: 10 !important; +} +.dijitSplitterCover{ + position:absolute; + z-index:1; + top:0; + left:0; + width:100%; + height:100%; +} +.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; +} +.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; +} +.dijitTitlePane { + display: block; + overflow: hidden; +} +.dj_ie7 .dijitTitlePaneTextNode { + display:inline; +} +.dijitColorPalette { + border:1px solid #999; + background:#fff; + -moz-border-radius:3pt; +} +img.dijitColorPaletteUnder { + border-style:none; + position:absolute; + left:0; + top:0; +} +.dijitColorPaletteInner { + position: relative; + overflow:hidden; + outline:0; +} +.dijitPaletteCell { + width: 20px; + height: 20px; + position: absolute; + overflow: hidden; + z-index: 10; + outline-width: 0; +} +.dijitPaletteImg { + width: 16px; + height: 14px; + position: absolute; + top: 1px; + left: 1px; + overflow: hidden; + cursor: default; + border:1px solid #999; + +} +.dijitPaletteCellHighlight img { + width: 14px; + height: 12px; + position: absolute; + top: 1px; + left: 1px; + overflow: hidden; + cursor: default; + border:2px solid #000; + outline:1px solid #dedede; + +} +.dijit_a11y .dijitPaletteCell { + background-color:transparent !important; +} +.dijit_a11y .dijitPaletteImg { + background-color:transparent !important; +} +.dijitAccordionPane { + overflow: hidden !important; +} +.dijitAccordionPane .dijitAccordionBody { + overflow: auto; +} +.dijitAccordionContainer { + border:1px solid #b7b7b7; + border-top:0 !important; +} +.dijitAccordionTitle:hover { + cursor: pointer; +} +.dijitAccordionTitle .dijitAccordionArrow { + float: right; +} +.dijitAccordionPane .dijitAccordionTitle .arrowTextUp, +.dijitAccordionPane .dijitAccordionTitle .arrowTextDown { + display: none; + float: right; + font-size: 0.65em; + font-weight: normal !important; +} +.dijit_a11y .dijitAccordionPane .dijitAccordionTitle .arrowTextUp { + display: inline; +} +.dijit_a11y .dijitAccordionTitle-selected .arrowTextDown { + display: inline; +} +.dijit_a11y .dijitAccordionTitle-selected .arrowTextUp { + display: none; +} +.dijitCalendarContainer thead tr th, .dijitCalendarContainer thead tr td, .dijitCalendarContainer tbody tr td, .dijitCalendarContainer tfoot tr td { + padding: 0; +} +.dijitCalendarNextYear { + margin:0 0 0 0.55em; +} +.dijitCalendarPreviousYear { + margin:0 0.55em 0 0; +} +.dijitCalendarIncrementControl { + cursor:pointer; + cursor:hand; + width:1em; +} +.dijitCalendarDisabledDate { + color:gray !important; +} +.dijitCalendarBodyContainer tbody tr td { + cursor:pointer; + cursor:hand; +} +.dijitCalendarPreviousMonthDisabled, +.dijitCalendarCurrentMonthDisabled, +.dijitCalendarNextMonthDisabled { + cursor:default !important +} +.dijitCalendarDateTemplate, +.dijitCalendarSelectedYear, +.dijitCalendarNextYear, +.dijitCalendarPreviousYear { + cursor:pointer; +} +.dijitCalendarMonthLabelSpacer { + + position: relative; + height: 1px; + overflow: hidden; + visibility: hidden; +} +.dijitMenu { + border:1px solid black; + background-color:white; +} +.dijitMenuTable { + margin:1px 0; + border-collapse:collapse; + border-width:0; + background-color:white; +} +.dijitMenuItem{ + white-space: nowrap; + padding:.1em .2em; +} +.dijitMenuItemHover { + cursor:pointer; + cursor:hand; + background-color:black; + color:white; +} +.dijitMenuItemIcon { + position: relative; + background-repeat: no-repeat; +} +.dijitMenuItemDisabled * { + + opacity:0.3; + cursor:default; +} +.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 .dijitMenuItemHover .dijitMenuItemLabel { + border-width: 1px; + border-style: solid; +} +.dijit_a11y .dijitMenuItemHover { + border: 1px #fff dotted !important; +} +.dijit_a11y .dijitMenuExpandInner { + display:block !important; +} +.dijitMenuSeparatorTop { + height: 50%; + margin: 0; + margin-top:3px; + font-size: 1px; +} +.dijitMenuSeparatorBottom { + height: 50%; + margin: 0; + margin-bottom:3px; + font-size: 1px; +} +.dijitTabLabels-top { + top:1px !important; + z-index:10; +} +.dijitTabLabels-bottom { + margin-top:-1px !important; + z-index:10; +} +.dijitTabLabels-left-h { + margin-right:-1px !important; + z-index:10; +} +.dijitTabLabels-right-h { + margin-left:-1px !important; + z-index:10; +} +.dijitTabPaneWrapper { + z-index:0; + overflow: hidden; + clear: both; +} +.dijitTab { + position:relative; + float:left; + cursor:pointer; + white-space:nowrap; + z-index:3; +} +.dijitTabContainer .dijitAlignLeft .dijitTab, +.dijitTabContainer .dijitAlignRight .dijitTab { + float:none; +} +.dijitTabInnerDiv { + position:relative; +} +.dijitTab .close { + display: inline-block; + cursor: default; + font-size: small; +} +.dijitTab .closeText { + display:none; + padding: 0 2px; + margin: 0 2px; +} +.dijit_a11y .dijitTab .closeImage { + padding: 0 !important; + margin: 0 !important; + top: 0 !important; + bottom: 0 !important; +} +.dijit_a11y .closeText { + display:inline; + margin-left:6px; +} +.dijit_a11y .closeText:hover { + border:thin solid; +} +.dijit_a11y .dijitTabChecked { + border-style:dashed !important; +} +.dijit_a11y .dijitTabInnerDiv { + border-left:none !important; + } +.dijitInlineEditor { + + position:relative; + vertical-align:bottom; +} +.dj_ie .dijitInlineEditor { + vertical-align:middle; +} +.dijitInlineValue { + +} +.dijitInlineEditor .dijitButtonContainer { + + position:absolute; + right:0; + overflow:visible; +} +.dijitInlineEditor .saveButton, +.dijitInlineEditor .cancelButton { +} +.dijitTreeExpando, .dijitTreeExpand { + float:left; + display:inline; +} +.dijitTreeExpando { + clear:both; +} +.dijitTreeContent { + cursor: default; + +} +.dijitExpandoText { + display: none; +} +.dijit_a11y .dijitExpandoText { + float: left; + display: inline; + padding-left: 10px; + padding-right: 10px; + font-family: monospace; + border-style: solid; + border-width: thin; + cursor: pointer; +} +.dijitDialog { + position: absolute; + z-index: 999; + padding: 1px; +} +.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 .dijitInputLayoutContainer, +.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; +} +.dijit_a11y div.dijitSliderImageHandle, +.dijitSliderImageHandle { + margin:0; + padding:0; + position:absolute !important; + border:8px solid gray; + width:0; + height:0; +} +.dijit_a11y .dijitSliderFocused .dijitSliderImageHandle { + border:4px solid #000; + height:8px; + width:8px; +} +.dijitSliderImageHandleV { + top:-8px; + left:-6px; +} +.dijitSliderImageHandleH { + left:-8px; + top:-5px; + vertical-align:top; +} +.dijitSliderBar { + border-style:solid; + border-color:black; +} +.dijitSliderBarH { + height:4px; + border-width:1px 0; +} +.dijitSliderBarV { + width:4px; + border-width:0 1px; +} +.dijitSliderProgressBar { + background-color:red; + #z-index:0; +} +.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; +} +.dijitSliderDecorationH { + text-align:center; +} +.dijitSlider .dijitSliderButton { + font-family:monospace; + margin:0; + padding:0; + display:block; +} +.dijit_a11y .dijitSliderButtonInner { + visibility:visible !important; +} +.dijitSliderButtonContainer { + text-align:center; + height:0; +} +.dijitSlider .dijitButtonNode { + padding:0; + display:block; +} +.dj_ie .dijitRuleContainer { + z-index: -1; +} +.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%; +} +.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 .dijitButtonContents .dijitButtonText { + display: inline !important; +} +.dijitTextArea { + width:100%; + overflow: auto; +} +.dj_ie .dijitTextArea p { + margin-top:0; + margin-bottom:0; + line-height: normal !important; +} +.dijitToolbarSeparator { + height: 18px; + width: 5px; + padding: 0 1px; + margin: 0; +} +.dijitIEFixedToolbar { + position:absolute; + + top: expression(eval((document.documentElement||document.body).scrollTop)); +} +.dijitTimePickerItemInner { + text-align:center; + border:0; + padding:2px 8px 2px 8px; +} +.dijitTimePickerTick { + + color:#dedede; + border-bottom:1px solid #dedede; + border-top:1px solid #dedede; + position:relative; +} +.dijitTimePickerTick .dijitTimePickerItemInner { + font-size:0.25em; +} +.dijitTimePickerMarker { + background-color:#ededed; + border-top:1px solid #999; + border-bottom:1px solid #999; +} +.dijitTimePickerItemHover { + opacity:1 !important; + background-color:#808080; + color:#fff; + border-top:1px solid #333; + border-bottom:1px solid #333; + cursor:pointer; +} +.dijitTimePickerMarker.dijitTimePickerItemHover { + font-size:1.3em; +} +.dijitTimePickerItemHover .dijitTimePickerItemInner { + display:block; + overflow:visible; + background-color:#808080; + font-size:1em; +} +.dijitTimePickerItemSelected { + font-weight:bold; + color:#333; + background-color:#b7cdee !important; +} +.dijit_a11y .dijitTimePickerItem { + border-bottom:1px solid #333; +} +.dijitToggleButtonIconChar { + display:none !important; +} +.dijit_a11y .dijitToggleButtonIconChar { + display:inline !important; +} +.dijit_a11y .dijitToggleButtonIconChar { + visibility:hidden; +} +.dijit_a11y .dijitToggleButtonChecked .dijitToggleButtonIconChar { + visibility:visible !important; +} +.dijitArrowButtonChar { + display:none !important; +} +.dijit_a11y .dijitArrowButtonChar { + display:inline !important; +} +.dijitInputLayoutContainer { + position: relative; + overflow: hidden; +} +.dijitSpinnerButtonContainer { + float: right; + width: 18px; + position: relative; + overflow: hidden; +} +.dijitSpinner .dijitInputLayoutContainer .dijitArrowButton { + height: 50%; + width: 16px; + overflow: hidden; +} +.dj_ie .dijitSpinner .dijitInputLayoutContainer .dijitArrowButton { + behavior: expression( + function(self){ + var e; + try{ + var h = self.parentNode.offsetHeight/2; + if(h > 1){ + self.style.height = h; + self.style.behavior = null; + } + }catch(e){} + }(this) + ); +} +.dijitSpinner .dijitInputLayoutContainer .dijitArrowButtonInner { + overflow: hidden; + line-height: 50%; +} +.dijit_a11y .dijitSpinner .dijitInputLayoutContainer .dijitArrowButton { + width: 100%; +} +.dijit_a11y .dijitSpinner .dijitArrowButton .dijitArrowButtonChar { + font-size: 0.4em; + vertical-align: top; +} +.dijit_a11y .dijitSpinnerButtonContainer { + width: 0.5em; + margin-left: 2px; + overflow: visible; +} +.dijit_a11y .dijitSpinnerButtonContainer .dijitButtonNode { + border-width: 1px 0px 0px 1px; + border-style: solid !important; +} diff --git a/includes/js/dijit/themes/dijit.css.commented.css b/includes/js/dijit/themes/dijit.css.commented.css new file mode 100644 index 0000000..7aec64f --- /dev/null +++ b/includes/js/dijit/themes/dijit.css.commented.css @@ -0,0 +1,1535 @@ +/* + Essential styles that themes can inherit. + In other words, works but doesn't look great. +*/ + + + +/**** + GENERIC PIECES + ****/ + +.dijitReset { + /* Use this style to null out padding, margin, border in your template elements + so that page specific styles don't break them. + - Use in all TABLE, TR and TD tags. + - If there is more than one class on the tag, place this first so other classes override. + */ + margin:0; + border:0; + padding:0; + line-height:normal; + font: inherit; + color: inherit; +} + +.dijitInline { + /* To inline block elements. + Similar to InlineBox below, but this has fewer side-effects in Moz. + Also, apparently works on a DIV as well as a FIELDSET. + */ + display:-moz-inline-box; /* FF2 */ + display:inline-block; /* webkit and FF3 */ + #zoom: 1; /* set hasLayout:true to mimic inline-block */ + #display:inline; /* don't use .dj_ie since that increases the priority */ + border:0; + padding:0; + vertical-align:middle; +} + +.dj_ie INPUT.dijitTextBox, +.dj_ie .dijitInputField INPUT { + font-size: 100%; + font-family: inherit; /* trigger pseudo font-family inheritance */ + behavior: expression( /* if the font-family = inherit, then get the parent's font-family */ + function(self){ + var cs, e; + try{ + if(self.currentStyle.fontFamily=='inherit'){ + cs = self.parentNode.currentStyle || document.documentElement.currentStyle; + self.style.fontFamily = cs.fontFamily; + } + self.style.behavior = null; /* #5562: prevent re-eval of css expression */ + }catch(e){} /* #6024: random exceptions thrown during init */ + }(this) + ); +} + +.dj_ie .dijitInputField INPUT { /* try to get rid of IE implicit margin around INPUT */ + margin: -1px 0 !important; +} +.dj_iequirks .dijitInputField INPUT { /* try to get rid of IE implicit margin around INPUT */ + margin-top: -3px !important; +} + +.dijitInlineTable { + /* To inline tables with a given width set (otherwise, use dijitInline above) + * Must also put style="-moz-inline-stack" on the node itself to workaround FF2 bugs + */ + display: -moz-inline-stack; /* FF2 */ + display:inline-table; + display:inline-block; /* webkit and FF3 */ + #zoom: 1; /* set hasLayout:true to mimic inline-block */ + #display:inline; /* don't use .dj_ie since that increases the priority */ + box-sizing: content-box; -moz-box-sizing: content-box; + border:0; + padding:0; +} + +.dijitTeeny { + font-size:1px; + line-height:1px; +} + +/* + * Popup items have a wrapper div (dijitPopup) + * with the real popup inside, and maybe an iframe too + */ +.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 { + opacity: 1 !important; + background-color: white !important; +} +.dj_ie .dijit_a11y .dijitPopup * { + filter: none; +} + +.dijitInputField { + overflow:hidden; + #zoom:1; +} + +.dijitPositionOnly { + /* Null out all position-related properties */ + padding: 0 !important; + border: 0 !important; + background-color: transparent !important; + background-image: none !important; + height: auto !important; + width: auto !important; +} + +.dijitNonPositionOnly { + /* Null position-related properties */ + float: none !important; + position: static !important; + margin: 0 0 0 0 !important; + vertical-align: middle !important; +} + +.dijitBackgroundIframe { + /* + * iframe used for FF2 in high-contrast mode to prevent menu + * being transparent + */ + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + z-index: -1; + border: 0; + padding: 0; + margin: 0; +} + +.dijitClickableRegion { + /* a region we expect the user to click on */ + cursor: pointer; +} + + +.dijitDisplayNone { + /* hide something. Use this as a class rather than element.style so another class can override */ + display:none !important; +} + +.dijitContainer { + /* for all layout containers */ + overflow: hidden; /* need on IE so something can be reduced in size, and so scrollbars aren't temporarily displayed when resizing */ +} + +/**** + A11Y + ****/ +.dijit_a11y * { + background-image:none !important; +} + +.dijit_a11y .dijitCalendarIncrementControl .dijitA11ySideArrow { + padding-left:.2em; + visibility:visible !important; +} +.dj_ie6 .dijit_a11y .dijitCalendarIncrementControl { + font-size:.75em !important; +} + +.dijit_a11y .dijitCalendarSelectedDate { + text-decoration:overline !important; +} + +.dijitA11ySideArrow { + vertical-align:top; + margin-right:0em; + margin-left:.2em; + line-height:2em; + text-align:center; +} + +.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 .dijitButtonDisabled .dijitButtonNode, +.dijit_a11y .dijitDropDownButtonDisabled .dijitButtonNode, +.dijit_a11y .dijitComboButtonDisabled .dijitButtonNode, +.dijit_a11y .dijitComboBoxDisabled .dijitInputField, +.dijit_a11y .dijitComboBoxDisabled .dijitButtonNode, +.dijit_a11y .dijitSpinnerDisabled .dijitButtonNode, +.dijit_a11y .dijitSpinnerDisabled .dijitInputField { + border-style: outset!important; + border-width: medium!important; + border-color: #999 !important; + color:#999 !important; +} + +/* button inner contents - labels, icons etc. */ +.dijitButtonNode * { + vertical-align: middle; +} +.dijit_a11y .dijitArrowButtonInner { + width: 1.0em; + display: none !important; +} +.dijitButtonNode .dijitArrowButtonInner { + background:no-repeat center; + width: 16px; +} +.dijitComboBox .dijitArrowButtonInner { + display: block; +} + +/* In high contrast mode, display the check symbol */ +.dijit_a11y .dijitToggleButtonChecked .dijitToggleButtonIconChar { + display: inline !important; +} + + +/**** + 3-element borders: ( dijitLeft + dijitStretch + dijitRight ) + ****/ + +.dijitLeft { + /* Left part of a 3-element border */ + background-position:left top; + background-repeat:no-repeat; +} + +.dijitStretch { + /* Middle (stretchy) part of a 3-element border */ + white-space:nowrap; /* MOW: move somewhere else */ + background-repeat:repeat-x; +} + +.dijitRight { + /* Right part of a 3-element border */ + #display:inline; /* IE7 sizes to outer size w/o this */ + background-position:right top; + background-repeat:no-repeat; +} + +.dijitButton, +.dijitDropDownButton, +.dijitComboButton { + /* outside of button */ + margin: 0.2em; +} + +.dj_safari .dijitToolbar .dijitDropDownButton { + padding-left: 0.3em; +} + +.dijitButtonNode { + /* Node that is acting as a button -- may or may not be a BUTTON element */ + border:1px solid gray; + margin:0; + padding:.2em .2em .1em; + line-height:normal; + cursor:pointer; + vertical-align:middle; + text-align:center; + white-space: nowrap; +} + +.dijitArrowButton { + /* Node that is acting as a arrow button -- drop down (spinner has its own treatment). Also gets dijitButtonNode */ + /* place AFTER dijitButtonNode so it overrides */ + padding: 0 .4em; +} +DIV.dijitArrowButton { + float: right; +} + +.dijitSpinner .dijitInputLayoutContainer .dijitArrowButton { + border-style: solid; + border-width: 0 0 0 1px !important; + padding: 0; + position: absolute; + right: 0; + float: none; +} +.dijitSpinner .dijitInputLayoutContainer .dijitArrowButton { + position: absolute; + height: 50%; +} +.dijitSpinner .dijitInputLayoutContainer .dijitDownArrowButton { + top: none; + bottom: 0; + border-top-width: 1px !important; +} +.dijitSpinner .dijitInputLayoutContainer .dijitUpArrowButton { + top: 0; + bottom: none; +} + +.dijitComboButton TABLE { + /* each cell in a combo-table should have its own separate border */ + border-collapse: separate; + border:0; + padding:0; + margin:0; +} + +.dijitComboButton .dijitButtonContents { + border-right-width:0 !important; +} + + +.dj_ie BUTTON.dijitButtonNode { + overflow: visible; /* eliminates arbitrary left and right padding on buttons */ +} + +table .dijitButton .dijitButtonNode, +table .dijitComboButton .dijitButtonNode { + #overflow:hidden; /* visible messes up if the button is inside a table on IE */ +} + + + +.dijitButtonNode IMG { + /* make text and images line up cleanly */ + vertical-align:middle; + margin-bottom:.2em; +} + +/****** + TextBox related. + Everything that has an <input> +*******/ + +.dijitTextBox, +.dijitComboBox, +.dijitSpinner { + border: solid black 1px; + #overflow: hidden; /* #6027, #6067 */ + width: 15em; /* need to set default size on outer node since inner nodes say <input style="width:100%"> and <td width=100%>. user can override */ +} + +/* rules for safari to deal with fuzzy blue focus border */ +.dijitTextBox input:focus, +.dijitComboBox input:focus, +.dijitSpinner input:focus { + outline: none; /* blue fuzzy line looks wrong on combobox or something w/validation icon showing */ +} +.dijitTextBoxFocused, +.dijitComboBoxFocused, +.dijitSpinnerFocused { + /* should we display focus like we do on other browsers, or use the safari standard focus indicator?? */ + outline: auto 5px -webkit-focus-ring-color; +} + +.dijitTextBox INPUT, +.dijitComboBox INPUT, +.dijitSpinner INPUT { + padding:0; + border-left: solid black 1px; /* TODO: for RTL mode should be border-right */ + display:inline; + position:static !important; + border:0 !important; + margin:0 !important; + vertical-align:0em !important; + visibility:visible !important; + background-color:transparent !important; + background-image:none !important; + width:100% !important; +} + +/* Display an "X" for invalid input. Themes will override these rules to display an icon instead. +*/ +.dijitValidationIcon { + visibility: hidden; + display: block; + padding: 0 2px; + float: right; + height: auto; +} +.dijitValidationIconText { + visibility: hidden; + display: none; + float:right; + font-family: sans-serif; + font-style:italic; + font-size: 0.45em; + line-height: 190%; +} +.dijit_a11y .dijitValidationIcon { display: none !important; } +.dijit_a11y .dijitValidationIconText { display: block !important; } + +.dijitError .dijitValidationIcon, +.dijitError .dijitValidationIconText { + visibility: visible; +} + +.dijitTextBox .dijitArrowButton { + /* this is for a combo box with no arrow displayed; we set baseClass=TextBox */ + display:none; +} + +/**** + dijit.form.CheckBox + & + dijit.form.RadioButton + ****/ + +.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 { + /* place the actual input on top, but all-but-invisible */ + opacity: 0.01; +} + +.dj_ie .dijitCheckBoxInput { + filter: alpha(opacity=0); +} + +.dijit_a11y .dijitCheckBox, +.dijit_a11y .dijitRadio { + width: auto; + height: auto; +} +.dijit_a11y .dijitCheckBoxInput { + opacity: 1; + filter: none; + width: auto; + height: auto; +} + + +/**** + dijit.ProgressBar + ****/ + +.dijitProgressBarEmpty{ + /* outer container and background of the bar that's not finished yet*/ + position:relative;overflow:hidden; + border:1px solid black; /* a11y: border necessary for high-contrast mode */ + z-index:0; /* establish a stacking context for this progress bar */ +} + +.dijitProgressBarFull { + /* outer container for background of bar that is finished */ + position:absolute; + overflow:hidden; + z-index:-1; + top:0; + width:100%; + height:100%; +} + +.dijitProgressBarTile{ + /* inner container for finished portion */ + 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{ + /* a11y: The border provides visibility in high-contrast mode */ + border-width:4px; + border-style:solid; + background-color:transparent !important; +} + +.dj_iequirks .dijitProgressBarTile{ + width:100%; + height:100%; +} + +.dj_ie6 .dijitProgressBarTile{ + /* width:auto works in IE6 with position:static but not position:absolute */ + position:static; + /* height:auto does not work in IE6 */ + height:100%; +} + +.dijitProgressBarIndeterminate .dijitProgressBarLabel{ + visibility:hidden; +} + +.dijitProgressBarIndeterminate .dijitProgressBarTile{ + /* animated gif for 'indeterminate' mode */ +} + +.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; +} + +/* progress bar in vertical mode - TODO: remove? no longer supported? */ +.dijitProgressBarV .dijitProgressBarFull{ + bottom:0; /* start at the bottom */ +} + +.dj_ie6 .dijitProgressBarV .dijitProgressBarTile{ + position:absolute; + /* can't use position:static here -- need absolute positioning to place + the bar at the bottom of a vertical progressbar */ + width:100%; +} + + +/**** + dijit.Tooltip + ****/ + +.dijitTooltip { + position: absolute; + z-index: 2000; + display: block; + /* make visible but off screen */ + 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; +} + +/* MOW: using actual images at this time +/* draw an arrow with CSS only * / +.dijitTooltipConnector { + /* the border on the triangle * / + font-size: 0; line-height: 0%; width: 0; + border-top: none; + border-bottom: 14px solid black; + border-left: 7px solid transparent; + border-right: 7px solid transparent; + top: -14px; + left: 3px; + z-index: 2; +} + +.dijitTooltipConnector div { + /* the background of the triangle * / + font-size: 0; line-height: 0%; width: 0; + position: absolute; + border-bottom: 10px solid #b8b5b5; + border-left: 5px solid transparent; + border-right: 5px solid transparent; + top: 6px; + left: -5px; + z-index: 3; +} + +*/ + + + +/* Layout widgets. This is essential CSS to make layout work (it isn't "styling" CSS) + make sure that the position:absolute in dijitAlign* overrides other classes */ + +.dijitLayoutContainer{ + position: relative; + display: block; + overflow: hidden; +} + +body .dijitAlignTop, +body .dijitAlignBottom, +body .dijitAlignLeft, +body .dijitAlignRight { + position: absolute; + overflow: hidden; +} + +body .dijitAlignClient { position: absolute; } + +.dijitBorderContainer { + position:relative; + overflow: hidden; +} + +.dijitBorderContainer > .dijitTextArea { + /* On Safari, for SimpleTextArea inside a BorderContainer, + don't want to display the grip to resize */ + resize: none; +} + +/* SplitContainer + + 'V' == container that splits vertically (up/down) + 'H' = horizontal (left/right) +*/ + +.dijitSplitter { + position: absolute; + overflow: hidden; + z-index: 9999; + background-color: #fff; + border-color: gray; + border-style: solid; + border-width: 0; + z-index: 10 !important; +} +.dijitSplitterCover{ + position:absolute; + z-index:1; + top:0; + left:0; + width:100%; + height:100%; +} +.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; +} + +.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; +} + +/* ContentPane */ + +.dijitContentPane { + display: block; + overflow: auto; /* if we don't have this (or overflow:hidden), then Widget.resizeTo() doesn't make sense for ContentPane */ +} +/* TitlePane */ +.dijitTitlePane { + display: block; + overflow: hidden; +} +.dj_ie7 .dijitTitlePaneTextNode { + display:inline; +} + +/* Color Palette */ + +.dijitColorPalette { + border:1px solid #999; + background:#fff; + -moz-border-radius:3pt; +} + +img.dijitColorPaletteUnder { + border-style:none; + position:absolute; + left:0; + top:0; +} +.dijitColorPaletteInner { + position: relative; + overflow:hidden; + outline:0; +} +.dijitPaletteCell { + width: 20px; + height: 20px; + position: absolute; + overflow: hidden; + z-index: 10; + outline-width: 0; +} +.dijitPaletteImg { + width: 16px; /*This is the width of one color in the provided palettes. */ + height: 14px; /* Height of one color in the provided palettes. */ + position: absolute; + top: 1px; + left: 1px; + overflow: hidden; + cursor: default; + border:1px solid #999; + /* -moz-border-radius:2pt; */ +} + +.dijitPaletteCellHighlight img { + width: 14px; /*This is the width of one color in the provided palettes. */ + height: 12px; /* Height of one color in the provided palettes. */ + position: absolute; + top: 1px; + left: 1px; + overflow: hidden; + cursor: default; + border:2px solid #000; + outline:1px solid #dedede; + /* -moz-border-radius:0; */ +} + +.dijit_a11y .dijitPaletteCell { + background-color:transparent !important; +} +.dijit_a11y .dijitPaletteImg { + background-color:transparent !important; +} + +/* Accordion */ + +.dijitAccordionPane { + overflow: hidden !important; /* prevent spurious scrollbars */ +} + +.dijitAccordionPane .dijitAccordionBody { + overflow: auto; +} + + +.dijitAccordionContainer { + border:1px solid #b7b7b7; + border-top:0 !important; +} + +.dijitAccordionTitle:hover { + cursor: pointer; +} + +.dijitAccordionTitle .dijitAccordionArrow { + float: right; +} + +/* images off, high-contrast mode styles */ +.dijitAccordionPane .dijitAccordionTitle .arrowTextUp, +.dijitAccordionPane .dijitAccordionTitle .arrowTextDown { + display: none; + float: right; + font-size: 0.65em; + font-weight: normal !important; +} + +.dijit_a11y .dijitAccordionPane .dijitAccordionTitle .arrowTextUp { + display: inline; +} + +.dijit_a11y .dijitAccordionTitle-selected .arrowTextDown { + display: inline; +} + +.dijit_a11y .dijitAccordionTitle-selected .arrowTextUp { + display: none; +} + +/* Calendar */ + +.dijitCalendarContainer thead tr th, .dijitCalendarContainer thead tr td, .dijitCalendarContainer tbody tr td, .dijitCalendarContainer tfoot tr td { + padding: 0; +} + +.dijitCalendarNextYear { + margin:0 0 0 0.55em; +} + +.dijitCalendarPreviousYear { + margin:0 0.55em 0 0; +} + +.dijitCalendarIncrementControl { + cursor:pointer; + cursor:hand; + width:1em; +} + +.dijitCalendarDisabledDate { + color:gray !important; +} + +.dijitCalendarBodyContainer tbody tr td { + cursor:pointer; + cursor:hand; +} + +.dijitCalendarPreviousMonthDisabled, +.dijitCalendarCurrentMonthDisabled, +.dijitCalendarNextMonthDisabled { + cursor:default !important +} + +.dijitCalendarDateTemplate, +.dijitCalendarSelectedYear, +.dijitCalendarNextYear, +.dijitCalendarPreviousYear { + cursor:pointer; +} + +.dijitCalendarMonthLabelSpacer { + /* don't display it, but make it affect the width */ + position: relative; + height: 1px; + overflow: hidden; + visibility: hidden; +} + + +/* Menu */ + +.dijitMenu { + border:1px solid black; + background-color:white; +} +.dijitMenuTable { + margin:1px 0; + border-collapse:collapse; + border-width:0; + background-color:white; +} + +.dijitMenuItem{ + white-space: nowrap; + padding:.1em .2em; +} + +.dijitMenuItemHover { + cursor:pointer; + cursor:hand; + background-color:black; + color:white; +} + +.dijitMenuItemIcon { + position: relative; + background-repeat: no-repeat; +} + +.dijitMenuItemDisabled * { + /* for a disabled menu item, just set it to mostly transparent */ + opacity:0.3; + cursor:default; +} +.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 .dijitMenuItemHover .dijitMenuItemLabel { + border-width: 1px; + border-style: solid; +} +.dijit_a11y .dijitMenuItemHover { + border: 1px #fff dotted !important; +} + +.dijit_a11y .dijitMenuExpandInner { + display:block !important; +} + +/* separator can be two pixels -- set border of either one to 0 to have only one */ +.dijitMenuSeparatorTop { + height: 50%; + margin: 0; + margin-top:3px; + font-size: 1px; +} + +.dijitMenuSeparatorBottom { + height: 50%; + margin: 0; + margin-bottom:3px; + font-size: 1px; +} + + + +/* Tab */ + + +.dijitTabLabels-top { +/* position the tab labels row down by 1 px, and on top of the dijitTabPaneWrapper + so the buttons can overlay the tab pane properly */ + top:1px !important; + z-index:10; +} + +.dijitTabLabels-bottom { +/* position the tab labels row up by 1 px so they overlap */ + margin-top:-1px !important; + z-index:10; +} + +.dijitTabLabels-left-h { +/* position the tab labels left by 1 px so they overlap */ + margin-right:-1px !important; + z-index:10; +} + +.dijitTabLabels-right-h { +/* position the tab labels right by 1 px, on top of the dijitTabPaneWrapper + so the buttons can overlay the tab pane properly */ + margin-left:-1px !important; + z-index:10; +} + +.dijitTabPaneWrapper { + z-index:0; + overflow: hidden; + clear: both; /* needed for doLayout=false mode */ +} + +.dijitTab { + position:relative; + float:left; + cursor:pointer; + white-space:nowrap; + z-index:3; +} + +.dijitTabContainer .dijitAlignLeft .dijitTab, +.dijitTabContainer .dijitAlignRight .dijitTab { + float:none; +} + +.dijitTabInnerDiv { + position:relative; +} + +.dijitTab .close { + display: inline-block; + cursor: default; + font-size: small; +} + +/* images off, high-contrast mode styles */ +.dijitTab .closeText { + display:none; + padding: 0 2px; + margin: 0 2px; +} +.dijit_a11y .dijitTab .closeImage { + padding: 0 !important; + margin: 0 !important; + top: 0 !important; + bottom: 0 !important; +} +.dijit_a11y .closeText { + display:inline; + margin-left:6px; +} +.dijit_a11y .closeText:hover { + border:thin solid; +} +.dijit_a11y .dijitTabChecked { + border-style:dashed !important; +} + +.dijit_a11y .dijitTabInnerDiv { + border-left:none !important; + } + + +.dijitInlineEditor { + /* span around an inline-editable value when in edit mode */ + position:relative; + vertical-align:bottom; +} +.dj_ie .dijitInlineEditor { + vertical-align:middle; +} + +.dijitInlineValue { + /* span around an inline-editable value when NOT in edit mode */ +} + +.dijitInlineEditor .dijitButtonContainer { + /* div around the buttons -- makes them float below the field */ + position:absolute; + right:0; + overflow:visible; +} + +.dijitInlineEditor .saveButton, +.dijitInlineEditor .cancelButton { +} + +/* Tree */ + +.dijitTreeExpando, .dijitTreeExpand { + float:left; + display:inline; +} + +.dijitTreeExpando { + clear:both; +} + +.dijitTreeContent { + cursor: default; + /* can't make inline - multiline bugs */ +} + +.dijitExpandoText { + display: none; +} + +.dijit_a11y .dijitExpandoText { + float: left; + display: inline; + padding-left: 10px; + padding-right: 10px; + font-family: monospace; + border-style: solid; + border-width: thin; + cursor: pointer; +} + +/* Dialog */ + +.dijitDialog { + position: absolute; + z-index: 999; + padding: 1px; +} + +.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); +} + +/* images off, high-contrast mode styles */ +.dijit_a11y .dijitInputLayoutContainer, +.dijit_a11y .dijitDialog { + opacity: 1 !important; + background-color: white !important; +} + +.dijitDialog .closeText { + display:none; + /* for the onhover border in high contrast on IE: */ + position:absolute; +} + +.dijit_a11y .dijitDialog .closeText { + display:inline; +} + +.dijitSliderMoveable { + z-index:99; + position:absolute !important; + display:block; + vertical-align:middle; +} + +.dijitSliderMoveableH { + right:0; +} + +.dijit_a11y div.dijitSliderImageHandle, +.dijitSliderImageHandle { + margin:0; + padding:0; + position:absolute !important; + border:8px solid gray; + width:0; + height:0; +} +.dijit_a11y .dijitSliderFocused .dijitSliderImageHandle { + border:4px solid #000; + height:8px; + width:8px; +} + +.dijitSliderImageHandleV { + top:-8px; + left:-6px; +} + +.dijitSliderImageHandleH { + left:-8px; + top:-5px; + vertical-align:top; +} + +.dijitSliderBar { + border-style:solid; + border-color:black; +} + +.dijitSliderBarH { + height:4px; + border-width:1px 0; +} + +.dijitSliderBarV { + width:4px; + border-width:0 1px; +} + +.dijitSliderProgressBar { + background-color:red; + #z-index:0; +} + +.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; +} + +/* the slider bumper is the space consumed by the slider handle when it hangs over an edge */ +.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; +} + +.dijitSliderDecorationH { + text-align:center; +} + +.dijitSlider .dijitSliderButton { + font-family:monospace; + margin:0; + padding:0; + display:block; +} + +.dijit_a11y .dijitSliderButtonInner { + visibility:visible !important; +} + +.dijitSliderButtonContainer { + text-align:center; + height:0; +} + +.dijitSlider .dijitButtonNode { + padding:0; + display:block; +} + +.dj_ie .dijitRuleContainer { + z-index: -1; /* #4809 */ +} + +.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; /* mozilla bug workaround for float:left,height:100% block elements */ +} + +.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%; +} + +.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; +} + +/* Toolbar A11y */ +.dijit_a11y .dijitButtonContents .dijitButtonText { + display: inline !important; +} + +.dijitTextArea { + width:100%; + overflow: auto; /* w/out this IE's SimpleTextArea goes to overflow: scroll */ +} + +.dj_ie .dijitTextArea p { + margin-top:0; + margin-bottom:0; + line-height: normal !important; +} + +.dijitToolbarSeparator { + height: 18px; + width: 5px; + padding: 0 1px; + margin: 0; +} + +/* Editor */ +.dijitIEFixedToolbar { + position:absolute; + /* top:0; */ + top: expression(eval((document.documentElement||document.body).scrollTop)); +} + +/* TimePicker */ + +.dijitTimePickerItemInner { + text-align:center; + border:0; + padding:2px 8px 2px 8px; +} +.dijitTimePickerTick { + /* opacity:0.1 !important; */ + color:#dedede; + border-bottom:1px solid #dedede; + border-top:1px solid #dedede; + position:relative; +} +.dijitTimePickerTick .dijitTimePickerItemInner { + font-size:0.25em; +} +.dijitTimePickerMarker { + background-color:#ededed; + border-top:1px solid #999; + border-bottom:1px solid #999; +} + +.dijitTimePickerItemHover { + opacity:1 !important; + background-color:#808080; + color:#fff; + border-top:1px solid #333; + border-bottom:1px solid #333; + cursor:pointer; +} +.dijitTimePickerMarker.dijitTimePickerItemHover { + font-size:1.3em; +} + +.dijitTimePickerItemHover .dijitTimePickerItemInner { + display:block; + overflow:visible; + background-color:#808080; + font-size:1em; +} + +.dijitTimePickerItemSelected { + font-weight:bold; + color:#333; + background-color:#b7cdee !important; +} + +.dijit_a11y .dijitTimePickerItem { + border-bottom:1px solid #333; +} + + +/* Disable the high contrast character */ +.dijitToggleButtonIconChar { + display:none !important; +} +.dijit_a11y .dijitToggleButtonIconChar { + display:inline !important; +} + +.dijit_a11y .dijitToggleButtonIconChar { + visibility:hidden; +} +.dijit_a11y .dijitToggleButtonChecked .dijitToggleButtonIconChar { + visibility:visible !important; +} + +.dijitArrowButtonChar { + display:none !important; +} +.dijit_a11y .dijitArrowButtonChar { + display:inline !important; +} +.dijitInputLayoutContainer { + position: relative; + overflow: hidden; +} +.dijitSpinnerButtonContainer { + float: right; + width: 18px; + position: relative; + overflow: hidden; +} +.dijitSpinner .dijitInputLayoutContainer .dijitArrowButton { + height: 50%; + width: 16px; + overflow: hidden; +} +.dj_ie .dijitSpinner .dijitInputLayoutContainer .dijitArrowButton { + behavior: expression( + function(self){ + var e; + try{ + var h = self.parentNode.offsetHeight/2; + if(h > 1){ + self.style.height = h; + self.style.behavior = null; /* prevent re-eval of css expression */ + } + }catch(e){} /* random exceptions thrown during init */ + }(this) + ); +} +.dijitSpinner .dijitInputLayoutContainer .dijitArrowButtonInner { + overflow: hidden; + line-height: 50%; +} +.dijit_a11y .dijitSpinner .dijitInputLayoutContainer .dijitArrowButton { + width: 100%; +} +.dijit_a11y .dijitSpinner .dijitArrowButton .dijitArrowButtonChar { + font-size: 0.4em; + vertical-align: top; +} +.dijit_a11y .dijitSpinnerButtonContainer { + width: 0.5em; + margin-left: 2px; + overflow: visible; +} +.dijit_a11y .dijitSpinnerButtonContainer .dijitButtonNode { + border-width: 1px 0px 0px 1px; + border-style: solid !important; +} diff --git a/includes/js/dijit/themes/dijit_rtl.css b/includes/js/dijit/themes/dijit_rtl.css new file mode 100644 index 0000000..e25cd2e --- /dev/null +++ b/includes/js/dijit/themes/dijit_rtl.css @@ -0,0 +1,140 @@ +.dj_gecko .dijitRtl .dijitInputField { + direction: ltr; +} +.dj_gecko .dijitRtl .dijitInputField * { + direction: rtl; +} +.dijitRtl .dijitTreeContainer .dijitTreeExpando, .dijitRtl .dijitTreeContainer .dijitTreeExpand { + float:right; +} +.dijitRtl .dijitExpandoText { + float: right; + padding-left: 3px; + padding-right: 0; +} +.dijitRtl .dijitComboBox .dijitInputField { + border-right-width:1px !important; + border-left-width:0 !important; +} +.dijitRtl .dijitCalendarNextYear { + margin:0 0.55em 0 0; +} +.dijitRtl .dijitCalendarPreviousYear { + margin:0 0 0 0.55em; +} +.dijitRtl .dijitProgressBarFull .dijitProgressBarLabel { + right:0; +} +.dijitRtl .dijitComboButton .dijitButtonContents { + border-right-width:1px !important; +} +.dijitRtl .dijitA11ySideArrow { + margin-left:1em; + margin-right:0; +} +.dijitRtl .dijitAccordionArrow, +.dijitRtl .dijitAccordionTitle .arrowTextUp, +.dijitRtl .dijitAccordionTitle .arrowTextDown { + float: left; +} +.dijitRtl .dijitSliderImageHandleV { + left:auto; + right:-6px; +} +.dj_ie .dijitRtl .dijitSliderImageHandleV { + right:-10px; +} +.dijitRtl .dijitSliderMoveableH { + right:auto; + left:0; +} +.dijitRtl .dijitRuleContainerV { + float:right; +} +.dj_gecko .dijitRtl .dijitRuleContainerV { + float:left; +} +.dj_ie .dijitRtl .dijitRuleContainerV { + text-align:right; +} +.dj_ie .dijitRtl .dijitRuleLabelV { + text-align:left; +} +.dj_ie .dijitRtl .dijitRuleLabelH { + zoom:1; +} +.dj_ie .dijitRtl .dijitSliderProgressBarH { + right:0; + left:auto; +} +.dj_gecko .dijitRtl .dijitSliderProgressBarH { + float:right; + right:0; + left:auto; +} +.dijitRtl .dijitTab { + float:right; +} +.dj_ie .dijitRtl .dijitTab, +.dj_ie .dijitRtl .dijitTab .dijitTabInnerDiv, +.dj_ie .dijitRtl .dijitTab .dijitTabInnerDiv span { + position:static; + zoom:1; +} +.dj_ie .dijitRtl .dijitTabContainer .dijitAlignLeft { + margin-left:1px !important; +} +.dj_ie .dijitRtl .dijitTabContainer .dijitAlignRight { + margin-right:1px !important; +} +.dj_ie6 .dijitRtl .dijitTab { + + width:1px; +} +.dj_ie7 .dijitRtl .dijitTabContainer .dijitAlignLeft { + + margin-left:1px !important; +} +.dj_ie7 .dijitRtl .dijitTabContainer .dijitAlignRight { + + margin-right:1px !important; +} +.dj_ie6 .dijitRtl .dijitTabContainer .dijitAlignLeft { + overflow-x:visible; + margin-left:2px !important; +} +.dj_ie6 .dijitRtl .dijitTabContainer .dijitAlignRight { + overflow-x:visible; + margin-right:2px !important; +} +.dj_ie7 .dijitRtl .dijitTab .dijitTabInnerDiv { + float:left; +} +.dj_ie7 .dijitRtl .dijitTab .closeImage { + padding: 0 0 0 12px; +} +.dj_ie .dijitRtl .dijitAlignRight .dijitTab { + position:relative; +} +.dijitRtl .dijitTitlePane .dijitArrowNode { + float: left; +} +.dijitRtl .dijitSpinner .dijitInputLayoutContainer .dijitArrowButton { + right: auto; + left: 0; + border-width: 0 1px 0 0 !important; +} +.dijitRtl .dijitSpinnerButtonContainer { + float: left; +} +.dijitRtl .dijit_a11y .dijitSpinnerButtonContainer { + margin-left: none; + margin-right: 2px; +} +.dijitRtl DIV.dijitArrowButton, .dijitRtl .dijitValidationIcon, .dijitRtl .dijitValidationIconText { + float: left; +} +.dijitRtl .dijitContentPaneLoading, .dijitRtl .dijitContentPaneError { + background-position:right; + padding-right:25px; +} diff --git a/includes/js/dijit/themes/dijit_rtl.css.commented.css b/includes/js/dijit/themes/dijit_rtl.css.commented.css new file mode 100644 index 0000000..2016849 --- /dev/null +++ b/includes/js/dijit/themes/dijit_rtl.css.commented.css @@ -0,0 +1,194 @@ +.dj_gecko .dijitRtl .dijitInputField { + direction: ltr; /* Firefox needs this - probably a bug */ +} +.dj_gecko .dijitRtl .dijitInputField * { + direction: rtl; /* Firefox needs dijitInputField to be ltr, so fix the contained tags */ +} + +/* Tree */ + +.dijitRtl .dijitTreeContainer .dijitTreeExpando, .dijitRtl .dijitTreeContainer .dijitTreeExpand { + float:right; +} + +/* can't specify .dijitRtl and .dijit_a11y on this rule, since they are on the same node */ +.dijitRtl .dijitExpandoText { + float: right; + padding-left: 3px; + padding-right: 0; +} + +.dijitRtl .dijitComboBox .dijitInputField { + border-right-width:1px !important; + border-left-width:0 !important; +} + +/* Calendar */ + +.dijitRtl .dijitCalendarNextYear { + margin:0 0.55em 0 0; +} + +.dijitRtl .dijitCalendarPreviousYear { + margin:0 0 0 0.55em; +} + +.dijitRtl .dijitProgressBarFull .dijitProgressBarLabel { + right:0; /* FF workaround */ +} + +/* Button */ + +.dijitRtl .dijitComboButton .dijitButtonContents { + border-right-width:1px !important; +} + +/* A11y */ +.dijitRtl .dijitA11ySideArrow { + margin-left:1em; + margin-right:0; +} + +/* AccordionPane */ + +.dijitRtl .dijitAccordionArrow, +.dijitRtl .dijitAccordionTitle .arrowTextUp, +.dijitRtl .dijitAccordionTitle .arrowTextDown { + float: left; +} + +/* Slider */ + +.dijitRtl .dijitSliderImageHandleV { + left:auto; + right:-6px; +} + +.dj_ie .dijitRtl .dijitSliderImageHandleV { + right:-10px; +} + +.dijitRtl .dijitSliderMoveableH { + right:auto; + left:0; +} + +.dijitRtl .dijitRuleContainerV { + float:right; +} + +.dj_gecko .dijitRtl .dijitRuleContainerV { + float:left; +} + +.dj_ie .dijitRtl .dijitRuleContainerV { + text-align:right; +} + +.dj_ie .dijitRtl .dijitRuleLabelV { + text-align:left; +} + +.dj_ie .dijitRtl .dijitRuleLabelH { + zoom:1; +} + +.dj_ie .dijitRtl .dijitSliderProgressBarH { + right:0; + left:auto; +} + +.dj_gecko .dijitRtl .dijitSliderProgressBarH { + float:right; + right:0; + left:auto; +} + +/* TabContainer */ + +.dijitRtl .dijitTab { + float:right; +} + +.dj_ie .dijitRtl .dijitTab, +.dj_ie .dijitRtl .dijitTab .dijitTabInnerDiv, +.dj_ie .dijitRtl .dijitTab .dijitTabInnerDiv span { + position:static; + zoom:1; +} + +.dj_ie .dijitRtl .dijitTabContainer .dijitAlignLeft { + margin-left:1px !important; +} + +.dj_ie .dijitRtl .dijitTabContainer .dijitAlignRight { + margin-right:1px !important; +} + +.dj_ie6 .dijitRtl .dijitTab { + /* force ie6 to render each tab based on the tab's label */ + width:1px; +} + +.dj_ie7 .dijitRtl .dijitTabContainer .dijitAlignLeft { + /* fix the offset between tabs and the pane */ + margin-left:1px !important; +} + +.dj_ie7 .dijitRtl .dijitTabContainer .dijitAlignRight { + /* fix the offset between tabs and the pane */ + margin-right:1px !important; +} + +.dj_ie6 .dijitRtl .dijitTabContainer .dijitAlignLeft { + overflow-x:visible; + margin-left:2px !important; +} + +.dj_ie6 .dijitRtl .dijitTabContainer .dijitAlignRight { + overflow-x:visible; + margin-right:2px !important; +} + +.dj_ie7 .dijitRtl .dijitTab .dijitTabInnerDiv { + float:left; +} + +.dj_ie7 .dijitRtl .dijitTab .closeImage { + padding: 0 0 0 12px; +} + +.dj_ie .dijitRtl .dijitAlignRight .dijitTab { + position:relative; +} + +/* TitlePane */ + +.dijitRtl .dijitTitlePane .dijitArrowNode { + float: left; +} + +.dijitRtl .dijitSpinner .dijitInputLayoutContainer .dijitArrowButton { + right: auto; + left: 0; + border-width: 0 1px 0 0 !important; +} + +.dijitRtl .dijitSpinnerButtonContainer { + float: left; +} + +.dijitRtl .dijit_a11y .dijitSpinnerButtonContainer { + margin-left: none; + margin-right: 2px; +} + +.dijitRtl DIV.dijitArrowButton, .dijitRtl .dijitValidationIcon, .dijitRtl .dijitValidationIconText { + float: left; +} + +/* ContentPane*/ +.dijitRtl .dijitContentPaneLoading, .dijitRtl .dijitContentPaneError { + background-position:right; + padding-right:25px; +} diff --git a/includes/js/dijit/themes/nihilo/Calendar.css b/includes/js/dijit/themes/nihilo/Calendar.css new file mode 100644 index 0000000..af415d3 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/Calendar.css @@ -0,0 +1,136 @@ + + +.nihilo .dijitCalendarIncrementControl { + + width:15px; + height:15px; +} +.dj_ie6 .nihilo .dijitCalendarIncrementControl { + padding:.1em; + font-size:.1em; +} +.nihilo .dijitCalendarIncreaseInner, +.nihilo .dijitCalendarDecreaseInner { + visibility:hidden; +} +.nihilo .dijitCalendarDecrease { + background:url("images/spriteRoundedIconsSmall.png") no-repeat top left; +} +.dj_ie6 .nihilo .dijitCalendarDecrease { + background:url("images/spriteRoundedIconsSmall.gif") no-repeat top left; +} +.nihilo .dijitCalendarIncrease { + background:url(images/spriteRoundedIconsSmall.png) no-repeat -30px top; +} +.dj_ie6 .nihilo .dijitCalendarIncrease { + background:url("images/spriteRoundedIconsSmall.gif") no-repeat -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:.1em; + padding-bottom:0em; +} +.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; +} +.dj_ie7 .nihilo .dijitCalendarDateTemplate, +.dj_ie6 .nihilo .dijitCalendarDateTemplate { + font-size: 0.8em; +} +.nihilo .dijitCalendarDateTemplate { + + font-size: 0.9em; + font-weight: bold; + text-align: center; + padding: 0.3em 0.3em 0.1em 0.3em; + letter-spacing: 1px; + background-color: #fdfdfd; + border:#fdfdfd solid 1px !important; +} +.nihilo .dijitCalendarPreviousMonth, +.nihilo .dijitCalendarNextMonth { + + color:#999999; + background-color:#f5f5f5 !important; + border:#f5f5f5 solid 1px !important; +} +.nihilo .dijitCalendarPreviousMonthDisabled, +.nihilo .dijitCalendarNextMonthDisabled { + + background-color:#a4a5a6 !important; +} +.nihilo .dijitCalendarCurrentMonth { + +} +.nihilo .dijitCalendarCurrentMonthDisabled { + + background-color:#bbbbbc !important; +} +.nihilo .dijitCalendarDisabledDate { + + + text-decoration:line-through !important; + cursor:default !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; +} diff --git a/includes/js/dijit/themes/nihilo/Calendar.css.commented.css b/includes/js/dijit/themes/nihilo/Calendar.css.commented.css new file mode 100644 index 0000000..c3d4c96 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/Calendar.css.commented.css @@ -0,0 +1,159 @@ +/* Calendar*/ + +.nihilo .dijitCalendarIncrementControl { + /* next/prev month buttons */ + width:15px; + height:15px; +} +.dj_ie6 .nihilo .dijitCalendarIncrementControl { + padding:.1em; + font-size:.1em; +} + +.nihilo .dijitCalendarIncreaseInner, +.nihilo .dijitCalendarDecreaseInner { + visibility:hidden; +} + +.nihilo .dijitCalendarDecrease { + background:url("images/spriteRoundedIconsSmall.png") no-repeat top left; +} +.dj_ie6 .nihilo .dijitCalendarDecrease { + background:url("images/spriteRoundedIconsSmall.gif") no-repeat top left; +} + +.nihilo .dijitCalendarIncrease { + background:url(images/spriteRoundedIconsSmall.png) no-repeat -30px top; +} +.dj_ie6 .nihilo .dijitCalendarIncrease { + background:url("images/spriteRoundedIconsSmall.gif") no-repeat -30px top; +} + +.nihilo table.dijitCalendarContainer { + font-size: 100%; + border-spacing: 0; + border-collapse: separate; + 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; + text-align:center; +} +.dj_ie6 .nihilo .dijitCalendarMonthContainer th { + padding-top:.1em; + padding-bottom:0em; +} + +.nihilo .dijitCalendarDayLabelTemplate { + /* day of week labels */ + 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; +} + +.dj_ie7 .nihilo .dijitCalendarDateTemplate, +.dj_ie6 .nihilo .dijitCalendarDateTemplate { + font-size: 0.8em; +} + +.nihilo .dijitCalendarDateTemplate { + /* style for each day cell */ + font-size: 0.9em; + font-weight: bold; + text-align: center; + padding: 0.3em 0.3em 0.1em 0.3em; + letter-spacing: 1px; + background-color: #fdfdfd; + border:#fdfdfd solid 1px !important; +} + + +.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 .dijitCalendarPreviousMonthDisabled, +.nihilo .dijitCalendarNextMonthDisabled { + /* days that are part of the previous or next month - disabled*/ + background-color:#a4a5a6 !important; +} + +.nihilo .dijitCalendarCurrentMonth { + /* days that are part of this month */ +} + +.nihilo .dijitCalendarCurrentMonthDisabled { + /* days that are part of this month - disabled */ + background-color:#bbbbbc !important; +} + +.nihilo .dijitCalendarDisabledDate { + /* one or the other? */ + /* background: url(images/noX.gif) no-repeat center center !important; */ + text-decoration:line-through !important; + cursor:default !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; +} diff --git a/includes/js/dijit/themes/nihilo/Calendar_rtl.css b/includes/js/dijit/themes/nihilo/Calendar_rtl.css new file mode 100644 index 0000000..e64cdf2 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/Calendar_rtl.css @@ -0,0 +1,13 @@ + +.dijitRtl .dijitCalendarDecrease { + background-position: -30px top; +} +.dijitRtl .dijitCalendarIncrease { + background-position: 0px top; +} +.dj_ie6 .dijitRtl .dijitCalendarIncrease { + background-position: 0px top; +} +.dj_ie6 .dijitRtl .dijitCalendarDecrease { + background-position: -30px top; +} diff --git a/includes/js/dijit/themes/nihilo/Calendar_rtl.css.commented.css b/includes/js/dijit/themes/nihilo/Calendar_rtl.css.commented.css new file mode 100644 index 0000000..84146f8 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/Calendar_rtl.css.commented.css @@ -0,0 +1,16 @@ + +/* Calendar */ + +.dijitRtl .dijitCalendarDecrease { + background-position: -30px top; +} + +.dijitRtl .dijitCalendarIncrease { + background-position: 0px top; +} +.dj_ie6 .dijitRtl .dijitCalendarIncrease { + background-position: 0px top; +} +.dj_ie6 .dijitRtl .dijitCalendarDecrease { + background-position: -30px top; +} diff --git a/includes/js/dijit/themes/nihilo/ColorPalette.css b/includes/js/dijit/themes/nihilo/ColorPalette.css new file mode 100644 index 0000000..328bc84 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/ColorPalette.css @@ -0,0 +1,5 @@ +.dijitColorPalette { + border:1px solid #d3d3d3; + background:#fff; + -moz-border-radius: 0px !important; +} diff --git a/includes/js/dijit/themes/nihilo/ColorPalette.css.commented.css b/includes/js/dijit/themes/nihilo/ColorPalette.css.commented.css new file mode 100644 index 0000000..328bc84 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/ColorPalette.css.commented.css @@ -0,0 +1,5 @@ +.dijitColorPalette { + border:1px solid #d3d3d3; + background:#fff; + -moz-border-radius: 0px !important; +} diff --git a/includes/js/dijit/themes/nihilo/Common.css b/includes/js/dijit/themes/nihilo/Common.css new file mode 100644 index 0000000..947afa3 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/Common.css @@ -0,0 +1,29 @@ + +.nihilo .dijitSliderDisabled *, +.nihilo .dijitDisabledClickableRegion, +.nihilo .dijitSpinnerDisabled *, +.nihilo .dijitButtonDisabled *, +.nihilo .dijitDropDownButtonDisabled *, +.nihilo .dijitComboButtonDisabled *, +.nihilo .dijitComboBoxDisabled * +{ + cursor: not-allowed !important; +} +.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;} diff --git a/includes/js/dijit/themes/nihilo/Common.css.commented.css b/includes/js/dijit/themes/nihilo/Common.css.commented.css new file mode 100644 index 0000000..1044920 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/Common.css.commented.css @@ -0,0 +1,37 @@ + +/**** Disabled cursor *****/ +.nihilo .dijitSliderDisabled *, +.nihilo .dijitDisabledClickableRegion, /* a region the user would be able to click on, but it's disabled */ +.nihilo .dijitSpinnerDisabled *, +.nihilo .dijitButtonDisabled *, +.nihilo .dijitDropDownButtonDisabled *, +.nihilo .dijitComboButtonDisabled *, +.nihilo .dijitComboBoxDisabled * +{ + cursor: not-allowed !important; +} + + +/* 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; } +.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;} diff --git a/includes/js/dijit/themes/nihilo/Dialog.css b/includes/js/dijit/themes/nihilo/Dialog.css new file mode 100644 index 0000000..1f29d03 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/Dialog.css @@ -0,0 +1,138 @@ + +.nihilo .dijitDialog { + background: #eee; + border: 1px solid #d3d3d3; + -webkit-box-shadow: 0px 5px 10px #adadad; + padding: 0px; +} +.nihilo .dijitDialog .dijitDialogTitle { + border-top: none; + border-left: none; + border-right: none; + font-size: 0.9em; + color: #3243C5F; +} +.nihilo .dijitDialog .dijitDialogPaneContent { + background: #ffffff; + border:none; + border-top: 1px solid #d3d3d3; + padding:10px; +} +.nihilo .dijitDialogTitleBar { + + background: #fafafa url("images/titleBar.png") repeat-x top left; + + padding: 5px 6px 3px 2px; + cursor: move; + outline:0; +} +.nihilo .dijitDialogTitle { + + font-weight: bold; + padding: 8px 12px 8px 12px; + outline:0; +} +.nihilo .dijitDialogCloseIcon { + + background : url("images/spriteRoundedIconsSmall.png") no-repeat right top; + float: right; + position: absolute; + vertical-align: middle; + right: 6px; + top: 4px; + height: 15px; + width: 15px; + cursor: pointer; +} +.dj_ie6 .nihilo .dijitDialogCloseIcon { + background : url("images/spriteRoundedIconsSmall.gif") no-repeat right top; +} +.nihilo .dijitDialogContent { + + padding: 8px; +} +.nihilo .dijitTooltip, +.nihilo .dijitTooltipDialog { + + opacity: 0.95; + 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_ie6 .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_ie6 .nihilo .dijitTooltipAbove .dijitTooltipConnector { + background-image: url("images/tooltipConnectorDown.gif"); + bottom: -5px; +} +.nihilo .dijitTooltipLeft { + padding-right: 10px; +} +.dj_ie6 .nihilo .dijitTooltipLeft { + padding-left: 11px; +} +.nihilo .dijitTooltipLeft .dijitTooltipConnector { + + right: 0px; + bottom: 7px; + background:url("images/tooltipConnectorRight.png") no-repeat top left; + width:11px; + height:17px; +} +.dj_ie6 .nihilo .dijitTooltipLeft .dijitTooltipConnector { + background-image: url("images/tooltipConnectorRight.gif"); +} +.nihilo .dijitTooltipRight { + padding-left: 10px; +} +.nihilo .dijitTooltipRight .dijitTooltipConnector { + + left: 0px; + bottom: 7px; + background:url("images/tooltipConnectorLeft.png") no-repeat top left; + width:11px; + height:17px; +} +.dj_ie6 .nihilo .dijitTooltipRight .dijitTooltipConnector { + background-image: url("images/tooltipConnectorLeft.gif"); +} diff --git a/includes/js/dijit/themes/nihilo/Dialog.css.commented.css b/includes/js/dijit/themes/nihilo/Dialog.css.commented.css new file mode 100644 index 0000000..91b1c23 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/Dialog.css.commented.css @@ -0,0 +1,175 @@ + +/* Dialog */ + +.nihilo .dijitDialog { + background: #eee; + border: 1px solid #d3d3d3; + -webkit-box-shadow: 0px 5px 10px #adadad; + padding: 0px; +} + +.nihilo .dijitDialog .dijitDialogTitle { + border-top: none; + border-left: none; + border-right: none; + font-size: 0.9em; + color: #3243C5F; +} + +.nihilo .dijitDialog .dijitDialogPaneContent { + background: #ffffff; + border:none; + border-top: 1px solid #d3d3d3; /* #cddde9; /* w/out this, an <h1> on the top line causes a gap between the .content and .label */ + padding:10px; + +} + +.nihilo .dijitDialogTitleBar { + /* outer container for the titlebar of the dialog */ + background: #fafafa url("images/titleBar.png") repeat-x top left; + /* border: 1px solid #bfbfbf; */ + padding: 5px 6px 3px 2px; + cursor: move; + outline:0; /* remove this line if keyboard focus on dialog startup is an issue. tab still takes you to first focusable element */ +} + +.nihilo .dijitDialogTitle { + /* typography and styling of the dialog title */ + font-weight: bold; + padding: 8px 12px 8px 12px; + outline:0; +} + +.nihilo .dijitDialogCloseIcon { + /* the default close icon for the dialog */ + background : url("images/spriteRoundedIconsSmall.png") no-repeat right top; + float: right; + position: absolute; + vertical-align: middle; + right: 6px; + top: 4px; + height: 15px; + width: 15px; + cursor: pointer; +} +.dj_ie6 .nihilo .dijitDialogCloseIcon { + background : url("images/spriteRoundedIconsSmall.gif") no-repeat right top; +} + +.nihilo .dijitDialogContent { + /* the body of the dialog */ + padding: 8px; +} + + +/* Tooltip and TooltipDialog */ + +.nihilo .dijitTooltip, +.nihilo .dijitTooltipDialog { + /* the outermost dom node, holding the connector and container */ + opacity: 0.95; + 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; + /* + border-radius: 6px; + -moz-border-radius: 7px; + -webkit-border-radius: 6px; + */ +} + +.nihilo .dijitTooltipConnector { + /* the arrow piece */ + border:0px; + 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 { + /* the arrow piece for tooltips below an element */ + top: 0px; + left: 6px; + background:url("images/tooltipConnectorUp.png") no-repeat top left; + width:17px; + height:11px; +} + +.dj_ie6 .nihilo .dijitTooltipBelow .dijitTooltipConnector { + background-image: url("images/tooltipConnectorUp.gif"); +} + +.nihilo .dijitTooltipAbove .dijitTooltipConnector { + /* the arrow piece for tooltips above an element */ + bottom: 0px; + left: 6px; + background:url("images/tooltipConnectorDown.png") no-repeat top left; + width:17px; + height:11px; +} +.dj_ie6 .nihilo .dijitTooltipAbove .dijitTooltipConnector { + background-image: url("images/tooltipConnectorDown.gif"); + bottom: -5px; +} + +.nihilo .dijitTooltipLeft { + padding-right: 10px; +} +.dj_ie6 .nihilo .dijitTooltipLeft { + padding-left: 11px; +} +.nihilo .dijitTooltipLeft .dijitTooltipConnector { + /* the arrow piece for tooltips to the left of an element, bottom borders aligned */ + right: 0px; + bottom: 7px; + background:url("images/tooltipConnectorRight.png") no-repeat top left; + width:11px; + height:17px; +} +.dj_ie6 .nihilo .dijitTooltipLeft .dijitTooltipConnector { + background-image: url("images/tooltipConnectorRight.gif"); +} + +.nihilo .dijitTooltipRight { + padding-left: 10px; +} +.nihilo .dijitTooltipRight .dijitTooltipConnector { + /* the arrow piece for tooltips to the right of an element, bottom borders aligned */ + left: 0px; + bottom: 7px; + background:url("images/tooltipConnectorLeft.png") no-repeat top left; + width:11px; + height:17px; +} +.dj_ie6 .nihilo .dijitTooltipRight .dijitTooltipConnector { + background-image: url("images/tooltipConnectorLeft.gif"); +} + diff --git a/includes/js/dijit/themes/nihilo/Dialog_rtl.css b/includes/js/dijit/themes/nihilo/Dialog_rtl.css new file mode 100644 index 0000000..2f29eda --- /dev/null +++ b/includes/js/dijit/themes/nihilo/Dialog_rtl.css @@ -0,0 +1,21 @@ + +.dijitRtl .dijitDialogTitleBar .dijitDialogCloseIcon { + background-position: -60px top; + float: left; + right: auto; + left: 5px; +} +.dj_ie6 .dijitRtl .dijitDialogTitleBar .dijitDialogCloseIcon { + background-position: -60px top; +} +.dj_ie .dijitRtl .dijitTooltipLeft { + margin-right: 0px; + margin-left: 13px; +} +.dj_ie .dijitRtl .dijitTooltipRight { + margin-left: 26px; + margin-right: -13px; +} +.dj_ie .dijitRtl .dijitTooltipDialog { + zoom:1 !important; +} diff --git a/includes/js/dijit/themes/nihilo/Dialog_rtl.css.commented.css b/includes/js/dijit/themes/nihilo/Dialog_rtl.css.commented.css new file mode 100644 index 0000000..74b193a --- /dev/null +++ b/includes/js/dijit/themes/nihilo/Dialog_rtl.css.commented.css @@ -0,0 +1,29 @@ +/* Dialog */ +.dijitRtl .dijitDialogTitleBar .dijitDialogCloseIcon { + background-position: -60px top; + float: left; + right: auto; + left: 5px; +} + +/*FIXME: redundant?*/ +.dj_ie6 .dijitRtl .dijitDialogTitleBar .dijitDialogCloseIcon { + background-position: -60px top; +} + + +/* ToolTip */ + +.dj_ie .dijitRtl .dijitTooltipLeft { + margin-right: 0px; + margin-left: 13px; +} + +.dj_ie .dijitRtl .dijitTooltipRight { + margin-left: 26px; + margin-right: -13px; +} + +.dj_ie .dijitRtl .dijitTooltipDialog { + zoom:1 !important; +} diff --git a/includes/js/dijit/themes/nihilo/Editor.css b/includes/js/dijit/themes/nihilo/Editor.css new file mode 100644 index 0000000..e6cefe0 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/Editor.css @@ -0,0 +1,55 @@ +.dijitIEFixedToolbar { + position:absolute; + + top: expression(eval((document.documentElement||document.body).scrollTop)); +} +.nihilo .dijitToolbar .dijitToolbarSeparator { + background: url('images/editor.gif'); +} +.nihilo .dijitEditorIcon { + background-image: url('images/editor.gif'); + background-repeat: no-repeat; + width: 18px; + height: 18px; + text-align: center; +} +.nihilo .dijitEditorIconSep { background-position: 0px; } +.nihilo .dijitEditorIconBackColor { background-position: -18px; } +.nihilo .dijitEditorIconBold { background-position: -36px; } +.nihilo .dijitEditorIconCancel { background-position: -54px; } +.nihilo .dijitEditorIconCopy { background-position: -72px; } +.nihilo .dijitEditorIconCreateLink { background-position: -90px; } +.nihilo .dijitEditorIconCut { background-position: -108px; } +.nihilo .dijitEditorIconDelete { background-position: -126px; } +.nihilo .dijitEditorIconForeColor { background-position: -144px; } +.nihilo .dijitEditorIconHiliteColor { background-position: -162px; } +.nihilo .dijitEditorIconIndent { background-position: -180px; } +.nihilo .dijitEditorIconInsertHorizontalRule { background-position: -198px; } +.nihilo .dijitEditorIconInsertImage { background-position: -216px; } +.nihilo .dijitEditorIconInsertOrderedList { background-position: -234px; } +.nihilo .dijitEditorIconInsertTable { background-position: -252px; } +.nihilo .dijitEditorIconInsertUnorderedList { background-position: -270px; } +.nihilo .dijitEditorIconItalic { background-position: -288px; } +.nihilo .dijitEditorIconJustifyCenter { background-position: -306px; } +.nihilo .dijitEditorIconJustifyFull { background-position: -324px; } +.nihilo .dijitEditorIconJustifyLeft { background-position: -342px; } +.nihilo .dijitEditorIconJustifyRight { background-position: -360px; } +.nihilo .dijitEditorIconLeftToRight { background-position: -378px; } +.nihilo .dijitEditorIconListBulletIndent { background-position: -396px; } +.nihilo .dijitEditorIconListBulletOutdent { background-position: -414px; } +.nihilo .dijitEditorIconListNumIndent { background-position: -432px; } +.nihilo .dijitEditorIconListNumOutdent { background-position: -450px; } +.nihilo .dijitEditorIconOutdent { background-position: -468px; } +.nihilo .dijitEditorIconPaste { background-position: -486px; } +.nihilo .dijitEditorIconRedo { background-position: -504px; } +.nihilo .dijitEditorIconRemoveFormat { background-position: -522px; } +.nihilo .dijitEditorIconRightToLeft { background-position: -540px; } +.nihilo .dijitEditorIconSave { background-position: -558px; } +.nihilo .dijitEditorIconSpace { background-position: -576px; } +.nihilo .dijitEditorIconStrikethrough { background-position: -594px; } +.nihilo .dijitEditorIconSubscript { background-position: -612px; } +.nihilo .dijitEditorIconSuperscript { background-position: -630px; } +.nihilo .dijitEditorIconUnderline { background-position: -648px; } +.nihilo .dijitEditorIconUndo { background-position: -666px; } +.nihilo .dijitEditorIconWikiword { background-position: -684px; } +.nihilo .dijitEditorIconToggleDir { background-position: -540px; } diff --git a/includes/js/dijit/themes/nihilo/Editor.css.commented.css b/includes/js/dijit/themes/nihilo/Editor.css.commented.css new file mode 100644 index 0000000..7498ccf --- /dev/null +++ b/includes/js/dijit/themes/nihilo/Editor.css.commented.css @@ -0,0 +1,60 @@ +.dijitIEFixedToolbar { + position:absolute; + /* top:0; */ + top: expression(eval((document.documentElement||document.body).scrollTop)); +} + +.nihilo .dijitToolbar .dijitToolbarSeparator { + background: url('images/editor.gif'); +} + +/**** ICONS *****/ + +.nihilo .dijitEditorIcon { + background-image: url('images/editor.gif'); /* editor icons sprite image */ + background-repeat: no-repeat; + width: 18px; + height: 18px; + text-align: center; +} +.nihilo .dijitEditorIconSep { background-position: 0px; } +.nihilo .dijitEditorIconBackColor { background-position: -18px; } +.nihilo .dijitEditorIconBold { background-position: -36px; } +.nihilo .dijitEditorIconCancel { background-position: -54px; } +.nihilo .dijitEditorIconCopy { background-position: -72px; } +.nihilo .dijitEditorIconCreateLink { background-position: -90px; } +.nihilo .dijitEditorIconCut { background-position: -108px; } +.nihilo .dijitEditorIconDelete { background-position: -126px; } +.nihilo .dijitEditorIconForeColor { background-position: -144px; } +.nihilo .dijitEditorIconHiliteColor { background-position: -162px; } +.nihilo .dijitEditorIconIndent { background-position: -180px; } +.nihilo .dijitEditorIconInsertHorizontalRule { background-position: -198px; } +.nihilo .dijitEditorIconInsertImage { background-position: -216px; } +.nihilo .dijitEditorIconInsertOrderedList { background-position: -234px; } +.nihilo .dijitEditorIconInsertTable { background-position: -252px; } +.nihilo .dijitEditorIconInsertUnorderedList { background-position: -270px; } +.nihilo .dijitEditorIconItalic { background-position: -288px; } +.nihilo .dijitEditorIconJustifyCenter { background-position: -306px; } +.nihilo .dijitEditorIconJustifyFull { background-position: -324px; } +.nihilo .dijitEditorIconJustifyLeft { background-position: -342px; } +.nihilo .dijitEditorIconJustifyRight { background-position: -360px; } +.nihilo .dijitEditorIconLeftToRight { background-position: -378px; } +.nihilo .dijitEditorIconListBulletIndent { background-position: -396px; } +.nihilo .dijitEditorIconListBulletOutdent { background-position: -414px; } +.nihilo .dijitEditorIconListNumIndent { background-position: -432px; } +.nihilo .dijitEditorIconListNumOutdent { background-position: -450px; } +.nihilo .dijitEditorIconOutdent { background-position: -468px; } +.nihilo .dijitEditorIconPaste { background-position: -486px; } +.nihilo .dijitEditorIconRedo { background-position: -504px; } +.nihilo .dijitEditorIconRemoveFormat { background-position: -522px; } +.nihilo .dijitEditorIconRightToLeft { background-position: -540px; } +.nihilo .dijitEditorIconSave { background-position: -558px; } +.nihilo .dijitEditorIconSpace { background-position: -576px; } +.nihilo .dijitEditorIconStrikethrough { background-position: -594px; } +.nihilo .dijitEditorIconSubscript { background-position: -612px; } +.nihilo .dijitEditorIconSuperscript { background-position: -630px; } +.nihilo .dijitEditorIconUnderline { background-position: -648px; } +.nihilo .dijitEditorIconUndo { background-position: -666px; } +.nihilo .dijitEditorIconWikiword { background-position: -684px; } +.nihilo .dijitEditorIconToggleDir { background-position: -540px; /* padding: 0; margin: 0; color:#555555; + font-family:verdana,arial,sans-serif; font-weight: 800; font-size: 70%; */} diff --git a/includes/js/dijit/themes/nihilo/Editor_rtl.css b/includes/js/dijit/themes/nihilo/Editor_rtl.css new file mode 100644 index 0000000..2e936ec --- /dev/null +++ b/includes/js/dijit/themes/nihilo/Editor_rtl.css @@ -0,0 +1,7 @@ + +.dijitRtl .dijitEditorIcon { + background-image: url('images/editor_rtl.gif'); +} +.dijitRtl .dijitToolbar .dijitToolbarSeparator { + background-image: url('images/editor_rtl.gif'); +} diff --git a/includes/js/dijit/themes/nihilo/Editor_rtl.css.commented.css b/includes/js/dijit/themes/nihilo/Editor_rtl.css.commented.css new file mode 100644 index 0000000..e834b52 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/Editor_rtl.css.commented.css @@ -0,0 +1,11 @@ +/* Editor */ +.dijitRtl .dijitEditorIcon { + background-image: url('images/editor_rtl.gif'); /* editor icons sprite image */ +} + + +/* Toolbar */ + +.dijitRtl .dijitToolbar .dijitToolbarSeparator { + background-image: url('images/editor_rtl.gif'); +} diff --git a/includes/js/dijit/themes/nihilo/Menu.css b/includes/js/dijit/themes/nihilo/Menu.css new file mode 100644 index 0000000..3f3ad14 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/Menu.css @@ -0,0 +1,54 @@ + +.nihilo .dijitMenu { + border: 1px solid #d3d3d3; + margin: 0px; + padding: 0px; + background-color: #fff; +} +.nihilo .dijitMenuItem { + background-color: #fff; + font: menu; + margin: 0px; + color: #243C5F; +} +.nihilo .dijitMenuPreviousButton, .nihilo .dijitMenuNextButton { + font-style: italic; +} +.nihilo .dijitMenuItem TD { + padding:1px; +} +.nihilo .dijitMenuItemHover { + background-color: #ffe284; + color: #243C5F; +} +.nihilo .dijitMenuItemIcon { + width: 15px; + height: 15px; + +} +.nihilo .dijitMenuExpand { + display:none; +} +.nihilo .dijitMenuExpandEnabled { + + width:15px; + height:15px; + background:url('images/spriteRoundedIconsSmall.png') no-repeat -30px top; + display:block; +} +.dj_ie6 .nihilo .dijitMenuExpandEnabled { + background-image:url('images/spriteRoundedIconsSmall.gif'); +} +.nihilo .dijitMenuExpandInner { + display:none; +} +.nihilo .dijitMenuSeparator { + background-color: #fff; + height: 1px; +} +.nihilo .dijitMenuSeparatorTop { + border-bottom: 1px solid #fff; +} +.nihilo .dijitMenuSeparatorBottom { + border-top: 1px solid #d3d3d3; +} diff --git a/includes/js/dijit/themes/nihilo/Menu.css.commented.css b/includes/js/dijit/themes/nihilo/Menu.css.commented.css new file mode 100644 index 0000000..fddc2f9 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/Menu.css.commented.css @@ -0,0 +1,63 @@ + +/* Menu */ +.nihilo .dijitMenu { + border: 1px solid #d3d3d3; + margin: 0px; + padding: 0px; + background-color: #fff; +} + +.nihilo .dijitMenuItem { + background-color: #fff; + font: menu; + margin: 0px; + color: #243C5F; +} +.nihilo .dijitMenuPreviousButton, .nihilo .dijitMenuNextButton { + font-style: italic; +} +.nihilo .dijitMenuItem TD { + padding:1px; +} + +.nihilo .dijitMenuItemHover { + background-color: #ffe284; /* #95a0b0; #555555; #aaaaaa; #646464; #60a1ea; #848484; */ + color: #243C5F; +} + +.nihilo .dijitMenuItemIcon { + width: 15px; + height: 15px; + /* padding-right: 3px; */ +} + +.nihilo .dijitMenuExpand { + display:none; +} +.nihilo .dijitMenuExpandEnabled { + /* margin-top:4px; */ + width:15px; + height:15px; + background:url('images/spriteRoundedIconsSmall.png') no-repeat -30px top; + display:block; +} +.dj_ie6 .nihilo .dijitMenuExpandEnabled { + background-image:url('images/spriteRoundedIconsSmall.gif'); +} +.nihilo .dijitMenuExpandInner { + display:none; +} + +.nihilo .dijitMenuSeparator { + background-color: #fff; + height: 1px; +} + +/* separator can be two pixels -- set border of either one to 0px to have only one */ +.nihilo .dijitMenuSeparatorTop { + border-bottom: 1px solid #fff; /*97adcb; */ +} + +.nihilo .dijitMenuSeparatorBottom { + border-top: 1px solid #d3d3d3; +} diff --git a/includes/js/dijit/themes/nihilo/Menu_rtl.css b/includes/js/dijit/themes/nihilo/Menu_rtl.css new file mode 100644 index 0000000..8b751fd --- /dev/null +++ b/includes/js/dijit/themes/nihilo/Menu_rtl.css @@ -0,0 +1,11 @@ + +.dijitRtl .dijitMenuItem .dijitMenuItemIcon { + padding-left: 3px; + padding-right: 0px; +} +.dijitRtl .dijitMenuItem .dijitMenuExpandEnabled { + background-image:url('images/arrowLeft.png'); +} +.dj_ie6 .dijitRtl .dijitMenuItem .dijitMenuExpandEnabled { + background-image:url('images/arrowLeft.gif'); +} diff --git a/includes/js/dijit/themes/nihilo/Menu_rtl.css.commented.css b/includes/js/dijit/themes/nihilo/Menu_rtl.css.commented.css new file mode 100644 index 0000000..ac66852 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/Menu_rtl.css.commented.css @@ -0,0 +1,15 @@ + +/* Menu */ + +.dijitRtl .dijitMenuItem .dijitMenuItemIcon { + padding-left: 3px; + padding-right: 0px; +} + +.dijitRtl .dijitMenuItem .dijitMenuExpandEnabled { + background-image:url('images/arrowLeft.png'); +} + +.dj_ie6 .dijitRtl .dijitMenuItem .dijitMenuExpandEnabled { + background-image:url('images/arrowLeft.gif'); +} diff --git a/includes/js/dijit/themes/nihilo/ProgressBar.css b/includes/js/dijit/themes/nihilo/ProgressBar.css new file mode 100644 index 0000000..7713aeb --- /dev/null +++ b/includes/js/dijit/themes/nihilo/ProgressBar.css @@ -0,0 +1,24 @@ + +.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; +} diff --git a/includes/js/dijit/themes/nihilo/ProgressBar.css.commented.css b/includes/js/dijit/themes/nihilo/ProgressBar.css.commented.css new file mode 100644 index 0000000..7089a14 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/ProgressBar.css.commented.css @@ -0,0 +1,33 @@ + +/**** + dijit.ProgressBar + ****/ + +.nihilo .dijitProgressBar { + margin:2px 0px 2px 0px; +} + +.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; +} diff --git a/includes/js/dijit/themes/nihilo/TitlePane.css b/includes/js/dijit/themes/nihilo/TitlePane.css new file mode 100644 index 0000000..a48d0c5 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/TitlePane.css @@ -0,0 +1,64 @@ + + +.nihilo .dijitTitlePane .dijitTitlePaneTitle { + background: #cccccc; + background:#fff url("images/titleBar.png") repeat-x top left; + border:1px solid #bfbfbf; + padding:4px 4px 2px 4px; + cursor: pointer; + font-size: 0.9em; + font-weight: bold; + color: #6d6d6d; +} +.nihilo .dijitTitlePane .dijitArrowNode { + width:15px; + height:15px; + float:right; + margin-top: -2px; +} +.nihilo .dijitTitlePaneFocused .dijitTitlePaneTextNode { + color: #243C5F; +} +.nihilo .dijitOpen .dijitTitlePaneTextNode { + color: #243C5F; +} +.nihilo .dijitTitlePane .dijitClosed .dijitArrowNode { + background: url('images/spriteRoundedIconsSmall.png') no-repeat top left; +} +.dj_ie6 .nihilo .dijitTitlePane .dijitClosed .dijitArrowNode { + background:url('images/spriteRoundedIconsSmall.gif') no-repeat top left; +} +.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 .dijitTitlePane .dijitArrowNodeInner { + visibility:hidden; +} +.dijit_a11y .dijitTitlePane .dijitArrowNodeInner { + visibility:visible; +} +.nihilo .dijitTitlePaneTitle .dijitOpenCloseArrowOuter { + margin-right:5px; +} +.nihilo .dijitOpen .dijitTitlePaneTitle .dijitOpenCloseArrowOuter { + position:relative; + top:2px; +} +.nihilo .dijitTitlePaneContentOuter { + background: #ffffff; + border:1px solid #bfbfbf; + border-top: 0px solid #3d3d3d; +} +.nihilo .dijitTitlePaneContentInner { + padding:10px; +} +.dj_ie6 .nihilo .dijitTitlePaneContentOuter, +.dj_ie6 .nihilo .dijitTitlePane .dijitTitlePaneTitle { + zoom: 1; +} +.nihilo .dijitClickableRegion { + background-color : #ffc !important; +} diff --git a/includes/js/dijit/themes/nihilo/TitlePane.css.commented.css b/includes/js/dijit/themes/nihilo/TitlePane.css.commented.css new file mode 100644 index 0000000..476c581 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/TitlePane.css.commented.css @@ -0,0 +1,77 @@ +/** + * dijit.layout.TitlePane + * + */ + +.nihilo .dijitTitlePane .dijitTitlePaneTitle { + background: #cccccc; + background:#fff url("images/titleBar.png") repeat-x top left; + border:1px solid #bfbfbf; + padding:4px 4px 2px 4px; + cursor: pointer; + font-size: 0.9em; + font-weight: bold; + color: #6d6d6d; +} + +/* TODO: merge these, and all other icons to a series of background-image:() and background-position: -16*n px styles */ +.nihilo .dijitTitlePane .dijitArrowNode { + width:15px; + height:15px; + float:right; + margin-top: -2px; +} + +.nihilo .dijitTitlePaneFocused .dijitTitlePaneTextNode { + color: #243C5F; +} + + +.nihilo .dijitOpen .dijitTitlePaneTextNode { + color: #243C5F; +} + +.nihilo .dijitTitlePane .dijitClosed .dijitArrowNode { + background: url('images/spriteRoundedIconsSmall.png') no-repeat top left; +} +.dj_ie6 .nihilo .dijitTitlePane .dijitClosed .dijitArrowNode { + background:url('images/spriteRoundedIconsSmall.gif') no-repeat top left; +} +.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 .dijitTitlePane .dijitArrowNodeInner { + visibility:hidden; +} +.dijit_a11y .dijitTitlePane .dijitArrowNodeInner { + visibility:visible; +} + +.nihilo .dijitTitlePaneTitle .dijitOpenCloseArrowOuter { + margin-right:5px; +} + +.nihilo .dijitOpen .dijitTitlePaneTitle .dijitOpenCloseArrowOuter { + position:relative; + top:2px; +} + +.nihilo .dijitTitlePaneContentOuter { + background: #ffffff; + border:1px solid #bfbfbf; + border-top: 0px solid #3d3d3d; /* w/out this, an <h1> on the top line causes a gap between the .content and .label */ +} +.nihilo .dijitTitlePaneContentInner { + padding:10px; +} +/* force hasLayout to ensure borders etc, show up */ +.dj_ie6 .nihilo .dijitTitlePaneContentOuter, +.dj_ie6 .nihilo .dijitTitlePane .dijitTitlePaneTitle { + zoom: 1; +} +.nihilo .dijitClickableRegion { + background-color : #ffc !important; +} diff --git a/includes/js/dijit/themes/nihilo/TitlePane_rtl.css b/includes/js/dijit/themes/nihilo/TitlePane_rtl.css new file mode 100644 index 0000000..6a3b2cd --- /dev/null +++ b/includes/js/dijit/themes/nihilo/TitlePane_rtl.css @@ -0,0 +1,6 @@ +.dijitRtl .dijitTitlePane .dijitClosed .dijitArrowNode { + background-position: -30px top; +} +.dj_ie6 .dijitRtl .dijitTitlePane .dijitClosed .dijitArrowNode { + background-position: -30px top; +} diff --git a/includes/js/dijit/themes/nihilo/TitlePane_rtl.css.commented.css b/includes/js/dijit/themes/nihilo/TitlePane_rtl.css.commented.css new file mode 100644 index 0000000..6a3b2cd --- /dev/null +++ b/includes/js/dijit/themes/nihilo/TitlePane_rtl.css.commented.css @@ -0,0 +1,6 @@ +.dijitRtl .dijitTitlePane .dijitClosed .dijitArrowNode { + background-position: -30px top; +} +.dj_ie6 .dijitRtl .dijitTitlePane .dijitClosed .dijitArrowNode { + background-position: -30px top; +} diff --git a/includes/js/dijit/themes/nihilo/Toolbar.css b/includes/js/dijit/themes/nihilo/Toolbar.css new file mode 100644 index 0000000..c07287c --- /dev/null +++ b/includes/js/dijit/themes/nihilo/Toolbar.css @@ -0,0 +1,83 @@ +.nihilo .dijitToolbar { + padding: 3px 0 1px 3px; + border-bottom: 1px solid #ccc; + background:#eaeaea url("images/titleBar.png") repeat-x top left; +} +.nihilo .dijitToolbar .dijitButtonNode { + background: none; + margin: 0px !important; + padding: 0px !important; + border: none; + font-size: 12px; +} +.nihilo .dijitToolbar .dijitButton, +.nihilo .dijitToolbar .dijitToggleButton, +.nihilo .dijitToolbar .dijitDropDownButton { + background: none; + margin: 1px; + padding: 0px; + border: 1px solid transparent; +} +.nihilo .dijitToolbar .dijitButtonChecked, +.nihilo .dijitToolbar .dijitToggleButtonChecked { + background-color:#ffeeb9; + border:1px solid #f7c95c; + margin: 1px !important; + padding: 0px !important; +} +.nihilo .dijitToolbar .dijitButtonCheckedHover, +.nihilo .dijitToolbar .dijitToggleButtonCheckedHover + { + background-color:#ffe284; + border:1px solid #f7c95c; + margin: 1px !important; + padding: 0px !important; +} +.nihilo .dijitToolbar .dijitButtonHover, +.nihilo .dijitToolbar .dijitToggleButtonHover, +.nihilo .dijitToolbar .dijitDropDownButtonHover { + + border: 1px solid #f7c95c; + background-color:#ffe284; +} +.nihilo .dijitToolbar label { + padding: 3px 3px 0 6px; +} +.dj_ie .nihilo .dijitToolbar .dijitComboButton .dijitButtonContentsFocused, +.dj_ie .nihilo .dijitToolbar .dijitComboButton .dijitDownArrowButtonFocused, +.dj_ff2 .nihilo.dijitToolbar .dijitComboButton .dijitButtonContentsFocused, +.dj_ff2 .nihilo .dijitToolbar .dijitComboButton .dijitDownArrowButtonFocused { + border: 1px black dotted !important; +} +.dj_ie6 .nihilo .dijitToolbar .dijitButton, +.dj_ie6 .nihilo .dijitToolbar .dijitToggleButton, +.dj_ie6 .nihilo .dijitToolbar .dijitDropDownButton { + + margin: 2px; + padding: 0px 2px; + border: 0px; +} +.dj_ie6 .nihilo .dijitToolbar .dijitButtonChecked, +.dj_ie6 .nihilo .dijitToolbar .dijitToggleButtonChecked, +.dj_ie6 .nihilo .dijitToolbar .dijitDropDownButtonChecked { + background-color:#ffeeb9; + border:1px solid #f7c95c; + margin: 1px !important; + padding: 0px 2px !important; +} +.dj_ie6 .nihilo .dijitToolbar .dijitButtonCheckedHover, +.dj_ie6 .nihilo .dijitToolbar .dijitToggleButtonCheckedHover, +.dj_ie6 .nihilo .dijitToolbar .dijitDropDownButtonCheckedHover { + background-color:#ffe284; + border:1px solid #f7c95c; + margin: 1px !important; + padding: 0px 2px !important; +} +.dj_ie6 .nihilo .dijitToolbar .dijitButtonHover, +.dj_ie6 .nihilo .dijitToolbar .dijitToggleButtonHover, +.dj_ie6 .nihilo .dijitToolbar .dijitDropDownButtonHover { + background-color:#ffe284; + border:1px solid #f7c95c; + margin: 1px !important; + padding: 0px 2px !important; +} diff --git a/includes/js/dijit/themes/nihilo/Toolbar.css.commented.css b/includes/js/dijit/themes/nihilo/Toolbar.css.commented.css new file mode 100644 index 0000000..7143e55 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/Toolbar.css.commented.css @@ -0,0 +1,95 @@ +.nihilo .dijitToolbar { + padding: 3px 0 1px 3px; + border-bottom: 1px solid #ccc; + background:#eaeaea url("images/titleBar.png") repeat-x top left; +} + +.nihilo .dijitToolbar .dijitButtonNode { + background: none; + margin: 0px !important; + padding: 0px !important; + border: none; + font-size: 12px; +} + +.nihilo .dijitToolbar .dijitButton, +.nihilo .dijitToolbar .dijitToggleButton, +.nihilo .dijitToolbar .dijitDropDownButton { + background: none; + margin: 1px; + padding: 0px; + border: 1px solid transparent; +} + +.nihilo .dijitToolbar .dijitButtonChecked, +.nihilo .dijitToolbar .dijitToggleButtonChecked { + background-color:#ffeeb9; + border:1px solid #f7c95c; + margin: 1px !important; + padding: 0px !important; +} + +.nihilo .dijitToolbar .dijitButtonCheckedHover, +.nihilo .dijitToolbar .dijitToggleButtonCheckedHover + { + background-color:#ffe284; + border:1px solid #f7c95c; + margin: 1px !important; + padding: 0px !important; +} + +.nihilo .dijitToolbar .dijitButtonHover, +.nihilo .dijitToolbar .dijitToggleButtonHover, +.nihilo .dijitToolbar .dijitDropDownButtonHover { + /* TODO: change this from Hover to Selected so that button is still highlighted while drop down is being used */ + border: 1px solid #f7c95c; + background-color:#ffe284; +} + +.nihilo .dijitToolbar label { + padding: 3px 3px 0 6px; +} + +.dj_ie .nihilo .dijitToolbar .dijitComboButton .dijitButtonContentsFocused, +.dj_ie .nihilo .dijitToolbar .dijitComboButton .dijitDownArrowButtonFocused, +.dj_ff2 .nihilo.dijitToolbar .dijitComboButton .dijitButtonContentsFocused, +.dj_ff2 .nihilo .dijitToolbar .dijitComboButton .dijitDownArrowButtonFocused { + border: 1px black dotted !important; +} + +/* IE6 specific rules */ +.dj_ie6 .nihilo .dijitToolbar .dijitButton, +.dj_ie6 .nihilo .dijitToolbar .dijitToggleButton, +.dj_ie6 .nihilo .dijitToolbar .dijitDropDownButton { + /* workaround no transparent border support in IE6 */ + margin: 2px; + padding: 0px 2px; + border: 0px; +} + +.dj_ie6 .nihilo .dijitToolbar .dijitButtonChecked, +.dj_ie6 .nihilo .dijitToolbar .dijitToggleButtonChecked, +.dj_ie6 .nihilo .dijitToolbar .dijitDropDownButtonChecked { + background-color:#ffeeb9; + border:1px solid #f7c95c; + margin: 1px !important; + padding: 0px 2px !important; +} + +.dj_ie6 .nihilo .dijitToolbar .dijitButtonCheckedHover, +.dj_ie6 .nihilo .dijitToolbar .dijitToggleButtonCheckedHover, +.dj_ie6 .nihilo .dijitToolbar .dijitDropDownButtonCheckedHover { + background-color:#ffe284; + border:1px solid #f7c95c; + margin: 1px !important; + padding: 0px 2px !important; +} + +.dj_ie6 .nihilo .dijitToolbar .dijitButtonHover, +.dj_ie6 .nihilo .dijitToolbar .dijitToggleButtonHover, +.dj_ie6 .nihilo .dijitToolbar .dijitDropDownButtonHover { + background-color:#ffe284; + border:1px solid #f7c95c; + margin: 1px !important; + padding: 0px 2px !important; +} diff --git a/includes/js/dijit/themes/nihilo/Tree.css b/includes/js/dijit/themes/nihilo/Tree.css new file mode 100644 index 0000000..7834018 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/Tree.css @@ -0,0 +1,68 @@ + +.nihilo .dijitTreeNode { + background : url('images/treeI.gif') no-repeat; + background-position : top left; + background-repeat : repeat-y; + margin-left: 19px; + zoom: 1; +} +.nihilo .dijitTreeIsLast { + background: url('images/treeI_half.gif') no-repeat; +} +.nihilo .dijitTreeLabel { + font-weight: normal; + margin-left: 3px; +} +.nihilo .dijitTreeIsRoot { + margin-left: 0; + background-image: none; +} +.nihilo .dijitTreeExpando { + width: 18px; + height: 18px; +} +.nihilo .dijitTreeContent { + min-height: 18px; + min-width: 18px; + margin-left:18px; + padding-top:3px; + padding-left:1px; +} +.nihilo .dijitTreeExpand { + width: 18px; + height: 18px; + background-repeat : no-repeat; +} +.nihilo .dijitTreeNodeEmphasized { + background-color: Highlight; + color: HighlightText; +} +.nihilo .dijitTreeLabelFocused { + outline: 1px invert dotted; + background:#dde7f2; +} +.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; +} diff --git a/includes/js/dijit/themes/nihilo/Tree.css.commented.css b/includes/js/dijit/themes/nihilo/Tree.css.commented.css new file mode 100644 index 0000000..72edfd2 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/Tree.css.commented.css @@ -0,0 +1,90 @@ + +/* Tree */ + +.nihilo .dijitTreeNode { + background : url('images/treeI.gif') no-repeat; + background-position : top left; + background-repeat : repeat-y; + margin-left: 19px; + zoom: 1; /* MOW: what the heck is this doing in here? */ +} + +/* left vertical line (grid) for all nodes */ +.nihilo .dijitTreeIsLast { + background: url('images/treeI_half.gif') no-repeat; +} + +.nihilo .dijitTreeLabel { + font-weight: normal; + margin-left: 3px; +} + +.nihilo .dijitTreeIsRoot { + margin-left: 0; + background-image: none; +} + +.nihilo .dijitTreeExpando { + width: 18px; + height: 18px; +} + +.nihilo .dijitTreeContent { + min-height: 18px; + min-width: 18px; + margin-left:18px; + padding-top:3px; + padding-left:1px; +} + + +.nihilo .dijitTreeExpand { + width: 18px; + height: 18px; + background-repeat : no-repeat; +} + +/* same style as IE selection */ +.nihilo .dijitTreeNodeEmphasized { + background-color: Highlight; + color: HighlightText; +} + +/* don't use :focus due to opera and IE's lack of support on div's */ +.nihilo .dijitTreeLabelFocused { + outline: 1px invert dotted; + background:#dde7f2; +} + +.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; +} diff --git a/includes/js/dijit/themes/nihilo/Tree_rtl.css b/includes/js/dijit/themes/nihilo/Tree_rtl.css new file mode 100644 index 0000000..5734d9f --- /dev/null +++ b/includes/js/dijit/themes/nihilo/Tree_rtl.css @@ -0,0 +1,30 @@ + +.dijitRtl .dijitTreeContainer .dijitTreeNode { + background-image : url('images/treeI_rtl.gif'); + background-position : top right; + margin-left: auto; + margin-right: 19px; +} +.dijitRtl .dijitTreeContainer .dijitTreeIsRoot { + margin-left: auto; + margin-right: 0; + background-image: none; +} +.dijitRtl .dijitTreeContainer .dijitTreeIsLast { + background-image: url('images/treeI_half_rtl.gif'); +} +.dijitRtl .dijitTreeContainer .dijitTreeContent { + margin-left: auto; + margin-right: 18px; + padding-left: auto; + padding-right: 1px; +} +.dijitRtl .dijitTreeContainer .dijitTreeExpandoOpened { + background: url('images/spriteTree_rtl.gif') no-repeat -18px top; +} +.dijitRtl .dijitTreeContainer .dijitTreeExpandoClosed { + background-image: url('images/spriteTree_rtl.gif'); +} +.dijitRtl .dijitTreeContainer .dijitTreeExpandoLeaf { + background: url('images/spriteTree_rtl.gif') no-repeat -36px top; +} diff --git a/includes/js/dijit/themes/nihilo/Tree_rtl.css.commented.css b/includes/js/dijit/themes/nihilo/Tree_rtl.css.commented.css new file mode 100644 index 0000000..1fa4e00 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/Tree_rtl.css.commented.css @@ -0,0 +1,38 @@ + + +/* Tree */ +.dijitRtl .dijitTreeContainer .dijitTreeNode { + background-image : url('images/treeI_rtl.gif'); + background-position : top right; + margin-left: auto; + margin-right: 19px; +} + +.dijitRtl .dijitTreeContainer .dijitTreeIsRoot { + margin-left: auto; + margin-right: 0; + background-image: none; +} + +.dijitRtl .dijitTreeContainer .dijitTreeIsLast { + background-image: url('images/treeI_half_rtl.gif'); +} + +.dijitRtl .dijitTreeContainer .dijitTreeContent { + margin-left: auto; + margin-right: 18px; + padding-left: auto; + padding-right: 1px; +} + +.dijitRtl .dijitTreeContainer .dijitTreeExpandoOpened { + background: url('images/spriteTree_rtl.gif') no-repeat -18px top; +} + +.dijitRtl .dijitTreeContainer .dijitTreeExpandoClosed { + background-image: url('images/spriteTree_rtl.gif'); +} + +.dijitRtl .dijitTreeContainer .dijitTreeExpandoLeaf { + background: url('images/spriteTree_rtl.gif') no-repeat -36px top; +} diff --git a/includes/js/dijit/themes/nihilo/form/Button.css b/includes/js/dijit/themes/nihilo/form/Button.css new file mode 100644 index 0000000..76bec06 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/form/Button.css @@ -0,0 +1,90 @@ + +.nihilo .dijitButtonNode { + + + border:1px solid #dedede; + border-bottom:1px solid #dedede; + border-right:1px solid #dedede; + padding: 0.2em; + background:#fff url("../images/buttonEnabled.png") repeat-x top left; +} +.dj_ie .nihilo .dijitButtonNode { + zoom: 1; +} +.nihilo .dijitButtonText { + padding: 0 0.3em; +} +.nihilo .dijitComboBox .dijitButtonNode { + border-width: 0px 0px 0px 1px; +} +.nihilo .dijitArrowButton { + color: #111; +} +.nihilo .dijitComboButton .dijitDownArrowButton { + padding-right:4px; +} +.dj_ff2 .nihilo .dijitComboButton .dijitButtonContentsFocused, +.dj_ff2 .nihilo .dijitComboButton .dijitDownArrowButtonFocused { + border: 1px black dotted !important; +} +.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_ie .nihilo .dijitButtonDisabled .dijitButtonNode *, +.dj_ie .nihilo .dijitToggleButtonDisabled .dijitButtonNode *, +.dj_ie .nihilo .dijitDropDownButtonDisabled .dijitButtonNode *, +.dj_ie .nihilo .dijitComboButtonDisabled .dijitButtonNode *, +.dj_ie .nihilo .dijitSpinnerDisabled .dijitButtonNode * { + filter: gray() alpha(opacity=50); +} +.nihilo .dijitButtonHover .dijitButtonNode, +.nihilo .dijitToggleButtonHover .dijitButtonNode, +.nihilo .dijitDropDownButtonHover .dijitButtonNode, +.nihilo .dijitComboButtonHover .dijitButtonContents, +.nihilo .dijitComboButtonDownArrowHover .dijitDownArrowButton, +.nihilo .dijitComboBoxHover .dijitDownArrowButton, +.nihilo .dijitSpinnerUpArrowHover .dijitUpArrowButton, +.nihilo .dijitSpinnerDownArrowHover .dijitDownArrowButton { + + + color:#000; + background:#fcfcfc url("../images/buttonHover.png") repeat-x top left; +} +.nihilo .dijitSpinnerUpArrowActive .dijitUpArrowButton, +.nihilo .dijitSpinnerDownArrowActive .dijitDownArrowButton, +.nihilo .dijitButtonActive .dijitButtonNode, +.nihilo .dijitToggleButtonActive .dijitButtonNode, +.nihilo .dijitDropDownButtonActive .dijitButtonNode, +.nihilo .dijitComboButtonActive .dijitButtonContents, +.nihilo .dijitDownArrowActive .dijitDownArrowButton, +.nihilo .dijitComboBoxActive .dijitDownArrowButton { + + border-color:#dedede; + background: #f5f5f5 url("../images/buttonActive.png") top left repeat-x; +} +.nihilo .dijitArrowButtonInner { + background:url("../images/spriteArrows.png") no-repeat left top; + width: 11px; +} +.nihilo .dijitUpArrowButton .dijitArrowButtonInner { + background:url("../images/spriteArrows.png") no-repeat -22px top; + width: 11px; +} +.dj_ie6 .nihilo .dijitArrowButtonInner { + background:url("../images/spriteArrows.gif") no-repeat left top; + width: 11px; +} +.dj_ie6 .nihilo .dijitUpArrowButton .dijitArrowButtonInner { + background:url("../images/spriteArrows.gif") no-repeat -22px top; + width: 11px; +} diff --git a/includes/js/dijit/themes/nihilo/form/Button.css.commented.css b/includes/js/dijit/themes/nihilo/form/Button.css.commented.css new file mode 100644 index 0000000..4a02447 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/form/Button.css.commented.css @@ -0,0 +1,109 @@ + +/***** + dijit.form.Button + dijit.form.DropDownButton + dijit.form.ComboButton + dijit.form.ComboBox (partial) + *****/ + +.nihilo .dijitButtonNode { + /* enabled state - inner */ + /* border:1px outset #a0a0a0; */ + border:1px solid #dedede; + border-bottom:1px solid #dedede; + border-right:1px solid #dedede; + padding: 0.2em; + background:#fff url("../images/buttonEnabled.png") repeat-x top left; +} +.dj_ie .nihilo .dijitButtonNode { + zoom: 1; +} + +.nihilo .dijitButtonText { + padding: 0 0.3em; +} + +.nihilo .dijitComboBox .dijitButtonNode { + border-width: 0px 0px 0px 1px; +} + +.nihilo .dijitArrowButton { + color: #111; +} + +.nihilo .dijitComboButton .dijitDownArrowButton { + padding-right:4px; +} + +.dj_ff2 .nihilo .dijitComboButton .dijitButtonContentsFocused, +.dj_ff2 .nihilo .dijitComboButton .dijitDownArrowButtonFocused { + border: 1px black dotted !important; +} + +.nihilo .dijitButtonDisabled .dijitButtonNode, +.nihilo .dijitToggleButtonDisabled .dijitButtonNode, +.nihilo .dijitDropDownButtonDisabled .dijitButtonNode, +.nihilo .dijitComboButtonDisabled .dijitButtonNode, +.nihilo .dijitComboBoxDisabled, +.nihilo .dijitSpinnerDisabled, +.nihilo .dijitSpinnerDisabled .dijitButtonNode { + /* disabled state - inner */ + border-color: #dedede; + /*color:#b4b4b4;*/ + background:#fafafa url("../images/buttonDisabled.png") top repeat-x; + opacity: 0.60; /* Safari, Opera and Mozilla */ +} +.dj_ie .nihilo .dijitButtonDisabled .dijitButtonNode *, +.dj_ie .nihilo .dijitToggleButtonDisabled .dijitButtonNode *, +.dj_ie .nihilo .dijitDropDownButtonDisabled .dijitButtonNode *, +.dj_ie .nihilo .dijitComboButtonDisabled .dijitButtonNode *, +.dj_ie .nihilo .dijitSpinnerDisabled .dijitButtonNode * { + filter: gray() alpha(opacity=50); /* IE */ +} + +.nihilo .dijitButtonHover .dijitButtonNode, +.nihilo .dijitToggleButtonHover .dijitButtonNode, +.nihilo .dijitDropDownButtonHover .dijitButtonNode, +.nihilo .dijitComboButtonHover .dijitButtonContents, +.nihilo .dijitComboButtonDownArrowHover .dijitDownArrowButton, +.nihilo .dijitComboBoxHover .dijitDownArrowButton, +.nihilo .dijitSpinnerUpArrowHover .dijitUpArrowButton, +.nihilo .dijitSpinnerDownArrowHover .dijitDownArrowButton { + /* hover state - inner */ + /* TODO: change from Hover to Selected so that button is still highlighted while drop down is being used */ + color:#000; + background:#fcfcfc url("../images/buttonHover.png") repeat-x top left; +} + +.nihilo .dijitSpinnerUpArrowActive .dijitUpArrowButton, +.nihilo .dijitSpinnerDownArrowActive .dijitDownArrowButton, +.nihilo .dijitButtonActive .dijitButtonNode, +.nihilo .dijitToggleButtonActive .dijitButtonNode, +.nihilo .dijitDropDownButtonActive .dijitButtonNode, +.nihilo .dijitComboButtonActive .dijitButtonContents, +.nihilo .dijitDownArrowActive .dijitDownArrowButton, +.nihilo .dijitComboBoxActive .dijitDownArrowButton { + /* active state - inner (for when you are pressing a normal button, or + * when a toggle button is in a depressed state + */ + border-color:#dedede; + background: #f5f5f5 url("../images/buttonActive.png") top left repeat-x; +} + + +.nihilo .dijitArrowButtonInner { + background:url("../images/spriteArrows.png") no-repeat left top; + width: 11px; +} +.nihilo .dijitUpArrowButton .dijitArrowButtonInner { + background:url("../images/spriteArrows.png") no-repeat -22px top; + width: 11px; +} +.dj_ie6 .nihilo .dijitArrowButtonInner { + background:url("../images/spriteArrows.gif") no-repeat left top; + width: 11px; +} +.dj_ie6 .nihilo .dijitUpArrowButton .dijitArrowButtonInner { + background:url("../images/spriteArrows.gif") no-repeat -22px top; + width: 11px; +} diff --git a/includes/js/dijit/themes/nihilo/form/Button_rtl.css b/includes/js/dijit/themes/nihilo/form/Button_rtl.css new file mode 100644 index 0000000..fd92f00 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/form/Button_rtl.css @@ -0,0 +1,3 @@ +.dijitRtl .dijitComboBox .dijitButtonNode { + border-width: 0px 0px 0px 1px; +} diff --git a/includes/js/dijit/themes/nihilo/form/Button_rtl.css.commented.css b/includes/js/dijit/themes/nihilo/form/Button_rtl.css.commented.css new file mode 100644 index 0000000..fd92f00 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/form/Button_rtl.css.commented.css @@ -0,0 +1,3 @@ +.dijitRtl .dijitComboBox .dijitButtonNode { + border-width: 0px 0px 0px 1px; +} diff --git a/includes/js/dijit/themes/nihilo/form/Checkbox.css b/includes/js/dijit/themes/nihilo/form/Checkbox.css new file mode 100644 index 0000000..8281aca --- /dev/null +++ b/includes/js/dijit/themes/nihilo/form/Checkbox.css @@ -0,0 +1,42 @@ + +.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, +.nihilo .dijitCheckBoxFocused { + + background-position: -80px; +} +.nihilo .dijitCheckBoxCheckedHover, + .nihilo .dijitCheckBoxCheckedFocused { + + background-position: -64px; +} diff --git a/includes/js/dijit/themes/nihilo/form/Checkbox.css.commented.css b/includes/js/dijit/themes/nihilo/form/Checkbox.css.commented.css new file mode 100644 index 0000000..5c07b73 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/form/Checkbox.css.commented.css @@ -0,0 +1,69 @@ + +/* + * 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 { /* 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 { + /* checked */ + background-position: 0px; +} + +.nihilo .dijitCheckBoxDisabled { + /* disabled */ + background-position: -48px; +} + +.nihilo .dijitCheckBoxCheckedDisabled { + /* disabled but checked */ + background-position: -32px; +} + +.nihilo .dijitCheckBoxHover, +.nihilo .dijitCheckBoxFocused { + /* hovering over an unchecked enabled checkbox */ + background-position: -80px; +} + +.nihilo .dijitCheckBoxCheckedHover, + .nihilo .dijitCheckBoxCheckedFocused { + /* hovering over a checked enabled checkbox */ + background-position: -64px; +} diff --git a/includes/js/dijit/themes/nihilo/form/ComboBox.css b/includes/js/dijit/themes/nihilo/form/ComboBox.css new file mode 100644 index 0000000..5de42ab --- /dev/null +++ b/includes/js/dijit/themes/nihilo/form/ComboBox.css @@ -0,0 +1,7 @@ +.nihilo .dijitComboBox .dijitArrowButton .dijitArrowButtonInner { + background:url("../images/spriteArrows.png") no-repeat left center; + width: 11px; +} +.nihilo .dijitComboBoxHover .dijitArrowButtonInner { + +} diff --git a/includes/js/dijit/themes/nihilo/form/ComboBox.css.commented.css b/includes/js/dijit/themes/nihilo/form/ComboBox.css.commented.css new file mode 100644 index 0000000..e997538 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/form/ComboBox.css.commented.css @@ -0,0 +1,7 @@ +.nihilo .dijitComboBox .dijitArrowButton .dijitArrowButtonInner { + background:url("../images/spriteArrows.png") no-repeat left center; + width: 11px; +} +.nihilo .dijitComboBoxHover .dijitArrowButtonInner { + /* TODO: url("images/arrowDownHover.png") but in IE6 it flickers some? */ +} diff --git a/includes/js/dijit/themes/nihilo/form/Common.css b/includes/js/dijit/themes/nihilo/form/Common.css new file mode 100644 index 0000000..94042fa --- /dev/null +++ b/includes/js/dijit/themes/nihilo/form/Common.css @@ -0,0 +1,61 @@ + +.nihilo .dijitInputField INPUT, +.nihilo .dijitTextBox, +.nihilo .dijitComboBox, +.nihilo .dijitSpinner { + margin: 0em 0.1em; +} +.nihilo .dijitTextBox, +.nihilo .dijitComboBox, +.nihilo .dijitSpinner, +.nihilo .dijitInlineEditor input, +.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; + line-height: normal; +} +.nihilo .dijitComboBox .dijitButtonNode { + padding: 0 0.2em; +} +.nihilo .dijitComboBox .dijitButtonNode, +.nihilo .dijitSpinner .dijitButtonNode { + + border-color: #d3d3d3; + border-left: 1px solid #d3d3d3; +} +.nihilo .dijitTextBoxFocused, +.nihilo .dijitComboBoxFocused, +.nihilo .dijitSpinnerFocused { + + border-color:#b3b3b3; +} +.nihilo .dijitComboBoxFocused .dijitButtonNode, .nihilo .dijitSpinnerFocused .dijitButtonNode { + border-left-color:#d3d3d3; +} +.nihilo .dijitSpinnerFocused .dijitDownArrowButton { + border-top-color:#d3d3d3; +} +.nihilo .dijitError { + border-color:#b3b3b3; + background-color:#f9f7ba; + background-image:none; +} +.dj_ie6 .nihilo .dijitError INPUT { + + background-color:#f9f7ba !important; +} +.nihilo .dijitErrorFocused { + background-color:#ff6; + background-image:none; +} +.dj_ie6 .nihilo .dijitErrorFocused INPUT { + + background-color:#ff6 !important; +} +.nihilo .dijitValidationIcon { + + width: 16px; + background: transparent url('../images/warning.png') no-repeat center center; +} diff --git a/includes/js/dijit/themes/nihilo/form/Common.css.commented.css b/includes/js/dijit/themes/nihilo/form/Common.css.commented.css new file mode 100644 index 0000000..39aa1a6 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/form/Common.css.commented.css @@ -0,0 +1,82 @@ + +/**** + 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 .dijitInputField INPUT, +.nihilo .dijitTextBox, +.nihilo .dijitComboBox, +.nihilo .dijitSpinner { + margin: 0em 0.1em; +} + +.nihilo .dijitTextBox, +.nihilo .dijitComboBox, +.nihilo .dijitSpinner, +.nihilo .dijitInlineEditor input, +.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; + line-height: normal; +} + +.nihilo .dijitComboBox .dijitButtonNode { + padding: 0 0.2em; +} +.nihilo .dijitComboBox .dijitButtonNode, +.nihilo .dijitSpinner .dijitButtonNode { + /* line between the input area and the drop down button */ + border-color: #d3d3d3; + border-left: 1px solid #d3d3d3; +} + +.nihilo .dijitTextBoxFocused, +.nihilo .dijitComboBoxFocused, +.nihilo .dijitSpinnerFocused { + /* input field when focused (ie: typing affects it) */ + border-color:#b3b3b3; +} +.nihilo .dijitComboBoxFocused .dijitButtonNode, .nihilo .dijitSpinnerFocused .dijitButtonNode { + border-left-color:#d3d3d3; +} +.nihilo .dijitSpinnerFocused .dijitDownArrowButton { + border-top-color:#d3d3d3; +} + +.nihilo .dijitError { + border-color:#b3b3b3; + background-color:#f9f7ba; + background-image:none; +} +.dj_ie6 .nihilo .dijitError INPUT { + /* background-color: transparent on an <input> doesn't work on IE6 */ + background-color:#f9f7ba !important; +} + +.nihilo .dijitErrorFocused { + background-color:#ff6; + background-image:none; +} +.dj_ie6 .nihilo .dijitErrorFocused INPUT { + /* background-color: transparent on an <input> doesn't work on IE6 */ + background-color:#ff6 !important; +} + +/* 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; +} diff --git a/includes/js/dijit/themes/nihilo/form/Common_rtl.css b/includes/js/dijit/themes/nihilo/form/Common_rtl.css new file mode 100644 index 0000000..0bced8b --- /dev/null +++ b/includes/js/dijit/themes/nihilo/form/Common_rtl.css @@ -0,0 +1,7 @@ +.dijitRtl .dijitComboBox .dijitButtonNode, +.dijitRtl .dijitSpinner .dijitButtonNode { + + border-color: #8ba0bd; + border-left: 0px solid #8ba0bd; + border-right: 1px solid #8ba0bd; +} diff --git a/includes/js/dijit/themes/nihilo/form/Common_rtl.css.commented.css b/includes/js/dijit/themes/nihilo/form/Common_rtl.css.commented.css new file mode 100644 index 0000000..83f79d2 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/form/Common_rtl.css.commented.css @@ -0,0 +1,7 @@ +.dijitRtl .dijitComboBox .dijitButtonNode, +.dijitRtl .dijitSpinner .dijitButtonNode { + /* line between the input area and the drop down button */ + border-color: #8ba0bd; + border-left: 0px solid #8ba0bd; + border-right: 1px solid #8ba0bd; +} diff --git a/includes/js/dijit/themes/nihilo/form/RadioButton.css b/includes/js/dijit/themes/nihilo/form/RadioButton.css new file mode 100644 index 0000000..21d8599 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/form/RadioButton.css @@ -0,0 +1,42 @@ + +.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 .dijitRadioCheckedDisabled { + + background-position: -48px; +} +.nihilo .dijitRadioDisabled { + + background-position: -32px; +} +.nihilo .dijitRadioHover, +.nihilo .dijitRadioFocused { + + background-position: -80px; +} +.nihilo .dijitRadioCheckedHover, +.nihilo .dijitRadioCheckedFocused { + + background-position: -64px; +} diff --git a/includes/js/dijit/themes/nihilo/form/RadioButton.css.commented.css b/includes/js/dijit/themes/nihilo/form/RadioButton.css.commented.css new file mode 100644 index 0000000..456cd05 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/form/RadioButton.css.commented.css @@ -0,0 +1,68 @@ +/* + * 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 { /* 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 { + /* selected */ + background-position: 0px; +} + +.nihilo .dijitRadioCheckedDisabled { + /* selected but disabled */ + background-position: -48px; +} + +.nihilo .dijitRadioDisabled { + /* unselected and disabled */ + background-position: -32px; +} + +.nihilo .dijitRadioHover, +.nihilo .dijitRadioFocused { + /* hovering over an unselected enabled radio button */ + background-position: -80px; +} + +.nihilo .dijitRadioCheckedHover, +.nihilo .dijitRadioCheckedFocused { + /* hovering over a selected enabled radio button */ + background-position: -64px; +} diff --git a/includes/js/dijit/themes/nihilo/form/Slider.css b/includes/js/dijit/themes/nihilo/form/Slider.css new file mode 100644 index 0000000..448fb94 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/form/Slider.css @@ -0,0 +1,112 @@ + +.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; +} +.dijit_a11y .dijitSliderProgressBar { + background-color:#333 !important; +} +.nihilo .dijitSliderImageHandleH { + border:0px; + width:15px; + height:18px; + background:url("../images/preciseSliderThumb.png") no-repeat center top; + cursor:pointer; +} +.nihilo .dijitSliderFocused .dijitSliderImageHandleH { + background-image:url("../images/preciseSliderThumbFocus.png"); + #background-image:url("../images/preciseSliderThumbFocus.gif"); +} +.dj_ie6 .nihilo .dijitSliderImageHandleH { + background-image:url("../images/preciseSliderThumb.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; + cursor:pointer; +} +.nihilo .dijitSliderFocused .dijitSliderImageHandleV { + background-image:url("../images/sliderThumbFocus.png"); +} +.dj_ie6 .nihilo .dijitSliderFocused .dijitSliderImageHandleV { + 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; + width:15px; height:15px; + cursor:pointer; +} +.nihilo .dijitSliderIncrementIconH { + background:url('../images/spriteRoundedIconsSmall.png') no-repeat -30px top; +} +.nihilo .dijitSliderDecrementIconH, +.nihilo .dijitSliderDecrementIconV { + width:15px; + height:15px; + cursor:pointer; + background:url('../images/spriteRoundedIconsSmall.png') no-repeat -15px top; +} +.nihilo .dijitSliderDecrementIconH { background:url('../images/spriteRoundedIconsSmall.png') no-repeat 0px top; } +.nihilo .dijitSliderButtonInner { + visibility:hidden; +} +.nihilo .dijitSliderDisabled { + opacity:0.6 !important; +} +.dj_ie6 .nihilo .dijitSliderDisabled, +.dj_ie6 .nihilo .dijitSliderDisabled .dijitRuleContainer, +.dj_ie6 .nihilo .dijitSliderDisabled .dijitSliderRemainingBar, +.dj_ie6 .nihilo .dijitSliderDisabled .dijitSliderProgressBar { + filter: gray() alpha(opacity=40); +} diff --git a/includes/js/dijit/themes/nihilo/form/Slider.css.commented.css b/includes/js/dijit/themes/nihilo/form/Slider.css.commented.css new file mode 100644 index 0000000..8b3ebb0 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/form/Slider.css.commented.css @@ -0,0 +1,136 @@ + +/**** + 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; +} + +.dijit_a11y .dijitSliderProgressBar { + background-color:#333 !important; +} + +.nihilo .dijitSliderImageHandleH { + border:0px; + width:15px; + height:18px; + background:url("../images/preciseSliderThumb.png") no-repeat center top; + cursor:pointer; +} +.nihilo .dijitSliderFocused .dijitSliderImageHandleH { + background-image:url("../images/preciseSliderThumbFocus.png"); + #background-image:url("../images/preciseSliderThumbFocus.gif"); +} + +.dj_ie6 .nihilo .dijitSliderImageHandleH { + background-image:url("../images/preciseSliderThumb.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; + cursor:pointer; +} + +.nihilo .dijitSliderFocused .dijitSliderImageHandleV { + background-image:url("../images/sliderThumbFocus.png"); +} +.dj_ie6 .nihilo .dijitSliderFocused .dijitSliderImageHandleV { + 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; + width:15px; height:15px; + cursor:pointer; +} +.nihilo .dijitSliderIncrementIconH { + background:url('../images/spriteRoundedIconsSmall.png') no-repeat -30px top; +} + +.nihilo .dijitSliderDecrementIconH, +.nihilo .dijitSliderDecrementIconV { + width:15px; + height:15px; + cursor:pointer; + background:url('../images/spriteRoundedIconsSmall.png') no-repeat -15px top; +} +.nihilo .dijitSliderDecrementIconH { background:url('../images/spriteRoundedIconsSmall.png') no-repeat 0px top; } + +.nihilo .dijitSliderButtonInner { + visibility:hidden; +} + +.nihilo .dijitSliderDisabled { + opacity:0.6 !important; +} + +.dj_ie6 .nihilo .dijitSliderDisabled, +.dj_ie6 .nihilo .dijitSliderDisabled .dijitRuleContainer, +.dj_ie6 .nihilo .dijitSliderDisabled .dijitSliderRemainingBar, +.dj_ie6 .nihilo .dijitSliderDisabled .dijitSliderProgressBar { + filter: gray() alpha(opacity=40); +} diff --git a/includes/js/dijit/themes/nihilo/form/Slider_rtl.css b/includes/js/dijit/themes/nihilo/form/Slider_rtl.css new file mode 100644 index 0000000..febfd0a --- /dev/null +++ b/includes/js/dijit/themes/nihilo/form/Slider_rtl.css @@ -0,0 +1,27 @@ + +.dijitRtl .dijitSliderProgressBarH, +.dijitRtl .dijitSliderRemainingBarH, +.dijitRtl .dijitSliderLeftBumper, +.dijitRtl .dijitSliderRightBumper, +.dijitRtl .dijitSliderTopBumper { + background-position: top right; +} +.dijitRtl .dijitSliderProgressBarV, +.dijitRtl .dijitSliderRemainingBarV, +.dijitRtl .dijitSliderBottomBumper { + background-position: bottom right; +} +.dijitRtl .dijitSliderLeftBumper { + border-left-width: 0px; + border-right-width: 1px; +} +.dijitRtl .dijitSliderRightBumper { + border-left-width: 1px; + border-right-width: 0px; +} +.dijitRtl .dijitSliderIncrementIconH { + background-image:url('../images/arrowLeft.png'); +} +.dijitRtl .dijitSliderDecrementIconH { + background-image:url('../images/arrowRight.png'); +} diff --git a/includes/js/dijit/themes/nihilo/form/Slider_rtl.css.commented.css b/includes/js/dijit/themes/nihilo/form/Slider_rtl.css.commented.css new file mode 100644 index 0000000..930be3d --- /dev/null +++ b/includes/js/dijit/themes/nihilo/form/Slider_rtl.css.commented.css @@ -0,0 +1,34 @@ + +/* Slider */ + +.dijitRtl .dijitSliderProgressBarH, +.dijitRtl .dijitSliderRemainingBarH, +.dijitRtl .dijitSliderLeftBumper, +.dijitRtl .dijitSliderRightBumper, +.dijitRtl .dijitSliderTopBumper { + background-position: top right; +} + +.dijitRtl .dijitSliderProgressBarV, +.dijitRtl .dijitSliderRemainingBarV, +.dijitRtl .dijitSliderBottomBumper { + background-position: bottom right; +} + +.dijitRtl .dijitSliderLeftBumper { + border-left-width: 0px; + border-right-width: 1px; +} + +.dijitRtl .dijitSliderRightBumper { + border-left-width: 1px; + border-right-width: 0px; +} + +.dijitRtl .dijitSliderIncrementIconH { + background-image:url('../images/arrowLeft.png'); +} + +.dijitRtl .dijitSliderDecrementIconH { + background-image:url('../images/arrowRight.png'); +} diff --git a/includes/js/dijit/themes/nihilo/form/Textarea.css b/includes/js/dijit/themes/nihilo/form/Textarea.css new file mode 100644 index 0000000..c6f4700 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/form/Textarea.css @@ -0,0 +1,11 @@ +.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 #c4c4c4; + line-height: normal; +} diff --git a/includes/js/dijit/themes/nihilo/form/Textarea.css.commented.css b/includes/js/dijit/themes/nihilo/form/Textarea.css.commented.css new file mode 100644 index 0000000..2d26487 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/form/Textarea.css.commented.css @@ -0,0 +1,15 @@ +.nihilo .dijitTextBox { + margin: 0em 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 #c4c4c4; + line-height: normal; +} diff --git a/includes/js/dijit/themes/nihilo/form/TimeTextBox.css b/includes/js/dijit/themes/nihilo/form/TimeTextBox.css new file mode 100644 index 0000000..d450925 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/form/TimeTextBox.css @@ -0,0 +1 @@ +@CHARSET "UTF-8"; diff --git a/includes/js/dijit/themes/nihilo/form/TimeTextBox.css.commented.css b/includes/js/dijit/themes/nihilo/form/TimeTextBox.css.commented.css new file mode 100644 index 0000000..d450925 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/form/TimeTextBox.css.commented.css @@ -0,0 +1 @@ +@CHARSET "UTF-8"; diff --git a/includes/js/dijit/themes/nihilo/images/accordionItemActive.png b/includes/js/dijit/themes/nihilo/images/accordionItemActive.png Binary files differnew file mode 100644 index 0000000..58f3cf9 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/accordionItemActive.png diff --git a/includes/js/dijit/themes/nihilo/images/buttonActive.png b/includes/js/dijit/themes/nihilo/images/buttonActive.png Binary files differnew file mode 100644 index 0000000..e2f2fda --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/buttonActive.png diff --git a/includes/js/dijit/themes/nihilo/images/buttonDisabled.png b/includes/js/dijit/themes/nihilo/images/buttonDisabled.png Binary files differnew file mode 100644 index 0000000..b76af42 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/buttonDisabled.png diff --git a/includes/js/dijit/themes/nihilo/images/buttonEnabled.png b/includes/js/dijit/themes/nihilo/images/buttonEnabled.png Binary files differnew file mode 100644 index 0000000..d4fd306 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/buttonEnabled.png diff --git a/includes/js/dijit/themes/nihilo/images/buttonHover.png b/includes/js/dijit/themes/nihilo/images/buttonHover.png Binary files differnew file mode 100644 index 0000000..1af7e83 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/buttonHover.png diff --git a/includes/js/dijit/themes/nihilo/images/dndCopy.png b/includes/js/dijit/themes/nihilo/images/dndCopy.png Binary files differnew file mode 100644 index 0000000..baecd7c --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/dndCopy.png diff --git a/includes/js/dijit/themes/nihilo/images/dndMove.png b/includes/js/dijit/themes/nihilo/images/dndMove.png Binary files differnew file mode 100644 index 0000000..07f878c --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/dndMove.png diff --git a/includes/js/dijit/themes/nihilo/images/dndNoCopy.png b/includes/js/dijit/themes/nihilo/images/dndNoCopy.png Binary files differnew file mode 100644 index 0000000..9bf9c33 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/dndNoCopy.png diff --git a/includes/js/dijit/themes/nihilo/images/dndNoMove.png b/includes/js/dijit/themes/nihilo/images/dndNoMove.png Binary files differnew file mode 100644 index 0000000..cb8bd8b --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/dndNoMove.png diff --git a/includes/js/dijit/themes/nihilo/images/editor.gif b/includes/js/dijit/themes/nihilo/images/editor.gif Binary files differnew file mode 100644 index 0000000..1c96329 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/editor.gif diff --git a/includes/js/dijit/themes/nihilo/images/editor_rtl.gif b/includes/js/dijit/themes/nihilo/images/editor_rtl.gif Binary files differnew file mode 100644 index 0000000..ef04938 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/editor_rtl.gif diff --git a/includes/js/dijit/themes/nihilo/images/no.gif b/includes/js/dijit/themes/nihilo/images/no.gif Binary files differnew file mode 100644 index 0000000..9021a14 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/no.gif diff --git a/includes/js/dijit/themes/nihilo/images/preciseSliderThumb.gif b/includes/js/dijit/themes/nihilo/images/preciseSliderThumb.gif Binary files differnew file mode 100644 index 0000000..53b33e5 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/preciseSliderThumb.gif diff --git a/includes/js/dijit/themes/nihilo/images/preciseSliderThumb.png b/includes/js/dijit/themes/nihilo/images/preciseSliderThumb.png Binary files differnew file mode 100644 index 0000000..045bf35 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/preciseSliderThumb.png diff --git a/includes/js/dijit/themes/nihilo/images/preciseSliderThumbFocus.gif b/includes/js/dijit/themes/nihilo/images/preciseSliderThumbFocus.gif Binary files differnew file mode 100644 index 0000000..8c6f92e --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/preciseSliderThumbFocus.gif diff --git a/includes/js/dijit/themes/nihilo/images/preciseSliderThumbFocus.png b/includes/js/dijit/themes/nihilo/images/preciseSliderThumbFocus.png Binary files differnew file mode 100644 index 0000000..c235849 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/preciseSliderThumbFocus.png diff --git a/includes/js/dijit/themes/nihilo/images/progressBarAnim.gif b/includes/js/dijit/themes/nihilo/images/progressBarAnim.gif Binary files differnew file mode 100644 index 0000000..543d048 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/progressBarAnim.gif diff --git a/includes/js/dijit/themes/nihilo/images/progressBarEmpty.png b/includes/js/dijit/themes/nihilo/images/progressBarEmpty.png Binary files differnew file mode 100644 index 0000000..c2d3695 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/progressBarEmpty.png diff --git a/includes/js/dijit/themes/nihilo/images/progressBarFull.png b/includes/js/dijit/themes/nihilo/images/progressBarFull.png Binary files differnew file mode 100644 index 0000000..a8f3865 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/progressBarFull.png diff --git a/includes/js/dijit/themes/nihilo/images/sliderEmpty.png b/includes/js/dijit/themes/nihilo/images/sliderEmpty.png Binary files differnew file mode 100644 index 0000000..99fbd72 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/sliderEmpty.png diff --git a/includes/js/dijit/themes/nihilo/images/sliderEmptyVertical.png b/includes/js/dijit/themes/nihilo/images/sliderEmptyVertical.png Binary files differnew file mode 100644 index 0000000..2d497e3 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/sliderEmptyVertical.png diff --git a/includes/js/dijit/themes/nihilo/images/sliderFull.png b/includes/js/dijit/themes/nihilo/images/sliderFull.png Binary files differnew file mode 100644 index 0000000..9adb254 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/sliderFull.png diff --git a/includes/js/dijit/themes/nihilo/images/sliderFullFocus.png b/includes/js/dijit/themes/nihilo/images/sliderFullFocus.png Binary files differnew file mode 100644 index 0000000..3d75cae --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/sliderFullFocus.png diff --git a/includes/js/dijit/themes/nihilo/images/sliderFullVertical.png b/includes/js/dijit/themes/nihilo/images/sliderFullVertical.png Binary files differnew file mode 100644 index 0000000..27e9752 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/sliderFullVertical.png diff --git a/includes/js/dijit/themes/nihilo/images/sliderFullVerticalFocus.png b/includes/js/dijit/themes/nihilo/images/sliderFullVerticalFocus.png Binary files differnew file mode 100644 index 0000000..cca6184 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/sliderFullVerticalFocus.png diff --git a/includes/js/dijit/themes/nihilo/images/sliderThumb.png b/includes/js/dijit/themes/nihilo/images/sliderThumb.png Binary files differnew file mode 100644 index 0000000..b6abbd2 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/sliderThumb.png diff --git a/includes/js/dijit/themes/nihilo/images/sliderThumbFocus.gif b/includes/js/dijit/themes/nihilo/images/sliderThumbFocus.gif Binary files differnew file mode 100644 index 0000000..f8d306f --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/sliderThumbFocus.gif diff --git a/includes/js/dijit/themes/nihilo/images/sliderThumbFocus.png b/includes/js/dijit/themes/nihilo/images/sliderThumbFocus.png Binary files differnew file mode 100644 index 0000000..73ee705 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/sliderThumbFocus.png diff --git a/includes/js/dijit/themes/nihilo/images/splitContainerSizerH-thumb.png b/includes/js/dijit/themes/nihilo/images/splitContainerSizerH-thumb.png Binary files differnew file mode 100644 index 0000000..e7bc204 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/splitContainerSizerH-thumb.png diff --git a/includes/js/dijit/themes/nihilo/images/splitContainerSizerH.png b/includes/js/dijit/themes/nihilo/images/splitContainerSizerH.png Binary files differnew file mode 100644 index 0000000..5f5b0e9 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/splitContainerSizerH.png diff --git a/includes/js/dijit/themes/nihilo/images/splitContainerSizerV-thumb.png b/includes/js/dijit/themes/nihilo/images/splitContainerSizerV-thumb.png Binary files differnew file mode 100644 index 0000000..410a0a7 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/splitContainerSizerV-thumb.png diff --git a/includes/js/dijit/themes/nihilo/images/splitContainerSizerV.png b/includes/js/dijit/themes/nihilo/images/splitContainerSizerV.png Binary files differnew file mode 100644 index 0000000..064bc18 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/splitContainerSizerV.png diff --git a/includes/js/dijit/themes/nihilo/images/spriteArrows.gif b/includes/js/dijit/themes/nihilo/images/spriteArrows.gif Binary files differnew file mode 100644 index 0000000..fc81207 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/spriteArrows.gif diff --git a/includes/js/dijit/themes/nihilo/images/spriteArrows.png b/includes/js/dijit/themes/nihilo/images/spriteArrows.png Binary files differnew file mode 100644 index 0000000..73aa700 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/spriteArrows.png diff --git a/includes/js/dijit/themes/nihilo/images/spriteCheckbox.gif b/includes/js/dijit/themes/nihilo/images/spriteCheckbox.gif Binary files differnew file mode 100644 index 0000000..d2c4ebf --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/spriteCheckbox.gif diff --git a/includes/js/dijit/themes/nihilo/images/spriteCheckbox.png b/includes/js/dijit/themes/nihilo/images/spriteCheckbox.png Binary files differnew file mode 100644 index 0000000..e992330 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/spriteCheckbox.png diff --git a/includes/js/dijit/themes/nihilo/images/spriteDivIcons.gif b/includes/js/dijit/themes/nihilo/images/spriteDivIcons.gif Binary files differnew file mode 100644 index 0000000..00ad23a --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/spriteDivIcons.gif diff --git a/includes/js/dijit/themes/nihilo/images/spriteDivIcons.png b/includes/js/dijit/themes/nihilo/images/spriteDivIcons.png Binary files differnew file mode 100644 index 0000000..413098a --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/spriteDivIcons.png diff --git a/includes/js/dijit/themes/nihilo/images/spriteRadio.gif b/includes/js/dijit/themes/nihilo/images/spriteRadio.gif Binary files differnew file mode 100644 index 0000000..8dd6e57 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/spriteRadio.gif diff --git a/includes/js/dijit/themes/nihilo/images/spriteRadio.png b/includes/js/dijit/themes/nihilo/images/spriteRadio.png Binary files differnew file mode 100644 index 0000000..14c1080 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/spriteRadio.png diff --git a/includes/js/dijit/themes/nihilo/images/spriteRoundedIconsSmall.gif b/includes/js/dijit/themes/nihilo/images/spriteRoundedIconsSmall.gif Binary files differnew file mode 100644 index 0000000..251389a --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/spriteRoundedIconsSmall.gif diff --git a/includes/js/dijit/themes/nihilo/images/spriteRoundedIconsSmall.png b/includes/js/dijit/themes/nihilo/images/spriteRoundedIconsSmall.png Binary files differnew file mode 100644 index 0000000..e81ba07 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/spriteRoundedIconsSmall.png diff --git a/includes/js/dijit/themes/nihilo/images/spriteTree.gif b/includes/js/dijit/themes/nihilo/images/spriteTree.gif Binary files differnew file mode 100644 index 0000000..e546e28 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/spriteTree.gif diff --git a/includes/js/dijit/themes/nihilo/images/spriteTree.png b/includes/js/dijit/themes/nihilo/images/spriteTree.png Binary files differnew file mode 100644 index 0000000..33ae07b --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/spriteTree.png diff --git a/includes/js/dijit/themes/nihilo/images/spriteTree_rtl.gif b/includes/js/dijit/themes/nihilo/images/spriteTree_rtl.gif Binary files differnew file mode 100644 index 0000000..bbcc64b --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/spriteTree_rtl.gif diff --git a/includes/js/dijit/themes/nihilo/images/spriteTree_rtl.png b/includes/js/dijit/themes/nihilo/images/spriteTree_rtl.png Binary files differnew file mode 100644 index 0000000..b06afdb --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/spriteTree_rtl.png diff --git a/includes/js/dijit/themes/nihilo/images/tabBottomActiveC.gif b/includes/js/dijit/themes/nihilo/images/tabBottomActiveC.gif Binary files differnew file mode 100644 index 0000000..84bffde --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/tabBottomActiveC.gif diff --git a/includes/js/dijit/themes/nihilo/images/tabBottomActiveSpriteLR.gif b/includes/js/dijit/themes/nihilo/images/tabBottomActiveSpriteLR.gif Binary files differnew file mode 100644 index 0000000..6803db4 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/tabBottomActiveSpriteLR.gif diff --git a/includes/js/dijit/themes/nihilo/images/tabBottomEnabledC.gif b/includes/js/dijit/themes/nihilo/images/tabBottomEnabledC.gif Binary files differnew file mode 100644 index 0000000..9ef9ab0 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/tabBottomEnabledC.gif diff --git a/includes/js/dijit/themes/nihilo/images/tabBottomEnabledSpriteLR.gif b/includes/js/dijit/themes/nihilo/images/tabBottomEnabledSpriteLR.gif Binary files differnew file mode 100644 index 0000000..b6b08ce --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/tabBottomEnabledSpriteLR.gif diff --git a/includes/js/dijit/themes/nihilo/images/tabBottomHoverC.gif b/includes/js/dijit/themes/nihilo/images/tabBottomHoverC.gif Binary files differnew file mode 100644 index 0000000..0f533b5 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/tabBottomHoverC.gif diff --git a/includes/js/dijit/themes/nihilo/images/tabBottomHoverSpriteLR.gif b/includes/js/dijit/themes/nihilo/images/tabBottomHoverSpriteLR.gif Binary files differnew file mode 100644 index 0000000..010b08a --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/tabBottomHoverSpriteLR.gif diff --git a/includes/js/dijit/themes/nihilo/images/tabContainerSprite.gif b/includes/js/dijit/themes/nihilo/images/tabContainerSprite.gif Binary files differnew file mode 100644 index 0000000..92044a7 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/tabContainerSprite.gif diff --git a/includes/js/dijit/themes/nihilo/images/tabLeftChecked.gif b/includes/js/dijit/themes/nihilo/images/tabLeftChecked.gif Binary files differnew file mode 100644 index 0000000..d59fd4a --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/tabLeftChecked.gif diff --git a/includes/js/dijit/themes/nihilo/images/tabRightChecked.gif b/includes/js/dijit/themes/nihilo/images/tabRightChecked.gif Binary files differnew file mode 100644 index 0000000..d32f44e --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/tabRightChecked.gif diff --git a/includes/js/dijit/themes/nihilo/images/tabStripe.gif b/includes/js/dijit/themes/nihilo/images/tabStripe.gif Binary files differnew file mode 100644 index 0000000..a934675 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/tabStripe.gif diff --git a/includes/js/dijit/themes/nihilo/images/tabStripeBottom.gif b/includes/js/dijit/themes/nihilo/images/tabStripeBottom.gif Binary files differnew file mode 100644 index 0000000..64c3376 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/tabStripeBottom.gif diff --git a/includes/js/dijit/themes/nihilo/images/tabStripeLeft.gif b/includes/js/dijit/themes/nihilo/images/tabStripeLeft.gif Binary files differnew file mode 100644 index 0000000..d607a45 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/tabStripeLeft.gif diff --git a/includes/js/dijit/themes/nihilo/images/tabStripeRight.gif b/includes/js/dijit/themes/nihilo/images/tabStripeRight.gif Binary files differnew file mode 100644 index 0000000..9778ced --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/tabStripeRight.gif diff --git a/includes/js/dijit/themes/nihilo/images/titleBar.png b/includes/js/dijit/themes/nihilo/images/titleBar.png Binary files differnew file mode 100644 index 0000000..48f3a2f --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/titleBar.png diff --git a/includes/js/dijit/themes/nihilo/images/titleBarActive.png b/includes/js/dijit/themes/nihilo/images/titleBarActive.png Binary files differnew file mode 100644 index 0000000..58f3cf9 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/titleBarActive.png diff --git a/includes/js/dijit/themes/nihilo/images/tooltipConnectorDown.gif b/includes/js/dijit/themes/nihilo/images/tooltipConnectorDown.gif Binary files differnew file mode 100644 index 0000000..9c38495 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/tooltipConnectorDown.gif diff --git a/includes/js/dijit/themes/nihilo/images/tooltipConnectorDown.png b/includes/js/dijit/themes/nihilo/images/tooltipConnectorDown.png Binary files differnew file mode 100644 index 0000000..d75af71 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/tooltipConnectorDown.png diff --git a/includes/js/dijit/themes/nihilo/images/tooltipConnectorLeft.gif b/includes/js/dijit/themes/nihilo/images/tooltipConnectorLeft.gif Binary files differnew file mode 100644 index 0000000..fc947e0 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/tooltipConnectorLeft.gif diff --git a/includes/js/dijit/themes/nihilo/images/tooltipConnectorLeft.png b/includes/js/dijit/themes/nihilo/images/tooltipConnectorLeft.png Binary files differnew file mode 100644 index 0000000..f3de66a --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/tooltipConnectorLeft.png diff --git a/includes/js/dijit/themes/nihilo/images/tooltipConnectorRight.gif b/includes/js/dijit/themes/nihilo/images/tooltipConnectorRight.gif Binary files differnew file mode 100644 index 0000000..b0e8097 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/tooltipConnectorRight.gif diff --git a/includes/js/dijit/themes/nihilo/images/tooltipConnectorRight.png b/includes/js/dijit/themes/nihilo/images/tooltipConnectorRight.png Binary files differnew file mode 100644 index 0000000..ed6efc4 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/tooltipConnectorRight.png diff --git a/includes/js/dijit/themes/nihilo/images/tooltipConnectorUp.gif b/includes/js/dijit/themes/nihilo/images/tooltipConnectorUp.gif Binary files differnew file mode 100644 index 0000000..54bcf65 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/tooltipConnectorUp.gif diff --git a/includes/js/dijit/themes/nihilo/images/tooltipConnectorUp.png b/includes/js/dijit/themes/nihilo/images/tooltipConnectorUp.png Binary files differnew file mode 100644 index 0000000..7f7a5d8 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/tooltipConnectorUp.png diff --git a/includes/js/dijit/themes/nihilo/images/treeExpand_loading.gif b/includes/js/dijit/themes/nihilo/images/treeExpand_loading.gif Binary files differnew file mode 100644 index 0000000..db9ddd0 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/treeExpand_loading.gif diff --git a/includes/js/dijit/themes/nihilo/images/treeI.gif b/includes/js/dijit/themes/nihilo/images/treeI.gif Binary files differnew file mode 100644 index 0000000..6f669e2 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/treeI.gif diff --git a/includes/js/dijit/themes/nihilo/images/treeI_half.gif b/includes/js/dijit/themes/nihilo/images/treeI_half.gif Binary files differnew file mode 100644 index 0000000..e5fd015 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/treeI_half.gif diff --git a/includes/js/dijit/themes/nihilo/images/treeI_half_rtl.gif b/includes/js/dijit/themes/nihilo/images/treeI_half_rtl.gif Binary files differnew file mode 100644 index 0000000..44ad021 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/treeI_half_rtl.gif diff --git a/includes/js/dijit/themes/nihilo/images/treeI_rtl.gif b/includes/js/dijit/themes/nihilo/images/treeI_rtl.gif Binary files differnew file mode 100644 index 0000000..0d32a2f --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/treeI_rtl.gif diff --git a/includes/js/dijit/themes/nihilo/images/validationInputBg.gif b/includes/js/dijit/themes/nihilo/images/validationInputBg.gif Binary files differnew file mode 100644 index 0000000..c28475c --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/validationInputBg.gif diff --git a/includes/js/dijit/themes/nihilo/images/validationInputBg.png b/includes/js/dijit/themes/nihilo/images/validationInputBg.png Binary files differnew file mode 100644 index 0000000..f3039f9 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/validationInputBg.png diff --git a/includes/js/dijit/themes/nihilo/images/warning.png b/includes/js/dijit/themes/nihilo/images/warning.png Binary files differnew file mode 100644 index 0000000..c52f83d --- /dev/null +++ b/includes/js/dijit/themes/nihilo/images/warning.png diff --git a/includes/js/dijit/themes/nihilo/layout/AccordionContainer.css b/includes/js/dijit/themes/nihilo/layout/AccordionContainer.css new file mode 100644 index 0000000..2a96e6e --- /dev/null +++ b/includes/js/dijit/themes/nihilo/layout/AccordionContainer.css @@ -0,0 +1,35 @@ + +.nihilo .dijitAccordionPane { + background-color: #e7e7e7; + font-size: 0.9em; + font-weight: bold; + color: #6d6d6d; +} +.nihilo .dijitAccordionTitle { + background:#fafafa url("../images/titleBar.png") repeat-x top left; + border-top: 1px solid #dedede; + padding: 5px 4px 6px 8px; + cursor:pointer; +} +.nihilo .dijitAccordionTitle-selected { + 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; + cursor: default; + color: #243C5F; +} +.nihilo .dijitAccordionArrow { + background:url("../images/spriteRoundedIconsSmall.gif") no-repeat; + width:15px; + height:15px; + margin-top:-1px; +} +.nihilo .dijitAccordionTitle-selected .dijitAccordionArrow { + background:url("../images/spriteRoundedIconsSmall.gif") no-repeat -15px top; + margin-top:-1px; +} +.nihilo .dijitAccordionBody { + background: #fff; +} diff --git a/includes/js/dijit/themes/nihilo/layout/AccordionContainer.css.commented.css b/includes/js/dijit/themes/nihilo/layout/AccordionContainer.css.commented.css new file mode 100644 index 0000000..7242752 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/layout/AccordionContainer.css.commented.css @@ -0,0 +1,44 @@ +/** + * dijit.layout.Accordioncontainer + * + */ + +.nihilo .dijitAccordionPane { + background-color: #e7e7e7; + font-size: 0.9em; + font-weight: bold; + color: #6d6d6d; +} + +.nihilo .dijitAccordionTitle { + background:#fafafa url("../images/titleBar.png") repeat-x top left; + border-top: 1px solid #dedede; + padding: 5px 4px 6px 8px; + cursor:pointer; +} + +.nihilo .dijitAccordionTitle-selected { + 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; + cursor: default; + color: #243C5F; +} + +.nihilo .dijitAccordionArrow { + background:url("../images/spriteRoundedIconsSmall.gif") no-repeat; + width:15px; + height:15px; + margin-top:-1px; +} + +.nihilo .dijitAccordionTitle-selected .dijitAccordionArrow { + background:url("../images/spriteRoundedIconsSmall.gif") no-repeat -15px top; + margin-top:-1px; +} + +.nihilo .dijitAccordionBody { + background: #fff; +} diff --git a/includes/js/dijit/themes/nihilo/layout/AccordionContainer_rtl.css b/includes/js/dijit/themes/nihilo/layout/AccordionContainer_rtl.css new file mode 100644 index 0000000..4ceda54 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/layout/AccordionContainer_rtl.css @@ -0,0 +1,3 @@ +.dijitRtl .dijitAccordionArrow { + background-position: -30px top; +} diff --git a/includes/js/dijit/themes/nihilo/layout/AccordionContainer_rtl.css.commented.css b/includes/js/dijit/themes/nihilo/layout/AccordionContainer_rtl.css.commented.css new file mode 100644 index 0000000..4ceda54 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/layout/AccordionContainer_rtl.css.commented.css @@ -0,0 +1,3 @@ +.dijitRtl .dijitAccordionArrow { + background-position: -30px top; +} diff --git a/includes/js/dijit/themes/nihilo/layout/BorderContainer.css b/includes/js/dijit/themes/nihilo/layout/BorderContainer.css new file mode 100644 index 0000000..6b3ee0d --- /dev/null +++ b/includes/js/dijit/themes/nihilo/layout/BorderContainer.css @@ -0,0 +1,27 @@ + +.nihilo .dijitSplitterH { + background:url("../images/splitContainerSizerH.png") repeat-x #fff; + border:0; + border-left:0px solid #d3d3d3; + border-right:0px solid #d3d3d3; + height:5px; +} +.nihilo .dijitSplitterH .dijitSplitterThumb { + background:url("../images/splitContainerSizerH-thumb.png") no-repeat; + top:1px; + width:19px; + height:2px; +} +.nihilo .dijitSplitterV { + background:url("../images/splitContainerSizerV.png") repeat-y #fff; + border:0; + border-top:0px solid #d3d3d3; + border-bottom:0px solid #d3d3d3; + width:5px; +} +.nihilo .dijitSplitterV .dijitSplitterThumb { + background:url("../images/splitContainerSizerV-thumb.png") no-repeat; + left:1px; + height:19px; + width:5px; +} diff --git a/includes/js/dijit/themes/nihilo/layout/BorderContainer.css.commented.css b/includes/js/dijit/themes/nihilo/layout/BorderContainer.css.commented.css new file mode 100644 index 0000000..e95a534 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/layout/BorderContainer.css.commented.css @@ -0,0 +1,34 @@ +/** + * dijit.layout.BorderContainer + * + */ + +.nihilo .dijitSplitterH { + background:url("../images/splitContainerSizerH.png") repeat-x #fff; + border:0; + border-left:0px solid #d3d3d3; + border-right:0px solid #d3d3d3; + height:5px; +} + +.nihilo .dijitSplitterH .dijitSplitterThumb { + background:url("../images/splitContainerSizerH-thumb.png") no-repeat; + top:1px; + width:19px; + height:2px; +} + +.nihilo .dijitSplitterV { + background:url("../images/splitContainerSizerV.png") repeat-y #fff; + border:0; + border-top:0px solid #d3d3d3; + border-bottom:0px solid #d3d3d3; + width:5px; +} + +.nihilo .dijitSplitterV .dijitSplitterThumb { + background:url("../images/splitContainerSizerV-thumb.png") no-repeat; + left:1px; + height:19px; + width:5px; +} diff --git a/includes/js/dijit/themes/nihilo/layout/SplitContainer.css b/includes/js/dijit/themes/nihilo/layout/SplitContainer.css new file mode 100644 index 0000000..6d6d715 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/layout/SplitContainer.css @@ -0,0 +1,27 @@ + +.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; +} diff --git a/includes/js/dijit/themes/nihilo/layout/SplitContainer.css.commented.css b/includes/js/dijit/themes/nihilo/layout/SplitContainer.css.commented.css new file mode 100644 index 0000000..7099289 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/layout/SplitContainer.css.commented.css @@ -0,0 +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; + 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; +} diff --git a/includes/js/dijit/themes/nihilo/layout/TabContainer.css b/includes/js/dijit/themes/nihilo/layout/TabContainer.css new file mode 100644 index 0000000..03d5af5 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/layout/TabContainer.css @@ -0,0 +1,277 @@ + + +.nihilo .dijitTabPaneWrapper { + + background:#fff; + border:1px solid #ccc; +} +.nihilo .dijitTab { + line-height:normal; + margin-right:3px; + padding:0px; + background: url("../images/tabContainerSprite.gif") no-repeat 0 -300px; + font-size: 0.9em; + font-weight: bold; + color: #6d6d6d; + margin-bottom: -1px; +} +.nihilo dijitTabChecked { + margin-bottom: -2px; +} +.nihilo .dijitTabInnerDiv .dijitTabContent { + padding:8px 10px 4px 10px; + background: url("../images/tabContainerSprite.gif") repeat-x 0 -350px; +} +.nihilo .dijitTabInnerDiv { + padding:0px 10px 0px 10px; + background: url("../images/tabContainerSprite.gif") no-repeat; + background-position: right -400px; + border: none; +} +.nihilo .dijitTabHover, +.nihilo .dijitTabCloseButtonHover { + color: #243C5F; + background: url("../images/tabContainerSprite.gif") no-repeat 0px -150px; +} +.nihilo .dijitTabHover .dijitTabInnerDiv, +.nihilo .dijitTabCloseButtonHover .dijitTabInnerDiv { + background: url("../images/tabContainerSprite.gif") no-repeat right -250px; + border: none; +} +.nihilo .dijitTabHover .dijitTabInnerDiv .dijitTabContent, +.nihilo .dijitTabCloseButtonHover .dijitTabInnerDiv .dijitTabContent { + background: url("../images/tabContainerSprite.gif") repeat-x 0 -200px; + padding:8px 10px 4px 10px; +} +.nihilo .dijitTabChecked, +.nihilo .dijitTabCloseButtonChecked +{ + + background: url("../images/tabContainerSprite.gif") no-repeat 0px -0px; +} +.nihilo .dijitTabChecked .dijitTabInnerDiv { + padding:0px 10px 0px 10px; + background: url("../images/tabContainerSprite.gif") no-repeat right -100px; + border: none; +} +.nihilo .dijitTabChecked .dijitTabInnerDiv .dijitTabContent { + background: url("../images/tabContainerSprite.gif") repeat-x 0 -50px; + padding:8px 10px 5px 10px; + color: #243C5F !important; +} +.nihilo .dijitTabLabels-top { + border-left: 1px solid #ccc; + border-top: 1px solid #ccc; + border-right: 1px solid #ccc; + padding-top: 2px; + padding-left: 3px; + background: #fafafa url("../images/tabStripe.gif") repeat-x left bottom; + padding-bottom: 4px; +} +.nihilo .dijitAlignLeft .dijitTab, +.nihilo .dijitAlignRight .dijitTab { + margin-right:0px; + margin-bottom:5px; +} +.nihilo .dijitAlignTop .dijitTabChecked, +.nihilo .dijitAlignTop .dijitTabCloseButtonChecked +{ + border-bottom-color:white; + vertical-align:bottom; +} +.nihilo .dijitAlignBottom .dijitTabChecked, +.nihilo .dijitAlignBottom .dijitTabCloseButtonChecked +{ + border-top-color:white; + +} +.nihilo .dijitAlignLeft .dijitTabChecked, +.nihilo .dijitAlignLeft .dijitTabCloseButtonChecked +{ + border-right-color:white; +} +.nihilo .dijitAlignRight .dijitTabChecked, +.nihilo .dijitAlignRight .dijitTabCloseButtonChecked +{ + border-left-color:white; +} +.nihilo .dijitTabLabels-bottom { + padding-bottom: 2px; + padding-left: 3px; + border-left: 1px solid #ccc; + border-bottom: 1px solid #ccc; + border-right: 1px solid #ccc; + background: #fafafa url("../images/tabStripeBottom.gif") repeat-x left top; + padding-top: 3px; +} +.nihilo .dijitAlignBottom .dijitTab { + line-height:normal; + margin-right:3px; + padding:0px; + background: url("../images/tabBottomEnabledSpriteLR.gif") no-repeat bottom left; + font-size: 0.9em; + font-weight: bold; + color: #6d6d6d; + margin-bottom: 0px; + margin-top: 1px; +} +.nihilo .dijitAlignBottom .dijitTabChecked { + margin-bottom: 0px; + margin-top: 0px !important; +} +.nihilo .dijitAlignBottom .dijitTabInnerDiv .dijitTabContent { + padding:6px 10px 6px 10px; + background: url("../images/tabBottomEnabledC.gif") repeat-x bottom left; +} +.nihilo .dijitAlignBottom .dijitTabInnerDiv { + padding:0px 10px 0px 10px; + background: url("../images/tabBottomEnabledSpriteLR.gif") no-repeat bottom right; + border: none; +} +.nihilo .dijitAlignBottom .dijitTabHover, +.nihilo .dijitAlignBottom .dijitTabCloseButtonHover { + color: #243C5F; + background: url("../images/tabBottomHoverSpriteLR.gif") no-repeat bottom left; +} +.nihilo .dijitAlignBottom .dijitTabHover .dijitTabInnerDiv, +.nihilo .dijitAlignBottom .dijitTabCloseButtonHover .dijitTabInnerDiv { + background: url("../images/tabBottomHoverSpriteLR.gif") no-repeat bottom right; + border: none; +} +.nihilo .dijitAlignBottom .dijitTabHover .dijitTabInnerDiv .dijitTabContent, +.nihilo .dijitAlignBottom .dijitTabCloseButtonHover .dijitTabInnerDiv .dijitTabContent { + background: url("../images/tabBottomHoverC.gif") repeat-x bottom left; + padding:6px 10px 6px 10px; +} +.dj_ie6 .nihilo .dijitAlignBottom .dijitTabHover, +.dj_ie6 .nihilo .dijitAlignBottom .dijitTabCloseButtonHover { + background-image: url("../images/tabHover.gif"); +} +.nihilo .dijitAlignBottom .dijitTabChecked, +.nihilo .dijitAlignBottom .dijitTabCloseButtonChecked +{ + + background: url("../images/tabBottomActiveSpriteLR.gif") no-repeat bottom left; +} +.nihilo .dijitAlignBottom .dijitTabChecked .dijitTabInnerDiv { + padding:0px 10px 0px 10px; + background: url("../images/tabBottomActiveSpriteLR.gif") no-repeat bottom right; + border: none; +} +.nihilo .dijitAlignBottom .dijitTabChecked .dijitTabInnerDiv .dijitTabContent { + background: url("../images/tabBottomActiveC.gif") repeat-x bottom left; + padding:7px 10px 6px 10px; +} +.nihilo .dijitAlignLeft .dijitTab { + margin-right: 1px !important; +} +.nihilo .dijitAlignLeft .dijitTabChecked { + margin-right: 0px !important; +} +.nihilo .dijitAlignLeft .dijitTabChecked .dijitTabInnerDiv { + background: url("../images/tabLeftChecked.gif") no-repeat right top !important; + padding-left: 10px; + border-bottom: 1px solid #dedede !important; +} +.nihilo .dijitAlignLeft .dijitTabInnerDiv { + background: url("../images/tabContainerSprite.gif") no-repeat right -350px; + padding-left: 10px; + border-bottom: 1px solid #dedede; +} +.nihilo .dijitAlignLeft .dijitTabHover .dijitTabInnerDiv { + background: url("../images/tabContainerSprite.gif") no-repeat right -200px; + padding-left: 10px; + border-bottom: 1px solid #dedede; +} +.nihilo .dijitTabLabels-left-h { + padding-left: 2px; + padding-top: 3px; + border-left: 1px solid #b1badf; + border-bottom: 1px solid #b1badf; + border-top: 1px solid #b1badf; + background: #fafafa url("../images/tabStripeLeft.gif") repeat-y right top; + padding-right: 3px; +} +.nihilo .dijitAlignLeft .dijitTabInnerDiv .dijitTabContent { + padding:7px 10px 6px 10px !important; +} +.nihilo .dijitTabLabels-right-h { + padding-right: 2px; + padding-top: 3px; + border-right: 1px solid #b1badf; + border-bottom: 1px solid #b1badf; + border-top: 1px solid #b1badf; + background: #fafafa url("../images/tabStripeRight.gif") repeat-y left top; + padding-left: 3px; +} +.nihilo .dijitAlignRight .dijitTab { + margin-left: 1px; +} +.nihilo .dijitAlignRight .dijitTabChecked { + margin-left: 0px; +} +.nihilo .dijitAlignRight .dijitTabChecked { + background: url("../images/tabRightChecked.gif") no-repeat left top !important; +} +.nihilo .dijitAlignRight .dijitTab { + background: url("../images/tabContainerSprite.gif") no-repeat left -350px; +} +.nihilo .dijitAlignRight .dijitTabHover .dijitTab { + background: url("../images/tabContainerSprite.gif") no-repeat left -200px; +} +.nihilo .dijitAlignRight .dijitTabInnerDiv .dijitTabContent { + padding:7px 10px 6px 10px !important; +} +.nihilo .dijitAlignRight .dijitTabChecked .dijitTabInnerDiv { + border-bottom: 1px solid #dedede !important; +} +.nihilo .dijitAlignRight .dijitTabInnerDiv { + border-bottom: 1px solid #dedede; +} +.nihilo .dijitAlignRight .dijitTabHover .dijitTabInnerDiv { + border-bottom: 1px solid #dedede; +} +.nihilo .dijitTab .dijitClosable { + position: relative; + padding: 0; + padding-left: 10px !important; + padding-right: 20px !important; +} +.nihilo .dijitTab img { + padding: 0; + margin: 0; +} +.nihilo .dijitTab .dijitClosable .closeImage { + position:absolute; + top: 5px; + right: 5px; + height: 15px; + width: 15px; + padding: 0; + margin: 0; + background: url("../images/spriteRoundedIconsSmall.png") no-repeat -60px top; +} +.dj_ie6 .dijitTab .dijitClosable .closeImage { + background:url("../images/spriteRoundedIconsSmall.gif") no-repeat -60px top; +} +.dj_ie6 .nihilo .dijitTabCloseButton .dijitClosable .closeImage { + background: url("../images/spriteRoundedIconsSmall.gif") no-repeat -60px top; +} +.nihilo .dijitTabHover .dijitClosable .closeImage { + background: url("../images/spriteRoundedIconsSmall.png") no-repeat -60px -15px !important; +} +.dj_ie6 .nihilo .dijitTabHover .dijitClosable .closeImage { + background: url("../images/spriteRoundedIconsSmall.gif") no-repeat -60px -15px !important; +} +.dj_ie6 .nihilo .dijitAlignLeft .dijitTab .dijitClosable .closeImage { + left:-20px; +} +.nihilo .dijitAlignBottom .dijitTab .dijitClosable .closeImage { + top: auto; + bottom: 7px; + right: 3px; +} +.nihilo .dijitAlignLeft .dijitTab .dijitClosable .closeImage { + top: 7px; + left: 3px; +} diff --git a/includes/js/dijit/themes/nihilo/layout/TabContainer.css.commented.css b/includes/js/dijit/themes/nihilo/layout/TabContainer.css.commented.css new file mode 100644 index 0000000..8b404e0 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/layout/TabContainer.css.commented.css @@ -0,0 +1,369 @@ +/** + * dijit.layout.TabContainer + * + * To style TabContainer with rounded corners + * you can use these classes: .dijitTab (left), .dijitTabContent (center), dijitTabInnerDiv (right) + * For tabs aligned to top you can style a stripe div right underneath the tabs using .dijitTabStripe + */ + +/* Classes for all types of tabs (top/bottom/left/right) */ + +.nihilo .dijitTabPaneWrapper { /* Container for tab content */ + /* + overflow: hidden; + */ + background:#fff; + border:1px solid #ccc; +} + +.nihilo .dijitTab { + line-height:normal; + margin-right:3px; /* space between one tab and the next in top/bottom mode */ + padding:0px; + background: url("../images/tabContainerSprite.gif") no-repeat 0 -300px; + font-size: 0.9em; + font-weight: bold; + color: #6d6d6d; + margin-bottom: -1px; +} + +.nihilo dijitTabChecked { + margin-bottom: -2px; +} + +.nihilo .dijitTabInnerDiv .dijitTabContent { + padding:8px 10px 4px 10px; + background: url("../images/tabContainerSprite.gif") repeat-x 0 -350px; +} + +.nihilo .dijitTabInnerDiv { + padding:0px 10px 0px 10px; + background: url("../images/tabContainerSprite.gif") no-repeat; + background-position: right -400px; + border: none; +} + +.nihilo .dijitTabHover, +.nihilo .dijitTabCloseButtonHover { + color: #243C5F; + background: url("../images/tabContainerSprite.gif") no-repeat 0px -150px; +} + +.nihilo .dijitTabHover .dijitTabInnerDiv, +.nihilo .dijitTabCloseButtonHover .dijitTabInnerDiv { + background: url("../images/tabContainerSprite.gif") no-repeat right -250px; + border: none; +} + +.nihilo .dijitTabHover .dijitTabInnerDiv .dijitTabContent, +.nihilo .dijitTabCloseButtonHover .dijitTabInnerDiv .dijitTabContent { + background: url("../images/tabContainerSprite.gif") repeat-x 0 -200px; + padding:8px 10px 4px 10px; +} + +.nihilo .dijitTabChecked, +.nihilo .dijitTabCloseButtonChecked +{ + /* the selected tab (with or without hover) */ + background: url("../images/tabContainerSprite.gif") no-repeat 0px -0px; +} + +.nihilo .dijitTabChecked .dijitTabInnerDiv { + padding:0px 10px 0px 10px; + background: url("../images/tabContainerSprite.gif") no-repeat right -100px; + border: none; +} + +.nihilo .dijitTabChecked .dijitTabInnerDiv .dijitTabContent { + background: url("../images/tabContainerSprite.gif") repeat-x 0 -50px; + padding:8px 10px 5px 10px; + color: #243C5F !important; +} + +/* top specific classes */ + +.nihilo .dijitTabLabels-top { + border-left: 1px solid #ccc; + border-top: 1px solid #ccc; + border-right: 1px solid #ccc; + padding-top: 2px; + padding-left: 3px; + background: #fafafa url("../images/tabStripe.gif") repeat-x left bottom; + padding-bottom: 4px; +} +/* +.nihilo .dijitAlignTop .dijitTabStripe { + background: url("../images/tabStripe.gif") repeat-x left bottom; + padding-left: 2px; + padding-top: 0px; + height: 4px; + clear: both; + font-size: 1px; + margin-left: -3px; +} +*/ + +.nihilo .dijitAlignLeft .dijitTab, +.nihilo .dijitAlignRight .dijitTab { + margin-right:0px; + margin-bottom:5px; /* space between one tab and the next in left/right mode */ +} + +/* make the active tab white on the side next to the content pane */ +.nihilo .dijitAlignTop .dijitTabChecked, +.nihilo .dijitAlignTop .dijitTabCloseButtonChecked +{ + border-bottom-color:white; + vertical-align:bottom; +} + +.nihilo .dijitAlignBottom .dijitTabChecked, +.nihilo .dijitAlignBottom .dijitTabCloseButtonChecked +{ + border-top-color:white; + /*-moz-border-radius:2px 2px 0px 0px; eliminate some border detritrus on moz */ +} + +.nihilo .dijitAlignLeft .dijitTabChecked, +.nihilo .dijitAlignLeft .dijitTabCloseButtonChecked +{ + border-right-color:white; +} + +.nihilo .dijitAlignRight .dijitTabChecked, +.nihilo .dijitAlignRight .dijitTabCloseButtonChecked +{ + border-left-color:white; +} + +/* bottom specific classes */ + +.nihilo .dijitTabLabels-bottom { + padding-bottom: 2px; + padding-left: 3px; + border-left: 1px solid #ccc; + border-bottom: 1px solid #ccc; + border-right: 1px solid #ccc; + background: #fafafa url("../images/tabStripeBottom.gif") repeat-x left top; + padding-top: 3px; +} +/* +.nihilo .dijitAlignBottom .dijitTabStripe { + background: url("../images/tabStripe.gif") repeat-x left bottom; + padding-left: 2px; + padding-top: 0px; + height: 4px; + clear: both; + font-size: 1px; + margin-left: -3px; +} +*/ +.nihilo .dijitAlignBottom .dijitTab { + line-height:normal; + margin-right:3px; /* space between one tab and the next in top/bottom mode */ + padding:0px; + background: url("../images/tabBottomEnabledSpriteLR.gif") no-repeat bottom left; + font-size: 0.9em; + font-weight: bold; + color: #6d6d6d; + margin-bottom: 0px; + margin-top: 1px; +} + +.nihilo .dijitAlignBottom .dijitTabChecked { + margin-bottom: 0px; + margin-top: 0px !important; +} + +.nihilo .dijitAlignBottom .dijitTabInnerDiv .dijitTabContent { + padding:6px 10px 6px 10px; + background: url("../images/tabBottomEnabledC.gif") repeat-x bottom left; +} + +.nihilo .dijitAlignBottom .dijitTabInnerDiv { + padding:0px 10px 0px 10px; + background: url("../images/tabBottomEnabledSpriteLR.gif") no-repeat bottom right; + border: none; +} + +.nihilo .dijitAlignBottom .dijitTabHover, +.nihilo .dijitAlignBottom .dijitTabCloseButtonHover { + color: #243C5F; + background: url("../images/tabBottomHoverSpriteLR.gif") no-repeat bottom left; +} + +.nihilo .dijitAlignBottom .dijitTabHover .dijitTabInnerDiv, +.nihilo .dijitAlignBottom .dijitTabCloseButtonHover .dijitTabInnerDiv { + background: url("../images/tabBottomHoverSpriteLR.gif") no-repeat bottom right; + border: none; +} + +.nihilo .dijitAlignBottom .dijitTabHover .dijitTabInnerDiv .dijitTabContent, +.nihilo .dijitAlignBottom .dijitTabCloseButtonHover .dijitTabInnerDiv .dijitTabContent { + background: url("../images/tabBottomHoverC.gif") repeat-x bottom left; + padding:6px 10px 6px 10px; +} + +.dj_ie6 .nihilo .dijitAlignBottom .dijitTabHover, +.dj_ie6 .nihilo .dijitAlignBottom .dijitTabCloseButtonHover { + background-image: url("../images/tabHover.gif"); +} + +.nihilo .dijitAlignBottom .dijitTabChecked, +.nihilo .dijitAlignBottom .dijitTabCloseButtonChecked +{ + /* the selected tab (with or without hover) */ + background: url("../images/tabBottomActiveSpriteLR.gif") no-repeat bottom left; +} + +.nihilo .dijitAlignBottom .dijitTabChecked .dijitTabInnerDiv { + padding:0px 10px 0px 10px; + background: url("../images/tabBottomActiveSpriteLR.gif") no-repeat bottom right; + border: none; +} + +.nihilo .dijitAlignBottom .dijitTabChecked .dijitTabInnerDiv .dijitTabContent { + background: url("../images/tabBottomActiveC.gif") repeat-x bottom left; + padding:7px 10px 6px 10px; +} + + +/* left specific classes */ +.nihilo .dijitAlignLeft .dijitTab { + margin-right: 1px !important; +} + +.nihilo .dijitAlignLeft .dijitTabChecked { + margin-right: 0px !important; +} + +.nihilo .dijitAlignLeft .dijitTabChecked .dijitTabInnerDiv { + background: url("../images/tabLeftChecked.gif") no-repeat right top !important; + padding-left: 10px; + border-bottom: 1px solid #dedede !important; +} + +.nihilo .dijitAlignLeft .dijitTabInnerDiv { + background: url("../images/tabContainerSprite.gif") no-repeat right -350px; + padding-left: 10px; + border-bottom: 1px solid #dedede; +} +.nihilo .dijitAlignLeft .dijitTabHover .dijitTabInnerDiv { + background: url("../images/tabContainerSprite.gif") no-repeat right -200px; + padding-left: 10px; + border-bottom: 1px solid #dedede; +} + +.nihilo .dijitTabLabels-left-h { + padding-left: 2px; + padding-top: 3px; + border-left: 1px solid #b1badf; + border-bottom: 1px solid #b1badf; + border-top: 1px solid #b1badf; + background: #fafafa url("../images/tabStripeLeft.gif") repeat-y right top; + padding-right: 3px; +} + +.nihilo .dijitAlignLeft .dijitTabInnerDiv .dijitTabContent { + padding:7px 10px 6px 10px !important; +} + +/* right specific classes */ +.nihilo .dijitTabLabels-right-h { + padding-right: 2px; + padding-top: 3px; + border-right: 1px solid #b1badf; + border-bottom: 1px solid #b1badf; + border-top: 1px solid #b1badf; + background: #fafafa url("../images/tabStripeRight.gif") repeat-y left top; + padding-left: 3px; +} + +.nihilo .dijitAlignRight .dijitTab { + margin-left: 1px; +} + +.nihilo .dijitAlignRight .dijitTabChecked { + margin-left: 0px; +} + +.nihilo .dijitAlignRight .dijitTabChecked { + background: url("../images/tabRightChecked.gif") no-repeat left top !important; +} + +.nihilo .dijitAlignRight .dijitTab { + background: url("../images/tabContainerSprite.gif") no-repeat left -350px; +} +.nihilo .dijitAlignRight .dijitTabHover .dijitTab { + background: url("../images/tabContainerSprite.gif") no-repeat left -200px; +} +.nihilo .dijitAlignRight .dijitTabInnerDiv .dijitTabContent { + padding:7px 10px 6px 10px !important; +} + +.nihilo .dijitAlignRight .dijitTabChecked .dijitTabInnerDiv { + border-bottom: 1px solid #dedede !important; +} + +.nihilo .dijitAlignRight .dijitTabInnerDiv { + border-bottom: 1px solid #dedede; +} +.nihilo .dijitAlignRight .dijitTabHover .dijitTabInnerDiv { + border-bottom: 1px solid #dedede; +} + +/* make space for a positioned close button */ +.nihilo .dijitTab .dijitClosable { + position: relative; + padding: 0; + padding-left: 10px !important; + padding-right: 20px !important; +} + +.nihilo .dijitTab img { + padding: 0; + margin: 0; +} + +.nihilo .dijitTab .dijitClosable .closeImage { + position:absolute; + top: 5px; + right: 5px; + height: 15px; + width: 15px; + padding: 0; + margin: 0; + background: url("../images/spriteRoundedIconsSmall.png") no-repeat -60px top; +} +.dj_ie6 .dijitTab .dijitClosable .closeImage { + background:url("../images/spriteRoundedIconsSmall.gif") no-repeat -60px top; +} +.dj_ie6 .nihilo .dijitTabCloseButton .dijitClosable .closeImage { + background: url("../images/spriteRoundedIconsSmall.gif") no-repeat -60px top; +} + +.nihilo .dijitTabHover .dijitClosable .closeImage { + background: url("../images/spriteRoundedIconsSmall.png") no-repeat -60px -15px !important; +} +.dj_ie6 .nihilo .dijitTabHover .dijitClosable .closeImage { + background: url("../images/spriteRoundedIconsSmall.gif") no-repeat -60px -15px !important; +} + +/* correct for IE6. + We cant force hasLayout as that blows out the shrink wrapped tabs + ..so we shim in the closeImage position properties instead +*/ +.dj_ie6 .nihilo .dijitAlignLeft .dijitTab .dijitClosable .closeImage { + left:-20px; +} + +.nihilo .dijitAlignBottom .dijitTab .dijitClosable .closeImage { + top: auto; + bottom: 7px; + right: 3px; +} + +.nihilo .dijitAlignLeft .dijitTab .dijitClosable .closeImage { + top: 7px; + left: 3px; +} diff --git a/includes/js/dijit/themes/nihilo/layout/TabContainer_rtl.css b/includes/js/dijit/themes/nihilo/layout/TabContainer_rtl.css new file mode 100644 index 0000000..1f498ce --- /dev/null +++ b/includes/js/dijit/themes/nihilo/layout/TabContainer_rtl.css @@ -0,0 +1,55 @@ + +.dijitRtl .dijitTab { + margin-right:0; + margin-left:3px; +} +.dijitRtl .dijitTab .dijitTabInnerDiv { + border-left:none; +} +.dijitRtl .dijitTab .dijitClosable { + padding: 0 10px 0 20px; +} +.dijitRtl .dijitTab .closeImage { + position:static; +} +.dj_gecko .dijitTab .closeImage { + position:relative; + float:none; + padding:0; +} +.dijitRtl .dijitTab .dijitClosable .closeImage { + right:auto; + left:3px; + background-position: -60px top; +} +.dj_ie .dijitRtl .dijitTab .dijitClosable .closeImage { + width:12px !important; +} +.dijitRtl .dijitAlignLeft .dijitTab, +.dijitRtl .dijitAlignRight .dijitTab { + margin-left:0px; +} +.dijitRtl .dijitAlignBottom .dijitTab { + margin-right:0; + margin-left:3px; +} +.dijitRtl .dijitAlignBottom .dijitTab .dijitClosable .closeImage { + right:auto; + left:3px; +} +.dijitRtl .dijitAlignRight .dijitTab .dijitTabInnerDiv { + padding-left:10px; + padding-right:20px; +} +.dijitRtl .dijitAlignLeft .dijitTab .dijitTabInnerDiv { + padding-left:20px; + padding-right:10px; +} +.dijitRtl .dijitAlignRight .dijitTab .dijitClosable .closeImage { + left:auto; + right:3px; +} +.dijitRtl .dijitAlignLeft .dijitTab .dijitClosable .closeImage { + right:auto; + left:3px; +} diff --git a/includes/js/dijit/themes/nihilo/layout/TabContainer_rtl.css.commented.css b/includes/js/dijit/themes/nihilo/layout/TabContainer_rtl.css.commented.css new file mode 100644 index 0000000..d0b6c84 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/layout/TabContainer_rtl.css.commented.css @@ -0,0 +1,69 @@ +/* TabContainer */ + +.dijitRtl .dijitTab { + margin-right:0; + margin-left:3px; /* space between one tab and the next in top/bottom mode */ +} + +.dijitRtl .dijitTab .dijitTabInnerDiv { + border-left:none; +} + +.dijitRtl .dijitTab .dijitClosable { + padding: 0 10px 0 20px; +} + +.dijitRtl .dijitTab .closeImage { + position:static; +} + +.dj_gecko .dijitTab .closeImage { + position:relative; + float:none; + padding:0; +} + +.dijitRtl .dijitTab .dijitClosable .closeImage { + right:auto; + left:3px; + background-position: -60px top; +} + +.dj_ie .dijitRtl .dijitTab .dijitClosable .closeImage { + width:12px !important; +} + +.dijitRtl .dijitAlignLeft .dijitTab, +.dijitRtl .dijitAlignRight .dijitTab { + margin-left:0px; +} + +.dijitRtl .dijitAlignBottom .dijitTab { + margin-right:0; + margin-left:3px; /* space between one tab and the next in top/bottom mode */ +} + +.dijitRtl .dijitAlignBottom .dijitTab .dijitClosable .closeImage { + right:auto; + left:3px; +} + +.dijitRtl .dijitAlignRight .dijitTab .dijitTabInnerDiv { + padding-left:10px; + padding-right:20px; +} + +.dijitRtl .dijitAlignLeft .dijitTab .dijitTabInnerDiv { + padding-left:20px; + padding-right:10px; +} + +.dijitRtl .dijitAlignRight .dijitTab .dijitClosable .closeImage { + left:auto; + right:3px; +} + +.dijitRtl .dijitAlignLeft .dijitTab .dijitClosable .closeImage { + right:auto; + left:3px; +} diff --git a/includes/js/dijit/themes/nihilo/nihilo.css b/includes/js/dijit/themes/nihilo/nihilo.css new file mode 100644 index 0000000..b7ecbc4 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/nihilo.css @@ -0,0 +1,1378 @@ + +@import url("../dijit.css"); +.nihilo .dijitSliderDisabled *, +.nihilo .dijitDisabledClickableRegion, +.nihilo .dijitSpinnerDisabled *, +.nihilo .dijitButtonDisabled *, +.nihilo .dijitDropDownButtonDisabled *, +.nihilo .dijitComboButtonDisabled *, +.nihilo .dijitComboBoxDisabled * +{ + cursor: not-allowed !important; +} +.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 .dijitTabPaneWrapper { + + background:#fff; + border:1px solid #ccc; +} +.nihilo .dijitTab { + line-height:normal; + margin-right:3px; + padding:0px; + background: url(images/tabContainerSprite.gif) no-repeat 0 -300px; + font-size: 0.9em; + font-weight: bold; + color: #6d6d6d; + margin-bottom: -1px; +} +.nihilo dijitTabChecked { + margin-bottom: -2px; +} +.nihilo .dijitTabInnerDiv .dijitTabContent { + padding:8px 10px 4px 10px; + background: url(images/tabContainerSprite.gif) repeat-x 0 -350px; +} +.nihilo .dijitTabInnerDiv { + padding:0px 10px 0px 10px; + background: url(images/tabContainerSprite.gif) no-repeat; + background-position: right -400px; + border: none; +} +.nihilo .dijitTabHover, +.nihilo .dijitTabCloseButtonHover { + color: #243C5F; + background: url(images/tabContainerSprite.gif) no-repeat 0px -150px; +} +.nihilo .dijitTabHover .dijitTabInnerDiv, +.nihilo .dijitTabCloseButtonHover .dijitTabInnerDiv { + background: url(images/tabContainerSprite.gif) no-repeat right -250px; + border: none; +} +.nihilo .dijitTabHover .dijitTabInnerDiv .dijitTabContent, +.nihilo .dijitTabCloseButtonHover .dijitTabInnerDiv .dijitTabContent { + background: url(images/tabContainerSprite.gif) repeat-x 0 -200px; + padding:8px 10px 4px 10px; +} +.nihilo .dijitTabChecked, +.nihilo .dijitTabCloseButtonChecked +{ + + background: url(images/tabContainerSprite.gif) no-repeat 0px -0px; +} +.nihilo .dijitTabChecked .dijitTabInnerDiv { + padding:0px 10px 0px 10px; + background: url(images/tabContainerSprite.gif) no-repeat right -100px; + border: none; +} +.nihilo .dijitTabChecked .dijitTabInnerDiv .dijitTabContent { + background: url(images/tabContainerSprite.gif) repeat-x 0 -50px; + padding:8px 10px 5px 10px; + color: #243C5F !important; +} +.nihilo .dijitTabLabels-top { + border-left: 1px solid #ccc; + border-top: 1px solid #ccc; + border-right: 1px solid #ccc; + padding-top: 2px; + padding-left: 3px; + background: #fafafa url(images/tabStripe.gif) repeat-x left bottom; + padding-bottom: 4px; +} +.nihilo .dijitAlignLeft .dijitTab, +.nihilo .dijitAlignRight .dijitTab { + margin-right:0px; + margin-bottom:5px; +} +.nihilo .dijitAlignTop .dijitTabChecked, +.nihilo .dijitAlignTop .dijitTabCloseButtonChecked +{ + border-bottom-color:white; + vertical-align:bottom; +} +.nihilo .dijitAlignBottom .dijitTabChecked, +.nihilo .dijitAlignBottom .dijitTabCloseButtonChecked +{ + border-top-color:white; + +} +.nihilo .dijitAlignLeft .dijitTabChecked, +.nihilo .dijitAlignLeft .dijitTabCloseButtonChecked +{ + border-right-color:white; +} +.nihilo .dijitAlignRight .dijitTabChecked, +.nihilo .dijitAlignRight .dijitTabCloseButtonChecked +{ + border-left-color:white; +} +.nihilo .dijitTabLabels-bottom { + padding-bottom: 2px; + padding-left: 3px; + border-left: 1px solid #ccc; + border-bottom: 1px solid #ccc; + border-right: 1px solid #ccc; + background: #fafafa url(images/tabStripeBottom.gif) repeat-x left top; + padding-top: 3px; +} +.nihilo .dijitAlignBottom .dijitTab { + line-height:normal; + margin-right:3px; + padding:0px; + background: url(images/tabBottomEnabledSpriteLR.gif) no-repeat bottom left; + font-size: 0.9em; + font-weight: bold; + color: #6d6d6d; + margin-bottom: 0px; + margin-top: 1px; +} +.nihilo .dijitAlignBottom .dijitTabChecked { + margin-bottom: 0px; + margin-top: 0px !important; +} +.nihilo .dijitAlignBottom .dijitTabInnerDiv .dijitTabContent { + padding:6px 10px 6px 10px; + background: url(images/tabBottomEnabledC.gif) repeat-x bottom left; +} +.nihilo .dijitAlignBottom .dijitTabInnerDiv { + padding:0px 10px 0px 10px; + background: url(images/tabBottomEnabledSpriteLR.gif) no-repeat bottom right; + border: none; +} +.nihilo .dijitAlignBottom .dijitTabHover, +.nihilo .dijitAlignBottom .dijitTabCloseButtonHover { + color: #243C5F; + background: url(images/tabBottomHoverSpriteLR.gif) no-repeat bottom left; +} +.nihilo .dijitAlignBottom .dijitTabHover .dijitTabInnerDiv, +.nihilo .dijitAlignBottom .dijitTabCloseButtonHover .dijitTabInnerDiv { + background: url(images/tabBottomHoverSpriteLR.gif) no-repeat bottom right; + border: none; +} +.nihilo .dijitAlignBottom .dijitTabHover .dijitTabInnerDiv .dijitTabContent, +.nihilo .dijitAlignBottom .dijitTabCloseButtonHover .dijitTabInnerDiv .dijitTabContent { + background: url(images/tabBottomHoverC.gif) repeat-x bottom left; + padding:6px 10px 6px 10px; +} +.dj_ie6 .nihilo .dijitAlignBottom .dijitTabHover, +.dj_ie6 .nihilo .dijitAlignBottom .dijitTabCloseButtonHover { + background-image: url(images/tabHover.gif); +} +.nihilo .dijitAlignBottom .dijitTabChecked, +.nihilo .dijitAlignBottom .dijitTabCloseButtonChecked +{ + + background: url(images/tabBottomActiveSpriteLR.gif) no-repeat bottom left; +} +.nihilo .dijitAlignBottom .dijitTabChecked .dijitTabInnerDiv { + padding:0px 10px 0px 10px; + background: url(images/tabBottomActiveSpriteLR.gif) no-repeat bottom right; + border: none; +} +.nihilo .dijitAlignBottom .dijitTabChecked .dijitTabInnerDiv .dijitTabContent { + background: url(images/tabBottomActiveC.gif) repeat-x bottom left; + padding:7px 10px 6px 10px; +} +.nihilo .dijitAlignLeft .dijitTab { + margin-right: 1px !important; +} +.nihilo .dijitAlignLeft .dijitTabChecked { + margin-right: 0px !important; +} +.nihilo .dijitAlignLeft .dijitTabChecked .dijitTabInnerDiv { + background: url(images/tabLeftChecked.gif) no-repeat right top !important; + padding-left: 10px; + border-bottom: 1px solid #dedede !important; +} +.nihilo .dijitAlignLeft .dijitTabInnerDiv { + background: url(images/tabContainerSprite.gif) no-repeat right -350px; + padding-left: 10px; + border-bottom: 1px solid #dedede; +} +.nihilo .dijitAlignLeft .dijitTabHover .dijitTabInnerDiv { + background: url(images/tabContainerSprite.gif) no-repeat right -200px; + padding-left: 10px; + border-bottom: 1px solid #dedede; +} +.nihilo .dijitTabLabels-left-h { + padding-left: 2px; + padding-top: 3px; + border-left: 1px solid #b1badf; + border-bottom: 1px solid #b1badf; + border-top: 1px solid #b1badf; + background: #fafafa url(images/tabStripeLeft.gif) repeat-y right top; + padding-right: 3px; +} +.nihilo .dijitAlignLeft .dijitTabInnerDiv .dijitTabContent { + padding:7px 10px 6px 10px !important; +} +.nihilo .dijitTabLabels-right-h { + padding-right: 2px; + padding-top: 3px; + border-right: 1px solid #b1badf; + border-bottom: 1px solid #b1badf; + border-top: 1px solid #b1badf; + background: #fafafa url(images/tabStripeRight.gif) repeat-y left top; + padding-left: 3px; +} +.nihilo .dijitAlignRight .dijitTab { + margin-left: 1px; +} +.nihilo .dijitAlignRight .dijitTabChecked { + margin-left: 0px; +} +.nihilo .dijitAlignRight .dijitTabChecked { + background: url(images/tabRightChecked.gif) no-repeat left top !important; +} +.nihilo .dijitAlignRight .dijitTab { + background: url(images/tabContainerSprite.gif) no-repeat left -350px; +} +.nihilo .dijitAlignRight .dijitTabHover .dijitTab { + background: url(images/tabContainerSprite.gif) no-repeat left -200px; +} +.nihilo .dijitAlignRight .dijitTabInnerDiv .dijitTabContent { + padding:7px 10px 6px 10px !important; +} +.nihilo .dijitAlignRight .dijitTabChecked .dijitTabInnerDiv { + border-bottom: 1px solid #dedede !important; +} +.nihilo .dijitAlignRight .dijitTabInnerDiv { + border-bottom: 1px solid #dedede; +} +.nihilo .dijitAlignRight .dijitTabHover .dijitTabInnerDiv { + border-bottom: 1px solid #dedede; +} +.nihilo .dijitTab .dijitClosable { + position: relative; + padding: 0; + padding-left: 10px !important; + padding-right: 20px !important; +} +.nihilo .dijitTab img { + padding: 0; + margin: 0; +} +.nihilo .dijitTab .dijitClosable .closeImage { + position:absolute; + top: 5px; + right: 5px; + height: 15px; + width: 15px; + padding: 0; + margin: 0; + background: url(images/spriteRoundedIconsSmall.png) no-repeat -60px top; +} +.dj_ie6 .dijitTab .dijitClosable .closeImage { + background:url(images/spriteRoundedIconsSmall.gif) no-repeat -60px top; +} +.dj_ie6 .nihilo .dijitTabCloseButton .dijitClosable .closeImage { + background: url(images/spriteRoundedIconsSmall.gif) no-repeat -60px top; +} +.nihilo .dijitTabHover .dijitClosable .closeImage { + background: url(images/spriteRoundedIconsSmall.png) no-repeat -60px -15px !important; +} +.dj_ie6 .nihilo .dijitTabHover .dijitClosable .closeImage { + background: url(images/spriteRoundedIconsSmall.gif) no-repeat -60px -15px !important; +} +.dj_ie6 .nihilo .dijitAlignLeft .dijitTab .dijitClosable .closeImage { + left:-20px; +} +.nihilo .dijitAlignBottom .dijitTab .dijitClosable .closeImage { + top: auto; + bottom: 7px; + right: 3px; +} +.nihilo .dijitAlignLeft .dijitTab .dijitClosable .closeImage { + top: 7px; + left: 3px; +} + +.nihilo .dijitAccordionPane { + background-color: #e7e7e7; + font-size: 0.9em; + font-weight: bold; + color: #6d6d6d; +} +.nihilo .dijitAccordionTitle { + background:#fafafa url(images/titleBar.png) repeat-x top left; + border-top: 1px solid #dedede; + padding: 5px 4px 6px 8px; + cursor:pointer; +} +.nihilo .dijitAccordionTitle-selected { + 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; + cursor: default; + color: #243C5F; +} +.nihilo .dijitAccordionArrow { + background:url(images/spriteRoundedIconsSmall.gif) no-repeat; + width:15px; + height:15px; + margin-top:-1px; +} +.nihilo .dijitAccordionTitle-selected .dijitAccordionArrow { + background:url(images/spriteRoundedIconsSmall.gif) no-repeat -15px top; + margin-top:-1px; +} +.nihilo .dijitAccordionBody { + background: #fff; +} + +.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 .dijitSplitterH { + background:url(images/splitContainerSizerH.png) repeat-x #fff; + border:0; + border-left:0px solid #d3d3d3; + border-right:0px solid #d3d3d3; + height:5px; +} +.nihilo .dijitSplitterH .dijitSplitterThumb { + background:url(images/splitContainerSizerH-thumb.png) no-repeat; + top:1px; + width:19px; + height:2px; +} +.nihilo .dijitSplitterV { + background:url(images/splitContainerSizerV.png) repeat-y #fff; + border:0; + border-top:0px solid #d3d3d3; + border-bottom:0px solid #d3d3d3; + width:5px; +} +.nihilo .dijitSplitterV .dijitSplitterThumb { + background:url(images/splitContainerSizerV-thumb.png) no-repeat; + left:1px; + height:19px; + width:5px; +} +.nihilo .dijitInputField INPUT, +.nihilo .dijitTextBox, +.nihilo .dijitComboBox, +.nihilo .dijitSpinner { + margin: 0em 0.1em; +} +.nihilo .dijitTextBox, +.nihilo .dijitComboBox, +.nihilo .dijitSpinner, +.nihilo .dijitInlineEditor input, +.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; + line-height: normal; +} +.nihilo .dijitComboBox .dijitButtonNode { + padding: 0 0.2em; +} +.nihilo .dijitComboBox .dijitButtonNode, +.nihilo .dijitSpinner .dijitButtonNode { + + border-color: #d3d3d3; + border-left: 1px solid #d3d3d3; +} +.nihilo .dijitTextBoxFocused, +.nihilo .dijitComboBoxFocused, +.nihilo .dijitSpinnerFocused { + + border-color:#b3b3b3; +} +.nihilo .dijitComboBoxFocused .dijitButtonNode, .nihilo .dijitSpinnerFocused .dijitButtonNode { + border-left-color:#d3d3d3; +} +.nihilo .dijitSpinnerFocused .dijitDownArrowButton { + border-top-color:#d3d3d3; +} +.nihilo .dijitError { + border-color:#b3b3b3; + background-color:#f9f7ba; + background-image:none; +} +.dj_ie6 .nihilo .dijitError INPUT { + + background-color:#f9f7ba !important; +} +.nihilo .dijitErrorFocused { + background-color:#ff6; + background-image:none; +} +.dj_ie6 .nihilo .dijitErrorFocused INPUT { + + background-color:#ff6 !important; +} +.nihilo .dijitValidationIcon { + + width: 16px; + background: transparent url(images/warning.png) no-repeat center center; +} +.nihilo .dijitButtonNode { + + + border:1px solid #dedede; + border-bottom:1px solid #dedede; + border-right:1px solid #dedede; + padding: 0.2em; + background:#fff url(images/buttonEnabled.png) repeat-x top left; +} +.dj_ie .nihilo .dijitButtonNode { + zoom: 1; +} +.nihilo .dijitButtonText { + padding: 0 0.3em; +} +.nihilo .dijitComboBox .dijitButtonNode { + border-width: 0px 0px 0px 1px; +} +.nihilo .dijitArrowButton { + color: #111; +} +.nihilo .dijitComboButton .dijitDownArrowButton { + padding-right:4px; +} +.dj_ff2 .nihilo .dijitComboButton .dijitButtonContentsFocused, +.dj_ff2 .nihilo .dijitComboButton .dijitDownArrowButtonFocused { + border: 1px black dotted !important; +} +.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_ie .nihilo .dijitButtonDisabled .dijitButtonNode *, +.dj_ie .nihilo .dijitToggleButtonDisabled .dijitButtonNode *, +.dj_ie .nihilo .dijitDropDownButtonDisabled .dijitButtonNode *, +.dj_ie .nihilo .dijitComboButtonDisabled .dijitButtonNode *, +.dj_ie .nihilo .dijitSpinnerDisabled .dijitButtonNode * { + filter: gray() alpha(opacity=50); +} +.nihilo .dijitButtonHover .dijitButtonNode, +.nihilo .dijitToggleButtonHover .dijitButtonNode, +.nihilo .dijitDropDownButtonHover .dijitButtonNode, +.nihilo .dijitComboButtonHover .dijitButtonContents, +.nihilo .dijitComboButtonDownArrowHover .dijitDownArrowButton, +.nihilo .dijitComboBoxHover .dijitDownArrowButton, +.nihilo .dijitSpinnerUpArrowHover .dijitUpArrowButton, +.nihilo .dijitSpinnerDownArrowHover .dijitDownArrowButton { + + + color:#000; + background:#fcfcfc url(images/buttonHover.png) repeat-x top left; +} +.nihilo .dijitSpinnerUpArrowActive .dijitUpArrowButton, +.nihilo .dijitSpinnerDownArrowActive .dijitDownArrowButton, +.nihilo .dijitButtonActive .dijitButtonNode, +.nihilo .dijitToggleButtonActive .dijitButtonNode, +.nihilo .dijitDropDownButtonActive .dijitButtonNode, +.nihilo .dijitComboButtonActive .dijitButtonContents, +.nihilo .dijitDownArrowActive .dijitDownArrowButton, +.nihilo .dijitComboBoxActive .dijitDownArrowButton { + + border-color:#dedede; + background: #f5f5f5 url(images/buttonActive.png) top left repeat-x; +} +.nihilo .dijitArrowButtonInner { + background:url(images/spriteArrows.png) no-repeat left top; + width: 11px; +} +.nihilo .dijitUpArrowButton .dijitArrowButtonInner { + background:url(images/spriteArrows.png) no-repeat -22px top; + width: 11px; +} +.dj_ie6 .nihilo .dijitArrowButtonInner { + background:url(images/spriteArrows.gif) no-repeat left top; + width: 11px; +} +.dj_ie6 .nihilo .dijitUpArrowButton .dijitArrowButtonInner { + background:url(images/spriteArrows.gif) no-repeat -22px top; + width: 11px; +} +.nihilo .dijitComboBox .dijitArrowButton .dijitArrowButtonInner { + background:url(images/spriteArrows.png) no-repeat left center; + width: 11px; +} +.nihilo .dijitComboBoxHover .dijitArrowButtonInner { + +} +.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, +.nihilo .dijitCheckBoxFocused { + + background-position: -80px; +} +.nihilo .dijitCheckBoxCheckedHover, + .nihilo .dijitCheckBoxCheckedFocused { + + 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 .dijitRadioCheckedDisabled { + + background-position: -48px; +} +.nihilo .dijitRadioDisabled { + + background-position: -32px; +} +.nihilo .dijitRadioHover, +.nihilo .dijitRadioFocused { + + background-position: -80px; +} +.nihilo .dijitRadioCheckedHover, +.nihilo .dijitRadioCheckedFocused { + + background-position: -64px; +} +.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 #c4c4c4; + line-height: normal; +} +.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; +} +.dijit_a11y .dijitSliderProgressBar { + background-color:#333 !important; +} +.nihilo .dijitSliderImageHandleH { + border:0px; + width:15px; + height:18px; + background:url(images/preciseSliderThumb.png) no-repeat center top; + cursor:pointer; +} +.nihilo .dijitSliderFocused .dijitSliderImageHandleH { + background-image:url(images/preciseSliderThumbFocus.png); + #background-image:url(images/preciseSliderThumbFocus.gif); +} +.dj_ie6 .nihilo .dijitSliderImageHandleH { + background-image:url(images/preciseSliderThumb.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; + cursor:pointer; +} +.nihilo .dijitSliderFocused .dijitSliderImageHandleV { + background-image:url(images/sliderThumbFocus.png); +} +.dj_ie6 .nihilo .dijitSliderFocused .dijitSliderImageHandleV { + 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; + width:15px; height:15px; + cursor:pointer; +} +.nihilo .dijitSliderIncrementIconH { + background:url(images/spriteRoundedIconsSmall.png) no-repeat -30px top; +} +.nihilo .dijitSliderDecrementIconH, +.nihilo .dijitSliderDecrementIconV { + width:15px; + height:15px; + cursor:pointer; + background:url(images/spriteRoundedIconsSmall.png) no-repeat -15px top; +} +.nihilo .dijitSliderDecrementIconH { background:url(images/spriteRoundedIconsSmall.png) no-repeat 0px top; } +.nihilo .dijitSliderButtonInner { + visibility:hidden; +} +.nihilo .dijitSliderDisabled { + opacity:0.6 !important; +} +.dj_ie6 .nihilo .dijitSliderDisabled, +.dj_ie6 .nihilo .dijitSliderDisabled .dijitRuleContainer, +.dj_ie6 .nihilo .dijitSliderDisabled .dijitSliderRemainingBar, +.dj_ie6 .nihilo .dijitSliderDisabled .dijitSliderProgressBar { + filter: gray() alpha(opacity=40); +} +.nihilo .dijitTreeNode { + background : url(images/treeI.gif) no-repeat; + background-position : top left; + background-repeat : repeat-y; + margin-left: 19px; + zoom: 1; +} +.nihilo .dijitTreeIsLast { + background: url(images/treeI_half.gif) no-repeat; +} +.nihilo .dijitTreeLabel { + font-weight: normal; + margin-left: 3px; +} +.nihilo .dijitTreeIsRoot { + margin-left: 0; + background-image: none; +} +.nihilo .dijitTreeExpando { + width: 18px; + height: 18px; +} +.nihilo .dijitTreeContent { + min-height: 18px; + min-width: 18px; + margin-left:18px; + padding-top:3px; + padding-left:1px; +} +.nihilo .dijitTreeExpand { + width: 18px; + height: 18px; + background-repeat : no-repeat; +} +.nihilo .dijitTreeNodeEmphasized { + background-color: Highlight; + color: HighlightText; +} +.nihilo .dijitTreeLabelFocused { + outline: 1px invert dotted; + background:#dde7f2; +} +.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 .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 .dijitTitlePane .dijitTitlePaneTitle { + background: #cccccc; + background:#fff url(images/titleBar.png) repeat-x top left; + border:1px solid #bfbfbf; + padding:4px 4px 2px 4px; + cursor: pointer; + font-size: 0.9em; + font-weight: bold; + color: #6d6d6d; +} +.nihilo .dijitTitlePane .dijitArrowNode { + width:15px; + height:15px; + float:right; + margin-top: -2px; +} +.nihilo .dijitTitlePaneFocused .dijitTitlePaneTextNode { + color: #243C5F; +} +.nihilo .dijitOpen .dijitTitlePaneTextNode { + color: #243C5F; +} +.nihilo .dijitTitlePane .dijitClosed .dijitArrowNode { + background: url(images/spriteRoundedIconsSmall.png) no-repeat top left; +} +.dj_ie6 .nihilo .dijitTitlePane .dijitClosed .dijitArrowNode { + background:url(images/spriteRoundedIconsSmall.gif) no-repeat top left; +} +.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 .dijitTitlePane .dijitArrowNodeInner { + visibility:hidden; +} +.dijit_a11y .dijitTitlePane .dijitArrowNodeInner { + visibility:visible; +} +.nihilo .dijitTitlePaneTitle .dijitOpenCloseArrowOuter { + margin-right:5px; +} +.nihilo .dijitOpen .dijitTitlePaneTitle .dijitOpenCloseArrowOuter { + position:relative; + top:2px; +} +.nihilo .dijitTitlePaneContentOuter { + background: #ffffff; + border:1px solid #bfbfbf; + border-top: 0px solid #3d3d3d; +} +.nihilo .dijitTitlePaneContentInner { + padding:10px; +} +.dj_ie6 .nihilo .dijitTitlePaneContentOuter, +.dj_ie6 .nihilo .dijitTitlePane .dijitTitlePaneTitle { + zoom: 1; +} +.nihilo .dijitClickableRegion { + background-color : #ffc !important; +} + +.nihilo .dijitCalendarIncrementControl { + + width:15px; + height:15px; +} +.dj_ie6 .nihilo .dijitCalendarIncrementControl { + padding:.1em; + font-size:.1em; +} +.nihilo .dijitCalendarIncreaseInner, +.nihilo .dijitCalendarDecreaseInner { + visibility:hidden; +} +.nihilo .dijitCalendarDecrease { + background:url(images/spriteRoundedIconsSmall.png) no-repeat top left; +} +.dj_ie6 .nihilo .dijitCalendarDecrease { + background:url(images/spriteRoundedIconsSmall.gif) no-repeat top left; +} +.nihilo .dijitCalendarIncrease { + background:url(images/spriteRoundedIconsSmall.png) no-repeat -30px top; +} +.dj_ie6 .nihilo .dijitCalendarIncrease { + background:url(images/spriteRoundedIconsSmall.gif) no-repeat -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:.1em; + padding-bottom:0em; +} +.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; +} +.dj_ie7 .nihilo .dijitCalendarDateTemplate, +.dj_ie6 .nihilo .dijitCalendarDateTemplate { + font-size: 0.8em; +} +.nihilo .dijitCalendarDateTemplate { + + font-size: 0.9em; + font-weight: bold; + text-align: center; + padding: 0.3em 0.3em 0.1em 0.3em; + letter-spacing: 1px; + background-color: #fdfdfd; + border:#fdfdfd solid 1px !important; +} +.nihilo .dijitCalendarPreviousMonth, +.nihilo .dijitCalendarNextMonth { + + color:#999999; + background-color:#f5f5f5 !important; + border:#f5f5f5 solid 1px !important; +} +.nihilo .dijitCalendarPreviousMonthDisabled, +.nihilo .dijitCalendarNextMonthDisabled { + + background-color:#a4a5a6 !important; +} +.nihilo .dijitCalendarCurrentMonth { + +} +.nihilo .dijitCalendarCurrentMonthDisabled { + + background-color:#bbbbbc !important; +} +.nihilo .dijitCalendarDisabledDate { + + + text-decoration:line-through !important; + cursor:default !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 .dijitToolbar { + padding: 3px 0 1px 3px; + border-bottom: 1px solid #ccc; + background:#eaeaea url(images/titleBar.png) repeat-x top left; +} +.nihilo .dijitToolbar .dijitButtonNode { + background: none; + margin: 0px !important; + padding: 0px !important; + border: none; + font-size: 12px; +} +.nihilo .dijitToolbar .dijitButton, +.nihilo .dijitToolbar .dijitToggleButton, +.nihilo .dijitToolbar .dijitDropDownButton { + background: none; + margin: 1px; + padding: 0px; + border: 1px solid transparent; +} +.nihilo .dijitToolbar .dijitButtonChecked, +.nihilo .dijitToolbar .dijitToggleButtonChecked { + background-color:#ffeeb9; + border:1px solid #f7c95c; + margin: 1px !important; + padding: 0px !important; +} +.nihilo .dijitToolbar .dijitButtonCheckedHover, +.nihilo .dijitToolbar .dijitToggleButtonCheckedHover + { + background-color:#ffe284; + border:1px solid #f7c95c; + margin: 1px !important; + padding: 0px !important; +} +.nihilo .dijitToolbar .dijitButtonHover, +.nihilo .dijitToolbar .dijitToggleButtonHover, +.nihilo .dijitToolbar .dijitDropDownButtonHover { + + border: 1px solid #f7c95c; + background-color:#ffe284; +} +.nihilo .dijitToolbar label { + padding: 3px 3px 0 6px; +} +.dj_ie .nihilo .dijitToolbar .dijitComboButton .dijitButtonContentsFocused, +.dj_ie .nihilo .dijitToolbar .dijitComboButton .dijitDownArrowButtonFocused, +.dj_ff2 .nihilo.dijitToolbar .dijitComboButton .dijitButtonContentsFocused, +.dj_ff2 .nihilo .dijitToolbar .dijitComboButton .dijitDownArrowButtonFocused { + border: 1px black dotted !important; +} +.dj_ie6 .nihilo .dijitToolbar .dijitButton, +.dj_ie6 .nihilo .dijitToolbar .dijitToggleButton, +.dj_ie6 .nihilo .dijitToolbar .dijitDropDownButton { + + margin: 2px; + padding: 0px 2px; + border: 0px; +} +.dj_ie6 .nihilo .dijitToolbar .dijitButtonChecked, +.dj_ie6 .nihilo .dijitToolbar .dijitToggleButtonChecked, +.dj_ie6 .nihilo .dijitToolbar .dijitDropDownButtonChecked { + background-color:#ffeeb9; + border:1px solid #f7c95c; + margin: 1px !important; + padding: 0px 2px !important; +} +.dj_ie6 .nihilo .dijitToolbar .dijitButtonCheckedHover, +.dj_ie6 .nihilo .dijitToolbar .dijitToggleButtonCheckedHover, +.dj_ie6 .nihilo .dijitToolbar .dijitDropDownButtonCheckedHover { + background-color:#ffe284; + border:1px solid #f7c95c; + margin: 1px !important; + padding: 0px 2px !important; +} +.dj_ie6 .nihilo .dijitToolbar .dijitButtonHover, +.dj_ie6 .nihilo .dijitToolbar .dijitToggleButtonHover, +.dj_ie6 .nihilo .dijitToolbar .dijitDropDownButtonHover { + background-color:#ffe284; + border:1px solid #f7c95c; + margin: 1px !important; + padding: 0px 2px !important; +} +.nihilo .dijitDialog { + background: #eee; + border: 1px solid #d3d3d3; + -webkit-box-shadow: 0px 5px 10px #adadad; + padding: 0px; +} +.nihilo .dijitDialog .dijitDialogTitle { + border-top: none; + border-left: none; + border-right: none; + font-size: 0.9em; + color: #3243C5F; +} +.nihilo .dijitDialog .dijitDialogPaneContent { + background: #ffffff; + border:none; + border-top: 1px solid #d3d3d3; + padding:10px; +} +.nihilo .dijitDialogTitleBar { + + background: #fafafa url(images/titleBar.png) repeat-x top left; + + padding: 5px 6px 3px 2px; + cursor: move; + outline:0; +} +.nihilo .dijitDialogTitle { + + font-weight: bold; + padding: 8px 12px 8px 12px; + outline:0; +} +.nihilo .dijitDialogCloseIcon { + + background : url(images/spriteRoundedIconsSmall.png) no-repeat right top; + float: right; + position: absolute; + vertical-align: middle; + right: 6px; + top: 4px; + height: 15px; + width: 15px; + cursor: pointer; +} +.dj_ie6 .nihilo .dijitDialogCloseIcon { + background : url(images/spriteRoundedIconsSmall.gif) no-repeat right top; +} +.nihilo .dijitDialogContent { + + padding: 8px; +} +.nihilo .dijitTooltip, +.nihilo .dijitTooltipDialog { + + opacity: 0.95; + 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_ie6 .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_ie6 .nihilo .dijitTooltipAbove .dijitTooltipConnector { + background-image: url(images/tooltipConnectorDown.gif); + bottom: -5px; +} +.nihilo .dijitTooltipLeft { + padding-right: 10px; +} +.dj_ie6 .nihilo .dijitTooltipLeft { + padding-left: 11px; +} +.nihilo .dijitTooltipLeft .dijitTooltipConnector { + + right: 0px; + bottom: 7px; + background:url(images/tooltipConnectorRight.png) no-repeat top left; + width:11px; + height:17px; +} +.dj_ie6 .nihilo .dijitTooltipLeft .dijitTooltipConnector { + background-image: url(images/tooltipConnectorRight.gif); +} +.nihilo .dijitTooltipRight { + padding-left: 10px; +} +.nihilo .dijitTooltipRight .dijitTooltipConnector { + + left: 0px; + bottom: 7px; + background:url(images/tooltipConnectorLeft.png) no-repeat top left; + width:11px; + height:17px; +} +.dj_ie6 .nihilo .dijitTooltipRight .dijitTooltipConnector { + background-image: url(images/tooltipConnectorLeft.gif); +} +.nihilo .dijitMenu { + border: 1px solid #d3d3d3; + margin: 0px; + padding: 0px; + background-color: #fff; +} +.nihilo .dijitMenuItem { + background-color: #fff; + font: menu; + margin: 0px; + color: #243C5F; +} +.nihilo .dijitMenuPreviousButton, .nihilo .dijitMenuNextButton { + font-style: italic; +} +.nihilo .dijitMenuItem TD { + padding:1px; +} +.nihilo .dijitMenuItemHover { + background-color: #ffe284; + color: #243C5F; +} +.nihilo .dijitMenuItemIcon { + width: 15px; + height: 15px; + +} +.nihilo .dijitMenuExpand { + display:none; +} +.nihilo .dijitMenuExpandEnabled { + + width:15px; + height:15px; + background:url(images/spriteRoundedIconsSmall.png) no-repeat -30px top; + display:block; +} +.dj_ie6 .nihilo .dijitMenuExpandEnabled { + background-image:url(images/spriteRoundedIconsSmall.gif); +} +.nihilo .dijitMenuExpandInner { + display:none; +} +.nihilo .dijitMenuSeparator { + background-color: #fff; + height: 1px; +} +.nihilo .dijitMenuSeparatorTop { + border-bottom: 1px solid #fff; +} +.nihilo .dijitMenuSeparatorBottom { + border-top: 1px solid #d3d3d3; +} +.dijitIEFixedToolbar { + position:absolute; + + top: expression(eval((document.documentElement||document.body).scrollTop)); +} +.nihilo .dijitToolbar .dijitToolbarSeparator { + background: url(images/editor.gif); +} +.nihilo .dijitEditorIcon { + background-image: url(images/editor.gif); + background-repeat: no-repeat; + width: 18px; + height: 18px; + text-align: center; +} +.nihilo .dijitEditorIconSep { background-position: 0px; } +.nihilo .dijitEditorIconBackColor { background-position: -18px; } +.nihilo .dijitEditorIconBold { background-position: -36px; } +.nihilo .dijitEditorIconCancel { background-position: -54px; } +.nihilo .dijitEditorIconCopy { background-position: -72px; } +.nihilo .dijitEditorIconCreateLink { background-position: -90px; } +.nihilo .dijitEditorIconCut { background-position: -108px; } +.nihilo .dijitEditorIconDelete { background-position: -126px; } +.nihilo .dijitEditorIconForeColor { background-position: -144px; } +.nihilo .dijitEditorIconHiliteColor { background-position: -162px; } +.nihilo .dijitEditorIconIndent { background-position: -180px; } +.nihilo .dijitEditorIconInsertHorizontalRule { background-position: -198px; } +.nihilo .dijitEditorIconInsertImage { background-position: -216px; } +.nihilo .dijitEditorIconInsertOrderedList { background-position: -234px; } +.nihilo .dijitEditorIconInsertTable { background-position: -252px; } +.nihilo .dijitEditorIconInsertUnorderedList { background-position: -270px; } +.nihilo .dijitEditorIconItalic { background-position: -288px; } +.nihilo .dijitEditorIconJustifyCenter { background-position: -306px; } +.nihilo .dijitEditorIconJustifyFull { background-position: -324px; } +.nihilo .dijitEditorIconJustifyLeft { background-position: -342px; } +.nihilo .dijitEditorIconJustifyRight { background-position: -360px; } +.nihilo .dijitEditorIconLeftToRight { background-position: -378px; } +.nihilo .dijitEditorIconListBulletIndent { background-position: -396px; } +.nihilo .dijitEditorIconListBulletOutdent { background-position: -414px; } +.nihilo .dijitEditorIconListNumIndent { background-position: -432px; } +.nihilo .dijitEditorIconListNumOutdent { background-position: -450px; } +.nihilo .dijitEditorIconOutdent { background-position: -468px; } +.nihilo .dijitEditorIconPaste { background-position: -486px; } +.nihilo .dijitEditorIconRedo { background-position: -504px; } +.nihilo .dijitEditorIconRemoveFormat { background-position: -522px; } +.nihilo .dijitEditorIconRightToLeft { background-position: -540px; } +.nihilo .dijitEditorIconSave { background-position: -558px; } +.nihilo .dijitEditorIconSpace { background-position: -576px; } +.nihilo .dijitEditorIconStrikethrough { background-position: -594px; } +.nihilo .dijitEditorIconSubscript { background-position: -612px; } +.nihilo .dijitEditorIconSuperscript { background-position: -630px; } +.nihilo .dijitEditorIconUnderline { background-position: -648px; } +.nihilo .dijitEditorIconUndo { background-position: -666px; } +.nihilo .dijitEditorIconWikiword { background-position: -684px; } +.nihilo .dijitEditorIconToggleDir { background-position: -540px; } +.dijitColorPalette { + border:1px solid #d3d3d3; + background:#fff; + -moz-border-radius: 0px !important; +} diff --git a/includes/js/dijit/themes/nihilo/nihilo.css.commented.css b/includes/js/dijit/themes/nihilo/nihilo.css.commented.css new file mode 100644 index 0000000..d2bdd78 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/nihilo.css.commented.css @@ -0,0 +1,39 @@ +/* + Adds cosmetic styling to Dijit. Users may swap with a custom theme CSS file. + + 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("Common.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/ComboBox.css"); +@import url("form/Checkbox.css"); +@import url("form/RadioButton.css"); +@import url("form/Textarea.css"); +@import url("form/Slider.css"); +@import url("Tree.css"); +@import url("ProgressBar.css"); +@import url("TitlePane.css"); +@import url("Calendar.css"); +@import url("Toolbar.css"); +@import url("Dialog.css"); +@import url("Menu.css"); +@import url("Editor.css"); +@import url("ColorPalette.css"); diff --git a/includes/js/dijit/themes/nihilo/nihilo_rtl.css b/includes/js/dijit/themes/nihilo/nihilo_rtl.css new file mode 100644 index 0000000..134c52e --- /dev/null +++ b/includes/js/dijit/themes/nihilo/nihilo_rtl.css @@ -0,0 +1,317 @@ + +.dj_gecko .dijitRtl .dijitInputField { + direction: ltr; +} +.dj_gecko .dijitRtl .dijitInputField * { + direction: rtl; +} +.dijitRtl .dijitTreeContainer .dijitTreeExpando, .dijitRtl .dijitTreeContainer .dijitTreeExpand { + float:right; +} +.dijitRtl .dijitExpandoText { + float: right; + padding-left: 3px; + padding-right: 0; +} +.dijitRtl .dijitComboBox .dijitInputField { + border-right-width:1px !important; + border-left-width:0 !important; +} +.dijitRtl .dijitCalendarNextYear { + margin:0 0.55em 0 0; +} +.dijitRtl .dijitCalendarPreviousYear { + margin:0 0 0 0.55em; +} +.dijitRtl .dijitProgressBarFull .dijitProgressBarLabel { + right:0; +} +.dijitRtl .dijitComboButton .dijitButtonContents { + border-right-width:1px !important; +} +.dijitRtl .dijitA11ySideArrow { + margin-left:1em; + margin-right:0; +} +.dijitRtl .dijitAccordionArrow, +.dijitRtl .dijitAccordionTitle .arrowTextUp, +.dijitRtl .dijitAccordionTitle .arrowTextDown { + float: left; +} +.dijitRtl .dijitSliderImageHandleV { + left:auto; + right:-6px; +} +.dj_ie .dijitRtl .dijitSliderImageHandleV { + right:-10px; +} +.dijitRtl .dijitSliderMoveableH { + right:auto; + left:0; +} +.dijitRtl .dijitRuleContainerV { + float:right; +} +.dj_gecko .dijitRtl .dijitRuleContainerV { + float:left; +} +.dj_ie .dijitRtl .dijitRuleContainerV { + text-align:right; +} +.dj_ie .dijitRtl .dijitRuleLabelV { + text-align:left; +} +.dj_ie .dijitRtl .dijitRuleLabelH { + zoom:1; +} +.dj_ie .dijitRtl .dijitSliderProgressBarH { + right:0; + left:auto; +} +.dj_gecko .dijitRtl .dijitSliderProgressBarH { + float:right; + right:0; + left:auto; +} +.dijitRtl .dijitTab { + float:right; +} +.dj_ie .dijitRtl .dijitTab, +.dj_ie .dijitRtl .dijitTab .dijitTabInnerDiv, +.dj_ie .dijitRtl .dijitTab .dijitTabInnerDiv span { + position:static; + zoom:1; +} +.dj_ie .dijitRtl .dijitTabContainer .dijitAlignLeft { + margin-left:1px !important; +} +.dj_ie .dijitRtl .dijitTabContainer .dijitAlignRight { + margin-right:1px !important; +} +.dj_ie6 .dijitRtl .dijitTab { + + width:1px; +} +.dj_ie7 .dijitRtl .dijitTabContainer .dijitAlignLeft { + + margin-left:1px !important; +} +.dj_ie7 .dijitRtl .dijitTabContainer .dijitAlignRight { + + margin-right:1px !important; +} +.dj_ie6 .dijitRtl .dijitTabContainer .dijitAlignLeft { + overflow-x:visible; + margin-left:2px !important; +} +.dj_ie6 .dijitRtl .dijitTabContainer .dijitAlignRight { + overflow-x:visible; + margin-right:2px !important; +} +.dj_ie7 .dijitRtl .dijitTab .dijitTabInnerDiv { + float:left; +} +.dj_ie7 .dijitRtl .dijitTab .closeImage { + padding: 0 0 0 12px; +} +.dj_ie .dijitRtl .dijitAlignRight .dijitTab { + position:relative; +} +.dijitRtl .dijitTitlePane .dijitArrowNode { + float: left; +} +.dijitRtl .dijitSpinner .dijitInputLayoutContainer .dijitArrowButton { + right: auto; + left: 0; + border-width: 0 1px 0 0 !important; +} +.dijitRtl .dijitSpinnerButtonContainer { + float: left; +} +.dijitRtl .dijit_a11y .dijitSpinnerButtonContainer { + margin-left: none; + margin-right: 2px; +} +.dijitRtl DIV.dijitArrowButton, .dijitRtl .dijitValidationIcon, .dijitRtl .dijitValidationIconText { + float: left; +} +.dijitRtl .dijitContentPaneLoading, .dijitRtl .dijitContentPaneError { + background-position:right; + padding-right:25px; +} +.dijitRtl .dijitTab { + margin-right:0; + margin-left:3px; +} +.dijitRtl .dijitTab .dijitTabInnerDiv { + border-left:none; +} +.dijitRtl .dijitTab .dijitClosable { + padding: 0 10px 0 20px; +} +.dijitRtl .dijitTab .closeImage { + position:static; +} +.dj_gecko .dijitTab .closeImage { + position:relative; + float:none; + padding:0; +} +.dijitRtl .dijitTab .dijitClosable .closeImage { + right:auto; + left:3px; + background-position: -60px top; +} +.dj_ie .dijitRtl .dijitTab .dijitClosable .closeImage { + width:12px !important; +} +.dijitRtl .dijitAlignLeft .dijitTab, +.dijitRtl .dijitAlignRight .dijitTab { + margin-left:0px; +} +.dijitRtl .dijitAlignBottom .dijitTab { + margin-right:0; + margin-left:3px; +} +.dijitRtl .dijitAlignBottom .dijitTab .dijitClosable .closeImage { + right:auto; + left:3px; +} +.dijitRtl .dijitAlignRight .dijitTab .dijitTabInnerDiv { + padding-left:10px; + padding-right:20px; +} +.dijitRtl .dijitAlignLeft .dijitTab .dijitTabInnerDiv { + padding-left:20px; + padding-right:10px; +} +.dijitRtl .dijitAlignRight .dijitTab .dijitClosable .closeImage { + left:auto; + right:3px; +} +.dijitRtl .dijitAlignLeft .dijitTab .dijitClosable .closeImage { + right:auto; + left:3px; +} +.dijitRtl .dijitAccordionArrow { + background-position: -30px top; +} +.dijitRtl .dijitSliderProgressBarH, +.dijitRtl .dijitSliderRemainingBarH, +.dijitRtl .dijitSliderLeftBumper, +.dijitRtl .dijitSliderRightBumper, +.dijitRtl .dijitSliderTopBumper { + background-position: top right; +} +.dijitRtl .dijitSliderProgressBarV, +.dijitRtl .dijitSliderRemainingBarV, +.dijitRtl .dijitSliderBottomBumper { + background-position: bottom right; +} +.dijitRtl .dijitSliderLeftBumper { + border-left-width: 0px; + border-right-width: 1px; +} +.dijitRtl .dijitSliderRightBumper { + border-left-width: 1px; + border-right-width: 0px; +} +.dijitRtl .dijitSliderIncrementIconH { + background-image:url(images/arrowLeft.png); +} +.dijitRtl .dijitSliderDecrementIconH { + background-image:url(images/arrowRight.png); +} +.dijitRtl .dijitComboBox .dijitButtonNode { + border-width: 0px 0px 0px 1px; +} +.dijitRtl .dijitComboBox .dijitButtonNode, +.dijitRtl .dijitSpinner .dijitButtonNode { + + border-color: #8ba0bd; + border-left: 0px solid #8ba0bd; + border-right: 1px solid #8ba0bd; +} +.dijitRtl .dijitTreeContainer .dijitTreeNode { + background-image : url(images/treeI_rtl.gif); + background-position : top right; + margin-left: auto; + margin-right: 19px; +} +.dijitRtl .dijitTreeContainer .dijitTreeIsRoot { + margin-left: auto; + margin-right: 0; + background-image: none; +} +.dijitRtl .dijitTreeContainer .dijitTreeIsLast { + background-image: url(images/treeI_half_rtl.gif); +} +.dijitRtl .dijitTreeContainer .dijitTreeContent { + margin-left: auto; + margin-right: 18px; + padding-left: auto; + padding-right: 1px; +} +.dijitRtl .dijitTreeContainer .dijitTreeExpandoOpened { + background: url(images/spriteTree_rtl.gif) no-repeat -18px top; +} +.dijitRtl .dijitTreeContainer .dijitTreeExpandoClosed { + background-image: url(images/spriteTree_rtl.gif); +} +.dijitRtl .dijitTreeContainer .dijitTreeExpandoLeaf { + background: url(images/spriteTree_rtl.gif) no-repeat -36px top; +} +.dijitRtl .dijitTitlePane .dijitClosed .dijitArrowNode { + background-position: -30px top; +} +.dj_ie6 .dijitRtl .dijitTitlePane .dijitClosed .dijitArrowNode { + background-position: -30px top; +} +.dijitRtl .dijitCalendarDecrease { + background-position: -30px top; +} +.dijitRtl .dijitCalendarIncrease { + background-position: 0px top; +} +.dj_ie6 .dijitRtl .dijitCalendarIncrease { + background-position: 0px top; +} +.dj_ie6 .dijitRtl .dijitCalendarDecrease { + background-position: -30px top; +} +.dijitRtl .dijitDialogTitleBar .dijitDialogCloseIcon { + background-position: -60px top; + float: left; + right: auto; + left: 5px; +} +.dj_ie6 .dijitRtl .dijitDialogTitleBar .dijitDialogCloseIcon { + background-position: -60px top; +} +.dj_ie .dijitRtl .dijitTooltipLeft { + margin-right: 0px; + margin-left: 13px; +} +.dj_ie .dijitRtl .dijitTooltipRight { + margin-left: 26px; + margin-right: -13px; +} +.dj_ie .dijitRtl .dijitTooltipDialog { + zoom:1 !important; +} +.dijitRtl .dijitMenuItem .dijitMenuItemIcon { + padding-left: 3px; + padding-right: 0px; +} +.dijitRtl .dijitMenuItem .dijitMenuExpandEnabled { + background-image:url(images/arrowLeft.png); +} +.dj_ie6 .dijitRtl .dijitMenuItem .dijitMenuExpandEnabled { + background-image:url(images/arrowLeft.gif); +} +.dijitRtl .dijitEditorIcon { + background-image: url(images/editor_rtl.gif); +} +.dijitRtl .dijitToolbar .dijitToolbarSeparator { + background-image: url(images/editor_rtl.gif); +} diff --git a/includes/js/dijit/themes/nihilo/nihilo_rtl.css.commented.css b/includes/js/dijit/themes/nihilo/nihilo_rtl.css.commented.css new file mode 100644 index 0000000..0984f57 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/nihilo_rtl.css.commented.css @@ -0,0 +1,28 @@ +/* + Adds cosmetic styling to Dijit. Users may swap with a custom theme CSS file. + + 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("form/Common_rtl.css"); +@import url("Tree_rtl.css"); +@import url("TitlePane_rtl.css"); +@import url("Calendar_rtl.css"); +@import url("Dialog_rtl.css"); +@import url("Menu_rtl.css"); +@import url("Editor_rtl.css"); diff --git a/includes/js/dijit/themes/soria/Calendar.css b/includes/js/dijit/themes/soria/Calendar.css new file mode 100644 index 0000000..5537b8e --- /dev/null +++ b/includes/js/dijit/themes/soria/Calendar.css @@ -0,0 +1,136 @@ + + +.soria .dijitCalendarIncrementControl { + + width:15px; + height:15px; +} +.dj_ie6 .soria .dijitCalendarIncrementControl { + padding:.1em; + font-size:.1em; +} +.soria .dijitCalendarIncreaseInner, +.soria .dijitCalendarDecreaseInner { + visibility:hidden; +} +.soria .dijitCalendarDecrease { + background:url("images/spriteRoundedIconsSmall.png") no-repeat top left; +} +.dj_ie6 .soria .dijitCalendarDecrease { + background:url("images/spriteRoundedIconsSmall.gif") no-repeat top left; +} +.soria .dijitCalendarIncrease { + background:url(images/spriteRoundedIconsSmall.png) no-repeat -30px top; +} +.dj_ie6 .soria .dijitCalendarIncrease { + background:url("images/spriteRoundedIconsSmall.gif") no-repeat -30px top; +} +.soria table.dijitCalendarContainer { + font-size: 100%; + border-spacing: 0; + border-collapse: separate; + border: 1px solid #b1badf; + margin: 0; +} +.soria .dijitCalendarMonthContainer th { + + background:#bed7f0 url("images/titleBar.png") repeat-x top; + padding-top:.3em; + padding-bottom:.2em; + text-align:center; +} +.dj_ie6 .soria .dijitCalendarMonthContainer th { + padding-top:.1em; + padding-bottom:0em; +} +.soria .dijitCalendarDayLabelTemplate { + + background:#bed7f0; + font-weight:normal; + padding-top:.15em; + padding-bottom:.2em; + border-bottom: 1px solid #b1badf; + color:#293a4b; + text-align:center; +} +.soria .dijitCalendarBodyContainer { + border-bottom: 1px solid #eeeeee; +} +.soria .dijitCalendarMonthLabel { + color:#293a4b; + font-weight: bold; +} +.dj_ie7 .soria .dijitCalendarDateTemplate, +.dj_ie6 .soria .dijitCalendarDateTemplate { + font-size: 0.8em; +} +.soria .dijitCalendarDateTemplate { + + font-size: 0.9em; + font-weight: bold; + text-align: center; + padding: 0.3em 0.3em 0.1em 0.3em; + letter-spacing: 1px; + background-color: #fff; + border:#fff solid 1px !important; +} +.soria .dijitCalendarPreviousMonth, +.soria .dijitCalendarNextMonth { + + color:#999999; + background-color:#fdfdfd !important; + border:#fdfdfd solid 1px !important; +} +.soria .dijitCalendarPreviousMonthDisabled, +.soria .dijitCalendarNextMonthDisabled { + + background-color:#a4a5a6 !important; +} +.soria .dijitCalendarCurrentMonth { + +} +.soria .dijitCalendarCurrentMonthDisabled { + + background-color:#bbbbbc !important; +} +.soria .dijitCalendarDisabledDate { + + + text-decoration:line-through !important; + cursor:default !important; +} +.soria .dijitCalendarCurrentDate { + + text-decoration:underline; + font-weight:bold; +} +.soria .dijitCalendarSelectedDate { + + background-color:#b9cbf1 !important; + color:black !important; + border:#4b5aaa solid 1px !important; +} +.soria .dijitCalendarYearContainer { + + background:white url("images/titleBar.png") repeat-x top; +} +.soria .dijitCalendarYearLabel { + + margin:0; + padding:0.4em 0 0.25em 0; + text-align:center; +} +.soria .dijitCalendarSelectedYear { + + color:black; + padding:0.2em; + padding-bottom:0.1em; + background-color:#b9cbf1 !important; + border:#4b5aaa solid 1px !important; +} +.soria .dijitCalendarNextYear, +.soria .dijitCalendarPreviousYear { + + color:black !important; + font-weight:normal; +} diff --git a/includes/js/dijit/themes/soria/Calendar.css.commented.css b/includes/js/dijit/themes/soria/Calendar.css.commented.css new file mode 100644 index 0000000..7a9c05f --- /dev/null +++ b/includes/js/dijit/themes/soria/Calendar.css.commented.css @@ -0,0 +1,159 @@ +/* Calendar*/ + +.soria .dijitCalendarIncrementControl { + /* next/prev month buttons */ + width:15px; + height:15px; +} +.dj_ie6 .soria .dijitCalendarIncrementControl { + padding:.1em; + font-size:.1em; +} + +.soria .dijitCalendarIncreaseInner, +.soria .dijitCalendarDecreaseInner { + visibility:hidden; +} + +.soria .dijitCalendarDecrease { + background:url("images/spriteRoundedIconsSmall.png") no-repeat top left; +} +.dj_ie6 .soria .dijitCalendarDecrease { + background:url("images/spriteRoundedIconsSmall.gif") no-repeat top left; +} + +.soria .dijitCalendarIncrease { + background:url(images/spriteRoundedIconsSmall.png) no-repeat -30px top; +} +.dj_ie6 .soria .dijitCalendarIncrease { + background:url("images/spriteRoundedIconsSmall.gif") no-repeat -30px top; +} + +.soria table.dijitCalendarContainer { + font-size: 100%; + border-spacing: 0; + border-collapse: separate; + border: 1px solid #b1badf; + margin: 0; +} + +.soria .dijitCalendarMonthContainer th { + /* month header cell */ + background:#bed7f0 url("images/titleBar.png") repeat-x top; + padding-top:.3em; + padding-bottom:.2em; + text-align:center; +} +.dj_ie6 .soria .dijitCalendarMonthContainer th { + padding-top:.1em; + padding-bottom:0em; +} + +.soria .dijitCalendarDayLabelTemplate { + /* day of week labels */ + background:#bed7f0; + font-weight:normal; + padding-top:.15em; + padding-bottom:.2em; + border-bottom: 1px solid #b1badf; + color:#293a4b; + text-align:center; +} + +.soria .dijitCalendarBodyContainer { + border-bottom: 1px solid #eeeeee; +} + +.soria .dijitCalendarMonthLabel { + color:#293a4b; + font-weight: bold; +} + +.dj_ie7 .soria .dijitCalendarDateTemplate, +.dj_ie6 .soria .dijitCalendarDateTemplate { + font-size: 0.8em; +} + +.soria .dijitCalendarDateTemplate { + /* style for each day cell */ + font-size: 0.9em; + font-weight: bold; + text-align: center; + padding: 0.3em 0.3em 0.1em 0.3em; + letter-spacing: 1px; + background-color: #fff; + border:#fff solid 1px !important; +} + + +.soria .dijitCalendarPreviousMonth, +.soria .dijitCalendarNextMonth { + /* days that are part of the previous or next month */ + color:#999999; + background-color:#fdfdfd !important; + border:#fdfdfd solid 1px !important; +} + +.soria .dijitCalendarPreviousMonthDisabled, +.soria .dijitCalendarNextMonthDisabled { + /* days that are part of the previous or next month - disabled*/ + background-color:#a4a5a6 !important; +} + +.soria .dijitCalendarCurrentMonth { + /* days that are part of this month */ +} + +.soria .dijitCalendarCurrentMonthDisabled { + /* days that are part of this month - disabled */ + background-color:#bbbbbc !important; +} + +.soria .dijitCalendarDisabledDate { + /* one or the other? */ + /* background: url(images/noX.gif) no-repeat center center !important; */ + text-decoration:line-through !important; + cursor:default !important; +} + +.soria .dijitCalendarCurrentDate { + /* cell for today's date */ + text-decoration:underline; + font-weight:bold; +} + +.soria .dijitCalendarSelectedDate { + /* cell for the selected date */ + background-color:#b9cbf1 !important; + color:black !important; + border:#4b5aaa solid 1px !important; +} + + +.soria .dijitCalendarYearContainer { + /* footer of the table that contains the year display/selector */ + background:white url("images/titleBar.png") repeat-x top; +} + +.soria .dijitCalendarYearLabel { + /* container for all of 3 year labels */ + margin:0; + padding:0.4em 0 0.25em 0; + text-align:center; +} + +.soria .dijitCalendarSelectedYear { + /* label for selected year */ + color:black; + padding:0.2em; + padding-bottom:0.1em; + background-color:#b9cbf1 !important; + border:#4b5aaa solid 1px !important; +} + +.soria .dijitCalendarNextYear, +.soria .dijitCalendarPreviousYear { + /* label for next/prev years */ + color:black !important; + font-weight:normal; +} diff --git a/includes/js/dijit/themes/soria/Calendar_rtl.css b/includes/js/dijit/themes/soria/Calendar_rtl.css new file mode 100644 index 0000000..e64cdf2 --- /dev/null +++ b/includes/js/dijit/themes/soria/Calendar_rtl.css @@ -0,0 +1,13 @@ + +.dijitRtl .dijitCalendarDecrease { + background-position: -30px top; +} +.dijitRtl .dijitCalendarIncrease { + background-position: 0px top; +} +.dj_ie6 .dijitRtl .dijitCalendarIncrease { + background-position: 0px top; +} +.dj_ie6 .dijitRtl .dijitCalendarDecrease { + background-position: -30px top; +} diff --git a/includes/js/dijit/themes/soria/Calendar_rtl.css.commented.css b/includes/js/dijit/themes/soria/Calendar_rtl.css.commented.css new file mode 100644 index 0000000..84146f8 --- /dev/null +++ b/includes/js/dijit/themes/soria/Calendar_rtl.css.commented.css @@ -0,0 +1,16 @@ + +/* Calendar */ + +.dijitRtl .dijitCalendarDecrease { + background-position: -30px top; +} + +.dijitRtl .dijitCalendarIncrease { + background-position: 0px top; +} +.dj_ie6 .dijitRtl .dijitCalendarIncrease { + background-position: 0px top; +} +.dj_ie6 .dijitRtl .dijitCalendarDecrease { + background-position: -30px top; +} diff --git a/includes/js/dijit/themes/soria/ColorPalette.css b/includes/js/dijit/themes/soria/ColorPalette.css new file mode 100644 index 0000000..5a51275 --- /dev/null +++ b/includes/js/dijit/themes/soria/ColorPalette.css @@ -0,0 +1,5 @@ +.dijitColorPalette { + border:1px solid #cbcbcb; + background:#fff; + -moz-border-radius: 0px !important; +} diff --git a/includes/js/dijit/themes/soria/ColorPalette.css.commented.css b/includes/js/dijit/themes/soria/ColorPalette.css.commented.css new file mode 100644 index 0000000..5a51275 --- /dev/null +++ b/includes/js/dijit/themes/soria/ColorPalette.css.commented.css @@ -0,0 +1,5 @@ +.dijitColorPalette { + border:1px solid #cbcbcb; + background:#fff; + -moz-border-radius: 0px !important; +} diff --git a/includes/js/dijit/themes/soria/Common.css b/includes/js/dijit/themes/soria/Common.css new file mode 100644 index 0000000..89fab27 --- /dev/null +++ b/includes/js/dijit/themes/soria/Common.css @@ -0,0 +1,29 @@ + +.soria .dijitSliderDisabled *, +.soria .dijitDisabledClickableRegion, +.soria .dijitSpinnerDisabled *, +.soria .dijitButtonDisabled *, +.soria .dijitDropDownButtonDisabled *, +.soria .dijitComboButtonDisabled *, +.soria .dijitComboBoxDisabled * +{ + cursor: not-allowed !important; +} +.soria .dojoDndItemBefore { + border-top: 2px solid #369; +} +.soria .dojoDndItemAfter { + border-bottom: 2px solid #369; +} +.soria .dojoDndItemOver { + cursor:pointer; +} +.soria table.dojoDndAvatar { -moz-border-radius: 0; border: 1px solid #ccc; border-collapse: collapse; background-color: #fff; font-size: 75%; color: black;} +.soria .dojoDndAvatar td { border: none; } +.soria .dojoDndAvatar tr { border: none; } +.soria .dojoDndAvatarHeader td { height: 20px; padding: 0 0 0 21px; } +.soria .dojoDndAvatarItem td { padding: 2px;} +.soria.dojoDndMove .dojoDndAvatarHeader {background-color: #f58383; background-image: url(images/dndNoMove.png); background-repeat: no-repeat; background-position: 2px center;} +.soria.dojoDndCopy .dojoDndAvatarHeader {background-color: #f58383; background-image: url(images/dndNoCopy.png); background-repeat: no-repeat; background-position: 2px center;} +.soria.dojoDndMove .dojoDndAvatarCanDrop .dojoDndAvatarHeader {background-color: #97e68d; background-image: url(images/dndMove.png); background-repeat: no-repeat; background-position: 2px center;} +.soria.dojoDndCopy .dojoDndAvatarCanDrop .dojoDndAvatarHeader {background-color: #97e68d; background-image: url(images/dndCopy.png); background-repeat: no-repeat; background-position: 2px center;} diff --git a/includes/js/dijit/themes/soria/Common.css.commented.css b/includes/js/dijit/themes/soria/Common.css.commented.css new file mode 100644 index 0000000..6a9febf --- /dev/null +++ b/includes/js/dijit/themes/soria/Common.css.commented.css @@ -0,0 +1,36 @@ + +/**** Disabled cursor *****/ +.soria .dijitSliderDisabled *, +.soria .dijitDisabledClickableRegion, /* a region the user would be able to click on, but it's disabled */ +.soria .dijitSpinnerDisabled *, +.soria .dijitButtonDisabled *, +.soria .dijitDropDownButtonDisabled *, +.soria .dijitComboButtonDisabled *, +.soria .dijitComboBoxDisabled * +{ + cursor: not-allowed !important; +} + +/* DnD avatar-specific settings */ +/* For now it uses a default set of rules. Some other DnD classes can be modified as well. */ +.soria .dojoDndItemBefore { + border-top: 2px solid #369; +} + +.soria .dojoDndItemAfter { + border-bottom: 2px solid #369; +} + +.soria .dojoDndItemOver { + cursor:pointer; +} + +.soria table.dojoDndAvatar { -moz-border-radius: 0; border: 1px solid #ccc; border-collapse: collapse; background-color: #fff; font-size: 75%; color: black;} +.soria .dojoDndAvatar td { border: none; } +.soria .dojoDndAvatar tr { border: none; } +.soria .dojoDndAvatarHeader td { height: 20px; padding: 0 0 0 21px; } +.soria .dojoDndAvatarItem td { padding: 2px;} +.soria.dojoDndMove .dojoDndAvatarHeader {background-color: #f58383; background-image: url(images/dndNoMove.png); background-repeat: no-repeat; background-position: 2px center;} +.soria.dojoDndCopy .dojoDndAvatarHeader {background-color: #f58383; background-image: url(images/dndNoCopy.png); background-repeat: no-repeat; background-position: 2px center;} +.soria.dojoDndMove .dojoDndAvatarCanDrop .dojoDndAvatarHeader {background-color: #97e68d; background-image: url(images/dndMove.png); background-repeat: no-repeat; background-position: 2px center;} +.soria.dojoDndCopy .dojoDndAvatarCanDrop .dojoDndAvatarHeader {background-color: #97e68d; background-image: url(images/dndCopy.png); background-repeat: no-repeat; background-position: 2px center;} diff --git a/includes/js/dijit/themes/soria/Dialog.css b/includes/js/dijit/themes/soria/Dialog.css new file mode 100644 index 0000000..a4a695d --- /dev/null +++ b/includes/js/dijit/themes/soria/Dialog.css @@ -0,0 +1,138 @@ + +.soria .dijitDialog { + background: #eee; + border: 1px solid #cbcbcb; + -webkit-box-shadow: 0px 5px 10px #adadad; + padding: 0px; +} +.soria .dijitDialog .dijitDialogTitle { + border-top: none; + border-left: none; + border-right: none; + font-size: 0.9em; + color: #3243C5F; +} +.soria .dijitDialog .dijitDialogPaneContent { + background: #ffffff; + border:none; + border-top: 1px solid #b1badf; + padding:10px; +} +.soria .dijitDialogTitleBar { + + background: #fafafa url("images/titleBar.png") repeat-x top left; + + padding: 5px 6px 3px 2px; + cursor: move; + outline:0; +} +.soria .dijitDialogTitle { + + font-weight: bold; + padding: 8px 12px 8px 12px; + outline:0; +} +.soria .dijitDialogCloseIcon { + + background : url("images/spriteRoundedIconsSmallBl.png") no-repeat right top; + float: right; + position: absolute; + vertical-align: middle; + right: 6px; + top: 4px; + height: 15px; + width: 15px; + cursor: pointer; +} +.dj_ie6 .soria .dijitDialogCloseIcon { + background : url("images/spriteRoundedIconsSmallBl.gif") no-repeat right top; +} +.soria .dijitDialogContent { + + padding: 8px; +} +.soria .dijitTooltip, +.soria .dijitTooltipDialog { + + opacity: 0.95; + background: transparent; +} +.dijitTooltipBelow { + + padding-top: 10px; +} +.dijitTooltipAbove { + + padding-bottom: 10px; +} +.soria .dijitTooltipContainer { + + background-color: #fff; + border:1px solid #cbcbcb; + padding:0.45em; + +} +.soria .dijitTooltipConnector { + + border:0px; + z-index: 2; +} +.soria .dijitTooltipABRight .dijitTooltipConnector { + + left: auto !important; + right: 6px; +} +.soria .dijitTooltipBelow .dijitTooltipConnector { + + top: 0px; + left: 6px; + background:url("images/tooltipConnectorUp.png") no-repeat top left; + width:17px; + height:11px; +} +.dj_ie6 .soria .dijitTooltipBelow .dijitTooltipConnector { + background-image: url("images/tooltipConnectorUp.gif"); +} +.soria .dijitTooltipAbove .dijitTooltipConnector { + + bottom: 0px; + left: 6px; + background:url("images/tooltipConnectorDown.png") no-repeat top left; + width:17px; + height:11px; +} +.dj_ie6 .soria .dijitTooltipAbove .dijitTooltipConnector { + background-image: url("images/tooltipConnectorDown.gif"); + bottom: -5px; +} +.soria .dijitTooltipLeft { + padding-right: 10px; +} +.dj_ie6 .soria .dijitTooltipLeft { + padding-left: 11px; +} +.soria .dijitTooltipLeft .dijitTooltipConnector { + + right: 0px; + bottom: 7px; + background:url("images/tooltipConnectorRight.png") no-repeat top left; + width:11px; + height:17px; +} +.dj_ie6 .soria .dijitTooltipLeft .dijitTooltipConnector { + background-image: url("images/tooltipConnectorRight.gif"); +} +.soria .dijitTooltipRight { + padding-left: 10px; +} +.soria .dijitTooltipRight .dijitTooltipConnector { + + left: 0px; + bottom: 7px; + background:url("images/tooltipConnectorLeft.png") no-repeat top left; + width:11px; + height:17px; +} +.dj_ie6 .soria .dijitTooltipRight .dijitTooltipConnector { + background-image: url("images/tooltipConnectorLeft.gif"); +} diff --git a/includes/js/dijit/themes/soria/Dialog.css.commented.css b/includes/js/dijit/themes/soria/Dialog.css.commented.css new file mode 100644 index 0000000..ed48613 --- /dev/null +++ b/includes/js/dijit/themes/soria/Dialog.css.commented.css @@ -0,0 +1,175 @@ + +/* Dialog */ + +.soria .dijitDialog { + background: #eee; + border: 1px solid #cbcbcb; + -webkit-box-shadow: 0px 5px 10px #adadad; + padding: 0px; +} + +.soria .dijitDialog .dijitDialogTitle { + border-top: none; + border-left: none; + border-right: none; + font-size: 0.9em; + color: #3243C5F; +} + +.soria .dijitDialog .dijitDialogPaneContent { + background: #ffffff; + border:none; + border-top: 1px solid #b1badf; /* #cddde9; /* w/out this, an <h1> on the top line causes a gap between the .content and .label */ + padding:10px; + +} + +.soria .dijitDialogTitleBar { + /* outer container for the titlebar of the dialog */ + background: #fafafa url("images/titleBar.png") repeat-x top left; + /* border: 1px solid #bfbfbf; */ + padding: 5px 6px 3px 2px; + cursor: move; + outline:0; /* remove this line if keyboard focus on dialog startup is an issue. tab still takes you to first focusable element */ +} + +.soria .dijitDialogTitle { + /* typography and styling of the dialog title */ + font-weight: bold; + padding: 8px 12px 8px 12px; + outline:0; +} + +.soria .dijitDialogCloseIcon { + /* the default close icon for the dialog */ + background : url("images/spriteRoundedIconsSmallBl.png") no-repeat right top; + float: right; + position: absolute; + vertical-align: middle; + right: 6px; + top: 4px; + height: 15px; + width: 15px; + cursor: pointer; +} +.dj_ie6 .soria .dijitDialogCloseIcon { + background : url("images/spriteRoundedIconsSmallBl.gif") no-repeat right top; +} + +.soria .dijitDialogContent { + /* the body of the dialog */ + padding: 8px; +} + + +/* Tooltip and TooltipDialog */ + +.soria .dijitTooltip, +.soria .dijitTooltipDialog { + /* the outermost dom node, holding the connector and container */ + opacity: 0.95; + background: transparent; /* make the area on the sides of the arrow transparent */ +} + +.dijitTooltipBelow { + /* leave room for arrow above content */ + padding-top: 10px; +} + +.dijitTooltipAbove { + /* leave room for arrow below content */ + padding-bottom: 10px; +} + +.soria .dijitTooltipContainer { + /* + The part with the text. + + NOTE: + FF doesn't clip images used as CSS bgs if you specify a border + radius. If you use a solid color, it does. Webkit gets it right. + Sigh. + background: #ffffff url("images/popupMenuBg.gif") repeat-x bottom left; + */ + background-color: #fff; + border:1px solid #cbcbcb; + padding:0.45em; + /* + border-radius: 6px; + -moz-border-radius: 7px; + -webkit-border-radius: 6px; + */ +} + +.soria .dijitTooltipConnector { + /* the arrow piece */ + border:0px; + z-index: 2; +} + +.soria .dijitTooltipABRight .dijitTooltipConnector { + /* above or below tooltip, but the arrow appears on the right, + and the right edges of target and tooltip are aligned rather than the left */ + left: auto !important; + right: 6px; +} + +.soria .dijitTooltipBelow .dijitTooltipConnector { + /* the arrow piece for tooltips below an element */ + top: 0px; + left: 6px; + background:url("images/tooltipConnectorUp.png") no-repeat top left; + width:17px; + height:11px; +} + +.dj_ie6 .soria .dijitTooltipBelow .dijitTooltipConnector { + background-image: url("images/tooltipConnectorUp.gif"); +} + +.soria .dijitTooltipAbove .dijitTooltipConnector { + /* the arrow piece for tooltips above an element */ + bottom: 0px; + left: 6px; + background:url("images/tooltipConnectorDown.png") no-repeat top left; + width:17px; + height:11px; +} +.dj_ie6 .soria .dijitTooltipAbove .dijitTooltipConnector { + background-image: url("images/tooltipConnectorDown.gif"); + bottom: -5px; +} + +.soria .dijitTooltipLeft { + padding-right: 10px; +} +.dj_ie6 .soria .dijitTooltipLeft { + padding-left: 11px; +} +.soria .dijitTooltipLeft .dijitTooltipConnector { + /* the arrow piece for tooltips to the left of an element, bottom borders aligned */ + right: 0px; + bottom: 7px; + background:url("images/tooltipConnectorRight.png") no-repeat top left; + width:11px; + height:17px; +} +.dj_ie6 .soria .dijitTooltipLeft .dijitTooltipConnector { + background-image: url("images/tooltipConnectorRight.gif"); +} + +.soria .dijitTooltipRight { + padding-left: 10px; +} +.soria .dijitTooltipRight .dijitTooltipConnector { + /* the arrow piece for tooltips to the right of an element, bottom borders aligned */ + left: 0px; + bottom: 7px; + background:url("images/tooltipConnectorLeft.png") no-repeat top left; + width:11px; + height:17px; +} +.dj_ie6 .soria .dijitTooltipRight .dijitTooltipConnector { + background-image: url("images/tooltipConnectorLeft.gif"); +} + diff --git a/includes/js/dijit/themes/soria/Dialog_rtl.css b/includes/js/dijit/themes/soria/Dialog_rtl.css new file mode 100644 index 0000000..2f29eda --- /dev/null +++ b/includes/js/dijit/themes/soria/Dialog_rtl.css @@ -0,0 +1,21 @@ + +.dijitRtl .dijitDialogTitleBar .dijitDialogCloseIcon { + background-position: -60px top; + float: left; + right: auto; + left: 5px; +} +.dj_ie6 .dijitRtl .dijitDialogTitleBar .dijitDialogCloseIcon { + background-position: -60px top; +} +.dj_ie .dijitRtl .dijitTooltipLeft { + margin-right: 0px; + margin-left: 13px; +} +.dj_ie .dijitRtl .dijitTooltipRight { + margin-left: 26px; + margin-right: -13px; +} +.dj_ie .dijitRtl .dijitTooltipDialog { + zoom:1 !important; +} diff --git a/includes/js/dijit/themes/soria/Dialog_rtl.css.commented.css b/includes/js/dijit/themes/soria/Dialog_rtl.css.commented.css new file mode 100644 index 0000000..74b193a --- /dev/null +++ b/includes/js/dijit/themes/soria/Dialog_rtl.css.commented.css @@ -0,0 +1,29 @@ +/* Dialog */ +.dijitRtl .dijitDialogTitleBar .dijitDialogCloseIcon { + background-position: -60px top; + float: left; + right: auto; + left: 5px; +} + +/*FIXME: redundant?*/ +.dj_ie6 .dijitRtl .dijitDialogTitleBar .dijitDialogCloseIcon { + background-position: -60px top; +} + + +/* ToolTip */ + +.dj_ie .dijitRtl .dijitTooltipLeft { + margin-right: 0px; + margin-left: 13px; +} + +.dj_ie .dijitRtl .dijitTooltipRight { + margin-left: 26px; + margin-right: -13px; +} + +.dj_ie .dijitRtl .dijitTooltipDialog { + zoom:1 !important; +} diff --git a/includes/js/dijit/themes/soria/Editor.css b/includes/js/dijit/themes/soria/Editor.css new file mode 100644 index 0000000..c7f0ef4 --- /dev/null +++ b/includes/js/dijit/themes/soria/Editor.css @@ -0,0 +1,55 @@ +.dijitIEFixedToolbar { + position:absolute; + + top: expression(eval((document.documentElement||document.body).scrollTop)); +} +.soria .dijitToolbar .dijitToolbarSeparator { + background: url('images/editor.gif'); +} +.soria .dijitEditorIcon { + background-image: url('images/editor.gif'); + background-repeat: no-repeat; + width: 18px; + height: 18px; + text-align: center; +} +.soria .dijitEditorIconSep { background-position: 0px; } +.soria .dijitEditorIconBackColor { background-position: -18px; } +.soria .dijitEditorIconBold { background-position: -36px; } +.soria .dijitEditorIconCancel { background-position: -54px; } +.soria .dijitEditorIconCopy { background-position: -72px; } +.soria .dijitEditorIconCreateLink { background-position: -90px; } +.soria .dijitEditorIconCut { background-position: -108px; } +.soria .dijitEditorIconDelete { background-position: -126px; } +.soria .dijitEditorIconForeColor { background-position: -144px; } +.soria .dijitEditorIconHiliteColor { background-position: -162px; } +.soria .dijitEditorIconIndent { background-position: -180px; } +.soria .dijitEditorIconInsertHorizontalRule { background-position: -198px; } +.soria .dijitEditorIconInsertImage { background-position: -216px; } +.soria .dijitEditorIconInsertOrderedList { background-position: -234px; } +.soria .dijitEditorIconInsertTable { background-position: -252px; } +.soria .dijitEditorIconInsertUnorderedList { background-position: -270px; } +.soria .dijitEditorIconItalic { background-position: -288px; } +.soria .dijitEditorIconJustifyCenter { background-position: -306px; } +.soria .dijitEditorIconJustifyFull { background-position: -324px; } +.soria .dijitEditorIconJustifyLeft { background-position: -342px; } +.soria .dijitEditorIconJustifyRight { background-position: -360px; } +.soria .dijitEditorIconLeftToRight { background-position: -378px; } +.soria .dijitEditorIconListBulletIndent { background-position: -396px; } +.soria .dijitEditorIconListBulletOutdent { background-position: -414px; } +.soria .dijitEditorIconListNumIndent { background-position: -432px; } +.soria .dijitEditorIconListNumOutdent { background-position: -450px; } +.soria .dijitEditorIconOutdent { background-position: -468px; } +.soria .dijitEditorIconPaste { background-position: -486px; } +.soria .dijitEditorIconRedo { background-position: -504px; } +.soria .dijitEditorIconRemoveFormat { background-position: -522px; } +.soria .dijitEditorIconRightToLeft { background-position: -540px; } +.soria .dijitEditorIconSave { background-position: -558px; } +.soria .dijitEditorIconSpace { background-position: -576px; } +.soria .dijitEditorIconStrikethrough { background-position: -594px; } +.soria .dijitEditorIconSubscript { background-position: -612px; } +.soria .dijitEditorIconSuperscript { background-position: -630px; } +.soria .dijitEditorIconUnderline { background-position: -648px; } +.soria .dijitEditorIconUndo { background-position: -666px; } +.soria .dijitEditorIconWikiword { background-position: -684px; } +.soria .dijitEditorIconToggleDir { background-position: -540px; } diff --git a/includes/js/dijit/themes/soria/Editor.css.commented.css b/includes/js/dijit/themes/soria/Editor.css.commented.css new file mode 100644 index 0000000..cddbf00 --- /dev/null +++ b/includes/js/dijit/themes/soria/Editor.css.commented.css @@ -0,0 +1,60 @@ +.dijitIEFixedToolbar { + position:absolute; + /* top:0; */ + top: expression(eval((document.documentElement||document.body).scrollTop)); +} + +.soria .dijitToolbar .dijitToolbarSeparator { + background: url('images/editor.gif'); +} + +/**** ICONS *****/ + +.soria .dijitEditorIcon { + background-image: url('images/editor.gif'); /* editor icons sprite image */ + background-repeat: no-repeat; + width: 18px; + height: 18px; + text-align: center; +} +.soria .dijitEditorIconSep { background-position: 0px; } +.soria .dijitEditorIconBackColor { background-position: -18px; } +.soria .dijitEditorIconBold { background-position: -36px; } +.soria .dijitEditorIconCancel { background-position: -54px; } +.soria .dijitEditorIconCopy { background-position: -72px; } +.soria .dijitEditorIconCreateLink { background-position: -90px; } +.soria .dijitEditorIconCut { background-position: -108px; } +.soria .dijitEditorIconDelete { background-position: -126px; } +.soria .dijitEditorIconForeColor { background-position: -144px; } +.soria .dijitEditorIconHiliteColor { background-position: -162px; } +.soria .dijitEditorIconIndent { background-position: -180px; } +.soria .dijitEditorIconInsertHorizontalRule { background-position: -198px; } +.soria .dijitEditorIconInsertImage { background-position: -216px; } +.soria .dijitEditorIconInsertOrderedList { background-position: -234px; } +.soria .dijitEditorIconInsertTable { background-position: -252px; } +.soria .dijitEditorIconInsertUnorderedList { background-position: -270px; } +.soria .dijitEditorIconItalic { background-position: -288px; } +.soria .dijitEditorIconJustifyCenter { background-position: -306px; } +.soria .dijitEditorIconJustifyFull { background-position: -324px; } +.soria .dijitEditorIconJustifyLeft { background-position: -342px; } +.soria .dijitEditorIconJustifyRight { background-position: -360px; } +.soria .dijitEditorIconLeftToRight { background-position: -378px; } +.soria .dijitEditorIconListBulletIndent { background-position: -396px; } +.soria .dijitEditorIconListBulletOutdent { background-position: -414px; } +.soria .dijitEditorIconListNumIndent { background-position: -432px; } +.soria .dijitEditorIconListNumOutdent { background-position: -450px; } +.soria .dijitEditorIconOutdent { background-position: -468px; } +.soria .dijitEditorIconPaste { background-position: -486px; } +.soria .dijitEditorIconRedo { background-position: -504px; } +.soria .dijitEditorIconRemoveFormat { background-position: -522px; } +.soria .dijitEditorIconRightToLeft { background-position: -540px; } +.soria .dijitEditorIconSave { background-position: -558px; } +.soria .dijitEditorIconSpace { background-position: -576px; } +.soria .dijitEditorIconStrikethrough { background-position: -594px; } +.soria .dijitEditorIconSubscript { background-position: -612px; } +.soria .dijitEditorIconSuperscript { background-position: -630px; } +.soria .dijitEditorIconUnderline { background-position: -648px; } +.soria .dijitEditorIconUndo { background-position: -666px; } +.soria .dijitEditorIconWikiword { background-position: -684px; } +.soria .dijitEditorIconToggleDir { background-position: -540px; /* padding: 0; margin: 0; color:#555555; + font-family:verdana,arial,sans-serif; font-weight: 800; font-size: 70%; */} diff --git a/includes/js/dijit/themes/soria/Editor_rtl.css b/includes/js/dijit/themes/soria/Editor_rtl.css new file mode 100644 index 0000000..2e936ec --- /dev/null +++ b/includes/js/dijit/themes/soria/Editor_rtl.css @@ -0,0 +1,7 @@ + +.dijitRtl .dijitEditorIcon { + background-image: url('images/editor_rtl.gif'); +} +.dijitRtl .dijitToolbar .dijitToolbarSeparator { + background-image: url('images/editor_rtl.gif'); +} diff --git a/includes/js/dijit/themes/soria/Editor_rtl.css.commented.css b/includes/js/dijit/themes/soria/Editor_rtl.css.commented.css new file mode 100644 index 0000000..2a2df3e --- /dev/null +++ b/includes/js/dijit/themes/soria/Editor_rtl.css.commented.css @@ -0,0 +1,9 @@ +/* Editor */ +.dijitRtl .dijitEditorIcon { + background-image: url('images/editor_rtl.gif'); /* editor icons sprite image */ +} + +/* Toolbar */ +.dijitRtl .dijitToolbar .dijitToolbarSeparator { + background-image: url('images/editor_rtl.gif'); +} diff --git a/includes/js/dijit/themes/soria/Menu.css b/includes/js/dijit/themes/soria/Menu.css new file mode 100644 index 0000000..2df350a --- /dev/null +++ b/includes/js/dijit/themes/soria/Menu.css @@ -0,0 +1,54 @@ + +.soria .dijitMenu { + border: 1px solid #cbcbcb; + margin: 0px; + padding: 0px; + background-color: #fff; +} +.soria .dijitMenuItem { + background-color: #fff; + font: menu; + margin: 0px; + color: #243C5F; +} +.soria .dijitMenuPreviousButton, .soria .dijitMenuNextButton { + font-style: italic; +} +.soria .dijitMenuItem TD { + padding:1px; +} +.soria .dijitMenuItemHover { + background-color: #d9e6f9; + color: #243C5F; +} +.soria .dijitMenuItemIcon { + width: 15px; + height: 15px; + +} +.soria .dijitMenuExpand { + display:none; +} +.soria .dijitMenuExpandEnabled { + + width:15px; + height:15px; + background:url('images/spriteRoundedIconsSmall.png') no-repeat -30px top; + display:block; +} +.dj_ie6 .soria .dijitMenuExpandEnabled { + background-image:url('images/spriteRoundedIconsSmall.gif'); +} +.soria .dijitMenuExpandInner { + display:none; +} +.soria .dijitMenuSeparator { + background-color: #fff; + height: 1px; +} +.soria .dijitMenuSeparatorTop { + border-bottom: 1px solid #fff; +} +.soria .dijitMenuSeparatorBottom { + border-top: 1px solid #8ba0bd; +} diff --git a/includes/js/dijit/themes/soria/Menu.css.commented.css b/includes/js/dijit/themes/soria/Menu.css.commented.css new file mode 100644 index 0000000..e5de907 --- /dev/null +++ b/includes/js/dijit/themes/soria/Menu.css.commented.css @@ -0,0 +1,63 @@ + +/* Menu */ +.soria .dijitMenu { + border: 1px solid #cbcbcb; + margin: 0px; + padding: 0px; + background-color: #fff; +} + +.soria .dijitMenuItem { + background-color: #fff; + font: menu; + margin: 0px; + color: #243C5F; +} +.soria .dijitMenuPreviousButton, .soria .dijitMenuNextButton { + font-style: italic; +} +.soria .dijitMenuItem TD { + padding:1px; +} + +.soria .dijitMenuItemHover { + background-color: #d9e6f9; /* #95a0b0; #555555; #aaaaaa; #646464; #60a1ea; #848484; */ + color: #243C5F; +} + +.soria .dijitMenuItemIcon { + width: 15px; + height: 15px; + /* padding-right: 3px; */ +} + +.soria .dijitMenuExpand { + display:none; +} +.soria .dijitMenuExpandEnabled { + /* margin-top:4px; */ + width:15px; + height:15px; + background:url('images/spriteRoundedIconsSmall.png') no-repeat -30px top; + display:block; +} +.dj_ie6 .soria .dijitMenuExpandEnabled { + background-image:url('images/spriteRoundedIconsSmall.gif'); +} +.soria .dijitMenuExpandInner { + display:none; +} + +.soria .dijitMenuSeparator { + background-color: #fff; + height: 1px; +} + +/* separator can be two pixels -- set border of either one to 0px to have only one */ +.soria .dijitMenuSeparatorTop { + border-bottom: 1px solid #fff; /*97adcb; */ +} + +.soria .dijitMenuSeparatorBottom { + border-top: 1px solid #8ba0bd; +} diff --git a/includes/js/dijit/themes/soria/Menu_rtl.css b/includes/js/dijit/themes/soria/Menu_rtl.css new file mode 100644 index 0000000..8b751fd --- /dev/null +++ b/includes/js/dijit/themes/soria/Menu_rtl.css @@ -0,0 +1,11 @@ + +.dijitRtl .dijitMenuItem .dijitMenuItemIcon { + padding-left: 3px; + padding-right: 0px; +} +.dijitRtl .dijitMenuItem .dijitMenuExpandEnabled { + background-image:url('images/arrowLeft.png'); +} +.dj_ie6 .dijitRtl .dijitMenuItem .dijitMenuExpandEnabled { + background-image:url('images/arrowLeft.gif'); +} diff --git a/includes/js/dijit/themes/soria/Menu_rtl.css.commented.css b/includes/js/dijit/themes/soria/Menu_rtl.css.commented.css new file mode 100644 index 0000000..ac66852 --- /dev/null +++ b/includes/js/dijit/themes/soria/Menu_rtl.css.commented.css @@ -0,0 +1,15 @@ + +/* Menu */ + +.dijitRtl .dijitMenuItem .dijitMenuItemIcon { + padding-left: 3px; + padding-right: 0px; +} + +.dijitRtl .dijitMenuItem .dijitMenuExpandEnabled { + background-image:url('images/arrowLeft.png'); +} + +.dj_ie6 .dijitRtl .dijitMenuItem .dijitMenuExpandEnabled { + background-image:url('images/arrowLeft.gif'); +} diff --git a/includes/js/dijit/themes/soria/ProgressBar.css b/includes/js/dijit/themes/soria/ProgressBar.css new file mode 100644 index 0000000..566d048 --- /dev/null +++ b/includes/js/dijit/themes/soria/ProgressBar.css @@ -0,0 +1,24 @@ + +.soria .dijitProgressBar { + margin:2px 0px 2px 0px; +} +.soria .dijitProgressBarEmpty{ + + background:#fff url("images/progressBarEmpty.png") repeat-x center center; + border-color: #8ba0bd; +} +.soria .dijitProgressBarTile{ + + background:#f0f0f0 url("images/progressBarFull.png") repeat-x center center; +} +.soria .dijitProgressBarFull { + border-right:1px solid #8ba0bd; +} +.soria .dijitProgressBarLabel { + + color:#293a4b; +} +.soria .dijitProgressBarIndeterminate .dijitProgressBarTile { + + background:#cad2de url("images/progressBarAnim.gif") repeat-x center center; +} diff --git a/includes/js/dijit/themes/soria/ProgressBar.css.commented.css b/includes/js/dijit/themes/soria/ProgressBar.css.commented.css new file mode 100644 index 0000000..f371936 --- /dev/null +++ b/includes/js/dijit/themes/soria/ProgressBar.css.commented.css @@ -0,0 +1,33 @@ + +/**** + dijit.ProgressBar + ****/ + +.soria .dijitProgressBar { + margin:2px 0px 2px 0px; +} + +.soria .dijitProgressBarEmpty{ + /* outer container and background of the bar that's not finished yet*/ + background:#fff url("images/progressBarEmpty.png") repeat-x center center; + border-color: #8ba0bd; +} + +.soria .dijitProgressBarTile{ + /* inner container for finished portion when in 'tile' (image) mode */ + background:#f0f0f0 url("images/progressBarFull.png") repeat-x center center; +} + +.soria .dijitProgressBarFull { + border-right:1px solid #8ba0bd; +} + +.soria .dijitProgressBarLabel { + /* Set to a color that contrasts with both the "Empty" and "Full" parts. */ + color:#293a4b; +} + +.soria .dijitProgressBarIndeterminate .dijitProgressBarTile { + /* use an animated gif for the progress bar in 'indeterminate' mode */ + background:#cad2de url("images/progressBarAnim.gif") repeat-x center center; +} diff --git a/includes/js/dijit/themes/soria/TitlePane.css b/includes/js/dijit/themes/soria/TitlePane.css new file mode 100644 index 0000000..c37e7e2 --- /dev/null +++ b/includes/js/dijit/themes/soria/TitlePane.css @@ -0,0 +1,64 @@ + + +.soria .dijitTitlePane .dijitTitlePaneTitle { + background: #cccccc; + background:#fff url("images/titleBar.png") repeat-x top left; + border:1px solid #bfbfbf; + padding:4px 4px 2px 4px; + cursor: pointer; + font-size: 0.9em; + font-weight: bold; + color: #6d6d6d; +} +.soria .dijitTitlePane .dijitArrowNode { + width:15px; + height:15px; + float:right; + margin-top: -2px; +} +.soria .dijitTitlePaneFocused .dijitTitlePaneTextNode { + color: #243C5F; +} +.soria .dijitOpen .dijitTitlePaneTextNode { + color: #243C5F; +} +.soria .dijitTitlePane .dijitClosed .dijitArrowNode { + background: url('images/spriteRoundedIconsSmall.png') no-repeat top left; +} +.dj_ie6 .soria .dijitTitlePane .dijitClosed .dijitArrowNode { + background:url('images/spriteRoundedIconsSmall.gif') no-repeat top left; +} +.soria .dijitTitlePane .dijitOpen .dijitArrowNode { + background:url('images/spriteRoundedIconsSmall.png') no-repeat -15px top; +} +.dj_ie6 .soria .dijitTitlePane .dijitOpen .dijitArrowNode { + background:url('images/spriteRoundedIconsSmall.gif') no-repeat -15px top; +} +.soria .dijitTitlePane .dijitArrowNodeInner { + visibility:hidden; +} +.dijit_a11y .dijitTitlePane .dijitArrowNodeInner { + visibility:visible; +} +.soria .dijitTitlePaneTitle .dijitOpenCloseArrowOuter { + margin-right:5px; +} +.soria .dijitOpen .dijitTitlePaneTitle .dijitOpenCloseArrowOuter { + position:relative; + top:2px; +} +.soria .dijitTitlePaneContentOuter { + background: #ffffff; + border:1px solid #bfbfbf; + border-top: 0px solid #3d3d3d; +} +.soria .dijitTitlePaneContentInner { + padding:10px; +} +.dj_ie6 .soria .dijitTitlePaneContentOuter, +.dj_ie6 .soria .dijitTitlePane .dijitTitlePaneTitle { + zoom: 1; +} +.soria .dijitClickableRegion { + background-color : #ffc !important; +} diff --git a/includes/js/dijit/themes/soria/TitlePane.css.commented.css b/includes/js/dijit/themes/soria/TitlePane.css.commented.css new file mode 100644 index 0000000..62e43b3 --- /dev/null +++ b/includes/js/dijit/themes/soria/TitlePane.css.commented.css @@ -0,0 +1,77 @@ +/** + * dijit.layout.TitlePane + * + */ + +.soria .dijitTitlePane .dijitTitlePaneTitle { + background: #cccccc; + background:#fff url("images/titleBar.png") repeat-x top left; + border:1px solid #bfbfbf; + padding:4px 4px 2px 4px; + cursor: pointer; + font-size: 0.9em; + font-weight: bold; + color: #6d6d6d; +} + +/* TODO: merge these, and all other icons to a series of background-image:() and background-position: -16*n px styles */ +.soria .dijitTitlePane .dijitArrowNode { + width:15px; + height:15px; + float:right; + margin-top: -2px; +} + +.soria .dijitTitlePaneFocused .dijitTitlePaneTextNode { + color: #243C5F; +} + + +.soria .dijitOpen .dijitTitlePaneTextNode { + color: #243C5F; +} + +.soria .dijitTitlePane .dijitClosed .dijitArrowNode { + background: url('images/spriteRoundedIconsSmall.png') no-repeat top left; +} +.dj_ie6 .soria .dijitTitlePane .dijitClosed .dijitArrowNode { + background:url('images/spriteRoundedIconsSmall.gif') no-repeat top left; +} +.soria .dijitTitlePane .dijitOpen .dijitArrowNode { + background:url('images/spriteRoundedIconsSmall.png') no-repeat -15px top; +} +.dj_ie6 .soria .dijitTitlePane .dijitOpen .dijitArrowNode { + background:url('images/spriteRoundedIconsSmall.gif') no-repeat -15px top; +} +.soria .dijitTitlePane .dijitArrowNodeInner { + visibility:hidden; +} +.dijit_a11y .dijitTitlePane .dijitArrowNodeInner { + visibility:visible; +} + +.soria .dijitTitlePaneTitle .dijitOpenCloseArrowOuter { + margin-right:5px; +} + +.soria .dijitOpen .dijitTitlePaneTitle .dijitOpenCloseArrowOuter { + position:relative; + top:2px; +} + +.soria .dijitTitlePaneContentOuter { + background: #ffffff; + border:1px solid #bfbfbf; + border-top: 0px solid #3d3d3d; /* w/out this, an <h1> on the top line causes a gap between the .content and .label */ +} +.soria .dijitTitlePaneContentInner { + padding:10px; +} +/* force hasLayout to ensure borders etc, show up */ +.dj_ie6 .soria .dijitTitlePaneContentOuter, +.dj_ie6 .soria .dijitTitlePane .dijitTitlePaneTitle { + zoom: 1; +} +.soria .dijitClickableRegion { + background-color : #ffc !important; +} diff --git a/includes/js/dijit/themes/soria/TitlePane_rtl.css b/includes/js/dijit/themes/soria/TitlePane_rtl.css new file mode 100644 index 0000000..6a3b2cd --- /dev/null +++ b/includes/js/dijit/themes/soria/TitlePane_rtl.css @@ -0,0 +1,6 @@ +.dijitRtl .dijitTitlePane .dijitClosed .dijitArrowNode { + background-position: -30px top; +} +.dj_ie6 .dijitRtl .dijitTitlePane .dijitClosed .dijitArrowNode { + background-position: -30px top; +} diff --git a/includes/js/dijit/themes/soria/TitlePane_rtl.css.commented.css b/includes/js/dijit/themes/soria/TitlePane_rtl.css.commented.css new file mode 100644 index 0000000..6a3b2cd --- /dev/null +++ b/includes/js/dijit/themes/soria/TitlePane_rtl.css.commented.css @@ -0,0 +1,6 @@ +.dijitRtl .dijitTitlePane .dijitClosed .dijitArrowNode { + background-position: -30px top; +} +.dj_ie6 .dijitRtl .dijitTitlePane .dijitClosed .dijitArrowNode { + background-position: -30px top; +} diff --git a/includes/js/dijit/themes/soria/Toolbar.css b/includes/js/dijit/themes/soria/Toolbar.css new file mode 100644 index 0000000..58ae9c9 --- /dev/null +++ b/includes/js/dijit/themes/soria/Toolbar.css @@ -0,0 +1,83 @@ +.soria .dijitToolbar { + padding: 3px 0 1px 3px; + border-bottom: 1px solid #ccc; + background:#eaeaea url("images/titleBar.png") repeat-x top left; +} +.soria .dijitToolbar .dijitButtonNode { + background: none; + margin: 0px !important; + padding: 0px !important; + border: none; + font-size: 12px; +} +.soria .dijitToolbar .dijitButton, +.soria .dijitToolbar .dijitToggleButton, +.soria .dijitToolbar .dijitDropDownButton { + background: none; + margin: 1px; + padding: 0px; + border: 1px solid transparent; +} +.soria .dijitToolbar .dijitButtonChecked, +.soria .dijitToolbar .dijitToggleButtonChecked { + background-color:#d8e5f8; + border:1px solid #316ac5; + margin: 1px !important; + padding: 0px !important; +} +.soria .dijitToolbar .dijitButtonCheckedHover, +.soria .dijitToolbar .dijitToggleButtonCheckedHover + { + background-color:#9abbea; + border:1px solid #316ac5; + margin: 1px !important; + padding: 0px !important; +} +.soria .dijitToolbar .dijitButtonHover, +.soria .dijitToolbar .dijitToggleButtonHover, +.soria .dijitToolbar .dijitDropDownButtonHover { + + border: 1px solid #316ac5; + background-color:#9abbea; +} +.soria .dijitToolbar label { + padding: 3px 3px 0 6px; +} +.dj_ie .soria .dijitToolbar .dijitComboButton .dijitButtonContentsFocused, +.dj_ie .soria .dijitToolbar .dijitComboButton .dijitDownArrowButtonFocused, +.dj_ff2 .soria.dijitToolbar .dijitComboButton .dijitButtonContentsFocused, +.dj_ff2 .soria .dijitToolbar .dijitComboButton .dijitDownArrowButtonFocused { + border: 1px black dotted !important; +} +.dj_ie6 .soria .dijitToolbar .dijitButton, +.dj_ie6 .soria .dijitToolbar .dijitToggleButton, +.dj_ie6 .soria .dijitToolbar .dijitDropDownButton { + + margin: 2px; + padding: 0px 2px; + border: 0px; +} +.dj_ie6 .soria .dijitToolbar .dijitButtonChecked, +.dj_ie6 .soria .dijitToolbar .dijitToggleButtonChecked, +.dj_ie6 .soria .dijitToolbar .dijitDropDownButtonChecked { + background-color:#d8e5f8; + border:1px solid #316ac5; + margin: 1px !important; + padding: 0px 2px !important; +} +.dj_ie6 .soria .dijitToolbar .dijitButtonCheckedHover, +.dj_ie6 .soria .dijitToolbar .dijitToggleButtonCheckedHover, +.dj_ie6 .soria .dijitToolbar .dijitDropDownButtonCheckedHover { + background-color:#9abbea; + border:1px solid #316ac5; + margin: 1px !important; + padding: 0px 2px !important; +} +.dj_ie6 .soria .dijitToolbar .dijitButtonHover, +.dj_ie6 .soria .dijitToolbar .dijitToggleButtonHover, +.dj_ie6 .soria .dijitToolbar .dijitDropDownButtonHover { + background-color:#9abbea; + border:1px solid #316ac5; + margin: 1px !important; + padding: 0px 2px !important; +} diff --git a/includes/js/dijit/themes/soria/Toolbar.css.commented.css b/includes/js/dijit/themes/soria/Toolbar.css.commented.css new file mode 100644 index 0000000..c8a070a --- /dev/null +++ b/includes/js/dijit/themes/soria/Toolbar.css.commented.css @@ -0,0 +1,95 @@ +.soria .dijitToolbar { + padding: 3px 0 1px 3px; + border-bottom: 1px solid #ccc; + background:#eaeaea url("images/titleBar.png") repeat-x top left; +} + +.soria .dijitToolbar .dijitButtonNode { + background: none; + margin: 0px !important; + padding: 0px !important; + border: none; + font-size: 12px; +} + +.soria .dijitToolbar .dijitButton, +.soria .dijitToolbar .dijitToggleButton, +.soria .dijitToolbar .dijitDropDownButton { + background: none; + margin: 1px; + padding: 0px; + border: 1px solid transparent; +} + +.soria .dijitToolbar .dijitButtonChecked, +.soria .dijitToolbar .dijitToggleButtonChecked { + background-color:#d8e5f8; + border:1px solid #316ac5; + margin: 1px !important; + padding: 0px !important; +} + +.soria .dijitToolbar .dijitButtonCheckedHover, +.soria .dijitToolbar .dijitToggleButtonCheckedHover + { + background-color:#9abbea; + border:1px solid #316ac5; + margin: 1px !important; + padding: 0px !important; +} + +.soria .dijitToolbar .dijitButtonHover, +.soria .dijitToolbar .dijitToggleButtonHover, +.soria .dijitToolbar .dijitDropDownButtonHover { + /* TODO: change this from Hover to Selected so that button is still highlighted while drop down is being used */ + border: 1px solid #316ac5; + background-color:#9abbea; +} + +.soria .dijitToolbar label { + padding: 3px 3px 0 6px; +} + +.dj_ie .soria .dijitToolbar .dijitComboButton .dijitButtonContentsFocused, +.dj_ie .soria .dijitToolbar .dijitComboButton .dijitDownArrowButtonFocused, +.dj_ff2 .soria.dijitToolbar .dijitComboButton .dijitButtonContentsFocused, +.dj_ff2 .soria .dijitToolbar .dijitComboButton .dijitDownArrowButtonFocused { + border: 1px black dotted !important; +} + +/* IE6 specific rules */ +.dj_ie6 .soria .dijitToolbar .dijitButton, +.dj_ie6 .soria .dijitToolbar .dijitToggleButton, +.dj_ie6 .soria .dijitToolbar .dijitDropDownButton { + /* workaround no transparent border support in IE6 */ + margin: 2px; + padding: 0px 2px; + border: 0px; +} + +.dj_ie6 .soria .dijitToolbar .dijitButtonChecked, +.dj_ie6 .soria .dijitToolbar .dijitToggleButtonChecked, +.dj_ie6 .soria .dijitToolbar .dijitDropDownButtonChecked { + background-color:#d8e5f8; + border:1px solid #316ac5; + margin: 1px !important; + padding: 0px 2px !important; +} + +.dj_ie6 .soria .dijitToolbar .dijitButtonCheckedHover, +.dj_ie6 .soria .dijitToolbar .dijitToggleButtonCheckedHover, +.dj_ie6 .soria .dijitToolbar .dijitDropDownButtonCheckedHover { + background-color:#9abbea; + border:1px solid #316ac5; + margin: 1px !important; + padding: 0px 2px !important; +} + +.dj_ie6 .soria .dijitToolbar .dijitButtonHover, +.dj_ie6 .soria .dijitToolbar .dijitToggleButtonHover, +.dj_ie6 .soria .dijitToolbar .dijitDropDownButtonHover { + background-color:#9abbea; + border:1px solid #316ac5; + margin: 1px !important; + padding: 0px 2px !important; +} diff --git a/includes/js/dijit/themes/soria/Tree.css b/includes/js/dijit/themes/soria/Tree.css new file mode 100644 index 0000000..23491bc --- /dev/null +++ b/includes/js/dijit/themes/soria/Tree.css @@ -0,0 +1,68 @@ + +.soria .dijitTreeNode { + background : url('images/treeI.gif') no-repeat; + background-position : top left; + background-repeat : repeat-y; + margin-left: 19px; + zoom: 1; +} +.soria .dijitTreeIsLast { + background: url('images/treeI_half.gif') no-repeat; +} +.soria .dijitTreeLabel { + font-weight: normal; + margin-left: 3px; +} +.soria .dijitTreeIsRoot { + margin-left: 0; + background-image: none; +} +.soria .dijitTreeExpando { + width: 18px; + height: 18px; +} +.soria .dijitTreeContent { + min-height: 18px; + min-width: 18px; + margin-left:18px; + padding-top:3px; + padding-left:1px; +} +.soria .dijitTreeExpand { + width: 18px; + height: 18px; + background-repeat : no-repeat; +} +.soria .dijitTreeNodeEmphasized { + background-color: Highlight; + color: HighlightText; +} +.soria .dijitTreeLabelFocused { + outline: 1px invert dotted; + background:#dde7f2; +} +.soria .dijitTreeExpandoOpened { + background: url('images/spriteTree.gif') no-repeat -18px top; +} +.soria .dijitTreeExpandoClosed { + background-image: url('images/spriteTree.gif'); +} +.soria .dijitTreeExpandoLeaf { + background: url('images/spriteTree.gif') no-repeat -36px top; +} +.soria .dijitTreeExpandoLoading { + background-image: url('images/treeExpand_loading.gif'); +} +.soria .dijitTreeIcon { + width: 16px; + height: 16px; +} +.soria .dijitFolderOpened { + background: url('images/spriteDivIcons.gif') no-repeat -16px top; +} +.soria .dijitFolderClosed { + background: url('images/spriteDivIcons.gif') no-repeat top left; +} +.soria .dijitLeaf { + background: url('images/spriteDivIcons.gif') no-repeat -32px top; +} diff --git a/includes/js/dijit/themes/soria/Tree.css.commented.css b/includes/js/dijit/themes/soria/Tree.css.commented.css new file mode 100644 index 0000000..55da526 --- /dev/null +++ b/includes/js/dijit/themes/soria/Tree.css.commented.css @@ -0,0 +1,90 @@ + +/* Tree */ + +.soria .dijitTreeNode { + background : url('images/treeI.gif') no-repeat; + background-position : top left; + background-repeat : repeat-y; + margin-left: 19px; + zoom: 1; /* MOW: what the heck is this doing in here? */ +} + +/* left vertical line (grid) for all nodes */ +.soria .dijitTreeIsLast { + background: url('images/treeI_half.gif') no-repeat; +} + +.soria .dijitTreeLabel { + font-weight: normal; + margin-left: 3px; +} + +.soria .dijitTreeIsRoot { + margin-left: 0; + background-image: none; +} + +.soria .dijitTreeExpando { + width: 18px; + height: 18px; +} + +.soria .dijitTreeContent { + min-height: 18px; + min-width: 18px; + margin-left:18px; + padding-top:3px; + padding-left:1px; +} + + +.soria .dijitTreeExpand { + width: 18px; + height: 18px; + background-repeat : no-repeat; +} + +/* same style as IE selection */ +.soria .dijitTreeNodeEmphasized { + background-color: Highlight; + color: HighlightText; +} + +/* don't use :focus due to opera and IE's lack of support on div's */ +.soria .dijitTreeLabelFocused { + outline: 1px invert dotted; + background:#dde7f2; +} + +.soria .dijitTreeExpandoOpened { + background: url('images/spriteTree.gif') no-repeat -18px top; +} + +.soria .dijitTreeExpandoClosed { + background-image: url('images/spriteTree.gif'); +} + +.soria .dijitTreeExpandoLeaf { + background: url('images/spriteTree.gif') no-repeat -36px top; +} + +.soria .dijitTreeExpandoLoading { + background-image: url('images/treeExpand_loading.gif'); +} + +.soria .dijitTreeIcon { + width: 16px; + height: 16px; +} + +.soria .dijitFolderOpened { + background: url('images/spriteDivIcons.gif') no-repeat -16px top; +} + +.soria .dijitFolderClosed { + background: url('images/spriteDivIcons.gif') no-repeat top left; +} + +.soria .dijitLeaf { + background: url('images/spriteDivIcons.gif') no-repeat -32px top; +} diff --git a/includes/js/dijit/themes/soria/Tree_rtl.css b/includes/js/dijit/themes/soria/Tree_rtl.css new file mode 100644 index 0000000..5734d9f --- /dev/null +++ b/includes/js/dijit/themes/soria/Tree_rtl.css @@ -0,0 +1,30 @@ + +.dijitRtl .dijitTreeContainer .dijitTreeNode { + background-image : url('images/treeI_rtl.gif'); + background-position : top right; + margin-left: auto; + margin-right: 19px; +} +.dijitRtl .dijitTreeContainer .dijitTreeIsRoot { + margin-left: auto; + margin-right: 0; + background-image: none; +} +.dijitRtl .dijitTreeContainer .dijitTreeIsLast { + background-image: url('images/treeI_half_rtl.gif'); +} +.dijitRtl .dijitTreeContainer .dijitTreeContent { + margin-left: auto; + margin-right: 18px; + padding-left: auto; + padding-right: 1px; +} +.dijitRtl .dijitTreeContainer .dijitTreeExpandoOpened { + background: url('images/spriteTree_rtl.gif') no-repeat -18px top; +} +.dijitRtl .dijitTreeContainer .dijitTreeExpandoClosed { + background-image: url('images/spriteTree_rtl.gif'); +} +.dijitRtl .dijitTreeContainer .dijitTreeExpandoLeaf { + background: url('images/spriteTree_rtl.gif') no-repeat -36px top; +} diff --git a/includes/js/dijit/themes/soria/Tree_rtl.css.commented.css b/includes/js/dijit/themes/soria/Tree_rtl.css.commented.css new file mode 100644 index 0000000..1fa4e00 --- /dev/null +++ b/includes/js/dijit/themes/soria/Tree_rtl.css.commented.css @@ -0,0 +1,38 @@ + + +/* Tree */ +.dijitRtl .dijitTreeContainer .dijitTreeNode { + background-image : url('images/treeI_rtl.gif'); + background-position : top right; + margin-left: auto; + margin-right: 19px; +} + +.dijitRtl .dijitTreeContainer .dijitTreeIsRoot { + margin-left: auto; + margin-right: 0; + background-image: none; +} + +.dijitRtl .dijitTreeContainer .dijitTreeIsLast { + background-image: url('images/treeI_half_rtl.gif'); +} + +.dijitRtl .dijitTreeContainer .dijitTreeContent { + margin-left: auto; + margin-right: 18px; + padding-left: auto; + padding-right: 1px; +} + +.dijitRtl .dijitTreeContainer .dijitTreeExpandoOpened { + background: url('images/spriteTree_rtl.gif') no-repeat -18px top; +} + +.dijitRtl .dijitTreeContainer .dijitTreeExpandoClosed { + background-image: url('images/spriteTree_rtl.gif'); +} + +.dijitRtl .dijitTreeContainer .dijitTreeExpandoLeaf { + background: url('images/spriteTree_rtl.gif') no-repeat -36px top; +} diff --git a/includes/js/dijit/themes/soria/form/Button.css b/includes/js/dijit/themes/soria/form/Button.css new file mode 100644 index 0000000..ba7a81a --- /dev/null +++ b/includes/js/dijit/themes/soria/form/Button.css @@ -0,0 +1,90 @@ + +.soria .dijitButtonNode { + + + border:1px solid #8ba0bd; + border-bottom:1px solid #657c9c; + border-right:1px solid #657c9c; + padding: 0.2em; + background:#bcd5f0 url("../images/buttonEnabled.png") repeat-x top left; +} +.dj_ie .soria .dijitButtonNode { + zoom: 1; +} +.soria .dijitButtonText { + padding: 0 0.3em; +} +.soria .dijitComboBox .dijitButtonNode { + border-width: 0px 0px 0px 1px; +} +.soria .dijitArrowButton { + color: #111; +} +.soria .dijitComboButton .dijitDownArrowButton { + padding-right:4px; +} +.dj_ff2 .soria .dijitComboButton .dijitButtonContentsFocused, +.dj_ff2 .soria .dijitComboButton .dijitDownArrowButtonFocused { + border: 1px black dotted !important; +} +.soria .dijitButtonDisabled .dijitButtonNode, +.soria .dijitToggleButtonDisabled .dijitButtonNode, +.soria .dijitDropDownButtonDisabled .dijitButtonNode, +.soria .dijitComboButtonDisabled .dijitButtonNode, +.soria .dijitComboBoxDisabled, +.soria .dijitSpinnerDisabled, +.soria .dijitSpinnerDisabled .dijitButtonNode { + + border-color: #b9bbdd #b9bbdd #b9bbdd #b9bbdd; + + background:#c3d3e5 url("../images/buttonDisabled.png") top repeat-x; + opacity: 0.60; +} +.dj_ie .soria .dijitButtonDisabled .dijitButtonNode *, +.dj_ie .soria .dijitToggleButtonDisabled .dijitButtonNode *, +.dj_ie .soria .dijitDropDownButtonDisabled .dijitButtonNode *, +.dj_ie .soria .dijitComboButtonDisabled .dijitButtonNode *, +.dj_ie .soria .dijitSpinnerDisabled .dijitButtonNode * { + filter: gray() alpha(opacity=50); +} +.soria .dijitButtonHover .dijitButtonNode, +.soria .dijitToggleButtonHover .dijitButtonNode, +.soria .dijitDropDownButtonHover .dijitButtonNode, +.soria .dijitComboButtonHover .dijitButtonContents, +.soria .dijitComboButtonDownArrowHover .dijitDownArrowButton, +.soria .dijitComboBoxHover .dijitDownArrowButton, +.soria .dijitSpinnerUpArrowHover .dijitUpArrowButton, +.soria .dijitSpinnerDownArrowHover .dijitDownArrowButton { + + + color:#000; + background:#acc5e2 url("../images/buttonHover.png") repeat-x top left; +} +.soria .dijitSpinnerUpArrowActive .dijitUpArrowButton, +.soria .dijitSpinnerDownArrowActive .dijitDownArrowButton, +.soria .dijitButtonActive .dijitButtonNode, +.soria .dijitToggleButtonActive .dijitButtonNode, +.soria .dijitDropDownButtonActive .dijitButtonNode, +.soria .dijitComboButtonActive .dijitButtonContents, +.soria .dijitDownArrowActive .dijitDownArrowButton, +.soria .dijitComboBoxActive .dijitDownArrowButton { + + border-color:#657c9c; + background: #91b4e5 url("../images/buttonActive.png") top left repeat-x; +} +.soria .dijitArrowButtonInner { + background:url("../images/spriteArrows.png") no-repeat left top; + width: 11px; +} +.soria .dijitUpArrowButton .dijitArrowButtonInner { + background:url("../images/spriteArrows.png") no-repeat -22px top; + width: 11px; +} +.dj_ie6 .soria .dijitArrowButtonInner { + background:url("../images/spriteArrows.gif") no-repeat left top; + width: 11px; +} +.dj_ie6 .soria .dijitUpArrowButton .dijitArrowButtonInner { + background:url("../images/spriteArrows.gif") no-repeat -22px top; + width: 11px; +} diff --git a/includes/js/dijit/themes/soria/form/Button.css.commented.css b/includes/js/dijit/themes/soria/form/Button.css.commented.css new file mode 100644 index 0000000..652dfaa --- /dev/null +++ b/includes/js/dijit/themes/soria/form/Button.css.commented.css @@ -0,0 +1,109 @@ + +/***** + dijit.form.Button + dijit.form.DropDownButton + dijit.form.ComboButton + dijit.form.ComboBox (partial) + *****/ + +.soria .dijitButtonNode { + /* enabled state - inner */ + /* border:1px outset #a0a0a0; */ + border:1px solid #8ba0bd; + border-bottom:1px solid #657c9c; + border-right:1px solid #657c9c; + padding: 0.2em; + background:#bcd5f0 url("../images/buttonEnabled.png") repeat-x top left; +} +.dj_ie .soria .dijitButtonNode { + zoom: 1; +} + +.soria .dijitButtonText { + padding: 0 0.3em; +} + +.soria .dijitComboBox .dijitButtonNode { + border-width: 0px 0px 0px 1px; +} + +.soria .dijitArrowButton { + color: #111; +} + +.soria .dijitComboButton .dijitDownArrowButton { + padding-right:4px; +} + +.dj_ff2 .soria .dijitComboButton .dijitButtonContentsFocused, +.dj_ff2 .soria .dijitComboButton .dijitDownArrowButtonFocused { + border: 1px black dotted !important; +} + +.soria .dijitButtonDisabled .dijitButtonNode, +.soria .dijitToggleButtonDisabled .dijitButtonNode, +.soria .dijitDropDownButtonDisabled .dijitButtonNode, +.soria .dijitComboButtonDisabled .dijitButtonNode, +.soria .dijitComboBoxDisabled, +.soria .dijitSpinnerDisabled, +.soria .dijitSpinnerDisabled .dijitButtonNode { + /* disabled state - inner */ + border-color: #b9bbdd #b9bbdd #b9bbdd #b9bbdd; + /*color:#b4b4b4;*/ + background:#c3d3e5 url("../images/buttonDisabled.png") top repeat-x; + opacity: 0.60; /* Safari, Opera and Mozilla */ +} +.dj_ie .soria .dijitButtonDisabled .dijitButtonNode *, +.dj_ie .soria .dijitToggleButtonDisabled .dijitButtonNode *, +.dj_ie .soria .dijitDropDownButtonDisabled .dijitButtonNode *, +.dj_ie .soria .dijitComboButtonDisabled .dijitButtonNode *, +.dj_ie .soria .dijitSpinnerDisabled .dijitButtonNode * { + filter: gray() alpha(opacity=50); /* IE */ +} + +.soria .dijitButtonHover .dijitButtonNode, +.soria .dijitToggleButtonHover .dijitButtonNode, +.soria .dijitDropDownButtonHover .dijitButtonNode, +.soria .dijitComboButtonHover .dijitButtonContents, +.soria .dijitComboButtonDownArrowHover .dijitDownArrowButton, +.soria .dijitComboBoxHover .dijitDownArrowButton, +.soria .dijitSpinnerUpArrowHover .dijitUpArrowButton, +.soria .dijitSpinnerDownArrowHover .dijitDownArrowButton { + /* hover state - inner */ + /* TODO: change from Hover to Selected so that button is still highlighted while drop down is being used */ + color:#000; + background:#acc5e2 url("../images/buttonHover.png") repeat-x top left; +} + +.soria .dijitSpinnerUpArrowActive .dijitUpArrowButton, +.soria .dijitSpinnerDownArrowActive .dijitDownArrowButton, +.soria .dijitButtonActive .dijitButtonNode, +.soria .dijitToggleButtonActive .dijitButtonNode, +.soria .dijitDropDownButtonActive .dijitButtonNode, +.soria .dijitComboButtonActive .dijitButtonContents, +.soria .dijitDownArrowActive .dijitDownArrowButton, +.soria .dijitComboBoxActive .dijitDownArrowButton { + /* active state - inner (for when you are pressing a normal button, or + * when a toggle button is in a depressed state + */ + border-color:#657c9c; + background: #91b4e5 url("../images/buttonActive.png") top left repeat-x; +} + + +.soria .dijitArrowButtonInner { + background:url("../images/spriteArrows.png") no-repeat left top; + width: 11px; +} +.soria .dijitUpArrowButton .dijitArrowButtonInner { + background:url("../images/spriteArrows.png") no-repeat -22px top; + width: 11px; +} +.dj_ie6 .soria .dijitArrowButtonInner { + background:url("../images/spriteArrows.gif") no-repeat left top; + width: 11px; +} +.dj_ie6 .soria .dijitUpArrowButton .dijitArrowButtonInner { + background:url("../images/spriteArrows.gif") no-repeat -22px top; + width: 11px; +} diff --git a/includes/js/dijit/themes/soria/form/Button_rtl.css b/includes/js/dijit/themes/soria/form/Button_rtl.css new file mode 100644 index 0000000..fd92f00 --- /dev/null +++ b/includes/js/dijit/themes/soria/form/Button_rtl.css @@ -0,0 +1,3 @@ +.dijitRtl .dijitComboBox .dijitButtonNode { + border-width: 0px 0px 0px 1px; +} diff --git a/includes/js/dijit/themes/soria/form/Button_rtl.css.commented.css b/includes/js/dijit/themes/soria/form/Button_rtl.css.commented.css new file mode 100644 index 0000000..fd92f00 --- /dev/null +++ b/includes/js/dijit/themes/soria/form/Button_rtl.css.commented.css @@ -0,0 +1,3 @@ +.dijitRtl .dijitComboBox .dijitButtonNode { + border-width: 0px 0px 0px 1px; +} diff --git a/includes/js/dijit/themes/soria/form/Checkbox.css b/includes/js/dijit/themes/soria/form/Checkbox.css new file mode 100644 index 0000000..18a1e36 --- /dev/null +++ b/includes/js/dijit/themes/soria/form/Checkbox.css @@ -0,0 +1,42 @@ + +.soria .dijitToggleButton .dijitCheckBox, +.soria .dijitToggleButton .dijitCheckBoxIcon { + background-image: url('../images/spriteCheckbox.gif'); +} +.soria .dijitCheckBox, +.soria .dijitCheckBoxIcon { + background-image: url('../images/spriteCheckbox.gif'); + background-repeat: no-repeat; + width: 16px; + height: 16px; + margin: 0; + padding: 0; +} +.soria .dijitCheckBox, +.soria .dijitToggleButton .dijitCheckBoxIcon { + + background-position: -16px; +} +.soria .dijitCheckBoxChecked, +.soria .dijitToggleButtonChecked .dijitCheckBoxIcon { + + background-position: 0px; +} +.soria .dijitCheckBoxDisabled { + + background-position: -48px; +} +.soria .dijitCheckBoxCheckedDisabled { + + background-position: -32px; +} +.soria .dijitCheckBoxHover, +.soria .dijitCheckBoxFocused { + + background-position: -80px; +} +.soria .dijitCheckBoxCheckedHover, + .soria .dijitCheckBoxCheckedFocused { + + background-position: -64px; +} diff --git a/includes/js/dijit/themes/soria/form/Checkbox.css.commented.css b/includes/js/dijit/themes/soria/form/Checkbox.css.commented.css new file mode 100644 index 0000000..afa18ba --- /dev/null +++ b/includes/js/dijit/themes/soria/form/Checkbox.css.commented.css @@ -0,0 +1,69 @@ + +/* + * CheckBox and Radio Widgets, + * and the CSS to embed a checkbox or radio icon inside a ToggleButton. + * + * Order of images in the default sprite (from L to R, checkbox and radio in same image): + * checkbox normal - checked + * - unchecked + * disabled - checked + * - unchecked + * hover - checked + * - unchecked + * + * radio normal - checked + * - unchecked + * disabled - checked + * - unchecked + * hover - checked + * - unchecked +*/ + +.soria .dijitToggleButton .dijitCheckBox, +.soria .dijitToggleButton .dijitCheckBoxIcon { + background-image: url('../images/spriteCheckbox.gif'); +} + +.soria .dijitCheckBox, +.soria .dijitCheckBoxIcon { /* inside a toggle button */ + background-image: url('../images/spriteCheckbox.gif'); /* checkbox sprite image */ + background-repeat: no-repeat; + width: 16px; + height: 16px; + margin: 0; + padding: 0; +} + +.soria .dijitCheckBox, +.soria .dijitToggleButton .dijitCheckBoxIcon { + /* unchecked */ + background-position: -16px; +} + +.soria .dijitCheckBoxChecked, +.soria .dijitToggleButtonChecked .dijitCheckBoxIcon { + /* checked */ + background-position: 0px; +} + +.soria .dijitCheckBoxDisabled { + /* disabled */ + background-position: -48px; +} + +.soria .dijitCheckBoxCheckedDisabled { + /* disabled but checked */ + background-position: -32px; +} + +.soria .dijitCheckBoxHover, +.soria .dijitCheckBoxFocused { + /* hovering over an unchecked enabled checkbox */ + background-position: -80px; +} + +.soria .dijitCheckBoxCheckedHover, + .soria .dijitCheckBoxCheckedFocused { + /* hovering over a checked enabled checkbox */ + background-position: -64px; +} diff --git a/includes/js/dijit/themes/soria/form/ComboBox.css b/includes/js/dijit/themes/soria/form/ComboBox.css new file mode 100644 index 0000000..6cdbf29 --- /dev/null +++ b/includes/js/dijit/themes/soria/form/ComboBox.css @@ -0,0 +1,7 @@ +.soria .dijitComboBox .dijitArrowButton .dijitArrowButtonInner { + background:url("../images/spriteArrows.png") no-repeat left center; + width: 11px; +} +.soria .dijitComboBoxHover .dijitArrowButtonInner { + +} diff --git a/includes/js/dijit/themes/soria/form/ComboBox.css.commented.css b/includes/js/dijit/themes/soria/form/ComboBox.css.commented.css new file mode 100644 index 0000000..b4f1439 --- /dev/null +++ b/includes/js/dijit/themes/soria/form/ComboBox.css.commented.css @@ -0,0 +1,7 @@ +.soria .dijitComboBox .dijitArrowButton .dijitArrowButtonInner { + background:url("../images/spriteArrows.png") no-repeat left center; + width: 11px; +} +.soria .dijitComboBoxHover .dijitArrowButtonInner { + /* TODO: url("images/arrowDownHover.png") but in IE6 it flickers some? */ +} diff --git a/includes/js/dijit/themes/soria/form/Common.css b/includes/js/dijit/themes/soria/form/Common.css new file mode 100644 index 0000000..8d71cdb --- /dev/null +++ b/includes/js/dijit/themes/soria/form/Common.css @@ -0,0 +1,61 @@ + +.soria .dijitInputField INPUT, +.soria .dijitTextBox, +.soria .dijitComboBox, +.soria .dijitSpinner { + margin: 0em 0.1em; +} +.soria .dijitTextBox, +.soria .dijitComboBox, +.soria .dijitSpinner, +.soria .dijitInlineEditor input, +.soria .dijitTextArea { + + background:#fff url("../images/validationInputBg.png") repeat-x top left; + #background:#fff url('../images/validationInputBg.gif') repeat-x top left; + border:1px solid #8ba0bd; + line-height: normal; +} +.soria .dijitComboBox .dijitButtonNode { + padding: 0 0.2em; +} +.soria .dijitComboBox .dijitButtonNode, +.soria .dijitSpinner .dijitButtonNode { + + border-color: #8ba0bd; + border-left: 1px solid #8ba0bd; +} +.soria .dijitTextBoxFocused, +.soria .dijitComboBoxFocused, +.soria .dijitSpinnerFocused { + + border-color:#406b9b; +} +.soria .dijitComboBoxFocused .dijitButtonNode, .soria .dijitSpinnerFocused .dijitButtonNode { + border-left-color:#8ba0bd; +} +.soria .dijitSpinnerFocused .dijitDownArrowButton { + border-top-color:#8ba0bd; +} +.soria .dijitError { + border-color:#f3d118; + background-color:#f9f7ba; + background-image:none; +} +.dj_ie6 .soria .dijitError INPUT { + + background-color:#f9f7ba !important; +} +.soria .dijitErrorFocused { + background-color:#ff6; + background-image:none; +} +.dj_ie6 .soria .dijitErrorFocused INPUT { + + background-color:#ff6 !important; +} +.soria .dijitValidationIcon { + + width: 16px; + background: transparent url('../images/warning.png') no-repeat center center; +} diff --git a/includes/js/dijit/themes/soria/form/Common.css.commented.css b/includes/js/dijit/themes/soria/form/Common.css.commented.css new file mode 100644 index 0000000..1aaf6a4 --- /dev/null +++ b/includes/js/dijit/themes/soria/form/Common.css.commented.css @@ -0,0 +1,82 @@ + +/**** + dijit.form.TextBox + dijit.form.ValidationTextBox + dijit.form.SerializableTextBox + dijit.form.RangeBoundTextBox + dijit.form.NumberTextBox + dijit.form.CurrencyTextBox + dijit.form.NumberSpinner + dijit.form.ComboBox (partial) + ****/ + +.soria .dijitInputField INPUT, +.soria .dijitTextBox, +.soria .dijitComboBox, +.soria .dijitSpinner { + margin: 0em 0.1em; +} + +.soria .dijitTextBox, +.soria .dijitComboBox, +.soria .dijitSpinner, +.soria .dijitInlineEditor input, +.soria .dijitTextArea { + /* For all except dijit.form.NumberSpinner: the actual input element. + For TextBox, ComboBox, Spinner: the table that contains the input. + Otherwise the actual input element. + */ + background:#fff url("../images/validationInputBg.png") repeat-x top left; + #background:#fff url('../images/validationInputBg.gif') repeat-x top left; + border:1px solid #8ba0bd; + line-height: normal; +} + +.soria .dijitComboBox .dijitButtonNode { + padding: 0 0.2em; +} +.soria .dijitComboBox .dijitButtonNode, +.soria .dijitSpinner .dijitButtonNode { + /* line between the input area and the drop down button */ + border-color: #8ba0bd; + border-left: 1px solid #8ba0bd; +} + +.soria .dijitTextBoxFocused, +.soria .dijitComboBoxFocused, +.soria .dijitSpinnerFocused { + /* input field when focused (ie: typing affects it) */ + border-color:#406b9b; +} +.soria .dijitComboBoxFocused .dijitButtonNode, .soria .dijitSpinnerFocused .dijitButtonNode { + border-left-color:#8ba0bd; +} +.soria .dijitSpinnerFocused .dijitDownArrowButton { + border-top-color:#8ba0bd; +} + +.soria .dijitError { + border-color:#f3d118; + background-color:#f9f7ba; + background-image:none; +} +.dj_ie6 .soria .dijitError INPUT { + /* background-color: transparent on an <input> doesn't work on IE6 */ + background-color:#f9f7ba !important; +} + +.soria .dijitErrorFocused { + background-color:#ff6; + background-image:none; +} +.dj_ie6 .soria .dijitErrorFocused INPUT { + /* background-color: transparent on an <input> doesn't work on IE6 */ + background-color:#ff6 !important; +} + +/* Validation errors */ +.soria .dijitValidationIcon { + /* prevent height change when widget goes from valid to invalid state */ + width: 16px; + background: transparent url('../images/warning.png') no-repeat center center; +} diff --git a/includes/js/dijit/themes/soria/form/Common_rtl.css b/includes/js/dijit/themes/soria/form/Common_rtl.css new file mode 100644 index 0000000..0bced8b --- /dev/null +++ b/includes/js/dijit/themes/soria/form/Common_rtl.css @@ -0,0 +1,7 @@ +.dijitRtl .dijitComboBox .dijitButtonNode, +.dijitRtl .dijitSpinner .dijitButtonNode { + + border-color: #8ba0bd; + border-left: 0px solid #8ba0bd; + border-right: 1px solid #8ba0bd; +} diff --git a/includes/js/dijit/themes/soria/form/Common_rtl.css.commented.css b/includes/js/dijit/themes/soria/form/Common_rtl.css.commented.css new file mode 100644 index 0000000..83f79d2 --- /dev/null +++ b/includes/js/dijit/themes/soria/form/Common_rtl.css.commented.css @@ -0,0 +1,7 @@ +.dijitRtl .dijitComboBox .dijitButtonNode, +.dijitRtl .dijitSpinner .dijitButtonNode { + /* line between the input area and the drop down button */ + border-color: #8ba0bd; + border-left: 0px solid #8ba0bd; + border-right: 1px solid #8ba0bd; +} diff --git a/includes/js/dijit/themes/soria/form/RadioButton.css b/includes/js/dijit/themes/soria/form/RadioButton.css new file mode 100644 index 0000000..6cdcea4 --- /dev/null +++ b/includes/js/dijit/themes/soria/form/RadioButton.css @@ -0,0 +1,42 @@ + +.soria .dijitToggleButton .dijitRadio, +.soria .dijitToggleButton .dijitRadioIcon { + background-image: url('../images/spriteRadio.gif'); +} +.soria .dijitRadio, +.soria .dijitRadioIcon { + background-image: url('../images/spriteRadio.gif'); + background-repeat: no-repeat; + width: 16px; + height: 16px; + margin: 0; + padding: 0; +} +.soria .dijitRadio, +.soria .dijitToggleButton .dijitRadioIcon { + + background-position: -16px; +} +.soria .dijitRadioChecked, +.soria .dijitToggleButtonChecked .dijitRadioIcon { + + background-position: 0px; +} +.soria .dijitRadioCheckedDisabled { + + background-position: -48px; +} +.soria .dijitRadioDisabled { + + background-position: -32px; +} +.soria .dijitRadioHover, +.soria .dijitRadioFocused { + + background-position: -80px; +} +.soria .dijitRadioCheckedHover, +.soria .dijitRadioCheckedFocused { + + background-position: -64px; +} diff --git a/includes/js/dijit/themes/soria/form/RadioButton.css.commented.css b/includes/js/dijit/themes/soria/form/RadioButton.css.commented.css new file mode 100644 index 0000000..dad4ac5 --- /dev/null +++ b/includes/js/dijit/themes/soria/form/RadioButton.css.commented.css @@ -0,0 +1,68 @@ +/* + * CheckBox and Radio Widgets, + * and the CSS to embed a checkbox or radio icon inside a ToggleButton. + * + * Order of images in the default sprite (from L to R, checkbox and radio in same image): + * checkbox normal - checked + * - unchecked + * disabled - checked + * - unchecked + * hover - checked + * - unchecked + * + * radio normal - checked + * - unchecked + * disabled - checked + * - unchecked + * hover - checked + * - unchecked +*/ + +.soria .dijitToggleButton .dijitRadio, +.soria .dijitToggleButton .dijitRadioIcon { + background-image: url('../images/spriteRadio.gif'); +} + +.soria .dijitRadio, +.soria .dijitRadioIcon { /* inside a toggle button */ + background-image: url('../images/spriteRadio.gif'); /* checkbox sprite image */ + background-repeat: no-repeat; + width: 16px; + height: 16px; + margin: 0; + padding: 0; +} + +.soria .dijitRadio, +.soria .dijitToggleButton .dijitRadioIcon { + /* unselected */ + background-position: -16px; +} + +.soria .dijitRadioChecked, +.soria .dijitToggleButtonChecked .dijitRadioIcon { + /* selected */ + background-position: 0px; +} + +.soria .dijitRadioCheckedDisabled { + /* selected but disabled */ + background-position: -48px; +} + +.soria .dijitRadioDisabled { + /* unselected and disabled */ + background-position: -32px; +} + +.soria .dijitRadioHover, +.soria .dijitRadioFocused { + /* hovering over an unselected enabled radio button */ + background-position: -80px; +} + +.soria .dijitRadioCheckedHover, +.soria .dijitRadioCheckedFocused { + /* hovering over a selected enabled radio button */ + background-position: -64px; +} diff --git a/includes/js/dijit/themes/soria/form/Slider.css b/includes/js/dijit/themes/soria/form/Slider.css new file mode 100644 index 0000000..17e93c8 --- /dev/null +++ b/includes/js/dijit/themes/soria/form/Slider.css @@ -0,0 +1,112 @@ + +.soria .dijitSliderProgressBarH { + border-color: #b1badf; + background: #c0c2c5 url("../images/sliderFull.png") repeat-x top left; +} +.soria .dijitSliderProgressBarV { + border-color: #b1badf; + background: #c0c2c5 url("../images/sliderFullVertical.png") repeat-y bottom left; +} +.soria .dijitSliderFocused .dijitSliderProgressBarH, +.soria .dijitSliderFocused .dijitSliderLeftBumper { + background-image:url("../images/sliderFullFocus.png"); +} +.soria .dijitSliderFocused .dijitSliderProgressBarV, +.soria .dijitSliderFocused .dijitSliderBottomBumper { + background-image:url("../images/sliderFullVerticalFocus.png"); +} +.soria .dijitSliderRemainingBarV { + border-color: #b4b4b4; + background: #dcdcdc url("../images/sliderEmptyVertical.png") repeat-y bottom left; +} +.soria .dijitSliderRemainingBarH { + border-color: #b4b4b4; + background: #dcdcdc url("../images/sliderEmpty.png") repeat-x top left; +} +.soria .dijitSliderBar { + border-style: solid; + outline:1px; + +} +.soria .dijitSliderFocused .dijitSliderBar { + border-color:#8ba0bd; +} +.dijit_a11y .dijitSliderProgressBar { + background-color:#333 !important; +} +.soria .dijitSliderImageHandleH { + border:0px; + width:15px; + height:18px; + background:url("../images/preciseSliderThumb.png") no-repeat center top; + cursor:pointer; +} +.soria .dijitSliderFocused .dijitSliderImageHandleH { + background-image:url("../images/preciseSliderThumbFocus.png"); + #background-image:url("../images/preciseSliderThumbFocus.gif"); +} +.dj_ie6 .soria .dijitSliderImageHandleH { + background-image:url("../images/preciseSliderThumb.gif"); +} +.soria .dijitSliderLeftBumper { + border-left-width: 1px; + border-color: #aab0bb; + background: #c0c2c5 url("../images/sliderFull.png") repeat-x top left; +} +.soria .dijitSliderRightBumper { + background: #dcdcdc url("../images/sliderEmpty.png") repeat-x top left; + border-color: #b4b4b4; + border-right-width: 1px; +} +.soria .dijitSliderImageHandleV { + border:0px; + width:20px; + height:15px; + background:url("../images/sliderThumb.png") no-repeat center center; + cursor:pointer; +} +.soria .dijitSliderFocused .dijitSliderImageHandleV { + background-image:url("../images/sliderThumbFocus.png"); +} +.dj_ie6 .soria .dijitSliderFocused .dijitSliderImageHandleV { + background-image:url("../images/sliderThumbFocus.gif"); +} +.soria .dijitSliderBottomBumper { + border-bottom-width: 1px; + border-color: #aab0bb; + background: #c0c2c5 url("../images/sliderFullVertical.png") repeat-y bottom left; +} +.soria .dijitSliderTopBumper { + background: #dcdcdc url("../images/sliderEmptyVertical.png") repeat-y top left; + border-color: #b4b4b4; + border-top-width: 1px; +} +.soria .dijitSliderIncrementIconH, +.soria .dijitSliderIncrementIconV { + background:url('../images/spriteRoundedIconsSmall.png') no-repeat -45px top; + width:15px; height:15px; + cursor:pointer; +} +.soria .dijitSliderIncrementIconH { + background:url('../images/spriteRoundedIconsSmall.png') no-repeat -30px top; +} +.soria .dijitSliderDecrementIconH, +.soria .dijitSliderDecrementIconV { + width:15px; + height:15px; + cursor:pointer; + background:url('../images/spriteRoundedIconsSmall.png') no-repeat -15px top; +} +.soria .dijitSliderDecrementIconH { background:url('../images/spriteRoundedIconsSmall.png') no-repeat 0px top; } +.soria .dijitSliderButtonInner { + visibility:hidden; +} +.soria .dijitSliderDisabled { + opacity:0.6 !important; +} +.dj_ie6 .soria .dijitSliderDisabled, +.dj_ie6 .soria .dijitSliderDisabled .dijitRuleContainer, +.dj_ie6 .soria .dijitSliderDisabled .dijitSliderRemainingBar, +.dj_ie6 .soria .dijitSliderDisabled .dijitSliderProgressBar { + filter: gray() alpha(opacity=40); +} diff --git a/includes/js/dijit/themes/soria/form/Slider.css.commented.css b/includes/js/dijit/themes/soria/form/Slider.css.commented.css new file mode 100644 index 0000000..34a107a --- /dev/null +++ b/includes/js/dijit/themes/soria/form/Slider.css.commented.css @@ -0,0 +1,136 @@ + +/**** + SLIDER +****/ + +.soria .dijitSliderProgressBarH { + border-color: #b1badf; + background: #c0c2c5 url("../images/sliderFull.png") repeat-x top left; +} + +.soria .dijitSliderProgressBarV { + border-color: #b1badf; + background: #c0c2c5 url("../images/sliderFullVertical.png") repeat-y bottom left; +} + +.soria .dijitSliderFocused .dijitSliderProgressBarH, +.soria .dijitSliderFocused .dijitSliderLeftBumper { + background-image:url("../images/sliderFullFocus.png"); +} + +.soria .dijitSliderFocused .dijitSliderProgressBarV, +.soria .dijitSliderFocused .dijitSliderBottomBumper { + background-image:url("../images/sliderFullVerticalFocus.png"); +} + +.soria .dijitSliderRemainingBarV { + border-color: #b4b4b4; + background: #dcdcdc url("../images/sliderEmptyVertical.png") repeat-y bottom left; +} + +.soria .dijitSliderRemainingBarH { + border-color: #b4b4b4; + background: #dcdcdc url("../images/sliderEmpty.png") repeat-x top left; +} + +.soria .dijitSliderBar { + border-style: solid; + outline:1px; + /* border-color: #b4b4b4; */ +} +.soria .dijitSliderFocused .dijitSliderBar { + border-color:#8ba0bd; +} + +.dijit_a11y .dijitSliderProgressBar { + background-color:#333 !important; +} + +.soria .dijitSliderImageHandleH { + border:0px; + width:15px; + height:18px; + background:url("../images/preciseSliderThumb.png") no-repeat center top; + cursor:pointer; +} +.soria .dijitSliderFocused .dijitSliderImageHandleH { + background-image:url("../images/preciseSliderThumbFocus.png"); + #background-image:url("../images/preciseSliderThumbFocus.gif"); +} + +.dj_ie6 .soria .dijitSliderImageHandleH { + background-image:url("../images/preciseSliderThumb.gif"); +} + +.soria .dijitSliderLeftBumper { + border-left-width: 1px; + border-color: #aab0bb; + background: #c0c2c5 url("../images/sliderFull.png") repeat-x top left; +} + +.soria .dijitSliderRightBumper { + background: #dcdcdc url("../images/sliderEmpty.png") repeat-x top left; + border-color: #b4b4b4; + border-right-width: 1px; +} + +.soria .dijitSliderImageHandleV { + border:0px; + width:20px; + height:15px; + background:url("../images/sliderThumb.png") no-repeat center center; + cursor:pointer; +} + +.soria .dijitSliderFocused .dijitSliderImageHandleV { + background-image:url("../images/sliderThumbFocus.png"); +} +.dj_ie6 .soria .dijitSliderFocused .dijitSliderImageHandleV { + background-image:url("../images/sliderThumbFocus.gif"); +} + +.soria .dijitSliderBottomBumper { + border-bottom-width: 1px; + border-color: #aab0bb; + background: #c0c2c5 url("../images/sliderFullVertical.png") repeat-y bottom left; +} + +.soria .dijitSliderTopBumper { + background: #dcdcdc url("../images/sliderEmptyVertical.png") repeat-y top left; + border-color: #b4b4b4; + border-top-width: 1px; +} + +.soria .dijitSliderIncrementIconH, +.soria .dijitSliderIncrementIconV { + background:url('../images/spriteRoundedIconsSmall.png') no-repeat -45px top; + width:15px; height:15px; + cursor:pointer; +} +.soria .dijitSliderIncrementIconH { + background:url('../images/spriteRoundedIconsSmall.png') no-repeat -30px top; +} + +.soria .dijitSliderDecrementIconH, +.soria .dijitSliderDecrementIconV { + width:15px; + height:15px; + cursor:pointer; + background:url('../images/spriteRoundedIconsSmall.png') no-repeat -15px top; +} +.soria .dijitSliderDecrementIconH { background:url('../images/spriteRoundedIconsSmall.png') no-repeat 0px top; } + +.soria .dijitSliderButtonInner { + visibility:hidden; +} + +.soria .dijitSliderDisabled { + opacity:0.6 !important; +} + +.dj_ie6 .soria .dijitSliderDisabled, +.dj_ie6 .soria .dijitSliderDisabled .dijitRuleContainer, +.dj_ie6 .soria .dijitSliderDisabled .dijitSliderRemainingBar, +.dj_ie6 .soria .dijitSliderDisabled .dijitSliderProgressBar { + filter: gray() alpha(opacity=40); +} diff --git a/includes/js/dijit/themes/soria/form/Slider_rtl.css b/includes/js/dijit/themes/soria/form/Slider_rtl.css new file mode 100644 index 0000000..febfd0a --- /dev/null +++ b/includes/js/dijit/themes/soria/form/Slider_rtl.css @@ -0,0 +1,27 @@ + +.dijitRtl .dijitSliderProgressBarH, +.dijitRtl .dijitSliderRemainingBarH, +.dijitRtl .dijitSliderLeftBumper, +.dijitRtl .dijitSliderRightBumper, +.dijitRtl .dijitSliderTopBumper { + background-position: top right; +} +.dijitRtl .dijitSliderProgressBarV, +.dijitRtl .dijitSliderRemainingBarV, +.dijitRtl .dijitSliderBottomBumper { + background-position: bottom right; +} +.dijitRtl .dijitSliderLeftBumper { + border-left-width: 0px; + border-right-width: 1px; +} +.dijitRtl .dijitSliderRightBumper { + border-left-width: 1px; + border-right-width: 0px; +} +.dijitRtl .dijitSliderIncrementIconH { + background-image:url('../images/arrowLeft.png'); +} +.dijitRtl .dijitSliderDecrementIconH { + background-image:url('../images/arrowRight.png'); +} diff --git a/includes/js/dijit/themes/soria/form/Slider_rtl.css.commented.css b/includes/js/dijit/themes/soria/form/Slider_rtl.css.commented.css new file mode 100644 index 0000000..930be3d --- /dev/null +++ b/includes/js/dijit/themes/soria/form/Slider_rtl.css.commented.css @@ -0,0 +1,34 @@ + +/* Slider */ + +.dijitRtl .dijitSliderProgressBarH, +.dijitRtl .dijitSliderRemainingBarH, +.dijitRtl .dijitSliderLeftBumper, +.dijitRtl .dijitSliderRightBumper, +.dijitRtl .dijitSliderTopBumper { + background-position: top right; +} + +.dijitRtl .dijitSliderProgressBarV, +.dijitRtl .dijitSliderRemainingBarV, +.dijitRtl .dijitSliderBottomBumper { + background-position: bottom right; +} + +.dijitRtl .dijitSliderLeftBumper { + border-left-width: 0px; + border-right-width: 1px; +} + +.dijitRtl .dijitSliderRightBumper { + border-left-width: 1px; + border-right-width: 0px; +} + +.dijitRtl .dijitSliderIncrementIconH { + background-image:url('../images/arrowLeft.png'); +} + +.dijitRtl .dijitSliderDecrementIconH { + background-image:url('../images/arrowRight.png'); +} diff --git a/includes/js/dijit/themes/soria/form/Textarea.css b/includes/js/dijit/themes/soria/form/Textarea.css new file mode 100644 index 0000000..0e0226b --- /dev/null +++ b/includes/js/dijit/themes/soria/form/Textarea.css @@ -0,0 +1,11 @@ +.soria .dijitTextBox { + margin: 0em 0.1em; +} +.soria .dijitTextBox, +.soria .dijitTextArea { + + background:#fff url("../images/validationInputBg.png") repeat-x top left; + #background:#fff url('../images/validationInputBg.gif') repeat-x top left; + border:1px solid #c4c4c4; + line-height: normal; +} diff --git a/includes/js/dijit/themes/soria/form/Textarea.css.commented.css b/includes/js/dijit/themes/soria/form/Textarea.css.commented.css new file mode 100644 index 0000000..b950beb --- /dev/null +++ b/includes/js/dijit/themes/soria/form/Textarea.css.commented.css @@ -0,0 +1,15 @@ +.soria .dijitTextBox { + margin: 0em 0.1em; +} + +.soria .dijitTextBox, +.soria .dijitTextArea { + /* For all except dijit.form.NumberSpinner: the actual input element. + For TextBox, ComboBox, Spinner: the table that contains the input. + Otherwise the actual input element. + */ + background:#fff url("../images/validationInputBg.png") repeat-x top left; + #background:#fff url('../images/validationInputBg.gif') repeat-x top left; + border:1px solid #c4c4c4; + line-height: normal; +} diff --git a/includes/js/dijit/themes/soria/form/TimeTextBox.css b/includes/js/dijit/themes/soria/form/TimeTextBox.css new file mode 100644 index 0000000..d450925 --- /dev/null +++ b/includes/js/dijit/themes/soria/form/TimeTextBox.css @@ -0,0 +1 @@ +@CHARSET "UTF-8"; diff --git a/includes/js/dijit/themes/soria/form/TimeTextBox.css.commented.css b/includes/js/dijit/themes/soria/form/TimeTextBox.css.commented.css new file mode 100644 index 0000000..d450925 --- /dev/null +++ b/includes/js/dijit/themes/soria/form/TimeTextBox.css.commented.css @@ -0,0 +1 @@ +@CHARSET "UTF-8"; diff --git a/includes/js/dijit/themes/soria/images/accordionItemActive.gif b/includes/js/dijit/themes/soria/images/accordionItemActive.gif Binary files differnew file mode 100644 index 0000000..249a153 --- /dev/null +++ b/includes/js/dijit/themes/soria/images/accordionItemActive.gif diff --git a/includes/js/dijit/themes/soria/images/accordionItemActive.png b/includes/js/dijit/themes/soria/images/accordionItemActive.png Binary files differnew file mode 100644 index 0000000..92c7431 --- /dev/null +++ b/includes/js/dijit/themes/soria/images/accordionItemActive.png diff --git a/includes/js/dijit/themes/soria/images/buttonActive.png b/includes/js/dijit/themes/soria/images/buttonActive.png Binary files differnew file mode 100644 index 0000000..f815983 --- /dev/null +++ b/includes/js/dijit/themes/soria/images/buttonActive.png diff --git a/includes/js/dijit/themes/soria/images/buttonDisabled.png b/includes/js/dijit/themes/soria/images/buttonDisabled.png Binary files differnew file mode 100644 index 0000000..f76e4ab --- /dev/null +++ b/includes/js/dijit/themes/soria/images/buttonDisabled.png diff --git a/includes/js/dijit/themes/soria/images/buttonEnabled.png b/includes/js/dijit/themes/soria/images/buttonEnabled.png Binary files differnew file mode 100644 index 0000000..3c55c83 --- /dev/null +++ b/includes/js/dijit/themes/soria/images/buttonEnabled.png diff --git a/includes/js/dijit/themes/soria/images/buttonHover.png b/includes/js/dijit/themes/soria/images/buttonHover.png Binary files differnew file mode 100644 index 0000000..a22ebda --- /dev/null +++ b/includes/js/dijit/themes/soria/images/buttonHover.png diff --git a/includes/js/dijit/themes/soria/images/dndCopy.png b/includes/js/dijit/themes/soria/images/dndCopy.png Binary files differnew file mode 100644 index 0000000..baecd7c --- /dev/null +++ b/includes/js/dijit/themes/soria/images/dndCopy.png diff --git a/includes/js/dijit/themes/soria/images/dndMove.png b/includes/js/dijit/themes/soria/images/dndMove.png Binary files differnew file mode 100644 index 0000000..07f878c --- /dev/null +++ b/includes/js/dijit/themes/soria/images/dndMove.png diff --git a/includes/js/dijit/themes/soria/images/dndNoCopy.png b/includes/js/dijit/themes/soria/images/dndNoCopy.png Binary files differnew file mode 100644 index 0000000..9bf9c33 --- /dev/null +++ b/includes/js/dijit/themes/soria/images/dndNoCopy.png diff --git a/includes/js/dijit/themes/soria/images/dndNoMove.png b/includes/js/dijit/themes/soria/images/dndNoMove.png Binary files differnew file mode 100644 index 0000000..cb8bd8b --- /dev/null +++ b/includes/js/dijit/themes/soria/images/dndNoMove.png diff --git a/includes/js/dijit/themes/soria/images/editor.gif b/includes/js/dijit/themes/soria/images/editor.gif Binary files differnew file mode 100644 index 0000000..1c96329 --- /dev/null +++ b/includes/js/dijit/themes/soria/images/editor.gif diff --git a/includes/js/dijit/themes/soria/images/editor_rtl.gif b/includes/js/dijit/themes/soria/images/editor_rtl.gif Binary files differnew file mode 100644 index 0000000..ef04938 --- /dev/null +++ b/includes/js/dijit/themes/soria/images/editor_rtl.gif diff --git a/includes/js/dijit/themes/soria/images/preciseSliderThumb.gif b/includes/js/dijit/themes/soria/images/preciseSliderThumb.gif Binary files differnew file mode 100644 index 0000000..53b33e5 --- /dev/null +++ b/includes/js/dijit/themes/soria/images/preciseSliderThumb.gif diff --git a/includes/js/dijit/themes/soria/images/preciseSliderThumb.png b/includes/js/dijit/themes/soria/images/preciseSliderThumb.png Binary files differnew file mode 100644 index 0000000..045bf35 --- /dev/null +++ b/includes/js/dijit/themes/soria/images/preciseSliderThumb.png diff --git a/includes/js/dijit/themes/soria/images/preciseSliderThumbFocus.gif b/includes/js/dijit/themes/soria/images/preciseSliderThumbFocus.gif Binary files differnew file mode 100644 index 0000000..8c6f92e --- /dev/null +++ b/includes/js/dijit/themes/soria/images/preciseSliderThumbFocus.gif diff --git a/includes/js/dijit/themes/soria/images/preciseSliderThumbFocus.png b/includes/js/dijit/themes/soria/images/preciseSliderThumbFocus.png Binary files differnew file mode 100644 index 0000000..c235849 --- /dev/null +++ b/includes/js/dijit/themes/soria/images/preciseSliderThumbFocus.png diff --git a/includes/js/dijit/themes/soria/images/progressBarAnim.gif b/includes/js/dijit/themes/soria/images/progressBarAnim.gif Binary files differnew file mode 100644 index 0000000..73e25e1 --- /dev/null +++ b/includes/js/dijit/themes/soria/images/progressBarAnim.gif diff --git a/includes/js/dijit/themes/soria/images/progressBarEmpty.png b/includes/js/dijit/themes/soria/images/progressBarEmpty.png Binary files differnew file mode 100644 index 0000000..04d81df --- /dev/null +++ b/includes/js/dijit/themes/soria/images/progressBarEmpty.png diff --git a/includes/js/dijit/themes/soria/images/progressBarFull.png b/includes/js/dijit/themes/soria/images/progressBarFull.png Binary files differnew file mode 100644 index 0000000..bed17b3 --- /dev/null +++ b/includes/js/dijit/themes/soria/images/progressBarFull.png diff --git a/includes/js/dijit/themes/soria/images/sliderEmpty.png b/includes/js/dijit/themes/soria/images/sliderEmpty.png Binary files differnew file mode 100644 index 0000000..99fbd72 --- /dev/null +++ b/includes/js/dijit/themes/soria/images/sliderEmpty.png diff --git a/includes/js/dijit/themes/soria/images/sliderEmptyVertical.png b/includes/js/dijit/themes/soria/images/sliderEmptyVertical.png Binary files differnew file mode 100644 index 0000000..2d497e3 --- /dev/null +++ b/includes/js/dijit/themes/soria/images/sliderEmptyVertical.png diff --git a/includes/js/dijit/themes/soria/images/sliderFull.png b/includes/js/dijit/themes/soria/images/sliderFull.png Binary files differnew file mode 100644 index 0000000..171eb54 --- /dev/null +++ b/includes/js/dijit/themes/soria/images/sliderFull.png diff --git a/includes/js/dijit/themes/soria/images/sliderFullFocus.png b/includes/js/dijit/themes/soria/images/sliderFullFocus.png Binary files differnew file mode 100644 index 0000000..0956a72 --- /dev/null +++ b/includes/js/dijit/themes/soria/images/sliderFullFocus.png diff --git a/includes/js/dijit/themes/soria/images/sliderFullVertical.png b/includes/js/dijit/themes/soria/images/sliderFullVertical.png Binary files differnew file mode 100644 index 0000000..35845da --- /dev/null +++ b/includes/js/dijit/themes/soria/images/sliderFullVertical.png diff --git a/includes/js/dijit/themes/soria/images/sliderFullVerticalFocus.png b/includes/js/dijit/themes/soria/images/sliderFullVerticalFocus.png Binary files differnew file mode 100644 index 0000000..9b158bb --- /dev/null +++ b/includes/js/dijit/themes/soria/images/sliderFullVerticalFocus.png diff --git a/includes/js/dijit/themes/soria/images/sliderThumb.png b/includes/js/dijit/themes/soria/images/sliderThumb.png Binary files differnew file mode 100644 index 0000000..b6abbd2 --- /dev/null +++ b/includes/js/dijit/themes/soria/images/sliderThumb.png diff --git a/includes/js/dijit/themes/soria/images/sliderThumbFocus.gif b/includes/js/dijit/themes/soria/images/sliderThumbFocus.gif Binary files differnew file mode 100644 index 0000000..f8d306f --- /dev/null +++ b/includes/js/dijit/themes/soria/images/sliderThumbFocus.gif diff --git a/includes/js/dijit/themes/soria/images/sliderThumbFocus.png b/includes/js/dijit/themes/soria/images/sliderThumbFocus.png Binary files differnew file mode 100644 index 0000000..73ee705 --- /dev/null +++ b/includes/js/dijit/themes/soria/images/sliderThumbFocus.png diff --git a/includes/js/dijit/themes/soria/images/splitContainerSizerH-thumb.png b/includes/js/dijit/themes/soria/images/splitContainerSizerH-thumb.png Binary files differnew file mode 100644 index 0000000..0e8f397 --- /dev/null +++ b/includes/js/dijit/themes/soria/images/splitContainerSizerH-thumb.png diff --git a/includes/js/dijit/themes/soria/images/splitContainerSizerH.png b/includes/js/dijit/themes/soria/images/splitContainerSizerH.png Binary files differnew file mode 100644 index 0000000..7cdf79a --- /dev/null +++ b/includes/js/dijit/themes/soria/images/splitContainerSizerH.png diff --git a/includes/js/dijit/themes/soria/images/splitContainerSizerV-thumb.png b/includes/js/dijit/themes/soria/images/splitContainerSizerV-thumb.png Binary files differnew file mode 100644 index 0000000..7f12fed --- /dev/null +++ b/includes/js/dijit/themes/soria/images/splitContainerSizerV-thumb.png diff --git a/includes/js/dijit/themes/soria/images/splitContainerSizerV.png b/includes/js/dijit/themes/soria/images/splitContainerSizerV.png Binary files differnew file mode 100644 index 0000000..9ff14d6 --- /dev/null +++ b/includes/js/dijit/themes/soria/images/splitContainerSizerV.png diff --git a/includes/js/dijit/themes/soria/images/spriteArrows.gif b/includes/js/dijit/themes/soria/images/spriteArrows.gif Binary files differnew file mode 100644 index 0000000..fc81207 --- /dev/null +++ b/includes/js/dijit/themes/soria/images/spriteArrows.gif diff --git a/includes/js/dijit/themes/soria/images/spriteArrows.png b/includes/js/dijit/themes/soria/images/spriteArrows.png Binary files differnew file mode 100644 index 0000000..73aa700 --- /dev/null +++ b/includes/js/dijit/themes/soria/images/spriteArrows.png diff --git a/includes/js/dijit/themes/soria/images/spriteCheckbox.gif b/includes/js/dijit/themes/soria/images/spriteCheckbox.gif Binary files differnew file mode 100644 index 0000000..d2c4ebf --- /dev/null +++ b/includes/js/dijit/themes/soria/images/spriteCheckbox.gif diff --git a/includes/js/dijit/themes/soria/images/spriteCheckbox.png b/includes/js/dijit/themes/soria/images/spriteCheckbox.png Binary files differnew file mode 100644 index 0000000..e992330 --- /dev/null +++ b/includes/js/dijit/themes/soria/images/spriteCheckbox.png diff --git a/includes/js/dijit/themes/soria/images/spriteDivIcons.gif b/includes/js/dijit/themes/soria/images/spriteDivIcons.gif Binary files differnew file mode 100644 index 0000000..f5c58e4 --- /dev/null +++ b/includes/js/dijit/themes/soria/images/spriteDivIcons.gif diff --git a/includes/js/dijit/themes/soria/images/spriteDivIcons.png b/includes/js/dijit/themes/soria/images/spriteDivIcons.png Binary files differnew file mode 100644 index 0000000..d76325f --- /dev/null +++ b/includes/js/dijit/themes/soria/images/spriteDivIcons.png diff --git a/includes/js/dijit/themes/soria/images/spriteRadio.gif b/includes/js/dijit/themes/soria/images/spriteRadio.gif Binary files differnew file mode 100644 index 0000000..8dd6e57 --- /dev/null +++ b/includes/js/dijit/themes/soria/images/spriteRadio.gif diff --git a/includes/js/dijit/themes/soria/images/spriteRadio.png b/includes/js/dijit/themes/soria/images/spriteRadio.png Binary files differnew file mode 100644 index 0000000..14c1080 --- /dev/null +++ b/includes/js/dijit/themes/soria/images/spriteRadio.png diff --git a/includes/js/dijit/themes/soria/images/spriteRoundedIconsSmall.gif b/includes/js/dijit/themes/soria/images/spriteRoundedIconsSmall.gif Binary files differnew file mode 100644 index 0000000..795ea84 --- /dev/null +++ b/includes/js/dijit/themes/soria/images/spriteRoundedIconsSmall.gif diff --git a/includes/js/dijit/themes/soria/images/spriteRoundedIconsSmall.png b/includes/js/dijit/themes/soria/images/spriteRoundedIconsSmall.png Binary files differnew file mode 100644 index 0000000..10c0d13 --- /dev/null +++ b/includes/js/dijit/themes/soria/images/spriteRoundedIconsSmall.png diff --git a/includes/js/dijit/themes/soria/images/spriteRoundedIconsSmallBl.gif b/includes/js/dijit/themes/soria/images/spriteRoundedIconsSmallBl.gif Binary files differnew file mode 100644 index 0000000..6758181 --- /dev/null +++ b/includes/js/dijit/themes/soria/images/spriteRoundedIconsSmallBl.gif diff --git a/includes/js/dijit/themes/soria/images/spriteRoundedIconsSmallBl.png b/includes/js/dijit/themes/soria/images/spriteRoundedIconsSmallBl.png Binary files differnew file mode 100644 index 0000000..2c9f51a --- /dev/null +++ b/includes/js/dijit/themes/soria/images/spriteRoundedIconsSmallBl.png diff --git a/includes/js/dijit/themes/soria/images/spriteTree.gif b/includes/js/dijit/themes/soria/images/spriteTree.gif Binary files differnew file mode 100644 index 0000000..e546e28 --- /dev/null +++ b/includes/js/dijit/themes/soria/images/spriteTree.gif diff --git a/includes/js/dijit/themes/soria/images/spriteTree.png b/includes/js/dijit/themes/soria/images/spriteTree.png Binary files differnew file mode 100644 index 0000000..33ae07b --- /dev/null +++ b/includes/js/dijit/themes/soria/images/spriteTree.png diff --git a/includes/js/dijit/themes/soria/images/spriteTree_rtl.gif b/includes/js/dijit/themes/soria/images/spriteTree_rtl.gif Binary files differnew file mode 100644 index 0000000..bbcc64b --- /dev/null +++ b/includes/js/dijit/themes/soria/images/spriteTree_rtl.gif diff --git a/includes/js/dijit/themes/soria/images/spriteTree_rtl.png b/includes/js/dijit/themes/soria/images/spriteTree_rtl.png Binary files differnew file mode 100644 index 0000000..b06afdb --- /dev/null +++ b/includes/js/dijit/themes/soria/images/spriteTree_rtl.png diff --git a/includes/js/dijit/themes/soria/images/tabBottomActiveC.gif b/includes/js/dijit/themes/soria/images/tabBottomActiveC.gif Binary files differnew file mode 100644 index 0000000..fb61df9 --- /dev/null +++ b/includes/js/dijit/themes/soria/images/tabBottomActiveC.gif diff --git a/includes/js/dijit/themes/soria/images/tabBottomActiveSpriteLR.gif b/includes/js/dijit/themes/soria/images/tabBottomActiveSpriteLR.gif Binary files differnew file mode 100644 index 0000000..7c2ed86 --- /dev/null +++ b/includes/js/dijit/themes/soria/images/tabBottomActiveSpriteLR.gif diff --git a/includes/js/dijit/themes/soria/images/tabBottomEnabledC.gif b/includes/js/dijit/themes/soria/images/tabBottomEnabledC.gif Binary files differnew file mode 100644 index 0000000..0a5f0f8 --- /dev/null +++ b/includes/js/dijit/themes/soria/images/tabBottomEnabledC.gif diff --git a/includes/js/dijit/themes/soria/images/tabBottomEnabledSpriteLR.gif b/includes/js/dijit/themes/soria/images/tabBottomEnabledSpriteLR.gif Binary files differnew file mode 100644 index 0000000..a77da39 --- /dev/null +++ b/includes/js/dijit/themes/soria/images/tabBottomEnabledSpriteLR.gif diff --git a/includes/js/dijit/themes/soria/images/tabBottomHoverC.gif b/includes/js/dijit/themes/soria/images/tabBottomHoverC.gif Binary files differnew file mode 100644 index 0000000..47b9da2 --- /dev/null +++ b/includes/js/dijit/themes/soria/images/tabBottomHoverC.gif diff --git a/includes/js/dijit/themes/soria/images/tabBottomHoverSpriteLR.gif b/includes/js/dijit/themes/soria/images/tabBottomHoverSpriteLR.gif Binary files differnew file mode 100644 index 0000000..59f3edd --- /dev/null +++ b/includes/js/dijit/themes/soria/images/tabBottomHoverSpriteLR.gif diff --git a/includes/js/dijit/themes/soria/images/tabContainerSprite.gif b/includes/js/dijit/themes/soria/images/tabContainerSprite.gif Binary files differnew file mode 100644 index 0000000..f0b3842 --- /dev/null +++ b/includes/js/dijit/themes/soria/images/tabContainerSprite.gif diff --git a/includes/js/dijit/themes/soria/images/tabLeftChecked.gif b/includes/js/dijit/themes/soria/images/tabLeftChecked.gif Binary files differnew file mode 100644 index 0000000..3e7475a --- /dev/null +++ b/includes/js/dijit/themes/soria/images/tabLeftChecked.gif diff --git a/includes/js/dijit/themes/soria/images/tabRightChecked.gif b/includes/js/dijit/themes/soria/images/tabRightChecked.gif Binary files differnew file mode 100644 index 0000000..ec4b659 --- /dev/null +++ b/includes/js/dijit/themes/soria/images/tabRightChecked.gif diff --git a/includes/js/dijit/themes/soria/images/tabStripe.gif b/includes/js/dijit/themes/soria/images/tabStripe.gif Binary files differnew file mode 100644 index 0000000..51a2d40 --- /dev/null +++ b/includes/js/dijit/themes/soria/images/tabStripe.gif diff --git a/includes/js/dijit/themes/soria/images/tabStripeBottom.gif b/includes/js/dijit/themes/soria/images/tabStripeBottom.gif Binary files differnew file mode 100644 index 0000000..41b1ac0 --- /dev/null +++ b/includes/js/dijit/themes/soria/images/tabStripeBottom.gif diff --git a/includes/js/dijit/themes/soria/images/tabStripeLeft.gif b/includes/js/dijit/themes/soria/images/tabStripeLeft.gif Binary files differnew file mode 100644 index 0000000..b2214fa --- /dev/null +++ b/includes/js/dijit/themes/soria/images/tabStripeLeft.gif diff --git a/includes/js/dijit/themes/soria/images/tabStripeRight.gif b/includes/js/dijit/themes/soria/images/tabStripeRight.gif Binary files differnew file mode 100644 index 0000000..bff3115 --- /dev/null +++ b/includes/js/dijit/themes/soria/images/tabStripeRight.gif diff --git a/includes/js/dijit/themes/soria/images/titleBar.png b/includes/js/dijit/themes/soria/images/titleBar.png Binary files differnew file mode 100644 index 0000000..cbf98da --- /dev/null +++ b/includes/js/dijit/themes/soria/images/titleBar.png diff --git a/includes/js/dijit/themes/soria/images/titleBarActive.png b/includes/js/dijit/themes/soria/images/titleBarActive.png Binary files differnew file mode 100644 index 0000000..92c7431 --- /dev/null +++ b/includes/js/dijit/themes/soria/images/titleBarActive.png diff --git a/includes/js/dijit/themes/soria/images/tooltipConnectorDown.gif b/includes/js/dijit/themes/soria/images/tooltipConnectorDown.gif Binary files differnew file mode 100644 index 0000000..9c38495 --- /dev/null +++ b/includes/js/dijit/themes/soria/images/tooltipConnectorDown.gif diff --git a/includes/js/dijit/themes/soria/images/tooltipConnectorDown.png b/includes/js/dijit/themes/soria/images/tooltipConnectorDown.png Binary files differnew file mode 100644 index 0000000..d75af71 --- /dev/null +++ b/includes/js/dijit/themes/soria/images/tooltipConnectorDown.png diff --git a/includes/js/dijit/themes/soria/images/tooltipConnectorLeft.gif b/includes/js/dijit/themes/soria/images/tooltipConnectorLeft.gif Binary files differnew file mode 100644 index 0000000..fc947e0 --- /dev/null +++ b/includes/js/dijit/themes/soria/images/tooltipConnectorLeft.gif diff --git a/includes/js/dijit/themes/soria/images/tooltipConnectorLeft.png b/includes/js/dijit/themes/soria/images/tooltipConnectorLeft.png Binary files differnew file mode 100644 index 0000000..f3de66a --- /dev/null +++ b/includes/js/dijit/themes/soria/images/tooltipConnectorLeft.png diff --git a/includes/js/dijit/themes/soria/images/tooltipConnectorRight.gif b/includes/js/dijit/themes/soria/images/tooltipConnectorRight.gif Binary files differnew file mode 100644 index 0000000..b0e8097 --- /dev/null +++ b/includes/js/dijit/themes/soria/images/tooltipConnectorRight.gif diff --git a/includes/js/dijit/themes/soria/images/tooltipConnectorRight.png b/includes/js/dijit/themes/soria/images/tooltipConnectorRight.png Binary files differnew file mode 100644 index 0000000..ed6efc4 --- /dev/null +++ b/includes/js/dijit/themes/soria/images/tooltipConnectorRight.png diff --git a/includes/js/dijit/themes/soria/images/tooltipConnectorUp.gif b/includes/js/dijit/themes/soria/images/tooltipConnectorUp.gif Binary files differnew file mode 100644 index 0000000..54bcf65 --- /dev/null +++ b/includes/js/dijit/themes/soria/images/tooltipConnectorUp.gif diff --git a/includes/js/dijit/themes/soria/images/tooltipConnectorUp.png b/includes/js/dijit/themes/soria/images/tooltipConnectorUp.png Binary files differnew file mode 100644 index 0000000..7f7a5d8 --- /dev/null +++ b/includes/js/dijit/themes/soria/images/tooltipConnectorUp.png diff --git a/includes/js/dijit/themes/soria/images/treeExpand_loading.gif b/includes/js/dijit/themes/soria/images/treeExpand_loading.gif Binary files differnew file mode 100644 index 0000000..db9ddd0 --- /dev/null +++ b/includes/js/dijit/themes/soria/images/treeExpand_loading.gif diff --git a/includes/js/dijit/themes/soria/images/treeI.gif b/includes/js/dijit/themes/soria/images/treeI.gif Binary files differnew file mode 100644 index 0000000..6f669e2 --- /dev/null +++ b/includes/js/dijit/themes/soria/images/treeI.gif diff --git a/includes/js/dijit/themes/soria/images/treeI_half.gif b/includes/js/dijit/themes/soria/images/treeI_half.gif Binary files differnew file mode 100644 index 0000000..e5fd015 --- /dev/null +++ b/includes/js/dijit/themes/soria/images/treeI_half.gif diff --git a/includes/js/dijit/themes/soria/images/treeI_half_rtl.gif b/includes/js/dijit/themes/soria/images/treeI_half_rtl.gif Binary files differnew file mode 100644 index 0000000..44ad021 --- /dev/null +++ b/includes/js/dijit/themes/soria/images/treeI_half_rtl.gif diff --git a/includes/js/dijit/themes/soria/images/treeI_rtl.gif b/includes/js/dijit/themes/soria/images/treeI_rtl.gif Binary files differnew file mode 100644 index 0000000..0d32a2f --- /dev/null +++ b/includes/js/dijit/themes/soria/images/treeI_rtl.gif diff --git a/includes/js/dijit/themes/soria/images/validationInputBg.gif b/includes/js/dijit/themes/soria/images/validationInputBg.gif Binary files differnew file mode 100644 index 0000000..c28475c --- /dev/null +++ b/includes/js/dijit/themes/soria/images/validationInputBg.gif diff --git a/includes/js/dijit/themes/soria/images/validationInputBg.png b/includes/js/dijit/themes/soria/images/validationInputBg.png Binary files differnew file mode 100644 index 0000000..f3039f9 --- /dev/null +++ b/includes/js/dijit/themes/soria/images/validationInputBg.png diff --git a/includes/js/dijit/themes/soria/images/warning.png b/includes/js/dijit/themes/soria/images/warning.png Binary files differnew file mode 100644 index 0000000..c52f83d --- /dev/null +++ b/includes/js/dijit/themes/soria/images/warning.png diff --git a/includes/js/dijit/themes/soria/layout/AccordionContainer.css b/includes/js/dijit/themes/soria/layout/AccordionContainer.css new file mode 100644 index 0000000..5824f35 --- /dev/null +++ b/includes/js/dijit/themes/soria/layout/AccordionContainer.css @@ -0,0 +1,39 @@ + + +.soria .dijitAccordionContainer { + border-color: #b1badf; +} +.soria .dijitAccordionPane { + background-color: #e7e7e7; + font-size: 0.9em; + font-weight: bold; + color: #373941; +} +.soria .dijitAccordionTitle { + background:#fafafa url("../images/titleBar.png") repeat-x top left; + border-top: 1px solid #b9bbdd; + padding: 5px 4px 6px 8px; + cursor:pointer; +} +.soria .dijitAccordionTitle-selected { + background: #f9f9f9 url("../images/accordionItemActive.png") top repeat-x; + font-weight: bold; + border-top: 1px solid #b9bbdd; + border-bottom: 1px solid #b9bbdd; + padding: 5px 4px 5px 8px; + cursor: default; + color: #243C5F; +} +.soria .dijitAccordionArrow { + background:url("../images/spriteRoundedIconsSmallBl.gif") no-repeat; + width:15px; + height:15px; + margin-top:-1px; +} +.soria .dijitAccordionTitle-selected .dijitAccordionArrow { + background:url("../images/spriteRoundedIconsSmallBl.gif") no-repeat -15px top; + margin-top:-1px; +} +.soria .dijitAccordionBody { + background: #fff; +} diff --git a/includes/js/dijit/themes/soria/layout/AccordionContainer.css.commented.css b/includes/js/dijit/themes/soria/layout/AccordionContainer.css.commented.css new file mode 100644 index 0000000..fb299df --- /dev/null +++ b/includes/js/dijit/themes/soria/layout/AccordionContainer.css.commented.css @@ -0,0 +1,48 @@ +/** + * dijit.layout.Accordioncontainer + * + */ + +.soria .dijitAccordionContainer { + border-color: #b1badf; +} + +.soria .dijitAccordionPane { + background-color: #e7e7e7; + font-size: 0.9em; + font-weight: bold; + color: #373941; +} + +.soria .dijitAccordionTitle { + background:#fafafa url("../images/titleBar.png") repeat-x top left; + border-top: 1px solid #b9bbdd; + padding: 5px 4px 6px 8px; + cursor:pointer; +} + +.soria .dijitAccordionTitle-selected { + background: #f9f9f9 url("../images/accordionItemActive.png") top repeat-x; + font-weight: bold; + border-top: 1px solid #b9bbdd; + border-bottom: 1px solid #b9bbdd; + padding: 5px 4px 5px 8px; + cursor: default; + color: #243C5F; +} + +.soria .dijitAccordionArrow { + background:url("../images/spriteRoundedIconsSmallBl.gif") no-repeat; + width:15px; + height:15px; + margin-top:-1px; +} + +.soria .dijitAccordionTitle-selected .dijitAccordionArrow { + background:url("../images/spriteRoundedIconsSmallBl.gif") no-repeat -15px top; + margin-top:-1px; +} + +.soria .dijitAccordionBody { + background: #fff; +} diff --git a/includes/js/dijit/themes/soria/layout/AccordionContainer_rtl.css b/includes/js/dijit/themes/soria/layout/AccordionContainer_rtl.css new file mode 100644 index 0000000..4ceda54 --- /dev/null +++ b/includes/js/dijit/themes/soria/layout/AccordionContainer_rtl.css @@ -0,0 +1,3 @@ +.dijitRtl .dijitAccordionArrow { + background-position: -30px top; +} diff --git a/includes/js/dijit/themes/soria/layout/AccordionContainer_rtl.css.commented.css b/includes/js/dijit/themes/soria/layout/AccordionContainer_rtl.css.commented.css new file mode 100644 index 0000000..4ceda54 --- /dev/null +++ b/includes/js/dijit/themes/soria/layout/AccordionContainer_rtl.css.commented.css @@ -0,0 +1,3 @@ +.dijitRtl .dijitAccordionArrow { + background-position: -30px top; +} diff --git a/includes/js/dijit/themes/soria/layout/BorderContainer.css b/includes/js/dijit/themes/soria/layout/BorderContainer.css new file mode 100644 index 0000000..84883ba --- /dev/null +++ b/includes/js/dijit/themes/soria/layout/BorderContainer.css @@ -0,0 +1,27 @@ + +.soria .dijitSplitterH { + background:url("../images/splitContainerSizerH.png") repeat-x #fff; + border:0; + border-left:0px solid #d3d3d3; + border-right:0px solid #d3d3d3; + height:5px; +} +.soria .dijitSplitterH .dijitSplitterThumb { + background:url("../images/splitContainerSizerH-thumb.png") no-repeat; + top:1px; + width:19px; + height:2px; +} +.soria .dijitSplitterV { + background:url("../images/splitContainerSizerV.png") repeat-y #fff; + border:0; + border-top:0px solid #d3d3d3; + border-bottom:0px solid #d3d3d3; + width:5px; +} +.soria .dijitSplitterV .dijitSplitterThumb { + background:url("../images/splitContainerSizerV-thumb.png") no-repeat; + left:1px; + height:19px; + width:5px; +} diff --git a/includes/js/dijit/themes/soria/layout/BorderContainer.css.commented.css b/includes/js/dijit/themes/soria/layout/BorderContainer.css.commented.css new file mode 100644 index 0000000..b21c545 --- /dev/null +++ b/includes/js/dijit/themes/soria/layout/BorderContainer.css.commented.css @@ -0,0 +1,34 @@ +/** + * dijit.layout.BorderContainer + * + */ + +.soria .dijitSplitterH { + background:url("../images/splitContainerSizerH.png") repeat-x #fff; + border:0; + border-left:0px solid #d3d3d3; + border-right:0px solid #d3d3d3; + height:5px; +} + +.soria .dijitSplitterH .dijitSplitterThumb { + background:url("../images/splitContainerSizerH-thumb.png") no-repeat; + top:1px; + width:19px; + height:2px; +} + +.soria .dijitSplitterV { + background:url("../images/splitContainerSizerV.png") repeat-y #fff; + border:0; + border-top:0px solid #d3d3d3; + border-bottom:0px solid #d3d3d3; + width:5px; +} + +.soria .dijitSplitterV .dijitSplitterThumb { + background:url("../images/splitContainerSizerV-thumb.png") no-repeat; + left:1px; + height:19px; + width:5px; +} diff --git a/includes/js/dijit/themes/soria/layout/SplitContainer.css b/includes/js/dijit/themes/soria/layout/SplitContainer.css new file mode 100644 index 0000000..88b0de2 --- /dev/null +++ b/includes/js/dijit/themes/soria/layout/SplitContainer.css @@ -0,0 +1,27 @@ + +.soria .dijitSplitContainerSizerH { + background:url("../images/splitContainerSizerV.png") repeat-y #cddef4; + border:0; + border-left:0px solid #436496; + border-right:0px solid #436496; + width:5px; +} +.soria .dijitSplitContainerSizerH .thumb { + background:url("../images/splitContainerSizerV-thumb.png") no-repeat #ccc; + left:1px; + width:2px; + height:19px; +} +.soria .dijitSplitContainerSizerV { + background:url("../images/splitContainerSizerH.png") repeat-x #cddef4; + border:0; + border-top:0px solid #436496; + border-bottom:0px solid #436496; + height:2px; +} +.soria .dijitSplitContainerSizerV .thumb { + background:url("../images/splitContainerSizerH-thumb.png") no-repeat #ccc; + top:1px; + width:19px; + height:5px; +} diff --git a/includes/js/dijit/themes/soria/layout/SplitContainer.css.commented.css b/includes/js/dijit/themes/soria/layout/SplitContainer.css.commented.css new file mode 100644 index 0000000..743a99b --- /dev/null +++ b/includes/js/dijit/themes/soria/layout/SplitContainer.css.commented.css @@ -0,0 +1,34 @@ +/** + * dijit.layout.SplitContainer + * + */ + +.soria .dijitSplitContainerSizerH { + background:url("../images/splitContainerSizerV.png") repeat-y #cddef4; + border:0; + border-left:0px solid #436496; + border-right:0px solid #436496; + width:5px; +} + +.soria .dijitSplitContainerSizerH .thumb { + background:url("../images/splitContainerSizerV-thumb.png") no-repeat #ccc; + left:1px; + width:2px; + height:19px; +} + +.soria .dijitSplitContainerSizerV { + background:url("../images/splitContainerSizerH.png") repeat-x #cddef4; + border:0; + border-top:0px solid #436496; + border-bottom:0px solid #436496; + height:2px; +} + +.soria .dijitSplitContainerSizerV .thumb { + background:url("../images/splitContainerSizerH-thumb.png") no-repeat #ccc; + top:1px; + width:19px; + height:5px; +} diff --git a/includes/js/dijit/themes/soria/layout/TabContainer.css b/includes/js/dijit/themes/soria/layout/TabContainer.css new file mode 100644 index 0000000..c1a6858 --- /dev/null +++ b/includes/js/dijit/themes/soria/layout/TabContainer.css @@ -0,0 +1,281 @@ + + +.soria .dijitTabPaneWrapper { + + background:#fff; + border:1px solid #b1badf; +} +.soria .dijitTab { + line-height:normal; + margin-right:3px; + padding:0px; + background: url("../images/tabContainerSprite.gif") no-repeat 0 -300px; + font-size: 0.9em; + font-weight: bold; + color: #373941; + margin-bottom: -1px; +} +.soria dijitTabChecked { + margin-bottom: -2px; +} +.soria .dijitTabInnerDiv .dijitTabContent { + padding:8px 10px 4px 10px; + background: url("../images/tabContainerSprite.gif") repeat-x 0 -350px; +} +.soria .dijitTabInnerDiv { + padding:0px 10px 0px 10px; + background: url("../images/tabContainerSprite.gif") no-repeat; + background-position: right -400px; + border: none; +} +.soria .dijitTabHover, +.soria .dijitTabCloseButtonHover { + color: #243C5F; + background: url("../images/tabContainerSprite.gif") no-repeat 0px -150px; +} +.soria .dijitTabHover .dijitTabInnerDiv, +.soria .dijitTabCloseButtonHover .dijitTabInnerDiv { + background: url("../images/tabContainerSprite.gif") no-repeat right -250px; + border: none; +} +.soria .dijitTabHover .dijitTabInnerDiv .dijitTabContent, +.soria .dijitTabCloseButtonHover .dijitTabInnerDiv .dijitTabContent { + background: url("../images/tabContainerSprite.gif") repeat-x 0 -200px; + padding:8px 10px 4px 10px; +} +.soria .dijitTabChecked, +.soria .dijitTabCloseButtonChecked +{ + + background: url("../images/tabContainerSprite.gif") no-repeat 0px -0px; +} +.soria .dijitTabChecked .dijitTabInnerDiv { + padding:0px 10px 0px 10px; + background: url("../images/tabContainerSprite.gif") no-repeat right -100px; + border: none; +} +.soria .dijitTabChecked .dijitTabInnerDiv .dijitTabContent { + background: url("../images/tabContainerSprite.gif") repeat-x 0 -50px; + padding:8px 10px 5px 10px; + color: #243C5F !important; +} +.soria .dijitTabLabels-top { + border-left: 1px solid #b1badf; + border-top: 1px solid #b1badf; + border-right: 1px solid #b1badf; + padding-top: 2px; + padding-left: 3px; + padding-right: 3px; + background: #F0F4FC url("../images/tabStripe.gif") repeat-x left bottom; + padding-bottom: 4px; +} +.soria .dijitAlignLeft .dijitTab, +.soria .dijitAlignRight .dijitTab { + margin-right:0px; + margin-bottom:5px; +} +.soria .dijitAlignTop .dijitTabChecked, +.soria .dijitAlignTop .dijitTabCloseButtonChecked +{ + border-bottom-color:white; + vertical-align:bottom; +} +.soria .dijitAlignBottom .dijitTabChecked, +.soria .dijitAlignBottom .dijitTabCloseButtonChecked +{ + border-top-color:white; + +} +.soria .dijitAlignLeft .dijitTabChecked, +.soria .dijitAlignLeft .dijitTabCloseButtonChecked +{ + border-right-color:white; +} +.soria .dijitAlignRight .dijitTabChecked, +.soria .dijitAlignRight .dijitTabCloseButtonChecked +{ + border-left-color:white; +} +.soria .dijitTabLabels-bottom { + padding-bottom: 2px; + padding-left: 3px; + background-color: #f0f4fc; + border-left: 1px solid #b1badf; + border-bottom: 1px solid #b1badf; + border-right: 1px solid #b1badf; + background: #F0F4FC url("../images/tabStripeBottom.gif") repeat-x left top; + padding-top: 3px; + padding-right: 3px; +} +.soria .dijitAlignBottom .dijitTab { + line-height:normal; + margin-right:3px; + padding:0px; + background: url("../images/tabBottomEnabledSpriteLR.gif") no-repeat bottom left; + font-size: 0.9em; + font-weight: bold; + color: #373941; + margin-bottom: 0px; + margin-top: 1px; +} +.soria .dijitAlignBottom .dijitTabChecked { + margin-bottom: 0px; + margin-top: 0px !important; +} +.soria .dijitAlignBottom .dijitTabInnerDiv .dijitTabContent { + padding:6px 10px 6px 10px; + background: url("../images/tabBottomEnabledC.gif") repeat-x bottom left; +} +.soria .dijitAlignBottom .dijitTabInnerDiv { + padding:0px 10px 0px 10px; + background: url("../images/tabBottomEnabledSpriteLR.gif") no-repeat bottom right; + border: none; +} +.soria .dijitAlignBottom .dijitTabHover, +.soria .dijitAlignBottom .dijitTabCloseButtonHover { + color: #243C5F; + background: url("../images/tabBottomHoverSpriteLR.gif") no-repeat bottom left; +} +.soria .dijitAlignBottom .dijitTabHover .dijitTabInnerDiv, +.soria .dijitAlignBottom .dijitTabCloseButtonHover .dijitTabInnerDiv { + background: url("../images/tabBottomHoverSpriteLR.gif") no-repeat bottom right; + border: none; +} +.soria .dijitAlignBottom .dijitTabHover .dijitTabInnerDiv .dijitTabContent, +.soria .dijitAlignBottom .dijitTabCloseButtonHover .dijitTabInnerDiv .dijitTabContent { + background: url("../images/tabBottomHoverC.gif") repeat-x bottom left; + padding:6px 10px 6px 10px; +} +.dj_ie6 .soria .dijitAlignBottom .dijitTabHover, +.dj_ie6 .soria .dijitAlignBottom .dijitTabCloseButtonHover { + background-image: url("../images/tabHover.gif"); +} +.soria .dijitAlignBottom .dijitTabChecked, +.soria .dijitAlignBottom .dijitTabCloseButtonChecked +{ + + background: url("../images/tabBottomActiveSpriteLR.gif") no-repeat bottom left; +} +.soria .dijitAlignBottom .dijitTabChecked .dijitTabInnerDiv { + padding:0px 10px 0px 10px; + background: url("../images/tabBottomActiveSpriteLR.gif") no-repeat bottom right; + border: none; +} +.soria .dijitAlignBottom .dijitTabChecked .dijitTabInnerDiv .dijitTabContent { + background: url("../images/tabBottomActiveC.gif") repeat-x bottom left; + padding:7px 10px 6px 10px; +} +.soria .dijitAlignLeft .dijitTab { + margin-right: 1px !important; +} +.soria .dijitAlignLeft .dijitTabChecked { + margin-right: 0px !important; +} +.soria .dijitAlignLeft .dijitTabChecked .dijitTabInnerDiv { + background: url("../images/tabLeftChecked.gif") no-repeat right top !important; + padding-left: 10px; + border-bottom: 1px solid #8ba0bd !important; +} +.soria .dijitAlignLeft .dijitTabInnerDiv { + background: url("../images/tabContainerSprite.gif") no-repeat right -350px; + padding-left: 10px; + border-bottom: 1px solid #b9bbdd; +} +.soria .dijitAlignLeft .dijitTabHover .dijitTabInnerDiv { + background: url("../images/tabContainerSprite.gif") no-repeat right -200px; + padding-left: 10px; + border-bottom: 1px solid #b9bbdd; +} +.soria .dijitTabLabels-left-h { + padding-left: 2px; + padding-top: 3px; + background-color: #f0f4fc; + border-left: 1px solid #b1badf; + border-bottom: 1px solid #b1badf; + border-top: 1px solid #b1badf; + background: #F0F4FC url("../images/tabStripeLeft.gif") repeat-y right top; + padding-right: 3px; +} +.soria .dijitAlignLeft .dijitTabInnerDiv .dijitTabContent { + padding:7px 10px 6px 10px !important; +} +.soria .dijitTabLabels-right-h { + padding-right: 2px; + padding-top: 3px; + background-color: #f0f4fc; + border-right: 1px solid #b1badf; + border-bottom: 1px solid #b1badf; + border-top: 1px solid #b1badf; + background: #F0F4FC url("../images/tabStripeRight.gif") repeat-y left top; + padding-left: 3px; +} +.soria .dijitAlignRight .dijitTab { + margin-left: 1px; +} +.soria .dijitAlignRight .dijitTabChecked { + margin-left: 0px; +} +.soria .dijitAlignRight .dijitTabChecked { + background: url("../images/tabRightChecked.gif") no-repeat left top !important; +} +.soria .dijitAlignRight .dijitTab { + background: url("../images/tabContainerSprite.gif") no-repeat left -350px; +} +.soria .dijitAlignRight .dijitTabHover .dijitTab { + background: url("../images/tabContainerSprite.gif") no-repeat left -200px; +} +.soria .dijitAlignRight .dijitTabInnerDiv .dijitTabContent { + padding:7px 10px 6px 10px !important; +} +.soria .dijitAlignRight .dijitTabChecked .dijitTabInnerDiv { + border-bottom: 1px solid #8ba0bd !important; +} +.soria .dijitAlignRight .dijitTabInnerDiv { + border-bottom: 1px solid #b9bbdd; +} +.soria .dijitAlignRight .dijitTabHover .dijitTabInnerDiv { + border-bottom: 1px solid #b9bbdd; +} +.soria .dijitTab .dijitClosable { + position: relative; + padding-left: 10px !important; + padding-right: 20px !important; +} +.soria .dijitTab img { + padding: 0; + margin: 0; +} +.soria .dijitTab .dijitClosable .closeImage { + position:absolute; + top: 5px; + right: 5px; + height: 15px; + width: 15px; + padding: 0; + margin: 0; + background: url("../images/spriteRoundedIconsSmallBl.png") no-repeat -60px top; +} +.dj_ie6 .dijitTab .dijitClosable .closeImage { + background:url("../images/spriteRoundedIconsSmallBl.gif") no-repeat -60px top; +} +.dj_ie6 .soria .dijitTabCloseButton .dijitClosable .closeImage { + background: url("../images/spriteRoundedIconsSmallBl.gif") no-repeat -60px top; +} +.soria .dijitTabHover .dijitClosable .closeImage { + background: url("../images/spriteRoundedIconsSmallBl.png") no-repeat -60px -15px !important; +} +.dj_ie6 .soria .dijitTabHover .dijitClosable .closeImage { + background: url("../images/spriteRoundedIconsSmallBl.gif") no-repeat -60px -15px !important; +} +.dj_ie6 .soria .dijitAlignLeft .dijitTab .dijitClosable .closeImage { + left:-20px; +} +.soria .dijitAlignBottom .dijitTab .dijitClosable .closeImage { + top: auto; + bottom: 7px; + right: 3px; +} +.soria .dijitAlignLeft .dijitTab .dijitClosable .closeImage { + top: 7px; + left: 3px; +} diff --git a/includes/js/dijit/themes/soria/layout/TabContainer.css.commented.css b/includes/js/dijit/themes/soria/layout/TabContainer.css.commented.css new file mode 100644 index 0000000..c559cfc --- /dev/null +++ b/includes/js/dijit/themes/soria/layout/TabContainer.css.commented.css @@ -0,0 +1,372 @@ +/** + * dijit.layout.TabContainer + * + * To style TabContainer with rounded corners + * you can use these classes: .dijitTab (left), .dijitTabContent (center), dijitTabInnerDiv (right) + * For tabs aligned to top you can style a stripe div right underneath the tabs using .dijitTabStripe + */ + +/* Classes for all types of tabs (top/bottom/left/right) */ + +.soria .dijitTabPaneWrapper { /* Container for tab content */ + /* + overflow: hidden; + */ + background:#fff; + border:1px solid #b1badf; +} + +.soria .dijitTab { + line-height:normal; + margin-right:3px; /* space between one tab and the next in top/bottom mode */ + padding:0px; + background: url("../images/tabContainerSprite.gif") no-repeat 0 -300px; + font-size: 0.9em; + font-weight: bold; + color: #373941; + margin-bottom: -1px; +} + +.soria dijitTabChecked { + margin-bottom: -2px; +} + +.soria .dijitTabInnerDiv .dijitTabContent { + padding:8px 10px 4px 10px; + background: url("../images/tabContainerSprite.gif") repeat-x 0 -350px; +} + +.soria .dijitTabInnerDiv { + padding:0px 10px 0px 10px; + background: url("../images/tabContainerSprite.gif") no-repeat; + background-position: right -400px; + border: none; +} + +.soria .dijitTabHover, +.soria .dijitTabCloseButtonHover { + color: #243C5F; + background: url("../images/tabContainerSprite.gif") no-repeat 0px -150px; +} + +.soria .dijitTabHover .dijitTabInnerDiv, +.soria .dijitTabCloseButtonHover .dijitTabInnerDiv { + background: url("../images/tabContainerSprite.gif") no-repeat right -250px; + border: none; +} + +.soria .dijitTabHover .dijitTabInnerDiv .dijitTabContent, +.soria .dijitTabCloseButtonHover .dijitTabInnerDiv .dijitTabContent { + background: url("../images/tabContainerSprite.gif") repeat-x 0 -200px; + padding:8px 10px 4px 10px; +} + +.soria .dijitTabChecked, +.soria .dijitTabCloseButtonChecked +{ + /* the selected tab (with or without hover) */ + background: url("../images/tabContainerSprite.gif") no-repeat 0px -0px; +} + +.soria .dijitTabChecked .dijitTabInnerDiv { + padding:0px 10px 0px 10px; + background: url("../images/tabContainerSprite.gif") no-repeat right -100px; + border: none; +} + +.soria .dijitTabChecked .dijitTabInnerDiv .dijitTabContent { + background: url("../images/tabContainerSprite.gif") repeat-x 0 -50px; + padding:8px 10px 5px 10px; + color: #243C5F !important; +} + +/* top specific classes */ + +.soria .dijitTabLabels-top { + border-left: 1px solid #b1badf; + border-top: 1px solid #b1badf; + border-right: 1px solid #b1badf; + padding-top: 2px; + padding-left: 3px; + padding-right: 3px; + background: #F0F4FC url("../images/tabStripe.gif") repeat-x left bottom; + padding-bottom: 4px; +} +/* +.soria .dijitAlignTop .dijitTabStripe { + background: url("../images/tabStripe.gif") repeat-x left bottom; + padding-left: 2px; + padding-top: 0px; + height: 4px; + clear: both; + font-size: 1px; + margin-left: -3px; +} +*/ + +.soria .dijitAlignLeft .dijitTab, +.soria .dijitAlignRight .dijitTab { + margin-right:0px; + margin-bottom:5px; /* space between one tab and the next in left/right mode */ +} + +/* make the active tab white on the side next to the content pane */ +.soria .dijitAlignTop .dijitTabChecked, +.soria .dijitAlignTop .dijitTabCloseButtonChecked +{ + border-bottom-color:white; + vertical-align:bottom; +} + +.soria .dijitAlignBottom .dijitTabChecked, +.soria .dijitAlignBottom .dijitTabCloseButtonChecked +{ + border-top-color:white; + /*-moz-border-radius:2px 2px 0px 0px; eliminate some border detritrus on moz */ +} + +.soria .dijitAlignLeft .dijitTabChecked, +.soria .dijitAlignLeft .dijitTabCloseButtonChecked +{ + border-right-color:white; +} + +.soria .dijitAlignRight .dijitTabChecked, +.soria .dijitAlignRight .dijitTabCloseButtonChecked +{ + border-left-color:white; +} + +/* bottom specific classes */ + +.soria .dijitTabLabels-bottom { + padding-bottom: 2px; + padding-left: 3px; + background-color: #f0f4fc; + border-left: 1px solid #b1badf; + border-bottom: 1px solid #b1badf; + border-right: 1px solid #b1badf; + background: #F0F4FC url("../images/tabStripeBottom.gif") repeat-x left top; + padding-top: 3px; + padding-right: 3px; +} +/* +.soria .dijitAlignBottom .dijitTabStripe { + background: url("../images/tabStripe.gif") repeat-x left bottom; + padding-left: 2px; + padding-top: 0px; + height: 4px; + clear: both; + font-size: 1px; + margin-left: -3px; +} +*/ +.soria .dijitAlignBottom .dijitTab { + line-height:normal; + margin-right:3px; /* space between one tab and the next in top/bottom mode */ + padding:0px; + background: url("../images/tabBottomEnabledSpriteLR.gif") no-repeat bottom left; + font-size: 0.9em; + font-weight: bold; + color: #373941; + margin-bottom: 0px; + margin-top: 1px; +} + +.soria .dijitAlignBottom .dijitTabChecked { + margin-bottom: 0px; + margin-top: 0px !important; +} + +.soria .dijitAlignBottom .dijitTabInnerDiv .dijitTabContent { + padding:6px 10px 6px 10px; + background: url("../images/tabBottomEnabledC.gif") repeat-x bottom left; +} + +.soria .dijitAlignBottom .dijitTabInnerDiv { + padding:0px 10px 0px 10px; + background: url("../images/tabBottomEnabledSpriteLR.gif") no-repeat bottom right; + border: none; +} + +.soria .dijitAlignBottom .dijitTabHover, +.soria .dijitAlignBottom .dijitTabCloseButtonHover { + color: #243C5F; + background: url("../images/tabBottomHoverSpriteLR.gif") no-repeat bottom left; +} + +.soria .dijitAlignBottom .dijitTabHover .dijitTabInnerDiv, +.soria .dijitAlignBottom .dijitTabCloseButtonHover .dijitTabInnerDiv { + background: url("../images/tabBottomHoverSpriteLR.gif") no-repeat bottom right; + border: none; +} + +.soria .dijitAlignBottom .dijitTabHover .dijitTabInnerDiv .dijitTabContent, +.soria .dijitAlignBottom .dijitTabCloseButtonHover .dijitTabInnerDiv .dijitTabContent { + background: url("../images/tabBottomHoverC.gif") repeat-x bottom left; + padding:6px 10px 6px 10px; +} + +.dj_ie6 .soria .dijitAlignBottom .dijitTabHover, +.dj_ie6 .soria .dijitAlignBottom .dijitTabCloseButtonHover { + background-image: url("../images/tabHover.gif"); +} + +.soria .dijitAlignBottom .dijitTabChecked, +.soria .dijitAlignBottom .dijitTabCloseButtonChecked +{ + /* the selected tab (with or without hover) */ + background: url("../images/tabBottomActiveSpriteLR.gif") no-repeat bottom left; +} + +.soria .dijitAlignBottom .dijitTabChecked .dijitTabInnerDiv { + padding:0px 10px 0px 10px; + background: url("../images/tabBottomActiveSpriteLR.gif") no-repeat bottom right; + border: none; +} + +.soria .dijitAlignBottom .dijitTabChecked .dijitTabInnerDiv .dijitTabContent { + background: url("../images/tabBottomActiveC.gif") repeat-x bottom left; + padding:7px 10px 6px 10px; +} + +/* left specific classes */ +.soria .dijitAlignLeft .dijitTab { + margin-right: 1px !important; +} + +.soria .dijitAlignLeft .dijitTabChecked { + margin-right: 0px !important; +} + +.soria .dijitAlignLeft .dijitTabChecked .dijitTabInnerDiv { + background: url("../images/tabLeftChecked.gif") no-repeat right top !important; + padding-left: 10px; + border-bottom: 1px solid #8ba0bd !important; +} + +.soria .dijitAlignLeft .dijitTabInnerDiv { + background: url("../images/tabContainerSprite.gif") no-repeat right -350px; + padding-left: 10px; + border-bottom: 1px solid #b9bbdd; +} +.soria .dijitAlignLeft .dijitTabHover .dijitTabInnerDiv { + background: url("../images/tabContainerSprite.gif") no-repeat right -200px; + padding-left: 10px; + border-bottom: 1px solid #b9bbdd; +} + +.soria .dijitTabLabels-left-h { + padding-left: 2px; + padding-top: 3px; + background-color: #f0f4fc; + border-left: 1px solid #b1badf; + border-bottom: 1px solid #b1badf; + border-top: 1px solid #b1badf; + background: #F0F4FC url("../images/tabStripeLeft.gif") repeat-y right top; + padding-right: 3px; +} + +.soria .dijitAlignLeft .dijitTabInnerDiv .dijitTabContent { + padding:7px 10px 6px 10px !important; +} + +/* right specific classes */ +.soria .dijitTabLabels-right-h { + padding-right: 2px; + padding-top: 3px; + background-color: #f0f4fc; + border-right: 1px solid #b1badf; + border-bottom: 1px solid #b1badf; + border-top: 1px solid #b1badf; + background: #F0F4FC url("../images/tabStripeRight.gif") repeat-y left top; + padding-left: 3px; +} + +.soria .dijitAlignRight .dijitTab { + margin-left: 1px; +} + +.soria .dijitAlignRight .dijitTabChecked { + margin-left: 0px; +} + +.soria .dijitAlignRight .dijitTabChecked { + background: url("../images/tabRightChecked.gif") no-repeat left top !important; +} + +.soria .dijitAlignRight .dijitTab { + background: url("../images/tabContainerSprite.gif") no-repeat left -350px; +} +.soria .dijitAlignRight .dijitTabHover .dijitTab { + background: url("../images/tabContainerSprite.gif") no-repeat left -200px; +} +.soria .dijitAlignRight .dijitTabInnerDiv .dijitTabContent { + padding:7px 10px 6px 10px !important; +} + +.soria .dijitAlignRight .dijitTabChecked .dijitTabInnerDiv { + border-bottom: 1px solid #8ba0bd !important; +} + +.soria .dijitAlignRight .dijitTabInnerDiv { + border-bottom: 1px solid #b9bbdd; +} +.soria .dijitAlignRight .dijitTabHover .dijitTabInnerDiv { + border-bottom: 1px solid #b9bbdd; +} + +/* make space for a positioned close button */ +.soria .dijitTab .dijitClosable { + position: relative; + padding-left: 10px !important; + padding-right: 20px !important; +} + +.soria .dijitTab img { + padding: 0; + margin: 0; +} + +.soria .dijitTab .dijitClosable .closeImage { + position:absolute; + top: 5px; + right: 5px; + height: 15px; + width: 15px; + padding: 0; + margin: 0; + background: url("../images/spriteRoundedIconsSmallBl.png") no-repeat -60px top; +} +.dj_ie6 .dijitTab .dijitClosable .closeImage { + background:url("../images/spriteRoundedIconsSmallBl.gif") no-repeat -60px top; +} +.dj_ie6 .soria .dijitTabCloseButton .dijitClosable .closeImage { + background: url("../images/spriteRoundedIconsSmallBl.gif") no-repeat -60px top; +} + +.soria .dijitTabHover .dijitClosable .closeImage { + background: url("../images/spriteRoundedIconsSmallBl.png") no-repeat -60px -15px !important; +} +.dj_ie6 .soria .dijitTabHover .dijitClosable .closeImage { + background: url("../images/spriteRoundedIconsSmallBl.gif") no-repeat -60px -15px !important; +} + +/* correct for IE6. + We cant force hasLayout as that blows out the shrink wrapped tabs + ..so we shim in the closeImage position properties instead +*/ +.dj_ie6 .soria .dijitAlignLeft .dijitTab .dijitClosable .closeImage { + left:-20px; +} + +.soria .dijitAlignBottom .dijitTab .dijitClosable .closeImage { + top: auto; + bottom: 7px; + right: 3px; +} + +.soria .dijitAlignLeft .dijitTab .dijitClosable .closeImage { + top: 7px; + left: 3px; +} diff --git a/includes/js/dijit/themes/soria/layout/TabContainer_rtl.css b/includes/js/dijit/themes/soria/layout/TabContainer_rtl.css new file mode 100644 index 0000000..1f498ce --- /dev/null +++ b/includes/js/dijit/themes/soria/layout/TabContainer_rtl.css @@ -0,0 +1,55 @@ + +.dijitRtl .dijitTab { + margin-right:0; + margin-left:3px; +} +.dijitRtl .dijitTab .dijitTabInnerDiv { + border-left:none; +} +.dijitRtl .dijitTab .dijitClosable { + padding: 0 10px 0 20px; +} +.dijitRtl .dijitTab .closeImage { + position:static; +} +.dj_gecko .dijitTab .closeImage { + position:relative; + float:none; + padding:0; +} +.dijitRtl .dijitTab .dijitClosable .closeImage { + right:auto; + left:3px; + background-position: -60px top; +} +.dj_ie .dijitRtl .dijitTab .dijitClosable .closeImage { + width:12px !important; +} +.dijitRtl .dijitAlignLeft .dijitTab, +.dijitRtl .dijitAlignRight .dijitTab { + margin-left:0px; +} +.dijitRtl .dijitAlignBottom .dijitTab { + margin-right:0; + margin-left:3px; +} +.dijitRtl .dijitAlignBottom .dijitTab .dijitClosable .closeImage { + right:auto; + left:3px; +} +.dijitRtl .dijitAlignRight .dijitTab .dijitTabInnerDiv { + padding-left:10px; + padding-right:20px; +} +.dijitRtl .dijitAlignLeft .dijitTab .dijitTabInnerDiv { + padding-left:20px; + padding-right:10px; +} +.dijitRtl .dijitAlignRight .dijitTab .dijitClosable .closeImage { + left:auto; + right:3px; +} +.dijitRtl .dijitAlignLeft .dijitTab .dijitClosable .closeImage { + right:auto; + left:3px; +} diff --git a/includes/js/dijit/themes/soria/layout/TabContainer_rtl.css.commented.css b/includes/js/dijit/themes/soria/layout/TabContainer_rtl.css.commented.css new file mode 100644 index 0000000..d0b6c84 --- /dev/null +++ b/includes/js/dijit/themes/soria/layout/TabContainer_rtl.css.commented.css @@ -0,0 +1,69 @@ +/* TabContainer */ + +.dijitRtl .dijitTab { + margin-right:0; + margin-left:3px; /* space between one tab and the next in top/bottom mode */ +} + +.dijitRtl .dijitTab .dijitTabInnerDiv { + border-left:none; +} + +.dijitRtl .dijitTab .dijitClosable { + padding: 0 10px 0 20px; +} + +.dijitRtl .dijitTab .closeImage { + position:static; +} + +.dj_gecko .dijitTab .closeImage { + position:relative; + float:none; + padding:0; +} + +.dijitRtl .dijitTab .dijitClosable .closeImage { + right:auto; + left:3px; + background-position: -60px top; +} + +.dj_ie .dijitRtl .dijitTab .dijitClosable .closeImage { + width:12px !important; +} + +.dijitRtl .dijitAlignLeft .dijitTab, +.dijitRtl .dijitAlignRight .dijitTab { + margin-left:0px; +} + +.dijitRtl .dijitAlignBottom .dijitTab { + margin-right:0; + margin-left:3px; /* space between one tab and the next in top/bottom mode */ +} + +.dijitRtl .dijitAlignBottom .dijitTab .dijitClosable .closeImage { + right:auto; + left:3px; +} + +.dijitRtl .dijitAlignRight .dijitTab .dijitTabInnerDiv { + padding-left:10px; + padding-right:20px; +} + +.dijitRtl .dijitAlignLeft .dijitTab .dijitTabInnerDiv { + padding-left:20px; + padding-right:10px; +} + +.dijitRtl .dijitAlignRight .dijitTab .dijitClosable .closeImage { + left:auto; + right:3px; +} + +.dijitRtl .dijitAlignLeft .dijitTab .dijitClosable .closeImage { + right:auto; + left:3px; +} diff --git a/includes/js/dijit/themes/soria/soria.css b/includes/js/dijit/themes/soria/soria.css new file mode 100644 index 0000000..f965241 --- /dev/null +++ b/includes/js/dijit/themes/soria/soria.css @@ -0,0 +1,1386 @@ + +@import url("../dijit.css"); +.soria .dijitSliderDisabled *, +.soria .dijitDisabledClickableRegion, +.soria .dijitSpinnerDisabled *, +.soria .dijitButtonDisabled *, +.soria .dijitDropDownButtonDisabled *, +.soria .dijitComboButtonDisabled *, +.soria .dijitComboBoxDisabled * +{ + cursor: not-allowed !important; +} +.soria .dojoDndItemBefore { + border-top: 2px solid #369; +} +.soria .dojoDndItemAfter { + border-bottom: 2px solid #369; +} +.soria .dojoDndItemOver { + cursor:pointer; +} +.soria table.dojoDndAvatar { -moz-border-radius: 0; border: 1px solid #ccc; border-collapse: collapse; background-color: #fff; font-size: 75%; color: black;} +.soria .dojoDndAvatar td { border: none; } +.soria .dojoDndAvatar tr { border: none; } +.soria .dojoDndAvatarHeader td { height: 20px; padding: 0 0 0 21px; } +.soria .dojoDndAvatarItem td { padding: 2px;} +.soria.dojoDndMove .dojoDndAvatarHeader {background-color: #f58383; background-image: url(images/dndNoMove.png); background-repeat: no-repeat; background-position: 2px center;} +.soria.dojoDndCopy .dojoDndAvatarHeader {background-color: #f58383; background-image: url(images/dndNoCopy.png); background-repeat: no-repeat; background-position: 2px center;} +.soria.dojoDndMove .dojoDndAvatarCanDrop .dojoDndAvatarHeader {background-color: #97e68d; background-image: url(images/dndMove.png); background-repeat: no-repeat; background-position: 2px center;} +.soria.dojoDndCopy .dojoDndAvatarCanDrop .dojoDndAvatarHeader {background-color: #97e68d; background-image: url(images/dndCopy.png); background-repeat: no-repeat; background-position: 2px center;} + + +.soria .dijitTabPaneWrapper { + + background:#fff; + border:1px solid #b1badf; +} +.soria .dijitTab { + line-height:normal; + margin-right:3px; + padding:0px; + background: url(images/tabContainerSprite.gif) no-repeat 0 -300px; + font-size: 0.9em; + font-weight: bold; + color: #373941; + margin-bottom: -1px; +} +.soria dijitTabChecked { + margin-bottom: -2px; +} +.soria .dijitTabInnerDiv .dijitTabContent { + padding:8px 10px 4px 10px; + background: url(images/tabContainerSprite.gif) repeat-x 0 -350px; +} +.soria .dijitTabInnerDiv { + padding:0px 10px 0px 10px; + background: url(images/tabContainerSprite.gif) no-repeat; + background-position: right -400px; + border: none; +} +.soria .dijitTabHover, +.soria .dijitTabCloseButtonHover { + color: #243C5F; + background: url(images/tabContainerSprite.gif) no-repeat 0px -150px; +} +.soria .dijitTabHover .dijitTabInnerDiv, +.soria .dijitTabCloseButtonHover .dijitTabInnerDiv { + background: url(images/tabContainerSprite.gif) no-repeat right -250px; + border: none; +} +.soria .dijitTabHover .dijitTabInnerDiv .dijitTabContent, +.soria .dijitTabCloseButtonHover .dijitTabInnerDiv .dijitTabContent { + background: url(images/tabContainerSprite.gif) repeat-x 0 -200px; + padding:8px 10px 4px 10px; +} +.soria .dijitTabChecked, +.soria .dijitTabCloseButtonChecked +{ + + background: url(images/tabContainerSprite.gif) no-repeat 0px -0px; +} +.soria .dijitTabChecked .dijitTabInnerDiv { + padding:0px 10px 0px 10px; + background: url(images/tabContainerSprite.gif) no-repeat right -100px; + border: none; +} +.soria .dijitTabChecked .dijitTabInnerDiv .dijitTabContent { + background: url(images/tabContainerSprite.gif) repeat-x 0 -50px; + padding:8px 10px 5px 10px; + color: #243C5F !important; +} +.soria .dijitTabLabels-top { + border-left: 1px solid #b1badf; + border-top: 1px solid #b1badf; + border-right: 1px solid #b1badf; + padding-top: 2px; + padding-left: 3px; + padding-right: 3px; + background: #F0F4FC url(images/tabStripe.gif) repeat-x left bottom; + padding-bottom: 4px; +} +.soria .dijitAlignLeft .dijitTab, +.soria .dijitAlignRight .dijitTab { + margin-right:0px; + margin-bottom:5px; +} +.soria .dijitAlignTop .dijitTabChecked, +.soria .dijitAlignTop .dijitTabCloseButtonChecked +{ + border-bottom-color:white; + vertical-align:bottom; +} +.soria .dijitAlignBottom .dijitTabChecked, +.soria .dijitAlignBottom .dijitTabCloseButtonChecked +{ + border-top-color:white; + +} +.soria .dijitAlignLeft .dijitTabChecked, +.soria .dijitAlignLeft .dijitTabCloseButtonChecked +{ + border-right-color:white; +} +.soria .dijitAlignRight .dijitTabChecked, +.soria .dijitAlignRight .dijitTabCloseButtonChecked +{ + border-left-color:white; +} +.soria .dijitTabLabels-bottom { + padding-bottom: 2px; + padding-left: 3px; + background-color: #f0f4fc; + border-left: 1px solid #b1badf; + border-bottom: 1px solid #b1badf; + border-right: 1px solid #b1badf; + background: #F0F4FC url(images/tabStripeBottom.gif) repeat-x left top; + padding-top: 3px; + padding-right: 3px; +} +.soria .dijitAlignBottom .dijitTab { + line-height:normal; + margin-right:3px; + padding:0px; + background: url(images/tabBottomEnabledSpriteLR.gif) no-repeat bottom left; + font-size: 0.9em; + font-weight: bold; + color: #373941; + margin-bottom: 0px; + margin-top: 1px; +} +.soria .dijitAlignBottom .dijitTabChecked { + margin-bottom: 0px; + margin-top: 0px !important; +} +.soria .dijitAlignBottom .dijitTabInnerDiv .dijitTabContent { + padding:6px 10px 6px 10px; + background: url(images/tabBottomEnabledC.gif) repeat-x bottom left; +} +.soria .dijitAlignBottom .dijitTabInnerDiv { + padding:0px 10px 0px 10px; + background: url(images/tabBottomEnabledSpriteLR.gif) no-repeat bottom right; + border: none; +} +.soria .dijitAlignBottom .dijitTabHover, +.soria .dijitAlignBottom .dijitTabCloseButtonHover { + color: #243C5F; + background: url(images/tabBottomHoverSpriteLR.gif) no-repeat bottom left; +} +.soria .dijitAlignBottom .dijitTabHover .dijitTabInnerDiv, +.soria .dijitAlignBottom .dijitTabCloseButtonHover .dijitTabInnerDiv { + background: url(images/tabBottomHoverSpriteLR.gif) no-repeat bottom right; + border: none; +} +.soria .dijitAlignBottom .dijitTabHover .dijitTabInnerDiv .dijitTabContent, +.soria .dijitAlignBottom .dijitTabCloseButtonHover .dijitTabInnerDiv .dijitTabContent { + background: url(images/tabBottomHoverC.gif) repeat-x bottom left; + padding:6px 10px 6px 10px; +} +.dj_ie6 .soria .dijitAlignBottom .dijitTabHover, +.dj_ie6 .soria .dijitAlignBottom .dijitTabCloseButtonHover { + background-image: url(images/tabHover.gif); +} +.soria .dijitAlignBottom .dijitTabChecked, +.soria .dijitAlignBottom .dijitTabCloseButtonChecked +{ + + background: url(images/tabBottomActiveSpriteLR.gif) no-repeat bottom left; +} +.soria .dijitAlignBottom .dijitTabChecked .dijitTabInnerDiv { + padding:0px 10px 0px 10px; + background: url(images/tabBottomActiveSpriteLR.gif) no-repeat bottom right; + border: none; +} +.soria .dijitAlignBottom .dijitTabChecked .dijitTabInnerDiv .dijitTabContent { + background: url(images/tabBottomActiveC.gif) repeat-x bottom left; + padding:7px 10px 6px 10px; +} +.soria .dijitAlignLeft .dijitTab { + margin-right: 1px !important; +} +.soria .dijitAlignLeft .dijitTabChecked { + margin-right: 0px !important; +} +.soria .dijitAlignLeft .dijitTabChecked .dijitTabInnerDiv { + background: url(images/tabLeftChecked.gif) no-repeat right top !important; + padding-left: 10px; + border-bottom: 1px solid #8ba0bd !important; +} +.soria .dijitAlignLeft .dijitTabInnerDiv { + background: url(images/tabContainerSprite.gif) no-repeat right -350px; + padding-left: 10px; + border-bottom: 1px solid #b9bbdd; +} +.soria .dijitAlignLeft .dijitTabHover .dijitTabInnerDiv { + background: url(images/tabContainerSprite.gif) no-repeat right -200px; + padding-left: 10px; + border-bottom: 1px solid #b9bbdd; +} +.soria .dijitTabLabels-left-h { + padding-left: 2px; + padding-top: 3px; + background-color: #f0f4fc; + border-left: 1px solid #b1badf; + border-bottom: 1px solid #b1badf; + border-top: 1px solid #b1badf; + background: #F0F4FC url(images/tabStripeLeft.gif) repeat-y right top; + padding-right: 3px; +} +.soria .dijitAlignLeft .dijitTabInnerDiv .dijitTabContent { + padding:7px 10px 6px 10px !important; +} +.soria .dijitTabLabels-right-h { + padding-right: 2px; + padding-top: 3px; + background-color: #f0f4fc; + border-right: 1px solid #b1badf; + border-bottom: 1px solid #b1badf; + border-top: 1px solid #b1badf; + background: #F0F4FC url(images/tabStripeRight.gif) repeat-y left top; + padding-left: 3px; +} +.soria .dijitAlignRight .dijitTab { + margin-left: 1px; +} +.soria .dijitAlignRight .dijitTabChecked { + margin-left: 0px; +} +.soria .dijitAlignRight .dijitTabChecked { + background: url(images/tabRightChecked.gif) no-repeat left top !important; +} +.soria .dijitAlignRight .dijitTab { + background: url(images/tabContainerSprite.gif) no-repeat left -350px; +} +.soria .dijitAlignRight .dijitTabHover .dijitTab { + background: url(images/tabContainerSprite.gif) no-repeat left -200px; +} +.soria .dijitAlignRight .dijitTabInnerDiv .dijitTabContent { + padding:7px 10px 6px 10px !important; +} +.soria .dijitAlignRight .dijitTabChecked .dijitTabInnerDiv { + border-bottom: 1px solid #8ba0bd !important; +} +.soria .dijitAlignRight .dijitTabInnerDiv { + border-bottom: 1px solid #b9bbdd; +} +.soria .dijitAlignRight .dijitTabHover .dijitTabInnerDiv { + border-bottom: 1px solid #b9bbdd; +} +.soria .dijitTab .dijitClosable { + position: relative; + padding-left: 10px !important; + padding-right: 20px !important; +} +.soria .dijitTab img { + padding: 0; + margin: 0; +} +.soria .dijitTab .dijitClosable .closeImage { + position:absolute; + top: 5px; + right: 5px; + height: 15px; + width: 15px; + padding: 0; + margin: 0; + background: url(images/spriteRoundedIconsSmallBl.png) no-repeat -60px top; +} +.dj_ie6 .dijitTab .dijitClosable .closeImage { + background:url(images/spriteRoundedIconsSmallBl.gif) no-repeat -60px top; +} +.dj_ie6 .soria .dijitTabCloseButton .dijitClosable .closeImage { + background: url(images/spriteRoundedIconsSmallBl.gif) no-repeat -60px top; +} +.soria .dijitTabHover .dijitClosable .closeImage { + background: url(images/spriteRoundedIconsSmallBl.png) no-repeat -60px -15px !important; +} +.dj_ie6 .soria .dijitTabHover .dijitClosable .closeImage { + background: url(images/spriteRoundedIconsSmallBl.gif) no-repeat -60px -15px !important; +} +.dj_ie6 .soria .dijitAlignLeft .dijitTab .dijitClosable .closeImage { + left:-20px; +} +.soria .dijitAlignBottom .dijitTab .dijitClosable .closeImage { + top: auto; + bottom: 7px; + right: 3px; +} +.soria .dijitAlignLeft .dijitTab .dijitClosable .closeImage { + top: 7px; + left: 3px; +} + + +.soria .dijitAccordionContainer { + border-color: #b1badf; +} +.soria .dijitAccordionPane { + background-color: #e7e7e7; + font-size: 0.9em; + font-weight: bold; + color: #373941; +} +.soria .dijitAccordionTitle { + background:#fafafa url(images/titleBar.png) repeat-x top left; + border-top: 1px solid #b9bbdd; + padding: 5px 4px 6px 8px; + cursor:pointer; +} +.soria .dijitAccordionTitle-selected { + background: #f9f9f9 url(images/accordionItemActive.png) top repeat-x; + font-weight: bold; + border-top: 1px solid #b9bbdd; + border-bottom: 1px solid #b9bbdd; + padding: 5px 4px 5px 8px; + cursor: default; + color: #243C5F; +} +.soria .dijitAccordionArrow { + background:url(images/spriteRoundedIconsSmallBl.gif) no-repeat; + width:15px; + height:15px; + margin-top:-1px; +} +.soria .dijitAccordionTitle-selected .dijitAccordionArrow { + background:url(images/spriteRoundedIconsSmallBl.gif) no-repeat -15px top; + margin-top:-1px; +} +.soria .dijitAccordionBody { + background: #fff; +} + +.soria .dijitSplitContainerSizerH { + background:url(images/splitContainerSizerV.png) repeat-y #cddef4; + border:0; + border-left:0px solid #436496; + border-right:0px solid #436496; + width:5px; +} +.soria .dijitSplitContainerSizerH .thumb { + background:url(images/splitContainerSizerV-thumb.png) no-repeat #ccc; + left:1px; + width:2px; + height:19px; +} +.soria .dijitSplitContainerSizerV { + background:url(images/splitContainerSizerH.png) repeat-x #cddef4; + border:0; + border-top:0px solid #436496; + border-bottom:0px solid #436496; + height:2px; +} +.soria .dijitSplitContainerSizerV .thumb { + background:url(images/splitContainerSizerH-thumb.png) no-repeat #ccc; + top:1px; + width:19px; + height:5px; +} + +.soria .dijitSplitterH { + background:url(images/splitContainerSizerH.png) repeat-x #fff; + border:0; + border-left:0px solid #d3d3d3; + border-right:0px solid #d3d3d3; + height:5px; +} +.soria .dijitSplitterH .dijitSplitterThumb { + background:url(images/splitContainerSizerH-thumb.png) no-repeat; + top:1px; + width:19px; + height:2px; +} +.soria .dijitSplitterV { + background:url(images/splitContainerSizerV.png) repeat-y #fff; + border:0; + border-top:0px solid #d3d3d3; + border-bottom:0px solid #d3d3d3; + width:5px; +} +.soria .dijitSplitterV .dijitSplitterThumb { + background:url(images/splitContainerSizerV-thumb.png) no-repeat; + left:1px; + height:19px; + width:5px; +} +.soria .dijitInputField INPUT, +.soria .dijitTextBox, +.soria .dijitComboBox, +.soria .dijitSpinner { + margin: 0em 0.1em; +} +.soria .dijitTextBox, +.soria .dijitComboBox, +.soria .dijitSpinner, +.soria .dijitInlineEditor input, +.soria .dijitTextArea { + + background:#fff url(images/validationInputBg.png) repeat-x top left; + #background:#fff url(images/validationInputBg.gif) repeat-x top left; + border:1px solid #8ba0bd; + line-height: normal; +} +.soria .dijitComboBox .dijitButtonNode { + padding: 0 0.2em; +} +.soria .dijitComboBox .dijitButtonNode, +.soria .dijitSpinner .dijitButtonNode { + + border-color: #8ba0bd; + border-left: 1px solid #8ba0bd; +} +.soria .dijitTextBoxFocused, +.soria .dijitComboBoxFocused, +.soria .dijitSpinnerFocused { + + border-color:#406b9b; +} +.soria .dijitComboBoxFocused .dijitButtonNode, .soria .dijitSpinnerFocused .dijitButtonNode { + border-left-color:#8ba0bd; +} +.soria .dijitSpinnerFocused .dijitDownArrowButton { + border-top-color:#8ba0bd; +} +.soria .dijitError { + border-color:#f3d118; + background-color:#f9f7ba; + background-image:none; +} +.dj_ie6 .soria .dijitError INPUT { + + background-color:#f9f7ba !important; +} +.soria .dijitErrorFocused { + background-color:#ff6; + background-image:none; +} +.dj_ie6 .soria .dijitErrorFocused INPUT { + + background-color:#ff6 !important; +} +.soria .dijitValidationIcon { + + width: 16px; + background: transparent url(images/warning.png) no-repeat center center; +} +.soria .dijitButtonNode { + + + border:1px solid #8ba0bd; + border-bottom:1px solid #657c9c; + border-right:1px solid #657c9c; + padding: 0.2em; + background:#bcd5f0 url(images/buttonEnabled.png) repeat-x top left; +} +.dj_ie .soria .dijitButtonNode { + zoom: 1; +} +.soria .dijitButtonText { + padding: 0 0.3em; +} +.soria .dijitComboBox .dijitButtonNode { + border-width: 0px 0px 0px 1px; +} +.soria .dijitArrowButton { + color: #111; +} +.soria .dijitComboButton .dijitDownArrowButton { + padding-right:4px; +} +.dj_ff2 .soria .dijitComboButton .dijitButtonContentsFocused, +.dj_ff2 .soria .dijitComboButton .dijitDownArrowButtonFocused { + border: 1px black dotted !important; +} +.soria .dijitButtonDisabled .dijitButtonNode, +.soria .dijitToggleButtonDisabled .dijitButtonNode, +.soria .dijitDropDownButtonDisabled .dijitButtonNode, +.soria .dijitComboButtonDisabled .dijitButtonNode, +.soria .dijitComboBoxDisabled, +.soria .dijitSpinnerDisabled, +.soria .dijitSpinnerDisabled .dijitButtonNode { + + border-color: #b9bbdd #b9bbdd #b9bbdd #b9bbdd; + + background:#c3d3e5 url(images/buttonDisabled.png) top repeat-x; + opacity: 0.60; +} +.dj_ie .soria .dijitButtonDisabled .dijitButtonNode *, +.dj_ie .soria .dijitToggleButtonDisabled .dijitButtonNode *, +.dj_ie .soria .dijitDropDownButtonDisabled .dijitButtonNode *, +.dj_ie .soria .dijitComboButtonDisabled .dijitButtonNode *, +.dj_ie .soria .dijitSpinnerDisabled .dijitButtonNode * { + filter: gray() alpha(opacity=50); +} +.soria .dijitButtonHover .dijitButtonNode, +.soria .dijitToggleButtonHover .dijitButtonNode, +.soria .dijitDropDownButtonHover .dijitButtonNode, +.soria .dijitComboButtonHover .dijitButtonContents, +.soria .dijitComboButtonDownArrowHover .dijitDownArrowButton, +.soria .dijitComboBoxHover .dijitDownArrowButton, +.soria .dijitSpinnerUpArrowHover .dijitUpArrowButton, +.soria .dijitSpinnerDownArrowHover .dijitDownArrowButton { + + + color:#000; + background:#acc5e2 url(images/buttonHover.png) repeat-x top left; +} +.soria .dijitSpinnerUpArrowActive .dijitUpArrowButton, +.soria .dijitSpinnerDownArrowActive .dijitDownArrowButton, +.soria .dijitButtonActive .dijitButtonNode, +.soria .dijitToggleButtonActive .dijitButtonNode, +.soria .dijitDropDownButtonActive .dijitButtonNode, +.soria .dijitComboButtonActive .dijitButtonContents, +.soria .dijitDownArrowActive .dijitDownArrowButton, +.soria .dijitComboBoxActive .dijitDownArrowButton { + + border-color:#657c9c; + background: #91b4e5 url(images/buttonActive.png) top left repeat-x; +} +.soria .dijitArrowButtonInner { + background:url(images/spriteArrows.png) no-repeat left top; + width: 11px; +} +.soria .dijitUpArrowButton .dijitArrowButtonInner { + background:url(images/spriteArrows.png) no-repeat -22px top; + width: 11px; +} +.dj_ie6 .soria .dijitArrowButtonInner { + background:url(images/spriteArrows.gif) no-repeat left top; + width: 11px; +} +.dj_ie6 .soria .dijitUpArrowButton .dijitArrowButtonInner { + background:url(images/spriteArrows.gif) no-repeat -22px top; + width: 11px; +} +.soria .dijitComboBox .dijitArrowButton .dijitArrowButtonInner { + background:url(images/spriteArrows.png) no-repeat left center; + width: 11px; +} +.soria .dijitComboBoxHover .dijitArrowButtonInner { + +} +.soria .dijitToggleButton .dijitCheckBox, +.soria .dijitToggleButton .dijitCheckBoxIcon { + background-image: url(images/spriteCheckbox.gif); +} +.soria .dijitCheckBox, +.soria .dijitCheckBoxIcon { + background-image: url(images/spriteCheckbox.gif); + background-repeat: no-repeat; + width: 16px; + height: 16px; + margin: 0; + padding: 0; +} +.soria .dijitCheckBox, +.soria .dijitToggleButton .dijitCheckBoxIcon { + + background-position: -16px; +} +.soria .dijitCheckBoxChecked, +.soria .dijitToggleButtonChecked .dijitCheckBoxIcon { + + background-position: 0px; +} +.soria .dijitCheckBoxDisabled { + + background-position: -48px; +} +.soria .dijitCheckBoxCheckedDisabled { + + background-position: -32px; +} +.soria .dijitCheckBoxHover, +.soria .dijitCheckBoxFocused { + + background-position: -80px; +} +.soria .dijitCheckBoxCheckedHover, + .soria .dijitCheckBoxCheckedFocused { + + background-position: -64px; +} +.soria .dijitToggleButton .dijitRadio, +.soria .dijitToggleButton .dijitRadioIcon { + background-image: url(images/spriteRadio.gif); +} +.soria .dijitRadio, +.soria .dijitRadioIcon { + background-image: url(images/spriteRadio.gif); + background-repeat: no-repeat; + width: 16px; + height: 16px; + margin: 0; + padding: 0; +} +.soria .dijitRadio, +.soria .dijitToggleButton .dijitRadioIcon { + + background-position: -16px; +} +.soria .dijitRadioChecked, +.soria .dijitToggleButtonChecked .dijitRadioIcon { + + background-position: 0px; +} +.soria .dijitRadioCheckedDisabled { + + background-position: -48px; +} +.soria .dijitRadioDisabled { + + background-position: -32px; +} +.soria .dijitRadioHover, +.soria .dijitRadioFocused { + + background-position: -80px; +} +.soria .dijitRadioCheckedHover, +.soria .dijitRadioCheckedFocused { + + background-position: -64px; +} +.soria .dijitTextBox { + margin: 0em 0.1em; +} +.soria .dijitTextBox, +.soria .dijitTextArea { + + background:#fff url(images/validationInputBg.png) repeat-x top left; + #background:#fff url(images/validationInputBg.gif) repeat-x top left; + border:1px solid #c4c4c4; + line-height: normal; +} +.soria .dijitSliderProgressBarH { + border-color: #b1badf; + background: #c0c2c5 url(images/sliderFull.png) repeat-x top left; +} +.soria .dijitSliderProgressBarV { + border-color: #b1badf; + background: #c0c2c5 url(images/sliderFullVertical.png) repeat-y bottom left; +} +.soria .dijitSliderFocused .dijitSliderProgressBarH, +.soria .dijitSliderFocused .dijitSliderLeftBumper { + background-image:url(images/sliderFullFocus.png); +} +.soria .dijitSliderFocused .dijitSliderProgressBarV, +.soria .dijitSliderFocused .dijitSliderBottomBumper { + background-image:url(images/sliderFullVerticalFocus.png); +} +.soria .dijitSliderRemainingBarV { + border-color: #b4b4b4; + background: #dcdcdc url(images/sliderEmptyVertical.png) repeat-y bottom left; +} +.soria .dijitSliderRemainingBarH { + border-color: #b4b4b4; + background: #dcdcdc url(images/sliderEmpty.png) repeat-x top left; +} +.soria .dijitSliderBar { + border-style: solid; + outline:1px; + +} +.soria .dijitSliderFocused .dijitSliderBar { + border-color:#8ba0bd; +} +.dijit_a11y .dijitSliderProgressBar { + background-color:#333 !important; +} +.soria .dijitSliderImageHandleH { + border:0px; + width:15px; + height:18px; + background:url(images/preciseSliderThumb.png) no-repeat center top; + cursor:pointer; +} +.soria .dijitSliderFocused .dijitSliderImageHandleH { + background-image:url(images/preciseSliderThumbFocus.png); + #background-image:url(images/preciseSliderThumbFocus.gif); +} +.dj_ie6 .soria .dijitSliderImageHandleH { + background-image:url(images/preciseSliderThumb.gif); +} +.soria .dijitSliderLeftBumper { + border-left-width: 1px; + border-color: #aab0bb; + background: #c0c2c5 url(images/sliderFull.png) repeat-x top left; +} +.soria .dijitSliderRightBumper { + background: #dcdcdc url(images/sliderEmpty.png) repeat-x top left; + border-color: #b4b4b4; + border-right-width: 1px; +} +.soria .dijitSliderImageHandleV { + border:0px; + width:20px; + height:15px; + background:url(images/sliderThumb.png) no-repeat center center; + cursor:pointer; +} +.soria .dijitSliderFocused .dijitSliderImageHandleV { + background-image:url(images/sliderThumbFocus.png); +} +.dj_ie6 .soria .dijitSliderFocused .dijitSliderImageHandleV { + background-image:url(images/sliderThumbFocus.gif); +} +.soria .dijitSliderBottomBumper { + border-bottom-width: 1px; + border-color: #aab0bb; + background: #c0c2c5 url(images/sliderFullVertical.png) repeat-y bottom left; +} +.soria .dijitSliderTopBumper { + background: #dcdcdc url(images/sliderEmptyVertical.png) repeat-y top left; + border-color: #b4b4b4; + border-top-width: 1px; +} +.soria .dijitSliderIncrementIconH, +.soria .dijitSliderIncrementIconV { + background:url(images/spriteRoundedIconsSmall.png) no-repeat -45px top; + width:15px; height:15px; + cursor:pointer; +} +.soria .dijitSliderIncrementIconH { + background:url(images/spriteRoundedIconsSmall.png) no-repeat -30px top; +} +.soria .dijitSliderDecrementIconH, +.soria .dijitSliderDecrementIconV { + width:15px; + height:15px; + cursor:pointer; + background:url(images/spriteRoundedIconsSmall.png) no-repeat -15px top; +} +.soria .dijitSliderDecrementIconH { background:url(images/spriteRoundedIconsSmall.png) no-repeat 0px top; } +.soria .dijitSliderButtonInner { + visibility:hidden; +} +.soria .dijitSliderDisabled { + opacity:0.6 !important; +} +.dj_ie6 .soria .dijitSliderDisabled, +.dj_ie6 .soria .dijitSliderDisabled .dijitRuleContainer, +.dj_ie6 .soria .dijitSliderDisabled .dijitSliderRemainingBar, +.dj_ie6 .soria .dijitSliderDisabled .dijitSliderProgressBar { + filter: gray() alpha(opacity=40); +} +.soria .dijitTreeNode { + background : url(images/treeI.gif) no-repeat; + background-position : top left; + background-repeat : repeat-y; + margin-left: 19px; + zoom: 1; +} +.soria .dijitTreeIsLast { + background: url(images/treeI_half.gif) no-repeat; +} +.soria .dijitTreeLabel { + font-weight: normal; + margin-left: 3px; +} +.soria .dijitTreeIsRoot { + margin-left: 0; + background-image: none; +} +.soria .dijitTreeExpando { + width: 18px; + height: 18px; +} +.soria .dijitTreeContent { + min-height: 18px; + min-width: 18px; + margin-left:18px; + padding-top:3px; + padding-left:1px; +} +.soria .dijitTreeExpand { + width: 18px; + height: 18px; + background-repeat : no-repeat; +} +.soria .dijitTreeNodeEmphasized { + background-color: Highlight; + color: HighlightText; +} +.soria .dijitTreeLabelFocused { + outline: 1px invert dotted; + background:#dde7f2; +} +.soria .dijitTreeExpandoOpened { + background: url(images/spriteTree.gif) no-repeat -18px top; +} +.soria .dijitTreeExpandoClosed { + background-image: url(images/spriteTree.gif); +} +.soria .dijitTreeExpandoLeaf { + background: url(images/spriteTree.gif) no-repeat -36px top; +} +.soria .dijitTreeExpandoLoading { + background-image: url(images/treeExpand_loading.gif); +} +.soria .dijitTreeIcon { + width: 16px; + height: 16px; +} +.soria .dijitFolderOpened { + background: url(images/spriteDivIcons.gif) no-repeat -16px top; +} +.soria .dijitFolderClosed { + background: url(images/spriteDivIcons.gif) no-repeat top left; +} +.soria .dijitLeaf { + background: url(images/spriteDivIcons.gif) no-repeat -32px top; +} +.soria .dijitProgressBar { + margin:2px 0px 2px 0px; +} +.soria .dijitProgressBarEmpty{ + + background:#fff url(images/progressBarEmpty.png) repeat-x center center; + border-color: #8ba0bd; +} +.soria .dijitProgressBarTile{ + + background:#f0f0f0 url(images/progressBarFull.png) repeat-x center center; +} +.soria .dijitProgressBarFull { + border-right:1px solid #8ba0bd; +} +.soria .dijitProgressBarLabel { + + color:#293a4b; +} +.soria .dijitProgressBarIndeterminate .dijitProgressBarTile { + + background:#cad2de url(images/progressBarAnim.gif) repeat-x center center; +} + + +.soria .dijitTitlePane .dijitTitlePaneTitle { + background: #cccccc; + background:#fff url(images/titleBar.png) repeat-x top left; + border:1px solid #bfbfbf; + padding:4px 4px 2px 4px; + cursor: pointer; + font-size: 0.9em; + font-weight: bold; + color: #6d6d6d; +} +.soria .dijitTitlePane .dijitArrowNode { + width:15px; + height:15px; + float:right; + margin-top: -2px; +} +.soria .dijitTitlePaneFocused .dijitTitlePaneTextNode { + color: #243C5F; +} +.soria .dijitOpen .dijitTitlePaneTextNode { + color: #243C5F; +} +.soria .dijitTitlePane .dijitClosed .dijitArrowNode { + background: url(images/spriteRoundedIconsSmall.png) no-repeat top left; +} +.dj_ie6 .soria .dijitTitlePane .dijitClosed .dijitArrowNode { + background:url(images/spriteRoundedIconsSmall.gif) no-repeat top left; +} +.soria .dijitTitlePane .dijitOpen .dijitArrowNode { + background:url(images/spriteRoundedIconsSmall.png) no-repeat -15px top; +} +.dj_ie6 .soria .dijitTitlePane .dijitOpen .dijitArrowNode { + background:url(images/spriteRoundedIconsSmall.gif) no-repeat -15px top; +} +.soria .dijitTitlePane .dijitArrowNodeInner { + visibility:hidden; +} +.dijit_a11y .dijitTitlePane .dijitArrowNodeInner { + visibility:visible; +} +.soria .dijitTitlePaneTitle .dijitOpenCloseArrowOuter { + margin-right:5px; +} +.soria .dijitOpen .dijitTitlePaneTitle .dijitOpenCloseArrowOuter { + position:relative; + top:2px; +} +.soria .dijitTitlePaneContentOuter { + background: #ffffff; + border:1px solid #bfbfbf; + border-top: 0px solid #3d3d3d; +} +.soria .dijitTitlePaneContentInner { + padding:10px; +} +.dj_ie6 .soria .dijitTitlePaneContentOuter, +.dj_ie6 .soria .dijitTitlePane .dijitTitlePaneTitle { + zoom: 1; +} +.soria .dijitClickableRegion { + background-color : #ffc !important; +} + +.soria .dijitCalendarIncrementControl { + + width:15px; + height:15px; +} +.dj_ie6 .soria .dijitCalendarIncrementControl { + padding:.1em; + font-size:.1em; +} +.soria .dijitCalendarIncreaseInner, +.soria .dijitCalendarDecreaseInner { + visibility:hidden; +} +.soria .dijitCalendarDecrease { + background:url(images/spriteRoundedIconsSmall.png) no-repeat top left; +} +.dj_ie6 .soria .dijitCalendarDecrease { + background:url(images/spriteRoundedIconsSmall.gif) no-repeat top left; +} +.soria .dijitCalendarIncrease { + background:url(images/spriteRoundedIconsSmall.png) no-repeat -30px top; +} +.dj_ie6 .soria .dijitCalendarIncrease { + background:url(images/spriteRoundedIconsSmall.gif) no-repeat -30px top; +} +.soria table.dijitCalendarContainer { + font-size: 100%; + border-spacing: 0; + border-collapse: separate; + border: 1px solid #b1badf; + margin: 0; +} +.soria .dijitCalendarMonthContainer th { + + background:#bed7f0 url(images/titleBar.png) repeat-x top; + padding-top:.3em; + padding-bottom:.2em; + text-align:center; +} +.dj_ie6 .soria .dijitCalendarMonthContainer th { + padding-top:.1em; + padding-bottom:0em; +} +.soria .dijitCalendarDayLabelTemplate { + + background:#bed7f0; + font-weight:normal; + padding-top:.15em; + padding-bottom:.2em; + border-bottom: 1px solid #b1badf; + color:#293a4b; + text-align:center; +} +.soria .dijitCalendarBodyContainer { + border-bottom: 1px solid #eeeeee; +} +.soria .dijitCalendarMonthLabel { + color:#293a4b; + font-weight: bold; +} +.dj_ie7 .soria .dijitCalendarDateTemplate, +.dj_ie6 .soria .dijitCalendarDateTemplate { + font-size: 0.8em; +} +.soria .dijitCalendarDateTemplate { + + font-size: 0.9em; + font-weight: bold; + text-align: center; + padding: 0.3em 0.3em 0.1em 0.3em; + letter-spacing: 1px; + background-color: #fff; + border:#fff solid 1px !important; +} +.soria .dijitCalendarPreviousMonth, +.soria .dijitCalendarNextMonth { + + color:#999999; + background-color:#fdfdfd !important; + border:#fdfdfd solid 1px !important; +} +.soria .dijitCalendarPreviousMonthDisabled, +.soria .dijitCalendarNextMonthDisabled { + + background-color:#a4a5a6 !important; +} +.soria .dijitCalendarCurrentMonth { + +} +.soria .dijitCalendarCurrentMonthDisabled { + + background-color:#bbbbbc !important; +} +.soria .dijitCalendarDisabledDate { + + + text-decoration:line-through !important; + cursor:default !important; +} +.soria .dijitCalendarCurrentDate { + + text-decoration:underline; + font-weight:bold; +} +.soria .dijitCalendarSelectedDate { + + background-color:#b9cbf1 !important; + color:black !important; + border:#4b5aaa solid 1px !important; +} +.soria .dijitCalendarYearContainer { + + background:white url(images/titleBar.png) repeat-x top; +} +.soria .dijitCalendarYearLabel { + + margin:0; + padding:0.4em 0 0.25em 0; + text-align:center; +} +.soria .dijitCalendarSelectedYear { + + color:black; + padding:0.2em; + padding-bottom:0.1em; + background-color:#b9cbf1 !important; + border:#4b5aaa solid 1px !important; +} +.soria .dijitCalendarNextYear, +.soria .dijitCalendarPreviousYear { + + color:black !important; + font-weight:normal; +} +.soria .dijitToolbar { + padding: 3px 0 1px 3px; + border-bottom: 1px solid #ccc; + background:#eaeaea url(images/titleBar.png) repeat-x top left; +} +.soria .dijitToolbar .dijitButtonNode { + background: none; + margin: 0px !important; + padding: 0px !important; + border: none; + font-size: 12px; +} +.soria .dijitToolbar .dijitButton, +.soria .dijitToolbar .dijitToggleButton, +.soria .dijitToolbar .dijitDropDownButton { + background: none; + margin: 1px; + padding: 0px; + border: 1px solid transparent; +} +.soria .dijitToolbar .dijitButtonChecked, +.soria .dijitToolbar .dijitToggleButtonChecked { + background-color:#d8e5f8; + border:1px solid #316ac5; + margin: 1px !important; + padding: 0px !important; +} +.soria .dijitToolbar .dijitButtonCheckedHover, +.soria .dijitToolbar .dijitToggleButtonCheckedHover + { + background-color:#9abbea; + border:1px solid #316ac5; + margin: 1px !important; + padding: 0px !important; +} +.soria .dijitToolbar .dijitButtonHover, +.soria .dijitToolbar .dijitToggleButtonHover, +.soria .dijitToolbar .dijitDropDownButtonHover { + + border: 1px solid #316ac5; + background-color:#9abbea; +} +.soria .dijitToolbar label { + padding: 3px 3px 0 6px; +} +.dj_ie .soria .dijitToolbar .dijitComboButton .dijitButtonContentsFocused, +.dj_ie .soria .dijitToolbar .dijitComboButton .dijitDownArrowButtonFocused, +.dj_ff2 .soria.dijitToolbar .dijitComboButton .dijitButtonContentsFocused, +.dj_ff2 .soria .dijitToolbar .dijitComboButton .dijitDownArrowButtonFocused { + border: 1px black dotted !important; +} +.dj_ie6 .soria .dijitToolbar .dijitButton, +.dj_ie6 .soria .dijitToolbar .dijitToggleButton, +.dj_ie6 .soria .dijitToolbar .dijitDropDownButton { + + margin: 2px; + padding: 0px 2px; + border: 0px; +} +.dj_ie6 .soria .dijitToolbar .dijitButtonChecked, +.dj_ie6 .soria .dijitToolbar .dijitToggleButtonChecked, +.dj_ie6 .soria .dijitToolbar .dijitDropDownButtonChecked { + background-color:#d8e5f8; + border:1px solid #316ac5; + margin: 1px !important; + padding: 0px 2px !important; +} +.dj_ie6 .soria .dijitToolbar .dijitButtonCheckedHover, +.dj_ie6 .soria .dijitToolbar .dijitToggleButtonCheckedHover, +.dj_ie6 .soria .dijitToolbar .dijitDropDownButtonCheckedHover { + background-color:#9abbea; + border:1px solid #316ac5; + margin: 1px !important; + padding: 0px 2px !important; +} +.dj_ie6 .soria .dijitToolbar .dijitButtonHover, +.dj_ie6 .soria .dijitToolbar .dijitToggleButtonHover, +.dj_ie6 .soria .dijitToolbar .dijitDropDownButtonHover { + background-color:#9abbea; + border:1px solid #316ac5; + margin: 1px !important; + padding: 0px 2px !important; +} +.soria .dijitDialog { + background: #eee; + border: 1px solid #cbcbcb; + -webkit-box-shadow: 0px 5px 10px #adadad; + padding: 0px; +} +.soria .dijitDialog .dijitDialogTitle { + border-top: none; + border-left: none; + border-right: none; + font-size: 0.9em; + color: #3243C5F; +} +.soria .dijitDialog .dijitDialogPaneContent { + background: #ffffff; + border:none; + border-top: 1px solid #b1badf; + padding:10px; +} +.soria .dijitDialogTitleBar { + + background: #fafafa url(images/titleBar.png) repeat-x top left; + + padding: 5px 6px 3px 2px; + cursor: move; + outline:0; +} +.soria .dijitDialogTitle { + + font-weight: bold; + padding: 8px 12px 8px 12px; + outline:0; +} +.soria .dijitDialogCloseIcon { + + background : url(images/spriteRoundedIconsSmallBl.png) no-repeat right top; + float: right; + position: absolute; + vertical-align: middle; + right: 6px; + top: 4px; + height: 15px; + width: 15px; + cursor: pointer; +} +.dj_ie6 .soria .dijitDialogCloseIcon { + background : url(images/spriteRoundedIconsSmallBl.gif) no-repeat right top; +} +.soria .dijitDialogContent { + + padding: 8px; +} +.soria .dijitTooltip, +.soria .dijitTooltipDialog { + + opacity: 0.95; + background: transparent; +} +.dijitTooltipBelow { + + padding-top: 10px; +} +.dijitTooltipAbove { + + padding-bottom: 10px; +} +.soria .dijitTooltipContainer { + + background-color: #fff; + border:1px solid #cbcbcb; + padding:0.45em; + +} +.soria .dijitTooltipConnector { + + border:0px; + z-index: 2; +} +.soria .dijitTooltipABRight .dijitTooltipConnector { + + left: auto !important; + right: 6px; +} +.soria .dijitTooltipBelow .dijitTooltipConnector { + + top: 0px; + left: 6px; + background:url(images/tooltipConnectorUp.png) no-repeat top left; + width:17px; + height:11px; +} +.dj_ie6 .soria .dijitTooltipBelow .dijitTooltipConnector { + background-image: url(images/tooltipConnectorUp.gif); +} +.soria .dijitTooltipAbove .dijitTooltipConnector { + + bottom: 0px; + left: 6px; + background:url(images/tooltipConnectorDown.png) no-repeat top left; + width:17px; + height:11px; +} +.dj_ie6 .soria .dijitTooltipAbove .dijitTooltipConnector { + background-image: url(images/tooltipConnectorDown.gif); + bottom: -5px; +} +.soria .dijitTooltipLeft { + padding-right: 10px; +} +.dj_ie6 .soria .dijitTooltipLeft { + padding-left: 11px; +} +.soria .dijitTooltipLeft .dijitTooltipConnector { + + right: 0px; + bottom: 7px; + background:url(images/tooltipConnectorRight.png) no-repeat top left; + width:11px; + height:17px; +} +.dj_ie6 .soria .dijitTooltipLeft .dijitTooltipConnector { + background-image: url(images/tooltipConnectorRight.gif); +} +.soria .dijitTooltipRight { + padding-left: 10px; +} +.soria .dijitTooltipRight .dijitTooltipConnector { + + left: 0px; + bottom: 7px; + background:url(images/tooltipConnectorLeft.png) no-repeat top left; + width:11px; + height:17px; +} +.dj_ie6 .soria .dijitTooltipRight .dijitTooltipConnector { + background-image: url(images/tooltipConnectorLeft.gif); +} +.soria .dijitMenu { + border: 1px solid #cbcbcb; + margin: 0px; + padding: 0px; + background-color: #fff; +} +.soria .dijitMenuItem { + background-color: #fff; + font: menu; + margin: 0px; + color: #243C5F; +} +.soria .dijitMenuPreviousButton, .soria .dijitMenuNextButton { + font-style: italic; +} +.soria .dijitMenuItem TD { + padding:1px; +} +.soria .dijitMenuItemHover { + background-color: #d9e6f9; + color: #243C5F; +} +.soria .dijitMenuItemIcon { + width: 15px; + height: 15px; + +} +.soria .dijitMenuExpand { + display:none; +} +.soria .dijitMenuExpandEnabled { + + width:15px; + height:15px; + background:url(images/spriteRoundedIconsSmall.png) no-repeat -30px top; + display:block; +} +.dj_ie6 .soria .dijitMenuExpandEnabled { + background-image:url(images/spriteRoundedIconsSmall.gif); +} +.soria .dijitMenuExpandInner { + display:none; +} +.soria .dijitMenuSeparator { + background-color: #fff; + height: 1px; +} +.soria .dijitMenuSeparatorTop { + border-bottom: 1px solid #fff; +} +.soria .dijitMenuSeparatorBottom { + border-top: 1px solid #8ba0bd; +} +.dijitIEFixedToolbar { + position:absolute; + + top: expression(eval((document.documentElement||document.body).scrollTop)); +} +.soria .dijitToolbar .dijitToolbarSeparator { + background: url(images/editor.gif); +} +.soria .dijitEditorIcon { + background-image: url(images/editor.gif); + background-repeat: no-repeat; + width: 18px; + height: 18px; + text-align: center; +} +.soria .dijitEditorIconSep { background-position: 0px; } +.soria .dijitEditorIconBackColor { background-position: -18px; } +.soria .dijitEditorIconBold { background-position: -36px; } +.soria .dijitEditorIconCancel { background-position: -54px; } +.soria .dijitEditorIconCopy { background-position: -72px; } +.soria .dijitEditorIconCreateLink { background-position: -90px; } +.soria .dijitEditorIconCut { background-position: -108px; } +.soria .dijitEditorIconDelete { background-position: -126px; } +.soria .dijitEditorIconForeColor { background-position: -144px; } +.soria .dijitEditorIconHiliteColor { background-position: -162px; } +.soria .dijitEditorIconIndent { background-position: -180px; } +.soria .dijitEditorIconInsertHorizontalRule { background-position: -198px; } +.soria .dijitEditorIconInsertImage { background-position: -216px; } +.soria .dijitEditorIconInsertOrderedList { background-position: -234px; } +.soria .dijitEditorIconInsertTable { background-position: -252px; } +.soria .dijitEditorIconInsertUnorderedList { background-position: -270px; } +.soria .dijitEditorIconItalic { background-position: -288px; } +.soria .dijitEditorIconJustifyCenter { background-position: -306px; } +.soria .dijitEditorIconJustifyFull { background-position: -324px; } +.soria .dijitEditorIconJustifyLeft { background-position: -342px; } +.soria .dijitEditorIconJustifyRight { background-position: -360px; } +.soria .dijitEditorIconLeftToRight { background-position: -378px; } +.soria .dijitEditorIconListBulletIndent { background-position: -396px; } +.soria .dijitEditorIconListBulletOutdent { background-position: -414px; } +.soria .dijitEditorIconListNumIndent { background-position: -432px; } +.soria .dijitEditorIconListNumOutdent { background-position: -450px; } +.soria .dijitEditorIconOutdent { background-position: -468px; } +.soria .dijitEditorIconPaste { background-position: -486px; } +.soria .dijitEditorIconRedo { background-position: -504px; } +.soria .dijitEditorIconRemoveFormat { background-position: -522px; } +.soria .dijitEditorIconRightToLeft { background-position: -540px; } +.soria .dijitEditorIconSave { background-position: -558px; } +.soria .dijitEditorIconSpace { background-position: -576px; } +.soria .dijitEditorIconStrikethrough { background-position: -594px; } +.soria .dijitEditorIconSubscript { background-position: -612px; } +.soria .dijitEditorIconSuperscript { background-position: -630px; } +.soria .dijitEditorIconUnderline { background-position: -648px; } +.soria .dijitEditorIconUndo { background-position: -666px; } +.soria .dijitEditorIconWikiword { background-position: -684px; } +.soria .dijitEditorIconToggleDir { background-position: -540px; } +.dijitColorPalette { + border:1px solid #cbcbcb; + background:#fff; + -moz-border-radius: 0px !important; +} diff --git a/includes/js/dijit/themes/soria/soria.css.commented.css b/includes/js/dijit/themes/soria/soria.css.commented.css new file mode 100644 index 0000000..d2bdd78 --- /dev/null +++ b/includes/js/dijit/themes/soria/soria.css.commented.css @@ -0,0 +1,39 @@ +/* + Adds cosmetic styling to Dijit. Users may swap with a custom theme CSS file. + + 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("Common.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/ComboBox.css"); +@import url("form/Checkbox.css"); +@import url("form/RadioButton.css"); +@import url("form/Textarea.css"); +@import url("form/Slider.css"); +@import url("Tree.css"); +@import url("ProgressBar.css"); +@import url("TitlePane.css"); +@import url("Calendar.css"); +@import url("Toolbar.css"); +@import url("Dialog.css"); +@import url("Menu.css"); +@import url("Editor.css"); +@import url("ColorPalette.css"); diff --git a/includes/js/dijit/themes/soria/soria_rtl.css b/includes/js/dijit/themes/soria/soria_rtl.css new file mode 100644 index 0000000..134c52e --- /dev/null +++ b/includes/js/dijit/themes/soria/soria_rtl.css @@ -0,0 +1,317 @@ + +.dj_gecko .dijitRtl .dijitInputField { + direction: ltr; +} +.dj_gecko .dijitRtl .dijitInputField * { + direction: rtl; +} +.dijitRtl .dijitTreeContainer .dijitTreeExpando, .dijitRtl .dijitTreeContainer .dijitTreeExpand { + float:right; +} +.dijitRtl .dijitExpandoText { + float: right; + padding-left: 3px; + padding-right: 0; +} +.dijitRtl .dijitComboBox .dijitInputField { + border-right-width:1px !important; + border-left-width:0 !important; +} +.dijitRtl .dijitCalendarNextYear { + margin:0 0.55em 0 0; +} +.dijitRtl .dijitCalendarPreviousYear { + margin:0 0 0 0.55em; +} +.dijitRtl .dijitProgressBarFull .dijitProgressBarLabel { + right:0; +} +.dijitRtl .dijitComboButton .dijitButtonContents { + border-right-width:1px !important; +} +.dijitRtl .dijitA11ySideArrow { + margin-left:1em; + margin-right:0; +} +.dijitRtl .dijitAccordionArrow, +.dijitRtl .dijitAccordionTitle .arrowTextUp, +.dijitRtl .dijitAccordionTitle .arrowTextDown { + float: left; +} +.dijitRtl .dijitSliderImageHandleV { + left:auto; + right:-6px; +} +.dj_ie .dijitRtl .dijitSliderImageHandleV { + right:-10px; +} +.dijitRtl .dijitSliderMoveableH { + right:auto; + left:0; +} +.dijitRtl .dijitRuleContainerV { + float:right; +} +.dj_gecko .dijitRtl .dijitRuleContainerV { + float:left; +} +.dj_ie .dijitRtl .dijitRuleContainerV { + text-align:right; +} +.dj_ie .dijitRtl .dijitRuleLabelV { + text-align:left; +} +.dj_ie .dijitRtl .dijitRuleLabelH { + zoom:1; +} +.dj_ie .dijitRtl .dijitSliderProgressBarH { + right:0; + left:auto; +} +.dj_gecko .dijitRtl .dijitSliderProgressBarH { + float:right; + right:0; + left:auto; +} +.dijitRtl .dijitTab { + float:right; +} +.dj_ie .dijitRtl .dijitTab, +.dj_ie .dijitRtl .dijitTab .dijitTabInnerDiv, +.dj_ie .dijitRtl .dijitTab .dijitTabInnerDiv span { + position:static; + zoom:1; +} +.dj_ie .dijitRtl .dijitTabContainer .dijitAlignLeft { + margin-left:1px !important; +} +.dj_ie .dijitRtl .dijitTabContainer .dijitAlignRight { + margin-right:1px !important; +} +.dj_ie6 .dijitRtl .dijitTab { + + width:1px; +} +.dj_ie7 .dijitRtl .dijitTabContainer .dijitAlignLeft { + + margin-left:1px !important; +} +.dj_ie7 .dijitRtl .dijitTabContainer .dijitAlignRight { + + margin-right:1px !important; +} +.dj_ie6 .dijitRtl .dijitTabContainer .dijitAlignLeft { + overflow-x:visible; + margin-left:2px !important; +} +.dj_ie6 .dijitRtl .dijitTabContainer .dijitAlignRight { + overflow-x:visible; + margin-right:2px !important; +} +.dj_ie7 .dijitRtl .dijitTab .dijitTabInnerDiv { + float:left; +} +.dj_ie7 .dijitRtl .dijitTab .closeImage { + padding: 0 0 0 12px; +} +.dj_ie .dijitRtl .dijitAlignRight .dijitTab { + position:relative; +} +.dijitRtl .dijitTitlePane .dijitArrowNode { + float: left; +} +.dijitRtl .dijitSpinner .dijitInputLayoutContainer .dijitArrowButton { + right: auto; + left: 0; + border-width: 0 1px 0 0 !important; +} +.dijitRtl .dijitSpinnerButtonContainer { + float: left; +} +.dijitRtl .dijit_a11y .dijitSpinnerButtonContainer { + margin-left: none; + margin-right: 2px; +} +.dijitRtl DIV.dijitArrowButton, .dijitRtl .dijitValidationIcon, .dijitRtl .dijitValidationIconText { + float: left; +} +.dijitRtl .dijitContentPaneLoading, .dijitRtl .dijitContentPaneError { + background-position:right; + padding-right:25px; +} +.dijitRtl .dijitTab { + margin-right:0; + margin-left:3px; +} +.dijitRtl .dijitTab .dijitTabInnerDiv { + border-left:none; +} +.dijitRtl .dijitTab .dijitClosable { + padding: 0 10px 0 20px; +} +.dijitRtl .dijitTab .closeImage { + position:static; +} +.dj_gecko .dijitTab .closeImage { + position:relative; + float:none; + padding:0; +} +.dijitRtl .dijitTab .dijitClosable .closeImage { + right:auto; + left:3px; + background-position: -60px top; +} +.dj_ie .dijitRtl .dijitTab .dijitClosable .closeImage { + width:12px !important; +} +.dijitRtl .dijitAlignLeft .dijitTab, +.dijitRtl .dijitAlignRight .dijitTab { + margin-left:0px; +} +.dijitRtl .dijitAlignBottom .dijitTab { + margin-right:0; + margin-left:3px; +} +.dijitRtl .dijitAlignBottom .dijitTab .dijitClosable .closeImage { + right:auto; + left:3px; +} +.dijitRtl .dijitAlignRight .dijitTab .dijitTabInnerDiv { + padding-left:10px; + padding-right:20px; +} +.dijitRtl .dijitAlignLeft .dijitTab .dijitTabInnerDiv { + padding-left:20px; + padding-right:10px; +} +.dijitRtl .dijitAlignRight .dijitTab .dijitClosable .closeImage { + left:auto; + right:3px; +} +.dijitRtl .dijitAlignLeft .dijitTab .dijitClosable .closeImage { + right:auto; + left:3px; +} +.dijitRtl .dijitAccordionArrow { + background-position: -30px top; +} +.dijitRtl .dijitSliderProgressBarH, +.dijitRtl .dijitSliderRemainingBarH, +.dijitRtl .dijitSliderLeftBumper, +.dijitRtl .dijitSliderRightBumper, +.dijitRtl .dijitSliderTopBumper { + background-position: top right; +} +.dijitRtl .dijitSliderProgressBarV, +.dijitRtl .dijitSliderRemainingBarV, +.dijitRtl .dijitSliderBottomBumper { + background-position: bottom right; +} +.dijitRtl .dijitSliderLeftBumper { + border-left-width: 0px; + border-right-width: 1px; +} +.dijitRtl .dijitSliderRightBumper { + border-left-width: 1px; + border-right-width: 0px; +} +.dijitRtl .dijitSliderIncrementIconH { + background-image:url(images/arrowLeft.png); +} +.dijitRtl .dijitSliderDecrementIconH { + background-image:url(images/arrowRight.png); +} +.dijitRtl .dijitComboBox .dijitButtonNode { + border-width: 0px 0px 0px 1px; +} +.dijitRtl .dijitComboBox .dijitButtonNode, +.dijitRtl .dijitSpinner .dijitButtonNode { + + border-color: #8ba0bd; + border-left: 0px solid #8ba0bd; + border-right: 1px solid #8ba0bd; +} +.dijitRtl .dijitTreeContainer .dijitTreeNode { + background-image : url(images/treeI_rtl.gif); + background-position : top right; + margin-left: auto; + margin-right: 19px; +} +.dijitRtl .dijitTreeContainer .dijitTreeIsRoot { + margin-left: auto; + margin-right: 0; + background-image: none; +} +.dijitRtl .dijitTreeContainer .dijitTreeIsLast { + background-image: url(images/treeI_half_rtl.gif); +} +.dijitRtl .dijitTreeContainer .dijitTreeContent { + margin-left: auto; + margin-right: 18px; + padding-left: auto; + padding-right: 1px; +} +.dijitRtl .dijitTreeContainer .dijitTreeExpandoOpened { + background: url(images/spriteTree_rtl.gif) no-repeat -18px top; +} +.dijitRtl .dijitTreeContainer .dijitTreeExpandoClosed { + background-image: url(images/spriteTree_rtl.gif); +} +.dijitRtl .dijitTreeContainer .dijitTreeExpandoLeaf { + background: url(images/spriteTree_rtl.gif) no-repeat -36px top; +} +.dijitRtl .dijitTitlePane .dijitClosed .dijitArrowNode { + background-position: -30px top; +} +.dj_ie6 .dijitRtl .dijitTitlePane .dijitClosed .dijitArrowNode { + background-position: -30px top; +} +.dijitRtl .dijitCalendarDecrease { + background-position: -30px top; +} +.dijitRtl .dijitCalendarIncrease { + background-position: 0px top; +} +.dj_ie6 .dijitRtl .dijitCalendarIncrease { + background-position: 0px top; +} +.dj_ie6 .dijitRtl .dijitCalendarDecrease { + background-position: -30px top; +} +.dijitRtl .dijitDialogTitleBar .dijitDialogCloseIcon { + background-position: -60px top; + float: left; + right: auto; + left: 5px; +} +.dj_ie6 .dijitRtl .dijitDialogTitleBar .dijitDialogCloseIcon { + background-position: -60px top; +} +.dj_ie .dijitRtl .dijitTooltipLeft { + margin-right: 0px; + margin-left: 13px; +} +.dj_ie .dijitRtl .dijitTooltipRight { + margin-left: 26px; + margin-right: -13px; +} +.dj_ie .dijitRtl .dijitTooltipDialog { + zoom:1 !important; +} +.dijitRtl .dijitMenuItem .dijitMenuItemIcon { + padding-left: 3px; + padding-right: 0px; +} +.dijitRtl .dijitMenuItem .dijitMenuExpandEnabled { + background-image:url(images/arrowLeft.png); +} +.dj_ie6 .dijitRtl .dijitMenuItem .dijitMenuExpandEnabled { + background-image:url(images/arrowLeft.gif); +} +.dijitRtl .dijitEditorIcon { + background-image: url(images/editor_rtl.gif); +} +.dijitRtl .dijitToolbar .dijitToolbarSeparator { + background-image: url(images/editor_rtl.gif); +} diff --git a/includes/js/dijit/themes/soria/soria_rtl.css.commented.css b/includes/js/dijit/themes/soria/soria_rtl.css.commented.css new file mode 100644 index 0000000..0984f57 --- /dev/null +++ b/includes/js/dijit/themes/soria/soria_rtl.css.commented.css @@ -0,0 +1,28 @@ +/* + Adds cosmetic styling to Dijit. Users may swap with a custom theme CSS file. + + 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("form/Common_rtl.css"); +@import url("Tree_rtl.css"); +@import url("TitlePane_rtl.css"); +@import url("Calendar_rtl.css"); +@import url("Dialog_rtl.css"); +@import url("Menu_rtl.css"); +@import url("Editor_rtl.css"); diff --git a/includes/js/dijit/themes/templateThemeTest.html b/includes/js/dijit/themes/templateThemeTest.html new file mode 100644 index 0000000..0573ba7 --- /dev/null +++ b/includes/js/dijit/themes/templateThemeTest.html @@ -0,0 +1,184 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
+ "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+ <head>
+ <title>Test Widget Templates in Multiple Themes</title>
+
+ <style type="text/css">
+ @import "../../dojo/resources/dojo.css";
+ @import "noir/noir.css";
+ @import "tundra/tundra.css";
+ @import "soria/soria.css";
+ @import "../tests/css/dijitTests.css";
+
+ /* group multiple buttons in a row */
+ body {
+ margin:10px;
+ }
+ .box {
+ display: block;
+ }
+ .box .dijitButton {
+ margin-right: 10px;
+ }
+ </style>
+
+ <script type="text/javascript" src="../../dojo/dojo.js"
+ djConfig="parseOnLoad: true, isDebug: true"></script>
+ <script type="text/javascript" src="../tests/_testCommon.js"></script>
+
+ <script type="text/javascript">
+ dojo.require("dijit.Menu");
+ dojo.require("dijit.form.Button");
+ dojo.require("dijit.form.ComboBox");
+ dojo.require("dijit.form.NumberSpinner");
+ dojo.require("dojo.parser");
+ logMessage = console.debug;
+ </script>
+ </head>
+ <body>
+ <h2>Tundra</h2>
+ <div id='tundra' class="box tundra">
+ <button dojoType="dijit.form.Button" onClick='logMessage("clicked simple")'>
+ Button
+ </button>
+ <button dojoType="dijit.form.Button" iconClass="noteIcon" onClick='logMessage("clicked simple")'>
+ Button w/image
+ </button>
+ <button dojoType="dijit.form.Button" onClick='logMessage("clicked simple")' disabled='true'>
+ Disabled Button
+ </button>
+ <br><br>
+ <button dojoType="dijit.form.DropDownButton">
+ <span>Drop Down Button</span>
+ <div dojoType="dijit.Menu" style="display: none;">
+ <div dojoType="dijit.MenuItem" iconClass="dijitEditorIconCut"
+ onClick="logMessage('not actually cutting anything, just a test!')">Cut</div>
+ <div dojoType="dijit.MenuItem" iconClass="dijitEditorIconCopy"
+ onClick="logMessage('not actually copying anything, just a test!')">Copy</div>
+ <div dojoType="dijit.MenuItem" iconClass="dijitEditorIconPaste"
+ onClick="logMessage('not actually pasting anything, just a test!')">Paste</div>
+ </div>
+ </button>
+ <button dojoType="dijit.form.DropDownButton" iconClass="noteIcon">
+ <span>Button w/image</span>
+ <div dojoType="dijit.Menu" style="display: none;">
+ <div dojoType="dijit.MenuItem" iconClass="dijitEditorIconCut"
+ onClick="logMessage('not actually cutting anything, just a test!')">Cut</div>
+ <div dojoType="dijit.MenuItem" iconClass="dijitEditorIconCopy"
+ onClick="logMessage('not actually copying anything, just a test!')">Copy</div>
+ <div dojoType="dijit.MenuItem" iconClass="dijitEditorIconPaste"
+ onClick="logMessage('not actually pasting anything, just a test!')">Paste</div>
+ </div>
+ </button>
+ <button dojoType="dijit.form.DropDownButton" disabled='true'>
+ <span>Drop Down Disabled</span>
+ <div dojoType="dijit.Menu" style="display: none;">
+ <div dojoType="dijit.MenuItem" iconClass="dijitEditorIconCut"
+ onClick="logMessage('not actually cutting anything, just a test!')">Cut</div>
+ <div dojoType="dijit.MenuItem" iconClass="dijitEditorIconCopy"
+ onClick="logMessage('not actually copying anything, just a test!')">Copy</div>
+ <div dojoType="dijit.MenuItem" iconClass="dijitEditorIconPaste"
+ onClick="logMessage('not actually pasting anything, just a test!')">Paste</div>
+ </div>
+ </button>
+ <br><br>
+ <button dojoType="dijit.form.ComboButton" onClick='logMessage("clicked combo save")'>
+ <span>Combo Button</span>
+ <div dojoType="dijit.Menu" style="display: none;">
+ <div dojoType="dijit.MenuItem" iconSrc="../../templates/buttons/save.gif"
+ onClick="logMessage('not actually saving anything, just a test!')">Save</div>
+ <div dojoType="dijit.MenuItem" iconSrc="../../templates/buttons/save.gif"
+ onClick="logMessage('not actually saving anything, just a test!')">Save As</div>
+ </div>
+ </button>
+ <button dojoType="dijit.form.ComboButton" iconClass="noteIcon" onClick='logMessage("clicked combo save")'>
+ <span>Combo w/image</span>
+ <div dojoType="dijit.Menu" style="display: none;">
+ <div dojoType="dijit.MenuItem" iconClass="dijitEditorIconSave"
+ onClick="logMessage('not actually saving anything, just a test!')">Save</div>
+ <div dojoType="dijit.MenuItem"
+ onClick="logMessage('not actually saving anything, just a test!')">Save As</div>
+ </div>
+ </button>
+ <button dojoType="dijit.form.ComboButton" onClick='logMessage("clicked combo save")' disabled='true'>
+ <span>Combo Disabled</span>
+ <div dojoType="dijit.Menu" style="display: none;">
+ <div dojoType="dijit.MenuItem" iconClass="dijitEditorIconSave"
+ onClick="logMessage('not actually saving anything, just a test!')">Save</div>
+ <div dojoType="dijit.MenuItem"
+ onClick="logMessage('not actually saving anything, just a test!')">Save As</div>
+ </div>
+ </button>
+ <br><br>
+ <input dojoType="dijit.form.ComboBox"
+ value="California"
+ class="medium"
+ url="../tests/form/states.json"
+ searchAttr="name"
+ labelField="label"
+ labelType="html"
+ style="width: 300px;"
+ name="state2"
+ promptMessage="Please enter a state"
+ >
+
+ <input dojoType="dijit.form.ComboBox"
+ value="California"
+ class="medium"
+ url="../tests/form/states.json"
+ searchAttr="name"
+ labelField="label"
+ labelType="html"
+ style="width: 300px;"
+ name="state2"
+ promptMessage="Please enter a state"
+ disabled="true"
+ >
+
+ <br><br>
+ <input dojoType="dijit.form.NumberSpinner"
+ onChange="console.debug('onChange fired for widget id = ' + this.id + ' with value = ' + arguments[0]);"
+ value="900"
+ constraints={max:1550,places:0}
+ maxLength="10"
+ >
+
+
+ <input dojoType="dijit.form.NumberSpinner"
+ onChange="console.debug('onChange fired for widget id = ' + this.id + ' with value = ' + arguments[0]);"
+ value="900"
+ disabled='true'
+ constraints={max:1550,places:0}
+ maxLength="10"
+ >
+
+ </div>
+ <br clear=both>
+
+ <h2>Noir</h2>
+ <div id='noir' class="box noir">
+ </div>
+ <br clear=both>
+
+ <h2>Soria</h2>
+ <div id='soria' class="box soria">
+ </div>
+ <br clear=both>
+
+ <h2>a11y mode</h2>
+ <div id='a11y' class="box dijit_a11y">
+ </div>
+ <br clear=both>
+
+
+
+<script language='javascript'>
+ var html = dojo.byId("tundra").innerHTML;
+ dojo.byId("noir").innerHTML = html;
+ dojo.byId("a11y").innerHTML = html;
+ dojo.byId("soria").innerHTML = html;
+</script>
+
+ </body>
+</html>
diff --git a/includes/js/dijit/themes/themeTester.html b/includes/js/dijit/themes/themeTester.html new file mode 100644 index 0000000..99fa625 --- /dev/null +++ b/includes/js/dijit/themes/themeTester.html @@ -0,0 +1,745 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
+ "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+ <title>Dijit Theme Tester</title>
+
+ <style type="text/css">
+ @import "../../dojo/resources/dojo.css";
+ @import "../tests/css/dijitTests.css";
+
+ html, body { height: 100%; width: 100%; padding: 0; border: 0; }
+ #main { height: 100%; width: 100%; padding: 0; border: 0; }
+/* #header, #mainSplit { margin: 10px; } */
+ #leftAccordion { width: 25%; }
+ #bottomTabs { height: 40%; }
+ #main .dijitSplitterH { height: 7px }
+ #main .dijitSplitterV { width: 7px }
+
+ /* pre-loader specific stuff to prevent unsightly flash of unstyled content */
+ #loader {
+ padding:0;
+ margin:0;
+ position:absolute;
+ top:0; left:0;
+ width:100%; height:100%;
+ background:#ededed;
+ z-index:999;
+ vertical-align:center;
+ }
+ #loaderInner {
+ padding:5px;
+ position:relative;
+ left:0;
+ top:0;
+ width:175px;
+ background:#3c3;
+ color:#fff;
+
+ }
+
+ hr.spacer { border:0; background-color:#ededed; width:80%; height:1px; }
+
+ /* for custom menu buttons, do not appear to have any effect */
+ .myCustomTheme .dijitButtonNode {
+ border:1px solid #000;
+ vertical-align: middle;
+ padding: 0.2em 0.2em;
+ background: url("themeTesterImages/blackButtonEnabled.gif") repeat-x bottom left #474747;
+ color: blue;
+ }
+
+ .myCustomTheme .dijitButtonHover .dijitButtonNode,
+ .myCustomTheme .dijitToggleButtonHover .dijitButtonNode {
+ background: url("themeTesterImages/blackButtonHover.gif") repeat-x bottom left #3b3b3b !important;
+ }
+ </style>
+
+ <script type="text/javascript">
+ window.__globalList = {dojo: true, dijit: true, dojox: true, djConfig: true};
+ for(var i in window){
+ window.__globalList[i] = true;
+ }
+ </script>
+
+ <script type="text/javascript" src="../../dojo/dojo.js"
+ djConfig="parseOnLoad: false, isDebug: true"></script>
+ <!--
+ <script type="text/javascript" src="http://prototypejs.org/assets/2007/10/16/prototype.js"></script>
+ -->
+ <script type="text/javascript" src="../dijit.js"></script>
+ <script type="text/javascript" src="../dijit-all.js" charset="utf-8"></script>
+
+ <script type="text/javascript" src="../tests/_testCommon.js"></script>
+ <script type="text/javascript"> // dojo.requires()
+
+ dojo.require("dijit.Menu");
+ dojo.require("dijit._Calendar");
+ dojo.require("dijit.ColorPalette");
+ dojo.require("dijit.ProgressBar");
+ dojo.require("dijit.TitlePane");
+ dojo.require("dijit.Tooltip");
+ dojo.require("dijit.Tree");
+
+ // editor:
+ dojo.require("dijit.Editor");
+
+ // dnd:
+ dojo.require("dojo.dnd.Source");
+
+ // various Form elemetns
+ dojo.require("dijit.form.CheckBox");
+ dojo.require("dijit.form.Textarea");
+ dojo.require("dijit.form.FilteringSelect");
+ dojo.require("dijit.form.TextBox");
+ dojo.require("dijit.form.DateTextBox");
+ dojo.require("dijit.form.TimeTextBox");
+ dojo.require("dijit.form.Button");
+ dojo.require("dijit.InlineEditBox");
+ dojo.require("dijit.form.NumberSpinner");
+ dojo.require("dijit.form.Slider");
+
+ // layouts used in page
+ dojo.require("dijit.layout.AccordionContainer");
+ dojo.require("dijit.layout.ContentPane");
+ dojo.require("dijit.layout.TabContainer");
+ dojo.require("dijit.layout.BorderContainer");
+ dojo.require("dijit.Dialog");
+
+ // scan page for widgets and instantiate them
+ dojo.require("dojo.parser");
+
+ // humm?
+ dojo.require("dojo.date.locale");
+
+ // for the Tree
+ dojo.require("dojo.data.ItemFileReadStore");
+
+ // for the colorpalette
+ function setColor(color){
+ var theSpan = dojo.byId("outputSpan");
+ dojo.style(theSpan,"color",color);
+ theSpan.innerHTML = color;
+ }
+
+ // for the calendar
+ function myHandler(id,newValue){
+ console.debug("onChange for id = " + id + ", value: " + newValue);
+ }
+
+ dojo.addOnLoad(function() {
+
+ // this is just a list of 'official' dijit themes, you can use ?theme=String
+ // for 'un-supported' themes, too. (eg: yours)
+ var availableThemes = [
+ { theme:"tundra", author:"Dojo", baseUri:"../themes/" },
+ { theme:"soria", author:"nikolai", baseUri:"../themes/" },
+ //{ theme:"noir", author:"owen", baseUri:"../themes/"},
+ { theme:"nihilo", author:"nikolai", baseUri:"../themes/" }
+ ];
+
+ var holder = dojo.byId('themeData');
+ var tmpString='';
+ dojo.forEach(availableThemes,function(theme){
+ tmpString += '<a href="?theme='+theme.theme+'">'+theme.theme+'</'+'a> - by: '+theme.author+' <br>';
+ });
+ holder.innerHTML = tmpString;
+
+ var start = new Date().getTime();
+ dojo.parser.parse(dojo.byId('container'));
+ console.info("Total parse time: " + (new Date().getTime() - start) + "ms");
+
+ dojo.byId('loaderInner').innerHTML += " done.";
+ setTimeout(function hideLoader(){
+ var loader = dojo.byId('loader');
+ dojo.fadeOut({ node: loader, duration:500,
+ onEnd: function(){
+ loader.style.display = "none";
+ }
+ }).play();
+ }, 250);
+
+ var strayGlobals = [];
+ for(var i in window){
+ if(!window.__globalList[i]){ strayGlobals.push(i); }
+ }
+ if(strayGlobals.length){
+ console.warn("Stray globals: "+strayGlobals.join(", "));
+ }
+ });
+
+ /***
+ dojo.addOnLoad(function(){
+ // use "before advice" to print log message each time resize is called on a layout widget
+ var origResize = dijit.layout._LayoutWidget.prototype.resize;
+ dijit.layout._LayoutWidget.prototype.resize = function(mb){
+ console.log(this + ": resize({w:"+ mb.w + ", h:" + mb.h + "})");
+ origResize.apply(this, arguments);
+ };
+
+ // content pane has no children so just use dojo's builtin after advice
+ dojo.connect(dijit.layout.ContentPane.prototype, "resize", function(mb){
+ console.log(this + ": resize({w:"+ mb.w + ", h:" + mb.h + "})");
+ });
+ });
+ ***/
+ </script>
+</head>
+<body>
+ <!-- basic preloader: -->
+ <div id="loader"><div id="loaderInner">Loading themeTester ... </div></div>
+
+ <!-- data for tree and combobox -->
+ <div dojoType="dojo.data.ItemFileReadStore" jsId="continentStore"
+ url="../tests/_data/countries.json"></div>
+ <div dojoType="dojo.data.ItemFileReadStore" jsId="stateStore"
+ url="../tests/_data/states.json"></div>
+ <!-- contentMenu popup -->
+ <div dojoType="dijit.Menu" id="submenu1" contextMenuForWindow="true" style="display: none;">
+ <div dojoType="dijit.MenuItem" onClick="alert('Hello world');">Enabled Item</div>
+ <div dojoType="dijit.MenuItem" disabled="true">Disabled Item</div>
+ <div dojoType="dijit.MenuSeparator"></div>
+ <div dojoType="dijit.MenuItem" iconClass="dijitEditorIcon dijitEditorIconCut"
+ onClick="alert('not actually cutting anything, just a test!')">Cut</div>
+ <div dojoType="dijit.MenuItem" iconClass="dijitEditorIcon dijitEditorIconCopy"
+ onClick="alert('not actually copying anything, just a test!')">Copy</div>
+ <div dojoType="dijit.MenuItem" iconClass="dijitEditorIcon dijitEditorIconPaste"
+ onClick="alert('not actually pasting anything, just a test!')">Paste</div>
+ <div dojoType="dijit.MenuSeparator"></div>
+ <div dojoType="dijit.PopupMenuItem">
+ <span>Enabled Submenu</span>
+ <div dojoType="dijit.Menu" id="submenu2">
+ <div dojoType="dijit.MenuItem" onClick="alert('Submenu 1!')">Submenu Item One</div>
+ <div dojoType="dijit.MenuItem" onClick="alert('Submenu 2!')">Submenu Item Two</div>
+ <div dojoType="dijit.PopupMenuItem">
+ <span>Deeper Submenu</span>
+ <div dojoType="dijit.Menu" id="submenu4">
+ <div dojoType="dijit.MenuItem" onClick="alert('Sub-submenu 1!')">Sub-sub-menu Item One</div>
+ <div dojoType="dijit.MenuItem" onClick="alert('Sub-submenu 2!')">Sub-sub-menu Item Two</div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div dojoType="dijit.PopupMenuItem" disabled="true">
+ <span>Disabled Submenu</span>
+ <div dojoType="dijit.Menu" id="submenu3" style="display: none;">
+ <div dojoType="dijit.MenuItem" onClick="alert('Submenu 1!')">Submenu Item One</div>
+ <div dojoType="dijit.MenuItem" onClick="alert('Submenu 2!')">Submenu Item Two</div>
+ </div>
+ </div>
+ <div dojoType="dijit.PopupMenuItem">
+ <span>Different popup</span>
+ <div dojoType="dijit.ColorPalette"></div>
+ </div>
+ <div dojoType="dijit.PopupMenuItem">
+ <span>Different popup</span>
+ <div dojoType="dijit._Calendar"></div>
+ </div>
+ </div>
+ <!-- end contextMenu -->
+
+ <!-- "main" BorderContainer just contains page title and another BorderContainer -->
+ <div id="main" dojoType="dijit.layout.BorderContainer">
+
+ <h1 id="header" dojoType="dijit.layout.ContentPane" region="top">Dijit Theme Test Page</h1>
+
+ <!-- "mainSplit" BorderContainer has all the real content -->
+ <div dojoType="dijit.layout.BorderContainer" liveSplitters="false" design="sidebar"
+ region="center" id="mainSplit">
+
+ <div dojoType="dijit.layout.AccordionContainer" duration="200"
+ minSize="20" style="width: 300px;" id="leftAccordion" region="leading" splitter="true">
+
+ <div dojoType="dijit.layout.AccordionPane" title="Popups and Alerts"><div style="padding:8px">
+ <h2>Tooltips:</h2>
+ <ul>
+ <li>
+ <span id="ttRich">rich text tooltip</span>
+ <span dojoType="dijit.Tooltip" connectId="ttRich" style="display:none;">
+ Embedded <b>bold</b> <i>RICH</i> text <span style="color:#309; font-size:x-large;">weirdness!</span>
+ </span>
+ </li>
+
+ <li><a id="ttOne" href="#bogus">anchor tooltip</a>
+ <span dojoType="dijit.Tooltip" connectId="ttOne" style="display:none;">tooltip on anchor</span>
+ </li>
+
+ </ul>
+
+ <hr class="spacer">
+
+ <h2>Dialogs:</h2>
+ <ul>
+ <li><a href="#" onclick="dijit.byId('dialog1').show()">show Modal Dialog</a></li>
+ </ul>
+
+ <div dojoType="dijit.form.DropDownButton">
+ <span>Show Tooltip Dialog</span>
+ <div dojoType="dijit.TooltipDialog" id="tooltipDlg" title="Enter Login information"
+ execute="alert('submitted w/args:\n' + dojo.toJson(arguments[0], true));">
+ <table>
+ <tr>
+ <td><label for="user">User:</label></td>
+ <td><input dojoType=dijit.form.TextBox type="text" id="user" name="user" ></td>
+ </tr>
+ <tr>
+ <td><label for="pwd">Password:</label></td>
+ <td><input dojoType=dijit.form.TextBox type="password" id="pwd" name="pwd"></td>
+ </tr>
+ <tr>
+ <td colspan="2" align="center">
+ <button dojoType=dijit.form.Button type="submit" name="submit">Login</button>
+ </tr>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div dojoType="dijit.layout.AccordionPane" title="Dojo Tree from Store">
+ <!-- tree widget -->
+ <div dojoType="dijit.Tree" store="continentStore" query="{type:'continent'}"
+ label="Continents">
+ </div>
+ </div>
+
+ <div dojoType="dijit.layout.AccordionPane" title="Calendar" selected="true">
+ <!-- calendar widget pane -->
+ <input id="calendar1" dojoType="dijit._Calendar" onChange="myHandler(this.id,arguments[0])">
+ </div>
+
+ <div dojoType="dijit.layout.AccordionPane" title="Color Picker">
+ <!-- color palette picker -->
+ <h2 class="testHeader">Dijit Color Palette(7x10)</h2>
+ <div dojoType="dijit.ColorPalette" onChange="setColor(this.value);"></div>
+ <br>
+ Test color is: <span id="outputSpan"></span>
+
+ <br><br>
+ <div dojoType="dijit.ColorPalette" palette="3x4"></div>
+ </div>
+
+
+
+ </div><!-- end AccordionContainer -->
+
+ <!-- top tabs (marked as "center" to take up the main part of the BorderContainer) -->
+ <div dojoType="dijit.layout.TabContainer" region="center" id="topTabs">
+ <!-- first tab? -->
+ <div id="tab1" dojoType="dijit.layout.ContentPane" title="Form Feel" style="padding:10px;display:none;">
+ <h2>Various Form Elements:</h2>
+
+ <form name="dijitFormTest">
+
+ <p><input type="checkBox" dojoType="dijit.form.CheckBox" checked="checked"> Standard Dijit CheckBox
+ <br><input type="checkBox" dojoType="dijit.form.CheckBox" disabled="disabled"> Disabled Dijit
+ <br><input type="checkBox" dojoType="dijit.form.CheckBox" disabled="disabled" checked="checked"> Checked and Disabled Dijit
+ </p>
+
+ <p>
+ <span>Radio group #1:</span>
+ <input type="radio" name="g1" id="g1rb1" value="news" dojoType="dijit.form.RadioButton">
+ <label for="g1rb1">news</label>
+ <input type="radio" name="g1" id="g1rb2" value="talk" dojoType="dijit.form.RadioButton" checked="checked"/>
+ <label for="g1rb2">talk</label>
+ <input type="radio" name="g1" id="g1rb3" value="weather" dojoType="dijit.form.RadioButton" disabled="disabled"/>
+ <label for="g1rb3">weather (disabled)</label>
+ </p>
+
+ <p>
+ <span>Radio group #2: (no default value, and has breaks)</span><br>
+ <input type="radio" name="g2" id="g2rb1" value="top40" dojoType="dijit.form.RadioButton">
+ <label for="g2rb1">top 40</label><br>
+ <input type="radio" name="g2" id="g2rb2" value="oldies" dojoType="dijit.form.RadioButton">
+ <label for="g2rb2">oldies</label><br>
+
+ <input type="radio" name="g2" id="g2rb3" value="country" dojoType="dijit.form.RadioButton">
+ <label for="g2rb3">country</label><br>
+
+ <br>
+ (Note if using keyboard: tab to navigate, and use arrow or space to select)
+ </p>
+
+ <hr class="spacer">
+
+ <h2>dijit.form.NumberSpinner max=100</h2>
+ <input dojoType="dijit.form.NumberSpinner" constraints="{max:100,places:0}" id="integertextbox3" value="10">
+
+ <hr class="spacer">
+
+ <h2>dijit.form.Textarea: (sans <i>any</i> styling...)</h2>
+ <textarea dojoType="dijit.form.Textarea" name="areText">Lorem ipsum dolor sit amet,
+ consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
+ dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci
+ tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis
+ autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat,
+ vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio
+ dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait
+ nulla facilisi.
+ </textarea>
+
+ <hr class="spacer">
+
+ <h2>dijit.form.ComboBox</h2>
+ <label for="datatestComboBox">US State test 2: </label>
+ <input dojoType="dijit.form.ComboBox"
+ value="California"
+ class="medium"
+ store="stateStore"
+ searchAttr="name"
+ style="width: 300px;"
+ name="state2"
+ id="datatestComboBox"
+ >
+
+ </form>
+
+ </div><!-- end first tab -->
+
+ <!-- second upper tab -->
+ <div id="tab2" dojoType="dijit.layout.ContentPane" title="Various Dijits"
+ style="padding:10px; display:none;">
+
+ <!-- Sliders: -->
+ <div style="float:right;">
+ <div dojoType="dijit.form.VerticalSlider" name="vertical1"
+ onChange="dojo.byId('slider2input').value=arguments[0];"
+ value="10"
+ maximum="100"
+ minimum="0"
+ discreteValues="11"
+ style="height:175px; clear:both"
+ id="slider2">
+ <ol dojoType="dijit.form.VerticalRuleLabels" container="leftDecoration"style="width:2em;color:gray;" labelStyle="right:0px;">
+ <li>0
+ <li>100
+ </ol>
+
+ <div dojoType="dijit.form.VerticalRule" container="leftDecoration" count=11 style="width:5px;" ruleStyle="border-color:gray;"></div>
+ <div dojoType="dijit.form.VerticalRule" container="rightDecoration" count=11 style="width:5px;" ruleStyle="border-color:gray;"></div>
+ <ol dojoType="dijit.form.VerticalRuleLabels" container="rightDecoration"style="width:2em;color:gray;" maximum="100" count="6" numericMargin="1" constraints="{pattern:'#'}"></ol>
+ </div>
+ <br> Slider2 Value:<input readonly id="slider2input" size="3" value="10">
+ </div>
+ <h2>Sliders</h2>
+ <div dojoType="dijit.form.HorizontalSlider" name="horizontal1"
+ onChange="dojo.byId('slider1input').value=dojo.number.format(arguments[0]/100,{places:1,pattern:'#%'});"
+ value="10"
+ maximum="100"
+ minimum="0"
+ showButtons="false"
+ intermediateChanges="true"
+ style="width:50%; height: 20px;"
+ id="horizontal1">
+ <ol dojoType="dijit.form.HorizontalRuleLabels" container="topDecoration" style="height:1.2em;font-size:75%;color:gray;" numericMargin="1" count="6"></ol>
+ <div dojoType="dijit.form.HorizontalRule" container="topDecoration" count=11 style="height:5px;"></div>
+ <div dojoType="dijit.form.HorizontalRule" container="bottomDecoration" count=5 style="height:5px;"></div>
+ <ol dojoType="dijit.form.HorizontalRuleLabels" container="bottomDecoration" style="height:1em;font-size:75%;color:gray;">
+ <li>lowest
+ <li>normal
+ <li>highest
+ </ol>
+
+ </div>
+ <br>Value: <input readonly id="slider1input" size="5" value="10.0%">
+
+ <div dojoType="dijit.form.HorizontalSlider" name="horizontal2"
+ minimum="1"
+ value="2"
+ maximum="3"
+ discreteValues="3"
+ showButtons="false"
+ intermediateChanges="true"
+ style="width:300px; height: 40px;"
+ id="horizontal2">
+ <div dojoType="dijit.form.HorizontalRule" container="bottomDecoration" count=3 style="height:5px;"></div>
+ <ol dojoType="dijit.form.HorizontalRuleLabels" container="bottomDecoration"style="height:1em;font-size:75%;color:gray;">
+ <li><img width=10 height=10 src="../tests/images/note.gif"><br><span style="font-size: small">small</span>
+ <li><img width=15 height=15 src="../tests/images/note.gif"><br><span style="font-size: medium">medium</span>
+
+ <li><img width=20 height=20 src="../tests/images/note.gif"><br><span style="font-size: large">large</span>
+ </ol>
+ </div>
+
+ <br style="clear:both;">
+ <hr class="spacer">
+
+ <h2>ProgressBar</h2>
+ <div style="width:400px; height:20px;" annotate="true" maximum="200" id="setTestBar"
+ progress="20" dojoType="dijit.ProgressBar"></div>
+
+ Indeterminate:
+ <div style="width:400px; height:20px" indeterminate="true" dojoType="dijit.ProgressBar"></div>
+
+ <hr class="spacer">
+
+ <h2>TitlePane (nested)</h2>
+ <div dojoType="dijit.TitlePane" title="Outer pane" width="275">
+ <p>This is a title pane, containing another title pane ...</p>
+ <div dojoType="dijit.TitlePane" title="Inner pane" width="125">
+
+ <p>And this is the inner title pane...</p>
+
+ <p>Sed sollicitudin suscipit risus. Nam
+ ullamcorper. Sed nisl lectus, pellentesque nec,
+ malesuada eget, ornare a, libero. Lorem ipsum dolor
+ sit amet, consectetuer adipiscing elit.</p>
+
+ </div><!-- end inner titlepane -->
+ <p>And this is the closing line for the outer title pane.</p>
+ </div><!-- end outer title pane -->
+ <h2>HTML After, check indent</h2>
+ </div><!-- end:second upper tab -->
+
+ <!-- start third upper tab -->
+ <div id="tab3" dojoType="dijit.layout.ContentPane" title="Buttons"
+ style="padding:10px; display:none; ">
+
+ <h2>Simple, drop down & combo buttons</h2>
+ <p>Buttons can do an action, display a menu, or both:</p>
+
+ <div class="box">
+ <button dojoType="dijit.form.Button" iconClass="plusIcon" onClick='console.debug("clicked simple")'>
+ Create
+ </button>
+
+ <button dojoType="dijit.form.DropDownButton" iconClass="noteIcon">
+ <span>Edit</span>
+ <div dojoType="dijit.Menu" id="editMenu" style="display: none;">
+ <div dojoType="dijit.MenuItem"
+ iconClass="dijitEditorIcon dijitEditorIconCut"
+ onClick="console.debug('not actually cutting anything, just a test!')">
+ Cut
+ </div>
+
+ <div dojoType="dijit.MenuItem"
+ iconClass="dijitEditorIcon dijitEditorIconCopy"
+ onClick="console.debug('not actually copying anything, just a test!')">
+ Copy
+ </div>
+
+ <div dojoType="dijit.MenuItem"
+ iconClass="dijitEditorIcon dijitEditorIconPaste"
+ onClick="console.debug('not actually pasting anything, just a test!')">
+ Paste
+ </div>
+ </div>
+ </button>
+
+ <button dojoType="dijit.form.ComboButton" iconClass="noteIcon"
+ optionsTitle='save options'
+ onClick='console.debug("clicked combo save")'>
+ <span>Save</span>
+ <div dojoType="dijit.Menu" id="saveMenu" style="display: none;">
+ <div dojoType="dijit.MenuItem"
+ iconClass="dijitEditorIcon dijitEditorIconSave"
+ onClick="console.debug('not actually saving anything, just a test!')">
+ Save
+ </div>
+ <div dojoType="dijit.MenuItem"
+ onClick="console.debug('not actually saving anything, just a test!')">
+ Save As
+ </div>
+ </div>
+ </button>
+
+ <button dojoType="dijit.form.Button" iconClass="plusIcon" onClick='console.debug("clicked simple")'
+ disabled='true'>
+ Disabled
+ </button>
+ </div><!-- end:box -->
+
+ <hr class="spacer">
+
+ <h2>Sizing</h2>
+ <p>Short button, tall buttons, big buttons, small buttons... These buttons
+ size to their content (just like <button>).</p>
+
+ <div class="box">
+ <button dojoType="dijit.form.Button" iconClass="flatScreenIcon" onclick='console.debug("big");'>
+ <span style="font-size:xx-large">big</span>
+ </button>
+
+ <button id="smallButton1" dojoType="dijit.form.Button" onclick='console.debug("small");'>
+ <img src="../tests/images/arrowSmall.gif" width="15" height="5">
+ <span style="font-size:x-small">small</span>
+ </button>
+
+ <button dojoType="dijit.form.Button" onclick='console.debug("long");'>
+ <img src="../tests/images/tube.gif" width="150" height="16"> long
+ </button>
+
+ <button dojoType="dijit.form.Button" onclick='console.debug("tall");' width2height="0.1">
+ <img src="../tests/images/tubeTall.gif" height="75" width="35"><br>
+ <span style="font-size:medium">tall</span>
+ </button>
+ <div style="clear: both;"></div>
+ </div><!-- end box -->
+
+ <hr class="spacer">
+
+ <h2>Customized buttons</h2>
+ <p>Dojo users can mix in their styles. Here's an example:</p>
+
+ <div><!-- custom styled button tests -->
+ <button dojoType="dijit.form.Button" class="myCustomTheme"
+ onclick='console.debug("short");'>
+ <div class="dc">short</div>
+ </button>
+
+ <button dojoType="dijit.form.Button" class="myCustomTheme"
+ onclick='console.debug("longer");'>
+ <div class="dc">bit longer</div>
+ </button>
+
+ <button dojoType="dijit.form.Button" class="myCustomTheme"
+ onclick='console.debug("longer yet");'>
+ <div class="dc">ridiculously long</div>
+ </button>
+
+ <div style="clear: both;"></div>
+ </div><!-- end styled buttons -->
+
+ </div><!-- end third upper tab-->
+
+ <!-- fourth upper tab -->
+ <div id="tab" dojoType="dijit.layout.ContentPane" title="Editable Text" style="padding:10px;" selected="selected">
+
+ <h2>dijit.Editor:</h2>
+ <!-- FIXME:
+ set height on this node to size the whole editor, but causes the tab to not scroll
+ until you select another tab and come back. alternative is no height: here, but that
+ causes editor to become VERY tall, and size to a normal height when selected (like the
+ dijit.form.TextArea in "Form Feel" Tab), but in reverse. refs #3980 and is maybe new bug?
+ -->
+ <div style="border:1px solid #ededed;">
+ <textarea height="175" dojoType="dijit.Editor" styleSheets="../../dojo/resources/dojo.css" sytle="width:400px; height:175px; overflow:auto; ">
+ <ul>
+ <li>Lorem <a href="http://dojotoolkit.org">and a link</a>, what do you think?</li>
+ <li>This is the Editor with a Toolbar attached.</li>
+ </ul>
+ </textarea>
+ </div>
+ <hr class="spacer">
+
+
+ <h2 class="testTitle">dijit.InlineEditBox + dijit.form.TextBox on <h3></h2>
+
+ (HTML before)
+ <h3 id="editable" style="font-size:larger;" dojoType="dijit.InlineEditBox" onChange="myHandler(this.id,arguments[0])">
+ Edit me - I trigger the onChange callback
+ </h3>
+ (HTML after)
+
+ <hr class="spacer">
+
+ <h2>dijit.InlineEditBox + dijit.form.Textarea</h2>
+
+ (HTML before)
+ <p id="areaEditable" dojoType="dijit.InlineEditBox" editor="dijit.form.Textarea" autoSave="false">
+ I'm one big paragraph. Go ahead and edit me. I dare you.
+ The quick brown fox jumped over the lazy dog. Blah blah blah blah blah blah blah ...
+ </p>
+ (HTML after)
+
+ <p>
+ These links will
+ <a href="#" onClick="dijit.byId('areaEditable').setDisabled(true)">disable</a> /
+ <a href="#" onClick="dijit.byId('areaEditable').setDisabled(false)">enable</a>
+ the text area above.
+ </p>
+
+ <hr class="spacer">
+
+ <h2>dijit.form.DateTextBox:</h2>
+
+ (HTML inline before)
+ <span id="backgroundArea" dojoType="dijit.InlineEditBox" editor="dijit.form.DateTextBox" width="170px">12/30/2005</span>
+ (HTML after)
+
+ <hr class="spacer">
+
+ <h2>dijit.form.TimeTextBox:</h2>
+
+ (HTML inline before)
+ <span id="timePicker" dojoType="dijit.InlineEditBox" editor="dijit.form.TimeTextBox" width="150px">9:00 AM</span>
+ (HTML after)
+
+ <hr class="spacer">
+
+
+ <h2>dijit.form.FilteringSelect + Inline + remote data store:</h2>
+ (HTML inline before)
+ <span id="backgroundArea2" dojoType="dijit.InlineEditBox" editor="dijit.form.FilteringSelect"
+ editorParams="{store: stateStore, autoComplete: true, promptMessage: 'Please enter a state'}"
+ width="300px">
+ Indiana
+ </span>
+ (HTML after)
+
+ </div><!-- end fourth upper tab -->
+
+ <!-- fifth upper tab -->
+ <div id="tab5" dojoType="dijit.layout.ContentPane" title="DnD"
+ style="padding:10px; display:none; ">
+ <div style="float:left; margin:5px; ">
+ <h3>Source 1</h3>
+ <div dojoType="dojo.dnd.Source" style="border:3px solid #ccc; padding: 1em 3em; ">
+ <div class="dojoDndItem">Item <strong>X</strong></div>
+ <div class="dojoDndItem">Item <strong>Y</strong></div>
+ <div class="dojoDndItem">Item <strong>Z</strong></div>
+ </div>
+ </div>
+ <div style="float:left; margin:5px; ">
+ <h3>Source 2</h3>
+ <div dojoType="dojo.dnd.Source" style="border:3px solid #ccc; padding: 1em 3em; ">
+ <div class="dojoDndItem">Item <strong>1</strong></div>
+ <div class="dojoDndItem">Item <strong>2</strong></div>
+ <div class="dojoDndItem">Item <strong>3</strong></div>
+ </div>
+ </div>
+ </div>
+
+ <!-- sixth upper tab -->
+ <div id="tab6" dojoType="dijit.layout.ContentPane" title="Closable"
+ style="display:none; padding:10px; " closable="true">
+ This pane is closable, just for the icon ...
+ </div>
+ </div><!-- end of region="center" TabContainer -->
+
+ <!-- bottom right tabs -->
+ <div dojoType="dijit.layout.TabContainer" id="bottomTabs" tabPosition="bottom" selectedChild="btab1" region="bottom" splitter="true">
+
+ <!-- btab 1 -->
+ <div id="btab1" dojoType="dijit.layout.ContentPane" title="Info" style=" padding:10px; ">
+ <p>You can explore this single page after applying a Theme
+ for use in creation of your own theme.</p>
+
+ <p>I am whole slew of Widgets on a page. Jump to <a href="../tests/">dijit tests</a> to
+ test individual components.</p>
+
+ <p>There is a right-click [context] pop-up menu here, as well.</p>
+ </div><!-- end:info btab1 -->
+
+ <div id="btab2" dojoType="dijit.layout.ContentPane" title="Alternate Themes" style="padding:20px;">
+ <span id="themeData"></span>
+ </div><!-- btab2 -->
+
+ <div id="btab3" dojoType="dijit.layout.ContentPane" title="Bottom 3" closable="true">
+ <p>I am the last Tab</p>
+ <div id="dialog2" dojoType="dijit.Dialog" title="Encased Dialog" style="display:none;">
+ I am the second dialog. I am
+ parented by the Low Tab Pane #3
+ </div>
+ </div><!-- btab3 -->
+
+ </div><!-- end Bottom TabContainer -->
+
+ </div> <!-- end of "mainSplit" BorderContainer -->
+ </div><!-- end of "main" BorderContainer -->
+
+ <!-- dialog in body -->
+ <div id="dialog1" dojoType="dijit.Dialog" title="Floating Modal Dialog" style="display:none;" href="../tests/layout/doc0.html"></div>
+
+</body>
+</html>
diff --git a/includes/js/dijit/themes/themeTesterImages/blackButtonEnabled.gif b/includes/js/dijit/themes/themeTesterImages/blackButtonEnabled.gif Binary files differnew file mode 100644 index 0000000..9174efd --- /dev/null +++ b/includes/js/dijit/themes/themeTesterImages/blackButtonEnabled.gif diff --git a/includes/js/dijit/themes/themeTesterImages/blackButtonHover.gif b/includes/js/dijit/themes/themeTesterImages/blackButtonHover.gif Binary files differnew file mode 100644 index 0000000..16f087c --- /dev/null +++ b/includes/js/dijit/themes/themeTesterImages/blackButtonHover.gif diff --git a/includes/js/dijit/themes/themeTesterQuirk.html b/includes/js/dijit/themes/themeTesterQuirk.html new file mode 100644 index 0000000..9f5e26c --- /dev/null +++ b/includes/js/dijit/themes/themeTesterQuirk.html @@ -0,0 +1,743 @@ +<html>
+<head>
+ <title>Dijit Theme Tester</title>
+
+ <style type="text/css">
+ @import "../../dojo/resources/dojo.css";
+ @import "../tests/css/dijitTests.css";
+
+ html, body { height: 100%; width: 100%; padding: 0; border: 0; }
+ #main { height: 100%; width: 100%; padding: 0; border: 0; }
+/* #header, #mainSplit { margin: 10px; } */
+ #leftAccordion { width: 25%; }
+ #bottomTabs { height: 40%; }
+ #main .dijitSplitterH { height: 7px }
+ #main .dijitSplitterV { width: 7px }
+
+ /* pre-loader specific stuff to prevent unsightly flash of unstyled content */
+ #loader {
+ padding:0;
+ margin:0;
+ position:absolute;
+ top:0; left:0;
+ width:100%; height:100%;
+ background:#ededed;
+ z-index:999;
+ vertical-align:center;
+ }
+ #loaderInner {
+ padding:5px;
+ position:relative;
+ left:0;
+ top:0;
+ width:175px;
+ background:#3c3;
+ color:#fff;
+
+ }
+
+ hr.spacer { border:0; background-color:#ededed; width:80%; height:1px; }
+
+ /* for custom menu buttons, do not appear to have any effect */
+ .myCustomTheme .dijitButtonNode {
+ border:1px solid #000;
+ vertical-align: middle;
+ padding: 0.2em 0.2em;
+ background: url("themeTesterImages/blackButtonEnabled.gif") repeat-x bottom left #474747;
+ color: blue;
+ }
+
+ .myCustomTheme .dijitButtonHover .dijitButtonNode,
+ .myCustomTheme .dijitToggleButtonHover .dijitButtonNode {
+ background: url("themeTesterImages/blackButtonHover.gif") repeat-x bottom left #3b3b3b !important;
+ }
+ </style>
+
+ <script type="text/javascript">
+ window.__globalList = {dojo: true, dijit: true, dojox: true, djConfig: true};
+ for(var i in window){
+ window.__globalList[i] = true;
+ }
+ </script>
+
+ <script type="text/javascript" src="../../dojo/dojo.js"
+ djConfig="parseOnLoad: false, isDebug: true"></script>
+ <!--
+ <script type="text/javascript" src="http://prototypejs.org/assets/2007/10/16/prototype.js"></script>
+ -->
+ <script type="text/javascript" src="../dijit.js"></script>
+ <script type="text/javascript" src="../dijit-all.js" charset="utf-8"></script>
+
+ <script type="text/javascript" src="../tests/_testCommon.js"></script>
+ <script type="text/javascript"> // dojo.requires()
+
+ dojo.require("dijit.Menu");
+ dojo.require("dijit._Calendar");
+ dojo.require("dijit.ColorPalette");
+ dojo.require("dijit.ProgressBar");
+ dojo.require("dijit.TitlePane");
+ dojo.require("dijit.Tooltip");
+ dojo.require("dijit.Tree");
+
+ // editor:
+ dojo.require("dijit.Editor");
+
+ // dnd:
+ dojo.require("dojo.dnd.Source");
+
+ // various Form elemetns
+ dojo.require("dijit.form.CheckBox");
+ dojo.require("dijit.form.Textarea");
+ dojo.require("dijit.form.FilteringSelect");
+ dojo.require("dijit.form.TextBox");
+ dojo.require("dijit.form.DateTextBox");
+ dojo.require("dijit.form.TimeTextBox");
+ dojo.require("dijit.form.Button");
+ dojo.require("dijit.InlineEditBox");
+ dojo.require("dijit.form.NumberSpinner");
+ dojo.require("dijit.form.Slider");
+
+ // layouts used in page
+ dojo.require("dijit.layout.AccordionContainer");
+ dojo.require("dijit.layout.ContentPane");
+ dojo.require("dijit.layout.TabContainer");
+ dojo.require("dijit.layout.BorderContainer");
+ dojo.require("dijit.Dialog");
+
+ // scan page for widgets and instantiate them
+ dojo.require("dojo.parser");
+
+ // humm?
+ dojo.require("dojo.date.locale");
+
+ // for the Tree
+ dojo.require("dojo.data.ItemFileReadStore");
+
+ // for the colorpalette
+ function setColor(color){
+ var theSpan = dojo.byId("outputSpan");
+ dojo.style(theSpan,"color",color);
+ theSpan.innerHTML = color;
+ }
+
+ // for the calendar
+ function myHandler(id,newValue){
+ console.debug("onChange for id = " + id + ", value: " + newValue);
+ }
+
+ dojo.addOnLoad(function() {
+
+ // this is just a list of 'official' dijit themes, you can use ?theme=String
+ // for 'un-supported' themes, too. (eg: yours)
+ var availableThemes = [
+ { theme:"tundra", author:"Dojo", baseUri:"../themes/" },
+ { theme:"soria", author:"nikolai", baseUri:"../themes/" },
+ //{ theme:"noir", author:"owen", baseUri:"../themes/"},
+ { theme:"nihilo", author:"nikolai", baseUri:"../themes/" }
+ ];
+
+ var holder = dojo.byId('themeData');
+ var tmpString='';
+ dojo.forEach(availableThemes,function(theme){
+ tmpString += '<a href="?theme='+theme.theme+'">'+theme.theme+'</'+'a> - by: '+theme.author+' <br>';
+ });
+ holder.innerHTML = tmpString;
+
+ var start = new Date().getTime();
+ dojo.parser.parse(dojo.byId('container'));
+ console.info("Total parse time: " + (new Date().getTime() - start) + "ms");
+
+ dojo.byId('loaderInner').innerHTML += " done.";
+ setTimeout(function hideLoader(){
+ var loader = dojo.byId('loader');
+ dojo.fadeOut({ node: loader, duration:500,
+ onEnd: function(){
+ loader.style.display = "none";
+ }
+ }).play();
+ }, 250);
+
+ var strayGlobals = [];
+ for(var i in window){
+ if(!window.__globalList[i]){ strayGlobals.push(i); }
+ }
+ if(strayGlobals.length){
+ console.warn("Stray globals: "+strayGlobals.join(", "));
+ }
+ });
+
+ /***
+ dojo.addOnLoad(function(){
+ // use "before advice" to print log message each time resize is called on a layout widget
+ var origResize = dijit.layout._LayoutWidget.prototype.resize;
+ dijit.layout._LayoutWidget.prototype.resize = function(mb){
+ console.log(this + ": resize({w:"+ mb.w + ", h:" + mb.h + "})");
+ origResize.apply(this, arguments);
+ };
+
+ // content pane has no children so just use dojo's builtin after advice
+ dojo.connect(dijit.layout.ContentPane.prototype, "resize", function(mb){
+ console.log(this + ": resize({w:"+ mb.w + ", h:" + mb.h + "})");
+ });
+ });
+ ***/
+ </script>
+</head>
+<body>
+ <!-- basic preloader: -->
+ <div id="loader"><div id="loaderInner">Loading themeTester ... </div></div>
+
+ <!-- data for tree and combobox -->
+ <div dojoType="dojo.data.ItemFileReadStore" jsId="continentStore"
+ url="../tests/_data/countries.json"></div>
+ <div dojoType="dojo.data.ItemFileReadStore" jsId="stateStore"
+ url="../tests/_data/states.json"></div>
+ <!-- contentMenu popup -->
+ <div dojoType="dijit.Menu" id="submenu1" contextMenuForWindow="true" style="display: none;">
+ <div dojoType="dijit.MenuItem" onClick="alert('Hello world');">Enabled Item</div>
+ <div dojoType="dijit.MenuItem" disabled="true">Disabled Item</div>
+ <div dojoType="dijit.MenuSeparator"></div>
+ <div dojoType="dijit.MenuItem" iconClass="dijitEditorIcon dijitEditorIconCut"
+ onClick="alert('not actually cutting anything, just a test!')">Cut</div>
+ <div dojoType="dijit.MenuItem" iconClass="dijitEditorIcon dijitEditorIconCopy"
+ onClick="alert('not actually copying anything, just a test!')">Copy</div>
+ <div dojoType="dijit.MenuItem" iconClass="dijitEditorIcon dijitEditorIconPaste"
+ onClick="alert('not actually pasting anything, just a test!')">Paste</div>
+ <div dojoType="dijit.MenuSeparator"></div>
+ <div dojoType="dijit.PopupMenuItem">
+ <span>Enabled Submenu</span>
+ <div dojoType="dijit.Menu" id="submenu2">
+ <div dojoType="dijit.MenuItem" onClick="alert('Submenu 1!')">Submenu Item One</div>
+ <div dojoType="dijit.MenuItem" onClick="alert('Submenu 2!')">Submenu Item Two</div>
+ <div dojoType="dijit.PopupMenuItem">
+ <span>Deeper Submenu</span>
+ <div dojoType="dijit.Menu" id="submenu4">
+ <div dojoType="dijit.MenuItem" onClick="alert('Sub-submenu 1!')">Sub-sub-menu Item One</div>
+ <div dojoType="dijit.MenuItem" onClick="alert('Sub-submenu 2!')">Sub-sub-menu Item Two</div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div dojoType="dijit.PopupMenuItem" disabled="true">
+ <span>Disabled Submenu</span>
+ <div dojoType="dijit.Menu" id="submenu3" style="display: none;">
+ <div dojoType="dijit.MenuItem" onClick="alert('Submenu 1!')">Submenu Item One</div>
+ <div dojoType="dijit.MenuItem" onClick="alert('Submenu 2!')">Submenu Item Two</div>
+ </div>
+ </div>
+ <div dojoType="dijit.PopupMenuItem">
+ <span>Different popup</span>
+ <div dojoType="dijit.ColorPalette"></div>
+ </div>
+ <div dojoType="dijit.PopupMenuItem">
+ <span>Different popup</span>
+ <div dojoType="dijit._Calendar"></div>
+ </div>
+ </div>
+ <!-- end contextMenu -->
+
+ <!-- "main" BorderContainer just contains page title and another BorderContainer -->
+ <div id="main" dojoType="dijit.layout.BorderContainer">
+
+ <h1 id="header" dojoType="dijit.layout.ContentPane" region="top">Dijit Theme Test Page</h1>
+
+ <!-- "mainSplit" BorderContainer has all the real content -->
+ <div dojoType="dijit.layout.BorderContainer" liveSplitters="false" design="sidebar"
+ region="center" id="mainSplit">
+
+ <div dojoType="dijit.layout.AccordionContainer" duration="200"
+ minSize="20" style="width: 300px;" id="leftAccordion" region="leading" splitter="true">
+
+ <div dojoType="dijit.layout.AccordionPane" title="Popups and Alerts"><div style="padding:8px">
+ <h2>Tooltips:</h2>
+ <ul>
+ <li>
+ <span id="ttRich">rich text tooltip</span>
+ <span dojoType="dijit.Tooltip" connectId="ttRich" style="display:none;">
+ Embedded <b>bold</b> <i>RICH</i> text <span style="color:#309; font-size:x-large;">weirdness!</span>
+ </span>
+ </li>
+
+ <li><a id="ttOne" href="#bogus">anchor tooltip</a>
+ <span dojoType="dijit.Tooltip" connectId="ttOne" style="display:none;">tooltip on anchor</span>
+ </li>
+
+ </ul>
+
+ <hr class="spacer">
+
+ <h2>Dialogs:</h2>
+ <ul>
+ <li><a href="#" onclick="dijit.byId('dialog1').show()">show Modal Dialog</a></li>
+ </ul>
+
+ <div dojoType="dijit.form.DropDownButton">
+ <span>Show Tooltip Dialog</span>
+ <div dojoType="dijit.TooltipDialog" id="tooltipDlg" title="Enter Login information"
+ execute="alert('submitted w/args:\n' + dojo.toJson(arguments[0], true));">
+ <table>
+ <tr>
+ <td><label for="user">User:</label></td>
+ <td><input dojoType=dijit.form.TextBox type="text" id="user" name="user" ></td>
+ </tr>
+ <tr>
+ <td><label for="pwd">Password:</label></td>
+ <td><input dojoType=dijit.form.TextBox type="password" id="pwd" name="pwd"></td>
+ </tr>
+ <tr>
+ <td colspan="2" align="center">
+ <button dojoType=dijit.form.Button type="submit" name="submit">Login</button>
+ </tr>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div dojoType="dijit.layout.AccordionPane" title="Dojo Tree from Store">
+ <!-- tree widget -->
+ <div dojoType="dijit.Tree" store="continentStore" query="{type:'continent'}"
+ label="Continents">
+ </div>
+ </div>
+
+ <div dojoType="dijit.layout.AccordionPane" title="Calendar" selected="true">
+ <!-- calendar widget pane -->
+ <input id="calendar1" dojoType="dijit._Calendar" onChange="myHandler(this.id,arguments[0])">
+ </div>
+
+ <div dojoType="dijit.layout.AccordionPane" title="Color Picker">
+ <!-- color palette picker -->
+ <h2 class="testHeader">Dijit Color Palette(7x10)</h2>
+ <div dojoType="dijit.ColorPalette" onChange="setColor(this.value);"></div>
+ <br>
+ Test color is: <span id="outputSpan"></span>
+
+ <br><br>
+ <div dojoType="dijit.ColorPalette" palette="3x4"></div>
+ </div>
+
+
+
+ </div><!-- end AccordionContainer -->
+
+ <!-- top tabs (marked as "center" to take up the main part of the BorderContainer) -->
+ <div dojoType="dijit.layout.TabContainer" region="center" id="topTabs">
+ <!-- first tab? -->
+ <div id="tab1" dojoType="dijit.layout.ContentPane" title="Form Feel" style="padding:10px;display:none;">
+ <h2>Various Form Elements:</h2>
+
+ <form name="dijitFormTest">
+
+ <p><input type="checkBox" dojoType="dijit.form.CheckBox" checked="checked"> Standard Dijit CheckBox
+ <br><input type="checkBox" dojoType="dijit.form.CheckBox" disabled="disabled"> Disabled Dijit
+ <br><input type="checkBox" dojoType="dijit.form.CheckBox" disabled="disabled" checked="checked"> Checked and Disabled Dijit
+ </p>
+
+ <p>
+ <span>Radio group #1:</span>
+ <input type="radio" name="g1" id="g1rb1" value="news" dojoType="dijit.form.RadioButton">
+ <label for="g1rb1">news</label>
+ <input type="radio" name="g1" id="g1rb2" value="talk" dojoType="dijit.form.RadioButton" checked="checked"/>
+ <label for="g1rb2">talk</label>
+ <input type="radio" name="g1" id="g1rb3" value="weather" dojoType="dijit.form.RadioButton" disabled="disabled"/>
+ <label for="g1rb3">weather (disabled)</label>
+ </p>
+
+ <p>
+ <span>Radio group #2: (no default value, and has breaks)</span><br>
+ <input type="radio" name="g2" id="g2rb1" value="top40" dojoType="dijit.form.RadioButton">
+ <label for="g2rb1">top 40</label><br>
+ <input type="radio" name="g2" id="g2rb2" value="oldies" dojoType="dijit.form.RadioButton">
+ <label for="g2rb2">oldies</label><br>
+
+ <input type="radio" name="g2" id="g2rb3" value="country" dojoType="dijit.form.RadioButton">
+ <label for="g2rb3">country</label><br>
+
+ <br>
+ (Note if using keyboard: tab to navigate, and use arrow or space to select)
+ </p>
+
+ <hr class="spacer">
+
+ <h2>dijit.form.NumberSpinner max=100</h2>
+ <input dojoType="dijit.form.NumberSpinner" constraints="{max:100,places:0}" id="integertextbox3" value="10">
+
+ <hr class="spacer">
+
+ <h2>dijit.form.Textarea: (sans <i>any</i> styling...)</h2>
+ <textarea dojoType="dijit.form.Textarea" name="areText">Lorem ipsum dolor sit amet,
+ consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
+ dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci
+ tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis
+ autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat,
+ vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio
+ dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait
+ nulla facilisi.
+ </textarea>
+
+ <hr class="spacer">
+
+ <h2>dijit.form.ComboBox</h2>
+ <label for="datatestComboBox">US State test 2: </label>
+ <input dojoType="dijit.form.ComboBox"
+ value="California"
+ class="medium"
+ store="stateStore"
+ searchAttr="name"
+ style="width: 300px;"
+ name="state2"
+ id="datatestComboBox"
+ >
+
+ </form>
+
+ </div><!-- end first tab -->
+
+ <!-- second upper tab -->
+ <div id="tab2" dojoType="dijit.layout.ContentPane" title="Various Dijits"
+ style="padding:10px; display:none;">
+
+ <!-- Sliders: -->
+ <div style="float:right;">
+ <div dojoType="dijit.form.VerticalSlider" name="vertical1"
+ onChange="dojo.byId('slider2input').value=arguments[0];"
+ value="10"
+ maximum="100"
+ minimum="0"
+ discreteValues="11"
+ style="height:175px; clear:both"
+ id="slider2">
+ <ol dojoType="dijit.form.VerticalRuleLabels" container="leftDecoration"style="width:2em;color:gray;" labelStyle="right:0px;">
+ <li>0
+ <li>100
+ </ol>
+
+ <div dojoType="dijit.form.VerticalRule" container="leftDecoration" count=11 style="width:5px;" ruleStyle="border-color:gray;"></div>
+ <div dojoType="dijit.form.VerticalRule" container="rightDecoration" count=11 style="width:5px;" ruleStyle="border-color:gray;"></div>
+ <ol dojoType="dijit.form.VerticalRuleLabels" container="rightDecoration"style="width:2em;color:gray;" maximum="100" count="6" numericMargin="1" constraints="{pattern:'#'}"></ol>
+ </div>
+ <br> Slider2 Value:<input readonly id="slider2input" size="3" value="10">
+ </div>
+ <h2>Sliders</h2>
+ <div dojoType="dijit.form.HorizontalSlider" name="horizontal1"
+ onChange="dojo.byId('slider1input').value=dojo.number.format(arguments[0]/100,{places:1,pattern:'#%'});"
+ value="10"
+ maximum="100"
+ minimum="0"
+ showButtons="false"
+ intermediateChanges="true"
+ style="width:50%; height: 20px;"
+ id="horizontal1">
+ <ol dojoType="dijit.form.HorizontalRuleLabels" container="topDecoration" style="height:1.2em;font-size:75%;color:gray;" numericMargin="1" count="6"></ol>
+ <div dojoType="dijit.form.HorizontalRule" container="topDecoration" count=11 style="height:5px;"></div>
+ <div dojoType="dijit.form.HorizontalRule" container="bottomDecoration" count=5 style="height:5px;"></div>
+ <ol dojoType="dijit.form.HorizontalRuleLabels" container="bottomDecoration" style="height:1em;font-size:75%;color:gray;">
+ <li>lowest
+ <li>normal
+ <li>highest
+ </ol>
+
+ </div>
+ <br>Value: <input readonly id="slider1input" size="5" value="10.0%">
+
+ <div dojoType="dijit.form.HorizontalSlider" name="horizontal2"
+ minimum="1"
+ value="2"
+ maximum="3"
+ discreteValues="3"
+ showButtons="false"
+ intermediateChanges="true"
+ style="width:300px; height: 40px;"
+ id="horizontal2">
+ <div dojoType="dijit.form.HorizontalRule" container="bottomDecoration" count=3 style="height:5px;"></div>
+ <ol dojoType="dijit.form.HorizontalRuleLabels" container="bottomDecoration"style="height:1em;font-size:75%;color:gray;">
+ <li><img width=10 height=10 src="../tests/images/note.gif"><br><span style="font-size: small">small</span>
+ <li><img width=15 height=15 src="../tests/images/note.gif"><br><span style="font-size: medium">medium</span>
+
+ <li><img width=20 height=20 src="../tests/images/note.gif"><br><span style="font-size: large">large</span>
+ </ol>
+ </div>
+
+ <br style="clear:both;">
+ <hr class="spacer">
+
+ <h2>ProgressBar</h2>
+ <div style="width:400px; height:20px;" annotate="true" maximum="200" id="setTestBar"
+ progress="20" dojoType="dijit.ProgressBar"></div>
+
+ Indeterminate:
+ <div style="width:400px; height:20px" indeterminate="true" dojoType="dijit.ProgressBar"></div>
+
+ <hr class="spacer">
+
+ <h2>TitlePane (nested)</h2>
+ <div dojoType="dijit.TitlePane" title="Outer pane" width="275">
+ <p>This is a title pane, containing another title pane ...</p>
+ <div dojoType="dijit.TitlePane" title="Inner pane" width="125">
+
+ <p>And this is the inner title pane...</p>
+
+ <p>Sed sollicitudin suscipit risus. Nam
+ ullamcorper. Sed nisl lectus, pellentesque nec,
+ malesuada eget, ornare a, libero. Lorem ipsum dolor
+ sit amet, consectetuer adipiscing elit.</p>
+
+ </div><!-- end inner titlepane -->
+ <p>And this is the closing line for the outer title pane.</p>
+ </div><!-- end outer title pane -->
+ <h2>HTML After, check indent</h2>
+ </div><!-- end:second upper tab -->
+
+ <!-- start third upper tab -->
+ <div id="tab3" dojoType="dijit.layout.ContentPane" title="Buttons"
+ style="padding:10px; display:none; ">
+
+ <h2>Simple, drop down & combo buttons</h2>
+ <p>Buttons can do an action, display a menu, or both:</p>
+
+ <div class="box">
+ <button dojoType="dijit.form.Button" iconClass="plusIcon" onClick='console.debug("clicked simple")'>
+ Create
+ </button>
+
+ <button dojoType="dijit.form.DropDownButton" iconClass="noteIcon">
+ <span>Edit</span>
+ <div dojoType="dijit.Menu" id="editMenu" style="display: none;">
+ <div dojoType="dijit.MenuItem"
+ iconClass="dijitEditorIcon dijitEditorIconCut"
+ onClick="console.debug('not actually cutting anything, just a test!')">
+ Cut
+ </div>
+
+ <div dojoType="dijit.MenuItem"
+ iconClass="dijitEditorIcon dijitEditorIconCopy"
+ onClick="console.debug('not actually copying anything, just a test!')">
+ Copy
+ </div>
+
+ <div dojoType="dijit.MenuItem"
+ iconClass="dijitEditorIcon dijitEditorIconPaste"
+ onClick="console.debug('not actually pasting anything, just a test!')">
+ Paste
+ </div>
+ </div>
+ </button>
+
+ <button dojoType="dijit.form.ComboButton" iconClass="noteIcon"
+ optionsTitle='save options'
+ onClick='console.debug("clicked combo save")'>
+ <span>Save</span>
+ <div dojoType="dijit.Menu" id="saveMenu" style="display: none;">
+ <div dojoType="dijit.MenuItem"
+ iconClass="dijitEditorIcon dijitEditorIconSave"
+ onClick="console.debug('not actually saving anything, just a test!')">
+ Save
+ </div>
+ <div dojoType="dijit.MenuItem"
+ onClick="console.debug('not actually saving anything, just a test!')">
+ Save As
+ </div>
+ </div>
+ </button>
+
+ <button dojoType="dijit.form.Button" iconClass="plusIcon" onClick='console.debug("clicked simple")'
+ disabled='true'>
+ Disabled
+ </button>
+ </div><!-- end:box -->
+
+ <hr class="spacer">
+
+ <h2>Sizing</h2>
+ <p>Short button, tall buttons, big buttons, small buttons... These buttons
+ size to their content (just like <button>).</p>
+
+ <div class="box">
+ <button dojoType="dijit.form.Button" iconClass="flatScreenIcon" onclick='console.debug("big");'>
+ <span style="font-size:xx-large">big</span>
+ </button>
+
+ <button id="smallButton1" dojoType="dijit.form.Button" onclick='console.debug("small");'>
+ <img src="../tests/images/arrowSmall.gif" width="15" height="5">
+ <span style="font-size:x-small">small</span>
+ </button>
+
+ <button dojoType="dijit.form.Button" onclick='console.debug("long");'>
+ <img src="../tests/images/tube.gif" width="150" height="16"> long
+ </button>
+
+ <button dojoType="dijit.form.Button" onclick='console.debug("tall");' width2height="0.1">
+ <img src="../tests/images/tubeTall.gif" height="75" width="35"><br>
+ <span style="font-size:medium">tall</span>
+ </button>
+ <div style="clear: both;"></div>
+ </div><!-- end box -->
+
+ <hr class="spacer">
+
+ <h2>Customized buttons</h2>
+ <p>Dojo users can mix in their styles. Here's an example:</p>
+
+ <div><!-- custom styled button tests -->
+ <button dojoType="dijit.form.Button" class="myCustomTheme"
+ onclick='console.debug("short");'>
+ <div class="dc">short</div>
+ </button>
+
+ <button dojoType="dijit.form.Button" class="myCustomTheme"
+ onclick='console.debug("longer");'>
+ <div class="dc">bit longer</div>
+ </button>
+
+ <button dojoType="dijit.form.Button" class="myCustomTheme"
+ onclick='console.debug("longer yet");'>
+ <div class="dc">ridiculously long</div>
+ </button>
+
+ <div style="clear: both;"></div>
+ </div><!-- end styled buttons -->
+
+ </div><!-- end third upper tab-->
+
+ <!-- fourth upper tab -->
+ <div id="tab" dojoType="dijit.layout.ContentPane" title="Editable Text" style="padding:10px;" selected="selected">
+
+ <h2>dijit.Editor:</h2>
+ <!-- FIXME:
+ set height on this node to size the whole editor, but causes the tab to not scroll
+ until you select another tab and come back. alternative is no height: here, but that
+ causes editor to become VERY tall, and size to a normal height when selected (like the
+ dijit.form.TextArea in "Form Feel" Tab), but in reverse. refs #3980 and is maybe new bug?
+ -->
+ <div style="border:1px solid #ededed;">
+ <textarea height="175" dojoType="dijit.Editor" styleSheets="../../dojo/resources/dojo.css" sytle="width:400px; height:175px; overflow:auto; ">
+ <ul>
+ <li>Lorem <a href="http://dojotoolkit.org">and a link</a>, what do you think?</li>
+ <li>This is the Editor with a Toolbar attached.</li>
+ </ul>
+ </textarea>
+ </div>
+ <hr class="spacer">
+
+
+ <h2 class="testTitle">dijit.InlineEditBox + dijit.form.TextBox on <h3></h2>
+
+ (HTML before)
+ <h3 id="editable" style="font-size:larger;" dojoType="dijit.InlineEditBox" onChange="myHandler(this.id,arguments[0])">
+ Edit me - I trigger the onChange callback
+ </h3>
+ (HTML after)
+
+ <hr class="spacer">
+
+ <h2>dijit.InlineEditBox + dijit.form.Textarea</h2>
+
+ (HTML before)
+ <p id="areaEditable" dojoType="dijit.InlineEditBox" editor="dijit.form.Textarea" autoSave="false">
+ I'm one big paragraph. Go ahead and edit me. I dare you.
+ The quick brown fox jumped over the lazy dog. Blah blah blah blah blah blah blah ...
+ </p>
+ (HTML after)
+
+ <p>
+ These links will
+ <a href="#" onClick="dijit.byId('areaEditable').setDisabled(true)">disable</a> /
+ <a href="#" onClick="dijit.byId('areaEditable').setDisabled(false)">enable</a>
+ the text area above.
+ </p>
+
+ <hr class="spacer">
+
+ <h2>dijit.form.DateTextBox:</h2>
+
+ (HTML inline before)
+ <span id="backgroundArea" dojoType="dijit.InlineEditBox" editor="dijit.form.DateTextBox" width="170px">12/30/2005</span>
+ (HTML after)
+
+ <hr class="spacer">
+
+ <h2>dijit.form.TimeTextBox:</h2>
+
+ (HTML inline before)
+ <span id="timePicker" dojoType="dijit.InlineEditBox" editor="dijit.form.TimeTextBox" width="150px">9:00 AM</span>
+ (HTML after)
+
+ <hr class="spacer">
+
+
+ <h2>dijit.form.FilteringSelect + Inline + remote data store:</h2>
+ (HTML inline before)
+ <span id="backgroundArea2" dojoType="dijit.InlineEditBox" editor="dijit.form.FilteringSelect"
+ editorParams="{store: stateStore, autoComplete: true, promptMessage: 'Please enter a state'}"
+ width="300px">
+ Indiana
+ </span>
+ (HTML after)
+
+ </div><!-- end fourth upper tab -->
+
+ <!-- fifth upper tab -->
+ <div id="tab5" dojoType="dijit.layout.ContentPane" title="DnD"
+ style="padding:10px; display:none; ">
+ <div style="float:left; margin:5px; ">
+ <h3>Source 1</h3>
+ <div dojoType="dojo.dnd.Source" style="border:3px solid #ccc; padding: 1em 3em; ">
+ <div class="dojoDndItem">Item <strong>X</strong></div>
+ <div class="dojoDndItem">Item <strong>Y</strong></div>
+ <div class="dojoDndItem">Item <strong>Z</strong></div>
+ </div>
+ </div>
+ <div style="float:left; margin:5px; ">
+ <h3>Source 2</h3>
+ <div dojoType="dojo.dnd.Source" style="border:3px solid #ccc; padding: 1em 3em; ">
+ <div class="dojoDndItem">Item <strong>1</strong></div>
+ <div class="dojoDndItem">Item <strong>2</strong></div>
+ <div class="dojoDndItem">Item <strong>3</strong></div>
+ </div>
+ </div>
+ </div>
+
+ <!-- sixth upper tab -->
+ <div id="tab6" dojoType="dijit.layout.ContentPane" title="Closable"
+ style="display:none; padding:10px; " closable="true">
+ This pane is closable, just for the icon ...
+ </div>
+ </div><!-- end of region="center" TabContainer -->
+
+ <!-- bottom right tabs -->
+ <div dojoType="dijit.layout.TabContainer" id="bottomTabs" tabPosition="bottom" selectedChild="btab1" region="bottom" splitter="true">
+
+ <!-- btab 1 -->
+ <div id="btab1" dojoType="dijit.layout.ContentPane" title="Info" style=" padding:10px; ">
+ <p>You can explore this single page after applying a Theme
+ for use in creation of your own theme.</p>
+
+ <p>I am whole slew of Widgets on a page. Jump to <a href="../tests/">dijit tests</a> to
+ test individual components.</p>
+
+ <p>There is a right-click [context] pop-up menu here, as well.</p>
+ </div><!-- end:info btab1 -->
+
+ <div id="btab2" dojoType="dijit.layout.ContentPane" title="Alternate Themes" style="padding:20px;">
+ <span id="themeData"></span>
+ </div><!-- btab2 -->
+
+ <div id="btab3" dojoType="dijit.layout.ContentPane" title="Bottom 3" closable="true">
+ <p>I am the last Tab</p>
+ <div id="dialog2" dojoType="dijit.Dialog" title="Encased Dialog" style="display:none;">
+ I am the second dialog. I am
+ parented by the Low Tab Pane #3
+ </div>
+ </div><!-- btab3 -->
+
+ </div><!-- end Bottom TabContainer -->
+
+ </div> <!-- end of "mainSplit" BorderContainer -->
+ </div><!-- end of "main" BorderContainer -->
+
+ <!-- dialog in body -->
+ <div id="dialog1" dojoType="dijit.Dialog" title="Floating Modal Dialog" style="display:none;" href="../tests/layout/doc0.html"></div>
+
+</body>
+</html>
diff --git a/includes/js/dijit/themes/tundra/Calendar.css b/includes/js/dijit/themes/tundra/Calendar.css new file mode 100644 index 0000000..4a75069 --- /dev/null +++ b/includes/js/dijit/themes/tundra/Calendar.css @@ -0,0 +1,132 @@ + + +.tundra .dijitCalendarIncrementControl { + + width:15px; + height:15px; +} +.dj_ie6 .tundra .dijitCalendarIncrementControl { + padding:.1em; + font-size:.1em; +} +.tundra .dijitCalendarIncreaseInner, +.tundra .dijitCalendarDecreaseInner { + visibility:hidden; +} +.tundra .dijitCalendarDecrease { + background:url("images/spriteRoundedIconsSmall.png") no-repeat top left; +} +.dj_ie6 .tundra .dijitCalendarDecrease { + background:url("images/spriteRoundedIconsSmall.gif") no-repeat top left; +} +.tundra .dijitCalendarIncrease { + background:url("images/spriteRoundedIconsSmall.png") no-repeat -30px top; +} +.dj_ie6 .tundra .dijitCalendarIncrease { + background:url("images/spriteRoundedIconsSmall.gif") no-repeat -30px top; +} +.tundra table.dijitCalendarContainer { + font-size: 100%; + border-spacing: 0; + border-collapse: separate; + border: 1px solid #ccc; + margin: 0; +} +.tundra .dijitCalendarMonthContainer th { + + background:#d3d3d3 url("images/titleBar.png") repeat-x top; + padding-top:.3em; + padding-bottom:.2em; + text-align:center; +} +.dj_ie6 .tundra .dijitCalendarMonthContainer th { + padding-top:.1em; + padding-bottom:0em; +} +.tundra .dijitCalendarDayLabelTemplate { + + background:white url("images/calendarDayLabel.png") repeat-x bottom; + font-weight:normal; + padding-top:.15em; + padding-bottom:0em; + border-top: 1px solid #eeeeee; + color:#293a4b; + text-align:center; +} +.tundra .dijitCalendarBodyContainer { + border-bottom: 1px solid #eeeeee; +} +.tundra .dijitCalendarMonthLabel { + color:#293a4b; + font-weight: bold; +} +.dj_ie7 .tundra .dijitCalendarDateTemplate, +.dj_ie6 .tundra .dijitCalendarDateTemplate { + font-size: 0.8em; +} +.tundra .dijitCalendarDateTemplate { + + font-size: 0.9em; + font-weight: bold; + text-align: center; + padding: 0.3em 0.3em 0.05em 0.3em; + letter-spacing: 1px; +} +.tundra .dijitCalendarPreviousMonth, +.tundra .dijitCalendarNextMonth { + + color:#999999; + background-color:#f8f8f8 !important; +} +.tundra .dijitCalendarPreviousMonthDisabled, +.tundra .dijitCalendarNextMonthDisabled { + + background-color:#a4a5a6 !important; +} +.tundra .dijitCalendarCurrentMonth { + + background-color:white !important; +} +.tundra .dijitCalendarCurrentMonthDisabled { + + background-color:#bbbbbc !important; +} +.tundra .dijitCalendarCurrentDate { + + text-decoration:underline; + font-weight:bold; +} +.tundra .dijitCalendarCurrentDate { + + text-decoration:underline; + font-weight:bold; +} +.tundra .dijitCalendarSelectedDate { + + background-color:#bbc4d0 !important; + color:black !important; +} +.tundra .dijitCalendarYearContainer { + + background:white url("images/calendarYearLabel.png") repeat-x bottom; + border-top:1px solid #ccc; +} +.tundra .dijitCalendarYearLabel { + + margin:0; + padding:0.4em 0 0.25em 0; + text-align:center; +} +.tundra .dijitCalendarSelectedYear { + + color:black; + padding:0.2em; + padding-bottom:0.1em; + background-color:#bbc4d0 !important; +} +.tundra .dijitCalendarNextYear, +.tundra .dijitCalendarPreviousYear { + + color:black !important; + font-weight:normal; +} diff --git a/includes/js/dijit/themes/tundra/Calendar.css.commented.css b/includes/js/dijit/themes/tundra/Calendar.css.commented.css new file mode 100644 index 0000000..53f9a83 --- /dev/null +++ b/includes/js/dijit/themes/tundra/Calendar.css.commented.css @@ -0,0 +1,154 @@ +/* Calendar*/ + +.tundra .dijitCalendarIncrementControl { + /* next/prev month buttons */ + width:15px; + height:15px; + +} +.dj_ie6 .tundra .dijitCalendarIncrementControl { + padding:.1em; + font-size:.1em; +} + +.tundra .dijitCalendarIncreaseInner, +.tundra .dijitCalendarDecreaseInner { + visibility:hidden; +} + +.tundra .dijitCalendarDecrease { + background:url("images/spriteRoundedIconsSmall.png") no-repeat top left; +} +.dj_ie6 .tundra .dijitCalendarDecrease { + background:url("images/spriteRoundedIconsSmall.gif") no-repeat top left; +} + +.tundra .dijitCalendarIncrease { + background:url("images/spriteRoundedIconsSmall.png") no-repeat -30px top; +} +.dj_ie6 .tundra .dijitCalendarIncrease { + background:url("images/spriteRoundedIconsSmall.gif") no-repeat -30px top; +} + +.tundra table.dijitCalendarContainer { + font-size: 100%; + border-spacing: 0; + border-collapse: separate; + border: 1px solid #ccc; + margin: 0; +} + +.tundra .dijitCalendarMonthContainer th { + /* month header cell */ + background:#d3d3d3 url("images/titleBar.png") repeat-x top; + padding-top:.3em; + padding-bottom:.2em; + text-align:center; +} +.dj_ie6 .tundra .dijitCalendarMonthContainer th { + padding-top:.1em; + padding-bottom:0em; +} + +.tundra .dijitCalendarDayLabelTemplate { + /* day of week labels */ + background:white url("images/calendarDayLabel.png") repeat-x bottom; + font-weight:normal; + padding-top:.15em; + padding-bottom:0em; + border-top: 1px solid #eeeeee; + color:#293a4b; + text-align:center; +} + +.tundra .dijitCalendarBodyContainer { + border-bottom: 1px solid #eeeeee; +} + +.tundra .dijitCalendarMonthLabel { + color:#293a4b; + font-weight: bold; +} + +.dj_ie7 .tundra .dijitCalendarDateTemplate, +.dj_ie6 .tundra .dijitCalendarDateTemplate { + font-size: 0.8em; +} + +.tundra .dijitCalendarDateTemplate { + /* style for each day cell */ + font-size: 0.9em; + font-weight: bold; + text-align: center; + padding: 0.3em 0.3em 0.05em 0.3em; + letter-spacing: 1px; +} + + +.tundra .dijitCalendarPreviousMonth, +.tundra .dijitCalendarNextMonth { + /* days that are part of the previous or next month */ + color:#999999; + background-color:#f8f8f8 !important; +} + +.tundra .dijitCalendarPreviousMonthDisabled, +.tundra .dijitCalendarNextMonthDisabled { + /* days that are part of the previous or next month - disabled*/ + background-color:#a4a5a6 !important; +} + +.tundra .dijitCalendarCurrentMonth { + /* days that are part of this month */ + background-color:white !important; +} + +.tundra .dijitCalendarCurrentMonthDisabled { + /* days that are part of this month - disabled */ + background-color:#bbbbbc !important; +} + +.tundra .dijitCalendarCurrentDate { + /* cell for today's date */ + text-decoration:underline; + font-weight:bold; +} + +.tundra .dijitCalendarCurrentDate { + /* cell for today's date */ + text-decoration:underline; + font-weight:bold; +} + +.tundra .dijitCalendarSelectedDate { + /* cell for the selected date */ + background-color:#bbc4d0 !important; + color:black !important; +} +.tundra .dijitCalendarYearContainer { + /* footer of the table that contains the year display/selector */ + background:white url("images/calendarYearLabel.png") repeat-x bottom; + border-top:1px solid #ccc; +} + +.tundra .dijitCalendarYearLabel { + /* container for all of 3 year labels */ + margin:0; + padding:0.4em 0 0.25em 0; + text-align:center; +} + +.tundra .dijitCalendarSelectedYear { + /* label for selected year */ + color:black; + padding:0.2em; + padding-bottom:0.1em; + background-color:#bbc4d0 !important; +} + +.tundra .dijitCalendarNextYear, +.tundra .dijitCalendarPreviousYear { + /* label for next/prev years */ + color:black !important; + font-weight:normal; +} diff --git a/includes/js/dijit/themes/tundra/Calendar_rtl.css b/includes/js/dijit/themes/tundra/Calendar_rtl.css new file mode 100644 index 0000000..e64cdf2 --- /dev/null +++ b/includes/js/dijit/themes/tundra/Calendar_rtl.css @@ -0,0 +1,13 @@ + +.dijitRtl .dijitCalendarDecrease { + background-position: -30px top; +} +.dijitRtl .dijitCalendarIncrease { + background-position: 0px top; +} +.dj_ie6 .dijitRtl .dijitCalendarIncrease { + background-position: 0px top; +} +.dj_ie6 .dijitRtl .dijitCalendarDecrease { + background-position: -30px top; +} diff --git a/includes/js/dijit/themes/tundra/Calendar_rtl.css.commented.css b/includes/js/dijit/themes/tundra/Calendar_rtl.css.commented.css new file mode 100644 index 0000000..84146f8 --- /dev/null +++ b/includes/js/dijit/themes/tundra/Calendar_rtl.css.commented.css @@ -0,0 +1,16 @@ + +/* Calendar */ + +.dijitRtl .dijitCalendarDecrease { + background-position: -30px top; +} + +.dijitRtl .dijitCalendarIncrease { + background-position: 0px top; +} +.dj_ie6 .dijitRtl .dijitCalendarIncrease { + background-position: 0px top; +} +.dj_ie6 .dijitRtl .dijitCalendarDecrease { + background-position: -30px top; +} diff --git a/includes/js/dijit/themes/tundra/ColorPalette.css b/includes/js/dijit/themes/tundra/ColorPalette.css new file mode 100644 index 0000000..56fa558 --- /dev/null +++ b/includes/js/dijit/themes/tundra/ColorPalette.css @@ -0,0 +1,5 @@ +.dijitColorPalette { + border:1px solid #7eabcd; + background:#fff; + -moz-border-radius: 0px !important; +} diff --git a/includes/js/dijit/themes/tundra/ColorPalette.css.commented.css b/includes/js/dijit/themes/tundra/ColorPalette.css.commented.css new file mode 100644 index 0000000..56fa558 --- /dev/null +++ b/includes/js/dijit/themes/tundra/ColorPalette.css.commented.css @@ -0,0 +1,5 @@ +.dijitColorPalette { + border:1px solid #7eabcd; + background:#fff; + -moz-border-radius: 0px !important; +} diff --git a/includes/js/dijit/themes/tundra/Common.css b/includes/js/dijit/themes/tundra/Common.css new file mode 100644 index 0000000..1089f4b --- /dev/null +++ b/includes/js/dijit/themes/tundra/Common.css @@ -0,0 +1,37 @@ + +.tundra .dijitSliderDisabled *, +.tundra .dijitDisabledClickableRegion, +.tundra .dijitSpinnerDisabled *, +.tundra .dijitButtonDisabled *, +.tundra .dijitDropDownButtonDisabled *, +.tundra .dijitComboButtonDisabled *, +.tundra .dijitComboBoxDisabled * +{ + cursor: not-allowed !important; +} +.tundra .dojoDndItemBefore { + border-top: 2px solid #369; +} +.tundra .dojoDndItemAfter { + border-bottom: 2px solid #369; +} +.tundra .dojoDndItemOver { + cursor:pointer; +} +.tundra table.dojoDndAvatar { -moz-border-radius: 0; border: 1px solid #ccc; border-collapse: collapse; background-color: #fff; font-size: 75%; color: black;} +.tundra .dojoDndAvatar td { border: none; } +.tundra .dojoDndAvatar tr { border: none; } +.tundra .dojoDndAvatarHeader td { height: 20px; padding: 0 0 0 21px; } +.tundra .dojoDndAvatarItem td { padding: 2px;} +.tundra.dojoDndMove .dojoDndAvatarHeader {background-color: #f58383; background-image: url(images/dndNoMove.png); background-repeat: no-repeat; background-position: 2px center;} +.tundra.dojoDndCopy .dojoDndAvatarHeader {background-color: #f58383; background-image: url(images/dndNoCopy.png); background-repeat: no-repeat; background-position: 2px center;} +.tundra.dojoDndMove .dojoDndAvatarCanDrop .dojoDndAvatarHeader {background-color: #97e68d; background-image: url(images/dndMove.png); background-repeat: no-repeat; background-position: 2px center;} +.tundra.dojoDndCopy .dojoDndAvatarCanDrop .dojoDndAvatarHeader {background-color: #97e68d; background-image: url(images/dndCopy.png); background-repeat: no-repeat; background-position: 2px center;} +.tundra .dijitContentPaneLoading { + background:url('images/loading.gif') no-repeat left center; + padding-left:25px; +} +.tundra .dijitContentPaneError { + background:url('images/warning.png') no-repeat left center; + padding-left:25px; +} diff --git a/includes/js/dijit/themes/tundra/Common.css.commented.css b/includes/js/dijit/themes/tundra/Common.css.commented.css new file mode 100644 index 0000000..6419b38 --- /dev/null +++ b/includes/js/dijit/themes/tundra/Common.css.commented.css @@ -0,0 +1,45 @@ +/**** Disabled cursor *****/ +.tundra .dijitSliderDisabled *, +.tundra .dijitDisabledClickableRegion, /* a region the user would be able to click on, but it's disabled */ +.tundra .dijitSpinnerDisabled *, +.tundra .dijitButtonDisabled *, +.tundra .dijitDropDownButtonDisabled *, +.tundra .dijitComboButtonDisabled *, +.tundra .dijitComboBoxDisabled * +{ + cursor: not-allowed !important; +} + +/* DnD avatar-specific settings */ +/* For now it uses a default set of rules. Some other DnD classes can be modified as well. */ +.tundra .dojoDndItemBefore { + border-top: 2px solid #369; +} + +.tundra .dojoDndItemAfter { + border-bottom: 2px solid #369; +} + +.tundra .dojoDndItemOver { + cursor:pointer; +} + +.tundra table.dojoDndAvatar { -moz-border-radius: 0; border: 1px solid #ccc; border-collapse: collapse; background-color: #fff; font-size: 75%; color: black;} +.tundra .dojoDndAvatar td { border: none; } +.tundra .dojoDndAvatar tr { border: none; } +.tundra .dojoDndAvatarHeader td { height: 20px; padding: 0 0 0 21px; } +.tundra .dojoDndAvatarItem td { padding: 2px;} +.tundra.dojoDndMove .dojoDndAvatarHeader {background-color: #f58383; background-image: url(images/dndNoMove.png); background-repeat: no-repeat; background-position: 2px center;} +.tundra.dojoDndCopy .dojoDndAvatarHeader {background-color: #f58383; background-image: url(images/dndNoCopy.png); background-repeat: no-repeat; background-position: 2px center;} +.tundra.dojoDndMove .dojoDndAvatarCanDrop .dojoDndAvatarHeader {background-color: #97e68d; background-image: url(images/dndMove.png); background-repeat: no-repeat; background-position: 2px center;} +.tundra.dojoDndCopy .dojoDndAvatarCanDrop .dojoDndAvatarHeader {background-color: #97e68d; background-image: url(images/dndCopy.png); background-repeat: no-repeat; background-position: 2px center;} + +.tundra .dijitContentPaneLoading { + background:url('images/loading.gif') no-repeat left center; + padding-left:25px; +} + +.tundra .dijitContentPaneError { + background:url('images/warning.png') no-repeat left center; + padding-left:25px; +} diff --git a/includes/js/dijit/themes/tundra/Dialog.css b/includes/js/dijit/themes/tundra/Dialog.css new file mode 100644 index 0000000..9fcccd5 --- /dev/null +++ b/includes/js/dijit/themes/tundra/Dialog.css @@ -0,0 +1,145 @@ + +.tundra .dijitDialog { + background: #fff; + border: 1px solid #7eabcd; + -webkit-box-shadow: 0px 5px 10px #adadad; + padding: 0px; +} +.tundra .dijitDialog .dijitDialogTitle { + border-top: none; + border-left: none; + border-right: none; +} +.tundra .dijitDialog .dijitDialogPaneContent { + background: #fff; + border:none; + border-top: 1px solid #d3d3d3; + padding:10px; +} +.tundra .dijitDialogTitleBar { + + background: #fafafa url("images/titleBar.png") repeat-x top left; + + padding: 5px 6px 3px 2px; + cursor: move; + outline:0; +} +.tundra .dijitDialogTitle { + + font-weight: bold; + padding: 8px 12px 8px 12px; + outline:0; +} +.tundra .dijitDialogCloseIcon { + + background : url("images/spriteRoundedIconsSmall.png") no-repeat right top; + float: right; + position: absolute; + vertical-align: middle; + right: 6px; + top: 4px; + height: 15px; + width: 15px; + cursor: pointer; +} +.dj_ie6 .tundra .dijitDialogCloseIcon { + background : url("images/spriteRoundedIconsSmall.gif") no-repeat right top; +} +.tundra .dijitDialogContent { + + padding: 8px; +} +.tundra .dijitTooltip, +.tundra .dijitTooltipDialog { + + + background: transparent; +} +.dijitTooltipBelow { + + padding-top: 13px; +} +.dijitTooltipAbove { + + padding-bottom: 13px; +} +.tundra .dijitTooltipContainer { + + background: #ffffff url("images/popupMenuBg.gif") repeat-x bottom left; + border:1px solid #7eabcd; + padding:0.45em; + -webkit-border-radius: 6px; +} +.tundra .dijitTooltipConnector { + + border:0px; + z-index: 2; +} +.tundra .dijitTooltipABRight .dijitTooltipConnector { + + left: auto !important; + right: 3px; +} +.tundra .dijitTooltipBelow .dijitTooltipConnector { + + top: 0px; + left: 3px; + background:url("images/tooltipConnectorUp.png") no-repeat top left; + width:16px; + height:14px; +} +.dj_ie6 .tundra .dijitTooltipBelow .dijitTooltipConnector { + background-image: url("images/tooltipConnectorUp.gif"); +} +.tundra .dijitTooltipAbove .dijitTooltipConnector { + + bottom: 0px; + left: 3px; + background:url("images/tooltipConnectorDown.png") no-repeat top left; + width:16px; + height:14px; +} +.dj_ie6 .tundra .dijitTooltipAbove .dijitTooltipConnector { + background-image: url("images/tooltipConnectorDown.gif"); + bottom: -3px; +} +.tundra .dijitTooltipLeft { + padding-right: 14px; +} +.dj_ie6 .tundra .dijitTooltipLeft { + padding-left: 15px; +} +.tundra .dijitTooltipLeft .dijitTooltipConnector { + + right: 0px; + bottom: 7px; + background:url("images/tooltipConnectorRight.png") no-repeat top left; + width:16px; + height:14px; +} +.dj_ie6 .tundra .dijitTooltipLeft .dijitTooltipConnector { + background-image: url("images/tooltipConnectorRight.gif"); +} +.tundra .dijitTooltipRight { + padding-left: 14px; +} +.tundra .dijitTooltipRight .dijitTooltipConnector { + + left: 0px; + bottom: 7px; + background:url("images/tooltipConnectorLeft.png") no-repeat top left; + width:16px; + height:14px; +} +.dj_ie6 .tundra .dijitTooltipRight .dijitTooltipConnector { + background-image: url("images/tooltipConnectorLeft.gif"); +} +.dj_safari .tundra .dijitPopup .dijitTooltipContainer, +.dj_safari .tundra .dijitPopup .dijitMenu { + + -webkit-box-shadow: 0px 5px 10px #adadad; +} +.tundra .dijitPopup > div, +.tundra .dijitPopup > table { + opacity: 0.95; +} diff --git a/includes/js/dijit/themes/tundra/Dialog.css.commented.css b/includes/js/dijit/themes/tundra/Dialog.css.commented.css new file mode 100644 index 0000000..1782b55 --- /dev/null +++ b/includes/js/dijit/themes/tundra/Dialog.css.commented.css @@ -0,0 +1,179 @@ + +/* Dialog */ + + + +.tundra .dijitDialog { + background: #fff; + border: 1px solid #7eabcd; + -webkit-box-shadow: 0px 5px 10px #adadad; + padding: 0px; +} + +.tundra .dijitDialog .dijitDialogTitle { + border-top: none; + border-left: none; + border-right: none; +} + +.tundra .dijitDialog .dijitDialogPaneContent { + background: #fff; + border:none; + border-top: 1px solid #d3d3d3; /* #cddde9; /* w/out this, an <h1> on the top line causes a gap between the .content and .label */ + padding:10px; + +} + +.tundra .dijitDialogTitleBar { + /* outer container for the titlebar of the dialog */ + background: #fafafa url("images/titleBar.png") repeat-x top left; + /* border: 1px solid #bfbfbf; */ + padding: 5px 6px 3px 2px; + cursor: move; + outline:0; /* remove this line if keyboard focus on dialog startup is an issue. tab still takes you to first focusable element */ +} + +.tundra .dijitDialogTitle { + /* typography and styling of the dialog title */ + font-weight: bold; + padding: 8px 12px 8px 12px; + outline:0; +} + +.tundra .dijitDialogCloseIcon { + /* the default close icon for the dialog */ + background : url("images/spriteRoundedIconsSmall.png") no-repeat right top; + float: right; + position: absolute; + vertical-align: middle; + right: 6px; + top: 4px; + height: 15px; + width: 15px; + cursor: pointer; +} +.dj_ie6 .tundra .dijitDialogCloseIcon { + background : url("images/spriteRoundedIconsSmall.gif") no-repeat right top; +} + +.tundra .dijitDialogContent { + /* the body of the dialog */ + padding: 8px; +} + + +/* Tooltip and TooltipDialog */ + +.tundra .dijitTooltip, +.tundra .dijitTooltipDialog { + /* the outermost dom node, holding the connector and container */ + /* opacity: 0.95; */ + background: transparent; /* make the area on the sides of the arrow transparent */ +} + +.dijitTooltipBelow { + /* leave room for arrow above content */ + padding-top: 13px; +} + +.dijitTooltipAbove { + /* leave room for arrow below content */ + padding-bottom: 13px; +} + +.tundra .dijitTooltipContainer { + /* + The part with the text. + */ + background: #ffffff url("images/popupMenuBg.gif") repeat-x bottom left; + border:1px solid #7eabcd; + padding:0.45em; + -webkit-border-radius: 6px; +} + +.tundra .dijitTooltipConnector { + /* the arrow piece */ + border:0px; + z-index: 2; +} +.tundra .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: 3px; +} + +.tundra .dijitTooltipBelow .dijitTooltipConnector { + /* the arrow piece for tooltips below an element */ + top: 0px; + left: 3px; + background:url("images/tooltipConnectorUp.png") no-repeat top left; + width:16px; + height:14px; +} + +.dj_ie6 .tundra .dijitTooltipBelow .dijitTooltipConnector { + background-image: url("images/tooltipConnectorUp.gif"); +} + +.tundra .dijitTooltipAbove .dijitTooltipConnector { + /* the arrow piece for tooltips above an element */ + bottom: 0px; + left: 3px; + background:url("images/tooltipConnectorDown.png") no-repeat top left; + width:16px; + height:14px; +} +.dj_ie6 .tundra .dijitTooltipAbove .dijitTooltipConnector { + background-image: url("images/tooltipConnectorDown.gif"); + bottom: -3px; +} + +.tundra .dijitTooltipLeft { + padding-right: 14px; +} +.dj_ie6 .tundra .dijitTooltipLeft { + padding-left: 15px; +} +.tundra .dijitTooltipLeft .dijitTooltipConnector { + /* the arrow piece for tooltips to the left of an element, bottom borders aligned */ + right: 0px; + bottom: 7px; + background:url("images/tooltipConnectorRight.png") no-repeat top left; + width:16px; + height:14px; +} +.dj_ie6 .tundra .dijitTooltipLeft .dijitTooltipConnector { + background-image: url("images/tooltipConnectorRight.gif"); +} + +.tundra .dijitTooltipRight { + padding-left: 14px; +} +.tundra .dijitTooltipRight .dijitTooltipConnector { + /* the arrow piece for tooltips to the right of an element, bottom borders aligned */ + left: 0px; + bottom: 7px; + background:url("images/tooltipConnectorLeft.png") no-repeat top left; + width:16px; + height:14px; +} +.dj_ie6 .tundra .dijitTooltipRight .dijitTooltipConnector { + background-image: url("images/tooltipConnectorLeft.gif"); +} + + +.dj_safari .tundra .dijitPopup .dijitTooltipContainer, +.dj_safari .tundra .dijitPopup .dijitMenu { + /* -webkit-border-radius: 5px; */ + -webkit-box-shadow: 0px 5px 10px #adadad; +} + + +/* + * Control opacity of popups + */ +.tundra .dijitPopup > div, +.tundra .dijitPopup > table { + opacity: 0.95; +} diff --git a/includes/js/dijit/themes/tundra/Dialog_rtl.css b/includes/js/dijit/themes/tundra/Dialog_rtl.css new file mode 100644 index 0000000..2f29eda --- /dev/null +++ b/includes/js/dijit/themes/tundra/Dialog_rtl.css @@ -0,0 +1,21 @@ + +.dijitRtl .dijitDialogTitleBar .dijitDialogCloseIcon { + background-position: -60px top; + float: left; + right: auto; + left: 5px; +} +.dj_ie6 .dijitRtl .dijitDialogTitleBar .dijitDialogCloseIcon { + background-position: -60px top; +} +.dj_ie .dijitRtl .dijitTooltipLeft { + margin-right: 0px; + margin-left: 13px; +} +.dj_ie .dijitRtl .dijitTooltipRight { + margin-left: 26px; + margin-right: -13px; +} +.dj_ie .dijitRtl .dijitTooltipDialog { + zoom:1 !important; +} diff --git a/includes/js/dijit/themes/tundra/Dialog_rtl.css.commented.css b/includes/js/dijit/themes/tundra/Dialog_rtl.css.commented.css new file mode 100644 index 0000000..74b193a --- /dev/null +++ b/includes/js/dijit/themes/tundra/Dialog_rtl.css.commented.css @@ -0,0 +1,29 @@ +/* Dialog */ +.dijitRtl .dijitDialogTitleBar .dijitDialogCloseIcon { + background-position: -60px top; + float: left; + right: auto; + left: 5px; +} + +/*FIXME: redundant?*/ +.dj_ie6 .dijitRtl .dijitDialogTitleBar .dijitDialogCloseIcon { + background-position: -60px top; +} + + +/* ToolTip */ + +.dj_ie .dijitRtl .dijitTooltipLeft { + margin-right: 0px; + margin-left: 13px; +} + +.dj_ie .dijitRtl .dijitTooltipRight { + margin-left: 26px; + margin-right: -13px; +} + +.dj_ie .dijitRtl .dijitTooltipDialog { + zoom:1 !important; +} diff --git a/includes/js/dijit/themes/tundra/Editor.css b/includes/js/dijit/themes/tundra/Editor.css new file mode 100644 index 0000000..aed1e46 --- /dev/null +++ b/includes/js/dijit/themes/tundra/Editor.css @@ -0,0 +1,55 @@ +.dijitIEFixedToolbar { + position:absolute; + + top: expression(eval((document.documentElement||document.body).scrollTop)); +} +.tundra .dijitToolbar .dijitToolbarSeparator { + background: url('images/editor.gif'); +} +.tundra .dijitEditorIcon { + background-image: url('images/editor.gif'); + background-repeat: no-repeat; + width: 18px; + height: 18px; + text-align: center; +} +.tundra .dijitEditorIconSep { background-position: 0px; } +.tundra .dijitEditorIconBackColor { background-position: -18px; } +.tundra .dijitEditorIconBold { background-position: -36px; } +.tundra .dijitEditorIconCancel { background-position: -54px; } +.tundra .dijitEditorIconCopy { background-position: -72px; } +.tundra .dijitEditorIconCreateLink { background-position: -90px; } +.tundra .dijitEditorIconCut { background-position: -108px; } +.tundra .dijitEditorIconDelete { background-position: -126px; } +.tundra .dijitEditorIconForeColor { background-position: -144px; } +.tundra .dijitEditorIconHiliteColor { background-position: -162px; } +.tundra .dijitEditorIconIndent { background-position: -180px; } +.tundra .dijitEditorIconInsertHorizontalRule { background-position: -198px; } +.tundra .dijitEditorIconInsertImage { background-position: -216px; } +.tundra .dijitEditorIconInsertOrderedList { background-position: -234px; } +.tundra .dijitEditorIconInsertTable { background-position: -252px; } +.tundra .dijitEditorIconInsertUnorderedList { background-position: -270px; } +.tundra .dijitEditorIconItalic { background-position: -288px; } +.tundra .dijitEditorIconJustifyCenter { background-position: -306px; } +.tundra .dijitEditorIconJustifyFull { background-position: -324px; } +.tundra .dijitEditorIconJustifyLeft { background-position: -342px; } +.tundra .dijitEditorIconJustifyRight { background-position: -360px; } +.tundra .dijitEditorIconLeftToRight { background-position: -378px; } +.tundra .dijitEditorIconListBulletIndent { background-position: -396px; } +.tundra .dijitEditorIconListBulletOutdent { background-position: -414px; } +.tundra .dijitEditorIconListNumIndent { background-position: -432px; } +.tundra .dijitEditorIconListNumOutdent { background-position: -450px; } +.tundra .dijitEditorIconOutdent { background-position: -468px; } +.tundra .dijitEditorIconPaste { background-position: -486px; } +.tundra .dijitEditorIconRedo { background-position: -504px; } +.tundra .dijitEditorIconRemoveFormat { background-position: -522px; } +.tundra .dijitEditorIconRightToLeft { background-position: -540px; } +.tundra .dijitEditorIconSave { background-position: -558px; } +.tundra .dijitEditorIconSpace { background-position: -576px; } +.tundra .dijitEditorIconStrikethrough { background-position: -594px; } +.tundra .dijitEditorIconSubscript { background-position: -612px; } +.tundra .dijitEditorIconSuperscript { background-position: -630px; } +.tundra .dijitEditorIconUnderline { background-position: -648px; } +.tundra .dijitEditorIconUndo { background-position: -666px; } +.tundra .dijitEditorIconWikiword { background-position: -684px; } +.tundra .dijitEditorIconToggleDir { background-position: -540px; } diff --git a/includes/js/dijit/themes/tundra/Editor.css.commented.css b/includes/js/dijit/themes/tundra/Editor.css.commented.css new file mode 100644 index 0000000..a656cf4 --- /dev/null +++ b/includes/js/dijit/themes/tundra/Editor.css.commented.css @@ -0,0 +1,58 @@ +.dijitIEFixedToolbar { + position:absolute; + /* top:0; */ + top: expression(eval((document.documentElement||document.body).scrollTop)); +} + +.tundra .dijitToolbar .dijitToolbarSeparator { + background: url('images/editor.gif'); +} + +.tundra .dijitEditorIcon { + background-image: url('images/editor.gif'); /* editor icons sprite image */ + background-repeat: no-repeat; + width: 18px; + height: 18px; + text-align: center; +} +.tundra .dijitEditorIconSep { background-position: 0px; } +.tundra .dijitEditorIconBackColor { background-position: -18px; } +.tundra .dijitEditorIconBold { background-position: -36px; } +.tundra .dijitEditorIconCancel { background-position: -54px; } +.tundra .dijitEditorIconCopy { background-position: -72px; } +.tundra .dijitEditorIconCreateLink { background-position: -90px; } +.tundra .dijitEditorIconCut { background-position: -108px; } +.tundra .dijitEditorIconDelete { background-position: -126px; } +.tundra .dijitEditorIconForeColor { background-position: -144px; } +.tundra .dijitEditorIconHiliteColor { background-position: -162px; } +.tundra .dijitEditorIconIndent { background-position: -180px; } +.tundra .dijitEditorIconInsertHorizontalRule { background-position: -198px; } +.tundra .dijitEditorIconInsertImage { background-position: -216px; } +.tundra .dijitEditorIconInsertOrderedList { background-position: -234px; } +.tundra .dijitEditorIconInsertTable { background-position: -252px; } +.tundra .dijitEditorIconInsertUnorderedList { background-position: -270px; } +.tundra .dijitEditorIconItalic { background-position: -288px; } +.tundra .dijitEditorIconJustifyCenter { background-position: -306px; } +.tundra .dijitEditorIconJustifyFull { background-position: -324px; } +.tundra .dijitEditorIconJustifyLeft { background-position: -342px; } +.tundra .dijitEditorIconJustifyRight { background-position: -360px; } +.tundra .dijitEditorIconLeftToRight { background-position: -378px; } +.tundra .dijitEditorIconListBulletIndent { background-position: -396px; } +.tundra .dijitEditorIconListBulletOutdent { background-position: -414px; } +.tundra .dijitEditorIconListNumIndent { background-position: -432px; } +.tundra .dijitEditorIconListNumOutdent { background-position: -450px; } +.tundra .dijitEditorIconOutdent { background-position: -468px; } +.tundra .dijitEditorIconPaste { background-position: -486px; } +.tundra .dijitEditorIconRedo { background-position: -504px; } +.tundra .dijitEditorIconRemoveFormat { background-position: -522px; } +.tundra .dijitEditorIconRightToLeft { background-position: -540px; } +.tundra .dijitEditorIconSave { background-position: -558px; } +.tundra .dijitEditorIconSpace { background-position: -576px; } +.tundra .dijitEditorIconStrikethrough { background-position: -594px; } +.tundra .dijitEditorIconSubscript { background-position: -612px; } +.tundra .dijitEditorIconSuperscript { background-position: -630px; } +.tundra .dijitEditorIconUnderline { background-position: -648px; } +.tundra .dijitEditorIconUndo { background-position: -666px; } +.tundra .dijitEditorIconWikiword { background-position: -684px; } +.tundra .dijitEditorIconToggleDir { background-position: -540px; /* padding: 0; margin: 0; color:#555555; + font-family:verdana,arial,sans-serif; font-weight: 800; font-size: 70%; */} diff --git a/includes/js/dijit/themes/tundra/Editor_rtl.css b/includes/js/dijit/themes/tundra/Editor_rtl.css new file mode 100644 index 0000000..2e936ec --- /dev/null +++ b/includes/js/dijit/themes/tundra/Editor_rtl.css @@ -0,0 +1,7 @@ + +.dijitRtl .dijitEditorIcon { + background-image: url('images/editor_rtl.gif'); +} +.dijitRtl .dijitToolbar .dijitToolbarSeparator { + background-image: url('images/editor_rtl.gif'); +} diff --git a/includes/js/dijit/themes/tundra/Editor_rtl.css.commented.css b/includes/js/dijit/themes/tundra/Editor_rtl.css.commented.css new file mode 100644 index 0000000..2a2df3e --- /dev/null +++ b/includes/js/dijit/themes/tundra/Editor_rtl.css.commented.css @@ -0,0 +1,9 @@ +/* Editor */ +.dijitRtl .dijitEditorIcon { + background-image: url('images/editor_rtl.gif'); /* editor icons sprite image */ +} + +/* Toolbar */ +.dijitRtl .dijitToolbar .dijitToolbarSeparator { + background-image: url('images/editor_rtl.gif'); +} diff --git a/includes/js/dijit/themes/tundra/Menu.css b/includes/js/dijit/themes/tundra/Menu.css new file mode 100644 index 0000000..2e685d0 --- /dev/null +++ b/includes/js/dijit/themes/tundra/Menu.css @@ -0,0 +1,45 @@ +.tundra .dijitMenu { + border: 1px solid #7eabcd; + margin: 0px; + padding: 0px; +} +.tundra .dijitMenuItem { + background-color: #f7f7f7; + font: menu; + margin: 0; +} +.tundra .dijitMenuPreviousButton, .tundra .dijitMenuNextButton { + font-style: italic; +} +.tundra .dijitMenuItem td { + padding:2px; +} +.tundra .dijitMenuItemHover { + background-color: #60a1ea; + color:#fff; +} +.tundra .dijitMenuItemIcon { + width: 16px; + height: 16px; +} +.tundra .dijitMenuExpand { + display:none; +} +.tundra .dijitMenuExpandEnabled { + width:16px; + height:16px; + background:url('images/arrowRight.gif') no-repeat center center; + display:block; +} +.tundra .dijitMenuExpandInner { + display:none; +} +.tundra .dijitMenuSeparator { + background-color: #f7f7f7; +} +.tundra .dijitMenuSeparatorTop { + border-bottom: 1px solid #9b9b9b; +} +.tundra .dijitMenuSeparatorBottom { + border-top: 1px solid #e8e8e8; +} diff --git a/includes/js/dijit/themes/tundra/Menu.css.commented.css b/includes/js/dijit/themes/tundra/Menu.css.commented.css new file mode 100644 index 0000000..bed92ca --- /dev/null +++ b/includes/js/dijit/themes/tundra/Menu.css.commented.css @@ -0,0 +1,54 @@ +.tundra .dijitMenu { + border: 1px solid #7eabcd; + margin: 0px; + padding: 0px; +} + +.tundra .dijitMenuItem { + background-color: #f7f7f7; + font: menu; + margin: 0; +} +.tundra .dijitMenuPreviousButton, .tundra .dijitMenuNextButton { + font-style: italic; +} +.tundra .dijitMenuItem td { + padding:2px; +} + +.tundra .dijitMenuItemHover { + background-color: #60a1ea; + color:#fff; +} + +.tundra .dijitMenuItemIcon { + width: 16px; + height: 16px; +} + +.tundra .dijitMenuExpand { + display:none; +} +.tundra .dijitMenuExpandEnabled { + width:16px; + height:16px; + background:url('images/arrowRight.gif') no-repeat center center; + display:block; +} + +.tundra .dijitMenuExpandInner { + display:none; +} + +.tundra .dijitMenuSeparator { + background-color: #f7f7f7; +} + +/* separator can be two pixels -- set border of either one to 0px to have only one */ +.tundra .dijitMenuSeparatorTop { + border-bottom: 1px solid #9b9b9b; +} + +.tundra .dijitMenuSeparatorBottom { + border-top: 1px solid #e8e8e8; +} diff --git a/includes/js/dijit/themes/tundra/Menu_rtl.css b/includes/js/dijit/themes/tundra/Menu_rtl.css new file mode 100644 index 0000000..1c4ab3f --- /dev/null +++ b/includes/js/dijit/themes/tundra/Menu_rtl.css @@ -0,0 +1,7 @@ +.dijitRtl .dijitMenuItem .dijitMenuItemIcon { + padding-left: 3px; + padding-right: 0px; +} +.dijitRtl .dijitMenuItem .dijitMenuExpandEnabled { + background-image:url('images/arrowLeft.gif'); +} diff --git a/includes/js/dijit/themes/tundra/Menu_rtl.css.commented.css b/includes/js/dijit/themes/tundra/Menu_rtl.css.commented.css new file mode 100644 index 0000000..f8f4bb3 --- /dev/null +++ b/includes/js/dijit/themes/tundra/Menu_rtl.css.commented.css @@ -0,0 +1,8 @@ +.dijitRtl .dijitMenuItem .dijitMenuItemIcon { + padding-left: 3px; + padding-right: 0px; +} + +.dijitRtl .dijitMenuItem .dijitMenuExpandEnabled { + background-image:url('images/arrowLeft.gif'); +} diff --git a/includes/js/dijit/themes/tundra/ProgressBar.css b/includes/js/dijit/themes/tundra/ProgressBar.css new file mode 100644 index 0000000..2263381 --- /dev/null +++ b/includes/js/dijit/themes/tundra/ProgressBar.css @@ -0,0 +1,23 @@ +.tundra .dijitProgressBar { + margin:2px 0px 2px 0px; +} +.tundra .dijitProgressBarEmpty{ + + background:#fff url("images/progressBarEmpty.png") repeat-x top left; + border-color: #a2a2a2 #b8b8b8 #b8b8b8 #a2a2a2; +} +.tundra .dijitProgressBarTile{ + + background:#f0f0f0 url("images/progressBarFull.png") repeat-x center center; +} +.tundra .dijitProgressBarFull { + border-right:1px solid #b8b8b8; +} +.tundra .dijitProgressBarLabel { + + color:#293a4b; +} +.tundra .dijitProgressBarIndeterminate .dijitProgressBarTile { + + background:#cad2de url("images/progressBarAnim.gif") repeat-x center center; +} diff --git a/includes/js/dijit/themes/tundra/ProgressBar.css.commented.css b/includes/js/dijit/themes/tundra/ProgressBar.css.commented.css new file mode 100644 index 0000000..190c517 --- /dev/null +++ b/includes/js/dijit/themes/tundra/ProgressBar.css.commented.css @@ -0,0 +1,28 @@ +.tundra .dijitProgressBar { + margin:2px 0px 2px 0px; +} + +.tundra .dijitProgressBarEmpty{ + /* outer container and background of the bar that's not finished yet*/ + background:#fff url("images/progressBarEmpty.png") repeat-x top left; + border-color: #a2a2a2 #b8b8b8 #b8b8b8 #a2a2a2; +} + +.tundra .dijitProgressBarTile{ + /* inner container for finished portion when in 'tile' (image) mode */ + background:#f0f0f0 url("images/progressBarFull.png") repeat-x center center; +} + +.tundra .dijitProgressBarFull { + border-right:1px solid #b8b8b8; +} + +.tundra .dijitProgressBarLabel { + /* Set to a color that contrasts with both the "Empty" and "Full" parts. */ + color:#293a4b; +} + +.tundra .dijitProgressBarIndeterminate .dijitProgressBarTile { + /* use an animated gif for the progress bar in 'indeterminate' mode */ + background:#cad2de url("images/progressBarAnim.gif") repeat-x center center; +} diff --git a/includes/js/dijit/themes/tundra/TitlePane.css b/includes/js/dijit/themes/tundra/TitlePane.css new file mode 100644 index 0000000..7cff86a --- /dev/null +++ b/includes/js/dijit/themes/tundra/TitlePane.css @@ -0,0 +1,55 @@ +.tundra .dijitTitlePane .dijitTitlePaneTitle { + background: #cccccc; + background:#fff url("images/titleBar.png") repeat-x bottom left; + border:1px solid #bfbfbf; + padding:4px 4px 2px 4px; + cursor: pointer; +} +.tundra .dijitTitlePane .dijitArrowNode { + width:16px; + height:16px; + float:right; +} +.tundra .dijitTitlePane .dijitClosed .dijitArrowNode { + background:url('images/arrowRight.png') no-repeat center center; +} +.tundra .dijitTitlePaneFocused .dijitTitlePaneTextNode { + text-decoration:underline; +} +.dj_ie6 .tundra .dijitTitlePane .dijitClosed .dijitArrowNode { + background-image:url('images/arrowRight.gif'); +} +.tundra .dijitTitlePane .dijitOpen .dijitArrowNode { + background:url('images/arrowDown.png') no-repeat center center; +} +.dj_ie6 .tundra .dijitTitlePane .dijitOpen .dijitArrowNode { + background-image:url('images/arrowDown.gif'); +} +.tundra .dijitTitlePane .dijitArrowNodeInner { + visibility:hidden; +} +.dijit_a11y .dijitTitlePane .dijitArrowNodeInner { + visibility:visible; +} +.tundra .dijitTitlePaneTitle .dijitOpenCloseArrowOuter { + margin-right:5px; +} +.tundra .dijitOpen .dijitTitlePaneTitle .dijitOpenCloseArrowOuter { + position:relative; + top:2px; +} +.tundra .dijitTitlePaneContentOuter { + background: #ffffff; + border:1px solid #bfbfbf; + border-top: 1px solid #ccc; +} +.tundra .dijitTitlePaneContentInner { + padding:10px; +} +.dj_ie6 .tundra .dijitTitlePaneContentOuter, +.dj_ie6 .tundra .dijitTitlePane .dijitTitlePaneTitle { + zoom: 1; +} +.tundra .dijitClickableRegion { + background-color : #ffc !important; +} diff --git a/includes/js/dijit/themes/tundra/TitlePane.css.commented.css b/includes/js/dijit/themes/tundra/TitlePane.css.commented.css new file mode 100644 index 0000000..b4fb596 --- /dev/null +++ b/includes/js/dijit/themes/tundra/TitlePane.css.commented.css @@ -0,0 +1,63 @@ +.tundra .dijitTitlePane .dijitTitlePaneTitle { + background: #cccccc; + background:#fff url("images/titleBar.png") repeat-x bottom left; + border:1px solid #bfbfbf; + padding:4px 4px 2px 4px; + cursor: pointer; +} + +/* TODO: merge these, and all other icons to a series of background-image:() and background-position: -16*n px styles */ +.tundra .dijitTitlePane .dijitArrowNode { + width:16px; + height:16px; + float:right; +} +.tundra .dijitTitlePane .dijitClosed .dijitArrowNode { + background:url('images/arrowRight.png') no-repeat center center; +} + +.tundra .dijitTitlePaneFocused .dijitTitlePaneTextNode { + text-decoration:underline; +} + +.dj_ie6 .tundra .dijitTitlePane .dijitClosed .dijitArrowNode { + background-image:url('images/arrowRight.gif'); +} +.tundra .dijitTitlePane .dijitOpen .dijitArrowNode { + background:url('images/arrowDown.png') no-repeat center center; +} +.dj_ie6 .tundra .dijitTitlePane .dijitOpen .dijitArrowNode { + background-image:url('images/arrowDown.gif'); +} +.tundra .dijitTitlePane .dijitArrowNodeInner { + visibility:hidden; +} +.dijit_a11y .dijitTitlePane .dijitArrowNodeInner { + visibility:visible; +} + +.tundra .dijitTitlePaneTitle .dijitOpenCloseArrowOuter { + margin-right:5px; +} + +.tundra .dijitOpen .dijitTitlePaneTitle .dijitOpenCloseArrowOuter { + position:relative; + top:2px; +} + +.tundra .dijitTitlePaneContentOuter { + background: #ffffff; + border:1px solid #bfbfbf; + border-top: 1px solid #ccc; /* w/out this, an <h1> on the top line causes a gap between the .content and .label */ +} +.tundra .dijitTitlePaneContentInner { + padding:10px; +} +/* force hasLayout to ensure borders etc, show up */ +.dj_ie6 .tundra .dijitTitlePaneContentOuter, +.dj_ie6 .tundra .dijitTitlePane .dijitTitlePaneTitle { + zoom: 1; +} +.tundra .dijitClickableRegion { + background-color : #ffc !important; +} diff --git a/includes/js/dijit/themes/tundra/TitlePane_rtl.css b/includes/js/dijit/themes/tundra/TitlePane_rtl.css new file mode 100644 index 0000000..dfa7d89 --- /dev/null +++ b/includes/js/dijit/themes/tundra/TitlePane_rtl.css @@ -0,0 +1,6 @@ +.dijitRtl .dijitTitlePane .dijitClosed .dijitArrowNode { + background:url('images/arrowRight.png') no-repeat center center; +} +.dj_ie6 .dijitRtl .dijitTitlePane .dijitClosed .dijitArrowNode { + background-image:url('images/arrowRight.gif'); +} diff --git a/includes/js/dijit/themes/tundra/TitlePane_rtl.css.commented.css b/includes/js/dijit/themes/tundra/TitlePane_rtl.css.commented.css new file mode 100644 index 0000000..dfa7d89 --- /dev/null +++ b/includes/js/dijit/themes/tundra/TitlePane_rtl.css.commented.css @@ -0,0 +1,6 @@ +.dijitRtl .dijitTitlePane .dijitClosed .dijitArrowNode { + background:url('images/arrowRight.png') no-repeat center center; +} +.dj_ie6 .dijitRtl .dijitTitlePane .dijitClosed .dijitArrowNode { + background-image:url('images/arrowRight.gif'); +} diff --git a/includes/js/dijit/themes/tundra/Toolbar.css b/includes/js/dijit/themes/tundra/Toolbar.css new file mode 100644 index 0000000..c5d232b --- /dev/null +++ b/includes/js/dijit/themes/tundra/Toolbar.css @@ -0,0 +1,83 @@ +.tundra .dijitToolbar { + padding: 3px 0 1px 3px; + border-bottom: 1px solid #ccc; + background:#eaeaea url("images/titleBar.png") repeat-x top left; +} +.tundra .dijitToolbar .dijitButtonNode { + background: none; + margin: 0px !important; + padding: 0px !important; + border: none; + font-size: 12px; +} +.tundra .dijitToolbar .dijitButton, +.tundra .dijitToolbar .dijitToggleButton, +.tundra .dijitToolbar .dijitDropDownButton { + background: none; + margin: 1px; + padding: 0px; + border: 1px solid transparent; +} +.tundra .dijitToolbar .dijitButtonChecked, +.tundra .dijitToolbar .dijitToggleButtonChecked { + background-color:#d4dff2; + border:1px solid #316ac5; + margin: 1px !important; + padding: 0px !important; +} +.tundra .dijitToolbar .dijitButtonCheckedHover, +.tundra .dijitToolbar .dijitToggleButtonCheckedHover + { + background-color:#abc1e5; + border:1px solid #316ac5; + margin: 1px !important; + padding: 0px !important; +} +.tundra .dijitToolbar .dijitButtonHover, +.tundra .dijitToolbar .dijitToggleButtonHover, +.tundra .dijitToolbar .dijitDropDownButtonHover { + + border: 1px solid #316ac5; + background-color:#abc1e5; +} +.tundra .dijitToolbar label { + padding: 3px 3px 0 6px; +} +.dj_ie .tundra .dijitToolbar .dijitComboButton .dijitButtonContentsFocused, +.dj_ie .tundra .dijitToolbar .dijitComboButton .dijitDownArrowButtonFocused, +.dj_ff2 .tundra.dijitToolbar .dijitComboButton .dijitButtonContentsFocused, +.dj_ff2 .tundra .dijitToolbar .dijitComboButton .dijitDownArrowButtonFocused { + border: 1px black dotted !important; +} +.dj_ie6 .tundra .dijitToolbar .dijitButton, +.dj_ie6 .tundra .dijitToolbar .dijitToggleButton, +.dj_ie6 .tundra .dijitToolbar .dijitDropDownButton { + + margin: 2px; + padding: 0px 2px; + border: 0px; +} +.dj_ie6 .tundra .dijitToolbar .dijitButtonChecked, +.dj_ie6 .tundra .dijitToolbar .dijitToggleButtonChecked, +.dj_ie6 .tundra .dijitToolbar .dijitDropDownButtonChecked { + background-color:#c1d2ee; + border:1px solid #316ac5; + margin: 1px !important; + padding: 0px 2px !important; +} +.dj_ie6 .tundra .dijitToolbar .dijitButtonCheckedHover, +.dj_ie6 .tundra .dijitToolbar .dijitToggleButtonCheckedHover, +.dj_ie6 .tundra .dijitToolbar .dijitDropDownButtonCheckedHover { + background-color:#c1d2ee; + border:1px solid #316ac5; + margin: 1px !important; + padding: 0px 2px !important; +} +.dj_ie6 .tundra .dijitToolbar .dijitButtonHover, +.dj_ie6 .tundra .dijitToolbar .dijitToggleButtonHover, +.dj_ie6 .tundra .dijitToolbar .dijitDropDownButtonHover { + background-color:#c1d2ee; + border:1px solid #316ac5; + margin: 1px !important; + padding: 0px 2px !important; +} diff --git a/includes/js/dijit/themes/tundra/Toolbar.css.commented.css b/includes/js/dijit/themes/tundra/Toolbar.css.commented.css new file mode 100644 index 0000000..42c62ef --- /dev/null +++ b/includes/js/dijit/themes/tundra/Toolbar.css.commented.css @@ -0,0 +1,95 @@ +.tundra .dijitToolbar { + padding: 3px 0 1px 3px; + border-bottom: 1px solid #ccc; + background:#eaeaea url("images/titleBar.png") repeat-x top left; +} + +.tundra .dijitToolbar .dijitButtonNode { + background: none; + margin: 0px !important; + padding: 0px !important; + border: none; + font-size: 12px; +} + +.tundra .dijitToolbar .dijitButton, +.tundra .dijitToolbar .dijitToggleButton, +.tundra .dijitToolbar .dijitDropDownButton { + background: none; + margin: 1px; + padding: 0px; + border: 1px solid transparent; +} + +.tundra .dijitToolbar .dijitButtonChecked, +.tundra .dijitToolbar .dijitToggleButtonChecked { + background-color:#d4dff2; + border:1px solid #316ac5; + margin: 1px !important; + padding: 0px !important; +} + +.tundra .dijitToolbar .dijitButtonCheckedHover, +.tundra .dijitToolbar .dijitToggleButtonCheckedHover + { + background-color:#abc1e5; + border:1px solid #316ac5; + margin: 1px !important; + padding: 0px !important; +} + +.tundra .dijitToolbar .dijitButtonHover, +.tundra .dijitToolbar .dijitToggleButtonHover, +.tundra .dijitToolbar .dijitDropDownButtonHover { + /* TODO: change this from Hover to Selected so that button is still highlighted while drop down is being used */ + border: 1px solid #316ac5; + background-color:#abc1e5; +} + +.tundra .dijitToolbar label { + padding: 3px 3px 0 6px; +} + +.dj_ie .tundra .dijitToolbar .dijitComboButton .dijitButtonContentsFocused, +.dj_ie .tundra .dijitToolbar .dijitComboButton .dijitDownArrowButtonFocused, +.dj_ff2 .tundra.dijitToolbar .dijitComboButton .dijitButtonContentsFocused, +.dj_ff2 .tundra .dijitToolbar .dijitComboButton .dijitDownArrowButtonFocused { + border: 1px black dotted !important; +} + +/* IE6 specific rules */ +.dj_ie6 .tundra .dijitToolbar .dijitButton, +.dj_ie6 .tundra .dijitToolbar .dijitToggleButton, +.dj_ie6 .tundra .dijitToolbar .dijitDropDownButton { + /* workaround no transparent border support in IE6 */ + margin: 2px; + padding: 0px 2px; + border: 0px; +} + +.dj_ie6 .tundra .dijitToolbar .dijitButtonChecked, +.dj_ie6 .tundra .dijitToolbar .dijitToggleButtonChecked, +.dj_ie6 .tundra .dijitToolbar .dijitDropDownButtonChecked { + background-color:#c1d2ee; + border:1px solid #316ac5; + margin: 1px !important; + padding: 0px 2px !important; +} + +.dj_ie6 .tundra .dijitToolbar .dijitButtonCheckedHover, +.dj_ie6 .tundra .dijitToolbar .dijitToggleButtonCheckedHover, +.dj_ie6 .tundra .dijitToolbar .dijitDropDownButtonCheckedHover { + background-color:#c1d2ee; + border:1px solid #316ac5; + margin: 1px !important; + padding: 0px 2px !important; +} + +.dj_ie6 .tundra .dijitToolbar .dijitButtonHover, +.dj_ie6 .tundra .dijitToolbar .dijitToggleButtonHover, +.dj_ie6 .tundra .dijitToolbar .dijitDropDownButtonHover { + background-color:#c1d2ee; + border:1px solid #316ac5; + margin: 1px !important; + padding: 0px 2px !important; +} diff --git a/includes/js/dijit/themes/tundra/Tree.css b/includes/js/dijit/themes/tundra/Tree.css new file mode 100644 index 0000000..954be37 --- /dev/null +++ b/includes/js/dijit/themes/tundra/Tree.css @@ -0,0 +1,65 @@ + +.tundra .dijitTreeNode { + background-image : url('images/i.gif'); + background-position : top left; + background-repeat : repeat-y; + margin-left: 19px; + zoom: 1; +} +.tundra .dijitTreeIsLast { + background: url('images/i_half.gif') no-repeat; +} +.tundra .dijitTreeIsRoot { + margin-left: 0; + background-image: none; +} +.tundra .dijitTreeExpando { + width: 18px; + height: 18px; +} +.tundra .dijitTreeContent { + min-height: 18px; + min-width: 18px; + margin-left:18px; + padding-top:3px; + padding-left:1px; +} +.tundra .dijitTreeExpand { + width: 18px; + height: 18px; + background-repeat : no-repeat; +} +.tundra .dijitTreeNodeEmphasized { + background-color: Highlight; + color: HighlightText; +} +.tundra .dijitTreeLabelFocused { + outline: 1px invert dotted; + background:#dde7f2; +} +.tundra .dijitTreeExpandoOpened { + background-image: url('images/treeExpand_minus.gif'); +} +.tundra .dijitTreeExpandoClosed { + background-image: url('images/treeExpand_plus.gif'); +} +.tundra .dijitTreeExpandoLeaf { + background-image: url('images/treeExpand_leaf.gif'); +} +.tundra .dijitTreeExpandoLoading { + background-image: url('images/treeExpand_loading.gif'); +} +.tundra .dijitTreeIcon { + width: 16px; + height: 16px; + padding-right: 4px; +} +.tundra .dijitFolderOpened { + background: url('images/folderOpened.gif') no-repeat; +} +.tundra .dijitFolderClosed { + background: url('images/folderClosed.gif') no-repeat; +} +.tundra .dijitLeaf { + background: url('images/leaf.gif') no-repeat; +} diff --git a/includes/js/dijit/themes/tundra/Tree.css.commented.css b/includes/js/dijit/themes/tundra/Tree.css.commented.css new file mode 100644 index 0000000..b172a66 --- /dev/null +++ b/includes/js/dijit/themes/tundra/Tree.css.commented.css @@ -0,0 +1,86 @@ + +/* Tree */ + +.tundra .dijitTreeNode { + background-image : url('images/i.gif'); + background-position : top left; + background-repeat : repeat-y; + margin-left: 19px; + zoom: 1; /* MOW: what the heck is this doing in here? */ +} + +/* left vertical line (grid) for all nodes */ +.tundra .dijitTreeIsLast { + background: url('images/i_half.gif') no-repeat; +} + +.tundra .dijitTreeIsRoot { + margin-left: 0; + background-image: none; +} + +.tundra .dijitTreeExpando { + width: 18px; + height: 18px; +} + +.tundra .dijitTreeContent { + min-height: 18px; + min-width: 18px; + margin-left:18px; + padding-top:3px; + padding-left:1px; +} + + +.tundra .dijitTreeExpand { + width: 18px; + height: 18px; + background-repeat : no-repeat; +} + +/* same style as IE selection */ +.tundra .dijitTreeNodeEmphasized { + background-color: Highlight; + color: HighlightText; +} + +/* don't use :focus due to opera and IE's lack of support on div's */ +.tundra .dijitTreeLabelFocused { + outline: 1px invert dotted; + background:#dde7f2; +} + +.tundra .dijitTreeExpandoOpened { + background-image: url('images/treeExpand_minus.gif'); +} + +.tundra .dijitTreeExpandoClosed { + background-image: url('images/treeExpand_plus.gif'); +} + +.tundra .dijitTreeExpandoLeaf { + background-image: url('images/treeExpand_leaf.gif'); +} + +.tundra .dijitTreeExpandoLoading { + background-image: url('images/treeExpand_loading.gif'); +} + +.tundra .dijitTreeIcon { + width: 16px; + height: 16px; + padding-right: 4px; +} + +.tundra .dijitFolderOpened { + background: url('images/folderOpened.gif') no-repeat; +} + +.tundra .dijitFolderClosed { + background: url('images/folderClosed.gif') no-repeat; +} + +.tundra .dijitLeaf { + background: url('images/leaf.gif') no-repeat; +} diff --git a/includes/js/dijit/themes/tundra/Tree_rtl.css b/includes/js/dijit/themes/tundra/Tree_rtl.css new file mode 100644 index 0000000..5b4ba1f --- /dev/null +++ b/includes/js/dijit/themes/tundra/Tree_rtl.css @@ -0,0 +1,30 @@ + +.dijitRtl .dijitTreeContainer .dijitTreeNode { + background-image : url('images/i_rtl.gif'); + background-position : top right; + margin-left: auto; + margin-right: 19px; +} +.dijitRtl .dijitTreeContainer .dijitTreeIsRoot { + margin-left: auto; + margin-right: 0; + background-image: none; +} +.dijitRtl .dijitTreeContainer .dijitTreeIsLast { + background-image: url('images/i_half_rtl.gif'); +} +.dijitRtl .dijitTreeContainer .dijitTreeContent { + margin-left: auto; + margin-right: 18px; + padding-left: auto; + padding-right: 1px; +} +.dijitRtl .dijitTreeContainer .dijitTreeExpandoOpened { + background-image: url('images/treeExpand_minus_rtl.gif'); +} +.dijitRtl .dijitTreeContainer .dijitTreeExpandoClosed { + background-image: url('images/treeExpand_plus_rtl.gif'); +} +.dijitRtl .dijitTreeContainer .dijitTreeExpandoLeaf { + background-image: url('images/treeExpand_leaf_rtl.gif'); +} diff --git a/includes/js/dijit/themes/tundra/Tree_rtl.css.commented.css b/includes/js/dijit/themes/tundra/Tree_rtl.css.commented.css new file mode 100644 index 0000000..52e0135 --- /dev/null +++ b/includes/js/dijit/themes/tundra/Tree_rtl.css.commented.css @@ -0,0 +1,37 @@ + +/* Tree */ +.dijitRtl .dijitTreeContainer .dijitTreeNode { + background-image : url('images/i_rtl.gif'); + background-position : top right; + margin-left: auto; + margin-right: 19px; +} + +.dijitRtl .dijitTreeContainer .dijitTreeIsRoot { + margin-left: auto; + margin-right: 0; + background-image: none; +} + +.dijitRtl .dijitTreeContainer .dijitTreeIsLast { + background-image: url('images/i_half_rtl.gif'); +} + +.dijitRtl .dijitTreeContainer .dijitTreeContent { + margin-left: auto; + margin-right: 18px; + padding-left: auto; + padding-right: 1px; +} + +.dijitRtl .dijitTreeContainer .dijitTreeExpandoOpened { + background-image: url('images/treeExpand_minus_rtl.gif'); +} + +.dijitRtl .dijitTreeContainer .dijitTreeExpandoClosed { + background-image: url('images/treeExpand_plus_rtl.gif'); +} + +.dijitRtl .dijitTreeContainer .dijitTreeExpandoLeaf { + background-image: url('images/treeExpand_leaf_rtl.gif'); +} diff --git a/includes/js/dijit/themes/tundra/form/Button.css b/includes/js/dijit/themes/tundra/form/Button.css new file mode 100644 index 0000000..40e1e0f --- /dev/null +++ b/includes/js/dijit/themes/tundra/form/Button.css @@ -0,0 +1,93 @@ + +.tundra .dijitButtonNode { + + + border:1px solid #c0c0c0; + border-bottom:1px solid #9b9b9b; + border-right:1px solid #9b9b9b; + padding: 0.2em; + background:#fff url("../images/buttonEnabled.png") repeat-x bottom left; +} +.dj_ie .tundra .dijitButtonNode { + zoom: 1; +} +.tundra .dijitButtonText { + padding: 0 0.3em; +} +.tundra .dijitComboBox .dijitButtonNode { + border: 0px; +} +.tundra .dijitArrowButton { + color: #111; +} +.tundra .dijitComboButton .dijitDownArrowButton { + padding-right:4px; +} +.dj_ff2 .tundra .dijitComboButton .dijitButtonContentsFocused, +.dj_ff2 .tundra .dijitComboButton .dijitDownArrowButtonFocused { + border: 1px black dotted !important; +} +.tundra .dijitButtonDisabled .dijitButtonNode, +.tundra .dijitToggleButtonDisabled .dijitButtonNode, +.tundra .dijitDropDownButtonDisabled .dijitButtonNode, +.tundra .dijitComboButtonDisabled .dijitButtonNode, +.tundra .dijitComboBoxDisabled, +.tundra .dijitSpinnerDisabled, +.tundra .dijitSpinnerDisabled .dijitButtonNode { + + border-color: #d5d5d5 #bdbdbd #bdbdbd #d5d5d5; + + background:#e4e4e4 url("../images/buttonDisabled.png") top repeat-x; + opacity: 0.60; +} +.dj_ie .tundra .dijitButtonDisabled .dijitButtonNode *, +.dj_ie .tundra .dijitToggleButtonDisabled .dijitButtonNode *, +.dj_ie .tundra .dijitDropDownButtonDisabled .dijitButtonNode *, +.dj_ie .tundra .dijitComboButtonDisabled .dijitButtonNode *, +.dj_ie .tundra .dijitSpinnerDisabled .dijitButtonNode * { + filter: gray() alpha(opacity=50); +} +.tundra .dijitButtonHover .dijitButtonNode, +.tundra .dijitToggleButtonHover .dijitButtonNode, +.tundra .dijitDropDownButtonHover .dijitButtonNode, +.tundra .dijitComboButtonHover .dijitButtonContents, +.tundra .dijitComboButtonDownArrowHover .dijitDownArrowButton, +.tundra .dijitComboBoxHover .dijitDownArrowButton, +.tundra .dijitSpinnerUpArrowHover .dijitUpArrowButton, +.tundra .dijitSpinnerDownArrowHover .dijitDownArrowButton { + + + border-color:#a5beda; + border-bottom-color:#5c7590; + border-right-color:#5c7590; + color:#000; + background:#fcfdff url("../images/buttonHover.png") repeat-x bottom; +} +.tundra .dijitSpinnerUpArrowActive .dijitUpArrowButton, +.tundra .dijitSpinnerDownArrowActive .dijitDownArrowButton, +.tundra .dijitButtonActive .dijitButtonNode, +.tundra .dijitToggleButtonActive .dijitButtonNode, +.tundra .dijitDropDownButtonActive .dijitButtonNode, +.tundra .dijitComboButtonActive .dijitButtonContents, +.tundra .dijitDownArrowActive .dijitDownArrowButton, +.tundra .dijitComboBoxActive .dijitDownArrowButton { + + border-color:#366dba; + background: #ededed url("../images/buttonActive.png") bottom repeat-x; +} +.tundra .dijitArrowButtonInner { + background:url("../images/arrowDown.png") no-repeat center center; +} +.tundra .dijitUpArrowButton .dijitArrowButtonInner { background-image:url("../images/arrowUp.png"); } +.dj_ie6 .tundra .dijitArrowButtonInner { + background-image:url("../images/arrowDown.gif"); +} +.dj_ie6 .tundra .dijitUpArrowButton .dijitArrowButtonInner { + background-image:url("../images/arrowUp.gif"); +} +.tundra .dijitComboBox .dijitArrowButton .dijitArrowButtonInner { + background:url("../images/comboArrowDown.gif") no-repeat center center; +} +.tundra .dijitComboBoxHover .dijitArrowButtonInner { + +} diff --git a/includes/js/dijit/themes/tundra/form/Button.css.commented.css b/includes/js/dijit/themes/tundra/form/Button.css.commented.css new file mode 100644 index 0000000..f5bd15a --- /dev/null +++ b/includes/js/dijit/themes/tundra/form/Button.css.commented.css @@ -0,0 +1,113 @@ + +/***** + dijit.form.Button + dijit.form.DropDownButton + dijit.form.ComboButton + dijit.form.ComboBox (partial) + *****/ + +.tundra .dijitButtonNode { + /* enabled state - inner */ + /* border:1px outset #a0a0a0; */ + border:1px solid #c0c0c0; + border-bottom:1px solid #9b9b9b; + border-right:1px solid #9b9b9b; + padding: 0.2em; + background:#fff url("../images/buttonEnabled.png") repeat-x bottom left; +} +.dj_ie .tundra .dijitButtonNode { + zoom: 1; +} + +.tundra .dijitButtonText { + padding: 0 0.3em; +} + +.tundra .dijitComboBox .dijitButtonNode { + border: 0px; +} + +.tundra .dijitArrowButton { + color: #111; +} + +.tundra .dijitComboButton .dijitDownArrowButton { + padding-right:4px; +} + +.dj_ff2 .tundra .dijitComboButton .dijitButtonContentsFocused, +.dj_ff2 .tundra .dijitComboButton .dijitDownArrowButtonFocused { + border: 1px black dotted !important; +} + +.tundra .dijitButtonDisabled .dijitButtonNode, +.tundra .dijitToggleButtonDisabled .dijitButtonNode, +.tundra .dijitDropDownButtonDisabled .dijitButtonNode, +.tundra .dijitComboButtonDisabled .dijitButtonNode, +.tundra .dijitComboBoxDisabled, +.tundra .dijitSpinnerDisabled, +.tundra .dijitSpinnerDisabled .dijitButtonNode { + /* disabled state - inner */ + border-color: #d5d5d5 #bdbdbd #bdbdbd #d5d5d5; + /*color:#b4b4b4;*/ + background:#e4e4e4 url("../images/buttonDisabled.png") top repeat-x; + opacity: 0.60; /* Safari, Opera and Mozilla */ +} +.dj_ie .tundra .dijitButtonDisabled .dijitButtonNode *, +.dj_ie .tundra .dijitToggleButtonDisabled .dijitButtonNode *, +.dj_ie .tundra .dijitDropDownButtonDisabled .dijitButtonNode *, +.dj_ie .tundra .dijitComboButtonDisabled .dijitButtonNode *, +.dj_ie .tundra .dijitSpinnerDisabled .dijitButtonNode * { + filter: gray() alpha(opacity=50); /* IE */ +} + +.tundra .dijitButtonHover .dijitButtonNode, +.tundra .dijitToggleButtonHover .dijitButtonNode, +.tundra .dijitDropDownButtonHover .dijitButtonNode, +.tundra .dijitComboButtonHover .dijitButtonContents, +.tundra .dijitComboButtonDownArrowHover .dijitDownArrowButton, +.tundra .dijitComboBoxHover .dijitDownArrowButton, +.tundra .dijitSpinnerUpArrowHover .dijitUpArrowButton, +.tundra .dijitSpinnerDownArrowHover .dijitDownArrowButton { + /* hover state - inner */ + /* TODO: change from Hover to Selected so that button is still highlighted while drop down is being used */ + border-color:#a5beda; + border-bottom-color:#5c7590; + border-right-color:#5c7590; + color:#000; + background:#fcfdff url("../images/buttonHover.png") repeat-x bottom; +} + +.tundra .dijitSpinnerUpArrowActive .dijitUpArrowButton, +.tundra .dijitSpinnerDownArrowActive .dijitDownArrowButton, +.tundra .dijitButtonActive .dijitButtonNode, +.tundra .dijitToggleButtonActive .dijitButtonNode, +.tundra .dijitDropDownButtonActive .dijitButtonNode, +.tundra .dijitComboButtonActive .dijitButtonContents, +.tundra .dijitDownArrowActive .dijitDownArrowButton, +.tundra .dijitComboBoxActive .dijitDownArrowButton { + /* active state - inner (for when you are pressing a normal button, or + * when a toggle button is in a depressed state + */ + border-color:#366dba; + background: #ededed url("../images/buttonActive.png") bottom repeat-x; +} + + + +.tundra .dijitArrowButtonInner { + background:url("../images/arrowDown.png") no-repeat center center; +} +.tundra .dijitUpArrowButton .dijitArrowButtonInner { background-image:url("../images/arrowUp.png"); } +.dj_ie6 .tundra .dijitArrowButtonInner { + background-image:url("../images/arrowDown.gif"); +} +.dj_ie6 .tundra .dijitUpArrowButton .dijitArrowButtonInner { + background-image:url("../images/arrowUp.gif"); +} +.tundra .dijitComboBox .dijitArrowButton .dijitArrowButtonInner { + background:url("../images/comboArrowDown.gif") no-repeat center center; +} +.tundra .dijitComboBoxHover .dijitArrowButtonInner { + /* TODO: url("../images/arrowDownHover.png") but in IE6 it flickers some? */ +} diff --git a/includes/js/dijit/themes/tundra/form/Checkbox.css b/includes/js/dijit/themes/tundra/form/Checkbox.css new file mode 100644 index 0000000..0c59885 --- /dev/null +++ b/includes/js/dijit/themes/tundra/form/Checkbox.css @@ -0,0 +1,40 @@ +.tundra .dijitToggleButton .dijitCheckBoxIcon { + background-image: url('../images/checkmarkNoBorder.gif'); +} +.tundra .dijitCheckBox, +.tundra .dijitCheckBoxIcon { + background-image: url('../images/checkmark.gif'); + background-repeat: no-repeat; + width: 16px; + height: 16px; + margin: 0; + padding: 0; +} +.tundra .dijitCheckBox, +.tundra .dijitToggleButton .dijitCheckBoxIcon { + + background-position: -16px; +} +.tundra .dijitCheckBoxChecked, +.tundra .dijitToggleButtonChecked .dijitCheckBoxIcon { + + background-position: 0px; +} +.tundra .dijitCheckBoxDisabled { + + background-position: -48px; +} +.tundra .dijitCheckBoxCheckedDisabled { + + background-position: -32px; +} +.tundra .dijitCheckBoxHover, +.tundra .dijitCheckBoxFocused { + + background-position: -80px; +} +.tundra .dijitCheckBoxCheckedHover, +.tundra .dijitCheckBoxCheckedFocused { + + background-position: -64px; +} diff --git a/includes/js/dijit/themes/tundra/form/Checkbox.css.commented.css b/includes/js/dijit/themes/tundra/form/Checkbox.css.commented.css new file mode 100644 index 0000000..8b7b2cc --- /dev/null +++ b/includes/js/dijit/themes/tundra/form/Checkbox.css.commented.css @@ -0,0 +1,47 @@ +.tundra .dijitToggleButton .dijitCheckBoxIcon { + background-image: url('../images/checkmarkNoBorder.gif'); +} + +.tundra .dijitCheckBox, +.tundra .dijitCheckBoxIcon /* inside a toggle button */ { + background-image: url('../images/checkmark.gif'); /* checkbox sprite image */ + background-repeat: no-repeat; + width: 16px; + height: 16px; + margin: 0; + padding: 0; +} + +.tundra .dijitCheckBox, +.tundra .dijitToggleButton .dijitCheckBoxIcon { + /* unchecked */ + background-position: -16px; +} + +.tundra .dijitCheckBoxChecked, +.tundra .dijitToggleButtonChecked .dijitCheckBoxIcon { + /* checked */ + background-position: 0px; +} + +.tundra .dijitCheckBoxDisabled { + /* disabled */ + background-position: -48px; +} + +.tundra .dijitCheckBoxCheckedDisabled { + /* disabled but checked */ + background-position: -32px; +} + +.tundra .dijitCheckBoxHover, +.tundra .dijitCheckBoxFocused { + /* hovering over an unchecked enabled checkbox */ + background-position: -80px; +} + +.tundra .dijitCheckBoxCheckedHover, +.tundra .dijitCheckBoxCheckedFocused { + /* hovering over a checked enabled checkbox */ + background-position: -64px; +} diff --git a/includes/js/dijit/themes/tundra/form/Common.css b/includes/js/dijit/themes/tundra/form/Common.css new file mode 100644 index 0000000..d8ab7a0 --- /dev/null +++ b/includes/js/dijit/themes/tundra/form/Common.css @@ -0,0 +1,83 @@ + +.tundra .dijitInputField INPUT, +.tundra .dijitTextBox, +.tundra .dijitComboBox, +.tundra .dijitSpinner { + margin: 0em 0.1em; +} +.tundra .dijitTextBox, +.tundra .dijitComboBox, +.tundra .dijitSpinner, +.tundra .dijitInlineEditor input { + + background:#fff url("../images/validationInputBg.png") repeat-x top left; + #background:#fff url('../images/validationInputBg.gif') repeat-x top left; + border:1px solid #b3b3b3; + line-height: normal; +} +.tundra .dijitComboBox .dijitButtonNode { + padding: 0 0.2em; +} +.tundra .dijitComboBox .dijitButtonNode, +.tundra .dijitSpinner .dijitButtonNode { + + border-color: #9b9b9b; +} +.tundra .dijitTextBoxFocused, +.tundra .dijitComboBoxFocused, +.tundra .dijitSpinnerFocused { + + border-color:#406b9b; +} +.tundra .dijitComboBoxFocused .dijitButtonNode, .tundra .dijitSpinnerFocused .dijitButtonNode { + border-left-color:#366dba; +} +.tundra .dijitSpinnerFocused .dijitDownArrowButton { + border-top-color:#366dba; +} +.tundra .dijitError { + border-color:#f3d118; + background-color:#f9f7ba; + background-image:none; +} +.dj_ie6 .tundra .dijitError INPUT { + + background-color:#f9f7ba !important; +} +.tundra .dijitErrorFocused { + background-color:#ff6; + background-image:none; +} +.dj_ie6 .tundra .dijitErrorFocused INPUT { + + background-color:#ff6 !important; +} +.tundra .dijitValidationIcon { + + width: 16px; + background: transparent url('../images/warning.png') no-repeat center center; +} +.tundra .dijitInlineValue { + + padding:3px; + margin:4px; +} +.tundra .dijitInlineEditor { + + display: inline-block; + display: -moz-inline-stack; + #display:inline; + +} +.dijitInlineEditor .saveButton, +.dijitInlineEditor .cancelButton { + margin:3px 3px 3px 0px; +} +.RichTextEditable { + border:1px solid #bfbfbf; + border-top:0; +} +.dj_ie6 .tundra .dijitInputField +{ + background: url("../images/validationInputBg.gif") repeat-x top left #fff; +} diff --git a/includes/js/dijit/themes/tundra/form/Common.css.commented.css b/includes/js/dijit/themes/tundra/form/Common.css.commented.css new file mode 100644 index 0000000..5bbb265 --- /dev/null +++ b/includes/js/dijit/themes/tundra/form/Common.css.commented.css @@ -0,0 +1,126 @@ + +/**** + 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) + ****/ + +.tundra .dijitInputField INPUT, +.tundra .dijitTextBox, +.tundra .dijitComboBox, +.tundra .dijitSpinner { + margin: 0em 0.1em; +} + +.tundra .dijitTextBox, +.tundra .dijitComboBox, +.tundra .dijitSpinner, +.tundra .dijitInlineEditor input { + /* 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 #b3b3b3; + line-height: normal; +} + +.tundra .dijitComboBox .dijitButtonNode { + padding: 0 0.2em; +} +.tundra .dijitComboBox .dijitButtonNode, +.tundra .dijitSpinner .dijitButtonNode { + /* line between the input area and the drop down button */ + border-color: #9b9b9b; +} + +.tundra .dijitTextBoxFocused, +.tundra .dijitComboBoxFocused, +.tundra .dijitSpinnerFocused { + /* input field when focused (ie: typing affects it) */ + border-color:#406b9b; +} +.tundra .dijitComboBoxFocused .dijitButtonNode, .tundra .dijitSpinnerFocused .dijitButtonNode { + border-left-color:#366dba; +} +.tundra .dijitSpinnerFocused .dijitDownArrowButton { + border-top-color:#366dba; +} + +.tundra .dijitError { + border-color:#f3d118; + background-color:#f9f7ba; + background-image:none; +} +.dj_ie6 .tundra .dijitError INPUT { + /* background-color: transparent on an <input> doesn't work on IE6 */ + background-color:#f9f7ba !important; +} + +.tundra .dijitErrorFocused { + background-color:#ff6; + background-image:none; +} +.dj_ie6 .tundra .dijitErrorFocused INPUT { + /* background-color: transparent on an <input> doesn't work on IE6 */ + background-color:#ff6 !important; +} + +/* Validation errors */ +.tundra .dijitValidationIcon { + /* prevent height change when widget goes from valid to invalid state */ + width: 16px; + background: transparent url('../images/warning.png') no-repeat center center; +} + + + +/* inline edit boxen */ +.tundra .dijitInlineValue { + /* span around an inline-editable value when NOT in edit mode */ + padding:3px; + margin:4px; +} + + +/* MOW: trying to get this to look like a mini-dialog. Advised? */ +.tundra .dijitInlineEditor { + /* fieldset surrounding an inlineEditor in edit mode */ + display: inline-block; + display: -moz-inline-stack; + #display:inline; + /* + border-style: solid; + border-color: #7788a0 #344257 #344257 #7788a0; + border-width:1px 2px 2px 1px; + -moz-border-radius:0px 2px 0px 2px; make BL and TR corners indent on Moz so it looks like we have a shadow + background-color:white; + */ +} + +.dijitInlineEditor .saveButton, +.dijitInlineEditor .cancelButton { + margin:3px 3px 3px 0px; +} + +.RichTextEditable { + border:1px solid #bfbfbf; + border-top:0; +} + +/* + * IE6: can't display PNG images with gradient transparency. + * Want to use filter property for those images, but then need to specify a path relative + * to the main page, rather than relative to this file... using gifs for now + */ + +.dj_ie6 .tundra .dijitInputField +{ + background: url("../images/validationInputBg.gif") repeat-x top left #fff; +} diff --git a/includes/js/dijit/themes/tundra/form/RadioButton.css b/includes/js/dijit/themes/tundra/form/RadioButton.css new file mode 100644 index 0000000..bc99ef0 --- /dev/null +++ b/includes/js/dijit/themes/tundra/form/RadioButton.css @@ -0,0 +1,41 @@ +.tundra .dijitToggleButton .dijitRadio, +.tundra .dijitToggleButton .dijitRadioIcon { + background-image: url('../images/checkmarkNoBorder.gif'); +} +.tundra .dijitRadio, +.tundra .dijitRadioIcon { + background-image: url('../images/checkmark.gif'); + background-repeat: no-repeat; + width: 16px; + height: 16px; + margin: 0; + padding: 0; +} +.tundra .dijitRadio, +.tundra .dijitToggleButton .dijitRadioIcon { + + background-position: -112px; +} +.tundra .dijitRadioChecked, +.tundra .dijitToggleButtonChecked .dijitRadioIcon { + + background-position: -96px; +} +.tundra .dijitRadioDisabled { + + background-position: -144px; +} +.tundra .dijitRadioCheckedDisabled { + + background-position: -128px; +} +.tundra .dijitRadioHover, +.tundra .dijitRadioFocused { + + background-position: -176px; +} +.tundra .dijitRadioCheckedHover, +.tundra .dijitRadioCheckedFocused { + + background-position: -160px; +} diff --git a/includes/js/dijit/themes/tundra/form/RadioButton.css.commented.css b/includes/js/dijit/themes/tundra/form/RadioButton.css.commented.css new file mode 100644 index 0000000..e1d7713 --- /dev/null +++ b/includes/js/dijit/themes/tundra/form/RadioButton.css.commented.css @@ -0,0 +1,49 @@ +.tundra .dijitToggleButton .dijitRadio, +.tundra .dijitToggleButton .dijitRadioIcon { + background-image: url('../images/checkmarkNoBorder.gif'); +} + +.tundra .dijitRadio, +.tundra .dijitRadioIcon { /* inside a toggle button */ + background-image: url('../images/checkmark.gif'); /* checkbox sprite image */ + background-repeat: no-repeat; + width: 16px; + height: 16px; + margin: 0; + padding: 0; +} + +.tundra .dijitRadio, +.tundra .dijitToggleButton .dijitRadioIcon { + /* unselected */ + background-position: -112px; +} + +.tundra .dijitRadioChecked, +.tundra .dijitToggleButtonChecked .dijitRadioIcon { + /* selected */ + background-position: -96px; +} + +.tundra .dijitRadioDisabled { + /* unselected and disabled */ + background-position: -144px; +} + +.tundra .dijitRadioCheckedDisabled { + /* selected but disabled */ + background-position: -128px; +} + +.tundra .dijitRadioHover, +.tundra .dijitRadioFocused { + /* hovering over an unselected enabled radio button */ + background-position: -176px; +} + +.tundra .dijitRadioCheckedHover, +.tundra .dijitRadioCheckedFocused { + /* hovering over a selected enabled radio button */ + background-position: -160px; +} + diff --git a/includes/js/dijit/themes/tundra/form/Slider.css b/includes/js/dijit/themes/tundra/form/Slider.css new file mode 100644 index 0000000..ecbc923 --- /dev/null +++ b/includes/js/dijit/themes/tundra/form/Slider.css @@ -0,0 +1,113 @@ +.tundra .dijitSliderProgressBarH { + border-color: #aab0bb; + background: #c0c2c5 url("../images/sliderFull.png") repeat-x top left; +} +.tundra .dijitSliderProgressBarV { + border-color: #aab0bb; + background: #c0c2c5 url("../images/sliderFullVertical.png") repeat-y bottom left; +} +.tundra .dijitSliderFocused .dijitSliderProgressBarH, +.tundra .dijitSliderFocused .dijitSliderLeftBumper { + background-image:url("../images/sliderFullFocus.png"); +} +.tundra .dijitSliderFocused .dijitSliderProgressBarV, +.tundra .dijitSliderFocused .dijitSliderBottomBumper { + background-image:url("../images/sliderFullVerticalFocus.png"); +} +.tundra .dijitSliderRemainingBarV { + border-color: #b4b4b4; + background: #dcdcdc url("../images/sliderEmptyVertical.png") repeat-y bottom left; +} +.tundra .dijitSliderRemainingBarH { + border-color: #b4b4b4; + background: #dcdcdc url("../images/sliderEmpty.png") repeat-x top left; +} +.tundra .dijitSliderBar { + border-style: solid; + outline:1px; +} +.tundra .dijitSliderFocused .dijitSliderBar { + border-color:#333; +} +.dijit_a11y .dijitSliderProgressBar { + background-color:#333 !important; +} +.tundra .dijitSliderImageHandleH { + border:0px; + width:16px; + height:16px; + background:url("../images/preciseSliderThumb.png") no-repeat center top; + cursor:pointer; +} +.tundra .dijitSliderFocused .dijitSliderImageHandleH { + background-image:url("../images/preciseSliderThumbFocus.png"); + #background-image:url("../images/preciseSliderThumbFocus.gif"); +} +.dj_ie6 .tundra .dijitSliderImageHandleH { + background-image:url("../images/preciseSliderThumb.gif"); +} +.tundra .dijitSliderLeftBumper { + border-left-width: 1px; + border-color: #aab0bb; + background: #c0c2c5 url("../images/sliderFull.png") repeat-x top left; +} +.tundra .dijitSliderRightBumper { + background: #dcdcdc url("../images/sliderEmpty.png") repeat-x top left; + border-color: #b4b4b4; + border-right-width: 1px; +} +.tundra .dijitSliderImageHandleV { + border:0px; + width:16px; + height:16px; + background:url("../images/sliderThumb.png") no-repeat center center; + cursor:pointer; +} +.tundra .dijitSliderFocused .dijitSliderImageHandleV { + background-image:url("../images/sliderThumbFocus.png"); +} +.dj_ie6 .tundra .dijitSliderFocused .dijitSliderImageHandleV { + background-image:url("../images/sliderThumbFocus.gif"); +} +.tundra .dijitSliderBottomBumper { + border-bottom-width: 1px; + border-color: #aab0bb; + background: #c0c2c5 url("../images/sliderFullVertical.png") repeat-y bottom left; +} +.tundra .dijitSliderTopBumper { + background: #dcdcdc url("../images/sliderEmptyVertical.png") repeat-y top left; + border-color: #b4b4b4; + border-top-width: 1px; +} +.tundra .dijitSliderIncrementIconH, +.tundra .dijitSliderIncrementIconV { + background:url('../images/arrowUp.png') no-repeat center center; + width:16px; height:16px; + cursor:pointer; +} +.tundra .dijitSliderIncrementIconH { + background-image:url('../images/arrowRight.png'); +} +.tundra .dijitSliderDecrementIconH, +.tundra .dijitSliderDecrementIconV { + width:16px; + height:16px; + cursor:pointer; + background:url('../images/arrowDown.png') no-repeat center center; +} +.tundra .dijitSliderDecrementIconH { background-image:url('../images/arrowLeft.png'); } +.tundra .dijitSliderButtonInner { + visibility:hidden; +} +.tundra .dijitSliderDisabled { + opacity:0.6 !important; +} +.dj_ie6 .tundra .dijitSliderDisabled, +.dj_ie6 .tundra .dijitSliderDisabled .dijitRuleContainer, +.dj_ie6 .tundra .dijitSliderDisabled .dijitSliderRemainingBar, +.dj_ie6 .tundra .dijitSliderDisabled .dijitSliderProgressBar { + filter: gray() alpha(opacity=40); +} +.tundra .dijitSliderDisabled * { + cursor: not-allowed !important; +} diff --git a/includes/js/dijit/themes/tundra/form/Slider.css.commented.css b/includes/js/dijit/themes/tundra/form/Slider.css.commented.css new file mode 100644 index 0000000..0e0a5c8 --- /dev/null +++ b/includes/js/dijit/themes/tundra/form/Slider.css.commented.css @@ -0,0 +1,134 @@ +.tundra .dijitSliderProgressBarH { + border-color: #aab0bb; + background: #c0c2c5 url("../images/sliderFull.png") repeat-x top left; +} + +.tundra .dijitSliderProgressBarV { + border-color: #aab0bb; + background: #c0c2c5 url("../images/sliderFullVertical.png") repeat-y bottom left; +} + +.tundra .dijitSliderFocused .dijitSliderProgressBarH, +.tundra .dijitSliderFocused .dijitSliderLeftBumper { + background-image:url("../images/sliderFullFocus.png"); +} + +.tundra .dijitSliderFocused .dijitSliderProgressBarV, +.tundra .dijitSliderFocused .dijitSliderBottomBumper { + background-image:url("../images/sliderFullVerticalFocus.png"); +} + +.tundra .dijitSliderRemainingBarV { + border-color: #b4b4b4; + background: #dcdcdc url("../images/sliderEmptyVertical.png") repeat-y bottom left; +} + +.tundra .dijitSliderRemainingBarH { + border-color: #b4b4b4; + background: #dcdcdc url("../images/sliderEmpty.png") repeat-x top left; +} + +.tundra .dijitSliderBar { + border-style: solid; + outline:1px; +} +.tundra .dijitSliderFocused .dijitSliderBar { + border-color:#333; +} + +.dijit_a11y .dijitSliderProgressBar { + background-color:#333 !important; +} + +.tundra .dijitSliderImageHandleH { + border:0px; + width:16px; + height:16px; + background:url("../images/preciseSliderThumb.png") no-repeat center top; + cursor:pointer; +} +.tundra .dijitSliderFocused .dijitSliderImageHandleH { + background-image:url("../images/preciseSliderThumbFocus.png"); + #background-image:url("../images/preciseSliderThumbFocus.gif"); +} + +.dj_ie6 .tundra .dijitSliderImageHandleH { + background-image:url("../images/preciseSliderThumb.gif"); +} + +.tundra .dijitSliderLeftBumper { + border-left-width: 1px; + border-color: #aab0bb; + background: #c0c2c5 url("../images/sliderFull.png") repeat-x top left; +} + +.tundra .dijitSliderRightBumper { + background: #dcdcdc url("../images/sliderEmpty.png") repeat-x top left; + border-color: #b4b4b4; + border-right-width: 1px; +} + +.tundra .dijitSliderImageHandleV { + border:0px; + width:16px; + height:16px; + background:url("../images/sliderThumb.png") no-repeat center center; + cursor:pointer; +} + +.tundra .dijitSliderFocused .dijitSliderImageHandleV { + background-image:url("../images/sliderThumbFocus.png"); +} +.dj_ie6 .tundra .dijitSliderFocused .dijitSliderImageHandleV { + background-image:url("../images/sliderThumbFocus.gif"); +} + +.tundra .dijitSliderBottomBumper { + border-bottom-width: 1px; + border-color: #aab0bb; + background: #c0c2c5 url("../images/sliderFullVertical.png") repeat-y bottom left; +} + +.tundra .dijitSliderTopBumper { + background: #dcdcdc url("../images/sliderEmptyVertical.png") repeat-y top left; + border-color: #b4b4b4; + border-top-width: 1px; +} + +.tundra .dijitSliderIncrementIconH, +.tundra .dijitSliderIncrementIconV { + background:url('../images/arrowUp.png') no-repeat center center; + width:16px; height:16px; + cursor:pointer; +} +.tundra .dijitSliderIncrementIconH { + background-image:url('../images/arrowRight.png'); +} + +.tundra .dijitSliderDecrementIconH, +.tundra .dijitSliderDecrementIconV { + width:16px; + height:16px; + cursor:pointer; + background:url('../images/arrowDown.png') no-repeat center center; +} +.tundra .dijitSliderDecrementIconH { background-image:url('../images/arrowLeft.png'); } + +.tundra .dijitSliderButtonInner { + visibility:hidden; +} + +.tundra .dijitSliderDisabled { + opacity:0.6 !important; +} + +.dj_ie6 .tundra .dijitSliderDisabled, +.dj_ie6 .tundra .dijitSliderDisabled .dijitRuleContainer, +.dj_ie6 .tundra .dijitSliderDisabled .dijitSliderRemainingBar, +.dj_ie6 .tundra .dijitSliderDisabled .dijitSliderProgressBar { + filter: gray() alpha(opacity=40); +} + +.tundra .dijitSliderDisabled * { + cursor: not-allowed !important; +} diff --git a/includes/js/dijit/themes/tundra/form/Slider_rtl.css b/includes/js/dijit/themes/tundra/form/Slider_rtl.css new file mode 100644 index 0000000..af024e5 --- /dev/null +++ b/includes/js/dijit/themes/tundra/form/Slider_rtl.css @@ -0,0 +1,26 @@ +.dijitRtl .dijitSliderProgressBarH, +.dijitRtl .dijitSliderRemainingBarH, +.dijitRtl .dijitSliderLeftBumper, +.dijitRtl .dijitSliderRightBumper, +.dijitRtl .dijitSliderTopBumper { + background-position: top right; +} +.dijitRtl .dijitSliderProgressBarV, +.dijitRtl .dijitSliderRemainingBarV, +.dijitRtl .dijitSliderBottomBumper { + background-position: bottom right; +} +.dijitRtl .dijitSliderLeftBumper { + border-left-width: 0px; + border-right-width: 1px; +} +.dijitRtl .dijitSliderRightBumper { + border-left-width: 1px; + border-right-width: 0px; +} +.dijitRtl .dijitSliderIncrementIconH { + background-image:url('../images/arrowLeft.png'); +} +.dijitRtl .dijitSliderDecrementIconH { + background-image:url('../images/arrowRight.png'); +} diff --git a/includes/js/dijit/themes/tundra/form/Slider_rtl.css.commented.css b/includes/js/dijit/themes/tundra/form/Slider_rtl.css.commented.css new file mode 100644 index 0000000..d6b80b8 --- /dev/null +++ b/includes/js/dijit/themes/tundra/form/Slider_rtl.css.commented.css @@ -0,0 +1,31 @@ +.dijitRtl .dijitSliderProgressBarH, +.dijitRtl .dijitSliderRemainingBarH, +.dijitRtl .dijitSliderLeftBumper, +.dijitRtl .dijitSliderRightBumper, +.dijitRtl .dijitSliderTopBumper { + background-position: top right; +} + +.dijitRtl .dijitSliderProgressBarV, +.dijitRtl .dijitSliderRemainingBarV, +.dijitRtl .dijitSliderBottomBumper { + background-position: bottom right; +} + +.dijitRtl .dijitSliderLeftBumper { + border-left-width: 0px; + border-right-width: 1px; +} + +.dijitRtl .dijitSliderRightBumper { + border-left-width: 1px; + border-right-width: 0px; +} + +.dijitRtl .dijitSliderIncrementIconH { + background-image:url('../images/arrowLeft.png'); +} + +.dijitRtl .dijitSliderDecrementIconH { + background-image:url('../images/arrowRight.png'); +} diff --git a/includes/js/dijit/themes/tundra/form/TextArea.css b/includes/js/dijit/themes/tundra/form/TextArea.css new file mode 100644 index 0000000..a4f0be1 --- /dev/null +++ b/includes/js/dijit/themes/tundra/form/TextArea.css @@ -0,0 +1,7 @@ +.tundra .dijitTextArea { + + background:#fff url("../images/validationInputBg.png") repeat-x top left; + #background:#fff url('../images/validationInputBg.gif') repeat-x top left; + border:1px solid #b3b3b3; + line-height: normal; +} diff --git a/includes/js/dijit/themes/tundra/form/TextArea.css.commented.css b/includes/js/dijit/themes/tundra/form/TextArea.css.commented.css new file mode 100644 index 0000000..2f25001 --- /dev/null +++ b/includes/js/dijit/themes/tundra/form/TextArea.css.commented.css @@ -0,0 +1,10 @@ +.tundra .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 #b3b3b3; + line-height: normal; +} diff --git a/includes/js/dijit/themes/tundra/images/accordionItemActive.gif b/includes/js/dijit/themes/tundra/images/accordionItemActive.gif Binary files differnew file mode 100644 index 0000000..f7e04a3 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/accordionItemActive.gif diff --git a/includes/js/dijit/themes/tundra/images/arrowDown.gif b/includes/js/dijit/themes/tundra/images/arrowDown.gif Binary files differnew file mode 100644 index 0000000..7a73f82 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/arrowDown.gif diff --git a/includes/js/dijit/themes/tundra/images/arrowDown.png b/includes/js/dijit/themes/tundra/images/arrowDown.png Binary files differnew file mode 100644 index 0000000..148b810 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/arrowDown.png diff --git a/includes/js/dijit/themes/tundra/images/arrowLeft.gif b/includes/js/dijit/themes/tundra/images/arrowLeft.gif Binary files differnew file mode 100644 index 0000000..22e8649 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/arrowLeft.gif diff --git a/includes/js/dijit/themes/tundra/images/arrowLeft.png b/includes/js/dijit/themes/tundra/images/arrowLeft.png Binary files differnew file mode 100644 index 0000000..ff0dbfc --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/arrowLeft.png diff --git a/includes/js/dijit/themes/tundra/images/arrowRight.gif b/includes/js/dijit/themes/tundra/images/arrowRight.gif Binary files differnew file mode 100644 index 0000000..7e21dc0 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/arrowRight.gif diff --git a/includes/js/dijit/themes/tundra/images/arrowRight.png b/includes/js/dijit/themes/tundra/images/arrowRight.png Binary files differnew file mode 100644 index 0000000..c8b64ef --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/arrowRight.png diff --git a/includes/js/dijit/themes/tundra/images/arrowUp.gif b/includes/js/dijit/themes/tundra/images/arrowUp.gif Binary files differnew file mode 100644 index 0000000..9452da0 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/arrowUp.gif diff --git a/includes/js/dijit/themes/tundra/images/arrowUp.png b/includes/js/dijit/themes/tundra/images/arrowUp.png Binary files differnew file mode 100644 index 0000000..c4c06ce --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/arrowUp.png diff --git a/includes/js/dijit/themes/tundra/images/buttonActive.png b/includes/js/dijit/themes/tundra/images/buttonActive.png Binary files differnew file mode 100644 index 0000000..09417b1 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/buttonActive.png diff --git a/includes/js/dijit/themes/tundra/images/buttonDisabled.png b/includes/js/dijit/themes/tundra/images/buttonDisabled.png Binary files differnew file mode 100644 index 0000000..70766f4 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/buttonDisabled.png diff --git a/includes/js/dijit/themes/tundra/images/buttonEnabled.png b/includes/js/dijit/themes/tundra/images/buttonEnabled.png Binary files differnew file mode 100644 index 0000000..924522a --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/buttonEnabled.png diff --git a/includes/js/dijit/themes/tundra/images/buttonHover.png b/includes/js/dijit/themes/tundra/images/buttonHover.png Binary files differnew file mode 100644 index 0000000..b074e4e --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/buttonHover.png diff --git a/includes/js/dijit/themes/tundra/images/calendarDayLabel.png b/includes/js/dijit/themes/tundra/images/calendarDayLabel.png Binary files differnew file mode 100644 index 0000000..c1a1553 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/calendarDayLabel.png diff --git a/includes/js/dijit/themes/tundra/images/calendarMonthLabel.png b/includes/js/dijit/themes/tundra/images/calendarMonthLabel.png Binary files differnew file mode 100644 index 0000000..fd2cf0a --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/calendarMonthLabel.png diff --git a/includes/js/dijit/themes/tundra/images/calendarYearLabel.png b/includes/js/dijit/themes/tundra/images/calendarYearLabel.png Binary files differnew file mode 100644 index 0000000..dd344f5 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/calendarYearLabel.png diff --git a/includes/js/dijit/themes/tundra/images/checkboxActive.png b/includes/js/dijit/themes/tundra/images/checkboxActive.png Binary files differnew file mode 100644 index 0000000..24c935b --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/checkboxActive.png diff --git a/includes/js/dijit/themes/tundra/images/checkboxDisabled.png b/includes/js/dijit/themes/tundra/images/checkboxDisabled.png Binary files differnew file mode 100644 index 0000000..f02a752 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/checkboxDisabled.png diff --git a/includes/js/dijit/themes/tundra/images/checkboxEnabled.png b/includes/js/dijit/themes/tundra/images/checkboxEnabled.png Binary files differnew file mode 100644 index 0000000..2205f07 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/checkboxEnabled.png diff --git a/includes/js/dijit/themes/tundra/images/checkboxHover.png b/includes/js/dijit/themes/tundra/images/checkboxHover.png Binary files differnew file mode 100644 index 0000000..1dfeea8 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/checkboxHover.png diff --git a/includes/js/dijit/themes/tundra/images/checkmark.gif b/includes/js/dijit/themes/tundra/images/checkmark.gif Binary files differnew file mode 100644 index 0000000..77237aa --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/checkmark.gif diff --git a/includes/js/dijit/themes/tundra/images/checkmark.png b/includes/js/dijit/themes/tundra/images/checkmark.png Binary files differnew file mode 100644 index 0000000..a473c9c --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/checkmark.png diff --git a/includes/js/dijit/themes/tundra/images/checkmarkNoBorder.gif b/includes/js/dijit/themes/tundra/images/checkmarkNoBorder.gif Binary files differnew file mode 100644 index 0000000..11dc800 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/checkmarkNoBorder.gif diff --git a/includes/js/dijit/themes/tundra/images/checkmarkNoBorder.png b/includes/js/dijit/themes/tundra/images/checkmarkNoBorder.png Binary files differnew file mode 100644 index 0000000..7696e28 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/checkmarkNoBorder.png diff --git a/includes/js/dijit/themes/tundra/images/circleIcon.gif b/includes/js/dijit/themes/tundra/images/circleIcon.gif Binary files differnew file mode 100644 index 0000000..d582290 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/circleIcon.gif diff --git a/includes/js/dijit/themes/tundra/images/circleIcon.png b/includes/js/dijit/themes/tundra/images/circleIcon.png Binary files differnew file mode 100644 index 0000000..6f059e6 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/circleIcon.png diff --git a/includes/js/dijit/themes/tundra/images/comboArrowDown.gif b/includes/js/dijit/themes/tundra/images/comboArrowDown.gif Binary files differnew file mode 100644 index 0000000..e00a87b --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/comboArrowDown.gif diff --git a/includes/js/dijit/themes/tundra/images/dijitProgressBarAnim.gif b/includes/js/dijit/themes/tundra/images/dijitProgressBarAnim.gif Binary files differnew file mode 100644 index 0000000..167a3e0 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/dijitProgressBarAnim.gif diff --git a/includes/js/dijit/themes/tundra/images/dijitProgressBarAnim.psd b/includes/js/dijit/themes/tundra/images/dijitProgressBarAnim.psd Binary files differnew file mode 100644 index 0000000..0a7bf23 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/dijitProgressBarAnim.psd diff --git a/includes/js/dijit/themes/tundra/images/dndCopy.png b/includes/js/dijit/themes/tundra/images/dndCopy.png Binary files differnew file mode 100644 index 0000000..baecd7c --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/dndCopy.png diff --git a/includes/js/dijit/themes/tundra/images/dndMove.png b/includes/js/dijit/themes/tundra/images/dndMove.png Binary files differnew file mode 100644 index 0000000..07f878c --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/dndMove.png diff --git a/includes/js/dijit/themes/tundra/images/dndNoCopy.png b/includes/js/dijit/themes/tundra/images/dndNoCopy.png Binary files differnew file mode 100644 index 0000000..9bf9c33 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/dndNoCopy.png diff --git a/includes/js/dijit/themes/tundra/images/dndNoMove.png b/includes/js/dijit/themes/tundra/images/dndNoMove.png Binary files differnew file mode 100644 index 0000000..cb8bd8b --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/dndNoMove.png diff --git a/includes/js/dijit/themes/tundra/images/dojoTundraGradientBg.gif b/includes/js/dijit/themes/tundra/images/dojoTundraGradientBg.gif Binary files differnew file mode 100644 index 0000000..0da1239 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/dojoTundraGradientBg.gif diff --git a/includes/js/dijit/themes/tundra/images/dojoTundraGradientBg.png b/includes/js/dijit/themes/tundra/images/dojoTundraGradientBg.png Binary files differnew file mode 100644 index 0000000..ac118dd --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/dojoTundraGradientBg.png diff --git a/includes/js/dijit/themes/tundra/images/doubleArrowDown.png b/includes/js/dijit/themes/tundra/images/doubleArrowDown.png Binary files differnew file mode 100644 index 0000000..92678d2 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/doubleArrowDown.png diff --git a/includes/js/dijit/themes/tundra/images/doubleArrowUp.png b/includes/js/dijit/themes/tundra/images/doubleArrowUp.png Binary files differnew file mode 100644 index 0000000..bba30fe --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/doubleArrowUp.png diff --git a/includes/js/dijit/themes/tundra/images/editor.gif b/includes/js/dijit/themes/tundra/images/editor.gif Binary files differnew file mode 100644 index 0000000..1c96329 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/editor.gif diff --git a/includes/js/dijit/themes/tundra/images/editor_rtl.gif b/includes/js/dijit/themes/tundra/images/editor_rtl.gif Binary files differnew file mode 100644 index 0000000..ef04938 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/editor_rtl.gif diff --git a/includes/js/dijit/themes/tundra/images/folderClosed.gif b/includes/js/dijit/themes/tundra/images/folderClosed.gif Binary files differnew file mode 100644 index 0000000..d32d313 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/folderClosed.gif diff --git a/includes/js/dijit/themes/tundra/images/folderOpened.gif b/includes/js/dijit/themes/tundra/images/folderOpened.gif Binary files differnew file mode 100644 index 0000000..45359fb --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/folderOpened.gif diff --git a/includes/js/dijit/themes/tundra/images/i.gif b/includes/js/dijit/themes/tundra/images/i.gif Binary files differnew file mode 100644 index 0000000..ebd95a7 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/i.gif diff --git a/includes/js/dijit/themes/tundra/images/i_half.gif b/includes/js/dijit/themes/tundra/images/i_half.gif Binary files differnew file mode 100644 index 0000000..2947c4f --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/i_half.gif diff --git a/includes/js/dijit/themes/tundra/images/i_half_rtl.gif b/includes/js/dijit/themes/tundra/images/i_half_rtl.gif Binary files differnew file mode 100644 index 0000000..4f60ec4 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/i_half_rtl.gif diff --git a/includes/js/dijit/themes/tundra/images/i_rtl.gif b/includes/js/dijit/themes/tundra/images/i_rtl.gif Binary files differnew file mode 100644 index 0000000..7dafaad --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/i_rtl.gif diff --git a/includes/js/dijit/themes/tundra/images/leaf.gif b/includes/js/dijit/themes/tundra/images/leaf.gif Binary files differnew file mode 100644 index 0000000..85b0178 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/leaf.gif diff --git a/includes/js/dijit/themes/tundra/images/loading.gif b/includes/js/dijit/themes/tundra/images/loading.gif Binary files differnew file mode 100644 index 0000000..6e7c8e5 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/loading.gif diff --git a/includes/js/dijit/themes/tundra/images/menu.png b/includes/js/dijit/themes/tundra/images/menu.png Binary files differnew file mode 100644 index 0000000..f5b93d1 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/menu.png diff --git a/includes/js/dijit/themes/tundra/images/minusButton.gif b/includes/js/dijit/themes/tundra/images/minusButton.gif Binary files differnew file mode 100644 index 0000000..48d5172 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/minusButton.gif diff --git a/includes/js/dijit/themes/tundra/images/no.gif b/includes/js/dijit/themes/tundra/images/no.gif Binary files differnew file mode 100644 index 0000000..9021a14 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/no.gif diff --git a/includes/js/dijit/themes/tundra/images/noX.gif b/includes/js/dijit/themes/tundra/images/noX.gif Binary files differnew file mode 100644 index 0000000..4a16dc7 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/noX.gif diff --git a/includes/js/dijit/themes/tundra/images/plusButton.gif b/includes/js/dijit/themes/tundra/images/plusButton.gif Binary files differnew file mode 100644 index 0000000..103c021 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/plusButton.gif diff --git a/includes/js/dijit/themes/tundra/images/popupMenuBg.gif b/includes/js/dijit/themes/tundra/images/popupMenuBg.gif Binary files differnew file mode 100644 index 0000000..15f4f1b --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/popupMenuBg.gif diff --git a/includes/js/dijit/themes/tundra/images/preciseSliderThumb.gif b/includes/js/dijit/themes/tundra/images/preciseSliderThumb.gif Binary files differnew file mode 100644 index 0000000..15d4879 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/preciseSliderThumb.gif diff --git a/includes/js/dijit/themes/tundra/images/preciseSliderThumb.png b/includes/js/dijit/themes/tundra/images/preciseSliderThumb.png Binary files differnew file mode 100644 index 0000000..f2fc338 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/preciseSliderThumb.png diff --git a/includes/js/dijit/themes/tundra/images/preciseSliderThumbFocus.gif b/includes/js/dijit/themes/tundra/images/preciseSliderThumbFocus.gif Binary files differnew file mode 100644 index 0000000..b44611c --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/preciseSliderThumbFocus.gif diff --git a/includes/js/dijit/themes/tundra/images/preciseSliderThumbFocus.png b/includes/js/dijit/themes/tundra/images/preciseSliderThumbFocus.png Binary files differnew file mode 100644 index 0000000..fb06323 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/preciseSliderThumbFocus.png diff --git a/includes/js/dijit/themes/tundra/images/progressBarAnim-1.png b/includes/js/dijit/themes/tundra/images/progressBarAnim-1.png Binary files differnew file mode 100644 index 0000000..cfc3fd2 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/progressBarAnim-1.png diff --git a/includes/js/dijit/themes/tundra/images/progressBarAnim-2.png b/includes/js/dijit/themes/tundra/images/progressBarAnim-2.png Binary files differnew file mode 100644 index 0000000..d27981d --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/progressBarAnim-2.png diff --git a/includes/js/dijit/themes/tundra/images/progressBarAnim-3.png b/includes/js/dijit/themes/tundra/images/progressBarAnim-3.png Binary files differnew file mode 100644 index 0000000..3b92a7d --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/progressBarAnim-3.png diff --git a/includes/js/dijit/themes/tundra/images/progressBarAnim-4.png b/includes/js/dijit/themes/tundra/images/progressBarAnim-4.png Binary files differnew file mode 100644 index 0000000..61e4276 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/progressBarAnim-4.png diff --git a/includes/js/dijit/themes/tundra/images/progressBarAnim-5.png b/includes/js/dijit/themes/tundra/images/progressBarAnim-5.png Binary files differnew file mode 100644 index 0000000..48b189a --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/progressBarAnim-5.png diff --git a/includes/js/dijit/themes/tundra/images/progressBarAnim-6.png b/includes/js/dijit/themes/tundra/images/progressBarAnim-6.png Binary files differnew file mode 100644 index 0000000..af50c4d --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/progressBarAnim-6.png diff --git a/includes/js/dijit/themes/tundra/images/progressBarAnim-7.png b/includes/js/dijit/themes/tundra/images/progressBarAnim-7.png Binary files differnew file mode 100644 index 0000000..a4fffa3 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/progressBarAnim-7.png diff --git a/includes/js/dijit/themes/tundra/images/progressBarAnim-8.png b/includes/js/dijit/themes/tundra/images/progressBarAnim-8.png Binary files differnew file mode 100644 index 0000000..b4c92f3 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/progressBarAnim-8.png diff --git a/includes/js/dijit/themes/tundra/images/progressBarAnim-9.png b/includes/js/dijit/themes/tundra/images/progressBarAnim-9.png Binary files differnew file mode 100644 index 0000000..d8bff13 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/progressBarAnim-9.png diff --git a/includes/js/dijit/themes/tundra/images/progressBarAnim.gif b/includes/js/dijit/themes/tundra/images/progressBarAnim.gif Binary files differnew file mode 100644 index 0000000..d3df139 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/progressBarAnim.gif diff --git a/includes/js/dijit/themes/tundra/images/progressBarAnim.psd b/includes/js/dijit/themes/tundra/images/progressBarAnim.psd Binary files differnew file mode 100644 index 0000000..0a7bf23 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/progressBarAnim.psd diff --git a/includes/js/dijit/themes/tundra/images/progressBarEmpty.png b/includes/js/dijit/themes/tundra/images/progressBarEmpty.png Binary files differnew file mode 100644 index 0000000..84c0e2e --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/progressBarEmpty.png diff --git a/includes/js/dijit/themes/tundra/images/progressBarFull.png b/includes/js/dijit/themes/tundra/images/progressBarFull.png Binary files differnew file mode 100644 index 0000000..0ce60f5 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/progressBarFull.png diff --git a/includes/js/dijit/themes/tundra/images/radioButtonActive.png b/includes/js/dijit/themes/tundra/images/radioButtonActive.png Binary files differnew file mode 100644 index 0000000..60840c7 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/radioButtonActive.png diff --git a/includes/js/dijit/themes/tundra/images/radioButtonActiveDisabled.png b/includes/js/dijit/themes/tundra/images/radioButtonActiveDisabled.png Binary files differnew file mode 100644 index 0000000..b49724e --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/radioButtonActiveDisabled.png diff --git a/includes/js/dijit/themes/tundra/images/radioButtonActiveHover.png b/includes/js/dijit/themes/tundra/images/radioButtonActiveHover.png Binary files differnew file mode 100644 index 0000000..f21d4e5 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/radioButtonActiveHover.png diff --git a/includes/js/dijit/themes/tundra/images/radioButtonDisabled.png b/includes/js/dijit/themes/tundra/images/radioButtonDisabled.png Binary files differnew file mode 100644 index 0000000..8da7e78 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/radioButtonDisabled.png diff --git a/includes/js/dijit/themes/tundra/images/radioButtonEnabled.png b/includes/js/dijit/themes/tundra/images/radioButtonEnabled.png Binary files differnew file mode 100644 index 0000000..4342fea --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/radioButtonEnabled.png diff --git a/includes/js/dijit/themes/tundra/images/radioButtonHover.png b/includes/js/dijit/themes/tundra/images/radioButtonHover.png Binary files differnew file mode 100644 index 0000000..fcb697f --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/radioButtonHover.png diff --git a/includes/js/dijit/themes/tundra/images/sliderEmpty.png b/includes/js/dijit/themes/tundra/images/sliderEmpty.png Binary files differnew file mode 100644 index 0000000..070c12f --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/sliderEmpty.png diff --git a/includes/js/dijit/themes/tundra/images/sliderEmptyVertical.png b/includes/js/dijit/themes/tundra/images/sliderEmptyVertical.png Binary files differnew file mode 100644 index 0000000..45aceb7 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/sliderEmptyVertical.png diff --git a/includes/js/dijit/themes/tundra/images/sliderFull.png b/includes/js/dijit/themes/tundra/images/sliderFull.png Binary files differnew file mode 100644 index 0000000..4b3fcbb --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/sliderFull.png diff --git a/includes/js/dijit/themes/tundra/images/sliderFullFocus.png b/includes/js/dijit/themes/tundra/images/sliderFullFocus.png Binary files differnew file mode 100644 index 0000000..ee19356 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/sliderFullFocus.png diff --git a/includes/js/dijit/themes/tundra/images/sliderFullVertical.png b/includes/js/dijit/themes/tundra/images/sliderFullVertical.png Binary files differnew file mode 100644 index 0000000..e7618e8 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/sliderFullVertical.png diff --git a/includes/js/dijit/themes/tundra/images/sliderFullVerticalFocus.png b/includes/js/dijit/themes/tundra/images/sliderFullVerticalFocus.png Binary files differnew file mode 100644 index 0000000..3ab37e6 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/sliderFullVerticalFocus.png diff --git a/includes/js/dijit/themes/tundra/images/sliderThumb.png b/includes/js/dijit/themes/tundra/images/sliderThumb.png Binary files differnew file mode 100644 index 0000000..fe33583 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/sliderThumb.png diff --git a/includes/js/dijit/themes/tundra/images/sliderThumbFocus.gif b/includes/js/dijit/themes/tundra/images/sliderThumbFocus.gif Binary files differnew file mode 100644 index 0000000..15dd3d9 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/sliderThumbFocus.gif diff --git a/includes/js/dijit/themes/tundra/images/sliderThumbFocus.png b/includes/js/dijit/themes/tundra/images/sliderThumbFocus.png Binary files differnew file mode 100644 index 0000000..fe9763a --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/sliderThumbFocus.png diff --git a/includes/js/dijit/themes/tundra/images/smallArrowDown.png b/includes/js/dijit/themes/tundra/images/smallArrowDown.png Binary files differnew file mode 100644 index 0000000..cabd01c --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/smallArrowDown.png diff --git a/includes/js/dijit/themes/tundra/images/smallArrowUp.png b/includes/js/dijit/themes/tundra/images/smallArrowUp.png Binary files differnew file mode 100644 index 0000000..a4dd670 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/smallArrowUp.png diff --git a/includes/js/dijit/themes/tundra/images/splitContainerSizerH-thumb.png b/includes/js/dijit/themes/tundra/images/splitContainerSizerH-thumb.png Binary files differnew file mode 100644 index 0000000..e7bc204 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/splitContainerSizerH-thumb.png diff --git a/includes/js/dijit/themes/tundra/images/splitContainerSizerH.png b/includes/js/dijit/themes/tundra/images/splitContainerSizerH.png Binary files differnew file mode 100644 index 0000000..0e5e471 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/splitContainerSizerH.png diff --git a/includes/js/dijit/themes/tundra/images/splitContainerSizerV-thumb.png b/includes/js/dijit/themes/tundra/images/splitContainerSizerV-thumb.png Binary files differnew file mode 100644 index 0000000..410a0a7 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/splitContainerSizerV-thumb.png diff --git a/includes/js/dijit/themes/tundra/images/splitContainerSizerV.png b/includes/js/dijit/themes/tundra/images/splitContainerSizerV.png Binary files differnew file mode 100644 index 0000000..6781f0e --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/splitContainerSizerV.png diff --git a/includes/js/dijit/themes/tundra/images/spriteRoundedIconsSmall.gif b/includes/js/dijit/themes/tundra/images/spriteRoundedIconsSmall.gif Binary files differnew file mode 100644 index 0000000..251389a --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/spriteRoundedIconsSmall.gif diff --git a/includes/js/dijit/themes/tundra/images/spriteRoundedIconsSmall.png b/includes/js/dijit/themes/tundra/images/spriteRoundedIconsSmall.png Binary files differnew file mode 100644 index 0000000..e81ba07 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/spriteRoundedIconsSmall.png diff --git a/includes/js/dijit/themes/tundra/images/tabActive.png b/includes/js/dijit/themes/tundra/images/tabActive.png Binary files differnew file mode 100644 index 0000000..eaf1ed4 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/tabActive.png diff --git a/includes/js/dijit/themes/tundra/images/tabClose.gif b/includes/js/dijit/themes/tundra/images/tabClose.gif Binary files differnew file mode 100644 index 0000000..2cb0ee1 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/tabClose.gif diff --git a/includes/js/dijit/themes/tundra/images/tabClose.png b/includes/js/dijit/themes/tundra/images/tabClose.png Binary files differnew file mode 100644 index 0000000..136cd22 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/tabClose.png diff --git a/includes/js/dijit/themes/tundra/images/tabCloseHover.gif b/includes/js/dijit/themes/tundra/images/tabCloseHover.gif Binary files differnew file mode 100644 index 0000000..f59471e --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/tabCloseHover.gif diff --git a/includes/js/dijit/themes/tundra/images/tabCloseHover.png b/includes/js/dijit/themes/tundra/images/tabCloseHover.png Binary files differnew file mode 100644 index 0000000..290e77f --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/tabCloseHover.png diff --git a/includes/js/dijit/themes/tundra/images/tabDisabled.png b/includes/js/dijit/themes/tundra/images/tabDisabled.png Binary files differnew file mode 100644 index 0000000..ea0f617 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/tabDisabled.png diff --git a/includes/js/dijit/themes/tundra/images/tabEnabled.png b/includes/js/dijit/themes/tundra/images/tabEnabled.png Binary files differnew file mode 100644 index 0000000..d40cf45 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/tabEnabled.png diff --git a/includes/js/dijit/themes/tundra/images/tabHover.gif b/includes/js/dijit/themes/tundra/images/tabHover.gif Binary files differnew file mode 100644 index 0000000..471e0ee --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/tabHover.gif diff --git a/includes/js/dijit/themes/tundra/images/tabHover.png b/includes/js/dijit/themes/tundra/images/tabHover.png Binary files differnew file mode 100644 index 0000000..16487f1 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/tabHover.png diff --git a/includes/js/dijit/themes/tundra/images/titleBar.png b/includes/js/dijit/themes/tundra/images/titleBar.png Binary files differnew file mode 100644 index 0000000..617d9d4 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/titleBar.png diff --git a/includes/js/dijit/themes/tundra/images/titleBarBg.gif b/includes/js/dijit/themes/tundra/images/titleBarBg.gif Binary files differnew file mode 100644 index 0000000..1cd57cf --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/titleBarBg.gif diff --git a/includes/js/dijit/themes/tundra/images/tooltipConnectorDown.gif b/includes/js/dijit/themes/tundra/images/tooltipConnectorDown.gif Binary files differnew file mode 100644 index 0000000..015447e --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/tooltipConnectorDown.gif diff --git a/includes/js/dijit/themes/tundra/images/tooltipConnectorDown.png b/includes/js/dijit/themes/tundra/images/tooltipConnectorDown.png Binary files differnew file mode 100644 index 0000000..c502c83 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/tooltipConnectorDown.png diff --git a/includes/js/dijit/themes/tundra/images/tooltipConnectorLeft.gif b/includes/js/dijit/themes/tundra/images/tooltipConnectorLeft.gif Binary files differnew file mode 100644 index 0000000..846b3b8 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/tooltipConnectorLeft.gif diff --git a/includes/js/dijit/themes/tundra/images/tooltipConnectorLeft.png b/includes/js/dijit/themes/tundra/images/tooltipConnectorLeft.png Binary files differnew file mode 100644 index 0000000..a5c2720 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/tooltipConnectorLeft.png diff --git a/includes/js/dijit/themes/tundra/images/tooltipConnectorRight.gif b/includes/js/dijit/themes/tundra/images/tooltipConnectorRight.gif Binary files differnew file mode 100644 index 0000000..2564c3a --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/tooltipConnectorRight.gif diff --git a/includes/js/dijit/themes/tundra/images/tooltipConnectorRight.png b/includes/js/dijit/themes/tundra/images/tooltipConnectorRight.png Binary files differnew file mode 100644 index 0000000..57e8be0 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/tooltipConnectorRight.png diff --git a/includes/js/dijit/themes/tundra/images/tooltipConnectorUp.gif b/includes/js/dijit/themes/tundra/images/tooltipConnectorUp.gif Binary files differnew file mode 100644 index 0000000..b8ff4c0 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/tooltipConnectorUp.gif diff --git a/includes/js/dijit/themes/tundra/images/tooltipConnectorUp.png b/includes/js/dijit/themes/tundra/images/tooltipConnectorUp.png Binary files differnew file mode 100644 index 0000000..b891f88 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/tooltipConnectorUp.png diff --git a/includes/js/dijit/themes/tundra/images/treeExpand_leaf.gif b/includes/js/dijit/themes/tundra/images/treeExpand_leaf.gif Binary files differnew file mode 100644 index 0000000..4b1c6c1 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/treeExpand_leaf.gif diff --git a/includes/js/dijit/themes/tundra/images/treeExpand_leaf_rtl.gif b/includes/js/dijit/themes/tundra/images/treeExpand_leaf_rtl.gif Binary files differnew file mode 100644 index 0000000..b563d7c --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/treeExpand_leaf_rtl.gif diff --git a/includes/js/dijit/themes/tundra/images/treeExpand_loading.gif b/includes/js/dijit/themes/tundra/images/treeExpand_loading.gif Binary files differnew file mode 100644 index 0000000..424d376 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/treeExpand_loading.gif diff --git a/includes/js/dijit/themes/tundra/images/treeExpand_minus.gif b/includes/js/dijit/themes/tundra/images/treeExpand_minus.gif Binary files differnew file mode 100644 index 0000000..5977782 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/treeExpand_minus.gif diff --git a/includes/js/dijit/themes/tundra/images/treeExpand_minus_rtl.gif b/includes/js/dijit/themes/tundra/images/treeExpand_minus_rtl.gif Binary files differnew file mode 100644 index 0000000..cf50054 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/treeExpand_minus_rtl.gif diff --git a/includes/js/dijit/themes/tundra/images/treeExpand_mius.gif b/includes/js/dijit/themes/tundra/images/treeExpand_mius.gif Binary files differnew file mode 100644 index 0000000..5977782 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/treeExpand_mius.gif diff --git a/includes/js/dijit/themes/tundra/images/treeExpand_plus.gif b/includes/js/dijit/themes/tundra/images/treeExpand_plus.gif Binary files differnew file mode 100644 index 0000000..2b96a55 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/treeExpand_plus.gif diff --git a/includes/js/dijit/themes/tundra/images/treeExpand_plus_rtl.gif b/includes/js/dijit/themes/tundra/images/treeExpand_plus_rtl.gif Binary files differnew file mode 100644 index 0000000..11f9916 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/treeExpand_plus_rtl.gif diff --git a/includes/js/dijit/themes/tundra/images/validationInputBg.gif b/includes/js/dijit/themes/tundra/images/validationInputBg.gif Binary files differnew file mode 100644 index 0000000..5a9916a --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/validationInputBg.gif diff --git a/includes/js/dijit/themes/tundra/images/validationInputBg.png b/includes/js/dijit/themes/tundra/images/validationInputBg.png Binary files differnew file mode 100644 index 0000000..d222fb4 --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/validationInputBg.png diff --git a/includes/js/dijit/themes/tundra/images/warning.png b/includes/js/dijit/themes/tundra/images/warning.png Binary files differnew file mode 100644 index 0000000..c52f83d --- /dev/null +++ b/includes/js/dijit/themes/tundra/images/warning.png diff --git a/includes/js/dijit/themes/tundra/layout/AccordionContainer.css b/includes/js/dijit/themes/tundra/layout/AccordionContainer.css new file mode 100644 index 0000000..6d27e24 --- /dev/null +++ b/includes/js/dijit/themes/tundra/layout/AccordionContainer.css @@ -0,0 +1,31 @@ + +.tundra .dijitAccordionPane { + background-color: #e7e7e7; +} +.tundra .dijitAccordionTitle { + background:#fafafa url("../images/titleBar.png") repeat-x bottom left; + border-top: 1px solid #bfbfbf; + padding: 6px 4px 6px 8px; + cursor:pointer; +} +.tundra .dijitAccordionTitle-selected { + background: #f9f9f9 url("../images/accordionItemActive.gif") bottom repeat-x; + font-weight: bold; + border-top: 1px solid #aaaaaa; + border-bottom: 1px solid #bfbfbf; + padding: 6px 4px 6px 8px; + cursor: default; +} +.tundra .dijitAccordionArrow { + background:url("../images/plusButton.gif") no-repeat; + width:15px; + height:15px; + margin-top:2px; +} +.tundra .dijitAccordionTitle-selected .dijitAccordionArrow { + background:none; + margin-top:2px; +} +.tundra .dijitAccordionBody { + background: #fff; +} diff --git a/includes/js/dijit/themes/tundra/layout/AccordionContainer.css.commented.css b/includes/js/dijit/themes/tundra/layout/AccordionContainer.css.commented.css new file mode 100644 index 0000000..14d46ae --- /dev/null +++ b/includes/js/dijit/themes/tundra/layout/AccordionContainer.css.commented.css @@ -0,0 +1,37 @@ +/* Accordion */ + +.tundra .dijitAccordionPane { + background-color: #e7e7e7; +} + +.tundra .dijitAccordionTitle { + background:#fafafa url("../images/titleBar.png") repeat-x bottom left; + border-top: 1px solid #bfbfbf; + padding: 6px 4px 6px 8px; + cursor:pointer; +} + +.tundra .dijitAccordionTitle-selected { + background: #f9f9f9 url("../images/accordionItemActive.gif") bottom repeat-x; + font-weight: bold; + border-top: 1px solid #aaaaaa; + border-bottom: 1px solid #bfbfbf; + padding: 6px 4px 6px 8px; + cursor: default; +} + +.tundra .dijitAccordionArrow { + background:url("../images/plusButton.gif") no-repeat; + width:15px; + height:15px; + margin-top:2px; +} + +.tundra .dijitAccordionTitle-selected .dijitAccordionArrow { + background:none; + margin-top:2px; +} + +.tundra .dijitAccordionBody { + background: #fff; +} diff --git a/includes/js/dijit/themes/tundra/layout/BorderContainer.css b/includes/js/dijit/themes/tundra/layout/BorderContainer.css new file mode 100644 index 0000000..56bbef4 --- /dev/null +++ b/includes/js/dijit/themes/tundra/layout/BorderContainer.css @@ -0,0 +1,27 @@ + +.tundra .dijitSplitterH { + background:url("../images/splitContainerSizerH.png") repeat-x #fff; + border:0; + border-left:0px solid #d3d3d3; + border-right:0px solid #d3d3d3; + height:5px; +} +.tundra .dijitSplitterH .dijitSplitterThumb { + background:url("../images/splitContainerSizerH-thumb.png") no-repeat; + top:1px; + width:19px; + height:2px; +} +.tundra .dijitSplitterV { + background:url("../images/splitContainerSizerV.png") repeat-y #fff; + border:0; + border-top:0px solid #d3d3d3; + border-bottom:0px solid #d3d3d3; + width:5px; +} +.tundra .dijitSplitterV .dijitSplitterThumb { + background:url("../images/splitContainerSizerV-thumb.png") no-repeat; + left:1px; + height:19px; + width:5px; +} diff --git a/includes/js/dijit/themes/tundra/layout/BorderContainer.css.commented.css b/includes/js/dijit/themes/tundra/layout/BorderContainer.css.commented.css new file mode 100644 index 0000000..da28106 --- /dev/null +++ b/includes/js/dijit/themes/tundra/layout/BorderContainer.css.commented.css @@ -0,0 +1,31 @@ +/* BorderContainer */ + +.tundra .dijitSplitterH { + background:url("../images/splitContainerSizerH.png") repeat-x #fff; + border:0; + border-left:0px solid #d3d3d3; + border-right:0px solid #d3d3d3; + height:5px; +} + +.tundra .dijitSplitterH .dijitSplitterThumb { + background:url("../images/splitContainerSizerH-thumb.png") no-repeat; + top:1px; + width:19px; + height:2px; +} + +.tundra .dijitSplitterV { + background:url("../images/splitContainerSizerV.png") repeat-y #fff; + border:0; + border-top:0px solid #d3d3d3; + border-bottom:0px solid #d3d3d3; + width:5px; +} + +.tundra .dijitSplitterV .dijitSplitterThumb { + background:url("../images/splitContainerSizerV-thumb.png") no-repeat; + left:1px; + height:19px; + width:5px; +} diff --git a/includes/js/dijit/themes/tundra/layout/SplitContainer.css b/includes/js/dijit/themes/tundra/layout/SplitContainer.css new file mode 100644 index 0000000..b9945d6 --- /dev/null +++ b/includes/js/dijit/themes/tundra/layout/SplitContainer.css @@ -0,0 +1,31 @@ +.tundra .dijitSplitContainerSizerH { + background:url("../images/splitContainerSizerV.png") repeat-y #fff; + border:0; + border-left:1px solid #bfbfbf; + border-right:1px solid #bfbfbf; + width:7px; +} +.tundra .dijitSplitContainerSizerH .thumb { + background:url("../images/splitContainerSizerV-thumb.png") no-repeat #ccc; + left:1px; + width:3px; + height:19px; + overflow: hidden; +} +.tundra .dijitSplitContainerSizerV { + background:url("../images/splitContainerSizerH.png") repeat-x #fff; + border:0; + border-top:1px solid #bfbfbf; + border-bottom:1px solid #bfbfbf; + height:7px; +} +.tundra .dijitSplitContainerSizerV .thumb { + background:url("../images/splitContainerSizerH-thumb.png") no-repeat #ccc; + top:1px; + width:19px; + height:3px; + overflow: hidden; +} +.tundra .dijitSplitter { + border-color: #bfbfbf; +} diff --git a/includes/js/dijit/themes/tundra/layout/SplitContainer.css.commented.css b/includes/js/dijit/themes/tundra/layout/SplitContainer.css.commented.css new file mode 100644 index 0000000..53cdf82 --- /dev/null +++ b/includes/js/dijit/themes/tundra/layout/SplitContainer.css.commented.css @@ -0,0 +1,35 @@ +.tundra .dijitSplitContainerSizerH { + background:url("../images/splitContainerSizerV.png") repeat-y #fff; + border:0; + border-left:1px solid #bfbfbf; + border-right:1px solid #bfbfbf; + width:7px; +} + +.tundra .dijitSplitContainerSizerH .thumb { + background:url("../images/splitContainerSizerV-thumb.png") no-repeat #ccc; + left:1px; + width:3px; + height:19px; + overflow: hidden; +} + +.tundra .dijitSplitContainerSizerV { + background:url("../images/splitContainerSizerH.png") repeat-x #fff; + border:0; + border-top:1px solid #bfbfbf; + border-bottom:1px solid #bfbfbf; + height:7px; +} + +.tundra .dijitSplitContainerSizerV .thumb { + background:url("../images/splitContainerSizerH-thumb.png") no-repeat #ccc; + top:1px; + width:19px; + height:3px; + overflow: hidden; +} + +.tundra .dijitSplitter { + border-color: #bfbfbf; +} diff --git a/includes/js/dijit/themes/tundra/layout/TabContainer.css b/includes/js/dijit/themes/tundra/layout/TabContainer.css new file mode 100644 index 0000000..a15daf8 --- /dev/null +++ b/includes/js/dijit/themes/tundra/layout/TabContainer.css @@ -0,0 +1,109 @@ + +.tundra .dijitTabPaneWrapper { + + background:#fff; + border:1px solid #ccc; +} +.tundra .dijitTab { + line-height:normal; + margin-right:5px; + padding:0px; + border:1px solid #ccc; + background:#e2e2e2 url("../images/tabEnabled.png") repeat-x; +} +.tundra .dijitAlignLeft .dijitTab, +.tundra .dijitAlignRight .dijitTab { + margin-right:0px; + margin-bottom:5px; +} +.tundra .dijitTabInnerDiv { + padding:6px 10px 4px 10px; + border-left:1px solid #fff; + border-bottom:1px solid #fff; +} +.tundra .dijitTabHover, +.tundra .dijitTabCloseButtonHover { + color: #243C5F; + border-top-color:#92a0b3; + border-left-color:#92a0b3; + border-right-color:#92a0b3; + background:#e2e2e2 url("../images/tabHover.png") repeat-x bottom; +} +.dj_ie6 .tundra .dijitTabHover, +.dj_ie6 .tundra .dijitTabCloseButtonHover { + background-image: url("../images/tabHover.gif"); +} +.tundra .dijitTabChecked, +.tundra .dijitTabCloseButtonChecked +{ + + background-color:#fff; + border-color: #ccc; + background-image:none; +} +.tundra .dijitAlignTop .dijitTabChecked, +.tundra .dijitAlignTop .dijitTabCloseButtonChecked +{ + border-bottom-color:white; + vertical-align:bottom; +} +.tundra .dijitAlignBottom .dijitTabChecked, +.tundra .dijitAlignBottom .dijitTabCloseButtonChecked +{ + border-top-color:white; + -moz-border-radius:2px 2px 0px 0px; +} +.tundra .dijitAlignLeft .dijitTabChecked, +.tundra .dijitAlignLeft .dijitTabCloseButtonChecked +{ + border-right-color:white; +} +.tundra .dijitAlignRight .dijitTabChecked, +.tundra .dijitAlignRight .dijitTabCloseButtonChecked +{ + border-left-color:white; +} +.tundra .dijitTab .dijitClosable { + position: relative; + padding:6px 20px 4px 10px; +} +.tundra .dijitTab .dijitClosable .closeImage { + position:absolute; + top: 7px; + right: 3px; + height: 12px; + width: 12px; + padding: 0; + margin: 0; + background: url("../images/tabClose.png") no-repeat right top; +} +.dj_ie6 .dijitTab .dijitClosable .closeImage { + background-image:url("../images/tabClose.gif"); +} +.tundra .dijitTabCloseButton .dijitClosable .closeImage { + background-image : url("../images/tabClose.png"); +} +.dj_ie6 .tundra .dijitTabCloseButton .dijitClosable .closeImage { + background-image : url("../images/tabClose.gif"); +} +.tundra .dijitTabCloseButtonHover .dijitClosable .closeImage { + background-image : url("../images/tabCloseHover.png"); +} +.dj_ie6 .tundra .dijitTabCloseButtonHover .dijitClosable .closeImage { + background-image : url("../images/tabCloseHover.gif"); +} +.tundra .dijitAlignLeft .dijitTab .dijitClosable { + padding:6px 10px 4px 20px; +} +.dj_ie6 .tundra .dijitAlignLeft .dijitTab .dijitClosable .closeImage { + left:-20px; +} +.tundra .dijitAlignBottom .dijitTab .dijitClosable .closeImage { + top: auto; + bottom: 7px; + right: 3px; +} +.tundra .dijitAlignLeft .dijitTab .dijitClosable .closeImage { + top: 7px; + left: 3px; +} diff --git a/includes/js/dijit/themes/tundra/layout/TabContainer.css.commented.css b/includes/js/dijit/themes/tundra/layout/TabContainer.css.commented.css new file mode 100644 index 0000000..ee3ff6b --- /dev/null +++ b/includes/js/dijit/themes/tundra/layout/TabContainer.css.commented.css @@ -0,0 +1,138 @@ + +/* Tabs */ + +.tundra .dijitTabPaneWrapper { + /* + overflow: hidden; + */ + background:#fff; + border:1px solid #ccc; +} + +.tundra .dijitTab { + line-height:normal; + margin-right:5px; /* space between one tab and the next in top/bottom mode */ + padding:0px; + border:1px solid #ccc; + background:#e2e2e2 url("../images/tabEnabled.png") repeat-x; +} + +.tundra .dijitAlignLeft .dijitTab, +.tundra .dijitAlignRight .dijitTab { + margin-right:0px; + margin-bottom:5px; /* space between one tab and the next in left/right mode */ +} + +.tundra .dijitTabInnerDiv { + padding:6px 10px 4px 10px; + border-left:1px solid #fff; + border-bottom:1px solid #fff; +} + +.tundra .dijitTabHover, +.tundra .dijitTabCloseButtonHover { + color: #243C5F; + border-top-color:#92a0b3; + border-left-color:#92a0b3; + border-right-color:#92a0b3; + background:#e2e2e2 url("../images/tabHover.png") repeat-x bottom; +} + +.dj_ie6 .tundra .dijitTabHover, +.dj_ie6 .tundra .dijitTabCloseButtonHover { + background-image: url("../images/tabHover.gif"); +} + +.tundra .dijitTabChecked, +.tundra .dijitTabCloseButtonChecked +{ + /* the selected tab (with or without hover) */ + background-color:#fff; + border-color: #ccc; + background-image:none; +} + +/* make the active tab white on the side next to the content pane */ +.tundra .dijitAlignTop .dijitTabChecked, +.tundra .dijitAlignTop .dijitTabCloseButtonChecked +{ + border-bottom-color:white; + vertical-align:bottom; +} + +.tundra .dijitAlignBottom .dijitTabChecked, +.tundra .dijitAlignBottom .dijitTabCloseButtonChecked +{ + border-top-color:white; + -moz-border-radius:2px 2px 0px 0px; /* eliminate some border detritrus on moz */ +} + +.tundra .dijitAlignLeft .dijitTabChecked, +.tundra .dijitAlignLeft .dijitTabCloseButtonChecked +{ + border-right-color:white; +} + +.tundra .dijitAlignRight .dijitTabChecked, +.tundra .dijitAlignRight .dijitTabCloseButtonChecked +{ + border-left-color:white; +} + + +/* make space for a positioned close button */ +.tundra .dijitTab .dijitClosable { + position: relative; + padding:6px 20px 4px 10px; +} + +.tundra .dijitTab .dijitClosable .closeImage { + position:absolute; + top: 7px; + right: 3px; + height: 12px; + width: 12px; + padding: 0; + margin: 0; + background: url("../images/tabClose.png") no-repeat right top; +} +.dj_ie6 .dijitTab .dijitClosable .closeImage { + background-image:url("../images/tabClose.gif"); +} + +.tundra .dijitTabCloseButton .dijitClosable .closeImage { + background-image : url("../images/tabClose.png"); +} +.dj_ie6 .tundra .dijitTabCloseButton .dijitClosable .closeImage { + background-image : url("../images/tabClose.gif"); +} + +.tundra .dijitTabCloseButtonHover .dijitClosable .closeImage { + background-image : url("../images/tabCloseHover.png"); +} +.dj_ie6 .tundra .dijitTabCloseButtonHover .dijitClosable .closeImage { + background-image : url("../images/tabCloseHover.gif"); +} + +.tundra .dijitAlignLeft .dijitTab .dijitClosable { + padding:6px 10px 4px 20px; +} + +/* correct for IE6. + We cant force hasLayout as that blows out the shrink wrapped tabs + ..so we shim in the closeImage position properties instead +*/ +.dj_ie6 .tundra .dijitAlignLeft .dijitTab .dijitClosable .closeImage { + left:-20px; +} + +.tundra .dijitAlignBottom .dijitTab .dijitClosable .closeImage { + top: auto; + bottom: 7px; + right: 3px; +} + +.tundra .dijitAlignLeft .dijitTab .dijitClosable .closeImage { + top: 7px; + left: 3px; +} diff --git a/includes/js/dijit/themes/tundra/layout/TabContainer_rtl.css b/includes/js/dijit/themes/tundra/layout/TabContainer_rtl.css new file mode 100644 index 0000000..a866bca --- /dev/null +++ b/includes/js/dijit/themes/tundra/layout/TabContainer_rtl.css @@ -0,0 +1,71 @@ +.dijitRtl .dijitTab { + margin-right:0; + margin-left:5px; +} +.dijitRtl .dijitTab .dijitTabInnerDiv { + border-left:none; + border-right:1px solid #fff; +} +.dijitRtl .dijitTab .dijitClosable { + padding: 6px 10px 4px 20px; +} +.dijitRtl .dijitTab .closeImage { + position:static; + padding: 0px 12px 0px 0px; +} +.dj_gecko .dijitTab .closeImage { + position:relative; + float:none; + padding:0; +} +.dijitRtl .dijitTab .dijitClosable .closeImage { + right:auto; + left:3px; + background-position: left top; +} +.dj_ie .dijitRtl .dijitTab .dijitClosable .closeImage { + width:12px !important; +} +.dijitRtl .dijitAlignLeft .dijitTab, +.dijitRtl .dijitAlignRight .dijitTab { + margin-left:0px; +} +.dijitRtl .dijitAlignBottom .dijitTab .dijitClosable .closeImage { + right:auto; + left:3px; +} +.dijitRtl .dijitAlignRight .dijitTab .dijitTabInnerDiv { + padding-left:10px; + padding-right:20px; +} +.dijitRtl .dijitAlignLeft .dijitTab .dijitTabInnerDiv { + padding-left:20px; + padding-right:10px; +} +.dj_ie .dijitRtl .dijitAlignLeft .dijitTab .dijitTabInnerDiv { + padding-left:19px; +} +.dj_gecko .dijitRtl .dijitAlignLeft .dijitTab .dijitTabInnerDiv { + padding-left:11px; +} +.dijitRtl .dijitAlignRight .dijitTab .dijitClosable .closeImage { + left:auto; + right:3px; +} +.dj_ie7 .dijitRtl .dijitAlignLeft .dijitTab .dijitTabContent{ + position:relative; +} +.dj_ie7 .dijitRtl .dijitAlignLeft .dijitTab .dijitClosable .closeImage{ + position:absolute; + top:2px; + left:3px; +} +.dj_ie6 .dijitRtl .dijitAlignLeft .dijitTab .dijitClosable .closeImage{ + float:left; +} +.dj_ie6 .dijitRtl .dijitAlignLeft .dijitTab .dijitClosable .tabLabel{ + float:right; +} +.dj_ie .dijitTab .dijitTabInnerDiv{ + width : 1%; +} diff --git a/includes/js/dijit/themes/tundra/layout/TabContainer_rtl.css.commented.css b/includes/js/dijit/themes/tundra/layout/TabContainer_rtl.css.commented.css new file mode 100644 index 0000000..9c6151f --- /dev/null +++ b/includes/js/dijit/themes/tundra/layout/TabContainer_rtl.css.commented.css @@ -0,0 +1,89 @@ +.dijitRtl .dijitTab { + margin-right:0; + margin-left:5px; /* space between one tab and the next in top/bottom mode */ +} + +.dijitRtl .dijitTab .dijitTabInnerDiv { + border-left:none; + border-right:1px solid #fff; +} + +.dijitRtl .dijitTab .dijitClosable { + padding: 6px 10px 4px 20px; +} + +.dijitRtl .dijitTab .closeImage { + position:static; + padding: 0px 12px 0px 0px; +} + +.dj_gecko .dijitTab .closeImage { + position:relative; + float:none; + padding:0; +} + +.dijitRtl .dijitTab .dijitClosable .closeImage { + right:auto; + left:3px; + background-position: left top; +} + +.dj_ie .dijitRtl .dijitTab .dijitClosable .closeImage { + width:12px !important; +} + +.dijitRtl .dijitAlignLeft .dijitTab, +.dijitRtl .dijitAlignRight .dijitTab { + margin-left:0px; +} + +.dijitRtl .dijitAlignBottom .dijitTab .dijitClosable .closeImage { + right:auto; + left:3px; +} + +.dijitRtl .dijitAlignRight .dijitTab .dijitTabInnerDiv { + padding-left:10px; + padding-right:20px; +} + +.dijitRtl .dijitAlignLeft .dijitTab .dijitTabInnerDiv { + padding-left:20px; + padding-right:10px; +} + +.dj_ie .dijitRtl .dijitAlignLeft .dijitTab .dijitTabInnerDiv { + padding-left:19px; +} + +.dj_gecko .dijitRtl .dijitAlignLeft .dijitTab .dijitTabInnerDiv { + padding-left:11px; +} + +.dijitRtl .dijitAlignRight .dijitTab .dijitClosable .closeImage { + left:auto; + right:3px; +} + +.dj_ie7 .dijitRtl .dijitAlignLeft .dijitTab .dijitTabContent{ + position:relative; +} + +.dj_ie7 .dijitRtl .dijitAlignLeft .dijitTab .dijitClosable .closeImage{ + position:absolute; + top:2px; + left:3px; +} + +.dj_ie6 .dijitRtl .dijitAlignLeft .dijitTab .dijitClosable .closeImage{ + float:left; +} + +.dj_ie6 .dijitRtl .dijitAlignLeft .dijitTab .dijitClosable .tabLabel{ + float:right; +} + +.dj_ie .dijitTab .dijitTabInnerDiv{ + width : 1%; +} diff --git a/includes/js/dijit/themes/tundra/tundra.css b/includes/js/dijit/themes/tundra/tundra.css new file mode 100644 index 0000000..8b26b1c --- /dev/null +++ b/includes/js/dijit/themes/tundra/tundra.css @@ -0,0 +1,1213 @@ + +@import url("../dijit.css"); +.tundra .dijitSliderDisabled *, +.tundra .dijitDisabledClickableRegion, +.tundra .dijitSpinnerDisabled *, +.tundra .dijitButtonDisabled *, +.tundra .dijitDropDownButtonDisabled *, +.tundra .dijitComboButtonDisabled *, +.tundra .dijitComboBoxDisabled * +{ + cursor: not-allowed !important; +} +.tundra .dojoDndItemBefore { + border-top: 2px solid #369; +} +.tundra .dojoDndItemAfter { + border-bottom: 2px solid #369; +} +.tundra .dojoDndItemOver { + cursor:pointer; +} +.tundra table.dojoDndAvatar { -moz-border-radius: 0; border: 1px solid #ccc; border-collapse: collapse; background-color: #fff; font-size: 75%; color: black;} +.tundra .dojoDndAvatar td { border: none; } +.tundra .dojoDndAvatar tr { border: none; } +.tundra .dojoDndAvatarHeader td { height: 20px; padding: 0 0 0 21px; } +.tundra .dojoDndAvatarItem td { padding: 2px;} +.tundra.dojoDndMove .dojoDndAvatarHeader {background-color: #f58383; background-image: url(images/dndNoMove.png); background-repeat: no-repeat; background-position: 2px center;} +.tundra.dojoDndCopy .dojoDndAvatarHeader {background-color: #f58383; background-image: url(images/dndNoCopy.png); background-repeat: no-repeat; background-position: 2px center;} +.tundra.dojoDndMove .dojoDndAvatarCanDrop .dojoDndAvatarHeader {background-color: #97e68d; background-image: url(images/dndMove.png); background-repeat: no-repeat; background-position: 2px center;} +.tundra.dojoDndCopy .dojoDndAvatarCanDrop .dojoDndAvatarHeader {background-color: #97e68d; background-image: url(images/dndCopy.png); background-repeat: no-repeat; background-position: 2px center;} +.tundra .dijitContentPaneLoading { + background:url(images/loading.gif) no-repeat left center; + padding-left:25px; +} +.tundra .dijitContentPaneError { + background:url(images/warning.png) no-repeat left center; + padding-left:25px; +} +.tundra .dijitTabPaneWrapper { + + background:#fff; + border:1px solid #ccc; +} +.tundra .dijitTab { + line-height:normal; + margin-right:5px; + padding:0px; + border:1px solid #ccc; + background:#e2e2e2 url(images/tabEnabled.png) repeat-x; +} +.tundra .dijitAlignLeft .dijitTab, +.tundra .dijitAlignRight .dijitTab { + margin-right:0px; + margin-bottom:5px; +} +.tundra .dijitTabInnerDiv { + padding:6px 10px 4px 10px; + border-left:1px solid #fff; + border-bottom:1px solid #fff; +} +.tundra .dijitTabHover, +.tundra .dijitTabCloseButtonHover { + color: #243C5F; + border-top-color:#92a0b3; + border-left-color:#92a0b3; + border-right-color:#92a0b3; + background:#e2e2e2 url(images/tabHover.png) repeat-x bottom; +} +.dj_ie6 .tundra .dijitTabHover, +.dj_ie6 .tundra .dijitTabCloseButtonHover { + background-image: url(images/tabHover.gif); +} +.tundra .dijitTabChecked, +.tundra .dijitTabCloseButtonChecked +{ + + background-color:#fff; + border-color: #ccc; + background-image:none; +} +.tundra .dijitAlignTop .dijitTabChecked, +.tundra .dijitAlignTop .dijitTabCloseButtonChecked +{ + border-bottom-color:white; + vertical-align:bottom; +} +.tundra .dijitAlignBottom .dijitTabChecked, +.tundra .dijitAlignBottom .dijitTabCloseButtonChecked +{ + border-top-color:white; + -moz-border-radius:2px 2px 0px 0px; +} +.tundra .dijitAlignLeft .dijitTabChecked, +.tundra .dijitAlignLeft .dijitTabCloseButtonChecked +{ + border-right-color:white; +} +.tundra .dijitAlignRight .dijitTabChecked, +.tundra .dijitAlignRight .dijitTabCloseButtonChecked +{ + border-left-color:white; +} +.tundra .dijitTab .dijitClosable { + position: relative; + padding:6px 20px 4px 10px; +} +.tundra .dijitTab .dijitClosable .closeImage { + position:absolute; + top: 7px; + right: 3px; + height: 12px; + width: 12px; + padding: 0; + margin: 0; + background: url(images/tabClose.png) no-repeat right top; +} +.dj_ie6 .dijitTab .dijitClosable .closeImage { + background-image:url(images/tabClose.gif); +} +.tundra .dijitTabCloseButton .dijitClosable .closeImage { + background-image : url(images/tabClose.png); +} +.dj_ie6 .tundra .dijitTabCloseButton .dijitClosable .closeImage { + background-image : url(images/tabClose.gif); +} +.tundra .dijitTabCloseButtonHover .dijitClosable .closeImage { + background-image : url(images/tabCloseHover.png); +} +.dj_ie6 .tundra .dijitTabCloseButtonHover .dijitClosable .closeImage { + background-image : url(images/tabCloseHover.gif); +} +.tundra .dijitAlignLeft .dijitTab .dijitClosable { + padding:6px 10px 4px 20px; +} +.dj_ie6 .tundra .dijitAlignLeft .dijitTab .dijitClosable .closeImage { + left:-20px; +} +.tundra .dijitAlignBottom .dijitTab .dijitClosable .closeImage { + top: auto; + bottom: 7px; + right: 3px; +} +.tundra .dijitAlignLeft .dijitTab .dijitClosable .closeImage { + top: 7px; + left: 3px; +} +.tundra .dijitAccordionPane { + background-color: #e7e7e7; +} +.tundra .dijitAccordionTitle { + background:#fafafa url(images/titleBar.png) repeat-x bottom left; + border-top: 1px solid #bfbfbf; + padding: 6px 4px 6px 8px; + cursor:pointer; +} +.tundra .dijitAccordionTitle-selected { + background: #f9f9f9 url(images/accordionItemActive.gif) bottom repeat-x; + font-weight: bold; + border-top: 1px solid #aaaaaa; + border-bottom: 1px solid #bfbfbf; + padding: 6px 4px 6px 8px; + cursor: default; +} +.tundra .dijitAccordionArrow { + background:url(images/plusButton.gif) no-repeat; + width:15px; + height:15px; + margin-top:2px; +} +.tundra .dijitAccordionTitle-selected .dijitAccordionArrow { + background:none; + margin-top:2px; +} +.tundra .dijitAccordionBody { + background: #fff; +} +.tundra .dijitSplitContainerSizerH { + background:url(images/splitContainerSizerV.png) repeat-y #fff; + border:0; + border-left:1px solid #bfbfbf; + border-right:1px solid #bfbfbf; + width:7px; +} +.tundra .dijitSplitContainerSizerH .thumb { + background:url(images/splitContainerSizerV-thumb.png) no-repeat #ccc; + left:1px; + width:3px; + height:19px; + overflow: hidden; +} +.tundra .dijitSplitContainerSizerV { + background:url(images/splitContainerSizerH.png) repeat-x #fff; + border:0; + border-top:1px solid #bfbfbf; + border-bottom:1px solid #bfbfbf; + height:7px; +} +.tundra .dijitSplitContainerSizerV .thumb { + background:url(images/splitContainerSizerH-thumb.png) no-repeat #ccc; + top:1px; + width:19px; + height:3px; + overflow: hidden; +} +.tundra .dijitSplitter { + border-color: #bfbfbf; +} +.tundra .dijitSplitterH { + background:url(images/splitContainerSizerH.png) repeat-x #fff; + border:0; + border-left:0px solid #d3d3d3; + border-right:0px solid #d3d3d3; + height:5px; +} +.tundra .dijitSplitterH .dijitSplitterThumb { + background:url(images/splitContainerSizerH-thumb.png) no-repeat; + top:1px; + width:19px; + height:2px; +} +.tundra .dijitSplitterV { + background:url(images/splitContainerSizerV.png) repeat-y #fff; + border:0; + border-top:0px solid #d3d3d3; + border-bottom:0px solid #d3d3d3; + width:5px; +} +.tundra .dijitSplitterV .dijitSplitterThumb { + background:url(images/splitContainerSizerV-thumb.png) no-repeat; + left:1px; + height:19px; + width:5px; +} +.tundra .dijitInputField INPUT, +.tundra .dijitTextBox, +.tundra .dijitComboBox, +.tundra .dijitSpinner { + margin: 0em 0.1em; +} +.tundra .dijitTextBox, +.tundra .dijitComboBox, +.tundra .dijitSpinner, +.tundra .dijitInlineEditor input { + + background:#fff url(images/validationInputBg.png) repeat-x top left; + #background:#fff url(images/validationInputBg.gif) repeat-x top left; + border:1px solid #b3b3b3; + line-height: normal; +} +.tundra .dijitComboBox .dijitButtonNode { + padding: 0 0.2em; +} +.tundra .dijitComboBox .dijitButtonNode, +.tundra .dijitSpinner .dijitButtonNode { + + border-color: #9b9b9b; +} +.tundra .dijitTextBoxFocused, +.tundra .dijitComboBoxFocused, +.tundra .dijitSpinnerFocused { + + border-color:#406b9b; +} +.tundra .dijitComboBoxFocused .dijitButtonNode, .tundra .dijitSpinnerFocused .dijitButtonNode { + border-left-color:#366dba; +} +.tundra .dijitSpinnerFocused .dijitDownArrowButton { + border-top-color:#366dba; +} +.tundra .dijitError { + border-color:#f3d118; + background-color:#f9f7ba; + background-image:none; +} +.dj_ie6 .tundra .dijitError INPUT { + + background-color:#f9f7ba !important; +} +.tundra .dijitErrorFocused { + background-color:#ff6; + background-image:none; +} +.dj_ie6 .tundra .dijitErrorFocused INPUT { + + background-color:#ff6 !important; +} +.tundra .dijitValidationIcon { + + width: 16px; + background: transparent url(images/warning.png) no-repeat center center; +} +.tundra .dijitInlineValue { + + padding:3px; + margin:4px; +} +.tundra .dijitInlineEditor { + + display: inline-block; + display: -moz-inline-stack; + #display:inline; + +} +.dijitInlineEditor .saveButton, +.dijitInlineEditor .cancelButton { + margin:3px 3px 3px 0px; +} +.RichTextEditable { + border:1px solid #bfbfbf; + border-top:0; +} +.dj_ie6 .tundra .dijitInputField +{ + background: url(images/validationInputBg.gif) repeat-x top left #fff; +} +.tundra .dijitButtonNode { + + + border:1px solid #c0c0c0; + border-bottom:1px solid #9b9b9b; + border-right:1px solid #9b9b9b; + padding: 0.2em; + background:#fff url(images/buttonEnabled.png) repeat-x bottom left; +} +.dj_ie .tundra .dijitButtonNode { + zoom: 1; +} +.tundra .dijitButtonText { + padding: 0 0.3em; +} +.tundra .dijitComboBox .dijitButtonNode { + border: 0px; +} +.tundra .dijitArrowButton { + color: #111; +} +.tundra .dijitComboButton .dijitDownArrowButton { + padding-right:4px; +} +.dj_ff2 .tundra .dijitComboButton .dijitButtonContentsFocused, +.dj_ff2 .tundra .dijitComboButton .dijitDownArrowButtonFocused { + border: 1px black dotted !important; +} +.tundra .dijitButtonDisabled .dijitButtonNode, +.tundra .dijitToggleButtonDisabled .dijitButtonNode, +.tundra .dijitDropDownButtonDisabled .dijitButtonNode, +.tundra .dijitComboButtonDisabled .dijitButtonNode, +.tundra .dijitComboBoxDisabled, +.tundra .dijitSpinnerDisabled, +.tundra .dijitSpinnerDisabled .dijitButtonNode { + + border-color: #d5d5d5 #bdbdbd #bdbdbd #d5d5d5; + + background:#e4e4e4 url(images/buttonDisabled.png) top repeat-x; + opacity: 0.60; +} +.dj_ie .tundra .dijitButtonDisabled .dijitButtonNode *, +.dj_ie .tundra .dijitToggleButtonDisabled .dijitButtonNode *, +.dj_ie .tundra .dijitDropDownButtonDisabled .dijitButtonNode *, +.dj_ie .tundra .dijitComboButtonDisabled .dijitButtonNode *, +.dj_ie .tundra .dijitSpinnerDisabled .dijitButtonNode * { + filter: gray() alpha(opacity=50); +} +.tundra .dijitButtonHover .dijitButtonNode, +.tundra .dijitToggleButtonHover .dijitButtonNode, +.tundra .dijitDropDownButtonHover .dijitButtonNode, +.tundra .dijitComboButtonHover .dijitButtonContents, +.tundra .dijitComboButtonDownArrowHover .dijitDownArrowButton, +.tundra .dijitComboBoxHover .dijitDownArrowButton, +.tundra .dijitSpinnerUpArrowHover .dijitUpArrowButton, +.tundra .dijitSpinnerDownArrowHover .dijitDownArrowButton { + + + border-color:#a5beda; + border-bottom-color:#5c7590; + border-right-color:#5c7590; + color:#000; + background:#fcfdff url(images/buttonHover.png) repeat-x bottom; +} +.tundra .dijitSpinnerUpArrowActive .dijitUpArrowButton, +.tundra .dijitSpinnerDownArrowActive .dijitDownArrowButton, +.tundra .dijitButtonActive .dijitButtonNode, +.tundra .dijitToggleButtonActive .dijitButtonNode, +.tundra .dijitDropDownButtonActive .dijitButtonNode, +.tundra .dijitComboButtonActive .dijitButtonContents, +.tundra .dijitDownArrowActive .dijitDownArrowButton, +.tundra .dijitComboBoxActive .dijitDownArrowButton { + + border-color:#366dba; + background: #ededed url(images/buttonActive.png) bottom repeat-x; +} +.tundra .dijitArrowButtonInner { + background:url(images/arrowDown.png) no-repeat center center; +} +.tundra .dijitUpArrowButton .dijitArrowButtonInner { background-image:url(images/arrowUp.png); } +.dj_ie6 .tundra .dijitArrowButtonInner { + background-image:url(images/arrowDown.gif); +} +.dj_ie6 .tundra .dijitUpArrowButton .dijitArrowButtonInner { + background-image:url(images/arrowUp.gif); +} +.tundra .dijitComboBox .dijitArrowButton .dijitArrowButtonInner { + background:url(images/comboArrowDown.gif) no-repeat center center; +} +.tundra .dijitComboBoxHover .dijitArrowButtonInner { + +} +.tundra .dijitToggleButton .dijitCheckBoxIcon { + background-image: url(images/checkmarkNoBorder.gif); +} +.tundra .dijitCheckBox, +.tundra .dijitCheckBoxIcon { + background-image: url(images/checkmark.gif); + background-repeat: no-repeat; + width: 16px; + height: 16px; + margin: 0; + padding: 0; +} +.tundra .dijitCheckBox, +.tundra .dijitToggleButton .dijitCheckBoxIcon { + + background-position: -16px; +} +.tundra .dijitCheckBoxChecked, +.tundra .dijitToggleButtonChecked .dijitCheckBoxIcon { + + background-position: 0px; +} +.tundra .dijitCheckBoxDisabled { + + background-position: -48px; +} +.tundra .dijitCheckBoxCheckedDisabled { + + background-position: -32px; +} +.tundra .dijitCheckBoxHover, +.tundra .dijitCheckBoxFocused { + + background-position: -80px; +} +.tundra .dijitCheckBoxCheckedHover, +.tundra .dijitCheckBoxCheckedFocused { + + background-position: -64px; +} +.tundra .dijitToggleButton .dijitRadio, +.tundra .dijitToggleButton .dijitRadioIcon { + background-image: url(images/checkmarkNoBorder.gif); +} +.tundra .dijitRadio, +.tundra .dijitRadioIcon { + background-image: url(images/checkmark.gif); + background-repeat: no-repeat; + width: 16px; + height: 16px; + margin: 0; + padding: 0; +} +.tundra .dijitRadio, +.tundra .dijitToggleButton .dijitRadioIcon { + + background-position: -112px; +} +.tundra .dijitRadioChecked, +.tundra .dijitToggleButtonChecked .dijitRadioIcon { + + background-position: -96px; +} +.tundra .dijitRadioDisabled { + + background-position: -144px; +} +.tundra .dijitRadioCheckedDisabled { + + background-position: -128px; +} +.tundra .dijitRadioHover, +.tundra .dijitRadioFocused { + + background-position: -176px; +} +.tundra .dijitRadioCheckedHover, +.tundra .dijitRadioCheckedFocused { + + background-position: -160px; +} +.tundra .dijitTextArea { + + background:#fff url(images/validationInputBg.png) repeat-x top left; + #background:#fff url(images/validationInputBg.gif) repeat-x top left; + border:1px solid #b3b3b3; + line-height: normal; +} +.tundra .dijitSliderProgressBarH { + border-color: #aab0bb; + background: #c0c2c5 url(images/sliderFull.png) repeat-x top left; +} +.tundra .dijitSliderProgressBarV { + border-color: #aab0bb; + background: #c0c2c5 url(images/sliderFullVertical.png) repeat-y bottom left; +} +.tundra .dijitSliderFocused .dijitSliderProgressBarH, +.tundra .dijitSliderFocused .dijitSliderLeftBumper { + background-image:url(images/sliderFullFocus.png); +} +.tundra .dijitSliderFocused .dijitSliderProgressBarV, +.tundra .dijitSliderFocused .dijitSliderBottomBumper { + background-image:url(images/sliderFullVerticalFocus.png); +} +.tundra .dijitSliderRemainingBarV { + border-color: #b4b4b4; + background: #dcdcdc url(images/sliderEmptyVertical.png) repeat-y bottom left; +} +.tundra .dijitSliderRemainingBarH { + border-color: #b4b4b4; + background: #dcdcdc url(images/sliderEmpty.png) repeat-x top left; +} +.tundra .dijitSliderBar { + border-style: solid; + outline:1px; +} +.tundra .dijitSliderFocused .dijitSliderBar { + border-color:#333; +} +.dijit_a11y .dijitSliderProgressBar { + background-color:#333 !important; +} +.tundra .dijitSliderImageHandleH { + border:0px; + width:16px; + height:16px; + background:url(images/preciseSliderThumb.png) no-repeat center top; + cursor:pointer; +} +.tundra .dijitSliderFocused .dijitSliderImageHandleH { + background-image:url(images/preciseSliderThumbFocus.png); + #background-image:url(images/preciseSliderThumbFocus.gif); +} +.dj_ie6 .tundra .dijitSliderImageHandleH { + background-image:url(images/preciseSliderThumb.gif); +} +.tundra .dijitSliderLeftBumper { + border-left-width: 1px; + border-color: #aab0bb; + background: #c0c2c5 url(images/sliderFull.png) repeat-x top left; +} +.tundra .dijitSliderRightBumper { + background: #dcdcdc url(images/sliderEmpty.png) repeat-x top left; + border-color: #b4b4b4; + border-right-width: 1px; +} +.tundra .dijitSliderImageHandleV { + border:0px; + width:16px; + height:16px; + background:url(images/sliderThumb.png) no-repeat center center; + cursor:pointer; +} +.tundra .dijitSliderFocused .dijitSliderImageHandleV { + background-image:url(images/sliderThumbFocus.png); +} +.dj_ie6 .tundra .dijitSliderFocused .dijitSliderImageHandleV { + background-image:url(images/sliderThumbFocus.gif); +} +.tundra .dijitSliderBottomBumper { + border-bottom-width: 1px; + border-color: #aab0bb; + background: #c0c2c5 url(images/sliderFullVertical.png) repeat-y bottom left; +} +.tundra .dijitSliderTopBumper { + background: #dcdcdc url(images/sliderEmptyVertical.png) repeat-y top left; + border-color: #b4b4b4; + border-top-width: 1px; +} +.tundra .dijitSliderIncrementIconH, +.tundra .dijitSliderIncrementIconV { + background:url(images/arrowUp.png) no-repeat center center; + width:16px; height:16px; + cursor:pointer; +} +.tundra .dijitSliderIncrementIconH { + background-image:url(images/arrowRight.png); +} +.tundra .dijitSliderDecrementIconH, +.tundra .dijitSliderDecrementIconV { + width:16px; + height:16px; + cursor:pointer; + background:url(images/arrowDown.png) no-repeat center center; +} +.tundra .dijitSliderDecrementIconH { background-image:url(images/arrowLeft.png); } +.tundra .dijitSliderButtonInner { + visibility:hidden; +} +.tundra .dijitSliderDisabled { + opacity:0.6 !important; +} +.dj_ie6 .tundra .dijitSliderDisabled, +.dj_ie6 .tundra .dijitSliderDisabled .dijitRuleContainer, +.dj_ie6 .tundra .dijitSliderDisabled .dijitSliderRemainingBar, +.dj_ie6 .tundra .dijitSliderDisabled .dijitSliderProgressBar { + filter: gray() alpha(opacity=40); +} +.tundra .dijitSliderDisabled * { + cursor: not-allowed !important; +} +.tundra .dijitTreeNode { + background-image : url(images/i.gif); + background-position : top left; + background-repeat : repeat-y; + margin-left: 19px; + zoom: 1; +} +.tundra .dijitTreeIsLast { + background: url(images/i_half.gif) no-repeat; +} +.tundra .dijitTreeIsRoot { + margin-left: 0; + background-image: none; +} +.tundra .dijitTreeExpando { + width: 18px; + height: 18px; +} +.tundra .dijitTreeContent { + min-height: 18px; + min-width: 18px; + margin-left:18px; + padding-top:3px; + padding-left:1px; +} +.tundra .dijitTreeExpand { + width: 18px; + height: 18px; + background-repeat : no-repeat; +} +.tundra .dijitTreeNodeEmphasized { + background-color: Highlight; + color: HighlightText; +} +.tundra .dijitTreeLabelFocused { + outline: 1px invert dotted; + background:#dde7f2; +} +.tundra .dijitTreeExpandoOpened { + background-image: url(images/treeExpand_minus.gif); +} +.tundra .dijitTreeExpandoClosed { + background-image: url(images/treeExpand_plus.gif); +} +.tundra .dijitTreeExpandoLeaf { + background-image: url(images/treeExpand_leaf.gif); +} +.tundra .dijitTreeExpandoLoading { + background-image: url(images/treeExpand_loading.gif); +} +.tundra .dijitTreeIcon { + width: 16px; + height: 16px; + padding-right: 4px; +} +.tundra .dijitFolderOpened { + background: url(images/folderOpened.gif) no-repeat; +} +.tundra .dijitFolderClosed { + background: url(images/folderClosed.gif) no-repeat; +} +.tundra .dijitLeaf { + background: url(images/leaf.gif) no-repeat; +} +.tundra .dijitProgressBar { + margin:2px 0px 2px 0px; +} +.tundra .dijitProgressBarEmpty{ + + background:#fff url(images/progressBarEmpty.png) repeat-x top left; + border-color: #a2a2a2 #b8b8b8 #b8b8b8 #a2a2a2; +} +.tundra .dijitProgressBarTile{ + + background:#f0f0f0 url(images/progressBarFull.png) repeat-x center center; +} +.tundra .dijitProgressBarFull { + border-right:1px solid #b8b8b8; +} +.tundra .dijitProgressBarLabel { + + color:#293a4b; +} +.tundra .dijitProgressBarIndeterminate .dijitProgressBarTile { + + background:#cad2de url(images/progressBarAnim.gif) repeat-x center center; +} +.tundra .dijitTitlePane .dijitTitlePaneTitle { + background: #cccccc; + background:#fff url(images/titleBar.png) repeat-x bottom left; + border:1px solid #bfbfbf; + padding:4px 4px 2px 4px; + cursor: pointer; +} +.tundra .dijitTitlePane .dijitArrowNode { + width:16px; + height:16px; + float:right; +} +.tundra .dijitTitlePane .dijitClosed .dijitArrowNode { + background:url(images/arrowRight.png) no-repeat center center; +} +.tundra .dijitTitlePaneFocused .dijitTitlePaneTextNode { + text-decoration:underline; +} +.dj_ie6 .tundra .dijitTitlePane .dijitClosed .dijitArrowNode { + background-image:url(images/arrowRight.gif); +} +.tundra .dijitTitlePane .dijitOpen .dijitArrowNode { + background:url(images/arrowDown.png) no-repeat center center; +} +.dj_ie6 .tundra .dijitTitlePane .dijitOpen .dijitArrowNode { + background-image:url(images/arrowDown.gif); +} +.tundra .dijitTitlePane .dijitArrowNodeInner { + visibility:hidden; +} +.dijit_a11y .dijitTitlePane .dijitArrowNodeInner { + visibility:visible; +} +.tundra .dijitTitlePaneTitle .dijitOpenCloseArrowOuter { + margin-right:5px; +} +.tundra .dijitOpen .dijitTitlePaneTitle .dijitOpenCloseArrowOuter { + position:relative; + top:2px; +} +.tundra .dijitTitlePaneContentOuter { + background: #ffffff; + border:1px solid #bfbfbf; + border-top: 1px solid #ccc; +} +.tundra .dijitTitlePaneContentInner { + padding:10px; +} +.dj_ie6 .tundra .dijitTitlePaneContentOuter, +.dj_ie6 .tundra .dijitTitlePane .dijitTitlePaneTitle { + zoom: 1; +} +.tundra .dijitClickableRegion { + background-color : #ffc !important; +} + +.tundra .dijitCalendarIncrementControl { + + width:15px; + height:15px; +} +.dj_ie6 .tundra .dijitCalendarIncrementControl { + padding:.1em; + font-size:.1em; +} +.tundra .dijitCalendarIncreaseInner, +.tundra .dijitCalendarDecreaseInner { + visibility:hidden; +} +.tundra .dijitCalendarDecrease { + background:url(images/spriteRoundedIconsSmall.png) no-repeat top left; +} +.dj_ie6 .tundra .dijitCalendarDecrease { + background:url(images/spriteRoundedIconsSmall.gif) no-repeat top left; +} +.tundra .dijitCalendarIncrease { + background:url(images/spriteRoundedIconsSmall.png) no-repeat -30px top; +} +.dj_ie6 .tundra .dijitCalendarIncrease { + background:url(images/spriteRoundedIconsSmall.gif) no-repeat -30px top; +} +.tundra table.dijitCalendarContainer { + font-size: 100%; + border-spacing: 0; + border-collapse: separate; + border: 1px solid #ccc; + margin: 0; +} +.tundra .dijitCalendarMonthContainer th { + + background:#d3d3d3 url(images/titleBar.png) repeat-x top; + padding-top:.3em; + padding-bottom:.2em; + text-align:center; +} +.dj_ie6 .tundra .dijitCalendarMonthContainer th { + padding-top:.1em; + padding-bottom:0em; +} +.tundra .dijitCalendarDayLabelTemplate { + + background:white url(images/calendarDayLabel.png) repeat-x bottom; + font-weight:normal; + padding-top:.15em; + padding-bottom:0em; + border-top: 1px solid #eeeeee; + color:#293a4b; + text-align:center; +} +.tundra .dijitCalendarBodyContainer { + border-bottom: 1px solid #eeeeee; +} +.tundra .dijitCalendarMonthLabel { + color:#293a4b; + font-weight: bold; +} +.dj_ie7 .tundra .dijitCalendarDateTemplate, +.dj_ie6 .tundra .dijitCalendarDateTemplate { + font-size: 0.8em; +} +.tundra .dijitCalendarDateTemplate { + + font-size: 0.9em; + font-weight: bold; + text-align: center; + padding: 0.3em 0.3em 0.05em 0.3em; + letter-spacing: 1px; +} +.tundra .dijitCalendarPreviousMonth, +.tundra .dijitCalendarNextMonth { + + color:#999999; + background-color:#f8f8f8 !important; +} +.tundra .dijitCalendarPreviousMonthDisabled, +.tundra .dijitCalendarNextMonthDisabled { + + background-color:#a4a5a6 !important; +} +.tundra .dijitCalendarCurrentMonth { + + background-color:white !important; +} +.tundra .dijitCalendarCurrentMonthDisabled { + + background-color:#bbbbbc !important; +} +.tundra .dijitCalendarCurrentDate { + + text-decoration:underline; + font-weight:bold; +} +.tundra .dijitCalendarCurrentDate { + + text-decoration:underline; + font-weight:bold; +} +.tundra .dijitCalendarSelectedDate { + + background-color:#bbc4d0 !important; + color:black !important; +} +.tundra .dijitCalendarYearContainer { + + background:white url(images/calendarYearLabel.png) repeat-x bottom; + border-top:1px solid #ccc; +} +.tundra .dijitCalendarYearLabel { + + margin:0; + padding:0.4em 0 0.25em 0; + text-align:center; +} +.tundra .dijitCalendarSelectedYear { + + color:black; + padding:0.2em; + padding-bottom:0.1em; + background-color:#bbc4d0 !important; +} +.tundra .dijitCalendarNextYear, +.tundra .dijitCalendarPreviousYear { + + color:black !important; + font-weight:normal; +} +.tundra .dijitToolbar { + padding: 3px 0 1px 3px; + border-bottom: 1px solid #ccc; + background:#eaeaea url(images/titleBar.png) repeat-x top left; +} +.tundra .dijitToolbar .dijitButtonNode { + background: none; + margin: 0px !important; + padding: 0px !important; + border: none; + font-size: 12px; +} +.tundra .dijitToolbar .dijitButton, +.tundra .dijitToolbar .dijitToggleButton, +.tundra .dijitToolbar .dijitDropDownButton { + background: none; + margin: 1px; + padding: 0px; + border: 1px solid transparent; +} +.tundra .dijitToolbar .dijitButtonChecked, +.tundra .dijitToolbar .dijitToggleButtonChecked { + background-color:#d4dff2; + border:1px solid #316ac5; + margin: 1px !important; + padding: 0px !important; +} +.tundra .dijitToolbar .dijitButtonCheckedHover, +.tundra .dijitToolbar .dijitToggleButtonCheckedHover + { + background-color:#abc1e5; + border:1px solid #316ac5; + margin: 1px !important; + padding: 0px !important; +} +.tundra .dijitToolbar .dijitButtonHover, +.tundra .dijitToolbar .dijitToggleButtonHover, +.tundra .dijitToolbar .dijitDropDownButtonHover { + + border: 1px solid #316ac5; + background-color:#abc1e5; +} +.tundra .dijitToolbar label { + padding: 3px 3px 0 6px; +} +.dj_ie .tundra .dijitToolbar .dijitComboButton .dijitButtonContentsFocused, +.dj_ie .tundra .dijitToolbar .dijitComboButton .dijitDownArrowButtonFocused, +.dj_ff2 .tundra.dijitToolbar .dijitComboButton .dijitButtonContentsFocused, +.dj_ff2 .tundra .dijitToolbar .dijitComboButton .dijitDownArrowButtonFocused { + border: 1px black dotted !important; +} +.dj_ie6 .tundra .dijitToolbar .dijitButton, +.dj_ie6 .tundra .dijitToolbar .dijitToggleButton, +.dj_ie6 .tundra .dijitToolbar .dijitDropDownButton { + + margin: 2px; + padding: 0px 2px; + border: 0px; +} +.dj_ie6 .tundra .dijitToolbar .dijitButtonChecked, +.dj_ie6 .tundra .dijitToolbar .dijitToggleButtonChecked, +.dj_ie6 .tundra .dijitToolbar .dijitDropDownButtonChecked { + background-color:#c1d2ee; + border:1px solid #316ac5; + margin: 1px !important; + padding: 0px 2px !important; +} +.dj_ie6 .tundra .dijitToolbar .dijitButtonCheckedHover, +.dj_ie6 .tundra .dijitToolbar .dijitToggleButtonCheckedHover, +.dj_ie6 .tundra .dijitToolbar .dijitDropDownButtonCheckedHover { + background-color:#c1d2ee; + border:1px solid #316ac5; + margin: 1px !important; + padding: 0px 2px !important; +} +.dj_ie6 .tundra .dijitToolbar .dijitButtonHover, +.dj_ie6 .tundra .dijitToolbar .dijitToggleButtonHover, +.dj_ie6 .tundra .dijitToolbar .dijitDropDownButtonHover { + background-color:#c1d2ee; + border:1px solid #316ac5; + margin: 1px !important; + padding: 0px 2px !important; +} +.tundra .dijitDialog { + background: #fff; + border: 1px solid #7eabcd; + -webkit-box-shadow: 0px 5px 10px #adadad; + padding: 0px; +} +.tundra .dijitDialog .dijitDialogTitle { + border-top: none; + border-left: none; + border-right: none; +} +.tundra .dijitDialog .dijitDialogPaneContent { + background: #fff; + border:none; + border-top: 1px solid #d3d3d3; + padding:10px; +} +.tundra .dijitDialogTitleBar { + + background: #fafafa url(images/titleBar.png) repeat-x top left; + + padding: 5px 6px 3px 2px; + cursor: move; + outline:0; +} +.tundra .dijitDialogTitle { + + font-weight: bold; + padding: 8px 12px 8px 12px; + outline:0; +} +.tundra .dijitDialogCloseIcon { + + background : url(images/spriteRoundedIconsSmall.png) no-repeat right top; + float: right; + position: absolute; + vertical-align: middle; + right: 6px; + top: 4px; + height: 15px; + width: 15px; + cursor: pointer; +} +.dj_ie6 .tundra .dijitDialogCloseIcon { + background : url(images/spriteRoundedIconsSmall.gif) no-repeat right top; +} +.tundra .dijitDialogContent { + + padding: 8px; +} +.tundra .dijitTooltip, +.tundra .dijitTooltipDialog { + + + background: transparent; +} +.dijitTooltipBelow { + + padding-top: 13px; +} +.dijitTooltipAbove { + + padding-bottom: 13px; +} +.tundra .dijitTooltipContainer { + + background: #ffffff url(images/popupMenuBg.gif) repeat-x bottom left; + border:1px solid #7eabcd; + padding:0.45em; + -webkit-border-radius: 6px; +} +.tundra .dijitTooltipConnector { + + border:0px; + z-index: 2; +} +.tundra .dijitTooltipABRight .dijitTooltipConnector { + + left: auto !important; + right: 3px; +} +.tundra .dijitTooltipBelow .dijitTooltipConnector { + + top: 0px; + left: 3px; + background:url(images/tooltipConnectorUp.png) no-repeat top left; + width:16px; + height:14px; +} +.dj_ie6 .tundra .dijitTooltipBelow .dijitTooltipConnector { + background-image: url(images/tooltipConnectorUp.gif); +} +.tundra .dijitTooltipAbove .dijitTooltipConnector { + + bottom: 0px; + left: 3px; + background:url(images/tooltipConnectorDown.png) no-repeat top left; + width:16px; + height:14px; +} +.dj_ie6 .tundra .dijitTooltipAbove .dijitTooltipConnector { + background-image: url(images/tooltipConnectorDown.gif); + bottom: -3px; +} +.tundra .dijitTooltipLeft { + padding-right: 14px; +} +.dj_ie6 .tundra .dijitTooltipLeft { + padding-left: 15px; +} +.tundra .dijitTooltipLeft .dijitTooltipConnector { + + right: 0px; + bottom: 7px; + background:url(images/tooltipConnectorRight.png) no-repeat top left; + width:16px; + height:14px; +} +.dj_ie6 .tundra .dijitTooltipLeft .dijitTooltipConnector { + background-image: url(images/tooltipConnectorRight.gif); +} +.tundra .dijitTooltipRight { + padding-left: 14px; +} +.tundra .dijitTooltipRight .dijitTooltipConnector { + + left: 0px; + bottom: 7px; + background:url(images/tooltipConnectorLeft.png) no-repeat top left; + width:16px; + height:14px; +} +.dj_ie6 .tundra .dijitTooltipRight .dijitTooltipConnector { + background-image: url(images/tooltipConnectorLeft.gif); +} +.dj_safari .tundra .dijitPopup .dijitTooltipContainer, +.dj_safari .tundra .dijitPopup .dijitMenu { + + -webkit-box-shadow: 0px 5px 10px #adadad; +} +.tundra .dijitPopup > div, +.tundra .dijitPopup > table { + opacity: 0.95; +} +.tundra .dijitMenu { + border: 1px solid #7eabcd; + margin: 0px; + padding: 0px; +} +.tundra .dijitMenuItem { + background-color: #f7f7f7; + font: menu; + margin: 0; +} +.tundra .dijitMenuPreviousButton, .tundra .dijitMenuNextButton { + font-style: italic; +} +.tundra .dijitMenuItem td { + padding:2px; +} +.tundra .dijitMenuItemHover { + background-color: #60a1ea; + color:#fff; +} +.tundra .dijitMenuItemIcon { + width: 16px; + height: 16px; +} +.tundra .dijitMenuExpand { + display:none; +} +.tundra .dijitMenuExpandEnabled { + width:16px; + height:16px; + background:url(images/arrowRight.gif) no-repeat center center; + display:block; +} +.tundra .dijitMenuExpandInner { + display:none; +} +.tundra .dijitMenuSeparator { + background-color: #f7f7f7; +} +.tundra .dijitMenuSeparatorTop { + border-bottom: 1px solid #9b9b9b; +} +.tundra .dijitMenuSeparatorBottom { + border-top: 1px solid #e8e8e8; +} +.dijitIEFixedToolbar { + position:absolute; + + top: expression(eval((document.documentElement||document.body).scrollTop)); +} +.tundra .dijitToolbar .dijitToolbarSeparator { + background: url(images/editor.gif); +} +.tundra .dijitEditorIcon { + background-image: url(images/editor.gif); + background-repeat: no-repeat; + width: 18px; + height: 18px; + text-align: center; +} +.tundra .dijitEditorIconSep { background-position: 0px; } +.tundra .dijitEditorIconBackColor { background-position: -18px; } +.tundra .dijitEditorIconBold { background-position: -36px; } +.tundra .dijitEditorIconCancel { background-position: -54px; } +.tundra .dijitEditorIconCopy { background-position: -72px; } +.tundra .dijitEditorIconCreateLink { background-position: -90px; } +.tundra .dijitEditorIconCut { background-position: -108px; } +.tundra .dijitEditorIconDelete { background-position: -126px; } +.tundra .dijitEditorIconForeColor { background-position: -144px; } +.tundra .dijitEditorIconHiliteColor { background-position: -162px; } +.tundra .dijitEditorIconIndent { background-position: -180px; } +.tundra .dijitEditorIconInsertHorizontalRule { background-position: -198px; } +.tundra .dijitEditorIconInsertImage { background-position: -216px; } +.tundra .dijitEditorIconInsertOrderedList { background-position: -234px; } +.tundra .dijitEditorIconInsertTable { background-position: -252px; } +.tundra .dijitEditorIconInsertUnorderedList { background-position: -270px; } +.tundra .dijitEditorIconItalic { background-position: -288px; } +.tundra .dijitEditorIconJustifyCenter { background-position: -306px; } +.tundra .dijitEditorIconJustifyFull { background-position: -324px; } +.tundra .dijitEditorIconJustifyLeft { background-position: -342px; } +.tundra .dijitEditorIconJustifyRight { background-position: -360px; } +.tundra .dijitEditorIconLeftToRight { background-position: -378px; } +.tundra .dijitEditorIconListBulletIndent { background-position: -396px; } +.tundra .dijitEditorIconListBulletOutdent { background-position: -414px; } +.tundra .dijitEditorIconListNumIndent { background-position: -432px; } +.tundra .dijitEditorIconListNumOutdent { background-position: -450px; } +.tundra .dijitEditorIconOutdent { background-position: -468px; } +.tundra .dijitEditorIconPaste { background-position: -486px; } +.tundra .dijitEditorIconRedo { background-position: -504px; } +.tundra .dijitEditorIconRemoveFormat { background-position: -522px; } +.tundra .dijitEditorIconRightToLeft { background-position: -540px; } +.tundra .dijitEditorIconSave { background-position: -558px; } +.tundra .dijitEditorIconSpace { background-position: -576px; } +.tundra .dijitEditorIconStrikethrough { background-position: -594px; } +.tundra .dijitEditorIconSubscript { background-position: -612px; } +.tundra .dijitEditorIconSuperscript { background-position: -630px; } +.tundra .dijitEditorIconUnderline { background-position: -648px; } +.tundra .dijitEditorIconUndo { background-position: -666px; } +.tundra .dijitEditorIconWikiword { background-position: -684px; } +.tundra .dijitEditorIconToggleDir { background-position: -540px; } +.dijitColorPalette { + border:1px solid #7eabcd; + background:#fff; + -moz-border-radius: 0px !important; +} diff --git a/includes/js/dijit/themes/tundra/tundra.css.commented.css b/includes/js/dijit/themes/tundra/tundra.css.commented.css new file mode 100644 index 0000000..6b3fc7b --- /dev/null +++ b/includes/js/dijit/themes/tundra/tundra.css.commented.css @@ -0,0 +1,37 @@ +/* + Adds cosmetic styling to Dijit. Users may swap with a custom theme CSS file. + + 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("Common.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/TextArea.css"); +@import url("form/Slider.css"); +@import url("Tree.css"); +@import url("ProgressBar.css"); +@import url("TitlePane.css"); +@import url("Calendar.css"); +@import url("Toolbar.css"); +@import url("Dialog.css"); +@import url("Menu.css"); +@import url("Editor.css"); +@import url("ColorPalette.css"); diff --git a/includes/js/dijit/themes/tundra/tundra_rtl.css b/includes/js/dijit/themes/tundra/tundra_rtl.css new file mode 100644 index 0000000..21b028d --- /dev/null +++ b/includes/js/dijit/themes/tundra/tundra_rtl.css @@ -0,0 +1,317 @@ +.dj_gecko .dijitRtl .dijitInputField { + direction: ltr; +} +.dj_gecko .dijitRtl .dijitInputField * { + direction: rtl; +} +.dijitRtl .dijitTreeContainer .dijitTreeExpando, .dijitRtl .dijitTreeContainer .dijitTreeExpand { + float:right; +} +.dijitRtl .dijitExpandoText { + float: right; + padding-left: 3px; + padding-right: 0; +} +.dijitRtl .dijitComboBox .dijitInputField { + border-right-width:1px !important; + border-left-width:0 !important; +} +.dijitRtl .dijitCalendarNextYear { + margin:0 0.55em 0 0; +} +.dijitRtl .dijitCalendarPreviousYear { + margin:0 0 0 0.55em; +} +.dijitRtl .dijitProgressBarFull .dijitProgressBarLabel { + right:0; +} +.dijitRtl .dijitComboButton .dijitButtonContents { + border-right-width:1px !important; +} +.dijitRtl .dijitA11ySideArrow { + margin-left:1em; + margin-right:0; +} +.dijitRtl .dijitAccordionArrow, +.dijitRtl .dijitAccordionTitle .arrowTextUp, +.dijitRtl .dijitAccordionTitle .arrowTextDown { + float: left; +} +.dijitRtl .dijitSliderImageHandleV { + left:auto; + right:-6px; +} +.dj_ie .dijitRtl .dijitSliderImageHandleV { + right:-10px; +} +.dijitRtl .dijitSliderMoveableH { + right:auto; + left:0; +} +.dijitRtl .dijitRuleContainerV { + float:right; +} +.dj_gecko .dijitRtl .dijitRuleContainerV { + float:left; +} +.dj_ie .dijitRtl .dijitRuleContainerV { + text-align:right; +} +.dj_ie .dijitRtl .dijitRuleLabelV { + text-align:left; +} +.dj_ie .dijitRtl .dijitRuleLabelH { + zoom:1; +} +.dj_ie .dijitRtl .dijitSliderProgressBarH { + right:0; + left:auto; +} +.dj_gecko .dijitRtl .dijitSliderProgressBarH { + float:right; + right:0; + left:auto; +} +.dijitRtl .dijitTab { + float:right; +} +.dj_ie .dijitRtl .dijitTab, +.dj_ie .dijitRtl .dijitTab .dijitTabInnerDiv, +.dj_ie .dijitRtl .dijitTab .dijitTabInnerDiv span { + position:static; + zoom:1; +} +.dj_ie .dijitRtl .dijitTabContainer .dijitAlignLeft { + margin-left:1px !important; +} +.dj_ie .dijitRtl .dijitTabContainer .dijitAlignRight { + margin-right:1px !important; +} +.dj_ie6 .dijitRtl .dijitTab { + + width:1px; +} +.dj_ie7 .dijitRtl .dijitTabContainer .dijitAlignLeft { + + margin-left:1px !important; +} +.dj_ie7 .dijitRtl .dijitTabContainer .dijitAlignRight { + + margin-right:1px !important; +} +.dj_ie6 .dijitRtl .dijitTabContainer .dijitAlignLeft { + overflow-x:visible; + margin-left:2px !important; +} +.dj_ie6 .dijitRtl .dijitTabContainer .dijitAlignRight { + overflow-x:visible; + margin-right:2px !important; +} +.dj_ie7 .dijitRtl .dijitTab .dijitTabInnerDiv { + float:left; +} +.dj_ie7 .dijitRtl .dijitTab .closeImage { + padding: 0 0 0 12px; +} +.dj_ie .dijitRtl .dijitAlignRight .dijitTab { + position:relative; +} +.dijitRtl .dijitTitlePane .dijitArrowNode { + float: left; +} +.dijitRtl .dijitSpinner .dijitInputLayoutContainer .dijitArrowButton { + right: auto; + left: 0; + border-width: 0 1px 0 0 !important; +} +.dijitRtl .dijitSpinnerButtonContainer { + float: left; +} +.dijitRtl .dijit_a11y .dijitSpinnerButtonContainer { + margin-left: none; + margin-right: 2px; +} +.dijitRtl DIV.dijitArrowButton, .dijitRtl .dijitValidationIcon, .dijitRtl .dijitValidationIconText { + float: left; +} +.dijitRtl .dijitContentPaneLoading, .dijitRtl .dijitContentPaneError { + background-position:right; + padding-right:25px; +} +.dijitRtl .dijitCalendarDecrease { + background-position: -30px top; +} +.dijitRtl .dijitCalendarIncrease { + background-position: 0px top; +} +.dj_ie6 .dijitRtl .dijitCalendarIncrease { + background-position: 0px top; +} +.dj_ie6 .dijitRtl .dijitCalendarDecrease { + background-position: -30px top; +} +.dijitRtl .dijitDialogTitleBar .dijitDialogCloseIcon { + background-position: -60px top; + float: left; + right: auto; + left: 5px; +} +.dj_ie6 .dijitRtl .dijitDialogTitleBar .dijitDialogCloseIcon { + background-position: -60px top; +} +.dj_ie .dijitRtl .dijitTooltipLeft { + margin-right: 0px; + margin-left: 13px; +} +.dj_ie .dijitRtl .dijitTooltipRight { + margin-left: 26px; + margin-right: -13px; +} +.dj_ie .dijitRtl .dijitTooltipDialog { + zoom:1 !important; +} +.dijitRtl .dijitEditorIcon { + background-image: url(images/editor_rtl.gif); +} +.dijitRtl .dijitToolbar .dijitToolbarSeparator { + background-image: url(images/editor_rtl.gif); +} +.dijitRtl .dijitMenuItem .dijitMenuItemIcon { + padding-left: 3px; + padding-right: 0px; +} +.dijitRtl .dijitMenuItem .dijitMenuExpandEnabled { + background-image:url(images/arrowLeft.gif); +} +.dijitRtl .dijitTreeContainer .dijitTreeNode { + background-image : url(images/i_rtl.gif); + background-position : top right; + margin-left: auto; + margin-right: 19px; +} +.dijitRtl .dijitTreeContainer .dijitTreeIsRoot { + margin-left: auto; + margin-right: 0; + background-image: none; +} +.dijitRtl .dijitTreeContainer .dijitTreeIsLast { + background-image: url(images/i_half_rtl.gif); +} +.dijitRtl .dijitTreeContainer .dijitTreeContent { + margin-left: auto; + margin-right: 18px; + padding-left: auto; + padding-right: 1px; +} +.dijitRtl .dijitTreeContainer .dijitTreeExpandoOpened { + background-image: url(images/treeExpand_minus_rtl.gif); +} +.dijitRtl .dijitTreeContainer .dijitTreeExpandoClosed { + background-image: url(images/treeExpand_plus_rtl.gif); +} +.dijitRtl .dijitTreeContainer .dijitTreeExpandoLeaf { + background-image: url(images/treeExpand_leaf_rtl.gif); +} +.dijitRtl .dijitTitlePane .dijitClosed .dijitArrowNode { + background:url(images/arrowRight.png) no-repeat center center; +} +.dj_ie6 .dijitRtl .dijitTitlePane .dijitClosed .dijitArrowNode { + background-image:url(images/arrowRight.gif); +} +.dijitRtl .dijitTab { + margin-right:0; + margin-left:5px; +} +.dijitRtl .dijitTab .dijitTabInnerDiv { + border-left:none; + border-right:1px solid #fff; +} +.dijitRtl .dijitTab .dijitClosable { + padding: 6px 10px 4px 20px; +} +.dijitRtl .dijitTab .closeImage { + position:static; + padding: 0px 12px 0px 0px; +} +.dj_gecko .dijitTab .closeImage { + position:relative; + float:none; + padding:0; +} +.dijitRtl .dijitTab .dijitClosable .closeImage { + right:auto; + left:3px; + background-position: left top; +} +.dj_ie .dijitRtl .dijitTab .dijitClosable .closeImage { + width:12px !important; +} +.dijitRtl .dijitAlignLeft .dijitTab, +.dijitRtl .dijitAlignRight .dijitTab { + margin-left:0px; +} +.dijitRtl .dijitAlignBottom .dijitTab .dijitClosable .closeImage { + right:auto; + left:3px; +} +.dijitRtl .dijitAlignRight .dijitTab .dijitTabInnerDiv { + padding-left:10px; + padding-right:20px; +} +.dijitRtl .dijitAlignLeft .dijitTab .dijitTabInnerDiv { + padding-left:20px; + padding-right:10px; +} +.dj_ie .dijitRtl .dijitAlignLeft .dijitTab .dijitTabInnerDiv { + padding-left:19px; +} +.dj_gecko .dijitRtl .dijitAlignLeft .dijitTab .dijitTabInnerDiv { + padding-left:11px; +} +.dijitRtl .dijitAlignRight .dijitTab .dijitClosable .closeImage { + left:auto; + right:3px; +} +.dj_ie7 .dijitRtl .dijitAlignLeft .dijitTab .dijitTabContent{ + position:relative; +} +.dj_ie7 .dijitRtl .dijitAlignLeft .dijitTab .dijitClosable .closeImage{ + position:absolute; + top:2px; + left:3px; +} +.dj_ie6 .dijitRtl .dijitAlignLeft .dijitTab .dijitClosable .closeImage{ + float:left; +} +.dj_ie6 .dijitRtl .dijitAlignLeft .dijitTab .dijitClosable .tabLabel{ + float:right; +} +.dj_ie .dijitTab .dijitTabInnerDiv{ + width : 1%; +} +.dijitRtl .dijitSliderProgressBarH, +.dijitRtl .dijitSliderRemainingBarH, +.dijitRtl .dijitSliderLeftBumper, +.dijitRtl .dijitSliderRightBumper, +.dijitRtl .dijitSliderTopBumper { + background-position: top right; +} +.dijitRtl .dijitSliderProgressBarV, +.dijitRtl .dijitSliderRemainingBarV, +.dijitRtl .dijitSliderBottomBumper { + background-position: bottom right; +} +.dijitRtl .dijitSliderLeftBumper { + border-left-width: 0px; + border-right-width: 1px; +} +.dijitRtl .dijitSliderRightBumper { + border-left-width: 1px; + border-right-width: 0px; +} +.dijitRtl .dijitSliderIncrementIconH { + background-image:url(images/arrowLeft.png); +} +.dijitRtl .dijitSliderDecrementIconH { + background-image:url(images/arrowRight.png); +} diff --git a/includes/js/dijit/themes/tundra/tundra_rtl.css.commented.css b/includes/js/dijit/themes/tundra/tundra_rtl.css.commented.css new file mode 100644 index 0000000..6d26d3a --- /dev/null +++ b/includes/js/dijit/themes/tundra/tundra_rtl.css.commented.css @@ -0,0 +1,9 @@ +@import url("../dijit_rtl.css"); +@import url("Calendar_rtl.css"); +@import url("Dialog_rtl.css"); +@import url("Editor_rtl.css"); +@import url("Menu_rtl.css"); +@import url("Tree_rtl.css"); +@import url("TitlePane_rtl.css"); +@import url("layout/TabContainer_rtl.css"); +@import url("form/Slider_rtl.css"); |