From 2f01fe57a8d37767827d6db42850aef86a767c53 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Mon, 15 Nov 2010 10:39:52 +0300 Subject: add dijit/dojo stuff; initial ui mockup --- lib/dijit/themes/claro/Calendar.css | 206 + lib/dijit/themes/claro/Calendar_rtl.css | 18 + lib/dijit/themes/claro/ColorPalette.css | 18 + lib/dijit/themes/claro/Common.css | 70 + lib/dijit/themes/claro/Dialog.css | 162 + lib/dijit/themes/claro/Dialog_rtl.css | 9 + lib/dijit/themes/claro/Editor.css | 36 + lib/dijit/themes/claro/Editor_rtl.css | 4 + lib/dijit/themes/claro/InlineEditBox.css | 11 + lib/dijit/themes/claro/Menu.css | 143 + lib/dijit/themes/claro/Menu_rtl.css | 8 + lib/dijit/themes/claro/ProgressBar.css | 28 + lib/dijit/themes/claro/TimePicker.css | 102 + lib/dijit/themes/claro/TimePicker_rtl.css | 9 + lib/dijit/themes/claro/TitlePane.css | 54 + lib/dijit/themes/claro/TitlePane_rtl.css | 4 + lib/dijit/themes/claro/Toolbar.css | 133 + lib/dijit/themes/claro/Tree.css | 88 + lib/dijit/themes/claro/claro.css | 4689 ++++++++++++++++++++ lib/dijit/themes/claro/claro_rtl.css | 380 ++ lib/dijit/themes/claro/document.css | 81 + lib/dijit/themes/claro/form/Button.css | 125 + lib/dijit/themes/claro/form/Button_rtl.css | 18 + lib/dijit/themes/claro/form/Checkbox.css | 46 + lib/dijit/themes/claro/form/Common.css | 132 + lib/dijit/themes/claro/form/Common_rtl.css | 5 + lib/dijit/themes/claro/form/NumberSpinner.css | 100 + lib/dijit/themes/claro/form/RadioButton.css | 51 + lib/dijit/themes/claro/form/Select.css | 89 + lib/dijit/themes/claro/form/Select_rtl.css | 4 + lib/dijit/themes/claro/form/Slider.css | 294 ++ lib/dijit/themes/claro/form/Slider_rtl.css | 26 + lib/dijit/themes/claro/form/images/button.png | Bin 0 -> 680 bytes .../themes/claro/form/images/buttonArrows.png | Bin 0 -> 297 bytes .../themes/claro/form/images/button_grad_d.png | Bin 0 -> 3897 bytes .../form/images/checkboxAndRadioButtons_IE6.png | Bin 0 -> 2160 bytes .../form/images/checkboxRadioButtonStates.png | Bin 0 -> 3438 bytes .../themes/claro/form/images/commonFormArrows.png | Bin 0 -> 314 bytes lib/dijit/themes/claro/form/images/error.png | Bin 0 -> 355 bytes .../themes/claro/form/images/formHighlight.png | Bin 0 -> 339 bytes lib/dijit/themes/claro/form/images/shadow.png | Bin 0 -> 4624 bytes .../themes/claro/form/images/sliderHorizontal.png | Bin 0 -> 180 bytes .../themes/claro/form/images/sliderThumbs.png | Bin 0 -> 1222 bytes .../themes/claro/form/images/sliderVertical.png | Bin 0 -> 177 bytes .../themes/claro/form/images/textBox_back.png | Bin 0 -> 2837 bytes lib/dijit/themes/claro/images/calendarArrows.png | Bin 0 -> 1425 bytes .../themes/claro/images/calendarArrows8bit.png | Bin 0 -> 1053 bytes .../claro/images/calendarContainerImages.png | Bin 0 -> 3347 bytes .../themes/claro/images/checkmarkNoBorder.gif | Bin 0 -> 1658 bytes .../themes/claro/images/checkmarkNoBorder.png | Bin 0 -> 4401 bytes lib/dijit/themes/claro/images/commonHighlight.png | Bin 0 -> 339 bytes lib/dijit/themes/claro/images/dialogCloseIcon.png | Bin 0 -> 1660 bytes .../themes/claro/images/dialogCloseIcon8bit.png | Bin 0 -> 705 bytes lib/dijit/themes/claro/images/dnd.png | Bin 0 -> 2996 bytes lib/dijit/themes/claro/images/loading.gif | Bin 0 -> 751 bytes lib/dijit/themes/claro/images/loadingAnimation.gif | Bin 0 -> 718 bytes lib/dijit/themes/claro/images/menuHighlight.png | Bin 0 -> 339 bytes lib/dijit/themes/claro/images/progressBarAnim.gif | Bin 0 -> 4458 bytes lib/dijit/themes/claro/images/progressBarEmpty.png | Bin 0 -> 2849 bytes lib/dijit/themes/claro/images/progressBarFull.png | Bin 0 -> 177 bytes lib/dijit/themes/claro/images/spriteArrows.png | Bin 0 -> 233 bytes lib/dijit/themes/claro/images/titlebar.png | Bin 0 -> 640 bytes lib/dijit/themes/claro/images/tooltip.png | Bin 0 -> 1941 bytes lib/dijit/themes/claro/images/tooltip8bit.png | Bin 0 -> 589 bytes lib/dijit/themes/claro/images/treeExpandImages.png | Bin 0 -> 676 bytes .../themes/claro/images/treeExpandImages8bit.png | Bin 0 -> 799 bytes .../themes/claro/images/treeExpand_loading.gif | Bin 0 -> 1944 bytes .../themes/claro/layout/AccordionContainer.css | 65 + lib/dijit/themes/claro/layout/BorderContainer.css | 77 + lib/dijit/themes/claro/layout/ContentPane.css | 17 + lib/dijit/themes/claro/layout/TabContainer.css | 348 ++ lib/dijit/themes/claro/layout/TabContainer_rtl.css | 67 + lib/dijit/themes/claro/layout/images/accordion.png | Bin 0 -> 640 bytes .../layout/images/splitterHorizontalHover.png | Bin 0 -> 3711 bytes .../claro/layout/images/splitterVerticalHover.png | Bin 0 -> 3869 bytes lib/dijit/themes/claro/layout/images/tabBottom.png | Bin 0 -> 753 bytes lib/dijit/themes/claro/layout/images/tabClose.png | Bin 0 -> 1410 bytes lib/dijit/themes/claro/layout/images/tabLeft.png | Bin 0 -> 1692 bytes lib/dijit/themes/claro/layout/images/tabNested.png | Bin 0 -> 272 bytes lib/dijit/themes/claro/layout/images/tabRight.png | Bin 0 -> 1759 bytes lib/dijit/themes/claro/layout/images/tabTop.png | Bin 0 -> 748 bytes 81 files changed, 7717 insertions(+) create mode 100644 lib/dijit/themes/claro/Calendar.css create mode 100644 lib/dijit/themes/claro/Calendar_rtl.css create mode 100644 lib/dijit/themes/claro/ColorPalette.css create mode 100644 lib/dijit/themes/claro/Common.css create mode 100644 lib/dijit/themes/claro/Dialog.css create mode 100644 lib/dijit/themes/claro/Dialog_rtl.css create mode 100644 lib/dijit/themes/claro/Editor.css create mode 100644 lib/dijit/themes/claro/Editor_rtl.css create mode 100644 lib/dijit/themes/claro/InlineEditBox.css create mode 100644 lib/dijit/themes/claro/Menu.css create mode 100644 lib/dijit/themes/claro/Menu_rtl.css create mode 100644 lib/dijit/themes/claro/ProgressBar.css create mode 100644 lib/dijit/themes/claro/TimePicker.css create mode 100644 lib/dijit/themes/claro/TimePicker_rtl.css create mode 100644 lib/dijit/themes/claro/TitlePane.css create mode 100644 lib/dijit/themes/claro/TitlePane_rtl.css create mode 100644 lib/dijit/themes/claro/Toolbar.css create mode 100644 lib/dijit/themes/claro/Tree.css create mode 100644 lib/dijit/themes/claro/claro.css create mode 100644 lib/dijit/themes/claro/claro_rtl.css create mode 100644 lib/dijit/themes/claro/document.css create mode 100644 lib/dijit/themes/claro/form/Button.css create mode 100644 lib/dijit/themes/claro/form/Button_rtl.css create mode 100644 lib/dijit/themes/claro/form/Checkbox.css create mode 100644 lib/dijit/themes/claro/form/Common.css create mode 100644 lib/dijit/themes/claro/form/Common_rtl.css create mode 100644 lib/dijit/themes/claro/form/NumberSpinner.css create mode 100644 lib/dijit/themes/claro/form/RadioButton.css create mode 100644 lib/dijit/themes/claro/form/Select.css create mode 100644 lib/dijit/themes/claro/form/Select_rtl.css create mode 100644 lib/dijit/themes/claro/form/Slider.css create mode 100644 lib/dijit/themes/claro/form/Slider_rtl.css create mode 100644 lib/dijit/themes/claro/form/images/button.png create mode 100644 lib/dijit/themes/claro/form/images/buttonArrows.png create mode 100644 lib/dijit/themes/claro/form/images/button_grad_d.png create mode 100644 lib/dijit/themes/claro/form/images/checkboxAndRadioButtons_IE6.png create mode 100644 lib/dijit/themes/claro/form/images/checkboxRadioButtonStates.png create mode 100644 lib/dijit/themes/claro/form/images/commonFormArrows.png create mode 100644 lib/dijit/themes/claro/form/images/error.png create mode 100644 lib/dijit/themes/claro/form/images/formHighlight.png create mode 100644 lib/dijit/themes/claro/form/images/shadow.png create mode 100644 lib/dijit/themes/claro/form/images/sliderHorizontal.png create mode 100644 lib/dijit/themes/claro/form/images/sliderThumbs.png create mode 100644 lib/dijit/themes/claro/form/images/sliderVertical.png create mode 100644 lib/dijit/themes/claro/form/images/textBox_back.png create mode 100644 lib/dijit/themes/claro/images/calendarArrows.png create mode 100644 lib/dijit/themes/claro/images/calendarArrows8bit.png create mode 100644 lib/dijit/themes/claro/images/calendarContainerImages.png create mode 100644 lib/dijit/themes/claro/images/checkmarkNoBorder.gif create mode 100644 lib/dijit/themes/claro/images/checkmarkNoBorder.png create mode 100644 lib/dijit/themes/claro/images/commonHighlight.png create mode 100644 lib/dijit/themes/claro/images/dialogCloseIcon.png create mode 100644 lib/dijit/themes/claro/images/dialogCloseIcon8bit.png create mode 100644 lib/dijit/themes/claro/images/dnd.png create mode 100644 lib/dijit/themes/claro/images/loading.gif create mode 100644 lib/dijit/themes/claro/images/loadingAnimation.gif create mode 100644 lib/dijit/themes/claro/images/menuHighlight.png create mode 100644 lib/dijit/themes/claro/images/progressBarAnim.gif create mode 100644 lib/dijit/themes/claro/images/progressBarEmpty.png create mode 100644 lib/dijit/themes/claro/images/progressBarFull.png create mode 100644 lib/dijit/themes/claro/images/spriteArrows.png create mode 100644 lib/dijit/themes/claro/images/titlebar.png create mode 100644 lib/dijit/themes/claro/images/tooltip.png create mode 100644 lib/dijit/themes/claro/images/tooltip8bit.png create mode 100644 lib/dijit/themes/claro/images/treeExpandImages.png create mode 100644 lib/dijit/themes/claro/images/treeExpandImages8bit.png create mode 100644 lib/dijit/themes/claro/images/treeExpand_loading.gif create mode 100644 lib/dijit/themes/claro/layout/AccordionContainer.css create mode 100644 lib/dijit/themes/claro/layout/BorderContainer.css create mode 100644 lib/dijit/themes/claro/layout/ContentPane.css create mode 100644 lib/dijit/themes/claro/layout/TabContainer.css create mode 100644 lib/dijit/themes/claro/layout/TabContainer_rtl.css create mode 100644 lib/dijit/themes/claro/layout/images/accordion.png create mode 100644 lib/dijit/themes/claro/layout/images/splitterHorizontalHover.png create mode 100644 lib/dijit/themes/claro/layout/images/splitterVerticalHover.png create mode 100644 lib/dijit/themes/claro/layout/images/tabBottom.png create mode 100644 lib/dijit/themes/claro/layout/images/tabClose.png create mode 100644 lib/dijit/themes/claro/layout/images/tabLeft.png create mode 100644 lib/dijit/themes/claro/layout/images/tabNested.png create mode 100644 lib/dijit/themes/claro/layout/images/tabRight.png create mode 100644 lib/dijit/themes/claro/layout/images/tabTop.png (limited to 'lib/dijit/themes/claro') diff --git a/lib/dijit/themes/claro/Calendar.css b/lib/dijit/themes/claro/Calendar.css new file mode 100644 index 000000000..3a3256ef0 --- /dev/null +++ b/lib/dijit/themes/claro/Calendar.css @@ -0,0 +1,206 @@ + +.claro .dijitCalendar { + border:solid 1px #b5bcc7; + background-color:#d4ebff; + background-image:url("images/calendarContainerImages.png"); + background-position:0px -448px; + background-repeat:repeat-x; + text-align:center; + padding:6px 5px 3px 5px; + -moz-border-radius:4px; + -webkit-border-radius:4px; +} +.dj_ie6 .claro .dijitCalendar { + background-image:none; +} +.claro .dijitCalendar img { + border:none; +} +.claro .dijitCalendarHover, +.claro .dijitCalendarActive { + background-color: #b7dcff; + border:solid 1px #769dc0; +} +.claro .dijitCalendarMonthContainer th { + text-align:center; + padding-bottom:4px; + vertical-align:middle; +} +.claro .dijitCalendarMonthLabelSpacer { + display:none; +} +.claro .dijitCalendarMonthLabel { + color:#000000; + font-size: 1.091em; + display: block; +} +.claro .dijitCalendarIncrementControl { + width:18px; + height:16px; + background-image: url("images/calendarArrows.png"); + background-repeat: no-repeat; +} +.dj_ie6 .claro .dijitCalendarIncrementControl { + background-image: url("images/calendarArrows8bit.png"); +} +.claro .dijitCalendarIncrease { + background-position:-18px 0px; +} +.claro .dijitCalendarArrowHover .dijitCalendarDecrease { + background-position:-36px 0px; +} +.claro .dijitCalendarArrowHover .dijitCalendarIncrease { + background-position:-55px 0px; +} +.claro .dijitCalendarArrowActive .dijitCalendarDecrease { + background-position:-72px 0px; +} +.claro .dijitCalendarArrowActive .dijitCalendarIncrease { + background-position:-91px 0px; +} +.claro .dijitA11ySideArrow { + + display: none; +} +.claro .dijitDayLabels th { + padding:0px 4px 0px 4px; + border-bottom:solid 1px #99b5cd; + font-weight:bold; + text-align:center; +} +.claro .dijitCalendarDayLabelTemplate { + padding-bottom:0em; + text-align:center; + border-bottom:1px solid #99B5CD; + font-size:0.909em; + padding:0 3px 2px; +} +.claro .dijitCalendarDateTemplate { + text-align:center; + background-color:#fff; + background-image:url("images/calendarContainerImages.png"); + background-position:0px 0px; + background-repeat:repeat-x; + border-bottom: 1px solid #dadde1; + padding-top:0px; + font-size:0.909em; + font-family: Arial; + font-weight:bold; + letter-spacing:.05em; + text-align:center; +} +.dj_ie6 .claro .dijitCalendarDateTemplate { + background-image: none; +} +.claro .dijitCalendarPreviousMonth, +.claro .dijitCalendarNextMonth { + background-color:#ebf3f9; + background-image:none; + border-bottom:solid 1px #d2dae8; + color:#547da1; +} +.claro .dijitCalendarDateTemplate .dijitCalendarDateLabel { + text-decoration:none; + display:block; + padding:3px 5px 3px 4px; + border:solid 1px #fff; + color:#1e1e1e; + background-color:rgba(171,212,251,0); + -webkit-transition-property:background-color, border; + -webkit-transition-duration:.35s; +} +.claro .dijitCalendarPreviousMonth .dijitCalendarDateLabel, +.claro .dijitCalendarNextMonth .dijitCalendarDateLabel{ + color:#547da1; + border-color:#ebf3f9; +} +.claro .dijitCalendarYearContainer { + vertical-align:middle; +} +.claro .dijitCalendarYearControl { + padding: 1px 2px 2px 2px; +} +.claro .dijitCalendarYearLabel { + padding:2px 0px 0px 0px; + margin:0; +} +.claro .dijitCalendarYearLabel span { + + vertical-align:middle; +} +.claro .dijitCalendarSelectedYear { + padding:0px 3px; +} +.claro .dijitCalendarNextYear, +.claro .dijitCalendarPreviousYear { + padding: 1px 6px 1px 6px; + font-size:0.909em; +} +.claro .dijitCalendarSelectedYear { + font-size:1.091em; + color:#000; +} +.claro .dijitCalendarHoveredDate .dijitCalendarDateLabel{ + background-color:#abd4fb; + border:solid 1px #729dc2; + color:#000; + -webkit-transition-duration:.2s; +} +.claro .dijitCalendarNextYearHover, +.claro .dijitCalendarPreviousYearHover { + color:#000; + border:solid 1px #fefefe; + padding: 0px 5px 0px 5px; + background-color:#eaf4fe; +} +.claro .dijitCalendarNextYearActive, +.claro .dijitCalendarPreviousYearActive { + border: solid 1px #87b3d9; + padding: 0px 5px 0px 5px; + background-color:#90bde6; +} +.claro .dijitCalendarActiveDate .dijitCalendarDateLabel { + background-image:url("images/calendarContainerImages.png"); + background-position:0px -300px; + background-color:#75b5f0; + border:solid 1px #fff; + -webkit-transition-duration:.1s; +} +.dj_ie6 .claro .dijitCalendarActiveDate .dijitCalendarDateLabel { + background-image:none; +} +.claro .dijitCalendarSelectedDate .dijitCalendarDateLabel { + color:#000; + background-color:#e7f4ff; + border-color:#accfed; +} +.claro .dijitCalendarDisabledDate .dijitCalendarDateLabel { + text-decoration:line-through; + + + background-color: transparent; + border-width: 0px; + padding: 4px 6px 4px 5px; + color: #547DA1; +} +.claro .dijitCalendarMonthContainer .dijitMenu{ + + top: 20px !important; + left: 0px; + border-color: #769dc0; + background-color: #fff; + text-align:center; + background-image: none; +} +.claro .dijitCalendarMonthContainer .dijitMenu .dijitCalendarMonthLabel{ + border-top: solid 1px #fff; + border-bottom: solid 1px #fff; + padding: 2px 20px; +} +.claro .dijitCalendarMonthContainer .dijitMenu .dijitMenuItemHover { + background-color: #abd6ff; + border-color: #769dc0; + border-width:1px 0px; + background-image: url("images/commonHighlight.png"); + background-repeat:repeat-x; +} diff --git a/lib/dijit/themes/claro/Calendar_rtl.css b/lib/dijit/themes/claro/Calendar_rtl.css new file mode 100644 index 000000000..0f35d60ef --- /dev/null +++ b/lib/dijit/themes/claro/Calendar_rtl.css @@ -0,0 +1,18 @@ +.claro .dijitCalendarRtl .dijitCalendarIncrease{ + background-position: 0px 0px; +} +.claro .dijitCalendarRtl .dijitCalendarDecrease { + background-position: -18px 0px; +} +.claro .dijitCalendarRtl .dijitCalendarArrowHover .dijitCalendarIncrease { + background-position: -36px 0px; +} +.claro .dijitCalendarRtl .dijitCalendarArrowHover .dijitCalendarDecrease { + background-position: -55px 0px; +} +.claro .dijitCalendarRtl .dijitCalendarArrowActive .dijitCalendarIncrease { + background-position: -72px 0px; +} +.claro .dijitCalendarRtl .dijitCalendarArrowActive .dijitCalendarDecrease { + background-position: -91px 0px; +} diff --git a/lib/dijit/themes/claro/ColorPalette.css b/lib/dijit/themes/claro/ColorPalette.css new file mode 100644 index 000000000..87a25ae25 --- /dev/null +++ b/lib/dijit/themes/claro/ColorPalette.css @@ -0,0 +1,18 @@ + +.claro .dijitColorPalette { + outline: 1px solid #769dc0; + border: 1px solid #c0ccdf; + background:#fff; + -moz-border-radius: 0px; +} +.claro .dijitColorPalette .dijitPaletteImg { + + border: 1px solid #cecece; +} +.claro .dijitColorPalette .dijitPaletteCellHover .dijitPaletteImg { + border: 1px solid #000; +} +.claro .dijitColorPalette .dijitPaletteCellActive .dijitPaletteImg, +.claro .dijitColorPalette .dijitPaletteCellSelected .dijitPaletteImg { + border: 2px solid #000; +} diff --git a/lib/dijit/themes/claro/Common.css b/lib/dijit/themes/claro/Common.css new file mode 100644 index 000000000..dd68ce14c --- /dev/null +++ b/lib/dijit/themes/claro/Common.css @@ -0,0 +1,70 @@ + +.claro .dijitPopup { + box-shadow: 0px 1px 5px rgba(0,0,0,0.25); + -webkit-box-shadow: 0px 1px 5px rgba(0,0,0,0.25); + -moz-box-shadow: 0px 1px 5px rgba(0,0,0,0.25); +} +.claro .dijitTooltipDialogPopup { + + box-shadow: none; + -webkit-box-shadow: none; + -moz-box-shadow: none; +} +.claro .dijitComboBoxHighlightMatch { + background-color:#a5beda; +} +.claro .dijitFocusedLabel { + + outline: 1px dotted #666666; +} +.claro .dijitContentPaneLoading { + background:url('images/loadingAnimation.gif') no-repeat left center; + padding-left:25px; +} +.claro .dijitContentPaneError { + background:url('../../icons/images/commonIconsObjActEnabled.png') no-repeat left center; + background-position: -496px; + no-repeat left center; + padding-left:25px; +} +.claro .dojoDndItemBefore, +.claro .dojoDndItemAfter{ + border-top: 1px solid #769DC0; +} +.claro .dojoDndItemOver { + cursor:pointer; + } +.claro table.dojoDndAvatar { + border: 1px solid #b5bcc7; + border-collapse: collapse; + background-color: #fff; + -webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, .25); +} +.claro .dojoDndAvatarHeader td { + height: 20px; + padding-left:21px; +} +.claro.dojoDndMove .dojoDndAvatarHeader, .claro.dojoDndCopy .dojoDndAvatarHeader { + background-image: url(images/dnd.png); + background-repeat: no-repeat; + background-position:2px -122px; +} +.claro .dojoDndAvatarItem td { + padding: 5px; +} +.claro.dojoDndMove .dojoDndAvatarHeader { + background-color: #f58383; + background-position:2px -103px; +} +.claro.dojoDndCopy .dojoDndAvatarHeader { + background-color: #f58383; + background-position:2px -68px; +} +.claro.dojoDndMove .dojoDndAvatarCanDrop .dojoDndAvatarHeader { + background-color: #97e68d; + background-position:2px -33px; +} +.claro.dojoDndCopy .dojoDndAvatarCanDrop .dojoDndAvatarHeader { + background-color: #97e68d; + background-position:2px 2px; +} diff --git a/lib/dijit/themes/claro/Dialog.css b/lib/dijit/themes/claro/Dialog.css new file mode 100644 index 000000000..10b513485 --- /dev/null +++ b/lib/dijit/themes/claro/Dialog.css @@ -0,0 +1,162 @@ + +.claro .dijitDialog { + border: 1px solid #769dc0; + box-shadow:0px 1px 5px rgba(0,0,0,0.25); + -webkit-box-shadow:0px 1px 5px rgba(0,0,0,0.25); + -moz-box-shadow: 0px 1px 5px rgba(0,0,0,0.25); +} +.claro .dijitDialogPaneContent { + background: #fff repeat-x top left; + border-top: 1px solid #769dc0; + padding:10px 8px; + position: relative; +} +.claro .dijitDialogPaneContentArea { + + margin: -10px -8px; + padding: 10px 8px; +} +.claro .dijitDialogPaneActionBar { + + background-color: #f2f2f2; + padding: 3px 5px 2px 7px; + text-align: right; + border-top: 1px solid #cdcdcd; + margin: 10px -8px -10px; +} +.claro .dijitDialogPaneActionBar .dijitButton { + float: none; +} +.claro .dijitDialogTitleBar { + + border: 1px solid #fff; + border-top:none; + background-color: #abd6ff; + background-image: url("images/titlebar.png"); + background-repeat:repeat-x; + padding: 5px 7px 4px 7px; +} +.claro .dijitDialogTitle { + + padding: 0px 1px; + font-size:1.091em; +} +.claro .dijitDialogCloseIcon { + + background: url("images/dialogCloseIcon.png"); + background-repeat:no-repeat; + position: absolute; + right: 5px; + height: 15px; + width: 21px; +} +.dj_ie6 .claro .dijitDialogCloseIcon { + background-image: url("images/dialogCloseIcon8bit.png"); +} +.claro .dijitDialogCloseIconHover { + background-position:-21px; +} +.claro .dijitDialogCloseIconActive { + background-position:-42px; +} +.claro .dijitTooltip, +.claro .dijitTooltipDialog { + + background: transparent; +} +.dijitTooltipBelow { + + padding-top: 13px; + padding-left:3px; + padding-right:3px; +} +.dijitTooltipAbove { + + padding-bottom: 13px; + padding-left:3px; + padding-right:3px; +} +.claro .dijitTooltipContainer { + + background-color:#fff; + background-image:url("images/tooltip.png"); + background-repeat:repeat-x; + background-position:-575px 100%; + border:1px solid #769DC0; + padding:6px 8px; + border-radius: 4px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + box-shadow:0px 1px 3px rgba(0,0,0,0.25); + -webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.25); + -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.25); + font-size: 1em; +} +.dj_ie6 .claro .dijitTooltipContainer { + background-image: none; +} +.claro .dijitTooltipConnector { + + border: 0px; + z-index: 2; + background-image:url("images/tooltip.png"); + background-repeat:no-repeat; + width:16px; + height:14px; +} +.dj_ie6 .claro .dijitTooltipConnector { + background-image:url("images/tooltip8bit.png"); +} +.claro .dijitTooltipABRight .dijitTooltipConnector { + + left: auto !important; + right: 3px; +} +.claro .dijitTooltipBelow .dijitTooltipConnector { + + top: 0px; + left: 3px; + background-position:-31px 0%; + width:16px; + height:14px; +} +.claro .dijitTooltipAbove .dijitTooltipConnector { + + bottom: 0px; + left: 3px; + background-position:-15px 0%; + width:16px; + height:14px; +} +.dj_ie7 .claro .dijitTooltipAbove .dijitTooltipConnector, +.dj_ie6 .claro .dijitTooltipAbove .dijitTooltipConnector { + bottom: -1px; +} +.claro .dijitTooltipLeft { + padding-right: 14px; +} +.dj_ie6 .claro .dijitTooltipLeft { + padding-left: 15px; +} +.claro .dijitTooltipLeft .dijitTooltipConnector { + + right: 0px; + bottom: 3px; + background-position:0px 0%; + width:16px; + height:14px; +} +.claro .dijitTooltipRight { + padding-left: 14px; +} +.claro .dijitTooltipRight .dijitTooltipConnector { + + left: 0px; + bottom: 3px; + background-position:-48px 0%; + width:16px; + height:14px; +} +.claro .dijitDialogUnderlay { + background: #fff; +} diff --git a/lib/dijit/themes/claro/Dialog_rtl.css b/lib/dijit/themes/claro/Dialog_rtl.css new file mode 100644 index 000000000..7bb72e75a --- /dev/null +++ b/lib/dijit/themes/claro/Dialog_rtl.css @@ -0,0 +1,9 @@ + +.claro .dijitDialogRtl .dijitDialogCloseIcon { + right: auto; + left: 5px; +} +.claro .dijitDialogRtl .dijitDialogPaneActionBar { + text-align: left; + padding: 3px 7px 2px 5px; +} diff --git a/lib/dijit/themes/claro/Editor.css b/lib/dijit/themes/claro/Editor.css new file mode 100644 index 000000000..b9af7e798 --- /dev/null +++ b/lib/dijit/themes/claro/Editor.css @@ -0,0 +1,36 @@ + +.claro .dijitEditorIFrameContainer{ + padding:3px 3px 1px 10px; +} +.claro .dijitEditorIFrame { + background-color: #fff; +} +.claro .dijitEditor { + border: 1px solid #b5bcc7; +} +.claro .dijitEditor .dijitEditorIFrameContainer{ + background-color: #fff; + background-image: url('form/images/textBox_back.png'); + background-repeat:repeat-x; +} +.dj_ie6 .claro .dijitEditor .dijitEditorIFrameContainer{ + background-image: none; +} +.claro .dijitEditorHover .dijitEditorIFrameContainer, +.claro .dijitEditorHover .dijitEditorIFrameContainer .dijitEditorIFrame{ + background-color: #eef7ff; +} +.claro .dijitEditorFocused .dijitEditorIFrameContainer, +.claro .dijitEditorFocused .dijitEditorIFrameContainer .dijitEditorIFrame{ + + background-color: #fff; +} +.claro .dijitEditorDisabled { + border: 1px solid #d3d3d3; + color: #818181; +} +.claro .dijitDisabled .dijitEditorIFrame, +.claro .dijitDisabled .dijitEditorIFrameContainer { + background-color: #efefef; + background-image: none; +} diff --git a/lib/dijit/themes/claro/Editor_rtl.css b/lib/dijit/themes/claro/Editor_rtl.css new file mode 100644 index 000000000..b09efaac8 --- /dev/null +++ b/lib/dijit/themes/claro/Editor_rtl.css @@ -0,0 +1,4 @@ + +.claro .dijitEditorRtl .dijitEditorIFrameContainer{ + padding:3px 10px 1px 3px; +} diff --git a/lib/dijit/themes/claro/InlineEditBox.css b/lib/dijit/themes/claro/InlineEditBox.css new file mode 100644 index 000000000..b92c24e97 --- /dev/null +++ b/lib/dijit/themes/claro/InlineEditBox.css @@ -0,0 +1,11 @@ + +.claro .dijitInlineEditBoxDisplayMode { + border: 1px solid transparent; +} +.claro .dijitInlineEditBoxDisplayModeHover { + background-color: #e2f1ff; + border: solid 1px #769dc0; +} +.dj_ie6 .claro .dijitInlineEditBoxDisplayMode { + border: none; +} diff --git a/lib/dijit/themes/claro/Menu.css b/lib/dijit/themes/claro/Menu.css new file mode 100644 index 000000000..4bb0be6e0 --- /dev/null +++ b/lib/dijit/themes/claro/Menu.css @@ -0,0 +1,143 @@ + +.claro .dijitMenuBar { + border: 1px solid #b5bcc7; + margin: 0px; + padding: 0px; + background-color: #e6e6e7; + background-image: url("images/commonHighlight.png"); + background-position:0px 0px; + background-repeat:repeat-x; +} +.dj_ie6 .claro .dijitMenuBar { + background-image:none; +} +.claro .dijitMenu { + background-repeat:repeat-y; + background-color:#fff; + border: 1px solid #769dc0; + + margin: -1px 0; +} +.claro .dijitMenuBar .dijitMenuItem { + padding: 6px 10px 7px; + background-position:0px 100px; + color:#4a4a4a; + margin:-1px; +} +.claro .dijitMenuItem { + background-image: url("images/menuHighlight.png"); + background-position:0px -40px; + background-repeat:repeat-x; +} +.claro .dijitMenuTable { + border-collapse:separate; + border-spacing:0 0; + padding:0px; +} +.claro .dijitMenuItem td{ + padding:1px; +} +.claro .dijitMenuPassive .dijitMenuItemHover, +.claro .dijitMenuPassive .dijitMenuItemSelected { + background-color: #abd6ff; + border:solid 1px #769dc0; + background-position:0px 0px; + color:#000; + padding: 5px 9px 6px; +} +.claro .dijitMenuPassive .dijitMenuItemActive{ + background-position:0px -177px; +} +.dj_ie6 .claro .dijitMenuItem, +.dj_ie6 .claro .dijitMenuPassive .dijitMenuItem { + background-image: none; +} +.claro .dijitMenuActive .dijitMenuItemHover, +.claro .dijitMenuActive .dijitMenuItemSelected { + border:solid 1px #769dc0; + padding: 5px 9px 6px; + background-color: #9dcfff; + background-position:0px 0px; + color:#000; +} +.dj_ie .claro .dijitMenuActive .dijitMenuItemHover, +.dj_ie .claro .dijitMenuActive .dijitMenuItemSelected, +.dj_ie .claro .dijitMenuPassive .dijitMenuItemHover, +.dj_ie .claro .dijitMenuPassive .dijitMenuItemSelected { + padding-top: 6px; + padding-bottom: 5px; + margin-top: -3px; +} +.claro .dijitMenuActive .dijitMenuItemActive{ + background-color: #7dbefa; + background-position:0px -177px; +} +.claro .dijitMenuItemActive { + background-position:0px -177px; +} +.claro td.dijitMenuItemIconCell { + padding: 2px; + margin: 0px 0px 0px 4px; +} +.claro td.dijitMenuItemLabel { + padding-top: 5px; + padding-bottom: 5px; +} +.claro .dijitMenuExpand { + width: 7px; + height: 7px; + background-image: url('images/spriteArrows.png'); + background-position: -14px 0px; + margin-right:3px; +} +.claro .dijitMenuItemDisabled .dijitMenuItemIconCell { + opacity:1; +} +.claro .dijitMenuSeparatorTop { + height: auto; + margin-top:1px; + border-bottom: 1px solid #b5bcc7 +} +.claro .dijitMenuSeparatorBottom{ + height: auto; + margin-bottom:1px; +} +.claro .dijitCheckedMenuItemIconChar { + display: none; +} +.claro .dijitCheckedMenuItemIcon { + background-image: url('form/images/checkboxRadioButtonStates.png'); + background-repeat:no-repeat; + background-position: -15px 50%; + width:15px; + height:16px; +} +.dj_ie6 .claro .dijitCheckedMenuItemIcon { + background-image: url('form/images/checkboxAndRadioButtons_IE6.png'); +} +.claro .dijitCheckedMenuItemChecked .dijitCheckedMenuItemIcon { + background-position: 0 50%; +} +.claro .dijitComboBoxMenu { + margin-left:0px; + background-image: none; +} +.claro .dijitComboBoxMenu .dijitMenuItem{ + padding:2px 0px; + text-indent:6px; + border-width:1px 0px 1px 0px; + border-style:solid; + border-color:#fff; +} +.claro .dijitComboBoxMenu .dijitMenuItemSelected { + color:#000; + border-color:#768dc0; + background-color:#abd6ff; +} +.claro .dijitComboBoxMenuActive .dijitMenuItemSelected { + background-position:0px -177px; + background-color:#7dbefa; +} +.claro .dijitMenuPreviousButton, .claro .dijitMenuNextButton { + font-style: italic; +} diff --git a/lib/dijit/themes/claro/Menu_rtl.css b/lib/dijit/themes/claro/Menu_rtl.css new file mode 100644 index 000000000..6ba061bec --- /dev/null +++ b/lib/dijit/themes/claro/Menu_rtl.css @@ -0,0 +1,8 @@ +.claro .dijitMenuItemRtl .dijitMenuExpand { + background-position: -7px 0px; + margin-right: 0px; + margin-left: 3px; +} +.claro .dijitMenuItemRtl .dijitMenuItemIcon { + margin:0px 4px 0px 0px; +} diff --git a/lib/dijit/themes/claro/ProgressBar.css b/lib/dijit/themes/claro/ProgressBar.css new file mode 100644 index 000000000..13e8f266f --- /dev/null +++ b/lib/dijit/themes/claro/ProgressBar.css @@ -0,0 +1,28 @@ + + +.claro .dijitProgressBar { + margin:2px 0px 2px 0px; +} +.claro .dijitProgressBarEmpty { + + background:#fff url("images/progressBarEmpty.png") repeat-none left; + border-color: #769dc0; +} +.claro .dijitProgressBarTile { + + background:#9dcfff url("images/progressBarFull.png") repeat-x top; +} +.dj_ie6 .claro .dijitProgressBarTile { + background-image: none; +} +.claro .dijitProgressBarFull { + border-right:1px solid #769dc0; +} +.claro .dijitProgressBarLabel { + + color:#293a4b; +} +.claro .dijitProgressBarIndeterminate .dijitProgressBarTile { + + background:#cad2de url("images/progressBarAnim.gif") repeat-x top; +} diff --git a/lib/dijit/themes/claro/TimePicker.css b/lib/dijit/themes/claro/TimePicker.css new file mode 100644 index 000000000..a5ddf9129 --- /dev/null +++ b/lib/dijit/themes/claro/TimePicker.css @@ -0,0 +1,102 @@ + +.claro .dijitTimePicker .dijitButtonNode { + padding: 0 0; + border-radius: 0; + -moz-border-radius: 0; + -webkit-border-radius: 0; +} +.claro .dijitTimePicker{ + border:1px #b5bcc7 solid; + border-top:none; + border-bottom:none; + background-color:#fff; +} +.claro .dijitTimePickerItem{ + + background-image: url("images/commonHighlight.png"); + background-position:0px -1px; + background-repeat:repeat-x; + border-top:solid 1px #b5bcc7; + border-bottom:solid 1px #b5bcc7; + margin-right:-1px; + margin-left:-1px; + margin-top:-1px; +} +.dj_ie6 .claro .dijitTimePickerItem { + background-image: none; +} +.claro .dijitTimePickerTick { + + color:#7a7a7a; + background-color:#f2f2f2; + font-size:0.818em; +} +.claro .dijitTimePickerMarker { + + color:#000; + background-color:#e3f2ff; + font-size: 1em; + white-space: nowrap; +} +.claro .dijitTimePickerTickHover, +.claro .dijitTimePickerMarkerHover, +.claro .dijitTimePickerMarkerSelected, +.claro .dijitTimePickerTickSelected { + background-color: #83c0fa; + color:#000; + border:solid 1px #b5bcc7; + margin-left:-7px; + margin-right:-7px; +} +.claro .dijitTimePickerMarkerSelected, +.claro .dijitTimePickerTickSelected { + font-size: 1em; + } +.dj_ie .claro .dijitTimePickerTickHover, +.dj_ie .claro .dijitTimePickerMarkerHover, +.dj_ie .claro .dijitTimePickerMarkerSelected, +.dj_ie .claro .dijitTimePickerTickSelected { + width: 114%; +} +.dj_ie6 .claro .dijitTimePickerTickHover, +.dj_ie6 .claro .dijitTimePickerMarkerHover, +.dj_ie6 .claro .dijitTimePickerMarkerSelected, +.dj_ie6 .claro .dijitTimePickerTickSelected { + position: relative; + zoom: 1; +} +.claro .dijitTimePickerTick .dijitTimePickerItemInner { + padding:1px; + margin:0px; +} +.claro .dijitTimePicker .dijitButtonNode { + border-left:none; + border-right:none; + border-color:#b5bcc7; + background-color: #f6f7fa; + background-image: url("images/commonHighlight.png"); + background-position:0px -1px; + background-repeat:repeat-x; +} +.dj_ie6 .claro .dijitTimePicker .dijitButtonNode { + background-image: none; +} +.claro .dijitTimePicker .dijitArrowButtonInner{ + height: 100%; + background-image: url("form/images/commonFormArrows.png"); + background-repeat: no-repeat; + background-position:-140px 45%; +} +.claro .dijitTimePicker .dijitDownArrowButton .dijitArrowButtonInner{ + background-position:-35px 45%; +} +.claro .dijitTimePicker .dijitUpArrowHover, +.claro .dijitTimePicker .dijitDownArrowHover { + background-color: #abd6ff; +} +.claro .dijitTimePicker .dijitUpArrowHover .dijitArrowButtonInner { + background-position:-175px 45%; +} +.claro .dijitTimePicker .dijitDownArrowHover .dijitArrowButtonInner { + background-position:-70px 45%; +} diff --git a/lib/dijit/themes/claro/TimePicker_rtl.css b/lib/dijit/themes/claro/TimePicker_rtl.css new file mode 100644 index 000000000..a1bf2fbf0 --- /dev/null +++ b/lib/dijit/themes/claro/TimePicker_rtl.css @@ -0,0 +1,9 @@ + +.dj_ie .claro .dijitTimePickerRtl .dijitTimePickerTickHover, +.dj_ie .claro .dijitTimePickerRtl .dijitTimePickerMarkerHover, +.dj_ie .claro .dijitTimePickerRtl .dijitTimePickerMarkerSelected, +.dj_ie .claro .dijitTimePickerRtl .dijitTimePickerTickSelected { + margin-left:-6px; + margin-right:-8px; + width: 114%; +} diff --git a/lib/dijit/themes/claro/TitlePane.css b/lib/dijit/themes/claro/TitlePane.css new file mode 100644 index 000000000..a0191fc53 --- /dev/null +++ b/lib/dijit/themes/claro/TitlePane.css @@ -0,0 +1,54 @@ + +.claro .dijitTitlePaneTitle { + background-color: #e6e6e7; + background-image: url("images/titlebar.png"); + background-repeat:repeat-x; + border:1px solid #b5bcc7; + padding: 0px 7px 3px 7px; + min-height:17px; + color:#131313; +} +.dj_ie6 .claro .dijitTitlePaneTitle { + background-image: none; +} +.claro .dijitTitlePaneTitleHover { + background-color: #abd6ff; + border-color: #769dc0; +} +.claro .dijitTitlePaneTitleActive { + background-color: #7dbefa; + border-color: #769dc0; + background-position:0px -136px; +} +.claro .dijitTitlePaneTitleFocus { + margin-top:3px; + padding-bottom:2px; +} +.claro .dijitTitlePane .dijitArrowNode { + background-image: url('images/spriteArrows.png'); + background-repeat: no-repeat; + height: 8px; + width: 7px; +} +.claro .dijitTitlePane .dijitOpen .dijitArrowNode { + background-position: 0px 0px; +} +.claro .dijitTitlePane .dijitClosed .dijitArrowNode { + background-position: -14px 0px; +} +.claro .dijitTitlePaneFocused .dijitTitlePaneTextNode { + color:#000; +} +.claro .dijitTitlePaneContentOuter { + background: #ffffff; + border:1px solid #b5bcc7; + border-top:none; +} +.claro .dijitTitlePaneContentInner { + padding:10px; +} +.claro .dijitTitlePaneTextNode { + margin-left: 4px; + margin-right: 4px; + vertical-align:text-top; +} diff --git a/lib/dijit/themes/claro/TitlePane_rtl.css b/lib/dijit/themes/claro/TitlePane_rtl.css new file mode 100644 index 000000000..09ca395f7 --- /dev/null +++ b/lib/dijit/themes/claro/TitlePane_rtl.css @@ -0,0 +1,4 @@ + +.claro .dijitTitlePaneRtl .dijitClosed .dijitArrowNode { + background-position: -7px 0px; +} diff --git a/lib/dijit/themes/claro/Toolbar.css b/lib/dijit/themes/claro/Toolbar.css new file mode 100644 index 000000000..2189dcd4d --- /dev/null +++ b/lib/dijit/themes/claro/Toolbar.css @@ -0,0 +1,133 @@ + +.claro .dijitToolbar { + border-bottom: 1px solid #b5bcc7; + background-color: #f1f1f1; + background-image: url("images/commonHighlight.png"); + background-position:0px 0px; + background-repeat:repeat-x; + padding: 2px 0px 2px 4px; + zoom: 1; +} +.claro .dijitToolbar label { + padding: 0px 3px 0 6px; +} +.claro .dijitToolbar .dijitButtonNode { + border:none; + padding: 2px; + background-image: url("images/commonHighlight.png"); + background-position:0 -30px; + background-repeat:repeat-x; + background-color:rgba(171,214,255,0); + border-radius: 2px; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + -moz-box-shadow: none; + -webkit-box-shadow: none; + -webkit-transition-property:background-color; + -webkit-transition-duration:.3s, .35s; +} +.claro .dijitToolbar .dijitComboButton .dijitButtonNode{ + padding: 3px 2px 3px 2px; +} +.dj_ie .claro .dijitToolbar .dijitButtonNode { + background-color: transparent; +} +.dj_ie6 .claro .dijitToolbar .dijitButtonNode { + background: none; +} +.claro .dijitToolbar .dijitComboBox .dijitButtonNode { + padding: 0px; +} +.claro .dijitToolbar .dijitComboButton { + padding: 1px; +} +.claro .dijitToolbar .dijitButtonHover .dijitButtonNode, +.claro .dijitToolbar .dijitDropDownButtonHover .dijitButtonNode, +.claro .dijitToolbar .dijitToggleButtonHover .dijitButtonNode { + background-position:0 0; + border:solid 1px #769dc0; + background-color: #abd6ff; + padding: 1px; +} +.claro .dijitToolbar .dijitComboButtonHover { + background-color: #abd6ff; + border: solid 1px #769dc0; + padding: 0px; +} +.claro .dijitToolbar .dijitComboButtonHover .dijitButtonNode, +.claro .dijitToolbar .dijitComboButtonHover .dijitDownArrowButton { + background-position:0 0; + padding: 2px; +} +.claro .dijitToolbar .dijitComboButtonHover .dijitDownArrowButton { + background-color: #7dd6fa; +} +.claro .dijitToolbar .dijitButtonActive .dijitButtonNode, +.claro .dijitToolbar .dijitDropDownButtonActive .dijitButtonNode, +.claro .dijitToolbar .dijitToggleButtonActive .dijitButtonNode { + border:solid 1px #769dc0; + background-color:#7dbefa; + background-position:0px -177px; + padding: 1px; +} +.claro .dijitToolbar .dijitComboButtonActive { + -webkit-transition-duration:.2s; + border: solid 1px #769dc0; + padding: 0px; +} +.claro .dijitToolbar .dijitComboButtonActive .dijitButtonNode { + background-color: #7dbefa; + background-position:0px -177px; + padding: 2px; +} +.claro .dijitToolbar .dijitComboButton .dijitDownArrowButtonActive { + background-color: #7dbefa; +} +.claro .dijitToolbar .dijitToggleButtonChecked .dijitButtonNode { + border-color: #769dc0; + background-color:#fff; + padding: 1px; +} +.dj_ie6 .claro .dijitToolbar .dijitButtonContents, +.dj_ie7 .claro .dijitToolbar .dijitButtonContents { + margin: -2px 0; + padding: 0; +} +.dj_ie6 .claro .dijitToolbar { + background-image: none; +} +.dj_ie6 .claro .dijitToolbar .dijitButtonNode { + margin: 1px; + border: none; +} +.dj_ie6 .claro .dijitToolbar .dijitButtonHover .dijitButtonNode, +.dj_ie6 .claro .dijitToolbar .dijitDropDownButtonHover .dijitButtonNode, +.dj_ie6 .claro .dijitToolbar .dijitComboButton .dijitButtonNodeHover, +.dj_ie6 .claro .dijitToolbar .dijitComboButton .dijitDownArrowButtonHover, +.dj_ie6 .claro .dijitToolbar .dijitToggleButtonHover .dijitButtonNode, +.dj_ie6 .claro .dijitToolbar .dijitButtonActive .dijitButtonNode, +.dj_ie6 .claro .dijitToolbar .dijitDropDownButtonActive .dijitButtonNode, +.dj_ie6 .claro .dijitToolbar .dijitComboButton .dijitButtonNodeActive, +.dj_ie6 .claro .dijitToolbar .dijitComboButton .dijitDownArrowButtonActive, +.dj_ie6 .claro .dijitToolbar .dijitToggleButtonActive .dijitButtonNode, +.claro .dijitToolbar .dijitToggleButtonChecked .dijitButtonNode { + margin: 0; + border-width: 1px; + border-style: solid; + background-image: none; +} +.dj_ie6 .claro .dijitToolbar .dijitComboButton .dijitButtonNodeHover, +.dj_ie6 .claro .dijitToolbar .dijitComboButton .dijitDownArrowButtonHover, +.dj_ie6 .claro .dijitToolbar .dijitComboButton .dijitButtonNodeActive, +.dj_ie6 .claro .dijitToolbar .dijitComboButton .dijitDownArrowButtonActive { + padding: 1px; +} +.claro .dijitToolbarSeparator { + + background: url('../../icons/images/editorIconsEnabled.png'); +} +.claro .dijitDisabled .dijitToolbar { + background:none; + background-color:#f5f5f5; + border-bottom: 1px solid #d3d3d3; +} diff --git a/lib/dijit/themes/claro/Tree.css b/lib/dijit/themes/claro/Tree.css new file mode 100644 index 000000000..739a4931e --- /dev/null +++ b/lib/dijit/themes/claro/Tree.css @@ -0,0 +1,88 @@ + +.claro .dijitTreeNode { + zoom: 1; +} +.claro .dijitTreeIsRoot { + background-image: none; +} +.claro .dijitTreeRow { + + padding: 4px 1px 2px 0px; + margin-left: 1px; + background-image: url("images/commonHighlight.png"); + background-position:0px 0px; + background-repeat:repeat-x; + border-color: rgba(118,157,192,0); + background-color: rgba(171,214,255,0); + -webkit-transition-property:background-color, border-color; + -webkit-transition-duration:.25s ; + -webkit-transition-timing-function: ease-out; +} +.dj_ie6 .claro .dijitTreeRow { + background-image: none; +} +.claro .dijitTreeRowSelected { + background-repeat:repeat-x; + background-color:#d8edff; + padding: 3px 0px 1px; + margin-left: 0px; + border:solid 1px #c3e2fd; + color:#000; +} +.claro .dijitTreeRowHover { + background-color:#abd6ff; + padding: 3px 0px 1px; + margin-left: 0px; + border:solid 1px #769dc0; + color:#000; + -webkit-transition-duration:.25s ; +} +.claro .dijitTreeRowActive { + background-color:#7dbefa; + background-position:0px -177px; + padding: 3px 0px 1px; + margin-left: 0px; + border:solid 1px #769dc0; + color:#000; +} +.dj_ie6 .claro .dijitTreeRowActive { + background-image: none; +} +.claro .dijitTreeRowFocused { + background-repeat: repeat; +} +.claro .dijitTreeExpando { + background-image: url('images/treeExpandImages.png'); + width: 16px; + height: 16px; + background-position: -35px 0px +} +.dj_ie6 .claro .dijitTreeExpando { + background-image: url('images/treeExpandImages8bit.png'); +} +.claro .dijitTreeRowHover .dijitTreeExpandoOpened { + background-position: -53px 0px; +} +.claro .dijitTreeExpandoClosed { + background-position: 1px 0px; +} +.claro .dijitTreeRowHover .dijitTreeExpandoClosed { + background-position: -17px 0px; +} +.claro .dijitTreeExpandoLeaf{ + background-image:none; +} +.claro .dijitTreeExpandoLoading { + background-image: url('images/loadingAnimation.gif'); +} +.claro .dijitTreeNode .dojoDndItemBefore, +.claro .dijitTreeNode .dojoDndItemAfter { + border-bottom: none; + border-top: none; +} +.claro .dijitTreeNode .dojoDndItemBefore .dijitTreeContent { + border-top: 2px solid #369; +} +.claro .dijitTreeNode .dojoDndItemAfter .dijitTreeContent { + border-bottom: 2px solid #369; +} diff --git a/lib/dijit/themes/claro/claro.css b/lib/dijit/themes/claro/claro.css new file mode 100644 index 000000000..7ed7f1856 --- /dev/null +++ b/lib/dijit/themes/claro/claro.css @@ -0,0 +1,4689 @@ + +.dijitReset { + + margin:0; + border:0; + padding:0; + line-height:normal; + font: inherit; + color: inherit; +} +.dijit_a11y .dijitReset { + -moz-appearance: none; +} +.dijitInline { + + display:inline-block; + #zoom: 1; + #display:inline; + border:0; + padding:0; + vertical-align:middle; + #vertical-align: auto; +} +.dijitHidden { + + display: none !important; +} +.dijitVisible { + + display: block !important; + position: relative; +} +.dijitInputContainer { + + #zoom: 1; + overflow: hidden; + float: none !important; + position:relative; +} +.dj_ie INPUT.dijitTextBox, +.dj_ie .dijitTextBox INPUT { + font-size: 100%; +} +.dijitTextBox .dijitSpinnerButtonContainer, +.dijitTextBox .dijitArrowButtonContainer, +.dijitTextBox .dijitValidationContainer { + float: right; + text-align: center; +} +.dijitTextBox INPUT.dijitInputField { + + padding-left: 0 !important; + padding-right: 0 !important; +} +.dijitTextBox .dijitValidationContainer { + display: none; +} +.dijitInlineTable { + + display:inline-table; + display:inline-block; + #zoom: 1; + #display:inline; + box-sizing: content-box; -moz-box-sizing: content-box; + border:0; + padding:0; +} +.dijitTeeny { + font-size:1px; + line-height:1px; +} +.dijitOffScreen { + position: absolute; + visibility: hidden; + left: 50%; + top: -10000px; +} +.dijitPopup { + position: absolute; + background-color: transparent; + margin: 0; + border: 0; + padding: 0; +} +.dijit_a11y .dijitPopup, +.dijit_ally .dijitPopup DIV, +.dijit_a11y .dijitPopup TABLE, +.dijit_a11y .dijitTooltipContainer { + background-color: white !important; +} +.dijitPositionOnly { + + padding: 0 !important; + border: 0 !important; + background-color: transparent !important; + background-image: none !important; + height: auto !important; + width: auto !important; +} +.dijitNonPositionOnly { + + float: none !important; + position: static !important; + margin: 0 0 0 0 !important; + vertical-align: middle !important; +} +.dijitBackgroundIframe { + + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + z-index: -1; + border: 0; + padding: 0; + margin: 0; +} +.dijitDisplayNone { + + display:none !important; +} +.dijitContainer { + + overflow: hidden; +} +.dijit_a11y * { + background-image:none !important; +} +.dijit_a11y .dijitIcon, +.dijit_a11y DIV.dijitArrowButtonInner, +.dijit_a11y SPAN.dijitArrowButtonInner, +.dijit_a11y IMG.dijitArrowButtonInner, +.dijit_a11y .dijitCalendarIncrementControl { + + display: none; +} +.dijitSpinner DIV.dijitArrowButtonInner { + display: block; +} +.dijit_a11y .dijitA11ySideArrow { + display: inline !important; + cursor: pointer; +} +.dijit_a11y .dijitCalendarDateLabel { + padding: 1px; +} +.dijit_a11y .dijitCalendarSelectedDate .dijitCalendarDateLabel { + border-style: dotted !important; + border-width: 1px; + padding: 0px; +} +.dijit_a11y .dijitCalendarDateTemplate { + padding-bottom: 0.1em !important; +} +.dijit_a11y .dijit * { + background:white !important; + color:black !important; +} +.dijit_a11y .dijitButtonNode { + border-color: black!important; + border-style: outset!important; + border-width: medium!important; +} +.dijit_a11y .dijitTextBoxReadOnly .dijitInputField, +.dijit_a11y .dijitTextBoxReadOnly .dijitButtonNode { + border-style: outset!important; + border-width: medium!important; + border-color: #999 !important; + color:#999 !important; +} +.dijitButtonNode * { + vertical-align: middle; +} +.dijitButtonNode .dijitArrowButtonInner { + + background: no-repeat center; + width: 12px; + height: 12px; + direction: ltr; +} +.dijitLeft { + + background-position:left top; + background-repeat:no-repeat; +} +.dijitStretch { + + white-space:nowrap; + background-repeat:repeat-x; +} +.dijitRight { + + #display:inline; + background-position:right top; + background-repeat:no-repeat; +} +.dijitToggleButton, +.dijitButton, +.dijitDropDownButton, +.dijitComboButton { + + margin: 0.2em; +} +.dijitButtonContents { + display: block; +} +td.dijitButtonContents { + display: table-cell; +} +.dijitButtonNode IMG { + + vertical-align:middle; + +} +TABLE.dijitComboButton { + + border-collapse: collapse; + border:0; + padding:0; + margin:0; +} +.dijitToolbar .dijitComboButton { + + border-collapse: separate; +} +.dijitToolbar .dijitToggleButton, +.dijitToolbar .dijitButton, +.dijitToolbar .dijitDropDownButton, +.dijitToolbar .dijitComboButton { + margin: 0; +} +.dijitToolbar .dijitButtonContents { + + padding: 1px 2px; +} +.dj_ie .dijitComboButton { + + margin-bottom: -3px; +} +.dj_webkit .dijitToolbar .dijitDropDownButton { + padding-left: 0.3em; +} +.dj_gecko .dijitToolbar .dijitButtonNode::-moz-focus-inner { + padding:0; +} +.dijitButtonNode { + + border:1px solid gray; + margin:0; + line-height:normal; + vertical-align: middle; + #vertical-align: auto; + text-align:center; + white-space: nowrap; +} +.dj_webkit .dijitSpinner .dijitSpinnerButtonContainer { + + line-height:inherit; +} +.dijitTextBox .dijitButtonNode { + border-width: 0; +} +.dijitButtonNode, +.dijitButtonNode * { + cursor: pointer; +} +.dj_ie .dijitButtonNode { + + zoom: 1; +} +.dj_ie .dijitButtonNode button { + + overflow: visible; +} +DIV.dijitArrowButton { + float: right; +} +.dijitTextBox { + border: solid black 1px; + #overflow: hidden; + width: 15em; + vertical-align: middle; + #vertical-align: auto; +} +.dijitTextBoxReadOnly, +.dijitTextBoxDisabled { + color: gray; +} +.dj_webkit .dijitTextBoxDisabled INPUT { + color: #eee; +} +.dj_webkit TEXTAREA.dijitTextAreaDisabled { + color: #333; +} +.dj_gecko .dijitTextBoxReadOnly INPUT, +.dj_gecko .dijitTextBoxDisabled INPUT { + -moz-user-input: none; +} +.dijitPlaceHolder { + + color: #AAAAAA; + font-style: italic; + position: absolute; + top: 0; + left: 0; + #filter: ""; +} +.dijitTimeTextBox { + width: 8em; +} +.dijitTextBox INPUT:focus { + outline: none; +} +.dijitTextBoxFocused { + outline: auto 5px -webkit-focus-ring-color; +} +.dijitTextBox INPUT { + float: left; +} +.dijitInputInner { + + border:0 !important; + vertical-align:middle !important; + background-color:transparent !important; + width:100% !important; + + padding-left: 0 !important; + padding-right: 0 !important; + margin-left: 0 !important; + margin-right: 0 !important; +} +.dijit_a11y .dijitTextBox INPUT { + margin: 0 !important; +} +.dijitTextBoxError INPUT.dijitValidationInner, +.dijitTextBox INPUT.dijitArrowButtonInner { + + text-indent: -1em !important; + direction: ltr !important; + text-align: left !important; + height: auto !important; + #text-indent: 0 !important; + #letter-spacing: -5em !important; + #text-align: right !important; +} +.dj_ie .dijitTextBox INPUT, +.dj_ie INPUT.dijitTextBox { + overflow-y: visible; + line-height: normal; +} +.dj_ie7 .dijitTextBox INPUT.dijitValidationInner, +.dj_ie7 .dijitTextBox INPUT.dijitArrowButtonInner { + line-height: 86%; +} +.dj_ie6 .dijitTextBox INPUT, +.dj_ie6 INPUT.dijitTextBox, +.dj_iequirks .dijitTextBox INPUT.dijitValidationInner, +.dj_iequirks .dijitTextBox INPUT.dijitArrowButtonInner, +.dj_iequirks .dijitTextBox INPUT.dijitSpinnerButtonInner, +.dj_iequirks .dijitTextBox INPUT.dijitInputInner, +.dj_iequirks INPUT.dijitTextBox { + line-height: 100%; +} +.dijit_a11y INPUT.dijitValidationInner, +.dijit_a11y INPUT.dijitArrowButtonInner { + + text-indent: 0 !important; + width: 1em !important; + #text-align: left !important; +} +.dijitTextBoxError .dijitValidationContainer { + display: inline; + cursor: default; +} +.dijitSpinner .dijitSpinnerButtonContainer, +.dijitComboBox .dijitArrowButtonContainer { + + border-width: 0 0 0 1px !important; +} +.dijitSpinner .dijitSpinnerButtonContainer .dijitButtonNode { + + border-width: 0; +} +.dj_ie .dijit_a11y .dijitSpinner .dijitSpinnerButtonContainer .dijitButtonNode { + clear: both; +} +.dijit_a11y .dijitTextBox .dijitValidationContainer, +.dijit_a11y .dijitTextBox .dijitSpinnerButtonContainer, +.dijit_a11y .dijitComboBox .dijitArrowButtonContainer { + + border: solid black !important; + border-width: 0 0 0 1px !important; +} +.dj_ie .dijitToolbar .dijitComboBox { + + vertical-align: middle; +} +.dijitTextBox .dijitSpinnerButtonContainer { + width: 1em; + position: relative !important; + overflow: hidden; +} +.dijitSpinner .dijitSpinnerButtonInner { + width:1em; + visibility:hidden !important; + overflow-x:hidden; +} +.dijitComboBox .dijitButtonNode, +.dijitSpinnerButtonContainer .dijitButtonNode { + border-width: 0; +} +.dijit_a11y .dijitSpinnerButtonContainer .dijitButtonNode { + border: 0 none !important; +} +.dijit_a11y .dijitTextBox .dijitSpinnerButtonContainer, +.dijit_a11y .dijitSpinner .dijitArrowButtonInner, +.dijit_a11y .dijitSpinnerButtonContainer INPUT { + width: 1em !important; +} +.dijit_a11y .dijitSpinner .dijitArrowButtonInner { + margin: 0 auto !important; +} +.dj_ie .dijit_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField { + padding-left: 0.3em !important; + padding-right: 0.3em !important; + margin-left: 0.3em !important; + margin-right: 0.3em !important; + width: 1.4em !important; +} +.dj_ie7 .dijit_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField { + padding-left: 0.0em !important; + padding-right: 0.0em !important; + width: 1em !important; +} +.dj_ie6 .dijit_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField { + margin-left: 0.1em !important; + margin-right: 0.1em !important; + width: 1em !important; +} +.dj_iequirks .dijit_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField { + margin-left: 0 !important; + margin-right: 0 !important; + width: 2em !important; +} +.dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton { + + padding: 0; + position: absolute !important; + right: 0; + float: none; + height: 50%; + width: 100%; + bottom: auto; + left: 0; + right: auto; +} +.dj_iequirks .dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton { + width: auto; +} +.dijit_a11y .dijitSpinnerButtonContainer .dijitArrowButton { + overflow: visible !important; +} +.dijitSpinner .dijitSpinnerButtonContainer .dijitDownArrowButton { + top: 50%; + border-top-width: 1px !important; +} +.dijitSpinner .dijitSpinnerButtonContainer .dijitUpArrowButton { + #bottom: 50%; + top: 0; +} +.dijitSpinner .dijitArrowButtonInner { + margin: auto; + overflow-x: hidden; + height: 100% !important; +} +.dj_iequirks .dijitSpinner .dijitArrowButtonInner { + height: auto !important; +} +.dijitSpinner .dijitArrowButtonInner .dijitInputField { + -moz-transform: scale(0.5); + -moz-transform-origin: center top; + -webkit-transform: scale(0.5); + -webkit-transform-origin: center top; + -o-transform: scale(0.5); + -o-transform-origin: center top; + transform: scale(0.5); + transform-origin: left top; + padding-top: 0; + padding-bottom: 0; + padding-left: 0 !important; + padding-right: 0 !important; + width: 100%; +} +.dj_ie .dijitSpinner .dijitArrowButtonInner .dijitInputField { + zoom: 50%; +} +.dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButtonInner { + overflow: hidden; +} +.dijit_a11y .dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton { + width: 100%; +} +.dj_iequirks .dijit_a11y .dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton { + width: 1em; +} +.dijitSpinner .dijitArrowButtonInner .dijitInputField { + visibility: hidden; +} +.dijit_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField { + vertical-align:top; + visibility: visible; +} +.dijit_a11y .dijitSpinnerButtonContainer { + width: 1em; +} +.dijit_a11y .dijitSpinnerButtonContainer .dijitButtonNode { + border-width: 1px 0px 0px 0px; + border-style: solid !important; +} +.dijitCheckBox, +.dijitRadio, +.dijitCheckBoxInput { + padding: 0; + border: 0; + width: 16px; + height: 16px; + background-position:center center; + background-repeat:no-repeat; + overflow: hidden; +} +.dijitCheckBox INPUT, +.dijitRadio INPUT { + margin: 0; + padding: 0; + display: block; +} +.dijitCheckBoxInput { + + opacity: 0.01; +} +.dj_ie .dijitCheckBoxInput { + filter: alpha(opacity=0); +} +.dijit_a11y .dijitCheckBox, +.dijit_a11y .dijitRadio { + + width: auto !important; + height: auto !important; +} +.dijit_a11y .dijitCheckBoxInput { + opacity: 1; + filter: none; + width: auto; + height: auto; +} +.dijitProgressBarEmpty { + + position:relative;overflow:hidden; + border:1px solid black; + z-index:0; +} +.dijitProgressBarFull { + + position:absolute; + overflow:hidden; + z-index:-1; + top:0; + width:100%; +} +.dj_ie6 .dijitProgressBarFull { + height:1.6em; +} +.dijitProgressBarTile { + + position:absolute; + overflow:hidden; + top:0; + left:0; + bottom:0; + right:0; + margin:0; + padding:0; + width:auto; + height:auto; + background-color:#aaa; + background-attachment: fixed; +} +.dijit_a11y .dijitProgressBarTile { + + border-width:2px; + border-style:solid; + background-color:transparent !important; +} +.dj_ie6 .dijitProgressBarTile { + + position:static; + + height:1.6em; +} +.dijitProgressBarIndeterminate .dijitProgressBarLabel { + visibility:hidden; +} +.dijitProgressBarIndeterminate .dijitProgressBarTile { + +} +.dijitProgressBarIndeterminateHighContrastImage { + display:none; +} +.dijit_a11y .dijitProgressBarIndeterminate .dijitProgressBarIndeterminateHighContrastImage { + display:block; + position:absolute; + top:0; + bottom:0; + margin:0; + padding:0; + width:100%; + height:auto; +} +.dijitProgressBarLabel { + display:block; + position:static; + width:100%; + text-align:center; + background-color:transparent !important; +} +.dijitTooltip { + position: absolute; + z-index: 2000; + display: block; + + left: 50%; + top: -10000px; + overflow: visible; +} +.dijitTooltipContainer { + border: solid black 2px; + background: #b8b5b5; + color: black; + font-size: small; +} +.dijitTooltipFocusNode { + padding: 2px 2px 2px 2px; +} +.dijitTooltipConnector { + position: absolute; +} +.dijit_a11y .dijitTooltipConnector { + display: none; +} +.dijitTooltipData { + display:none; +} +.dijitLayoutContainer { + position: relative; + display: block; + overflow: hidden; +} +body .dijitAlignTop, +body .dijitAlignBottom, +body .dijitAlignLeft, +body .dijitAlignRight { + position: absolute; + overflow: hidden; +} +body .dijitAlignClient { position: absolute; } +.dijitBorderContainer, .dijitBorderContainerNoGutter { + position:relative; + overflow: hidden; +} +.dijitBorderContainerPane, +.dijitBorderContainerNoGutterPane { + position: absolute !important; + z-index: 2; +} +.dijitBorderContainer > .dijitTextArea { + + resize: none; +} +.dijitGutter { + + position: absolute; + font-size: 1px; +} +.dijitSplitter { + position: absolute; + overflow: hidden; + z-index: 10; + background-color: #fff; + border-color: gray; + border-style: solid; + border-width: 0; +} +.dj_ie .dijitSplitter { + z-index: 1; +} +.dijitSplitterActive { + z-index: 11 !important; +} +.dijitSplitterCover { + position:absolute; + z-index:-1; + top:0; + left:0; + width:100%; + height:100%; +} +.dijitSplitterCoverActive { + z-index:3 !important; +} +.dj_ie .dijitSplitterCover { + background: white; + filter: alpha(opacity=0); +} +.dijitSplitterH { + height: 7px; + border-top:1px; + border-bottom:1px; + cursor: ns-resize; +} +.dijitSplitterV { + width: 7px; + border-left:1px; + border-right:1px; + cursor: ew-resize; +} +.dijitSplitContainer { + position: relative; + overflow: hidden; + display: block; +} +.dj_ff3 .dijit_a11y div.dijitSplitter:focus { + outline-style:dotted; + outline-width: 2px; +} +.dijitSplitPane { + position: absolute; +} +.dijitSplitContainerSizerH, +.dijitSplitContainerSizerV { + position:absolute; + font-size: 1px; + cursor: move; + cursor: w-resize; + background-color: ThreeDFace; + border: 1px solid; + border-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight; + margin: 0; +} +.dijitSplitContainerSizerH .thumb, .dijitSplitterV .dijitSplitterThumb { + overflow:hidden; + position:absolute; + top:49%; +} +.dijitSplitContainerSizerV .thumb, .dijitSplitterH .dijitSplitterThumb { + position:absolute; + left:49%; +} +.dijitSplitterShadow, +.dijitSplitContainerVirtualSizerH, +.dijitSplitContainerVirtualSizerV { + font-size: 1px; + background-color: ThreeDShadow; + -moz-opacity: 0.5; + opacity: 0.5; + filter: Alpha(Opacity=50); + margin: 0; +} +.dj_ie .dijitSplitterV, .dijitSplitContainerVirtualSizerH { + cursor: w-resize; +} +.dj_ie .dijitSplitterH, .dijitSplitContainerSizerV, .dijitSplitContainerVirtualSizerV { + cursor: n-resize; +} +.dijit_a11y .dijitSplitterH { + border-top:1px solid #d3d3d3 !important; + border-bottom:1px solid #d3d3d3 !important; +} +.dijit_a11y .dijitSplitterV { + border-left:1px solid #d3d3d3 !important; + border-right:1px solid #d3d3d3 !important; +} +.dijitContentPane { + display: block; + overflow: auto; +} +.dijitContentPaneSingleChild { + + overflow: hidden; +} +.dijitTitlePane { + display: block; + overflow: hidden; +} +.dijitTitlePaneTitle { + cursor: pointer; +} +.dijitFixedOpen { + + cursor: default; +} +.dijitTitlePaneTitle * { + vertical-align: middle; +} +.dijitTitlePane .dijitArrowNodeInner { + + display: none; +} +.dijit_a11y .dijitTitlePane .dijitArrowNodeInner { + + display:inline !important; + font-family: monospace; +} +.dijit_a11y .dijitTitlePane .dijitArrowNode { + + display:none; +} +.dj_ie6 .dijitTitlePaneContentOuter, +.dj_ie6 .dijitTitlePane .dijitTitlePaneTitle { + + zoom: 1; +} +.dijitColorPalette { + border: 1px solid #999; + background: #fff; + position: relative; +} +img.dijitColorPaletteUnder { + + border-style: none; + position: absolute; + left: 0; + top: 0; +} +.dijitColorPalette .dijitPaletteTable { + + padding: 2px 3px 3px 3px; + position: relative; + overflow: hidden; + outline: 0; + border-collapse: separate; +} +.dj_ie6 .dijitColorPalette .dijitPaletteTable, +.dj_ie7 .dijitColorPalette .dijitPaletteTable, +.dj_iequirks .dijitColorPalette .dijitPaletteTable { + + padding: 0; + margin: 2px 3px 3px 3px; +} +.dijitColorPalette .dijitPaletteCell { + + height: 20px; + width: 20px; + font-size: 1px; + vertical-align: middle; + text-align: center; +} +.dijitColorPalette .dijitPaletteImg { + + width: 16px; + height: 14px; + border: 1px solid #999; + cursor: default; + vertical-align: middle; +} +.dj_iequirks .dijitColorPalette .dijitPaletteImg { + margin: 1px; +} +.dijitPaletteTable td { + padding: 0px; +} +.dijitColorPalette .dijitPaletteCellHover .dijitPaletteImg { + + border: 1px solid #000; +} +.dijitColorPalette .dijitPaletteCellActive .dijitPaletteImg, +.dijitColorPalette .dijitPaletteCellSelected .dijitPaletteImg { + border: 2px solid #000; +} +.dijit_a11y .dijitColorPalette .dijitPaletteTable, +.dijit_a11y .dijitColorPalette .dijitPaletteTable * { + + background-color: transparent !important; +} +.dj_gecko .dijit_a11y .dijitColorPalette .dijitPaletteCellFocused .dijitPaletteImg { + border: 3px dotted #000; + margin: -1px; +} +.dijit_a11y .dijitColorPalette .dijitPaletteCellHover .dijitPaletteImg { + border: 2px solid #000 !important; +} +.dijitAccordionContainer { + border:1px solid #b7b7b7; + border-top:0 !important; +} +.dijitAccordionTitle { + cursor: pointer; +} +.dijitAccordionTitleSelected { + cursor: default; +} +.dijitAccordionTitle .arrowTextUp, +.dijitAccordionTitle .arrowTextDown { + display: none; + font-size: 0.65em; + font-weight: normal !important; +} +.dijit_a11y .dijitAccordionTitle .arrowTextUp, +.dijit_a11y .dijitAccordionTitleSelected .arrowTextDown { + display: inline; +} +.dijit_a11y .dijitAccordionTitleSelected .arrowTextUp { + display: none; +} +.dj_ie6 .dijitAccordionTitle, +.dj_iequirks .dijitAccordionTitle { + + zoom: 1; +} +.dijitCalendarContainer { + width: auto; +} +.dijitCalendarContainer th, .dijitCalendarContainer td { + padding: 0; +} +.dijitCalendarNextYear { + margin:0 0 0 0.55em; +} +.dijitCalendarPreviousYear { + margin:0 0.55em 0 0; +} +.dijitCalendarIncrementControl { + vertical-align: middle; +} +.dijitCalendarIncrementControl, +.dijitCalendarDateTemplate, +.dijitCalendarMonthLabel, +.dijitCalendarPreviousYear, +.dijitCalendarNextYear { + cursor: pointer; +} +.dijitCalendarDisabledDate { + color: gray; + text-decoration: line-through; + cursor: default; +} +.dijitSpacer { + + position: relative; + height: 1px; + overflow: hidden; + visibility: hidden; +} +.dijitMenu { + border:1px solid black; + background-color:white; +} +.dijitMenuTable { + border-collapse:collapse; + border-width:0; + background-color:white; +} +.dj_webkit .dijitMenuTable td[colspan="2"]{ + border-right:hidden; +} +.dijitMenuItem { + text-align: left; + white-space: nowrap; + padding:.1em .2em; + cursor:pointer; +} +.dijitMenuPassive .dijitMenuItemHover, +.dijitMenuItemSelected { + + background-color:black; + color:white; +} +.dijitMenuItemIcon, .dijitMenuExpand { + background-repeat: no-repeat; +} +.dijitMenuItemDisabled * { + + opacity:0.5; + cursor:default; +} +.dj_ie .dijit_a11y .dijitMenuItemDisabled, +.dj_ie .dijit_a11y .dijitMenuItemDisabled td, +.dj_ie .dijitMenuItemDisabled *, +.dj_ie .dijitMenuItemDisabled td { + color:gray !important; + filter: alpha(opacity=35); +} +.dijitMenuItemLabel { + position: relative; + vertical-align: middle; +} +.dijit_a11y .dijitMenuItemSelected { + border: 1px dotted black !important; +} +.dj_ff3 .dijit_a11y .dijitMenuItem td { + padding: none !important; + background:none !important; +} +.dijit_a11y .dijitMenuItemSelected .dijitMenuItemLabel { + border-width: 1px; + border-style: solid; +} +.dj_ie8 .dijit_a11y .dijitMenuItemLabel { + position:static; +} +.dijitMenuExpandA11y { + display: none; +} +.dijit_a11y .dijitMenuExpandA11y { + display: inline; +} +.dijitMenuSeparator td { + border: 0; + padding: 0; +} +.dijitMenuSeparatorTop { + height: 50%; + margin: 0; + margin-top:3px; + font-size: 1px; +} +.dijitMenuSeparatorBottom { + height: 50%; + margin: 0; + margin-bottom:3px; + font-size: 1px; +} +.dijitCheckedMenuItemIconChar { + vertical-align: middle; + visibility:hidden; +} +.dijitCheckedMenuItemChecked .dijitCheckedMenuItemIconChar { + visibility: visible; +} +.dijit_a11y .dijitCheckedMenuItemIconChar { + display:inline !important; +} +.dijit_a11y .dijitCheckedMenuItemIcon { + display: none; +} +.dj_ie .dijit_a11y .dijitMenuBar .dijitMenuItem { + + margin: 0px; +} +.dijitStackController .dijitToggleButtonChecked * { + cursor: default; +} +.dijitTabContainerNoLayout { + width: 100%; +} +.dijitTabContainerBottom-tabs, +.dijitTabContainerTop-tabs, +.dijitTabContainerLeft-tabs, +.dijitTabContainerRight-tabs { + overflow: visible !important; +} +.dijitTabContainerBottom-container, +.dijitTabContainerTop-container, +.dijitTabContainerLeft-container, +.dijitTabContainerRight-container { + z-index:0; + overflow: hidden; + border: 1px solid black; +} +.nowrapTabStrip { + width: 50000px; + display: block; + position: relative; +} +.dijitTabListWrapper { + overflow: hidden; +} +.dijit_a11y .tabStripButton img { + + display: none; +} +.dijitTabContainerTop-tabs { + border-bottom: 1px solid black; +} +.dijitTabContainerTop-container { + border-top: 0px; +} +.dijitTabContainerLeft-tabs { + border-right: 1px solid black; + float: left; +} +.dijitTabContainerLeft-container { + border-left: 0px; +} +.dijitTabContainerBottom-tabs { + border-top: 1px solid black; +} +.dijitTabContainerBottom-container { + border-bottom: 0px; +} +.dijitTabContainerRight-tabs { + border-left: 1px solid black; + float: left; +} +.dijitTabContainerRight-container { + border-right: 0px; +} +DIV.dijitTabDisabled, .dj_ie DIV.dijitTabDisabled { + cursor: auto; +} +.dijitTab { + position:relative; + cursor:pointer; + white-space:nowrap; + z-index:3; +} +.dijitTab * { + + vertical-align: middle; +} +.dijitTabChecked { + cursor: default; +} +.dijitTabContainerTop-tabs .dijitTab { + top: 1px; +} +.dijitTabContainerBottom-tabs .dijitTab { + top: -1px; +} +.dijitTabContainerLeft-tabs .dijitTab { + left: 1px; +} +.dijitTabContainerRight-tabs .dijitTab { + left: -1px; +} +.dijitTabContainerTop-tabs .dijitTab, +.dijitTabContainerBottom-tabs .dijitTab { + + display:inline-block; + #zoom: 1; + #display:inline; +} +.dijitTabInnerDiv { + position:relative; +} +.tabStripButton { + z-index: 12; +} +.dijitTabButtonDisabled .tabStripButton { + display: none; +} +.dijitTabCloseButton { + margin-left: 1em; +} +.dijitTabCloseText { + display:none; +} +.dijit_a11y .dijitTabCloseButton { + background-image: none !important; + width: auto !important; + height: auto !important; + border: thin dotted; +} +.dijit_a11y .dijitTabCloseButtonHover { + border:thin solid; +} +.dijit_a11y .dijitTabCloseText { + display: inline; +} +.dijit_a11y .dijitTabChecked { + + border-style:dashed !important; +} +.dijit_a11y .dijitTabInnerDiv { + border-left:none !important; + } +.dijitTabPane, +.dijitStackContainer-child, +.dijitAccordionContainer-child { + + border: none !important; +} +.dijitInlineEditBoxDisplayMode { + border: 1px solid transparent; + cursor: text; +} +.dijit_a11y .dijitInlineEditBoxDisplayMode, +.dj_ie6 .dijitInlineEditBoxDisplayMode { + + border: none; +} +.dijitInlineEditBoxDisplayModeHover, +.dijit_a11y .dijitInlineEditBoxDisplayModeHover, +.dj_ie6 .dijitInlineEditBoxDisplayModeHover { + + background-color: #e2ebf2; + border: solid 1px black; +} +.dijitInlineEditBoxDisplayModeDisabled { + cursor: default; +} +.dijitTreeIndent { + + width: 19px; +} +.dijitTreeRow, .dijitTreeContent { + white-space: nowrap; +} +.dijitTreeRow img { + + vertical-align: middle; +} +.dijitTreeContent { + cursor: default; +} +.dijitExpandoText { + display: none; +} +.dijit_a11y .dijitExpandoText { + display: inline; + padding-left: 10px; + padding-right: 10px; + font-family: monospace; + border-style: solid; + border-width: thin; + cursor: pointer; +} +.dijitTreeLabel { + margin: 0px 4px; +} +.dijitDialog { + position: absolute; + z-index: 999; + overflow: hidden; +} +.dijitDialogTitleBar { + cursor: move; +} +.dijitDialogFixed .dijitDialogTitleBar { + cursor:default; +} +.dijitDialogCloseIcon { + cursor: pointer; +} +.dijitDialogUnderlayWrapper { + position: absolute; + left: 0; + top: 0; + z-index: 998; + display: none; + background: transparent !important; +} +.dijitDialogUnderlay { + background: #eee; + opacity: 0.5; +} +.dj_ie .dijitDialogUnderlay { + filter: alpha(opacity=50); +} +.dijit_a11y .dijitSpinnerButtonContainer, +.dijit_a11y .dijitDialog { + opacity: 1 !important; + background-color: white !important; +} +.dijitDialog .closeText { + display:none; + + position:absolute; +} +.dijit_a11y .dijitDialog .closeText { + display:inline; +} +.dijitSliderMoveable { + z-index:99; + position:absolute !important; + display:block; + vertical-align:middle; +} +.dijitSliderMoveableH { + right:0; +} +.dijitSliderMoveableV { + right:50%; +} +.dijit_a11y DIV.dijitSliderImageHandle, +.dijitSliderImageHandle { + margin:0; + padding:0; + position:relative !important; + border:8px solid gray; + width:0; + height:0; + cursor: pointer; +} +.dj_iequirks .dijit_a11y .dijitSliderImageHandle { + font-size: 0; +} +.dj_ie7 .dijitSliderImageHandle { + overflow: hidden; +} +.dj_ie7 .dijit_a11y .dijitSliderImageHandle { + overflow: visible; +} +.dijit_a11y .dijitSliderFocused .dijitSliderImageHandle { + border:4px solid #000; + height:8px; + width:8px; +} +.dijitSliderImageHandleV { + top:-8px; + right: -50%; +} +.dijitSliderImageHandleH { + left:50%; + top:-5px; + vertical-align:top; +} +.dijitSliderBar { + border-style:solid; + border-color:black; + cursor: pointer; +} +.dijitSliderBarContainerV { + position:relative; + height:100%; + z-index:1; +} +.dijitSliderBarContainerH { + position:relative; + z-index:1; +} +.dijitSliderBarH { + height:4px; + border-width:1px 0; +} +.dijitSliderBarV { + width:4px; + border-width:0 1px; +} +.dijitSliderProgressBar { + background-color:red; + z-index:1; +} +.dijitSliderProgressBarV { + position:static !important; + height:0%; + vertical-align:top; + text-align:left; +} +.dijitSliderProgressBarH { + position:absolute !important; + width:0%; + vertical-align:middle; + overflow:visible; +} +.dijitSliderRemainingBar { + overflow:hidden; + background-color:transparent; + z-index:1; +} +.dijitSliderRemainingBarV { + height:100%; + text-align:left; +} +.dijitSliderRemainingBarH { + width:100% !important; +} +.dijitSliderBumper { + overflow:hidden; + z-index:1; +} +.dijitSliderBumperV { + width:4px; + height:8px; + border-width:0 1px; +} +.dijitSliderBumperH { + width:8px; + height:4px; + border-width:1px 0; +} +.dijitSliderBottomBumper, +.dijitSliderLeftBumper { + background-color:red; +} +.dijitSliderTopBumper, +.dijitSliderRightBumper { + background-color:transparent; +} +.dijitSliderDecoration { + text-align:center; +} +.dijitSliderV TD { + position: relative; +} +.dijitSliderDecorationH { + width: 100%; +} +.dijitSliderDecorationV { + height: 100%; +} +.dijitSliderButton { + font-family:monospace; + margin:0; + padding:0; + display:block; +} +.dijit_a11y .dijitSliderButtonInner { + visibility:visible !important; +} +.dijitSliderButtonContainer { + text-align:center; + height:0; +} +.dijitSliderButtonContainer * { + cursor: pointer; +} +.dijitSlider .dijitButtonNode { + padding:0; + display:block; +} +.dijitRuleContainer { + position:relative; + overflow:visible; +} +.dijitRuleContainerV { + height:100%; + line-height:0; + float:left; + text-align:left; +} +.dj_opera .dijitRuleContainerV { + line-height:2%; +} +.dj_ie .dijitRuleContainerV { + line-height:normal; +} +.dj_gecko .dijitRuleContainerV { + margin:0 0 1px 0; +} +.dijitRuleMark { + position:absolute; + border:1px solid black; + line-height:0; + height:100%; +} +.dijitRuleMarkH { + width:0; + border-top-width:0 !important; + border-bottom-width:0 !important; + border-left-width:0 !important; +} +.dijitRuleLabelContainer { + position:absolute; +} +.dijitRuleLabelContainerH { + text-align:center; + display:inline-block; +} +.dijitRuleLabelH { + position:relative; + left:-50%; +} +.dijitRuleLabelV { + + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} +.dijitRuleMarkV { + height:0; + border-right-width:0 !important; + border-bottom-width:0 !important; + border-left-width:0 !important; + width:100%; + left:0; +} +.dj_ie .dijitRuleLabelContainerV { + margin-top:-.55em; +} +.dijit_a11y .dijitSliderReadOnly, +.dijit_a11y .dijitSliderDisabled { + opacity:0.6; +} +.dj_ie .dijit_a11y .dijitSliderReadOnly .dijitSliderBar, +.dj_ie .dijit_a11y .dijitSliderDisabled .dijitSliderBar { + filter: alpha(opacity=40); +} +.dijit_a11y .dijitSlider .dijitSliderButtonContainer DIV { + font-family: monospace; + font-size: 1em; + line-height: 1em; + height: auto; + width: auto; + margin: 0px 4px; +} +.dijit_a11y .dijitButtonContents .dijitButtonText, +.dijit_a11y .dijitTab .tabLabel { + display: inline !important; +} +.dijitTextArea { + width:100%; + overflow-y: auto; +} +.dijitTextArea[cols] { + width:auto; +} +.dj_ie .dijitTextAreaCols { + width:auto; +} +.dijitToolbarSeparator { + height: 18px; + width: 5px; + padding: 0 1px; + margin: 0; +} +.dijitIEFixedToolbar { + position:absolute; + + top: expression(eval((document.documentElement||document.body).scrollTop)); +} +.dijitEditor { + display: block; +} +.dijitEditorDisabled, +.dijitEditorReadOnly { + color: gray; +} +.dijitTimePickerItemInner { + text-align:center; + border:0; + padding:2px 8px 2px 8px; +} +.dijitTimePickerTick, +.dijitTimePickerMarker { + border-bottom:1px solid gray; +} +.dijitTimePicker .dijitDownArrowButton { + border-top: none !important; +} +.dijitTimePickerTick { + color:#CCC; +} +.dijitTimePickerMarker { + color:black; + background-color:#CCC; +} +.dijitTimePickerItemSelected { + font-weight:bold; + color:#333; + background-color:#b7cdee; +} +.dijitTimePickerItemHover { + background-color:gray; + color:white; + cursor:pointer; +} +.dijit_a11y .dijitTimePickerItemSelected .dijitTimePickerItemInner { + border: solid 4px black; +} +.dijit_a11y .dijitTimePickerItemHover .dijitTimePickerItemInner { + border: dashed 4px black; +} +.dijitToggleButtonIconChar { + + display:none !important; +} +.dijit_a11y .dijitToggleButton .dijitToggleButtonIconChar { + display:inline !important; + visibility:hidden; +} +.dj_ie6 .dijitToggleButtonIconChar, .dj_ie6 .tabStripButton .dijitButtonText { + font-family: "Arial Unicode MS"; +} +.dijit_a11y .dijitToggleButtonChecked .dijitToggleButtonIconChar { + display: inline !important; + visibility:visible !important; +} +.dijitArrowButtonChar { + display:none !important; +} +.dijit_a11y .dijitArrowButtonChar { + display:inline !important; +} +.dijit_a11y .dijitDropDownButton .dijitArrowButtonInner, +.dijit_a11y .dijitComboButton .dijitArrowButtonInner { + display:none !important; +} +.dijitSelect { + margin: 0.2em; + border-collapse: collapse; +} +.dj_ie .dijitSelect, +.dj_ie7 .dijitSelect, +.dj_iequirks .dijitSelect { + vertical-align: middle; +} +.dj_ie8 .dijitSelect .dijitButtonText { + vertical-align: top; +} +.dijitToolbar .dijitSelect { + margin: 0; +} +.dj_webkit .dijitToolbar .dijitSelect { + padding-left: 0.3em; +} +.dijit_a11y .dijitSelectDisabled .dijitButtonNode { + border-style: outset!important; + border-width: medium!important; + border-color: #999 !important; + color:#999 !important; +} +.dijitSelect .dijitButtonContents { + padding: 0px; + background: transparent none; + white-space: nowrap; + text-align: left; +} +.dijitSelectFixedWidth .dijitButtonContents { + width: 100%; +} +.dijitSelectMenu .dijitMenuItemIcon { + + display:none; +} +.dj_ie6 .dijitSelectMenu .dijitMenuItemLabel, +.dj_ie7 .dijitSelectMenu .dijitMenuItemLabel { + + position: static; +} +.dijitSelectLabel * +{ + vertical-align: baseline; +} +.dijitSelectSelectedOption * { + font-weight: bold; +} +.dijitSelectMenu { + border-width: 1px; +} +.dijitSelectMenu .dijitMenuTable { + margin: 0px; + background-color: transparent; +} +.dijitForceStatic { + position: static !important; +} +.dijitReadOnly *, +.dijitDisabled *, +.dijitReadOnly, +.dijitDisabled { + + cursor: default; +} +.claro { + font-family:Verdana,Arial,Helvetica,sans-serif; + font-size: .688em; + color: #131313; +} +h1 { + font-size: 1.545em; + font-weight: normal; + line-height: 1em; + margin-top: 1em; + margin-bottom:0.727em; +} +.claro .dijitDialog h1 { + margin-top:0em; +} +h2 { + font-size: 1.364em; + line-height: 1.455em; + margin-top:1em; + margin-bottom:0.60em; + font-weight: normal; +} +h3, h4, h5, h6 { + font-size:1.091em; + font-weight: normal; + line-height: 1.5em; + margin-top: 1.5em; + margin-bottom: 0; +} +p { + font-size: 1em; + line-height: 1.3em; +} +blockquote { + font-size: 0.916em; + margin-top: 3.272em; + margin-bottom: 3.272em; + line-height: 1.636em; + padding: 1.636em; + border-top: 1px solid #ccc; + border-bottom: 1px solid #ccc; +} +ol li, ul li { + font-size: 1em; + line-height: 1.5em; + margin: 0; +} +pre, code { + font-size:115%; + *font-size:100%; + font-family:inherit; + background-color: #efefef; + border: 1px solid #ccc; +} +pre { + border-width: 1px 0; + padding: 1.5em; +} +table { font-size:100%; } +table.dojoTabular { + border-collapse: collapse; + border-spacing: 0; + border: 1px solid #ccc; + margin: 0 1.5em; +} +.dojoTabular th { + text-align: center; + font-weight: bold; +} +table.dojoTabular thead, table.dojoTabular tfoot { + background-color: #efefef; + border: 1px solid #ccc; + border-width: 1px 0; +} +table.dojoTabular thead tr th, +table.dojoTabular thead tr td, +table.dojoTabular tbody tr td, +table.dojoTabular tfoot tr td { + padding: 0.25em 0.5em; +} + +.dijitIconSave, +.dijitIconPrint, +.dijitIconCut, +.dijitIconCopy, +.dijitIconClear, +.dijitIconDelete, +.dijitIconUndo, +.dijitIconEdit, +.dijitIconNewTask, +.dijitIconEditTask, +.dijitIconEditProperty, +.dijitIconTask, +.dijitIconFilter, +.dijitIconConfigure, +.dijitIconSearch, +.dijitIconApplication, +.dijitIconBookmark, +.dijitIconChart, +.dijitIconConnector, +.dijitIconDatabase, +.dijitIconDocuments, +.dijitIconMail, +.dijitLeaf, +.dijitIconFile, +.dijitIconFunction, +.dijitIconKey, +.dijitIconPackage, +.dijitIconSample, +.dijitIconTable, +.dijitIconUsers, +.dijitFolderClosed, +.dijitIconFolderClosed, +.dijitFolderOpened, +.dijitIconFolderOpen, +.dijitIconError { + background-image: url(../../icons/images/commonIconsObjActEnabled.png); + width: 16px; + height: 16px; +} +.dj_ie6 .dijitIconSave, +.dj_ie6 .dijitIconPrint, +.dj_ie6 .dijitIconCut, +.dj_ie6 .dijitIconCopy, +.dj_ie6 .dijitIconClear, +.dj_ie6 .dijitIconDelete, +.dj_ie6 .dijitIconUndo, +.dj_ie6 .dijitIconEdit, +.dj_ie6 .dijitIconNewTask, +.dj_ie6 .dijitIconEditTask, +.dj_ie6 .dijitIconEditProperty, +.dj_ie6 .dijitIconTask, +.dj_ie6 .dijitIconFilter, +.dj_ie6 .dijitIconConfigure, +.dj_ie6 .dijitIconSearch, +.dj_ie6 .dijitIconApplication, +.dj_ie6 .dijitIconBookmark, +.dj_ie6 .dijitIconChart, +.dj_ie6 .dijitIconConnector, +.dj_ie6 .dijitIconDatabase, +.dj_ie6 .dijitIconDocuments, +.dj_ie6 .dijitIconMail, +.dj_ie6 .dijitLeaf, +.dj_ie6 .dijitIconFile, +.dj_ie6 .dijitIconFunction, +.dj_ie6 .dijitIconKey, +.dj_ie6 .dijitIconPackage, +.dj_ie6 .dijitIconSample, +.dj_ie6 .dijitIconTable, +.dj_ie6 .dijitIconUsers, +.dj_ie6 .dijitFolderClosed, +.dj_ie6 .dijitIconFolderClosed, +.dj_ie6 .dijitFolderOpened, +.dj_ie6 .dijitIconFolderOpen, +.dj_ie6 .dijitIconError { + background-image: url(../../icons/images/commonIconsObjActEnabled8bit.png); +} +.dijitDisabled .dijitIconSave, +.dijitDisabled .dijitIconPrint, +.dijitDisabled .dijitIconCut, +.dijitDisabled .dijitIconCopy, +.dijitDisabled .dijitIconClear, +.dijitDisabled .dijitIconDelete, +.dijitDisabled .dijitIconUndo, +.dijitDisabled .dijitIconEdit, +.dijitDisabled .dijitIconNewTask, +.dijitDisabled .dijitIconEditTask, +.dijitDisabled .dijitIconEditProperty, +.dijitDisabled .dijitIconTask, +.dijitDisabled .dijitIconFilter, +.dijitDisabled .dijitIconConfigure, +.dijitDisabled .dijitIconSearch, +.dijitDisabled .dijitIconApplication, +.dijitDisabled .dijitIconBookmark, +.dijitDisabled .dijitIconChart, +.dijitDisabled .dijitIconConnector, +.dijitDisabled .dijitIconDatabase, +.dijitDisabled .dijitIconDocuments, +.dijitDisabled .dijitIconMail, +.dijitDisabled .dijitLeaf, +.dijitDisabled .dijitIconFile, +.dijitDisabled .dijitIconFunction, +.dijitDisabled .dijitIconKey, +.dijitDisabled .dijitIconPackage, +.dijitDisabled .dijitIconSample, +.dijitDisabled .dijitIconTable, +.dijitDisabled .dijitIconUsers, +.dijitDisabled .dijitFolderClosed, +.dijitDisabled .dijitIconFolderClosed, +.dijitDisabled .dijitFolderOpened, +.dijitDisabled .dijitIconFolderOpen, +.dijitDisabled .dijitIconError { + background-image: url(../../icons/images/commonIconsObjActDisabled.png); +} +.dijitIconSave { background-position: 0px; } +.dijitIconPrint { background-position: -16px; } +.dijitIconCut { background-position: -32px; } +.dijitIconCopy { background-position: -48px; } +.dijitIconClear { background-position: -64px; } +.dijitIconDelete { background-position: -80px; } +.dijitIconUndo { background-position: -96px; } +.dijitIconEdit { background-position: -112px; } +.dijitIconNewTask { background-position: -128px; } +.dijitIconEditTask { background-position: -144px; } +.dijitIconEditProperty { background-position: -166px; } +.dijitIconTask { background-position: -176px; } +.dijitIconFilter { background-position: -192px; } +.dijitIconConfigure { background-position: -208px; } +.dijitIconSearch { background-position: -224px; } +.dijitIconError { background-position: -496px; } +.dijitIconApplication { background-position: -240px; } +.dijitIconBookmark { background-position: -256px; } +.dijitIconChart { background-position: -272px; } +.dijitIconConnector { background-position: -288px; } +.dijitIconDatabase { background-position: -304px; } +.dijitIconDocuments { background-position: -320px; } +.dijitIconMail { background-position: -336px; } +.dijitIconFile, .dijitLeaf { background-position: -352px; } +.dijitIconFunction { background-position: -368px; } +.dijitIconKey { background-position: -384px; } +.dijitIconPackage{ background-position: -400px; } +.dijitIconSample { background-position: -416px; } +.dijitIconTable { background-position: -432px; } +.dijitIconUsers { background-position: -448px; } +.dijitIconFolderClosed, .dijitFolderClosed { background-position: -464px; } +.dijitIconFolderOpen, .dijitFolderOpened { background-position: -480px; } +.claro .dijitPopup { + box-shadow: 0px 1px 5px rgba(0,0,0,0.25); + -webkit-box-shadow: 0px 1px 5px rgba(0,0,0,0.25); + -moz-box-shadow: 0px 1px 5px rgba(0,0,0,0.25); +} +.claro .dijitTooltipDialogPopup { + + box-shadow: none; + -webkit-box-shadow: none; + -moz-box-shadow: none; +} +.claro .dijitComboBoxHighlightMatch { + background-color:#a5beda; +} +.claro .dijitFocusedLabel { + + outline: 1px dotted #666666; +} +.claro .dijitContentPaneLoading { + background:url(images/loadingAnimation.gif) no-repeat left center; + padding-left:25px; +} +.claro .dijitContentPaneError { + background:url(../../icons/images/commonIconsObjActEnabled.png) no-repeat left center; + background-position: -496px; + no-repeat left center; + padding-left:25px; +} +.claro .dojoDndItemBefore, +.claro .dojoDndItemAfter{ + border-top: 1px solid #769DC0; +} +.claro .dojoDndItemOver { + cursor:pointer; + } +.claro table.dojoDndAvatar { + border: 1px solid #b5bcc7; + border-collapse: collapse; + background-color: #fff; + -webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, .25); +} +.claro .dojoDndAvatarHeader td { + height: 20px; + padding-left:21px; +} +.claro.dojoDndMove .dojoDndAvatarHeader, .claro.dojoDndCopy .dojoDndAvatarHeader { + background-image: url(images/dnd.png); + background-repeat: no-repeat; + background-position:2px -122px; +} +.claro .dojoDndAvatarItem td { + padding: 5px; +} +.claro.dojoDndMove .dojoDndAvatarHeader { + background-color: #f58383; + background-position:2px -103px; +} +.claro.dojoDndCopy .dojoDndAvatarHeader { + background-color: #f58383; + background-position:2px -68px; +} +.claro.dojoDndMove .dojoDndAvatarCanDrop .dojoDndAvatarHeader { + background-color: #97e68d; + background-position:2px -33px; +} +.claro.dojoDndCopy .dojoDndAvatarCanDrop .dojoDndAvatarHeader { + background-color: #97e68d; + background-position:2px 2px; +} +.claro .dijitTextBoxError .dijitValidationContainer { + background-color: #d46363; + background-image: url(form/images/error.png); + background-position: top center; + border: solid #d46464 0px; + border-left-width: 1px; + width: 9px; +} +.claro .dijitTextBoxError .dijitValidationIcon { + width: 0px; + background-color: transparent !important; +} +.claro .dijitTextBox .dijitInputContainer, +.claro .dijitTextArea, +.claro .dijitInputField .dijitPlaceHolder { + padding: 2px; +} +.claro .dijitTextBox, +.claro .dijitTextBox .dijitButtonNode { + + border-color: #b5bcc7; + -webkit-transition-property:background-color, border; + -webkit-transition-duration:.35s; +} +.claro .dijitTextBox { + background-color: #f7fcff; +} +.claro .dijitTextBoxHover, +.claro .dijitTextBoxHover .dijitButtonNode { + border-color: #769dc0; + -webkit-transition-duration:.25s; +} +.claro .dijitTextBoxHover { + background-color: #e9f4fe; + background-image: url(form/images/textBox_back.png); + background-repeat: repeat-x; +} +.claro .dijitTextBoxError, +.claro .dijitTextBoxError .dijitButtonNode { + border-color: #d46464; +} +.claro .dijitTextBoxError, +.claro .dijitTextBoxError .dijitInputContainer { + background-color: #fdf7f7; +} +.claro .dijitTextBoxFocused, +.claro .dijitTextBoxFocused .dijitButtonNode { + border-color:#769dc0; + -webkit-transition-duration:.1s; +} +.claro .dijitTextBoxFocused { + background-color: #fff; + background-image: url(form/images/textBox_back.png); + background-repeat: repeat-x; +} +.claro .dijitTextBoxFocused .dijitInputContainer { + background: #fff; +} +.claro .dijitTextBoxErrorFocused, +.claro .dijitTextBoxErrorFocused .dijitButtonNode { + border-color: #ce4f4f; +} +.claro .dijitTextBoxDisabled, +.claro .dijitTextBoxDisabled .dijitButtonNode { + border-color: #d3d3d3; +} +.claro .dijitTextBoxDisabled { + background-color: #efefef; + background-image: none; + color: #818181; +} +.claro .dijitComboBox .dijitArrowButtonInner { + background-image: url(form/images/commonFormArrows.png); + background-position:-35px 53%; + background-repeat: no-repeat; + margin: 0px; + width:16px; + height:100%; + border: 1px solid #fff; +} +.claro .dijitTextBox .dijitInputField { + padding-top: 1px; + padding-bottom: 1px; +} +.claro .dijitTextBox .dijitInputInner { + + padding: 1px 2px 1px 0; +} +.claro .dijitTextBox .dijitValidationContainer { + padding: 0 0 2px 0; +} +.claro .dijitComboBox .dijitButtonNode { + background-color: #ebeef4; + background-image: url(form/images/formHighlight.png); + background-repeat:repeat-x; +} +.claro .dijitComboBoxHover .dijitButtonNode { + background-color:#abd6ff; +} +.claro .dijitComboBoxHover .dijitArrowButtonInner { + background-position:-70px 53%; +} +.claro .dijitComboBoxFocused .dijitButtonNode { + background-color:#7dbefa; + background-position:0px -177px; + padding: 1px; +} +.claro .dijitComboBoxFocused .dijitArrowButtonInner { + background-position:-70px 53%; + border: 0px none; +} +.claro div.dijitComboBoxDisabled .dijitArrowButtonInner { + + background-position:0px 50%; + background-color:#f1f1f1; +} +.dj_ff3 .claro .dijitInputField input[type="hidden"] { + display: none; + height: 0; + width: 0; +} +.dj_ie6 .claro .dijitTextBox, +.dj_ie6 .claro .dijitComboBox .dijitButtonNode { + background-image: none; +} +.dj_quirks .claro .dijitComboBox .dijitArrowButtonInner { + border: 0px; +} +.dj_quirks .claro .dijitComboBox .dijitArrowButtonContainer { + padding: 1px; +} +.claro .dijitButtonNode { + + -webkit-transition-property:background-color; + -webkit-transition-duration:.3s; +} +.claro .dijitButton .dijitButtonNode, +.claro .dijitDropDownButton .dijitButtonNode, +.claro .dijitComboButton .dijitButtonNode, +.claro .dijitToggleButton .dijitButtonNode { + + border: 1px solid #769dc0; + padding:2px 4px 4px 4px; + background-image: url(form/images/button.png); + background-position: center top; + background-repeat: repeat-x; + background-color: #e4f2ff; + border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + box-shadow:0px 1px 1px rgba(0,0,0,0.15); + -webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.15); + -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.15); +} +.claro .dijitComboButton .dijitArrowButton { + border-left-width: 0px; + padding: 4px 2px 4px 2px; +} +.claro .dijitArrowButtonInner { + width: 15px; + height: 15px; + margin: 0 auto; + background-image:url(form/images/buttonArrows.png); + background-repeat:no-repeat; + background-position:-51px 53%; +} +.claro .dijitLeftArrowButton .dijitArrowButtonInner { + background-position: -77px 53%; +} +.claro .dijitRightArrowButton .dijitArrowButtonInner { + background-position: -26px 53%; +} +.claro .dijitUpArrowButton .dijitArrowButtonInner { + background-position: 0px 53%; +} +.claro .dijitDisabled .dijitArrowButtonInner { + background-position: -151px 53%; +} +.claro .dijitDisabled .dijitLeftArrowButton .dijitArrowButtonInner { + background-position: -177px 53%; +} +.claro .dijitDisabled .dijitRightArrowButton .dijitArrowButtonInner { + background-position: -126px 53%; +} +.claro .dijitDisabled .dijitUpArrowButton .dijitArrowButtonInner { + background-position: -100px 53%; +} +.claro .dijitButtonText { + padding: 0 0.3em; + text-align: center; +} +.claro .dijitDisabled .dijitButtonText { + color: #7F7F7F; +} +.claro .dijitButtonHover .dijitButtonNode, +.claro .dijitDropDownButtonHover .dijitButtonNode, +.claro .dijitComboButton .dijitButtonNodeHover, +.claro .dijitComboButton .dijitDownArrowButtonHover, +.claro .dijitToggleButtonHover .dijitButtonNode { + background-color: #afd9ff; + color:#000; + -webkit-transition-duration:.2s; +} +.claro .dijitButtonActive .dijitButtonNode, +.claro .dijitDropDownButtonActive .dijitButtonNode, +.claro .dijitComboButtonActive .dijitButtonNode, +.claro .dijitToggleButtonActive .dijitButtonNode { + background-color: #99cfff; + box-shadow:0px 0px 0px rgba(0,0,0,0); + -webkit-box-shadow:0px 0px 0px rgba(0,0,0,0); + -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0); + -webkit-transition-duration:.1s; +} +.claro .dijitButtonDisabled, +.claro .dijitDropDownButtonDisabled, +.claro .dijitComboButtonDisabled, +.claro .dijitToggleButtonDisabled { + background-image: none; + outline: none; +} +.claro .dijitButtonDisabled .dijitButtonNode, +.claro .dijitDropDownButtonDisabled .dijitButtonNode, +.claro .dijitComboButtonDisabled .dijitButtonNode, +.claro .dijitToggleButtonDisabled .dijitButtonNode { + background-position:0px -149px; + background-color: #e3e3e3; + border: solid 1px #c9c9c9; + color: #696969; + box-shadow:0px 0px 0px rgba(0,0,0,0); + -webkit-box-shadow:0px 0px 0px rgba(0,0,0,0); + -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0); +} +.claro .dijitComboButtonDisabled .dijitArrowButton{ + border-left-width: 0px; +} +.claro table.dijitComboButton { + border-collapse: separate; +} +.dj_ie6 .claro .dijitButtonNode { + background-image: none; +} +.claro .dijitComboButton .dijitStretch { + -moz-border-radius: 4px 0px 0px 4px; + -webkit-border-top-left-radius: 4px; + -webkit-border-top-right-radius: 0px; + -webkit-border-bottom-right-radius: 0px; + -webkit-border-bottom-left-radius: 4px; +} +.claro .dijitComboButton .dijitArrowButton { + -moz-border-radius: 0px 4px 4px 0px; + -webkit-border-top-left-radius: 0px; + -webkit-border-top-right-radius: 4px; + -webkit-border-bottom-right-radius: 4px; + -webkit-border-bottom-left-radius: 0px; +} +.claro .dijitToggleButton .dijitCheckBoxIcon { + background-image: url(images/checkmarkNoBorder.png); +} +.dj_ie6 .claro .dijitToggleButton .dijitCheckBoxIcon { + background-image: url(images/checkmarkNoBorder.gif); +} +.claro .dijitCheckBox, +.claro .dijitCheckBoxIcon { + background-image: url(form/images/checkboxRadioButtonStates.png); + background-repeat: no-repeat; + width: 15px; + height: 16px; + margin: 0 2px 0 0; + padding: 0; +} +.dj_ie6 .claro .dijitCheckBox, +.dj_ie6 .claro .dijitCheckBoxIcon { + background-image: url(form/images/checkboxAndRadioButtons_IE6.png); +} +.claro .dijitCheckBox, +.claro .dijitToggleButton .dijitCheckBoxIcon { + + background-position: -15px; +} +.claro .dijitCheckBoxChecked, +.claro .dijitToggleButtonChecked .dijitCheckBoxIcon { + + background-position: -0px; +} +.claro .dijitCheckBoxDisabled { + + background-position: -75px; +} +.claro .dijitCheckBoxCheckedDisabled { + + background-position: -60px; +} +.claro .dijitCheckBoxHover { + + background-position: -45px; +} +.claro .dijitCheckBoxCheckedHover { + + background-position: -30px; +} +.claro .dijitToggleButton .dijitRadio, +.claro .dijitToggleButton .dijitRadioIcon { + background-image: url(form/images/checkboxRadioButtonStates.png); +} +.dj_ie6 .claro .dijitToggleButton .dijitRadio, +.dj_ie6 .claro .dijitToggleButton .dijitRadioIcon { + background-image: url(form/images/checkboxAndRadioButtons_IE6.png); +} +.claro .dijitRadio, +.claro .dijitRadioIcon { + background-image: url(form/images/checkboxRadioButtonStates.png); + background-repeat: no-repeat; + width: 15px; + height: 15px; + margin: 0px 2px 0px 0px; + padding: 0px; +} +.dj_ie6 .claro .dijitRadio, +.dj_ie6 .claro .dijitRadioIcon { + background-image: url(form/images/checkboxAndRadioButtons_IE6.png); +} +.claro .dijitRadio{ + + background-position: -105px; +} +.claro .dijitToggleButton .dijitRadioIcon { + + background-position: -107px; +} +.claro .dijitRadioDisabled { + + background-position: -165px; +} +.claro .dijitRadioHover { + + background-position: -135px; +} +.claro .dijitRadioChecked{ + background-position: -90px; +} +.claro .dijitToggleButtonChecked .dijitRadioIcon { + background-position: -92px; +} +.claro .dijitRadioCheckedHover{ + background-position: -120px; +} +.claro .dijitRadioCheckedDisabled { + + background-position: -150px; +} +.claro .dijitSelect .dijitButtonText { + padding: 0px 5px 2px 5px; +} +.claro .dijitSelect { + border: 1px solid #b5bcc7; + background-color: #f7fcff; + border-collapse: separate; +} +.dj_ie6 .claro .dijitSelect, +.dj_ie6 .claro .dijitSelect .dijitButtonNode { + background-image:none; +} +.claro .dijitSelect .dijitButtonContents { + border: 0px solid #b5bcc7; + border-right-width: 1px; +} +.claro .dijitSelect .dijitArrowButton { + padding: 0; + border: 1px solid #fff; + border-top:none; + background-color:#ebeef4; + background-image: url(form/images/formHighlight.png); + background-repeat:repeat-x; +} +.claro .dijitSelect .dijitArrowButton .dijitArrowButtonInner { + background-image: url(form/images/commonFormArrows.png); + background-position:-35px 70%; + background-repeat: no-repeat; + width:16px; + height:16px; + display:block; +} +.claro .dijitSelectHover { + border: 1px solid #769dc0; + background-color: #e9f4fe; + background-image: url(form/images/textBox_back.png); + background-repeat: repeat-x; +} +.claro .dijitSelectHover .dijitButtonContents { + border-color:#81a5c6; +} +.claro .dijitSelectHover .dijitArrowButton { + background-color:#abd6ff; +} +.claro .dijitSelectHover .dijitArrowButton .dijitArrowButtonInner { + background-position:-70px 70%; +} +.claro .dijitSelectFocused { + border: 1px solid #769dc0; +} +.claro .dijitSelectFocused .dijitButtonContents { + border-color:#81a5c6; +} +.claro .dijitSelectFocused .dijitArrowButton { + background-color:#7dbefa; + background-position:0px -177px; + border: none; + padding: 0px 1px; +} +.claro .dijitSelectFocused .dijitArrowButton .dijitArrowButtonInner { + background-position:-70px 70%; + margin-bottom: 1px; +} +.claro .dijitSelectDisabled { + border: 1px solid #d3d3d3; + background-color: #efefef; + background-image: none; + color: #818181; +} +.claro .dijitSelectDisabled .dijitArrowButton { + background-color: #efefef; +} +.claro .dijitSelectDisabled .dijitArrowButton .dijitArrowButtonInner { + background-position:0px 70% +} +.claro .dijitSelectMenu td.dijitMenuItemIconCell, +.claro .dijitSelectMenu td.dijitMenuArrowCell { + + display: none; +} +.claro .dijitSelectMenu td.dijitMenuItemLabel { + + padding-left: 5px; + padding-right: 5px; +} +.claro .dijitSelectMenu .dijitMenuSeparatorTop { + border-bottom:1px solid #769dc0; +} +.claro .dijitTabPaneWrapper { + background:#fff; +} +.claro .dijitTabPaneWrapper, +.claro .dijitTabContainerTop-tabs, +.claro .dijitTabContainerBottom-tabs, +.claro .dijitTabContainerLeft-tabs, +.claro .dijitTabContainerRight-tabs { + + border-color: #b5bcc7; +} +.claro .dijitTabCloseButton { + background: url(layout/images/tabClose.png) no-repeat; + width: 14px; + height: 14px; + margin-left: 5px; + margin-right:-3px; +} +.claro .dijitTabCloseButtonHover { + background-position:-14px; +} +.claro .dijitTabCloseButtonActive { + background-position:-28px; +} +.claro .dijitTabSpacer { + + display: none; +} +.claro .dijitTabInnerDiv { + background-color:#e6e6e7; + -webkit-transition-property:background-color, border; + -webkit-transition-duration:.35s; + color:#4a4a4a; +} +.claro .dijitTabHover .dijitTabInnerDiv { + background-color:#a9d6ff; + -webkit-transition-duration:.25s; + color:#000; +} +.claro .dijitTabActive .dijitTabInnerDiv { + background-color:#8bc4f9; + color:#000; + -webkit-transition-duration:.1s; +} +.claro .dijitTabChecked .dijitTabInnerDiv { + background-color:#b2d4f3; + color:#000; +} +.claro .dijitTabContent { + border: 1px solid #b5bcc7; +} +.claro .dijitTabHover .dijitTabContent, +.claro .dijitTabActive .dijitTabContent { + border-color: #769dc0; +} +.claro .dijitTabChecked .dijitTabContent { + color:#000; + border-color: #b5bcc7; +} +.claro .tabStripButton .dijitTabInnerDiv { + background-color: transparent; +} +.claro .tabStripButton .dijitTabContent { + border: none; +} +.claro .dijitTabContainerTop-tabs .dijitTab { + top: 1px; + margin-right: 1px; + padding-top: 3px; +} +.dj_ie7 .claro .dijitTabContainerTop-tabs .dijitTab { + top: 3px; +} +.claro .dijitTabContainerTop-tabs .dijitTabContent { + padding:3px 8px 3px 4px; + border-bottom: 1px; + background-image:url(layout/images/tabTop.png); + background-position:0px 0px; + background-repeat:repeat-x; + min-width: 60px; + text-align: center; +} +.claro .dijitTabContainerTop-tabs .dijitTabChecked .dijitTabContent { + padding-bottom: 4px; + padding-top: 6px; +} +.dj_ie .claro .dijitTabContainerTop-tabs .dijitTabChecked .dijitTabContent { + border-bottom: none; +} +.claro .dijitTabContainerTop-tabs .dijitTabInnerDiv { + background-image:url(layout/images/tabTop.png); + background-position:0px -248px; + background-position:bottom; + background-repeat:repeat-x; + box-shadow: 0px -1px 1px rgba(0, 0, 0, 0.04); + -webkit-box-shadow: 0px -1px 1px rgba(0, 0, 0, 0.04); + -moz-box-shadow: 0px -1px 1px rgba(0, 0, 0, 0.04); +} +.claro .dijitTabContainerTop-tabs .dijitTabChecked .dijitTabInnerDiv { + background-image:none; + box-shadow: 0px -1px 2px rgba(0, 0, 0, 0.05); + -webkit-box-shadow: 0px -1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: 0px -1px 2px rgba(0, 0, 0, 0.05); +} +.claro .dijitTabContainerTop-tabs .dijitTabChecked .dijitTabContent { + background-position:0px -102px; + background-repeat:repeat-x; +} +.claro .dijitTabContainerBottom-tabs .dijitTab { + top: -1px; + margin-right: 1px; +} +.claro .dijitTabContainerBottom-tabs .dijitTabContent { + padding:3px 8px 4px 4px; + border-top: none; + background-image: url(layout/images/tabBottom.png); + background-position:0px -249px; + background-repeat: repeat-x; + background-position:bottom; + min-width: 60px; + text-align: center; +} +.claro .dijitTabContainerBottom-tabs .dijitTab { + padding-bottom: 3px; +} +.claro .dijitTabContainerBottom-tabs .dijitTabInnerDiv { + background-image: url(layout/images/tabBottom.png); + background-position: top; + background-repeat: repeat-x; + box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.04); + -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.04); + -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.04); + +} +.claro .dijitTabContainerBottom-tabs .dijitTabChecked .dijitTabContent { + padding-bottom: 7px; + padding-top: 4px; + background-position:0px -119px; +} +.claro .dijitTabContainerBottom-tabs .dijitTabChecked { + padding-bottom: 0; +} +.claro .dijitTabContainerBottom-tabs .dijitTabChecked .dijitTabInnerDiv { + background-image:none; + box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); + -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); +} +.claro .dijitTabContainerLeft-tabs .dijitTab { + left: 1px; + margin-bottom: 1px; +} +.claro .dijitTabContainerLeft-tabs .dijitTabInnerDiv { + background-image: url(layout/images/tabLeft.png); + background-position: -347px -340px; + background-repeat: repeat-y; +} +.claro .dijitTabContainerLeft-tabs .dijitTabContent { + padding:3px 8px 4px 4px; + background-image: url(layout/images/tabLeft.png); + background-repeat: repeat-y; + background-position:0px 0px; +} +.claro .dijitTabContainerLeft-tabs .dijitTabChecked .dijitTabContent { + padding-right: 9px; + border-right: none; + background-image: none; +} +.claro .dijitTabContainerLeft-tabs .dijitTabChecked .dijitTabInnerDiv { + background-position:0px -179px; + background-repeat:repeat-y; + box-shadow: -1px 0px 2px rgba(0, 0, 0, .05); + -webkit-box-shadow: -1px 0px 2px rgba(0, 0, 0, .05); + -moz-box-shadow: -1px 0px 2px rgba(0, 0, 0, 0.05); +} +.claro .dijitTabContainerRight-tabs .dijitTab { + left: -1px; + margin-bottom: 1px; +} +.claro .dijitTabContainerRight-tabs .dijitTabInnerDiv { + background-image: url(layout/images/tabRight.png); + background-repeat: repeat-y; + background-position: -1px -347px; +} +.claro .dijitTabContainerRight-tabs .dijitTabContent { + padding:3px 8px 4px 4px; + background-image: url(layout/images/tabRight.png); + background-position:right top; + background-repeat: repeat-y; +} +.claro .dijitTabContainerRight-tabs .dijitTabChecked .dijitTabContent { + padding-left: 5px; + border-left: none; + background-image: none; +} +.claro .dijitTabContainerRight-tabs .dijitTabChecked .dijitTabInnerDiv { + background-position:-348px -179px; + box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.07); + -webkit-box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.07); + -moz-box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.07); +} +.claro .dijitTabContainerTop-tabs .dijitTabInnerDiv, +.claro .dijitTabContainerTop-tabs .dijitTabContent { + border-radius: 2px 2px 0px 0px; + -moz-border-radius: 2px 2px 0px 0px; + -webkit-border-top-left-radius:2px; + -webkit-border-top-right-radius:2px; +} +.claro .dijitTabContainerBottom-tabs .dijitTabInnerDiv, +.claro .dijitTabContainerBottom-tabs .dijitTabContent{ + border-radius: 0px 0px 2px 2px; + -moz-border-radius: 0px 0px 2px 2px; + -webkit-border-bottom-right-radius:2px; + -webkit-border-bottom-left-radius:2px; +} +.claro .dijitTabContainerLeft-tabs .dijitTabInnerDiv, +.claro .dijitTabContainerLeft-tabs .dijitTabContent{ + border-radius: 2px 0px 0px 2px; + -moz-border-radius: 2px 0px 0px 2px; + -webkit-border-top-left-radius:2px; + -webkit-border-bottom-left-radius:2px; +} +.claro .dijitTabContainerRight-tabs .dijitTabInnerDiv, +.claro .dijitTabContainerRight-tabs .dijitTabContent{ + border-radius: 0px 2px 2px 0px; + -moz-border-radius: 0px 2px 2px 0px; + -webkit-border-top-right-radius:2px; + -webkit-border-bottom-right-radius:2px; +} +.claro .tabStripButton { + background-color:#deecf9; + border: 1px solid #b5bcc7; +} +.claro .dijitTabListContainer-top .tabStripButton { + padding: 4px 3px; + margin-top:7px; + background-image: url(layout/images/tabTop.png); + background-position:0px 0px; +} +.claro .dijitTabListContainer-bottom .tabStripButton { + padding:5px 3px; + margin-bottom:4px; + background-image: url(layout/images/tabTop.png); + background-position:0px -248px; + background-position:bottom; +} +.claro .tabStripButtonHover { + background-color:#a6d2fb; +} +.claro .tabStripButtonActive { + background-color:#7dbefa; +} +.claro .dijitTabStripIcon { + height:15px; + width:15px; + margin: 0 auto; + background:url(form/images/buttonArrows.png) no-repeat -75px 50%; + background-color: transparent; +} +.claro .dijitTabStripSlideRightIcon{ + background-position: -24px 50%; +} +.claro .dijitTabStripMenuIcon { + background-position: -51px 50%; +} +.claro .dijitTabListContainer-top .tabStripButtonDisabled, +.claro .dijitTabListContainer-bottom .tabStripButtonDisabled { + background-color:#dddddd; + border:1px solid #c9c9c9; +} +.claro .tabStripButtonDisabled .dijitTabStripSlideLeftIcon { + background-position:-175px 50%; +} +.claro .tabStripButtonDisabled .dijitTabStripSlideRightIcon { + background-position: -124px 50%; +} +.claro .tabStripButtonDisabled .dijitTabStripMenuIcon { + background-position: -151px 50%; +} +.claro .dijitTabContainerNested .dijitTabListWrapper { + height: auto; +} +.claro .dijitTabContainerNested .dijitTabContainerTop-tabs { + border-bottom:solid 1px #b5bcc7; + padding:1px 2px 4px; + margin-top:-2px; +} +.claro .dijitTabContainerTabListNested .dijitTabContent { + background:rgba(255, 255, 255, 0) none repeat scroll 0 0; + border: none; + padding: 4px; + border-color: rgba(118,157,192,0); + -webkit-transition-property:background-color, border-color; + -webkit-transition-duration:.3s; +} +.claro .dijitTabContainerTabListNested .dijitTab .dijitTabInnerDiv { + + background: none; + border: none; + top: 0px; + box-shadow: none; + -webkit-box-shadow: none; + -moz-box-shadow: none; +} +.claro .dijitTabContainerTabListNested .dijitTabHover .dijitTabContent { + background-color:#eaf4fc; + border-radius: 2px 2px 2px 2px; + -moz-border-radius: 2px 2px 2px 2px; + -webkit-border-radius:2px; + border:solid 1px #c8dff3; + padding: 3px; + webkit-transition-duration:.2s; +} +.claro .dijitTabContainerTabListNested .dijitTabHover .tabLabel { + text-decoration: none; +} +.claro .dijitTabContainerTabListNested .dijitTabActive .dijitTabContent { + border-radius: 2px 2px 2px 2px; + -moz-border-radius: 2px 2px 2px 2px; + -webkit-border-radius:2px; + border:solid 1px #a8c7e2; + padding: 3px; + background:#b9d9f5 url(layout/images/tabNested.png) repeat-x; + -webkit-transition-duration:.1s; +} +.claro .dijitTabContainerTabListNested .dijitTabChecked .dijitTabContent { + border-radius: 2px 2px 2px 2px; + -moz-border-radius: 2px 2px 2px 2px; + -webkit-border-radius:2px; + padding: 3px; + border:solid 1px #a8c7e2; + background-position: 0px 105px; + background-color:#d4e8f9; +} +.claro .dijitTabContainerTabListNested .dijitTabChecked .tabLabel { + text-decoration: none; + background-image:none; +} +.claro .dijitTabPaneWrapperNested { + border: none; +} +.dj_ie6 .claro .dijitTabContent, +.dj_ie6 .claro .dijitTabInnerDiv, +.dj_ie6 .dijitTabListContainer-top .tabStripButton, +.dj_ie6 .dijitTabListContainer-bottom .tabStripButton{ + background-image: none; +} +.claro .dijitDialog { + border: 1px solid #769dc0; + box-shadow:0px 1px 5px rgba(0,0,0,0.25); + -webkit-box-shadow:0px 1px 5px rgba(0,0,0,0.25); + -moz-box-shadow: 0px 1px 5px rgba(0,0,0,0.25); +} +.claro .dijitDialogPaneContent { + background: #fff repeat-x top left; + border-top: 1px solid #769dc0; + padding:10px 8px; + position: relative; +} +.claro .dijitDialogPaneContentArea { + + margin: -10px -8px; + padding: 10px 8px; +} +.claro .dijitDialogPaneActionBar { + + background-color: #f2f2f2; + padding: 3px 5px 2px 7px; + text-align: right; + border-top: 1px solid #cdcdcd; + margin: 10px -8px -10px; +} +.claro .dijitDialogPaneActionBar .dijitButton { + float: none; +} +.claro .dijitDialogTitleBar { + + border: 1px solid #fff; + border-top:none; + background-color: #abd6ff; + background-image: url(images/titlebar.png); + background-repeat:repeat-x; + padding: 5px 7px 4px 7px; +} +.claro .dijitDialogTitle { + + padding: 0px 1px; + font-size:1.091em; +} +.claro .dijitDialogCloseIcon { + + background: url(images/dialogCloseIcon.png); + background-repeat:no-repeat; + position: absolute; + right: 5px; + height: 15px; + width: 21px; +} +.dj_ie6 .claro .dijitDialogCloseIcon { + background-image: url(images/dialogCloseIcon8bit.png); +} +.claro .dijitDialogCloseIconHover { + background-position:-21px; +} +.claro .dijitDialogCloseIconActive { + background-position:-42px; +} +.claro .dijitTooltip, +.claro .dijitTooltipDialog { + + background: transparent; +} +.dijitTooltipBelow { + + padding-top: 13px; + padding-left:3px; + padding-right:3px; +} +.dijitTooltipAbove { + + padding-bottom: 13px; + padding-left:3px; + padding-right:3px; +} +.claro .dijitTooltipContainer { + + background-color:#fff; + background-image:url(images/tooltip.png); + background-repeat:repeat-x; + background-position:-575px 100%; + border:1px solid #769DC0; + padding:6px 8px; + border-radius: 4px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + box-shadow:0px 1px 3px rgba(0,0,0,0.25); + -webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.25); + -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.25); + font-size: 1em; +} +.dj_ie6 .claro .dijitTooltipContainer { + background-image: none; +} +.claro .dijitTooltipConnector { + + border: 0px; + z-index: 2; + background-image:url(images/tooltip.png); + background-repeat:no-repeat; + width:16px; + height:14px; +} +.dj_ie6 .claro .dijitTooltipConnector { + background-image:url(images/tooltip8bit.png); +} +.claro .dijitTooltipABRight .dijitTooltipConnector { + + left: auto !important; + right: 3px; +} +.claro .dijitTooltipBelow .dijitTooltipConnector { + + top: 0px; + left: 3px; + background-position:-31px 0%; + width:16px; + height:14px; +} +.claro .dijitTooltipAbove .dijitTooltipConnector { + + bottom: 0px; + left: 3px; + background-position:-15px 0%; + width:16px; + height:14px; +} +.dj_ie7 .claro .dijitTooltipAbove .dijitTooltipConnector, +.dj_ie6 .claro .dijitTooltipAbove .dijitTooltipConnector { + bottom: -1px; +} +.claro .dijitTooltipLeft { + padding-right: 14px; +} +.dj_ie6 .claro .dijitTooltipLeft { + padding-left: 15px; +} +.claro .dijitTooltipLeft .dijitTooltipConnector { + + right: 0px; + bottom: 3px; + background-position:0px 0%; + width:16px; + height:14px; +} +.claro .dijitTooltipRight { + padding-left: 14px; +} +.claro .dijitTooltipRight .dijitTooltipConnector { + + left: 0px; + bottom: 3px; + background-position:-48px 0%; + width:16px; + height:14px; +} +.claro .dijitDialogUnderlay { + background: #fff; +} +.claro .dijitAccordionContainer { + border:none; +} +.claro .dijitAccordionInnerContainer { + background-color: #e6e6e7; + border:solid 1px #b5bcc7; + margin-bottom:1px; + -webkit-transition-property:background-color,border; + -webkit-transition-duration:.3s; + -webkit-transition-timing-function:linear; +} +.claro .dijitAccordionTitle { + background-color: transparent; + background-image: url(layout/images/accordion.png); + background-position:0px 0px; + background-repeat:repeat-x; + padding: 5px 7px 2px 7px; + min-height:17px; + color:#4a4a4a; +} +.dj_ie6 .claro .dijitAccordionTitle { + background-image: none; +} +.claro .dijitAccordionContainer .dijitAccordionContainer-child { + background-color:#fff; + + border:1px solid #92bce1 !important; + margin: 0px 2px 2px; + padding: 9px; +} +.claro .dijitAccordionInnerContainerActive { + border:1px solid #769DC0; + background-color:#7dbefa; + -webkit-transition-duration:.1s; +} +.claro .dijitAccordionInnerContainerActive .dijitAccordionTitle { + background-position:0px -136px; + color:#000; +} +.claro .dijitAccordionInnerContainerSelected { + border-color:#92bce1; + background-color: #cde8ff; +} +.claro .dijitAccordionInnerContainerSelected .dijitAccordionTitle { + color:#000; + background-position: 0 0; +} +.claro .dijitAccordionInnerContainerHover dijitAccordionTitle { + + color:#000; +} +.claro .dijitAccordionInnerContainerHover, +.claro .dijitAccordionInnerContainerSelectedActive { + border:1px solid #769DC0; + background-color:#9dcfff; + -webkit-transition-duration:.2s; +} +.claro .dijitAccordionInnerContainerSelectedHover .dijitAccordionContainer-child, +.claro .dijitAccordionInnerContainerSelectedActive .dijitAccordionContainer-child { + background-color:#ffffff; + border:1px solid #769DC0 !important; + -webkit-box-shadow:inset 0px 0px 3px rgba(0, 0, 0, .25); + -moz-box-shadow:inset 0px 0px 3px rgba(0, 0, 0, .25); +} +.claro .dijitContentPane { + padding: 8px; +} +.claro .dijitTabContainerTop-dijitContentPane, +.claro .dijitTabContainerLeft-dijitContentPane, +.claro .dijitTabContainerBottom-dijitContentPane, +.claro .dijitTabContainerRight-dijitContentPane, +.claro .dijitAccordionContainer-dijitContentPane { + background-color: #fff; + padding: 8px; +} +.claro .dijitSplitContainer-dijitContentPane, +.claro .dijitBorderContainer-dijitContentPane { + background-color: #fff; + padding: 8px; +} +.claro .dijitCalendar { + border:solid 1px #b5bcc7; + background-color:#d4ebff; + background-image:url(images/calendarContainerImages.png); + background-position:0px -448px; + background-repeat:repeat-x; + text-align:center; + padding:6px 5px 3px 5px; + -moz-border-radius:4px; + -webkit-border-radius:4px; +} +.dj_ie6 .claro .dijitCalendar { + background-image:none; +} +.claro .dijitCalendar img { + border:none; +} +.claro .dijitCalendarHover, +.claro .dijitCalendarActive { + background-color: #b7dcff; + border:solid 1px #769dc0; +} +.claro .dijitCalendarMonthContainer th { + text-align:center; + padding-bottom:4px; + vertical-align:middle; +} +.claro .dijitCalendarMonthLabelSpacer { + display:none; +} +.claro .dijitCalendarMonthLabel { + color:#000000; + font-size: 1.091em; + display: block; +} +.claro .dijitCalendarIncrementControl { + width:18px; + height:16px; + background-image: url(images/calendarArrows.png); + background-repeat: no-repeat; +} +.dj_ie6 .claro .dijitCalendarIncrementControl { + background-image: url(images/calendarArrows8bit.png); +} +.claro .dijitCalendarIncrease { + background-position:-18px 0px; +} +.claro .dijitCalendarArrowHover .dijitCalendarDecrease { + background-position:-36px 0px; +} +.claro .dijitCalendarArrowHover .dijitCalendarIncrease { + background-position:-55px 0px; +} +.claro .dijitCalendarArrowActive .dijitCalendarDecrease { + background-position:-72px 0px; +} +.claro .dijitCalendarArrowActive .dijitCalendarIncrease { + background-position:-91px 0px; +} +.claro .dijitA11ySideArrow { + + display: none; +} +.claro .dijitDayLabels th { + padding:0px 4px 0px 4px; + border-bottom:solid 1px #99b5cd; + font-weight:bold; + text-align:center; +} +.claro .dijitCalendarDayLabelTemplate { + padding-bottom:0em; + text-align:center; + border-bottom:1px solid #99B5CD; + font-size:0.909em; + padding:0 3px 2px; +} +.claro .dijitCalendarDateTemplate { + text-align:center; + background-color:#fff; + background-image:url(images/calendarContainerImages.png); + background-position:0px 0px; + background-repeat:repeat-x; + border-bottom: 1px solid #dadde1; + padding-top:0px; + font-size:0.909em; + font-family: Arial; + font-weight:bold; + letter-spacing:.05em; + text-align:center; +} +.dj_ie6 .claro .dijitCalendarDateTemplate { + background-image: none; +} +.claro .dijitCalendarPreviousMonth, +.claro .dijitCalendarNextMonth { + background-color:#ebf3f9; + background-image:none; + border-bottom:solid 1px #d2dae8; + color:#547da1; +} +.claro .dijitCalendarDateTemplate .dijitCalendarDateLabel { + text-decoration:none; + display:block; + padding:3px 5px 3px 4px; + border:solid 1px #fff; + color:#1e1e1e; + background-color:rgba(171,212,251,0); + -webkit-transition-property:background-color, border; + -webkit-transition-duration:.35s; +} +.claro .dijitCalendarPreviousMonth .dijitCalendarDateLabel, +.claro .dijitCalendarNextMonth .dijitCalendarDateLabel{ + color:#547da1; + border-color:#ebf3f9; +} +.claro .dijitCalendarYearContainer { + vertical-align:middle; +} +.claro .dijitCalendarYearControl { + padding: 1px 2px 2px 2px; +} +.claro .dijitCalendarYearLabel { + padding:2px 0px 0px 0px; + margin:0; +} +.claro .dijitCalendarYearLabel span { + + vertical-align:middle; +} +.claro .dijitCalendarSelectedYear { + padding:0px 3px; +} +.claro .dijitCalendarNextYear, +.claro .dijitCalendarPreviousYear { + padding: 1px 6px 1px 6px; + font-size:0.909em; +} +.claro .dijitCalendarSelectedYear { + font-size:1.091em; + color:#000; +} +.claro .dijitCalendarHoveredDate .dijitCalendarDateLabel{ + background-color:#abd4fb; + border:solid 1px #729dc2; + color:#000; + -webkit-transition-duration:.2s; +} +.claro .dijitCalendarNextYearHover, +.claro .dijitCalendarPreviousYearHover { + color:#000; + border:solid 1px #fefefe; + padding: 0px 5px 0px 5px; + background-color:#eaf4fe; +} +.claro .dijitCalendarNextYearActive, +.claro .dijitCalendarPreviousYearActive { + border: solid 1px #87b3d9; + padding: 0px 5px 0px 5px; + background-color:#90bde6; +} +.claro .dijitCalendarActiveDate .dijitCalendarDateLabel { + background-image:url(images/calendarContainerImages.png); + background-position:0px -300px; + background-color:#75b5f0; + border:solid 1px #fff; + -webkit-transition-duration:.1s; +} +.dj_ie6 .claro .dijitCalendarActiveDate .dijitCalendarDateLabel { + background-image:none; +} +.claro .dijitCalendarSelectedDate .dijitCalendarDateLabel { + color:#000; + background-color:#e7f4ff; + border-color:#accfed; +} +.claro .dijitCalendarDisabledDate .dijitCalendarDateLabel { + text-decoration:line-through; + + + background-color: transparent; + border-width: 0px; + padding: 4px 6px 4px 5px; + color: #547DA1; +} +.claro .dijitCalendarMonthContainer .dijitMenu{ + + top: 20px !important; + left: 0px; + border-color: #769dc0; + background-color: #fff; + text-align:center; + background-image: none; +} +.claro .dijitCalendarMonthContainer .dijitMenu .dijitCalendarMonthLabel{ + border-top: solid 1px #fff; + border-bottom: solid 1px #fff; + padding: 2px 20px; +} +.claro .dijitCalendarMonthContainer .dijitMenu .dijitMenuItemHover { + background-color: #abd6ff; + border-color: #769dc0; + border-width:1px 0px; + background-image: url(images/commonHighlight.png); + background-repeat:repeat-x; +} +.claro .dijitMenuBar { + border: 1px solid #b5bcc7; + margin: 0px; + padding: 0px; + background-color: #e6e6e7; + background-image: url(images/commonHighlight.png); + background-position:0px 0px; + background-repeat:repeat-x; +} +.dj_ie6 .claro .dijitMenuBar { + background-image:none; +} +.claro .dijitMenu { + background-repeat:repeat-y; + background-color:#fff; + border: 1px solid #769dc0; + + margin: -1px 0; +} +.claro .dijitMenuBar .dijitMenuItem { + padding: 6px 10px 7px; + background-position:0px 100px; + color:#4a4a4a; + margin:-1px; +} +.claro .dijitMenuItem { + background-image: url(images/menuHighlight.png); + background-position:0px -40px; + background-repeat:repeat-x; +} +.claro .dijitMenuTable { + border-collapse:separate; + border-spacing:0 0; + padding:0px; +} +.claro .dijitMenuItem td{ + padding:1px; +} +.claro .dijitMenuPassive .dijitMenuItemHover, +.claro .dijitMenuPassive .dijitMenuItemSelected { + background-color: #abd6ff; + border:solid 1px #769dc0; + background-position:0px 0px; + color:#000; + padding: 5px 9px 6px; +} +.claro .dijitMenuPassive .dijitMenuItemActive{ + background-position:0px -177px; +} +.dj_ie6 .claro .dijitMenuItem, +.dj_ie6 .claro .dijitMenuPassive .dijitMenuItem { + background-image: none; +} +.claro .dijitMenuActive .dijitMenuItemHover, +.claro .dijitMenuActive .dijitMenuItemSelected { + border:solid 1px #769dc0; + padding: 5px 9px 6px; + background-color: #9dcfff; + background-position:0px 0px; + color:#000; +} +.dj_ie .claro .dijitMenuActive .dijitMenuItemHover, +.dj_ie .claro .dijitMenuActive .dijitMenuItemSelected, +.dj_ie .claro .dijitMenuPassive .dijitMenuItemHover, +.dj_ie .claro .dijitMenuPassive .dijitMenuItemSelected { + padding-top: 6px; + padding-bottom: 5px; + margin-top: -3px; +} +.claro .dijitMenuActive .dijitMenuItemActive{ + background-color: #7dbefa; + background-position:0px -177px; +} +.claro .dijitMenuItemActive { + background-position:0px -177px; +} +.claro td.dijitMenuItemIconCell { + padding: 2px; + margin: 0px 0px 0px 4px; +} +.claro td.dijitMenuItemLabel { + padding-top: 5px; + padding-bottom: 5px; +} +.claro .dijitMenuExpand { + width: 7px; + height: 7px; + background-image: url(images/spriteArrows.png); + background-position: -14px 0px; + margin-right:3px; +} +.claro .dijitMenuItemDisabled .dijitMenuItemIconCell { + opacity:1; +} +.claro .dijitMenuSeparatorTop { + height: auto; + margin-top:1px; + border-bottom: 1px solid #b5bcc7 +} +.claro .dijitMenuSeparatorBottom{ + height: auto; + margin-bottom:1px; +} +.claro .dijitCheckedMenuItemIconChar { + display: none; +} +.claro .dijitCheckedMenuItemIcon { + background-image: url(form/images/checkboxRadioButtonStates.png); + background-repeat:no-repeat; + background-position: -15px 50%; + width:15px; + height:16px; +} +.dj_ie6 .claro .dijitCheckedMenuItemIcon { + background-image: url(form/images/checkboxAndRadioButtons_IE6.png); +} +.claro .dijitCheckedMenuItemChecked .dijitCheckedMenuItemIcon { + background-position: 0 50%; +} +.claro .dijitComboBoxMenu { + margin-left:0px; + background-image: none; +} +.claro .dijitComboBoxMenu .dijitMenuItem{ + padding:2px 0px; + text-indent:6px; + border-width:1px 0px 1px 0px; + border-style:solid; + border-color:#fff; +} +.claro .dijitComboBoxMenu .dijitMenuItemSelected { + color:#000; + border-color:#768dc0; + background-color:#abd6ff; +} +.claro .dijitComboBoxMenuActive .dijitMenuItemSelected { + background-position:0px -177px; + background-color:#7dbefa; +} +.claro .dijitMenuPreviousButton, .claro .dijitMenuNextButton { + font-style: italic; +} +.claro .dijitSliderBar { + border-style: solid; + outline: 1px; +} +.claro .dijitSliderFocused .dijitSliderBar { + border-color: #769dc0; +} +.claro .dijitSliderHover .dijitSliderBar { + border-color: #769dc0; +} +.claro .dijitSliderDisabled .dijitSliderBar { + background-image: none; + border-color: #d3d3d3; +} +.claro .dijitRuleLabelsContainerH { + padding: 2px 0px; +} +.claro .dijitSlider .dijitSliderProgressBarH, +.claro .dijitSlider .dijitSliderLeftBumper{ + background-image: url(form/images/sliderHorizontal.png); + background-repeat:repeat-x; + background-position:0 -20px; + border-color: #b5bcc7; + background-color: #cfe5fa; +} +.claro .dijitSlider .dijitSliderRemainingBarH, +.claro .dijitSlider .dijitSliderRightBumper{ + background-image: url(form/images/sliderHorizontal.png); + background-repeat:repeat-x; + background-position:0 -11px; + border-color: #b5bcc7; + background-color: #fff; +} +.claro .dijitSliderRightBumper { + border-right: solid 1px #b5bcc7; +} +.claro .dijitSliderLeftBumper { + border-left: solid 1px #b5bcc7; +} +.claro .dijitSliderHover .dijitSliderProgressBarH, +.claro .dijitSliderHover .dijitSliderLeftBumper{ + background-position:0 -20px; + background-color: #abd6ff; + border-color: #769dc0; +} +.claro .dijitSliderHover .dijitSliderRemainingBarH, +.claro .dijitSliderHover .dijitSliderRightBumper{ + background-position:0 0px; + background-color: #fff; + border-color: #769dc0; +} +.claro .dijitSliderFocused .dijitSliderProgressBarH, +.claro .dijitSliderFocused .dijitSliderLeftBumper{ + background-position:0 -30px; + background-color: #abd6ff; + border-color: #769dc0; +} +.claro .dijitSliderFocused .dijitSliderRemainingBarH, +.claro .dijitSliderFocused .dijitSliderRightBumper{ + background-position:0 -9px; + background-color: #fff; + border-color: #769dc0; +} +.claro .dijitSliderDisabled .dijitSliderProgressBarH, +.claro .dijitSliderDisabled .dijitSliderLeftBumper{ + background-color: #cdcdcd; + background-image:none; +} +.claro .dijitSliderDisabled .dijitSliderRemainingBarH, +.claro .dijitSliderDisabled .dijitSliderRightBumper{ + background-color: #efefef; +} +.claro .dijitRuleLabelsContainerV { + padding: 0px 2px; +} +.claro .dijitSlider .dijitSliderProgressBarV, +.claro .dijitSlider .dijitSliderBottomBumper{ + background-image: url(form/images/sliderVertical.png); + background-repeat:repeat-y; + background-position:-36px 0; + border-color: #b5bcc7; + background-color: #cfe5fa; +} +.claro .dijitSlider .dijitSliderRemainingBarV, +.claro .dijitSlider .dijitSliderTopBumper{ + background-image: url(form/images/sliderVertical.png); + background-repeat:repeat-y; + background-position:-3px 0; + border-color: #b5bcc7; + background-color: #fff; +} +.claro .dijitSliderBottomBumper { + border-bottom: solid 1px #b5bcc7; +} +.claro .dijitSliderTopBumper { + border-top: solid 1px #b5bcc7; +} +.claro .dijitSliderHover .dijitSliderProgressBarV, +.claro .dijitSliderHover .dijitSliderBottomBumper{ + background-position:-36px 0; + background-color: #abd6ff; +} +.claro .dijitSliderHover .dijitSliderRemainingBarV, +.claro .dijitSliderHover .dijitSliderTopBumper{ + background-position:0 0; + background-color: #fff; +} +.claro .dijitSliderFocused .dijitSliderProgressBarV, +.claro .dijitSliderFocused .dijitSliderBottomBumper{ + background-position:-56px 0; + background-color: #abd6ff; +} +.claro .dijitSliderFocused .dijitSliderRemainingBarV, +.claro .dijitSliderFocused .dijitSliderTopBumper{ + background-position:-18px 0; + background-color: #fff; +} +.claro .dijitSliderDisabled .dijitSliderProgressBarV, +.claro .dijitSliderDisabled .dijitSliderBottomBumper{ + background-color: #cdcdcd; +} +.claro .dijitSliderDisabled .dijitSliderRemainingBarV, +.claro .dijitSliderDisabled .dijitSliderTopBumper{ + background-color: #efefef; +} +.claro .dijitSliderImageHandleH { + border: 0px; + width: 18px; + height: 16px; + background-image: url(form/images/sliderThumbs.png); + background-repeat:no-repeat; + background-position:0 0; +} +.claro .dijitSliderHover .dijitSliderImageHandleH { + background-position:-18px 0; +} +.claro .dijitSliderFocused .dijitSliderImageHandleH { + background-position:-36px 0; +} +.claro .dijitSliderProgressBarH .dijitSliderThumbHover{ + background-position:-36px 0; +} +.claro .dijitSliderProgressBarH .dijitSliderThumbActive{ + background-position:-36px 0; +} +.claro .dijitSliderReadOnly .dijitSliderImageHandleH, +.claro .dijitSliderDisabled .dijitSliderImageHandleH { + background-position:-54px 0; +} +.claro .dijitSliderImageHandleV { + border: 0px; + width: 18px; + height: 16px; + background-image: url(form/images/sliderThumbs.png); + background-repeat:no-repeat; + background-position:-289px 0; +} +.claro .dijitSliderHover .dijitSliderImageHandleV { + background-position:-307px 0; +} +.claro .dijitSliderFocused .dijitSliderImageHandleV { + background-position:-325px 0; +} +.claro .dijitSliderProgressBarV .dijitSliderThumbHover{ + background-position:-325px 0; +} +.claro .dijitSliderProgressBarV .dijitSliderThumbActive{ + background-position:-325px 0; +} +.claro .dijitSliderReadOnly .dijitSliderImageHandleV, +.claro .dijitSliderDisabled .dijitSliderImageHandleV { + background-position:-343px 0; +} +.claro .dijitSliderButtonContainerH{ + padding: 1px 3px 1px 2px; +} +.claro .dijitSliderButtonContainerV{ + padding: 3px 1px 2px 1px; +} +.claro .dijitSliderDecrementIconH, +.claro .dijitSliderIncrementIconH, +.claro .dijitSliderDecrementIconV, +.claro .dijitSliderIncrementIconV { + background-image: url(form/images/commonFormArrows.png); + background-repeat:no-repeat; + background-color: #e9ecf2; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border: solid 1px #b5bcc7; + font-size: 1px; +} +.claro .dijitSliderDecrementIconH, +.claro .dijitSliderIncrementIconH { + height: 12px; + width: 9px; +} +.claro .dijitSliderDecrementIconV, +.claro .dijitSliderIncrementIconV { + height: 9px; + width: 12px; +} +.claro .dijitSliderActive .dijitSliderDecrementIconH, +.claro .dijitSliderActive .dijitSliderIncrementIconH, +.claro .dijitSliderActive .dijitSliderDecrementIconV, +.claro .dijitSliderActive .dijitSliderIncrementIconV, +.claro .dijitSliderHover .dijitSliderDecrementIconH, +.claro .dijitSliderHover .dijitSliderIncrementIconH, +.claro .dijitSliderHover .dijitSliderDecrementIconV, +.claro .dijitSliderHover .dijitSliderIncrementIconV { + border: solid 1px #769dc0; + background-color:#fff; +} +.claro .dijitSliderDecrementIconH { + background-position:-357px 50%; +} +.claro .dijitSliderActive .dijitSliderDecrementIconH +.claro .dijitSliderHover .dijitSliderDecrementIconH { + background-position:-393px 50%; +} +.claro .dijitSliderIncrementIconH { + background-position:-251px 50%; +} +.claro .dijitSliderActive .dijitSliderIncrementIconH +.claro .dijitSliderHover .dijitSliderIncrementIconH { + background-position:-283px 50%; +} +.claro .dijitSliderDecrementIconV { + background-position:-38px 50%; +} +.claro .dijitSliderActive .dijitSliderDecrementIconV +.claro .dijitSliderHover .dijitSliderDecrementIconV { + background-position:-73px 50%; +} +.claro .dijitSliderIncrementIconV { + background-position:-143px 49%; +} +.claro .dijitSliderActive .dijitSliderIncrementIconV +.claro .dijitSliderHover .dijitSliderIncrementIconV { + background-position:-178px 49%; +} +.claro .dijitSliderButtonContainerV .dijitSliderDecrementButtonHover, +.claro .dijitSliderButtonContainerH .dijitSliderDecrementButtonHover, +.claro .dijitSliderButtonContainerV .dijitSliderIncrementButtonHover, +.claro .dijitSliderButtonContainerH .dijitSliderIncrementButtonHover { + background-color: #cce3fc; +} +.claro .dijitSliderButtonContainerV .dijitSliderDecrementButtonActive, +.claro .dijitSliderButtonContainerH .dijitSliderDecrementButtonActive, +.claro .dijitSliderButtonContainerV .dijitSliderIncrementButtonActive, +.claro .dijitSliderButtonContainerH .dijitSliderIncrementButtonActive { + background-color: #a5d0fc; + border-color:#6591b9; +} +.claro .dijitSliderButtonInner { + visibility: hidden; +} +.claro .dijitSliderDisabled .dijitSliderBar{ + border-color: #d3d3d3; +} +.claro .dijitSliderReadOnly *,.claro .dijitSliderDisabled * { + border-color: #d3d3d3; + color: #bdbdbd; +} +.claro .dijitSliderReadOnly .dijitSliderDecrementIconH, +.claro .dijitSliderDisabled .dijitSliderDecrementIconH { + background-position:-321px 50%; + background-color:#e9e9e9; +} +.claro .dijitSliderReadOnly .dijitSliderIncrementIconH, +.claro .dijitSliderDisabled .dijitSliderIncrementIconH { + background-position:-215px 50%; + background-color:#e9e9e9; +} +.claro .dijitSliderReadOnly .dijitSliderDecrementIconV, +.claro .dijitSliderDisabled .dijitSliderDecrementIconV { + background-position:-3px 49%; + background-color:#e9e9e9; +} +.claro .dijitSliderReadOnly .dijitSliderIncrementIconV, +.claro .dijitSliderDisabled .dijitSliderIncrementIconV { + background-position:-107px 49%; + background-color:#e9e9e9; +} +.dj_ie6 .claro .dijitSlider .dijitSliderProgressBarH, +.dj_ie6 .claro .dijitSlider .dijitSliderLeftBumper, +.dj_ie6 .claro .dijitSlider .dijitSliderRemainingBarH, +.dj_ie6 .claro .dijitSlider .dijitSliderRightBumper, +.dj_ie6 .claro .dijitSlider .dijitSliderProgressBarV, +.dj_ie6 .claro .dijitSlider .dijitSliderTopBumper, +.dj_ie6 .claro .dijitSlider .dijitSliderRemainingBarV, +.dj_ie6 .claro .dijitSlider .dijitSliderBottomBumper { + background-image:none; +} +.claro .dijitColorPalette { + outline: 1px solid #769dc0; + border: 1px solid #c0ccdf; + background:#fff; + -moz-border-radius: 0px; +} +.claro .dijitColorPalette .dijitPaletteImg { + + border: 1px solid #cecece; +} +.claro .dijitColorPalette .dijitPaletteCellHover .dijitPaletteImg { + border: 1px solid #000; +} +.claro .dijitColorPalette .dijitPaletteCellActive .dijitPaletteImg, +.claro .dijitColorPalette .dijitPaletteCellSelected .dijitPaletteImg { + border: 2px solid #000; +} +.claro .dijitInlineEditBoxDisplayMode { + border: 1px solid transparent; +} +.claro .dijitInlineEditBoxDisplayModeHover { + background-color: #e2f1ff; + border: solid 1px #769dc0; +} +.dj_ie6 .claro .dijitInlineEditBoxDisplayMode { + border: none; +} + +.claro .dijitProgressBar { + margin:2px 0px 2px 0px; +} +.claro .dijitProgressBarEmpty { + + background:#fff url(images/progressBarEmpty.png) repeat-none left; + border-color: #769dc0; +} +.claro .dijitProgressBarTile { + + background:#9dcfff url(images/progressBarFull.png) repeat-x top; +} +.dj_ie6 .claro .dijitProgressBarTile { + background-image: none; +} +.claro .dijitProgressBarFull { + border-right:1px solid #769dc0; +} +.claro .dijitProgressBarLabel { + + color:#293a4b; +} +.claro .dijitProgressBarIndeterminate .dijitProgressBarTile { + + background:#cad2de url(images/progressBarAnim.gif) repeat-x top; +} +.claro .dijitTimePicker .dijitButtonNode { + padding: 0 0; + border-radius: 0; + -moz-border-radius: 0; + -webkit-border-radius: 0; +} +.claro .dijitTimePicker{ + border:1px #b5bcc7 solid; + border-top:none; + border-bottom:none; + background-color:#fff; +} +.claro .dijitTimePickerItem{ + + background-image: url(images/commonHighlight.png); + background-position:0px -1px; + background-repeat:repeat-x; + border-top:solid 1px #b5bcc7; + border-bottom:solid 1px #b5bcc7; + margin-right:-1px; + margin-left:-1px; + margin-top:-1px; +} +.dj_ie6 .claro .dijitTimePickerItem { + background-image: none; +} +.claro .dijitTimePickerTick { + + color:#7a7a7a; + background-color:#f2f2f2; + font-size:0.818em; +} +.claro .dijitTimePickerMarker { + + color:#000; + background-color:#e3f2ff; + font-size: 1em; + white-space: nowrap; +} +.claro .dijitTimePickerTickHover, +.claro .dijitTimePickerMarkerHover, +.claro .dijitTimePickerMarkerSelected, +.claro .dijitTimePickerTickSelected { + background-color: #83c0fa; + color:#000; + border:solid 1px #b5bcc7; + margin-left:-7px; + margin-right:-7px; +} +.claro .dijitTimePickerMarkerSelected, +.claro .dijitTimePickerTickSelected { + font-size: 1em; + } +.dj_ie .claro .dijitTimePickerTickHover, +.dj_ie .claro .dijitTimePickerMarkerHover, +.dj_ie .claro .dijitTimePickerMarkerSelected, +.dj_ie .claro .dijitTimePickerTickSelected { + width: 114%; +} +.dj_ie6 .claro .dijitTimePickerTickHover, +.dj_ie6 .claro .dijitTimePickerMarkerHover, +.dj_ie6 .claro .dijitTimePickerMarkerSelected, +.dj_ie6 .claro .dijitTimePickerTickSelected { + position: relative; + zoom: 1; +} +.claro .dijitTimePickerTick .dijitTimePickerItemInner { + padding:1px; + margin:0px; +} +.claro .dijitTimePicker .dijitButtonNode { + border-left:none; + border-right:none; + border-color:#b5bcc7; + background-color: #f6f7fa; + background-image: url(images/commonHighlight.png); + background-position:0px -1px; + background-repeat:repeat-x; +} +.dj_ie6 .claro .dijitTimePicker .dijitButtonNode { + background-image: none; +} +.claro .dijitTimePicker .dijitArrowButtonInner{ + height: 100%; + background-image: url(form/images/commonFormArrows.png); + background-repeat: no-repeat; + background-position:-140px 45%; +} +.claro .dijitTimePicker .dijitDownArrowButton .dijitArrowButtonInner{ + background-position:-35px 45%; +} +.claro .dijitTimePicker .dijitUpArrowHover, +.claro .dijitTimePicker .dijitDownArrowHover { + background-color: #abd6ff; +} +.claro .dijitTimePicker .dijitUpArrowHover .dijitArrowButtonInner { + background-position:-175px 45%; +} +.claro .dijitTimePicker .dijitDownArrowHover .dijitArrowButtonInner { + background-position:-70px 45%; +} +.claro .dijitBorderContainer { + border: 1px #b5bcc7 solid; + padding: 5px; +} +.claro .dijitSplitContainer-child, +.claro .dijitBorderContainer-child { + + border: 1px #b5bcc7 solid; +} +.claro .dijitBorderContainer-dijitTabContainerTop, +.claro .dijitBorderContainer-dijitTabContainerBottom, +.claro .dijitBorderContainer-dijitTabContainerLeft, +.claro .dijitBorderContainer-dijitTabContainerRight, +.claro .dijitBorderContainer-dijitAccordionContainer { + + border: none; +} +.claro .dijitBorderContainer-dijitBorderContainer { + + border: 1px #c0ccdf solid; + padding: 5px; +} +.claro .dijitSplitterH, +.claro .dijitGutterH { + background:none; + border:0; + height:5px; +} +.claro .dijitSplitterH .dijitSplitterThumb { + background:#dde2e9 none; + height:1px; + top:2px; + width:19px; +} +.claro .dijitSplitterV, +.claro .dijitGutterV { + background:none; + border:0; + width:5px; + margin: 0; +} +.claro .dijitSplitterV .dijitSplitterThumb { + background:#dde2e9 none; + height:19px; + left:2px; + width:1px; + margin: 0; +} +.claro .dijitSplitterHHover { + font-size: 1px; + background: url(layout/images/splitterHorizontalHover.png) no-repeat center top; +} +.claro .dijitSplitterHHover .dijitSplitterThumb { + background:#769dc0 none; +} +.claro .dijitSplitterVHover { + font-size: 1px; + background: url(layout/images/splitterVerticalHover.png) no-repeat center left; +} +.claro .dijitSplitterVHover .dijitSplitterThumb { + background:#769dc0 none; +} +.dj_ie6 .dijitSplitterHHover, +.dj_ie6 .claro .dijitSplitterVHover { + background-color:#cfe9ff; + background-image:none; +} +.claro .dijitSplitterHActive { + font-size: 1px; + background-color:#abd4fb; + border-top:blue; +} +.claro .dijitSplitterVActive { + font-size: 1px; + background-color:#abd4fb; +} +.claro .dijitTreeNode { + zoom: 1; +} +.claro .dijitTreeIsRoot { + background-image: none; +} +.claro .dijitTreeRow { + + padding: 4px 1px 2px 0px; + margin-left: 1px; + background-image: url(images/commonHighlight.png); + background-position:0px 0px; + background-repeat:repeat-x; + border-color: rgba(118,157,192,0); + background-color: rgba(171,214,255,0); + -webkit-transition-property:background-color, border-color; + -webkit-transition-duration:.25s ; + -webkit-transition-timing-function: ease-out; +} +.dj_ie6 .claro .dijitTreeRow { + background-image: none; +} +.claro .dijitTreeRowSelected { + background-repeat:repeat-x; + background-color:#d8edff; + padding: 3px 0px 1px; + margin-left: 0px; + border:solid 1px #c3e2fd; + color:#000; +} +.claro .dijitTreeRowHover { + background-color:#abd6ff; + padding: 3px 0px 1px; + margin-left: 0px; + border:solid 1px #769dc0; + color:#000; + -webkit-transition-duration:.25s ; +} +.claro .dijitTreeRowActive { + background-color:#7dbefa; + background-position:0px -177px; + padding: 3px 0px 1px; + margin-left: 0px; + border:solid 1px #769dc0; + color:#000; +} +.dj_ie6 .claro .dijitTreeRowActive { + background-image: none; +} +.claro .dijitTreeRowFocused { + background-repeat: repeat; +} +.claro .dijitTreeExpando { + background-image: url(images/treeExpandImages.png); + width: 16px; + height: 16px; + background-position: -35px 0px +} +.dj_ie6 .claro .dijitTreeExpando { + background-image: url(images/treeExpandImages8bit.png); +} +.claro .dijitTreeRowHover .dijitTreeExpandoOpened { + background-position: -53px 0px; +} +.claro .dijitTreeExpandoClosed { + background-position: 1px 0px; +} +.claro .dijitTreeRowHover .dijitTreeExpandoClosed { + background-position: -17px 0px; +} +.claro .dijitTreeExpandoLeaf{ + background-image:none; +} +.claro .dijitTreeExpandoLoading { + background-image: url(images/loadingAnimation.gif); +} +.claro .dijitTreeNode .dojoDndItemBefore, +.claro .dijitTreeNode .dojoDndItemAfter { + border-bottom: none; + border-top: none; +} +.claro .dijitTreeNode .dojoDndItemBefore .dijitTreeContent { + border-top: 2px solid #369; +} +.claro .dijitTreeNode .dojoDndItemAfter .dijitTreeContent { + border-bottom: 2px solid #369; +} + +.claro .dijitToolbar { + border-bottom: 1px solid #b5bcc7; + background-color: #f1f1f1; + background-image: url(images/commonHighlight.png); + background-position:0px 0px; + background-repeat:repeat-x; + padding: 2px 0px 2px 4px; + zoom: 1; +} +.claro .dijitToolbar label { + padding: 0px 3px 0 6px; +} +.claro .dijitToolbar .dijitButtonNode { + border:none; + padding: 2px; + background-image: url(images/commonHighlight.png); + background-position:0 -30px; + background-repeat:repeat-x; + background-color:rgba(171,214,255,0); + border-radius: 2px; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + -moz-box-shadow: none; + -webkit-box-shadow: none; + -webkit-transition-property:background-color; + -webkit-transition-duration:.3s, .35s; +} +.claro .dijitToolbar .dijitComboButton .dijitButtonNode{ + padding: 3px 2px 3px 2px; +} +.dj_ie .claro .dijitToolbar .dijitButtonNode { + background-color: transparent; +} +.dj_ie6 .claro .dijitToolbar .dijitButtonNode { + background: none; +} +.claro .dijitToolbar .dijitComboBox .dijitButtonNode { + padding: 0px; +} +.claro .dijitToolbar .dijitComboButton { + padding: 1px; +} +.claro .dijitToolbar .dijitButtonHover .dijitButtonNode, +.claro .dijitToolbar .dijitDropDownButtonHover .dijitButtonNode, +.claro .dijitToolbar .dijitToggleButtonHover .dijitButtonNode { + background-position:0 0; + border:solid 1px #769dc0; + background-color: #abd6ff; + padding: 1px; +} +.claro .dijitToolbar .dijitComboButtonHover { + background-color: #abd6ff; + border: solid 1px #769dc0; + padding: 0px; +} +.claro .dijitToolbar .dijitComboButtonHover .dijitButtonNode, +.claro .dijitToolbar .dijitComboButtonHover .dijitDownArrowButton { + background-position:0 0; + padding: 2px; +} +.claro .dijitToolbar .dijitComboButtonHover .dijitDownArrowButton { + background-color: #7dd6fa; +} +.claro .dijitToolbar .dijitButtonActive .dijitButtonNode, +.claro .dijitToolbar .dijitDropDownButtonActive .dijitButtonNode, +.claro .dijitToolbar .dijitToggleButtonActive .dijitButtonNode { + border:solid 1px #769dc0; + background-color:#7dbefa; + background-position:0px -177px; + padding: 1px; +} +.claro .dijitToolbar .dijitComboButtonActive { + -webkit-transition-duration:.2s; + border: solid 1px #769dc0; + padding: 0px; +} +.claro .dijitToolbar .dijitComboButtonActive .dijitButtonNode { + background-color: #7dbefa; + background-position:0px -177px; + padding: 2px; +} +.claro .dijitToolbar .dijitComboButton .dijitDownArrowButtonActive { + background-color: #7dbefa; +} +.claro .dijitToolbar .dijitToggleButtonChecked .dijitButtonNode { + border-color: #769dc0; + background-color:#fff; + padding: 1px; +} +.dj_ie6 .claro .dijitToolbar .dijitButtonContents, +.dj_ie7 .claro .dijitToolbar .dijitButtonContents { + margin: -2px 0; + padding: 0; +} +.dj_ie6 .claro .dijitToolbar { + background-image: none; +} +.dj_ie6 .claro .dijitToolbar .dijitButtonNode { + margin: 1px; + border: none; +} +.dj_ie6 .claro .dijitToolbar .dijitButtonHover .dijitButtonNode, +.dj_ie6 .claro .dijitToolbar .dijitDropDownButtonHover .dijitButtonNode, +.dj_ie6 .claro .dijitToolbar .dijitComboButton .dijitButtonNodeHover, +.dj_ie6 .claro .dijitToolbar .dijitComboButton .dijitDownArrowButtonHover, +.dj_ie6 .claro .dijitToolbar .dijitToggleButtonHover .dijitButtonNode, +.dj_ie6 .claro .dijitToolbar .dijitButtonActive .dijitButtonNode, +.dj_ie6 .claro .dijitToolbar .dijitDropDownButtonActive .dijitButtonNode, +.dj_ie6 .claro .dijitToolbar .dijitComboButton .dijitButtonNodeActive, +.dj_ie6 .claro .dijitToolbar .dijitComboButton .dijitDownArrowButtonActive, +.dj_ie6 .claro .dijitToolbar .dijitToggleButtonActive .dijitButtonNode, +.claro .dijitToolbar .dijitToggleButtonChecked .dijitButtonNode { + margin: 0; + border-width: 1px; + border-style: solid; + background-image: none; +} +.dj_ie6 .claro .dijitToolbar .dijitComboButton .dijitButtonNodeHover, +.dj_ie6 .claro .dijitToolbar .dijitComboButton .dijitDownArrowButtonHover, +.dj_ie6 .claro .dijitToolbar .dijitComboButton .dijitButtonNodeActive, +.dj_ie6 .claro .dijitToolbar .dijitComboButton .dijitDownArrowButtonActive { + padding: 1px; +} +.claro .dijitToolbarSeparator { + + background: url(../../icons/images/editorIconsEnabled.png); +} +.claro .dijitDisabled .dijitToolbar { + background:none; + background-color:#f5f5f5; + border-bottom: 1px solid #d3d3d3; +} +.claro .dijitEditorIFrameContainer{ + padding:3px 3px 1px 10px; +} +.claro .dijitEditorIFrame { + background-color: #fff; +} +.claro .dijitEditor { + border: 1px solid #b5bcc7; +} +.claro .dijitEditor .dijitEditorIFrameContainer{ + background-color: #fff; + background-image: url(form/images/textBox_back.png); + background-repeat:repeat-x; +} +.dj_ie6 .claro .dijitEditor .dijitEditorIFrameContainer{ + background-image: none; +} +.claro .dijitEditorHover .dijitEditorIFrameContainer, +.claro .dijitEditorHover .dijitEditorIFrameContainer .dijitEditorIFrame{ + background-color: #eef7ff; +} +.claro .dijitEditorFocused .dijitEditorIFrameContainer, +.claro .dijitEditorFocused .dijitEditorIFrameContainer .dijitEditorIFrame{ + + background-color: #fff; +} +.claro .dijitEditorDisabled { + border: 1px solid #d3d3d3; + color: #818181; +} +.claro .dijitDisabled .dijitEditorIFrame, +.claro .dijitDisabled .dijitEditorIFrameContainer { + background-color: #efefef; + background-image: none; +} +.dijitEditorIcon { + background-image: url(../../icons/images/editorIconsEnabled.png); + background-repeat: no-repeat; + width: 18px; + height: 18px; + text-align: center; +} +.dijitDisabled .dijitEditorIcon { + background-image: url(../../icons/images/editorIconsDisabled.png); +} +.dijitEditorIconSep { background-position: 0px; } +.dijitEditorIconSave { background-position: -18px; } +.dijitEditorIconPrint { background-position: -36px; } +.dijitEditorIconCut { background-position: -54px; } +.dijitEditorIconCopy { background-position: -72px; } +.dijitEditorIconPaste { background-position: -90px; } +.dijitEditorIconDelete { background-position: -108px; } +.dijitEditorIconCancel { background-position: -126px; } +.dijitEditorIconUndo { background-position: -144px; } +.dijitEditorIconRedo { background-position: -162px; } +.dijitEditorIconSelectAll { background-position: -180px; } +.dijitEditorIconBold { background-position: -198px; } +.dijitEditorIconItalic { background-position: -216px; } +.dijitEditorIconUnderline { background-position: -234px; } +.dijitEditorIconStrikethrough { background-position: -252px; } +.dijitEditorIconSuperscript { background-position: -270px; } +.dijitEditorIconSubscript { background-position: -288px; } +.dijitEditorIconJustifyCenter { background-position: -306px; } +.dijitEditorIconJustifyFull { background-position: -324px; } +.dijitEditorIconJustifyLeft { background-position: -342px; } +.dijitEditorIconJustifyRight { background-position: -360px; } +.dijitEditorIconIndent { background-position: -378px; } +.dijitEditorIconOutdent { background-position: -396px; } +.dijitEditorIconListBulletIndent { background-position: -414px; } +.dijitEditorIconListBulletOutdent { background-position: -432px; } +.dijitEditorIconListNumIndent { background-position: -450px; } +.dijitEditorIconListNumOutdent { background-position: -468px; } +.dijitEditorIconTabIndent { background-position: -486px; } +.dijitEditorIconLeftToRight { background-position: -504px; } +.dijitEditorIconRightToLeft, .dijitEditorIconToggleDir { background-position: -522px; } +.dijitEditorIconBackColor { background-position: -540px; } +.dijitEditorIconForeColor { background-position: -558px; } +.dijitEditorIconHiliteColor { background-position: -576px; } +.dijitEditorIconNewPage { background-position: -594px; } +.dijitEditorIconInsertImage { background-position: -612px; } +.dijitEditorIconInsertTable { background-position: -630px; } +.dijitEditorIconSpace { background-position: -648px; } +.dijitEditorIconInsertHorizontalRule { background-position: -666px; } +.dijitEditorIconInsertOrderedList { background-position: -684px; } +.dijitEditorIconInsertUnorderedList { background-position: -702px; } +.dijitEditorIconCreateLink { background-position: -720px; } +.dijitEditorIconUnlink { background-position: -738px; } +.dijitEditorIconViewSource { background-position: -756px; } +.dijitEditorIconRemoveFormat { background-position: -774px; } +.dijitEditorIconFullScreen { background-position: -792px; } +.dijitEditorIconWikiword { background-position: -810px; } + +.claro .dijitTitlePaneTitle { + background-color: #e6e6e7; + background-image: url(images/titlebar.png); + background-repeat:repeat-x; + border:1px solid #b5bcc7; + padding: 0px 7px 3px 7px; + min-height:17px; + color:#131313; +} +.dj_ie6 .claro .dijitTitlePaneTitle { + background-image: none; +} +.claro .dijitTitlePaneTitleHover { + background-color: #abd6ff; + border-color: #769dc0; +} +.claro .dijitTitlePaneTitleActive { + background-color: #7dbefa; + border-color: #769dc0; + background-position:0px -136px; +} +.claro .dijitTitlePaneTitleFocus { + margin-top:3px; + padding-bottom:2px; +} +.claro .dijitTitlePane .dijitArrowNode { + background-image: url(images/spriteArrows.png); + background-repeat: no-repeat; + height: 8px; + width: 7px; +} +.claro .dijitTitlePane .dijitOpen .dijitArrowNode { + background-position: 0px 0px; +} +.claro .dijitTitlePane .dijitClosed .dijitArrowNode { + background-position: -14px 0px; +} +.claro .dijitTitlePaneFocused .dijitTitlePaneTextNode { + color:#000; +} +.claro .dijitTitlePaneContentOuter { + background: #ffffff; + border:1px solid #b5bcc7; + border-top:none; +} +.claro .dijitTitlePaneContentInner { + padding:10px; +} +.claro .dijitTitlePaneTextNode { + margin-left: 4px; + margin-right: 4px; + vertical-align:text-top; +} +.claro .dijitSpinnerButtonContainer { + overflow: hidden; + position: relative; + width: auto; + padding: 0 2px; +} +.claro .dijitSpinnerButtonContainer .dijitSpinnerButtonInner { + border-width: 1px 0; + border-style: solid none; +} +.claro .dijitSpinner .dijitArrowButton { + width:auto; + background-color: #ebeef4; + background-image: url(form/images/formHighlight.png); + background-position:0px 0px; + background-repeat:repeat-x; + overflow: hidden; +} +.dj_iequirks .claro .dijitSpinner .dijitArrowButton { + overflow: visible; +} +.claro .dijitSpinner .dijitSpinnerButtonInner { + width: 15px; +} +.claro .dijitSpinner .dijitArrowButtonInner { + border:solid 1px #fff; + border-bottom-width: 0; + background-image: url(form/images/commonFormArrows.png); + background-repeat: no-repeat; + height: 100%; + width:15px; + padding-left: 1px; + padding-right: 1px; + + background-position:-139px center; + + display: block; + margin: -1px 0px -1px 0px; + #margin-top: 0; +} +.dj_iequirks .claro .dijitSpinner .dijitArrowButtonInner { + width: 19px; +} +.claro .dijitSpinner .dijitDownArrowButton .dijitArrowButtonInner { + background-position:-34px; +} +.claro .dijitSpinner .dijitArrowButtonInner .dijitInputField { + padding: 0; +} +.claro .dijitUpArrowButtonActive, +.claro .dijitDownArrowButtonActive { + background-color:#abd6ff; +} +.claro .dijitSpinner .dijitUpArrowButtonHover, +.claro .dijitSpinner .dijitDownArrowButtonHover, +.claro .dijitSpinnerFocused .dijitArrowButton { + background-color: #a0d1ff; +} +.claro .dijitSpinner .dijitUpArrowButtonHover .dijitArrowButtonInner { + background-position:-174px; +} +.claro .dijitSpinner .dijitDownArrowButtonHover .dijitArrowButtonInner { + background-position:-69px; +} +.claro .dijitSpinnerFocused { + background-color: #fff; + background-image: none; +} +.claro .dijitSpinner .dijitDownArrowButtonActive, +.claro .dijitSpinner .dijitUpArrowButtonActive { + background-color: #3299f9; + background-position:0px -177px; +} +.claro .dijitSpinner .dijitUpArrowButtonActive .dijitArrowButtonInner, +.claro .dijitSpinner .dijitDownArrowButtonActive .dijitArrowButtonInner { + + border: 0px; + padding: 1px; + margin-right:2px; + margin-bottom:1px; +} +.claro .dijitSpinner .dijitUpArrowButtonActive .dijitArrowButtonInner { + background-position:-173px; +} +.claro .dijitSpinner .dijitDownArrowButtonActive .dijitArrowButtonInner { + background-position:-68px; +} +.claro .dijitSpinnerDisabled .dijitArrowButtonInner { + background-color: #f1f1f1; +} +.claro .dijitSpinnerDisabled .dijitUpArrowButton .dijitArrowButtonInner { + background-position:-104px; +} +.claro .dijitSpinnerDisabled .dijitDownArrowButton .dijitArrowButtonInner { + background-position:1px; +} +.dj_ie7 .claro .dijitSpinner { + overflow:visible; +} +.dijitRtl .dijitPlaceHolder { + left: auto; + right: 0; +} +.dijitMenuItemRtl { + text-align: right; +} +.dj_iequirks .dijitComboButtonRtl BUTTON { + + float:left; +} +.dijit_a11y .dijitTextBoxRtl .dijitValidationContainer, +.dijitTextBoxRtl .dijitSpinnerButtonContainer, +.dijitComboBoxRtl .dijitArrowButtonContainer { + + border-right-width: 1px !important; + border-right-style: solid !important; + border-left-width: 0px !important; + border-left-style: none !important; +} +.dijit_a11y .dijitTextBoxRtl .dijitValidationContainer, +.dijit_a11y .dijitTextBoxRtl .dijitSpinnerButtonContainer, +.dijit_a11y .dijitComboBoxRtl .dijitArrowButtonContainer { + border-right: 1px solid black !important; + border-left: 0px none black !important; +} +.dijitSpinnerRtl .dijitSpinnerButtonContainer .dijitArrowButton { + right: 0; + left: auto; +} +.dijitTextBoxRtl .dijitSpinnerButtonContainer, +.dijitTextBoxRtl .dijitValidationContainer, +.dijitTextBoxRtl .dijitArrowButtonContainer { + float: left; +} +.dijitCalendarRtl .dijitCalendarNextYear { + margin:0 0.55em 0 0; +} +.dijitCalendarRtl .dijitCalendarPreviousYear { + margin:0 0 0 0.55em; +} +.dijitSliderRtl .dijitSliderImageHandleV { + left:auto; +} +.dijitSliderRtl .dijitSliderImageHandleH { + left:-50%; +} +.dijitSliderRtl .dijitSliderMoveableH { + right:auto; + left:0; +} +.dijitSliderRtl .dijitRuleContainerV { + float:right; +} +.dj_ie .dijitSliderRtl .dijitRuleContainerV { + text-align:right; +} +.dj_ie .dijitSliderRtl .dijitRuleLabelV { + text-align:left; +} +.dj_ie .dijitSliderRtl .dijitRuleLabelH { + zoom:1; +} +.dijitSliderRtl .dijitSliderProgressBarH { + + float:right; + right:0; + left:auto; +} +.dijitRtl .dijitContentPaneLoading, .dijitRtl .dijitContentPaneError { + background-position:right; + padding-right:25px; +} +.dijitTabRtl .dijitTabCloseButton { + margin-left: 0px; + margin-right: 1em; +} +.dj_ie .dijitTimePickerRtl .dijitTimePickerItem { + width:100%; +} +.dijitColorPaletteRtl .dijitColorPaletteUnder { + + left: auto; + right: 0; +} +.dijitSelectRtl .dijitButtonContents { + text-align: right; +} +.claro .dijitTextBoxRtlError .dijitValidationContainer { + border-left-width: 0px; + border-right-width: 1px; +} +.claro .dijitComboButtonRtl .dijitStretch { + -moz-border-radius: 0px 4px 4px 0px; + -webkit-border-top-left-radius: 0px; + -webkit-border-top-right-radius: 4px; + -webkit-border-bottom-right-radius: 4px; + -webkit-border-bottom-left-radius: 0px; +} +.claro .dijitComboButtonRtl .dijitArrowButton { + -moz-border-radius: 4px 0px 0px 4px; + -webkit-border-top-left-radius:4px; + -webkit-border-top-right-radius:0px; + -webkit-border-bottom-right-radius:0px; + -webkit-border-bottom-left-radius:4px; + padding:3px 0px 4px; + border-left-width: 1px; + border-right-width: 0px; +} +.claro .dijitTabContainerTop-tabs .dijitTabRtl, +.claro .dijitTabContainerBottom-tabs .dijitTabRtl { + margin-right: 0; + margin-left: 1px; +} +.claro .dijitTabRtl { + -moz-box-orient:horizontal; + text-align: right; +} +.dj_ie7 .claro .dijitTabRtl .dijitTabContent { + display: block; + left: 0; +} +.dj_ie7 .claro .dijitTabContainerTop-tabs .dijitTabRtl, +.dj_ie7 .claro .dijitTabContainerTop-tabs .dijitTabCheckedRtl { + top: 1px; +} +.dj_ie7 .claro .tabStripButtonRtl .dijitButtonContents, +.dj_ie8 .claro .tabStripButtonRtl .dijitButtonContents, +.dj_ie6 .claro .dijitTabContainerTop-tabs .dijitTabRtl .dijitTabInnerDiv, +.dj_ie6 .claro .dijitTabContainerBottom-tabs .dijitTabRtl .dijitTabInnerDiv, +.dj_ie7 .claro .dijitTabContainerTop-tabs .dijitTabRtl .dijitTabInnerDiv, +.dj_ie7 .claro .dijitTabContainerBottom-tabs .dijitTabRtl .dijitTabInnerDiv, +.dj_iequirks .claro .dijitTabContainerTop-tabs .dijitTabRtl .dijitTabInnerDiv, +.dj_iequirks .claro .dijitTabContainerBottom-tabs .dijitTabRtl .dijitTabInnerDiv { + float:left; +} +.dj_ie6 .claro .dijitTabRtl .tabLabel, +.dj_ie6 .claro .dijitTabContainerRight-tabs .dijitTabRtl, +.dj_ie6 .claro .dijitTabContainerLeft-tabs .dijitTabRtl, +.dj_ie7 .claro .dijitTabContainerRight-tabs .dijitTabRtl .dijitTabInnerDiv, +.dj_ie7 .claro .dijitTabContainerLeft-tabs .dijitTabRtl .dijitTabInnerDiv { + + zoom:1; +} +.dj_ie6 .claro .dijitTabRtl .dijitTabCloseButton, +.dj_ie7 .claro .dijitTabRtl .dijitTabCloseButton, +.dj_iequirks .claro .dijitTabRtl .dijitTabCloseButton { + margin-right:5px; +} +.dj_ie6 .claro .dijitTabContainerRightRtl .dijitTabContainerRight-tabs, +.dj_ie6 .claro .dijitTabContainerLeftRtl .dijitTabContainerLeft-tabs { + width:1%; +} +.dj_ie6 .dijitTabContainerTopStrip, +.dj_ie6 .dijitTabContainerBottomStrip { + position:absolute; +} +.dj_iequirks .claro .dijitTabContainerTopRtl .dijitTabContainerTopStrip { + padding-top: 10px; +} +.dj_ie7 .claro .dijitTabContainerRight-tabs .dijitTabRtlChecked .dijitTabInnerDiv { + background-position:-341px -179px; +} +.dj_ie6 .dijitTabContainerTopRtl .dijitTabStripIcon, +.dj_ie6 .dijitTabContainerBottomRtl .dijitTabStripIcon { + position: relative; +} +.dj_ie6-rtl .claro .dijitTabContainerTop-tabs { + + padding-left: 3px; +} +.dj_iequirks-rtl .claro .dijitTabListWrapper { + + border-left: 1px solid #fff; + border-right: 1px solid #fff; +} +.claro .dijitSliderRtl .dijitSliderProgressBarH, +.claro .dijitSliderRtl .dijitSliderRemainingBarH, +.claro .dijitSliderRtl .dijitSliderLeftBumper, +.claro .dijitSliderRtl .dijitSliderRightBumper, +.claro .dijitSliderRtl .dijitSliderTopBumper { + background-position: top right; +} +.claro .dijitSliderRtl .dijitSliderProgressBarV, +.claro .dijitSliderRtl .dijitSliderRemainingBarV, +.claro .dijitSliderRtl .dijitSliderBottomBumper { + background-position: bottom right; +} +.claro .dijitSliderRtl .dijitSliderLeftBumper { + border-left-width: 0px; + border-right-width: 1px; +} +.claro .dijitSliderRtl .dijitSliderRightBumper { + border-left-width: 1px; + border-right-width: 0px; +} +.claro .dijitSliderRtl .dijitSliderIncrementIconH { + background-position:-357px 50%; +} +.claro .dijitSliderRtl .dijitSliderDecrementIconH { + background-position:-251px 50%; +} +.claro .dijitSelectRtl .dijitButtonContents { + border-right-width: 0px; + border-left-width: 1px; +} +.claro .dijitDialogRtl .dijitDialogCloseIcon { + right: auto; + left: 5px; +} +.claro .dijitDialogRtl .dijitDialogPaneActionBar { + text-align: left; + padding: 3px 7px 2px 5px; +} +.claro .dijitEditorRtl .dijitEditorIFrameContainer{ + padding:3px 10px 1px 3px; +} +.dijitEditorRtl .dijitEditorIcon { + background-image: url(../../icons/images/editorIconsEnabled_rtl.png); +} +.dijitEditorRtlDisabled .dijitEditorIcon { + background-image: url(../../icons/images/editorIconsDisabled_rtl.png); +} +.dijitToolbarRtl .dijitToolbarSeparator { + background-image: url(../../icons/images/editorIconsEnabled_rtl.png); +} +.dijitRtl .dijitIconSave, +.dijitRtl .dijitIconPrint, +.dijitRtl .dijitIconCut, +.dijitRtl .dijitIconCopy, +.dijitRtl .dijitIconClear, +.dijitRtl .dijitIconDelete, +.dijitRtl .dijitIconUndo, +.dijitRtl .dijitIconEdit, +.dijitRtl .dijitIconNewTask, +.dijitRtl .dijitIconEditTask, +.dijitRtl .dijitIconEditProperty, +.dijitRtl .dijitIconTask, +.dijitRtl .dijitIconFilter, +.dijitRtl .dijitIconConfigure, +.dijitRtl .dijitIconSearch, +.dijitRtl .dijitIconApplication, +.dijitRtl .dijitIconBookmark, +.dijitRtl .dijitIconChart, +.dijitRtl .dijitIconConnector, +.dijitRtl .dijitIconDatabase, +.dijitRtl .dijitIconDocuments, +.dijitRtl .dijitIconMail, +.dijitRtl .dijitLeaf, +.dijitRtl .dijitIconFile, +.dijitRtl .dijitIconFunction, +.dijitRtl .dijitIconKey, +.dijitRtl .dijitIconPackage, +.dijitRtl .dijitIconSample, +.dijitRtl .dijitIconTable, +.dijitRtl .dijitIconUsers, +.dijitRtl .dijitFolderClosed, +.dijitRtl .dijitIconFolderClosed, +.dijitRtl .dijitFolderOpened, +.dijitRtl .dijitIconFolderOpen, +.dijitRtl .dijitIconError, .dijitRtl .dijitContentPaneError { + background-image: url(../../icons/images/commonIconsObjActEnabled_rtl.png); + width: 16px; + height: 16px; +} +.dj_ie6 .dijitRtl .dijitIconSave, +.dj_ie6 .dijitRtl .dijitIconPrint, +.dj_ie6 .dijitRtl .dijitIconCut, +.dj_ie6 .dijitRtl .dijitIconCopy, +.dj_ie6 .dijitRtl .dijitIconClear, +.dj_ie6 .dijitRtl .dijitIconDelete, +.dj_ie6 .dijitRtl .dijitIconUndo, +.dj_ie6 .dijitRtl .dijitIconEdit, +.dj_ie6 .dijitRtl .dijitIconNewTask, +.dj_ie6 .dijitRtl .dijitIconEditTask, +.dj_ie6 .dijitRtl .dijitIconEditProperty, +.dj_ie6 .dijitRtl .dijitIconTask, +.dj_ie6 .dijitRtl .dijitIconFilter, +.dj_ie6 .dijitRtl .dijitIconConfigure, +.dj_ie6 .dijitRtl .dijitIconSearch, +.dj_ie6 .dijitRtl .dijitIconApplication, +.dj_ie6 .dijitRtl .dijitIconBookmark, +.dj_ie6 .dijitRtl .dijitIconChart, +.dj_ie6 .dijitRtl .dijitIconConnector, +.dj_ie6 .dijitRtl .dijitIconDatabase, +.dj_ie6 .dijitRtl .dijitIconDocuments, +.dj_ie6 .dijitRtl .dijitIconMail, +.dj_ie6 .dijitRtl .dijitLeaf, +.dj_ie6 .dijitRtl .dijitIconFile, +.dj_ie6 .dijitRtl .dijitIconFunction, +.dj_ie6 .dijitRtl .dijitIconKey, +.dj_ie6 .dijitRtl .dijitIconPackage, +.dj_ie6 .dijitRtl .dijitIconSample, +.dj_ie6 .dijitRtl .dijitIconTable, +.dj_ie6 .dijitRtl .dijitIconUsers, +.dj_ie6 .dijitRtl .dijitFolderClosed, +.dj_ie6 .dijitRtl .dijitIconFolderClosed, +.dj_ie6 .dijitRtl .dijitFolderOpened, +.dj_ie6 .dijitRtl .dijitIconFolderOpen, +.dj_ie6 .dijitRtl .dijitIconError, .dj_ie6 .dijitRtl .dijitContentPaneError { + background-image: url(../../icons/images/commonIconsObjActEnabled8bit_rtl.png); +} +.dijitRtl .dijitDisabled .dijitIconSave, +.dijitRtl .dijitDisabled .dijitIconPrint, +.dijitRtl .dijitDisabled .dijitIconCut, +.dijitRtl .dijitDisabled .dijitIconCopy, +.dijitRtl .dijitDisabled .dijitIconClear, +.dijitRtl .dijitDisabled .dijitIconDelete, +.dijitRtl .dijitDisabled .dijitIconUndo, +.dijitRtl .dijitDisabled .dijitIconEdit, +.dijitRtl .dijitDisabled .dijitIconNewTask, +.dijitRtl .dijitDisabled .dijitIconEditTask, +.dijitRtl .dijitDisabled .dijitIconEditProperty, +.dijitRtl .dijitDisabled .dijitIconTask, +.dijitRtl .dijitDisabled .dijitIconFilter, +.dijitRtl .dijitDisabled .dijitIconConfigure, +.dijitRtl .dijitDisabled .dijitIconSearch, +.dijitRtl .dijitDisabled .dijitIconApplication, +.dijitRtl .dijitDisabled .dijitIconBookmark, +.dijitRtl .dijitDisabled .dijitIconChart, +.dijitRtl .dijitDisabled .dijitIconConnector, +.dijitRtl .dijitDisabled .dijitIconDatabase, +.dijitRtl .dijitDisabled .dijitIconDocuments, +.dijitRtl .dijitDisabled .dijitIconMail, +.dijitRtl .dijitDisabled .dijitLeaf, +.dijitRtl .dijitDisabled .dijitIconFile, +.dijitRtl .dijitDisabled .dijitIconFunction, +.dijitRtl .dijitDisabled .dijitIconKey, +.dijitRtl .dijitDisabled .dijitIconPackage, +.dijitRtl .dijitDisabled .dijitIconSample, +.dijitRtl .dijitDisabled .dijitIconTable, +.dijitRtl .dijitDisabled .dijitIconUsers, +.dijitRtl .dijitDisabled .dijitFolderClosed, +.dijitRtl .dijitDisabled .dijitIconFolderClosed, +.dijitRtl .dijitDisabled .dijitFolderOpened, +.dijitRtl .dijitDisabled .dijitIconFolderOpen, +.dijitRtl .dijitDisabled .dijitIconError, .dijitRtl .dijitDisabled .dijitContentPaneError { + background-image: url(../../icons/images/commonIconsObjActDisabled_rtl.png); +} +.dijitRtl .dijitContentPaneLoading { + background:url(../../icons/images/loadingAnimation_rtl.gif) no-repeat; +} +.claro .dijitTitlePaneRtl .dijitClosed .dijitArrowNode { + background-position: -7px 0px; +} +.claro .dijitMenuItemRtl .dijitMenuExpand { + background-position: -7px 0px; + margin-right: 0px; + margin-left: 3px; +} +.claro .dijitMenuItemRtl .dijitMenuItemIcon { + margin:0px 4px 0px 0px; +} +.claro .dijitCalendarRtl .dijitCalendarIncrease{ + background-position: 0px 0px; +} +.claro .dijitCalendarRtl .dijitCalendarDecrease { + background-position: -18px 0px; +} +.claro .dijitCalendarRtl .dijitCalendarArrowHover .dijitCalendarIncrease { + background-position: -36px 0px; +} +.claro .dijitCalendarRtl .dijitCalendarArrowHover .dijitCalendarDecrease { + background-position: -55px 0px; +} +.claro .dijitCalendarRtl .dijitCalendarArrowActive .dijitCalendarIncrease { + background-position: -72px 0px; +} +.claro .dijitCalendarRtl .dijitCalendarArrowActive .dijitCalendarDecrease { + background-position: -91px 0px; +} +.dj_ie .claro .dijitTimePickerRtl .dijitTimePickerTickHover, +.dj_ie .claro .dijitTimePickerRtl .dijitTimePickerMarkerHover, +.dj_ie .claro .dijitTimePickerRtl .dijitTimePickerMarkerSelected, +.dj_ie .claro .dijitTimePickerRtl .dijitTimePickerTickSelected { + margin-left:-6px; + margin-right:-8px; + width: 114%; +} diff --git a/lib/dijit/themes/claro/claro_rtl.css b/lib/dijit/themes/claro/claro_rtl.css new file mode 100644 index 000000000..01a0342cd --- /dev/null +++ b/lib/dijit/themes/claro/claro_rtl.css @@ -0,0 +1,380 @@ + +.dijitRtl .dijitPlaceHolder { + left: auto; + right: 0; +} +.dijitMenuItemRtl { + text-align: right; +} +.dj_iequirks .dijitComboButtonRtl BUTTON { + + float:left; +} +.dijit_a11y .dijitTextBoxRtl .dijitValidationContainer, +.dijitTextBoxRtl .dijitSpinnerButtonContainer, +.dijitComboBoxRtl .dijitArrowButtonContainer { + + border-right-width: 1px !important; + border-right-style: solid !important; + border-left-width: 0px !important; + border-left-style: none !important; +} +.dijit_a11y .dijitTextBoxRtl .dijitValidationContainer, +.dijit_a11y .dijitTextBoxRtl .dijitSpinnerButtonContainer, +.dijit_a11y .dijitComboBoxRtl .dijitArrowButtonContainer { + border-right: 1px solid black !important; + border-left: 0px none black !important; +} +.dijitSpinnerRtl .dijitSpinnerButtonContainer .dijitArrowButton { + right: 0; + left: auto; +} +.dijitTextBoxRtl .dijitSpinnerButtonContainer, +.dijitTextBoxRtl .dijitValidationContainer, +.dijitTextBoxRtl .dijitArrowButtonContainer { + float: left; +} +.dijitCalendarRtl .dijitCalendarNextYear { + margin:0 0.55em 0 0; +} +.dijitCalendarRtl .dijitCalendarPreviousYear { + margin:0 0 0 0.55em; +} +.dijitSliderRtl .dijitSliderImageHandleV { + left:auto; +} +.dijitSliderRtl .dijitSliderImageHandleH { + left:-50%; +} +.dijitSliderRtl .dijitSliderMoveableH { + right:auto; + left:0; +} +.dijitSliderRtl .dijitRuleContainerV { + float:right; +} +.dj_ie .dijitSliderRtl .dijitRuleContainerV { + text-align:right; +} +.dj_ie .dijitSliderRtl .dijitRuleLabelV { + text-align:left; +} +.dj_ie .dijitSliderRtl .dijitRuleLabelH { + zoom:1; +} +.dijitSliderRtl .dijitSliderProgressBarH { + + float:right; + right:0; + left:auto; +} +.dijitRtl .dijitContentPaneLoading, .dijitRtl .dijitContentPaneError { + background-position:right; + padding-right:25px; +} +.dijitTabRtl .dijitTabCloseButton { + margin-left: 0px; + margin-right: 1em; +} +.dj_ie .dijitTimePickerRtl .dijitTimePickerItem { + width:100%; +} +.dijitColorPaletteRtl .dijitColorPaletteUnder { + + left: auto; + right: 0; +} +.dijitSelectRtl .dijitButtonContents { + text-align: right; +} +.claro .dijitTextBoxRtlError .dijitValidationContainer { + border-left-width: 0px; + border-right-width: 1px; +} +.claro .dijitComboButtonRtl .dijitStretch { + -moz-border-radius: 0px 4px 4px 0px; + -webkit-border-top-left-radius: 0px; + -webkit-border-top-right-radius: 4px; + -webkit-border-bottom-right-radius: 4px; + -webkit-border-bottom-left-radius: 0px; +} +.claro .dijitComboButtonRtl .dijitArrowButton { + -moz-border-radius: 4px 0px 0px 4px; + -webkit-border-top-left-radius:4px; + -webkit-border-top-right-radius:0px; + -webkit-border-bottom-right-radius:0px; + -webkit-border-bottom-left-radius:4px; + padding:3px 0px 4px; + border-left-width: 1px; + border-right-width: 0px; +} +.claro .dijitTabContainerTop-tabs .dijitTabRtl, +.claro .dijitTabContainerBottom-tabs .dijitTabRtl { + margin-right: 0; + margin-left: 1px; +} +.claro .dijitTabRtl { + -moz-box-orient:horizontal; + text-align: right; +} +.dj_ie7 .claro .dijitTabRtl .dijitTabContent { + display: block; + left: 0; +} +.dj_ie7 .claro .dijitTabContainerTop-tabs .dijitTabRtl, +.dj_ie7 .claro .dijitTabContainerTop-tabs .dijitTabCheckedRtl { + top: 1px; +} +.dj_ie7 .claro .tabStripButtonRtl .dijitButtonContents, +.dj_ie8 .claro .tabStripButtonRtl .dijitButtonContents, +.dj_ie6 .claro .dijitTabContainerTop-tabs .dijitTabRtl .dijitTabInnerDiv, +.dj_ie6 .claro .dijitTabContainerBottom-tabs .dijitTabRtl .dijitTabInnerDiv, +.dj_ie7 .claro .dijitTabContainerTop-tabs .dijitTabRtl .dijitTabInnerDiv, +.dj_ie7 .claro .dijitTabContainerBottom-tabs .dijitTabRtl .dijitTabInnerDiv, +.dj_iequirks .claro .dijitTabContainerTop-tabs .dijitTabRtl .dijitTabInnerDiv, +.dj_iequirks .claro .dijitTabContainerBottom-tabs .dijitTabRtl .dijitTabInnerDiv { + float:left; +} +.dj_ie6 .claro .dijitTabRtl .tabLabel, +.dj_ie6 .claro .dijitTabContainerRight-tabs .dijitTabRtl, +.dj_ie6 .claro .dijitTabContainerLeft-tabs .dijitTabRtl, +.dj_ie7 .claro .dijitTabContainerRight-tabs .dijitTabRtl .dijitTabInnerDiv, +.dj_ie7 .claro .dijitTabContainerLeft-tabs .dijitTabRtl .dijitTabInnerDiv { + + zoom:1; +} +.dj_ie6 .claro .dijitTabRtl .dijitTabCloseButton, +.dj_ie7 .claro .dijitTabRtl .dijitTabCloseButton, +.dj_iequirks .claro .dijitTabRtl .dijitTabCloseButton { + margin-right:5px; +} +.dj_ie6 .claro .dijitTabContainerRightRtl .dijitTabContainerRight-tabs, +.dj_ie6 .claro .dijitTabContainerLeftRtl .dijitTabContainerLeft-tabs { + width:1%; +} +.dj_ie6 .dijitTabContainerTopStrip, +.dj_ie6 .dijitTabContainerBottomStrip { + position:absolute; +} +.dj_iequirks .claro .dijitTabContainerTopRtl .dijitTabContainerTopStrip { + padding-top: 10px; +} +.dj_ie7 .claro .dijitTabContainerRight-tabs .dijitTabRtlChecked .dijitTabInnerDiv { + background-position:-341px -179px; +} +.dj_ie6 .dijitTabContainerTopRtl .dijitTabStripIcon, +.dj_ie6 .dijitTabContainerBottomRtl .dijitTabStripIcon { + position: relative; +} +.dj_ie6-rtl .claro .dijitTabContainerTop-tabs { + + padding-left: 3px; +} +.dj_iequirks-rtl .claro .dijitTabListWrapper { + + border-left: 1px solid #fff; + border-right: 1px solid #fff; +} +.claro .dijitSliderRtl .dijitSliderProgressBarH, +.claro .dijitSliderRtl .dijitSliderRemainingBarH, +.claro .dijitSliderRtl .dijitSliderLeftBumper, +.claro .dijitSliderRtl .dijitSliderRightBumper, +.claro .dijitSliderRtl .dijitSliderTopBumper { + background-position: top right; +} +.claro .dijitSliderRtl .dijitSliderProgressBarV, +.claro .dijitSliderRtl .dijitSliderRemainingBarV, +.claro .dijitSliderRtl .dijitSliderBottomBumper { + background-position: bottom right; +} +.claro .dijitSliderRtl .dijitSliderLeftBumper { + border-left-width: 0px; + border-right-width: 1px; +} +.claro .dijitSliderRtl .dijitSliderRightBumper { + border-left-width: 1px; + border-right-width: 0px; +} +.claro .dijitSliderRtl .dijitSliderIncrementIconH { + background-position:-357px 50%; +} +.claro .dijitSliderRtl .dijitSliderDecrementIconH { + background-position:-251px 50%; +} +.claro .dijitSelectRtl .dijitButtonContents { + border-right-width: 0px; + border-left-width: 1px; +} +.claro .dijitDialogRtl .dijitDialogCloseIcon { + right: auto; + left: 5px; +} +.claro .dijitDialogRtl .dijitDialogPaneActionBar { + text-align: left; + padding: 3px 7px 2px 5px; +} +.claro .dijitEditorRtl .dijitEditorIFrameContainer{ + padding:3px 10px 1px 3px; +} +.dijitEditorRtl .dijitEditorIcon { + background-image: url(../../icons/images/editorIconsEnabled_rtl.png); +} +.dijitEditorRtlDisabled .dijitEditorIcon { + background-image: url(../../icons/images/editorIconsDisabled_rtl.png); +} +.dijitToolbarRtl .dijitToolbarSeparator { + background-image: url(../../icons/images/editorIconsEnabled_rtl.png); +} +.dijitRtl .dijitIconSave, +.dijitRtl .dijitIconPrint, +.dijitRtl .dijitIconCut, +.dijitRtl .dijitIconCopy, +.dijitRtl .dijitIconClear, +.dijitRtl .dijitIconDelete, +.dijitRtl .dijitIconUndo, +.dijitRtl .dijitIconEdit, +.dijitRtl .dijitIconNewTask, +.dijitRtl .dijitIconEditTask, +.dijitRtl .dijitIconEditProperty, +.dijitRtl .dijitIconTask, +.dijitRtl .dijitIconFilter, +.dijitRtl .dijitIconConfigure, +.dijitRtl .dijitIconSearch, +.dijitRtl .dijitIconApplication, +.dijitRtl .dijitIconBookmark, +.dijitRtl .dijitIconChart, +.dijitRtl .dijitIconConnector, +.dijitRtl .dijitIconDatabase, +.dijitRtl .dijitIconDocuments, +.dijitRtl .dijitIconMail, +.dijitRtl .dijitLeaf, +.dijitRtl .dijitIconFile, +.dijitRtl .dijitIconFunction, +.dijitRtl .dijitIconKey, +.dijitRtl .dijitIconPackage, +.dijitRtl .dijitIconSample, +.dijitRtl .dijitIconTable, +.dijitRtl .dijitIconUsers, +.dijitRtl .dijitFolderClosed, +.dijitRtl .dijitIconFolderClosed, +.dijitRtl .dijitFolderOpened, +.dijitRtl .dijitIconFolderOpen, +.dijitRtl .dijitIconError, .dijitRtl .dijitContentPaneError { + background-image: url(../../icons/images/commonIconsObjActEnabled_rtl.png); + width: 16px; + height: 16px; +} +.dj_ie6 .dijitRtl .dijitIconSave, +.dj_ie6 .dijitRtl .dijitIconPrint, +.dj_ie6 .dijitRtl .dijitIconCut, +.dj_ie6 .dijitRtl .dijitIconCopy, +.dj_ie6 .dijitRtl .dijitIconClear, +.dj_ie6 .dijitRtl .dijitIconDelete, +.dj_ie6 .dijitRtl .dijitIconUndo, +.dj_ie6 .dijitRtl .dijitIconEdit, +.dj_ie6 .dijitRtl .dijitIconNewTask, +.dj_ie6 .dijitRtl .dijitIconEditTask, +.dj_ie6 .dijitRtl .dijitIconEditProperty, +.dj_ie6 .dijitRtl .dijitIconTask, +.dj_ie6 .dijitRtl .dijitIconFilter, +.dj_ie6 .dijitRtl .dijitIconConfigure, +.dj_ie6 .dijitRtl .dijitIconSearch, +.dj_ie6 .dijitRtl .dijitIconApplication, +.dj_ie6 .dijitRtl .dijitIconBookmark, +.dj_ie6 .dijitRtl .dijitIconChart, +.dj_ie6 .dijitRtl .dijitIconConnector, +.dj_ie6 .dijitRtl .dijitIconDatabase, +.dj_ie6 .dijitRtl .dijitIconDocuments, +.dj_ie6 .dijitRtl .dijitIconMail, +.dj_ie6 .dijitRtl .dijitLeaf, +.dj_ie6 .dijitRtl .dijitIconFile, +.dj_ie6 .dijitRtl .dijitIconFunction, +.dj_ie6 .dijitRtl .dijitIconKey, +.dj_ie6 .dijitRtl .dijitIconPackage, +.dj_ie6 .dijitRtl .dijitIconSample, +.dj_ie6 .dijitRtl .dijitIconTable, +.dj_ie6 .dijitRtl .dijitIconUsers, +.dj_ie6 .dijitRtl .dijitFolderClosed, +.dj_ie6 .dijitRtl .dijitIconFolderClosed, +.dj_ie6 .dijitRtl .dijitFolderOpened, +.dj_ie6 .dijitRtl .dijitIconFolderOpen, +.dj_ie6 .dijitRtl .dijitIconError, .dj_ie6 .dijitRtl .dijitContentPaneError { + background-image: url(../../icons/images/commonIconsObjActEnabled8bit_rtl.png); +} +.dijitRtl .dijitDisabled .dijitIconSave, +.dijitRtl .dijitDisabled .dijitIconPrint, +.dijitRtl .dijitDisabled .dijitIconCut, +.dijitRtl .dijitDisabled .dijitIconCopy, +.dijitRtl .dijitDisabled .dijitIconClear, +.dijitRtl .dijitDisabled .dijitIconDelete, +.dijitRtl .dijitDisabled .dijitIconUndo, +.dijitRtl .dijitDisabled .dijitIconEdit, +.dijitRtl .dijitDisabled .dijitIconNewTask, +.dijitRtl .dijitDisabled .dijitIconEditTask, +.dijitRtl .dijitDisabled .dijitIconEditProperty, +.dijitRtl .dijitDisabled .dijitIconTask, +.dijitRtl .dijitDisabled .dijitIconFilter, +.dijitRtl .dijitDisabled .dijitIconConfigure, +.dijitRtl .dijitDisabled .dijitIconSearch, +.dijitRtl .dijitDisabled .dijitIconApplication, +.dijitRtl .dijitDisabled .dijitIconBookmark, +.dijitRtl .dijitDisabled .dijitIconChart, +.dijitRtl .dijitDisabled .dijitIconConnector, +.dijitRtl .dijitDisabled .dijitIconDatabase, +.dijitRtl .dijitDisabled .dijitIconDocuments, +.dijitRtl .dijitDisabled .dijitIconMail, +.dijitRtl .dijitDisabled .dijitLeaf, +.dijitRtl .dijitDisabled .dijitIconFile, +.dijitRtl .dijitDisabled .dijitIconFunction, +.dijitRtl .dijitDisabled .dijitIconKey, +.dijitRtl .dijitDisabled .dijitIconPackage, +.dijitRtl .dijitDisabled .dijitIconSample, +.dijitRtl .dijitDisabled .dijitIconTable, +.dijitRtl .dijitDisabled .dijitIconUsers, +.dijitRtl .dijitDisabled .dijitFolderClosed, +.dijitRtl .dijitDisabled .dijitIconFolderClosed, +.dijitRtl .dijitDisabled .dijitFolderOpened, +.dijitRtl .dijitDisabled .dijitIconFolderOpen, +.dijitRtl .dijitDisabled .dijitIconError, .dijitRtl .dijitDisabled .dijitContentPaneError { + background-image: url(../../icons/images/commonIconsObjActDisabled_rtl.png); +} +.dijitRtl .dijitContentPaneLoading { + background:url(../../icons/images/loadingAnimation_rtl.gif) no-repeat; +} +.claro .dijitTitlePaneRtl .dijitClosed .dijitArrowNode { + background-position: -7px 0px; +} +.claro .dijitMenuItemRtl .dijitMenuExpand { + background-position: -7px 0px; + margin-right: 0px; + margin-left: 3px; +} +.claro .dijitMenuItemRtl .dijitMenuItemIcon { + margin:0px 4px 0px 0px; +} +.claro .dijitCalendarRtl .dijitCalendarIncrease{ + background-position: 0px 0px; +} +.claro .dijitCalendarRtl .dijitCalendarDecrease { + background-position: -18px 0px; +} +.claro .dijitCalendarRtl .dijitCalendarArrowHover .dijitCalendarIncrease { + background-position: -36px 0px; +} +.claro .dijitCalendarRtl .dijitCalendarArrowHover .dijitCalendarDecrease { + background-position: -55px 0px; +} +.claro .dijitCalendarRtl .dijitCalendarArrowActive .dijitCalendarIncrease { + background-position: -72px 0px; +} +.claro .dijitCalendarRtl .dijitCalendarArrowActive .dijitCalendarDecrease { + background-position: -91px 0px; +} +.dj_ie .claro .dijitTimePickerRtl .dijitTimePickerTickHover, +.dj_ie .claro .dijitTimePickerRtl .dijitTimePickerMarkerHover, +.dj_ie .claro .dijitTimePickerRtl .dijitTimePickerMarkerSelected, +.dj_ie .claro .dijitTimePickerRtl .dijitTimePickerTickSelected { + margin-left:-6px; + margin-right:-8px; + width: 114%; +} diff --git a/lib/dijit/themes/claro/document.css b/lib/dijit/themes/claro/document.css new file mode 100644 index 000000000..72f9b1b40 --- /dev/null +++ b/lib/dijit/themes/claro/document.css @@ -0,0 +1,81 @@ + +.claro { + font-family:Verdana,Arial,Helvetica,sans-serif; + font-size: .688em; + color: #131313; +} +h1 { + font-size: 1.545em; + font-weight: normal; + line-height: 1em; + margin-top: 1em; + margin-bottom:0.727em; +} +.claro .dijitDialog h1 { + margin-top:0em; +} +h2 { + font-size: 1.364em; + line-height: 1.455em; + margin-top:1em; + margin-bottom:0.60em; + font-weight: normal; +} +h3, h4, h5, h6 { + font-size:1.091em; + font-weight: normal; + line-height: 1.5em; + margin-top: 1.5em; + margin-bottom: 0; +} +p { + font-size: 1em; + line-height: 1.3em; +} +blockquote { + font-size: 0.916em; + margin-top: 3.272em; + margin-bottom: 3.272em; + line-height: 1.636em; + padding: 1.636em; + border-top: 1px solid #ccc; + border-bottom: 1px solid #ccc; +} +ol li, ul li { + font-size: 1em; + line-height: 1.5em; + margin: 0; +} +pre, code { + font-size:115%; + *font-size:100%; + font-family:inherit; + background-color: #efefef; + border: 1px solid #ccc; +} +pre { + border-width: 1px 0; + padding: 1.5em; +} +table { font-size:100%; } +table.dojoTabular { + border-collapse: collapse; + border-spacing: 0; + border: 1px solid #ccc; + margin: 0 1.5em; +} +.dojoTabular th { + text-align: center; + font-weight: bold; +} +table.dojoTabular thead, table.dojoTabular tfoot { + background-color: #efefef; + border: 1px solid #ccc; + border-width: 1px 0; +} +table.dojoTabular thead tr th, +table.dojoTabular thead tr td, +table.dojoTabular tbody tr td, +table.dojoTabular tfoot tr td { + padding: 0.25em 0.5em; +} diff --git a/lib/dijit/themes/claro/form/Button.css b/lib/dijit/themes/claro/form/Button.css new file mode 100644 index 000000000..a2a15c0cc --- /dev/null +++ b/lib/dijit/themes/claro/form/Button.css @@ -0,0 +1,125 @@ + +.claro .dijitButtonNode { + + -webkit-transition-property:background-color; + -webkit-transition-duration:.3s; +} +.claro .dijitButton .dijitButtonNode, +.claro .dijitDropDownButton .dijitButtonNode, +.claro .dijitComboButton .dijitButtonNode, +.claro .dijitToggleButton .dijitButtonNode { + + border: 1px solid #769dc0; + padding:2px 4px 4px 4px; + background-image: url("images/button.png"); + background-position: center top; + background-repeat: repeat-x; + background-color: #e4f2ff; + border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + box-shadow:0px 1px 1px rgba(0,0,0,0.15); + -webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.15); + -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.15); +} +.claro .dijitComboButton .dijitArrowButton { + border-left-width: 0px; + padding: 4px 2px 4px 2px; +} +.claro .dijitArrowButtonInner { + width: 15px; + height: 15px; + margin: 0 auto; + background-image:url("images/buttonArrows.png"); + background-repeat:no-repeat; + background-position:-51px 53%; +} +.claro .dijitLeftArrowButton .dijitArrowButtonInner { + background-position: -77px 53%; +} +.claro .dijitRightArrowButton .dijitArrowButtonInner { + background-position: -26px 53%; +} +.claro .dijitUpArrowButton .dijitArrowButtonInner { + background-position: 0px 53%; +} +.claro .dijitDisabled .dijitArrowButtonInner { + background-position: -151px 53%; +} +.claro .dijitDisabled .dijitLeftArrowButton .dijitArrowButtonInner { + background-position: -177px 53%; +} +.claro .dijitDisabled .dijitRightArrowButton .dijitArrowButtonInner { + background-position: -126px 53%; +} +.claro .dijitDisabled .dijitUpArrowButton .dijitArrowButtonInner { + background-position: -100px 53%; +} +.claro .dijitButtonText { + padding: 0 0.3em; + text-align: center; +} +.claro .dijitDisabled .dijitButtonText { + color: #7F7F7F; +} +.claro .dijitButtonHover .dijitButtonNode, +.claro .dijitDropDownButtonHover .dijitButtonNode, +.claro .dijitComboButton .dijitButtonNodeHover, +.claro .dijitComboButton .dijitDownArrowButtonHover, +.claro .dijitToggleButtonHover .dijitButtonNode { + background-color: #afd9ff; + color:#000; + -webkit-transition-duration:.2s; +} +.claro .dijitButtonActive .dijitButtonNode, +.claro .dijitDropDownButtonActive .dijitButtonNode, +.claro .dijitComboButtonActive .dijitButtonNode, +.claro .dijitToggleButtonActive .dijitButtonNode { + background-color: #99cfff; + box-shadow:0px 0px 0px rgba(0,0,0,0); + -webkit-box-shadow:0px 0px 0px rgba(0,0,0,0); + -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0); + -webkit-transition-duration:.1s; +} +.claro .dijitButtonDisabled, +.claro .dijitDropDownButtonDisabled, +.claro .dijitComboButtonDisabled, +.claro .dijitToggleButtonDisabled { + background-image: none; + outline: none; +} +.claro .dijitButtonDisabled .dijitButtonNode, +.claro .dijitDropDownButtonDisabled .dijitButtonNode, +.claro .dijitComboButtonDisabled .dijitButtonNode, +.claro .dijitToggleButtonDisabled .dijitButtonNode { + background-position:0px -149px; + background-color: #e3e3e3; + border: solid 1px #c9c9c9; + color: #696969; + box-shadow:0px 0px 0px rgba(0,0,0,0); + -webkit-box-shadow:0px 0px 0px rgba(0,0,0,0); + -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0); +} +.claro .dijitComboButtonDisabled .dijitArrowButton{ + border-left-width: 0px; +} +.claro table.dijitComboButton { + border-collapse: separate; +} +.dj_ie6 .claro .dijitButtonNode { + background-image: none; +} +.claro .dijitComboButton .dijitStretch { + -moz-border-radius: 4px 0px 0px 4px; + -webkit-border-top-left-radius: 4px; + -webkit-border-top-right-radius: 0px; + -webkit-border-bottom-right-radius: 0px; + -webkit-border-bottom-left-radius: 4px; +} +.claro .dijitComboButton .dijitArrowButton { + -moz-border-radius: 0px 4px 4px 0px; + -webkit-border-top-left-radius: 0px; + -webkit-border-top-right-radius: 4px; + -webkit-border-bottom-right-radius: 4px; + -webkit-border-bottom-left-radius: 0px; +} diff --git a/lib/dijit/themes/claro/form/Button_rtl.css b/lib/dijit/themes/claro/form/Button_rtl.css new file mode 100644 index 000000000..f1484b127 --- /dev/null +++ b/lib/dijit/themes/claro/form/Button_rtl.css @@ -0,0 +1,18 @@ + +.claro .dijitComboButtonRtl .dijitStretch { + -moz-border-radius: 0px 4px 4px 0px; + -webkit-border-top-left-radius: 0px; + -webkit-border-top-right-radius: 4px; + -webkit-border-bottom-right-radius: 4px; + -webkit-border-bottom-left-radius: 0px; +} +.claro .dijitComboButtonRtl .dijitArrowButton { + -moz-border-radius: 4px 0px 0px 4px; + -webkit-border-top-left-radius:4px; + -webkit-border-top-right-radius:0px; + -webkit-border-bottom-right-radius:0px; + -webkit-border-bottom-left-radius:4px; + padding:3px 0px 4px; + border-left-width: 1px; + border-right-width: 0px; +} diff --git a/lib/dijit/themes/claro/form/Checkbox.css b/lib/dijit/themes/claro/form/Checkbox.css new file mode 100644 index 000000000..be3604ddd --- /dev/null +++ b/lib/dijit/themes/claro/form/Checkbox.css @@ -0,0 +1,46 @@ + +.claro .dijitToggleButton .dijitCheckBoxIcon { + background-image: url('../images/checkmarkNoBorder.png'); +} +.dj_ie6 .claro .dijitToggleButton .dijitCheckBoxIcon { + background-image: url('../images/checkmarkNoBorder.gif'); +} +.claro .dijitCheckBox, +.claro .dijitCheckBoxIcon { + background-image: url('images/checkboxRadioButtonStates.png'); + background-repeat: no-repeat; + width: 15px; + height: 16px; + margin: 0 2px 0 0; + padding: 0; +} +.dj_ie6 .claro .dijitCheckBox, +.dj_ie6 .claro .dijitCheckBoxIcon { + background-image: url('images/checkboxAndRadioButtons_IE6.png'); +} +.claro .dijitCheckBox, +.claro .dijitToggleButton .dijitCheckBoxIcon { + + background-position: -15px; +} +.claro .dijitCheckBoxChecked, +.claro .dijitToggleButtonChecked .dijitCheckBoxIcon { + + background-position: -0px; +} +.claro .dijitCheckBoxDisabled { + + background-position: -75px; +} +.claro .dijitCheckBoxCheckedDisabled { + + background-position: -60px; +} +.claro .dijitCheckBoxHover { + + background-position: -45px; +} +.claro .dijitCheckBoxCheckedHover { + + background-position: -30px; +} diff --git a/lib/dijit/themes/claro/form/Common.css b/lib/dijit/themes/claro/form/Common.css new file mode 100644 index 000000000..b04061b65 --- /dev/null +++ b/lib/dijit/themes/claro/form/Common.css @@ -0,0 +1,132 @@ + +.claro .dijitTextBoxError .dijitValidationContainer { + background-color: #d46363; + background-image: url('images/error.png'); + background-position: top center; + border: solid #d46464 0px; + border-left-width: 1px; + width: 9px; +} +.claro .dijitTextBoxError .dijitValidationIcon { + width: 0px; + background-color: transparent !important; +} +.claro .dijitTextBox .dijitInputContainer, +.claro .dijitTextArea, +.claro .dijitInputField .dijitPlaceHolder { + padding: 2px; +} +.claro .dijitTextBox, +.claro .dijitTextBox .dijitButtonNode { + + border-color: #b5bcc7; + -webkit-transition-property:background-color, border; + -webkit-transition-duration:.35s; +} +.claro .dijitTextBox { + background-color: #f7fcff; +} +.claro .dijitTextBoxHover, +.claro .dijitTextBoxHover .dijitButtonNode { + border-color: #769dc0; + -webkit-transition-duration:.25s; +} +.claro .dijitTextBoxHover { + background-color: #e9f4fe; + background-image: url('images/textBox_back.png'); + background-repeat: repeat-x; +} +.claro .dijitTextBoxError, +.claro .dijitTextBoxError .dijitButtonNode { + border-color: #d46464; +} +.claro .dijitTextBoxError, +.claro .dijitTextBoxError .dijitInputContainer { + background-color: #fdf7f7; +} +.claro .dijitTextBoxFocused, +.claro .dijitTextBoxFocused .dijitButtonNode { + border-color:#769dc0; + -webkit-transition-duration:.1s; +} +.claro .dijitTextBoxFocused { + background-color: #fff; + background-image: url('images/textBox_back.png'); + background-repeat: repeat-x; +} +.claro .dijitTextBoxFocused .dijitInputContainer { + background: #fff; +} +.claro .dijitTextBoxErrorFocused, +.claro .dijitTextBoxErrorFocused .dijitButtonNode { + border-color: #ce4f4f; +} +.claro .dijitTextBoxDisabled, +.claro .dijitTextBoxDisabled .dijitButtonNode { + border-color: #d3d3d3; +} +.claro .dijitTextBoxDisabled { + background-color: #efefef; + background-image: none; + color: #818181; +} +.claro .dijitComboBox .dijitArrowButtonInner { + background-image: url("images/commonFormArrows.png"); + background-position:-35px 53%; + background-repeat: no-repeat; + margin: 0px; + width:16px; + height:100%; + border: 1px solid #fff; +} +.claro .dijitTextBox .dijitInputField { + padding-top: 1px; + padding-bottom: 1px; +} +.claro .dijitTextBox .dijitInputInner { + + padding: 1px 2px 1px 0; +} +.claro .dijitTextBox .dijitValidationContainer { + padding: 0 0 2px 0; +} +.claro .dijitComboBox .dijitButtonNode { + background-color: #ebeef4; + background-image: url("images/formHighlight.png"); + background-repeat:repeat-x; +} +.claro .dijitComboBoxHover .dijitButtonNode { + background-color:#abd6ff; +} +.claro .dijitComboBoxHover .dijitArrowButtonInner { + background-position:-70px 53%; +} +.claro .dijitComboBoxFocused .dijitButtonNode { + background-color:#7dbefa; + background-position:0px -177px; + padding: 1px; +} +.claro .dijitComboBoxFocused .dijitArrowButtonInner { + background-position:-70px 53%; + border: 0px none; +} +.claro div.dijitComboBoxDisabled .dijitArrowButtonInner { + + background-position:0px 50%; + background-color:#f1f1f1; +} +.dj_ff3 .claro .dijitInputField input[type="hidden"] { + display: none; + height: 0; + width: 0; +} +.dj_ie6 .claro .dijitTextBox, +.dj_ie6 .claro .dijitComboBox .dijitButtonNode { + background-image: none; +} +.dj_quirks .claro .dijitComboBox .dijitArrowButtonInner { + border: 0px; +} +.dj_quirks .claro .dijitComboBox .dijitArrowButtonContainer { + padding: 1px; +} diff --git a/lib/dijit/themes/claro/form/Common_rtl.css b/lib/dijit/themes/claro/form/Common_rtl.css new file mode 100644 index 000000000..065f0c70d --- /dev/null +++ b/lib/dijit/themes/claro/form/Common_rtl.css @@ -0,0 +1,5 @@ + +.claro .dijitTextBoxRtlError .dijitValidationContainer { + border-left-width: 0px; + border-right-width: 1px; +} diff --git a/lib/dijit/themes/claro/form/NumberSpinner.css b/lib/dijit/themes/claro/form/NumberSpinner.css new file mode 100644 index 000000000..66b97da62 --- /dev/null +++ b/lib/dijit/themes/claro/form/NumberSpinner.css @@ -0,0 +1,100 @@ + +.claro .dijitSpinnerButtonContainer { + overflow: hidden; + position: relative; + width: auto; + padding: 0 2px; +} +.claro .dijitSpinnerButtonContainer .dijitSpinnerButtonInner { + border-width: 1px 0; + border-style: solid none; +} +.claro .dijitSpinner .dijitArrowButton { + width:auto; + background-color: #ebeef4; + background-image: url("images/formHighlight.png"); + background-position:0px 0px; + background-repeat:repeat-x; + overflow: hidden; +} +.dj_iequirks .claro .dijitSpinner .dijitArrowButton { + overflow: visible; +} +.claro .dijitSpinner .dijitSpinnerButtonInner { + width: 15px; +} +.claro .dijitSpinner .dijitArrowButtonInner { + border:solid 1px #fff; + border-bottom-width: 0; + background-image: url("images/commonFormArrows.png"); + background-repeat: no-repeat; + height: 100%; + width:15px; + padding-left: 1px; + padding-right: 1px; + + background-position:-139px center; + + display: block; + margin: -1px 0px -1px 0px; + #margin-top: 0; +} +.dj_iequirks .claro .dijitSpinner .dijitArrowButtonInner { + width: 19px; +} +.claro .dijitSpinner .dijitDownArrowButton .dijitArrowButtonInner { + background-position:-34px; +} +.claro .dijitSpinner .dijitArrowButtonInner .dijitInputField { + padding: 0; +} +.claro .dijitUpArrowButtonActive, +.claro .dijitDownArrowButtonActive { + background-color:#abd6ff; +} +.claro .dijitSpinner .dijitUpArrowButtonHover, +.claro .dijitSpinner .dijitDownArrowButtonHover, +.claro .dijitSpinnerFocused .dijitArrowButton { + background-color: #a0d1ff; +} +.claro .dijitSpinner .dijitUpArrowButtonHover .dijitArrowButtonInner { + background-position:-174px; +} +.claro .dijitSpinner .dijitDownArrowButtonHover .dijitArrowButtonInner { + background-position:-69px; +} +.claro .dijitSpinnerFocused { + background-color: #fff; + background-image: none; +} +.claro .dijitSpinner .dijitDownArrowButtonActive, +.claro .dijitSpinner .dijitUpArrowButtonActive { + background-color: #3299f9; + background-position:0px -177px; +} +.claro .dijitSpinner .dijitUpArrowButtonActive .dijitArrowButtonInner, +.claro .dijitSpinner .dijitDownArrowButtonActive .dijitArrowButtonInner { + + border: 0px; + padding: 1px; + margin-right:2px; + margin-bottom:1px; +} +.claro .dijitSpinner .dijitUpArrowButtonActive .dijitArrowButtonInner { + background-position:-173px; +} +.claro .dijitSpinner .dijitDownArrowButtonActive .dijitArrowButtonInner { + background-position:-68px; +} +.claro .dijitSpinnerDisabled .dijitArrowButtonInner { + background-color: #f1f1f1; +} +.claro .dijitSpinnerDisabled .dijitUpArrowButton .dijitArrowButtonInner { + background-position:-104px; +} +.claro .dijitSpinnerDisabled .dijitDownArrowButton .dijitArrowButtonInner { + background-position:1px; +} +.dj_ie7 .claro .dijitSpinner { + overflow:visible; +} diff --git a/lib/dijit/themes/claro/form/RadioButton.css b/lib/dijit/themes/claro/form/RadioButton.css new file mode 100644 index 000000000..b9058d1b9 --- /dev/null +++ b/lib/dijit/themes/claro/form/RadioButton.css @@ -0,0 +1,51 @@ + +.claro .dijitToggleButton .dijitRadio, +.claro .dijitToggleButton .dijitRadioIcon { + background-image: url('images/checkboxRadioButtonStates.png'); +} +.dj_ie6 .claro .dijitToggleButton .dijitRadio, +.dj_ie6 .claro .dijitToggleButton .dijitRadioIcon { + background-image: url('images/checkboxAndRadioButtons_IE6.png'); +} +.claro .dijitRadio, +.claro .dijitRadioIcon { + background-image: url('images/checkboxRadioButtonStates.png'); + background-repeat: no-repeat; + width: 15px; + height: 15px; + margin: 0px 2px 0px 0px; + padding: 0px; +} +.dj_ie6 .claro .dijitRadio, +.dj_ie6 .claro .dijitRadioIcon { + background-image: url('images/checkboxAndRadioButtons_IE6.png'); +} +.claro .dijitRadio{ + + background-position: -105px; +} +.claro .dijitToggleButton .dijitRadioIcon { + + background-position: -107px; +} +.claro .dijitRadioDisabled { + + background-position: -165px; +} +.claro .dijitRadioHover { + + background-position: -135px; +} +.claro .dijitRadioChecked{ + background-position: -90px; +} +.claro .dijitToggleButtonChecked .dijitRadioIcon { + background-position: -92px; +} +.claro .dijitRadioCheckedHover{ + background-position: -120px; +} +.claro .dijitRadioCheckedDisabled { + + background-position: -150px; +} diff --git a/lib/dijit/themes/claro/form/Select.css b/lib/dijit/themes/claro/form/Select.css new file mode 100644 index 000000000..c8f1d43fa --- /dev/null +++ b/lib/dijit/themes/claro/form/Select.css @@ -0,0 +1,89 @@ + +.claro .dijitSelect .dijitButtonText { + padding: 0px 5px 2px 5px; +} +.claro .dijitSelect { + border: 1px solid #b5bcc7; + background-color: #f7fcff; + border-collapse: separate; +} +.dj_ie6 .claro .dijitSelect, +.dj_ie6 .claro .dijitSelect .dijitButtonNode { + background-image:none; +} +.claro .dijitSelect .dijitButtonContents { + border: 0px solid #b5bcc7; + border-right-width: 1px; +} +.claro .dijitSelect .dijitArrowButton { + padding: 0; + border: 1px solid #fff; + border-top:none; + background-color:#ebeef4; + background-image: url("images/formHighlight.png"); + background-repeat:repeat-x; +} +.claro .dijitSelect .dijitArrowButton .dijitArrowButtonInner { + background-image: url("images/commonFormArrows.png"); + background-position:-35px 70%; + background-repeat: no-repeat; + width:16px; + height:16px; + display:block; +} +.claro .dijitSelectHover { + border: 1px solid #769dc0; + background-color: #e9f4fe; + background-image: url('images/textBox_back.png'); + background-repeat: repeat-x; +} +.claro .dijitSelectHover .dijitButtonContents { + border-color:#81a5c6; +} +.claro .dijitSelectHover .dijitArrowButton { + background-color:#abd6ff; +} +.claro .dijitSelectHover .dijitArrowButton .dijitArrowButtonInner { + background-position:-70px 70%; +} +.claro .dijitSelectFocused { + border: 1px solid #769dc0; +} +.claro .dijitSelectFocused .dijitButtonContents { + border-color:#81a5c6; +} +.claro .dijitSelectFocused .dijitArrowButton { + background-color:#7dbefa; + background-position:0px -177px; + border: none; + padding: 0px 1px; +} +.claro .dijitSelectFocused .dijitArrowButton .dijitArrowButtonInner { + background-position:-70px 70%; + margin-bottom: 1px; +} +.claro .dijitSelectDisabled { + border: 1px solid #d3d3d3; + background-color: #efefef; + background-image: none; + color: #818181; +} +.claro .dijitSelectDisabled .dijitArrowButton { + background-color: #efefef; +} +.claro .dijitSelectDisabled .dijitArrowButton .dijitArrowButtonInner { + background-position:0px 70% +} +.claro .dijitSelectMenu td.dijitMenuItemIconCell, +.claro .dijitSelectMenu td.dijitMenuArrowCell { + + display: none; +} +.claro .dijitSelectMenu td.dijitMenuItemLabel { + + padding-left: 5px; + padding-right: 5px; +} +.claro .dijitSelectMenu .dijitMenuSeparatorTop { + border-bottom:1px solid #769dc0; +} diff --git a/lib/dijit/themes/claro/form/Select_rtl.css b/lib/dijit/themes/claro/form/Select_rtl.css new file mode 100644 index 000000000..43797508f --- /dev/null +++ b/lib/dijit/themes/claro/form/Select_rtl.css @@ -0,0 +1,4 @@ +.claro .dijitSelectRtl .dijitButtonContents { + border-right-width: 0px; + border-left-width: 1px; +} diff --git a/lib/dijit/themes/claro/form/Slider.css b/lib/dijit/themes/claro/form/Slider.css new file mode 100644 index 000000000..51c2c2313 --- /dev/null +++ b/lib/dijit/themes/claro/form/Slider.css @@ -0,0 +1,294 @@ + +.claro .dijitSliderBar { + border-style: solid; + outline: 1px; +} +.claro .dijitSliderFocused .dijitSliderBar { + border-color: #769dc0; +} +.claro .dijitSliderHover .dijitSliderBar { + border-color: #769dc0; +} +.claro .dijitSliderDisabled .dijitSliderBar { + background-image: none; + border-color: #d3d3d3; +} +.claro .dijitRuleLabelsContainerH { + padding: 2px 0px; +} +.claro .dijitSlider .dijitSliderProgressBarH, +.claro .dijitSlider .dijitSliderLeftBumper{ + background-image: url("images/sliderHorizontal.png"); + background-repeat:repeat-x; + background-position:0 -20px; + border-color: #b5bcc7; + background-color: #cfe5fa; +} +.claro .dijitSlider .dijitSliderRemainingBarH, +.claro .dijitSlider .dijitSliderRightBumper{ + background-image: url("images/sliderHorizontal.png"); + background-repeat:repeat-x; + background-position:0 -11px; + border-color: #b5bcc7; + background-color: #fff; +} +.claro .dijitSliderRightBumper { + border-right: solid 1px #b5bcc7; +} +.claro .dijitSliderLeftBumper { + border-left: solid 1px #b5bcc7; +} +.claro .dijitSliderHover .dijitSliderProgressBarH, +.claro .dijitSliderHover .dijitSliderLeftBumper{ + background-position:0 -20px; + background-color: #abd6ff; + border-color: #769dc0; +} +.claro .dijitSliderHover .dijitSliderRemainingBarH, +.claro .dijitSliderHover .dijitSliderRightBumper{ + background-position:0 0px; + background-color: #fff; + border-color: #769dc0; +} +.claro .dijitSliderFocused .dijitSliderProgressBarH, +.claro .dijitSliderFocused .dijitSliderLeftBumper{ + background-position:0 -30px; + background-color: #abd6ff; + border-color: #769dc0; +} +.claro .dijitSliderFocused .dijitSliderRemainingBarH, +.claro .dijitSliderFocused .dijitSliderRightBumper{ + background-position:0 -9px; + background-color: #fff; + border-color: #769dc0; +} +.claro .dijitSliderDisabled .dijitSliderProgressBarH, +.claro .dijitSliderDisabled .dijitSliderLeftBumper{ + background-color: #cdcdcd; + background-image:none; +} +.claro .dijitSliderDisabled .dijitSliderRemainingBarH, +.claro .dijitSliderDisabled .dijitSliderRightBumper{ + background-color: #efefef; +} +.claro .dijitRuleLabelsContainerV { + padding: 0px 2px; +} +.claro .dijitSlider .dijitSliderProgressBarV, +.claro .dijitSlider .dijitSliderBottomBumper{ + background-image: url("images/sliderVertical.png"); + background-repeat:repeat-y; + background-position:-36px 0; + border-color: #b5bcc7; + background-color: #cfe5fa; +} +.claro .dijitSlider .dijitSliderRemainingBarV, +.claro .dijitSlider .dijitSliderTopBumper{ + background-image: url("images/sliderVertical.png"); + background-repeat:repeat-y; + background-position:-3px 0; + border-color: #b5bcc7; + background-color: #fff; +} +.claro .dijitSliderBottomBumper { + border-bottom: solid 1px #b5bcc7; +} +.claro .dijitSliderTopBumper { + border-top: solid 1px #b5bcc7; +} +.claro .dijitSliderHover .dijitSliderProgressBarV, +.claro .dijitSliderHover .dijitSliderBottomBumper{ + background-position:-36px 0; + background-color: #abd6ff; +} +.claro .dijitSliderHover .dijitSliderRemainingBarV, +.claro .dijitSliderHover .dijitSliderTopBumper{ + background-position:0 0; + background-color: #fff; +} +.claro .dijitSliderFocused .dijitSliderProgressBarV, +.claro .dijitSliderFocused .dijitSliderBottomBumper{ + background-position:-56px 0; + background-color: #abd6ff; +} +.claro .dijitSliderFocused .dijitSliderRemainingBarV, +.claro .dijitSliderFocused .dijitSliderTopBumper{ + background-position:-18px 0; + background-color: #fff; +} +.claro .dijitSliderDisabled .dijitSliderProgressBarV, +.claro .dijitSliderDisabled .dijitSliderBottomBumper{ + background-color: #cdcdcd; +} +.claro .dijitSliderDisabled .dijitSliderRemainingBarV, +.claro .dijitSliderDisabled .dijitSliderTopBumper{ + background-color: #efefef; +} +.claro .dijitSliderImageHandleH { + border: 0px; + width: 18px; + height: 16px; + background-image: url("images/sliderThumbs.png"); + background-repeat:no-repeat; + background-position:0 0; +} +.claro .dijitSliderHover .dijitSliderImageHandleH { + background-position:-18px 0; +} +.claro .dijitSliderFocused .dijitSliderImageHandleH { + background-position:-36px 0; +} +.claro .dijitSliderProgressBarH .dijitSliderThumbHover{ + background-position:-36px 0; +} +.claro .dijitSliderProgressBarH .dijitSliderThumbActive{ + background-position:-36px 0; +} +.claro .dijitSliderReadOnly .dijitSliderImageHandleH, +.claro .dijitSliderDisabled .dijitSliderImageHandleH { + background-position:-54px 0; +} +.claro .dijitSliderImageHandleV { + border: 0px; + width: 18px; + height: 16px; + background-image: url("images/sliderThumbs.png"); + background-repeat:no-repeat; + background-position:-289px 0; +} +.claro .dijitSliderHover .dijitSliderImageHandleV { + background-position:-307px 0; +} +.claro .dijitSliderFocused .dijitSliderImageHandleV { + background-position:-325px 0; +} +.claro .dijitSliderProgressBarV .dijitSliderThumbHover{ + background-position:-325px 0; +} +.claro .dijitSliderProgressBarV .dijitSliderThumbActive{ + background-position:-325px 0; +} +.claro .dijitSliderReadOnly .dijitSliderImageHandleV, +.claro .dijitSliderDisabled .dijitSliderImageHandleV { + background-position:-343px 0; +} +.claro .dijitSliderButtonContainerH{ + padding: 1px 3px 1px 2px; +} +.claro .dijitSliderButtonContainerV{ + padding: 3px 1px 2px 1px; +} +.claro .dijitSliderDecrementIconH, +.claro .dijitSliderIncrementIconH, +.claro .dijitSliderDecrementIconV, +.claro .dijitSliderIncrementIconV { + background-image: url('images/commonFormArrows.png'); + background-repeat:no-repeat; + background-color: #e9ecf2; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border: solid 1px #b5bcc7; + font-size: 1px; +} +.claro .dijitSliderDecrementIconH, +.claro .dijitSliderIncrementIconH { + height: 12px; + width: 9px; +} +.claro .dijitSliderDecrementIconV, +.claro .dijitSliderIncrementIconV { + height: 9px; + width: 12px; +} +.claro .dijitSliderActive .dijitSliderDecrementIconH, +.claro .dijitSliderActive .dijitSliderIncrementIconH, +.claro .dijitSliderActive .dijitSliderDecrementIconV, +.claro .dijitSliderActive .dijitSliderIncrementIconV, +.claro .dijitSliderHover .dijitSliderDecrementIconH, +.claro .dijitSliderHover .dijitSliderIncrementIconH, +.claro .dijitSliderHover .dijitSliderDecrementIconV, +.claro .dijitSliderHover .dijitSliderIncrementIconV { + border: solid 1px #769dc0; + background-color:#fff; +} +.claro .dijitSliderDecrementIconH { + background-position:-357px 50%; +} +.claro .dijitSliderActive .dijitSliderDecrementIconH +.claro .dijitSliderHover .dijitSliderDecrementIconH { + background-position:-393px 50%; +} +.claro .dijitSliderIncrementIconH { + background-position:-251px 50%; +} +.claro .dijitSliderActive .dijitSliderIncrementIconH +.claro .dijitSliderHover .dijitSliderIncrementIconH { + background-position:-283px 50%; +} +.claro .dijitSliderDecrementIconV { + background-position:-38px 50%; +} +.claro .dijitSliderActive .dijitSliderDecrementIconV +.claro .dijitSliderHover .dijitSliderDecrementIconV { + background-position:-73px 50%; +} +.claro .dijitSliderIncrementIconV { + background-position:-143px 49%; +} +.claro .dijitSliderActive .dijitSliderIncrementIconV +.claro .dijitSliderHover .dijitSliderIncrementIconV { + background-position:-178px 49%; +} +.claro .dijitSliderButtonContainerV .dijitSliderDecrementButtonHover, +.claro .dijitSliderButtonContainerH .dijitSliderDecrementButtonHover, +.claro .dijitSliderButtonContainerV .dijitSliderIncrementButtonHover, +.claro .dijitSliderButtonContainerH .dijitSliderIncrementButtonHover { + background-color: #cce3fc; +} +.claro .dijitSliderButtonContainerV .dijitSliderDecrementButtonActive, +.claro .dijitSliderButtonContainerH .dijitSliderDecrementButtonActive, +.claro .dijitSliderButtonContainerV .dijitSliderIncrementButtonActive, +.claro .dijitSliderButtonContainerH .dijitSliderIncrementButtonActive { + background-color: #a5d0fc; + border-color:#6591b9; +} +.claro .dijitSliderButtonInner { + visibility: hidden; +} +.claro .dijitSliderDisabled .dijitSliderBar{ + border-color: #d3d3d3; +} +.claro .dijitSliderReadOnly *,.claro .dijitSliderDisabled * { + border-color: #d3d3d3; + color: #bdbdbd; +} +.claro .dijitSliderReadOnly .dijitSliderDecrementIconH, +.claro .dijitSliderDisabled .dijitSliderDecrementIconH { + background-position:-321px 50%; + background-color:#e9e9e9; +} +.claro .dijitSliderReadOnly .dijitSliderIncrementIconH, +.claro .dijitSliderDisabled .dijitSliderIncrementIconH { + background-position:-215px 50%; + background-color:#e9e9e9; +} +.claro .dijitSliderReadOnly .dijitSliderDecrementIconV, +.claro .dijitSliderDisabled .dijitSliderDecrementIconV { + background-position:-3px 49%; + background-color:#e9e9e9; +} +.claro .dijitSliderReadOnly .dijitSliderIncrementIconV, +.claro .dijitSliderDisabled .dijitSliderIncrementIconV { + background-position:-107px 49%; + background-color:#e9e9e9; +} +.dj_ie6 .claro .dijitSlider .dijitSliderProgressBarH, +.dj_ie6 .claro .dijitSlider .dijitSliderLeftBumper, +.dj_ie6 .claro .dijitSlider .dijitSliderRemainingBarH, +.dj_ie6 .claro .dijitSlider .dijitSliderRightBumper, +.dj_ie6 .claro .dijitSlider .dijitSliderProgressBarV, +.dj_ie6 .claro .dijitSlider .dijitSliderTopBumper, +.dj_ie6 .claro .dijitSlider .dijitSliderRemainingBarV, +.dj_ie6 .claro .dijitSlider .dijitSliderBottomBumper { + background-image:none; +} diff --git a/lib/dijit/themes/claro/form/Slider_rtl.css b/lib/dijit/themes/claro/form/Slider_rtl.css new file mode 100644 index 000000000..ebff4268d --- /dev/null +++ b/lib/dijit/themes/claro/form/Slider_rtl.css @@ -0,0 +1,26 @@ +.claro .dijitSliderRtl .dijitSliderProgressBarH, +.claro .dijitSliderRtl .dijitSliderRemainingBarH, +.claro .dijitSliderRtl .dijitSliderLeftBumper, +.claro .dijitSliderRtl .dijitSliderRightBumper, +.claro .dijitSliderRtl .dijitSliderTopBumper { + background-position: top right; +} +.claro .dijitSliderRtl .dijitSliderProgressBarV, +.claro .dijitSliderRtl .dijitSliderRemainingBarV, +.claro .dijitSliderRtl .dijitSliderBottomBumper { + background-position: bottom right; +} +.claro .dijitSliderRtl .dijitSliderLeftBumper { + border-left-width: 0px; + border-right-width: 1px; +} +.claro .dijitSliderRtl .dijitSliderRightBumper { + border-left-width: 1px; + border-right-width: 0px; +} +.claro .dijitSliderRtl .dijitSliderIncrementIconH { + background-position:-357px 50%; +} +.claro .dijitSliderRtl .dijitSliderDecrementIconH { + background-position:-251px 50%; +} diff --git a/lib/dijit/themes/claro/form/images/button.png b/lib/dijit/themes/claro/form/images/button.png new file mode 100644 index 000000000..cb787cb2c Binary files /dev/null and b/lib/dijit/themes/claro/form/images/button.png differ diff --git a/lib/dijit/themes/claro/form/images/buttonArrows.png b/lib/dijit/themes/claro/form/images/buttonArrows.png new file mode 100644 index 000000000..642eff39b Binary files /dev/null and b/lib/dijit/themes/claro/form/images/buttonArrows.png differ diff --git a/lib/dijit/themes/claro/form/images/button_grad_d.png b/lib/dijit/themes/claro/form/images/button_grad_d.png new file mode 100644 index 000000000..3a71a4653 Binary files /dev/null and b/lib/dijit/themes/claro/form/images/button_grad_d.png differ diff --git a/lib/dijit/themes/claro/form/images/checkboxAndRadioButtons_IE6.png b/lib/dijit/themes/claro/form/images/checkboxAndRadioButtons_IE6.png new file mode 100644 index 000000000..92d222178 Binary files /dev/null and b/lib/dijit/themes/claro/form/images/checkboxAndRadioButtons_IE6.png differ diff --git a/lib/dijit/themes/claro/form/images/checkboxRadioButtonStates.png b/lib/dijit/themes/claro/form/images/checkboxRadioButtonStates.png new file mode 100644 index 000000000..2d06a8288 Binary files /dev/null and b/lib/dijit/themes/claro/form/images/checkboxRadioButtonStates.png differ diff --git a/lib/dijit/themes/claro/form/images/commonFormArrows.png b/lib/dijit/themes/claro/form/images/commonFormArrows.png new file mode 100644 index 000000000..6d04742ed Binary files /dev/null and b/lib/dijit/themes/claro/form/images/commonFormArrows.png differ diff --git a/lib/dijit/themes/claro/form/images/error.png b/lib/dijit/themes/claro/form/images/error.png new file mode 100644 index 000000000..46de1cd8b Binary files /dev/null and b/lib/dijit/themes/claro/form/images/error.png differ diff --git a/lib/dijit/themes/claro/form/images/formHighlight.png b/lib/dijit/themes/claro/form/images/formHighlight.png new file mode 100644 index 000000000..f90eb25ba Binary files /dev/null and b/lib/dijit/themes/claro/form/images/formHighlight.png differ diff --git a/lib/dijit/themes/claro/form/images/shadow.png b/lib/dijit/themes/claro/form/images/shadow.png new file mode 100644 index 000000000..72d60e628 Binary files /dev/null and b/lib/dijit/themes/claro/form/images/shadow.png differ diff --git a/lib/dijit/themes/claro/form/images/sliderHorizontal.png b/lib/dijit/themes/claro/form/images/sliderHorizontal.png new file mode 100644 index 000000000..d769a6489 Binary files /dev/null and b/lib/dijit/themes/claro/form/images/sliderHorizontal.png differ diff --git a/lib/dijit/themes/claro/form/images/sliderThumbs.png b/lib/dijit/themes/claro/form/images/sliderThumbs.png new file mode 100644 index 000000000..70ab2fe29 Binary files /dev/null and b/lib/dijit/themes/claro/form/images/sliderThumbs.png differ diff --git a/lib/dijit/themes/claro/form/images/sliderVertical.png b/lib/dijit/themes/claro/form/images/sliderVertical.png new file mode 100644 index 000000000..9d69d04c2 Binary files /dev/null and b/lib/dijit/themes/claro/form/images/sliderVertical.png differ diff --git a/lib/dijit/themes/claro/form/images/textBox_back.png b/lib/dijit/themes/claro/form/images/textBox_back.png new file mode 100644 index 000000000..dfc752afe Binary files /dev/null and b/lib/dijit/themes/claro/form/images/textBox_back.png differ diff --git a/lib/dijit/themes/claro/images/calendarArrows.png b/lib/dijit/themes/claro/images/calendarArrows.png new file mode 100644 index 000000000..3f6faa5f4 Binary files /dev/null and b/lib/dijit/themes/claro/images/calendarArrows.png differ diff --git a/lib/dijit/themes/claro/images/calendarArrows8bit.png b/lib/dijit/themes/claro/images/calendarArrows8bit.png new file mode 100644 index 000000000..ab9d66cb9 Binary files /dev/null and b/lib/dijit/themes/claro/images/calendarArrows8bit.png differ diff --git a/lib/dijit/themes/claro/images/calendarContainerImages.png b/lib/dijit/themes/claro/images/calendarContainerImages.png new file mode 100644 index 000000000..44fa088b7 Binary files /dev/null and b/lib/dijit/themes/claro/images/calendarContainerImages.png differ diff --git a/lib/dijit/themes/claro/images/checkmarkNoBorder.gif b/lib/dijit/themes/claro/images/checkmarkNoBorder.gif new file mode 100644 index 000000000..324bfb3cd Binary files /dev/null and b/lib/dijit/themes/claro/images/checkmarkNoBorder.gif differ diff --git a/lib/dijit/themes/claro/images/checkmarkNoBorder.png b/lib/dijit/themes/claro/images/checkmarkNoBorder.png new file mode 100644 index 000000000..9cec0c0aa Binary files /dev/null and b/lib/dijit/themes/claro/images/checkmarkNoBorder.png differ diff --git a/lib/dijit/themes/claro/images/commonHighlight.png b/lib/dijit/themes/claro/images/commonHighlight.png new file mode 100644 index 000000000..f90eb25ba Binary files /dev/null and b/lib/dijit/themes/claro/images/commonHighlight.png differ diff --git a/lib/dijit/themes/claro/images/dialogCloseIcon.png b/lib/dijit/themes/claro/images/dialogCloseIcon.png new file mode 100644 index 000000000..a605c71de Binary files /dev/null and b/lib/dijit/themes/claro/images/dialogCloseIcon.png differ diff --git a/lib/dijit/themes/claro/images/dialogCloseIcon8bit.png b/lib/dijit/themes/claro/images/dialogCloseIcon8bit.png new file mode 100644 index 000000000..d2b063b16 Binary files /dev/null and b/lib/dijit/themes/claro/images/dialogCloseIcon8bit.png differ diff --git a/lib/dijit/themes/claro/images/dnd.png b/lib/dijit/themes/claro/images/dnd.png new file mode 100644 index 000000000..8cb04aa43 Binary files /dev/null and b/lib/dijit/themes/claro/images/dnd.png differ diff --git a/lib/dijit/themes/claro/images/loading.gif b/lib/dijit/themes/claro/images/loading.gif new file mode 100644 index 000000000..6e7c8e5ec Binary files /dev/null and b/lib/dijit/themes/claro/images/loading.gif differ diff --git a/lib/dijit/themes/claro/images/loadingAnimation.gif b/lib/dijit/themes/claro/images/loadingAnimation.gif new file mode 100644 index 000000000..d76e4cd7f Binary files /dev/null and b/lib/dijit/themes/claro/images/loadingAnimation.gif differ diff --git a/lib/dijit/themes/claro/images/menuHighlight.png b/lib/dijit/themes/claro/images/menuHighlight.png new file mode 100644 index 000000000..22328a7d8 Binary files /dev/null and b/lib/dijit/themes/claro/images/menuHighlight.png differ diff --git a/lib/dijit/themes/claro/images/progressBarAnim.gif b/lib/dijit/themes/claro/images/progressBarAnim.gif new file mode 100644 index 000000000..30c0d9d87 Binary files /dev/null and b/lib/dijit/themes/claro/images/progressBarAnim.gif differ diff --git a/lib/dijit/themes/claro/images/progressBarEmpty.png b/lib/dijit/themes/claro/images/progressBarEmpty.png new file mode 100644 index 000000000..e0a68561f Binary files /dev/null and b/lib/dijit/themes/claro/images/progressBarEmpty.png differ diff --git a/lib/dijit/themes/claro/images/progressBarFull.png b/lib/dijit/themes/claro/images/progressBarFull.png new file mode 100644 index 000000000..280f51d2c Binary files /dev/null and b/lib/dijit/themes/claro/images/progressBarFull.png differ diff --git a/lib/dijit/themes/claro/images/spriteArrows.png b/lib/dijit/themes/claro/images/spriteArrows.png new file mode 100644 index 000000000..608f4c7f7 Binary files /dev/null and b/lib/dijit/themes/claro/images/spriteArrows.png differ diff --git a/lib/dijit/themes/claro/images/titlebar.png b/lib/dijit/themes/claro/images/titlebar.png new file mode 100644 index 000000000..48181035a Binary files /dev/null and b/lib/dijit/themes/claro/images/titlebar.png differ diff --git a/lib/dijit/themes/claro/images/tooltip.png b/lib/dijit/themes/claro/images/tooltip.png new file mode 100644 index 000000000..aca14988a Binary files /dev/null and b/lib/dijit/themes/claro/images/tooltip.png differ diff --git a/lib/dijit/themes/claro/images/tooltip8bit.png b/lib/dijit/themes/claro/images/tooltip8bit.png new file mode 100644 index 000000000..51f65f104 Binary files /dev/null and b/lib/dijit/themes/claro/images/tooltip8bit.png differ diff --git a/lib/dijit/themes/claro/images/treeExpandImages.png b/lib/dijit/themes/claro/images/treeExpandImages.png new file mode 100644 index 000000000..75cf38570 Binary files /dev/null and b/lib/dijit/themes/claro/images/treeExpandImages.png differ diff --git a/lib/dijit/themes/claro/images/treeExpandImages8bit.png b/lib/dijit/themes/claro/images/treeExpandImages8bit.png new file mode 100644 index 000000000..290b2e14f Binary files /dev/null and b/lib/dijit/themes/claro/images/treeExpandImages8bit.png differ diff --git a/lib/dijit/themes/claro/images/treeExpand_loading.gif b/lib/dijit/themes/claro/images/treeExpand_loading.gif new file mode 100644 index 000000000..424d376ac Binary files /dev/null and b/lib/dijit/themes/claro/images/treeExpand_loading.gif differ diff --git a/lib/dijit/themes/claro/layout/AccordionContainer.css b/lib/dijit/themes/claro/layout/AccordionContainer.css new file mode 100644 index 000000000..77b8bd967 --- /dev/null +++ b/lib/dijit/themes/claro/layout/AccordionContainer.css @@ -0,0 +1,65 @@ + +.claro .dijitAccordionContainer { + border:none; +} +.claro .dijitAccordionInnerContainer { + background-color: #e6e6e7; + border:solid 1px #b5bcc7; + margin-bottom:1px; + -webkit-transition-property:background-color,border; + -webkit-transition-duration:.3s; + -webkit-transition-timing-function:linear; +} +.claro .dijitAccordionTitle { + background-color: transparent; + background-image: url("images/accordion.png"); + background-position:0px 0px; + background-repeat:repeat-x; + padding: 5px 7px 2px 7px; + min-height:17px; + color:#4a4a4a; +} +.dj_ie6 .claro .dijitAccordionTitle { + background-image: none; +} +.claro .dijitAccordionContainer .dijitAccordionContainer-child { + background-color:#fff; + + border:1px solid #92bce1 !important; + margin: 0px 2px 2px; + padding: 9px; +} +.claro .dijitAccordionInnerContainerActive { + border:1px solid #769DC0; + background-color:#7dbefa; + -webkit-transition-duration:.1s; +} +.claro .dijitAccordionInnerContainerActive .dijitAccordionTitle { + background-position:0px -136px; + color:#000; +} +.claro .dijitAccordionInnerContainerSelected { + border-color:#92bce1; + background-color: #cde8ff; +} +.claro .dijitAccordionInnerContainerSelected .dijitAccordionTitle { + color:#000; + background-position: 0 0; +} +.claro .dijitAccordionInnerContainerHover dijitAccordionTitle { + + color:#000; +} +.claro .dijitAccordionInnerContainerHover, +.claro .dijitAccordionInnerContainerSelectedActive { + border:1px solid #769DC0; + background-color:#9dcfff; + -webkit-transition-duration:.2s; +} +.claro .dijitAccordionInnerContainerSelectedHover .dijitAccordionContainer-child, +.claro .dijitAccordionInnerContainerSelectedActive .dijitAccordionContainer-child { + background-color:#ffffff; + border:1px solid #769DC0 !important; + -webkit-box-shadow:inset 0px 0px 3px rgba(0, 0, 0, .25); + -moz-box-shadow:inset 0px 0px 3px rgba(0, 0, 0, .25); +} diff --git a/lib/dijit/themes/claro/layout/BorderContainer.css b/lib/dijit/themes/claro/layout/BorderContainer.css new file mode 100644 index 000000000..333a45890 --- /dev/null +++ b/lib/dijit/themes/claro/layout/BorderContainer.css @@ -0,0 +1,77 @@ + +.claro .dijitBorderContainer { + border: 1px #b5bcc7 solid; + padding: 5px; +} +.claro .dijitSplitContainer-child, +.claro .dijitBorderContainer-child { + + border: 1px #b5bcc7 solid; +} +.claro .dijitBorderContainer-dijitTabContainerTop, +.claro .dijitBorderContainer-dijitTabContainerBottom, +.claro .dijitBorderContainer-dijitTabContainerLeft, +.claro .dijitBorderContainer-dijitTabContainerRight, +.claro .dijitBorderContainer-dijitAccordionContainer { + + border: none; +} +.claro .dijitBorderContainer-dijitBorderContainer { + + border: 1px #c0ccdf solid; + padding: 5px; +} +.claro .dijitSplitterH, +.claro .dijitGutterH { + background:none; + border:0; + height:5px; +} +.claro .dijitSplitterH .dijitSplitterThumb { + background:#dde2e9 none; + height:1px; + top:2px; + width:19px; +} +.claro .dijitSplitterV, +.claro .dijitGutterV { + background:none; + border:0; + width:5px; + margin: 0; +} +.claro .dijitSplitterV .dijitSplitterThumb { + background:#dde2e9 none; + height:19px; + left:2px; + width:1px; + margin: 0; +} +.claro .dijitSplitterHHover { + font-size: 1px; + background: url("images/splitterHorizontalHover.png") no-repeat center top; +} +.claro .dijitSplitterHHover .dijitSplitterThumb { + background:#769dc0 none; +} +.claro .dijitSplitterVHover { + font-size: 1px; + background: url("images/splitterVerticalHover.png") no-repeat center left; +} +.claro .dijitSplitterVHover .dijitSplitterThumb { + background:#769dc0 none; +} +.dj_ie6 .dijitSplitterHHover, +.dj_ie6 .claro .dijitSplitterVHover { + background-color:#cfe9ff; + background-image:none; +} +.claro .dijitSplitterHActive { + font-size: 1px; + background-color:#abd4fb; + border-top:blue; +} +.claro .dijitSplitterVActive { + font-size: 1px; + background-color:#abd4fb; +} diff --git a/lib/dijit/themes/claro/layout/ContentPane.css b/lib/dijit/themes/claro/layout/ContentPane.css new file mode 100644 index 000000000..f9f543cd1 --- /dev/null +++ b/lib/dijit/themes/claro/layout/ContentPane.css @@ -0,0 +1,17 @@ + +.claro .dijitContentPane { + padding: 8px; +} +.claro .dijitTabContainerTop-dijitContentPane, +.claro .dijitTabContainerLeft-dijitContentPane, +.claro .dijitTabContainerBottom-dijitContentPane, +.claro .dijitTabContainerRight-dijitContentPane, +.claro .dijitAccordionContainer-dijitContentPane { + background-color: #fff; + padding: 8px; +} +.claro .dijitSplitContainer-dijitContentPane, +.claro .dijitBorderContainer-dijitContentPane { + background-color: #fff; + padding: 8px; +} diff --git a/lib/dijit/themes/claro/layout/TabContainer.css b/lib/dijit/themes/claro/layout/TabContainer.css new file mode 100644 index 000000000..95fe2c262 --- /dev/null +++ b/lib/dijit/themes/claro/layout/TabContainer.css @@ -0,0 +1,348 @@ + +.claro .dijitTabPaneWrapper { + background:#fff; +} +.claro .dijitTabPaneWrapper, +.claro .dijitTabContainerTop-tabs, +.claro .dijitTabContainerBottom-tabs, +.claro .dijitTabContainerLeft-tabs, +.claro .dijitTabContainerRight-tabs { + + border-color: #b5bcc7; +} +.claro .dijitTabCloseButton { + background: url("images/tabClose.png") no-repeat; + width: 14px; + height: 14px; + margin-left: 5px; + margin-right:-3px; +} +.claro .dijitTabCloseButtonHover { + background-position:-14px; +} +.claro .dijitTabCloseButtonActive { + background-position:-28px; +} +.claro .dijitTabSpacer { + + display: none; +} +.claro .dijitTabInnerDiv { + background-color:#e6e6e7; + -webkit-transition-property:background-color, border; + -webkit-transition-duration:.35s; + color:#4a4a4a; +} +.claro .dijitTabHover .dijitTabInnerDiv { + background-color:#a9d6ff; + -webkit-transition-duration:.25s; + color:#000; +} +.claro .dijitTabActive .dijitTabInnerDiv { + background-color:#8bc4f9; + color:#000; + -webkit-transition-duration:.1s; +} +.claro .dijitTabChecked .dijitTabInnerDiv { + background-color:#b2d4f3; + color:#000; +} +.claro .dijitTabContent { + border: 1px solid #b5bcc7; +} +.claro .dijitTabHover .dijitTabContent, +.claro .dijitTabActive .dijitTabContent { + border-color: #769dc0; +} +.claro .dijitTabChecked .dijitTabContent { + color:#000; + border-color: #b5bcc7; +} +.claro .tabStripButton .dijitTabInnerDiv { + background-color: transparent; +} +.claro .tabStripButton .dijitTabContent { + border: none; +} +.claro .dijitTabContainerTop-tabs .dijitTab { + top: 1px; + margin-right: 1px; + padding-top: 3px; +} +.dj_ie7 .claro .dijitTabContainerTop-tabs .dijitTab { + top: 3px; +} +.claro .dijitTabContainerTop-tabs .dijitTabContent { + padding:3px 8px 3px 4px; + border-bottom: 1px; + background-image:url("images/tabTop.png"); + background-position:0px 0px; + background-repeat:repeat-x; + min-width: 60px; + text-align: center; +} +.claro .dijitTabContainerTop-tabs .dijitTabChecked .dijitTabContent { + padding-bottom: 4px; + padding-top: 6px; +} +.dj_ie .claro .dijitTabContainerTop-tabs .dijitTabChecked .dijitTabContent { + border-bottom: none; +} +.claro .dijitTabContainerTop-tabs .dijitTabInnerDiv { + background-image:url("images/tabTop.png"); + background-position:0px -248px; + background-position:bottom; + background-repeat:repeat-x; + box-shadow: 0px -1px 1px rgba(0, 0, 0, 0.04); + -webkit-box-shadow: 0px -1px 1px rgba(0, 0, 0, 0.04); + -moz-box-shadow: 0px -1px 1px rgba(0, 0, 0, 0.04); +} +.claro .dijitTabContainerTop-tabs .dijitTabChecked .dijitTabInnerDiv { + background-image:none; + box-shadow: 0px -1px 2px rgba(0, 0, 0, 0.05); + -webkit-box-shadow: 0px -1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: 0px -1px 2px rgba(0, 0, 0, 0.05); +} +.claro .dijitTabContainerTop-tabs .dijitTabChecked .dijitTabContent { + background-position:0px -102px; + background-repeat:repeat-x; +} +.claro .dijitTabContainerBottom-tabs .dijitTab { + top: -1px; + margin-right: 1px; +} +.claro .dijitTabContainerBottom-tabs .dijitTabContent { + padding:3px 8px 4px 4px; + border-top: none; + background-image: url("images/tabBottom.png"); + background-position:0px -249px; + background-repeat: repeat-x; + background-position:bottom; + min-width: 60px; + text-align: center; +} +.claro .dijitTabContainerBottom-tabs .dijitTab { + padding-bottom: 3px; +} +.claro .dijitTabContainerBottom-tabs .dijitTabInnerDiv { + background-image: url("images/tabBottom.png"); + background-position: top; + background-repeat: repeat-x; + box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.04); + -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.04); + -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.04); + +} +.claro .dijitTabContainerBottom-tabs .dijitTabChecked .dijitTabContent { + padding-bottom: 7px; + padding-top: 4px; + background-position:0px -119px; +} +.claro .dijitTabContainerBottom-tabs .dijitTabChecked { + padding-bottom: 0; +} +.claro .dijitTabContainerBottom-tabs .dijitTabChecked .dijitTabInnerDiv { + background-image:none; + box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); + -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); +} +.claro .dijitTabContainerLeft-tabs .dijitTab { + left: 1px; + margin-bottom: 1px; +} +.claro .dijitTabContainerLeft-tabs .dijitTabInnerDiv { + background-image: url("images/tabLeft.png"); + background-position: -347px -340px; + background-repeat: repeat-y; +} +.claro .dijitTabContainerLeft-tabs .dijitTabContent { + padding:3px 8px 4px 4px; + background-image: url("images/tabLeft.png"); + background-repeat: repeat-y; + background-position:0px 0px; +} +.claro .dijitTabContainerLeft-tabs .dijitTabChecked .dijitTabContent { + padding-right: 9px; + border-right: none; + background-image: none; +} +.claro .dijitTabContainerLeft-tabs .dijitTabChecked .dijitTabInnerDiv { + background-position:0px -179px; + background-repeat:repeat-y; + box-shadow: -1px 0px 2px rgba(0, 0, 0, .05); + -webkit-box-shadow: -1px 0px 2px rgba(0, 0, 0, .05); + -moz-box-shadow: -1px 0px 2px rgba(0, 0, 0, 0.05); +} +.claro .dijitTabContainerRight-tabs .dijitTab { + left: -1px; + margin-bottom: 1px; +} +.claro .dijitTabContainerRight-tabs .dijitTabInnerDiv { + background-image: url("images/tabRight.png"); + background-repeat: repeat-y; + background-position: -1px -347px; +} +.claro .dijitTabContainerRight-tabs .dijitTabContent { + padding:3px 8px 4px 4px; + background-image: url("images/tabRight.png"); + background-position:right top; + background-repeat: repeat-y; +} +.claro .dijitTabContainerRight-tabs .dijitTabChecked .dijitTabContent { + padding-left: 5px; + border-left: none; + background-image: none; +} +.claro .dijitTabContainerRight-tabs .dijitTabChecked .dijitTabInnerDiv { + background-position:-348px -179px; + box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.07); + -webkit-box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.07); + -moz-box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.07); +} +.claro .dijitTabContainerTop-tabs .dijitTabInnerDiv, +.claro .dijitTabContainerTop-tabs .dijitTabContent { + border-radius: 2px 2px 0px 0px; + -moz-border-radius: 2px 2px 0px 0px; + -webkit-border-top-left-radius:2px; + -webkit-border-top-right-radius:2px; +} +.claro .dijitTabContainerBottom-tabs .dijitTabInnerDiv, +.claro .dijitTabContainerBottom-tabs .dijitTabContent{ + border-radius: 0px 0px 2px 2px; + -moz-border-radius: 0px 0px 2px 2px; + -webkit-border-bottom-right-radius:2px; + -webkit-border-bottom-left-radius:2px; +} +.claro .dijitTabContainerLeft-tabs .dijitTabInnerDiv, +.claro .dijitTabContainerLeft-tabs .dijitTabContent{ + border-radius: 2px 0px 0px 2px; + -moz-border-radius: 2px 0px 0px 2px; + -webkit-border-top-left-radius:2px; + -webkit-border-bottom-left-radius:2px; +} +.claro .dijitTabContainerRight-tabs .dijitTabInnerDiv, +.claro .dijitTabContainerRight-tabs .dijitTabContent{ + border-radius: 0px 2px 2px 0px; + -moz-border-radius: 0px 2px 2px 0px; + -webkit-border-top-right-radius:2px; + -webkit-border-bottom-right-radius:2px; +} +.claro .tabStripButton { + background-color:#deecf9; + border: 1px solid #b5bcc7; +} +.claro .dijitTabListContainer-top .tabStripButton { + padding: 4px 3px; + margin-top:7px; + background-image: url("images/tabTop.png"); + background-position:0px 0px; +} +.claro .dijitTabListContainer-bottom .tabStripButton { + padding:5px 3px; + margin-bottom:4px; + background-image: url("images/tabTop.png"); + background-position:0px -248px; + background-position:bottom; +} +.claro .tabStripButtonHover { + background-color:#a6d2fb; +} +.claro .tabStripButtonActive { + background-color:#7dbefa; +} +.claro .dijitTabStripIcon { + height:15px; + width:15px; + margin: 0 auto; + background:url("../form/images/buttonArrows.png") no-repeat -75px 50%; + background-color: transparent; +} +.claro .dijitTabStripSlideRightIcon{ + background-position: -24px 50%; +} +.claro .dijitTabStripMenuIcon { + background-position: -51px 50%; +} +.claro .dijitTabListContainer-top .tabStripButtonDisabled, +.claro .dijitTabListContainer-bottom .tabStripButtonDisabled { + background-color:#dddddd; + border:1px solid #c9c9c9; +} +.claro .tabStripButtonDisabled .dijitTabStripSlideLeftIcon { + background-position:-175px 50%; +} +.claro .tabStripButtonDisabled .dijitTabStripSlideRightIcon { + background-position: -124px 50%; +} +.claro .tabStripButtonDisabled .dijitTabStripMenuIcon { + background-position: -151px 50%; +} +.claro .dijitTabContainerNested .dijitTabListWrapper { + height: auto; +} +.claro .dijitTabContainerNested .dijitTabContainerTop-tabs { + border-bottom:solid 1px #b5bcc7; + padding:1px 2px 4px; + margin-top:-2px; +} +.claro .dijitTabContainerTabListNested .dijitTabContent { + background:rgba(255, 255, 255, 0) none repeat scroll 0 0; + border: none; + padding: 4px; + border-color: rgba(118,157,192,0); + -webkit-transition-property:background-color, border-color; + -webkit-transition-duration:.3s; +} +.claro .dijitTabContainerTabListNested .dijitTab .dijitTabInnerDiv { + + background: none; + border: none; + top: 0px; + box-shadow: none; + -webkit-box-shadow: none; + -moz-box-shadow: none; +} +.claro .dijitTabContainerTabListNested .dijitTabHover .dijitTabContent { + background-color:#eaf4fc; + border-radius: 2px 2px 2px 2px; + -moz-border-radius: 2px 2px 2px 2px; + -webkit-border-radius:2px; + border:solid 1px #c8dff3; + padding: 3px; + webkit-transition-duration:.2s; +} +.claro .dijitTabContainerTabListNested .dijitTabHover .tabLabel { + text-decoration: none; +} +.claro .dijitTabContainerTabListNested .dijitTabActive .dijitTabContent { + border-radius: 2px 2px 2px 2px; + -moz-border-radius: 2px 2px 2px 2px; + -webkit-border-radius:2px; + border:solid 1px #a8c7e2; + padding: 3px; + background:#b9d9f5 url("images/tabNested.png") repeat-x; + -webkit-transition-duration:.1s; +} +.claro .dijitTabContainerTabListNested .dijitTabChecked .dijitTabContent { + border-radius: 2px 2px 2px 2px; + -moz-border-radius: 2px 2px 2px 2px; + -webkit-border-radius:2px; + padding: 3px; + border:solid 1px #a8c7e2; + background-position: 0px 105px; + background-color:#d4e8f9; +} +.claro .dijitTabContainerTabListNested .dijitTabChecked .tabLabel { + text-decoration: none; + background-image:none; +} +.claro .dijitTabPaneWrapperNested { + border: none; +} +.dj_ie6 .claro .dijitTabContent, +.dj_ie6 .claro .dijitTabInnerDiv, +.dj_ie6 .dijitTabListContainer-top .tabStripButton, +.dj_ie6 .dijitTabListContainer-bottom .tabStripButton{ + background-image: none; +} diff --git a/lib/dijit/themes/claro/layout/TabContainer_rtl.css b/lib/dijit/themes/claro/layout/TabContainer_rtl.css new file mode 100644 index 000000000..156cea977 --- /dev/null +++ b/lib/dijit/themes/claro/layout/TabContainer_rtl.css @@ -0,0 +1,67 @@ +.claro .dijitTabContainerTop-tabs .dijitTabRtl, +.claro .dijitTabContainerBottom-tabs .dijitTabRtl { + margin-right: 0; + margin-left: 1px; +} +.claro .dijitTabRtl { + -moz-box-orient:horizontal; + text-align: right; +} +.dj_ie7 .claro .dijitTabRtl .dijitTabContent { + display: block; + left: 0; +} +.dj_ie7 .claro .dijitTabContainerTop-tabs .dijitTabRtl, +.dj_ie7 .claro .dijitTabContainerTop-tabs .dijitTabCheckedRtl { + top: 1px; +} +.dj_ie7 .claro .tabStripButtonRtl .dijitButtonContents, +.dj_ie8 .claro .tabStripButtonRtl .dijitButtonContents, +.dj_ie6 .claro .dijitTabContainerTop-tabs .dijitTabRtl .dijitTabInnerDiv, +.dj_ie6 .claro .dijitTabContainerBottom-tabs .dijitTabRtl .dijitTabInnerDiv, +.dj_ie7 .claro .dijitTabContainerTop-tabs .dijitTabRtl .dijitTabInnerDiv, +.dj_ie7 .claro .dijitTabContainerBottom-tabs .dijitTabRtl .dijitTabInnerDiv, +.dj_iequirks .claro .dijitTabContainerTop-tabs .dijitTabRtl .dijitTabInnerDiv, +.dj_iequirks .claro .dijitTabContainerBottom-tabs .dijitTabRtl .dijitTabInnerDiv { + float:left; +} +.dj_ie6 .claro .dijitTabRtl .tabLabel, +.dj_ie6 .claro .dijitTabContainerRight-tabs .dijitTabRtl, +.dj_ie6 .claro .dijitTabContainerLeft-tabs .dijitTabRtl, +.dj_ie7 .claro .dijitTabContainerRight-tabs .dijitTabRtl .dijitTabInnerDiv, +.dj_ie7 .claro .dijitTabContainerLeft-tabs .dijitTabRtl .dijitTabInnerDiv { + + zoom:1; +} +.dj_ie6 .claro .dijitTabRtl .dijitTabCloseButton, +.dj_ie7 .claro .dijitTabRtl .dijitTabCloseButton, +.dj_iequirks .claro .dijitTabRtl .dijitTabCloseButton { + margin-right:5px; +} +.dj_ie6 .claro .dijitTabContainerRightRtl .dijitTabContainerRight-tabs, +.dj_ie6 .claro .dijitTabContainerLeftRtl .dijitTabContainerLeft-tabs { + width:1%; +} +.dj_ie6 .dijitTabContainerTopStrip, +.dj_ie6 .dijitTabContainerBottomStrip { + position:absolute; +} +.dj_iequirks .claro .dijitTabContainerTopRtl .dijitTabContainerTopStrip { + padding-top: 10px; +} +.dj_ie7 .claro .dijitTabContainerRight-tabs .dijitTabRtlChecked .dijitTabInnerDiv { + background-position:-341px -179px; +} +.dj_ie6 .dijitTabContainerTopRtl .dijitTabStripIcon, +.dj_ie6 .dijitTabContainerBottomRtl .dijitTabStripIcon { + position: relative; +} +.dj_ie6-rtl .claro .dijitTabContainerTop-tabs { + + padding-left: 3px; +} +.dj_iequirks-rtl .claro .dijitTabListWrapper { + + border-left: 1px solid #fff; + border-right: 1px solid #fff; +} diff --git a/lib/dijit/themes/claro/layout/images/accordion.png b/lib/dijit/themes/claro/layout/images/accordion.png new file mode 100644 index 000000000..48181035a Binary files /dev/null and b/lib/dijit/themes/claro/layout/images/accordion.png differ diff --git a/lib/dijit/themes/claro/layout/images/splitterHorizontalHover.png b/lib/dijit/themes/claro/layout/images/splitterHorizontalHover.png new file mode 100644 index 000000000..0f5b691f6 Binary files /dev/null and b/lib/dijit/themes/claro/layout/images/splitterHorizontalHover.png differ diff --git a/lib/dijit/themes/claro/layout/images/splitterVerticalHover.png b/lib/dijit/themes/claro/layout/images/splitterVerticalHover.png new file mode 100644 index 000000000..2c3c6960e Binary files /dev/null and b/lib/dijit/themes/claro/layout/images/splitterVerticalHover.png differ diff --git a/lib/dijit/themes/claro/layout/images/tabBottom.png b/lib/dijit/themes/claro/layout/images/tabBottom.png new file mode 100644 index 000000000..bf232406f Binary files /dev/null and b/lib/dijit/themes/claro/layout/images/tabBottom.png differ diff --git a/lib/dijit/themes/claro/layout/images/tabClose.png b/lib/dijit/themes/claro/layout/images/tabClose.png new file mode 100644 index 000000000..f3b236393 Binary files /dev/null and b/lib/dijit/themes/claro/layout/images/tabClose.png differ diff --git a/lib/dijit/themes/claro/layout/images/tabLeft.png b/lib/dijit/themes/claro/layout/images/tabLeft.png new file mode 100644 index 000000000..8e9fcba27 Binary files /dev/null and b/lib/dijit/themes/claro/layout/images/tabLeft.png differ diff --git a/lib/dijit/themes/claro/layout/images/tabNested.png b/lib/dijit/themes/claro/layout/images/tabNested.png new file mode 100644 index 000000000..0140cf45b Binary files /dev/null and b/lib/dijit/themes/claro/layout/images/tabNested.png differ diff --git a/lib/dijit/themes/claro/layout/images/tabRight.png b/lib/dijit/themes/claro/layout/images/tabRight.png new file mode 100644 index 000000000..0aaae53a1 Binary files /dev/null and b/lib/dijit/themes/claro/layout/images/tabRight.png differ diff --git a/lib/dijit/themes/claro/layout/images/tabTop.png b/lib/dijit/themes/claro/layout/images/tabTop.png new file mode 100644 index 000000000..db7626ea8 Binary files /dev/null and b/lib/dijit/themes/claro/layout/images/tabTop.png differ -- cgit v1.2.3