diff options
Diffstat (limited to 'js/dojo/dijit/themes')
501 files changed, 15904 insertions, 0 deletions
diff --git a/js/dojo/dijit/themes/a11y/README.txt b/js/dojo/dijit/themes/a11y/README.txt new file mode 100644 index 0000000..a809354 --- /dev/null +++ b/js/dojo/dijit/themes/a11y/README.txt @@ -0,0 +1,3 @@ +This folder contains images used by all themes when in "high-contrast" mode. + +If you think you need to put something here, please talk to Becky or Bill first.
\ No newline at end of file diff --git a/js/dojo/dijit/themes/a11y/colors3x4.png b/js/dojo/dijit/themes/a11y/colors3x4.png Binary files differnew file mode 100644 index 0000000..5125cb6 --- /dev/null +++ b/js/dojo/dijit/themes/a11y/colors3x4.png diff --git a/js/dojo/dijit/themes/a11y/colors7x10.png b/js/dojo/dijit/themes/a11y/colors7x10.png Binary files differnew file mode 100644 index 0000000..d1354af --- /dev/null +++ b/js/dojo/dijit/themes/a11y/colors7x10.png diff --git a/js/dojo/dijit/themes/a11y/indeterminate_progress.gif b/js/dojo/dijit/themes/a11y/indeterminate_progress.gif Binary files differnew file mode 100644 index 0000000..66f535c --- /dev/null +++ b/js/dojo/dijit/themes/a11y/indeterminate_progress.gif diff --git a/js/dojo/dijit/themes/claro/Calendar.css b/js/dojo/dijit/themes/claro/Calendar.css new file mode 100644 index 0000000..a0f9597 --- /dev/null +++ b/js/dojo/dijit/themes/claro/Calendar.css @@ -0,0 +1,284 @@ +/* Calendar + * + * Styling Calendar mainly includes: + * + * 1. Calendar container + * .dijitCalendar - main container + * .dijitCalendarHover / .dijitCalendarActive - states e.g. hover,active + * + * 2. Month + * .dijitCalendarMonthContainer + * .dijitCalendarMonthLabel + * .dijitCalendarDecrease / .dijitCalendarDecrease - icons for switching to previous/next month + * .dijitCalendarArrowActive .dijitCalendarDecrease - states e.g. hover,active + * + * 3. Date + * .dijitCalendarDayLabelTemplate - week day column header e.g. S M T W T F S + * .dijitCalendarDateTemplate - date label wrapper + * .dijitCalendarPreviousMonth .dijitCalendarDateLabel - special labels for previous or next month + * .dijitCalendarSelectedDate .dijitCalendarDateLabel - styles for selected date + * .dijitCalendarDisabledDate .dijitCalendarDateLabel - styles for disabled date + * .dijitCalendarActiveDate .dijitCalendarDateLabel - states e.g. hover,active + * + * 4. Year + * .dijitCalendarYearContainer + * .dijitCalendarYearLabel + * .dijitCalendarPreviousYear /.dijitCalendarNextYear + * .dijitCalendarNextYearHover / .dijitCalendarPreviousYearHover - states e.g. hover,active + * + * 5. Dropdown Month Menu + * .dijitCalendarMonthMenu - menu container + * .dijitCalendarMonthMenu .dijitCalendarMonthLabel - month label in menu item + * .dijitCalendarMonthMenu .dijitCalendarMonthLabelHover - menu item hover state + */ +.claro .dijitCalendar { + border: solid 1px #b5bcc7; + background-color: #cfe5fa; + background-image: url("images/calendarContainerImages.png"); + background-position: 0 -448px; + background-repeat: repeat-x; + text-align: center; + padding: 6px 5px 3px 5px; + -moz-border-radius: 4px; + border-radius: 4px; + border-collapse: separate; +} +.dj_ie6 .claro .dijitCalendar { + background-image: none; +} +.claro .dijitCalendar img { + border: none; +} +.claro .dijitCalendarHover, .claro .dijitCalendar:hover, .claro .dijitCalendarActive { + /* treat dijitCalenderActive like hover since there's + * no concept of clicking a Calendar as a whole (although you can click things inside the calendar) + */ + + background-color: #abd6ff; + border: solid 1px #759dc0; +} +.claro .dijitCalendarMonthContainer th { + text-align: center; + padding-bottom: 4px; + vertical-align: middle; +} +.claro .dijitCalendarMonthLabel { + color: #000000; + font-size: 1.091em; + padding: 0 4px; +} +/* next/previous month arrows */ +.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 0; +} +.claro .dijitCalendarArrowHover .dijitCalendarDecrease, .claro .dijitCalendarArrow:hover .dijitCalendarDecrease { + background-position: -36px 0; +} +.claro .dijitCalendarArrowHover .dijitCalendarIncrease, .claro .dijitCalendarArrow:hover .dijitCalendarIncrease { + background-position: -55px 0; +} +.claro .dijitCalendarArrowActive .dijitCalendarDecrease, .claro .dijitCalendarArrow:active .dijitCalendarDecrease { + background-position: -72px 0; +} +.claro .dijitCalendarArrowActive .dijitCalendarIncrease, .claro .dijitCalendarArrow:active .dijitCalendarIncrease { + background-position: -91px 0; +} +.claro .dijitA11ySideArrow { + /* text +/- labels instead of arrow icons, for high contrast mode */ + + display: none; +} +.claro .dijitCalendarDayLabelTemplate { + padding-bottom: 0; + text-align: center; + border-bottom: 1px solid #b5bcc7; + padding: 0 3px 2px; +} +.claro .dijitCalendarDayLabel { + padding: 0 4px 0 4px; + font-weight: bold; + font-size: 0.909em; + text-align: center; + color: #000000; +} +.claro .dijitCalendarDateTemplate { + text-align: center; + background-color: #ffffff; + background-image: url("images/calendarContainerImages.png"); + background-position: 0 0; + background-repeat: repeat-x; + border-bottom: 1px solid #d3d3d3; + padding-top: 0; + font-size: 0.909em; + font-family: Arial; + font-weight: bold; + letter-spacing: .05em; + text-align: center; + color: #000000; +} +.dj_ie6 .claro .dijitCalendarDateTemplate { + background-image: none; +} +.claro .dijitCalendarPreviousMonth, .claro .dijitCalendarNextMonth { + background-color: #e5f2fe; + background-image: none; + border-bottom: solid 1px #d3d3d3; + /* todo: redundant with above .dijitCalendarDateTemplate rule */ +} +.claro .dijitCalendarDateTemplate .dijitCalendarDateLabel { + text-decoration: none; + display: block; + padding: 3px 5px 3px 4px; + border: solid 1px #ffffff; + /* intentionally matches background-color, no visible border until hover/selection */ + + background-color: rgba(171, 212, 251, 0); + /* transparent causes black-flash animation problem on webkit */ + + -webkit-transition-property: background-color, border; + -moz-transition-property: background-color, border; + transition-property: background-color, border; + -webkit-transition-duration: 0.35s; + -moz-transition-duration: 0.35s; + transition-duration: 0.35s; +} +.claro .dijitCalendarPreviousMonth .dijitCalendarDateLabel, .claro .dijitCalendarNextMonth .dijitCalendarDateLabel { + color: #759dc0; + border-color: #e5f2fe; + /* intentionally matches background-color, no visible border until hover/selection */ + +} +.claro .dijitCalendarYearContainer { + vertical-align: middle; +} +.claro .dijitCalendarYearControl { + padding: 1px 2px 2px 2px; +} +.claro .dijitCalendarYearLabel { + padding: 2px 0 0 0; + margin: 0; + font-size: 1.17em; +} +.claro .dijitCalendarYearLabel span { + /* trying to center next/current/previous year vertically, doesn't work on IE6/7 though */ + + vertical-align: middle; +} +.claro .dijitCalendarSelectedYear { + padding: 0 3px; +} +.claro .dijitCalendarNextYear, .claro .dijitCalendarPreviousYear { + padding: 1px 6px 1px 6px; + font-size: 0.909em; +} +.claro .dijitCalendarSelectedYear { + font-size: 1.091em; + color: #000000; +} +/* End Normal Calendar Style */ +/* Hovered Calendar Style */ +.claro .dijitCalendarHoveredDate .dijitCalendarDateLabel, .claro .dijitCalendarEnabledDate:hover .dijitCalendarDateLabel { + background-color: #abd6ff; + border: solid 1px #759dc0; + color: #000000; + -webkit-transition-duration: 0.2s; + -moz-transition-duration: 0.2s; + transition-duration: 0.2s; +} +.claro .dijitCalendarNextYearHover, +.claro .dijitCalendarNextYear:hover, +.claro .dijitCalendarPreviousYearHover, +.claro .dijitCalendarPreviousYear:hover { + color: #000000; + border: solid 1px #ffffff; + padding: 0 5px 0 5px; + /* reduced by 1 to make room for border */ + + background-color: #e5f2fe; +} +/* End Hovered Calendar Style */ +/* Active Calendar Style */ +.claro .dijitCalendarNextYearActive, .claro .dijitCalendarNextYear:active.claro .dijitCalendarPreviousYearActive, .claro .dijitCalendarPreviousYear:active { + border: solid 1px #759dc0; + padding: 0 5px 0 5px; + /* reduced by 1 to make room for border */ + + background-color: #7dbdfa; +} +.claro .dijitCalendarActiveDate .dijitCalendarDateLabel, .claro .dijitCalendarEnabledDate:active .dijitCalendarDateLabel { + background-image: url("images/calendarContainerImages.png"); + background-position: 0 -300px; + background-color: #7dbdfa; + border: solid 1px #ffffff; + -webkit-transition-duration: 0.1s; + -moz-transition-duration: 0.1s; + transition-duration: 0.1s; +} +.dj_ie6 .claro .dijitCalendarActiveDate .dijitCalendarDateLabel { + background-image: none; +} +/* End Active Calendar Style */ +/* Selected Calendar Style */ +.claro .dijitCalendarSelectedDate .dijitCalendarDateLabel { + color: #000000; + background-color: #abd6ff; + border-color: #759dc0; +} +/* End Selected Calendar Style */ +/* Disabled Calendar Style*/ +.claro .dijitCalendarDisabledDate .dijitCalendarDateLabel { + color: #818181; + text-decoration: line-through; +} +/* End Disabled Calendar Style */ +/* Styling for month DropDownButton */ +.claro .dijitCalendar .dijitDropDownButton { + margin: 0; +} +.claro .dijitCalendar .dijitButtonText { + padding: 1px 0 3px; + margin-right: -4px; +} +.claro .dijitCalendar .dijitDropDownButton .dijitButtonNode { + background-color: transparent; + background-image: none; + padding: 0 3px 0 2px; + border: solid 1px #b5bcc7; + -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); + -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 rgba(0, 0, 0, 0); +} +.claro .dijitCalendar .dijitDropDownButtonHover .dijitButtonNode, .claro .dijitCalendar .dijitDropDownButton:hover .dijitButtonNode { + background-color: #e5f2fe; + border: solid 1px #ffffff; +} +/* Styling for month drop down list */ +.claro .dijitCalendarMonthMenu { + border-color: #759dc0; + background-color: #ffffff; + text-align: center; + background-image: none; +} +.claro .dijitCalendarMonthMenu .dijitCalendarMonthLabel { + border-top: solid 1px #ffffff; + /* intentionally invisible until hover */ + + border-bottom: solid 1px #ffffff; + padding: 2px 0; +} +.claro .dijitCalendarMonthMenu .dijitCalendarMonthLabelHover, .claro .dijitCalendarMonthMenu .dijitCalendarMonthLabel:hover { + background-color: #abd6ff; + border-color: #759dc0; + border-width: 1px 0; + background-image: url("images/commonHighlight.png"); + background-repeat: repeat-x; +} diff --git a/js/dojo/dijit/themes/claro/Calendar.less b/js/dojo/dijit/themes/claro/Calendar.less new file mode 100644 index 0000000..55decd3 --- /dev/null +++ b/js/dojo/dijit/themes/claro/Calendar.less @@ -0,0 +1,279 @@ +/* Calendar + * + * Styling Calendar mainly includes: + * + * 1. Calendar container + * .dijitCalendar - main container + * .dijitCalendarHover / .dijitCalendarActive - states e.g. hover,active + * + * 2. Month + * .dijitCalendarMonthContainer + * .dijitCalendarMonthLabel + * .dijitCalendarDecrease / .dijitCalendarDecrease - icons for switching to previous/next month + * .dijitCalendarArrowActive .dijitCalendarDecrease - states e.g. hover,active + * + * 3. Date + * .dijitCalendarDayLabelTemplate - week day column header e.g. S M T W T F S + * .dijitCalendarDateTemplate - date label wrapper + * .dijitCalendarPreviousMonth .dijitCalendarDateLabel - special labels for previous or next month + * .dijitCalendarSelectedDate .dijitCalendarDateLabel - styles for selected date + * .dijitCalendarDisabledDate .dijitCalendarDateLabel - styles for disabled date + * .dijitCalendarActiveDate .dijitCalendarDateLabel - states e.g. hover,active + * + * 4. Year + * .dijitCalendarYearContainer + * .dijitCalendarYearLabel + * .dijitCalendarPreviousYear /.dijitCalendarNextYear + * .dijitCalendarNextYearHover / .dijitCalendarPreviousYearHover - states e.g. hover,active + * + * 5. Dropdown Month Menu + * .dijitCalendarMonthMenu - menu container + * .dijitCalendarMonthMenu .dijitCalendarMonthLabel - month label in menu item + * .dijitCalendarMonthMenu .dijitCalendarMonthLabelHover - menu item hover state + */ + +@import "variables"; + +.claro .dijitCalendar { + border:solid 1px @border-color; + background-color: @calendar-background-color; + background-image:url(@image-calendar-container); + background-position:0 -448px; + background-repeat:repeat-x; + text-align:center; + padding:6px 5px 3px 5px; + .border-radius(4px); + border-collapse: separate; // in case user CSS has set border-collapse: collapse for tables +} +.dj_ie6 .claro .dijitCalendar { + background-image:none; +} +.claro .dijitCalendar img { + border:none; +} +.claro .dijitCalendarHover, .claro .dijitCalendar:hover, +.claro .dijitCalendarActive { + /* treat dijitCalenderActive like hover since there's + * no concept of clicking a Calendar as a whole (although you can click things inside the calendar) + */ + background-color: @hovered-background-color; + border:solid 1px @hovered-border-color; +} +.claro .dijitCalendarMonthContainer th { + text-align:center; + padding-bottom:4px; + vertical-align:middle; +} +.claro .dijitCalendarMonthLabel { + color: @text-color; + font-size: 1.091em; + padding: 0 4px; +} + +/* next/previous month arrows */ +.claro .dijitCalendarIncrementControl { + width:18px; + height:16px; + background-image: url(@image-calendar-arrows); + background-repeat: no-repeat; +} +.dj_ie6 .claro .dijitCalendarIncrementControl { + background-image: url(@image-calendar-arrows-ie6); +} +.claro .dijitCalendarIncrease { + background-position:-18px 0; +} +.claro .dijitCalendarArrowHover .dijitCalendarDecrease, +.claro .dijitCalendarArrow:hover .dijitCalendarDecrease { + background-position:-36px 0; +} +.claro .dijitCalendarArrowHover .dijitCalendarIncrease, +.claro .dijitCalendarArrow:hover .dijitCalendarIncrease { + background-position:-55px 0; +} +.claro .dijitCalendarArrowActive .dijitCalendarDecrease, +.claro .dijitCalendarArrow:active .dijitCalendarDecrease { + background-position:-72px 0; +} +.claro .dijitCalendarArrowActive .dijitCalendarIncrease, +.claro .dijitCalendarArrow:active .dijitCalendarIncrease { + background-position:-91px 0; +} +.claro .dijitA11ySideArrow { + /* text +/- labels instead of arrow icons, for high contrast mode */ + display: none; +} + +.claro .dijitCalendarDayLabelTemplate { + padding-bottom:0; + text-align:center; + border-bottom:1px solid @border-color; + padding:0 3px 2px; +} +.claro .dijitCalendarDayLabel { + padding:0 4px 0 4px; + font-weight:bold; + font-size:0.909em; + text-align:center; + color: @text-color; +} +.claro .dijitCalendarDateTemplate { + text-align:center; + background-color:@calendar-currentmonth-background-color; + background-image:url(@image-calendar-container); + background-position:0 0; + background-repeat:repeat-x; + border-bottom: 1px solid @minor-border-color; + padding-top:0; + font-size:0.909em; + font-family: Arial; + font-weight:bold; + letter-spacing:.05em; + text-align:center; + color: @text-color; +} +.dj_ie6 .claro .dijitCalendarDateTemplate { + background-image: none; +} +.claro .dijitCalendarPreviousMonth, +.claro .dijitCalendarNextMonth { + background-color: @calendar-adjacentmonth-background-color; + background-image:none; + border-bottom:solid 1px @minor-border-color; /* todo: redundant with above .dijitCalendarDateTemplate rule */ +} +.claro .dijitCalendarDateTemplate .dijitCalendarDateLabel { + text-decoration:none; + display:block; + padding:3px 5px 3px 4px; + border:solid 1px @calendar-currentmonth-background-color; /* intentionally matches background-color, no visible border until hover/selection */ + background-color:rgba(171,212,251,0); /* transparent causes black-flash animation problem on webkit */ + .transition-property(background-color, border); + .transition-duration(.35s); +} +.claro .dijitCalendarPreviousMonth .dijitCalendarDateLabel, +.claro .dijitCalendarNextMonth .dijitCalendarDateLabel{ + color: @calendar-adjacentmonth-text-color; + border-color: @calendar-adjacentmonth-background-color; /* intentionally matches background-color, no visible border until hover/selection */ +} + +.claro .dijitCalendarYearContainer { + vertical-align:middle; +} +.claro .dijitCalendarYearControl { + padding: 1px 2px 2px 2px; +} +.claro .dijitCalendarYearLabel { + padding: 2px 0 0 0; + margin: 0; + font-size: 1.17em; +} +.claro .dijitCalendarYearLabel span { + /* trying to center next/current/previous year vertically, doesn't work on IE6/7 though */ + vertical-align:middle; +} +.claro .dijitCalendarSelectedYear { + padding:0 3px; +} +.claro .dijitCalendarNextYear, +.claro .dijitCalendarPreviousYear { + padding: 1px 6px 1px 6px; + font-size:0.909em; +} +.claro .dijitCalendarSelectedYear { + font-size:1.091em; + color:@selected-text-color; +} +/* End Normal Calendar Style */ +/* Hovered Calendar Style */ +.claro .dijitCalendarHoveredDate .dijitCalendarDateLabel, +.claro .dijitCalendarEnabledDate:hover .dijitCalendarDateLabel { + background-color:@hovered-background-color; + border:solid 1px @hovered-border-color; + color:@hovered-text-color; + .transition-duration(.2s); +} +.claro .dijitCalendarNextYearHover, .claro .dijitCalendarNextYear:hover, +.claro .dijitCalendarPreviousYearHover, .claro .dijitCalendarPreviousYear:hover { + color:@hovered-text-color; + border:solid 1px @calendar-button-hovered-border-color; + padding: 0 5px 0 5px; /* reduced by 1 to make room for border */ + background-color: @calendar-button-hovered-background-color; +} +/* End Hovered Calendar Style */ +/* Active Calendar Style */ +.claro .dijitCalendarNextYearActive, .claro .dijitCalendarNextYear:active +.claro .dijitCalendarPreviousYearActive, .claro .dijitCalendarPreviousYear:active { + border: solid 1px @calendar-button-pressed-border-color; + padding: 0 5px 0 5px; /* reduced by 1 to make room for border */ + background-color:@calendar-button-pressed-background-color; +} +.claro .dijitCalendarActiveDate .dijitCalendarDateLabel, +.claro .dijitCalendarEnabledDate:active .dijitCalendarDateLabel { + background-image:url(@image-calendar-container); + background-position:0 -300px; + background-color: @calendar-date-pressed-background-color; + border:solid 1px @calendar-date-pressed-border-color; + .transition-duration(.1s); +} +.dj_ie6 .claro .dijitCalendarActiveDate .dijitCalendarDateLabel { + background-image:none; +} +/* End Active Calendar Style */ +/* Selected Calendar Style */ +.claro .dijitCalendarSelectedDate .dijitCalendarDateLabel { + color:@selected-text-color; + background-color: @calendar-date-selected-background-color; + border-color: @calendar-date-selected-border-color; +} +/* End Selected Calendar Style */ +/* Disabled Calendar Style*/ +.claro .dijitCalendarDisabledDate .dijitCalendarDateLabel { + color: @disabled-text-color; + text-decoration:line-through; +} + +/* End Disabled Calendar Style */ + +/* Styling for month DropDownButton */ + +.claro .dijitCalendar .dijitDropDownButton { + margin: 0; +} +.claro .dijitCalendar .dijitButtonText { + padding: 1px 0 3px; + margin-right:-4px; +} +.claro .dijitCalendar .dijitDropDownButton .dijitButtonNode { + background-color: transparent; + background-image: none; + padding: 0 3px 0 2px; + border:solid 1px @border-color; + .box-shadow(0 0 0 rgba(0,0,0,0)); +} +.claro .dijitCalendar .dijitDropDownButtonHover .dijitButtonNode, +.claro .dijitCalendar .dijitDropDownButton:hover .dijitButtonNode { + background-color: @calendar-button-hovered-background-color; + border:solid 1px @calendar-button-hovered-border-color; +} + +/* Styling for month drop down list */ + +.claro .dijitCalendarMonthMenu { + border-color: @popup-border-color; + background-color: @menu-background-color; + text-align:center; + background-image: none; +} +.claro .dijitCalendarMonthMenu .dijitCalendarMonthLabel { + border-top: solid 1px @menu-background-color; /* intentionally invisible until hover */ + border-bottom: solid 1px @menu-background-color; + padding: 2px 0; +} +.claro .dijitCalendarMonthMenu .dijitCalendarMonthLabelHover, +.claro .dijitCalendarMonthMenu .dijitCalendarMonthLabel:hover { + background-color: @hovered-background-color; + border-color: @hovered-border-color; + border-width:1px 0; + background-image: url(@image-common-highlight); + background-repeat:repeat-x; +} diff --git a/js/dojo/dijit/themes/claro/Calendar_rtl.css b/js/dojo/dijit/themes/claro/Calendar_rtl.css new file mode 100644 index 0000000..5892a64 --- /dev/null +++ b/js/dojo/dijit/themes/claro/Calendar_rtl.css @@ -0,0 +1,18 @@ +.claro .dijitCalendarRtl .dijitCalendarIncrease { + background-position: 0 0; +} +.claro .dijitCalendarRtl .dijitCalendarDecrease { + background-position: -18px 0; +} +.claro .dijitCalendarRtl .dijitCalendarArrowHover .dijitCalendarIncrease { + background-position: -36px 0; +} +.claro .dijitCalendarRtl .dijitCalendarArrowHover .dijitCalendarDecrease { + background-position: -55px 0; +} +.claro .dijitCalendarRtl .dijitCalendarArrowActive .dijitCalendarIncrease { + background-position: -72px 0; +} +.claro .dijitCalendarRtl .dijitCalendarArrowActive .dijitCalendarDecrease { + background-position: -91px 0; +} diff --git a/js/dojo/dijit/themes/claro/Calendar_rtl.less b/js/dojo/dijit/themes/claro/Calendar_rtl.less new file mode 100644 index 0000000..713717b --- /dev/null +++ b/js/dojo/dijit/themes/claro/Calendar_rtl.less @@ -0,0 +1,19 @@ +.claro .dijitCalendarRtl .dijitCalendarIncrease{ + background-position: 0 0; +} +.claro .dijitCalendarRtl .dijitCalendarDecrease { + background-position: -18px 0; +} +.claro .dijitCalendarRtl .dijitCalendarArrowHover .dijitCalendarIncrease { + background-position: -36px 0; +} +.claro .dijitCalendarRtl .dijitCalendarArrowHover .dijitCalendarDecrease { + background-position: -55px 0; +} +.claro .dijitCalendarRtl .dijitCalendarArrowActive .dijitCalendarIncrease { + background-position: -72px 0; +} +.claro .dijitCalendarRtl .dijitCalendarArrowActive .dijitCalendarDecrease { + background-position: -91px 0; +} + diff --git a/js/dojo/dijit/themes/claro/ColorPalette.css b/js/dojo/dijit/themes/claro/ColorPalette.css new file mode 100644 index 0000000..a23b2df --- /dev/null +++ b/js/dojo/dijit/themes/claro/ColorPalette.css @@ -0,0 +1,41 @@ +/* ColorPalette + * + * Styling of the ColorPalette consists of the following: + * + * 1. the whole color palette + * .dijitColorPalette - for outline, border, and background color of the whole color palette + * Note: outline does not work for IE + * + * 2. the color swatch + * .dijitColorPalette .dijitPaletteImg + * transparent (but clickable) <img> node inside of each <td>, overlaying the color swatch. + * displays border around a color swatch + * + * 3. hovered swatch + * .dijitColorPalette .dijitPaletteCell:hover .dijitPaletteImg + * the hovered state of the color swatch - adds border + * + * 4. active and selected swatch + * .dijitColorPalette .dijitPaletteCell:active .dijitPaletteImg + * .dijitColorPalette .dijitPaletteCellSelected .dijitPaletteImg + * adds border for active or selected state + */ +.claro .dijitColorPalette { + border: 1px solid #b5bcc7; + background: #ffffff; + -moz-border-radius: 0; + border-radius: 0; +} +.claro .dijitColorPalette .dijitPaletteImg { + /* transparent (but clickable) <img> node inside of each <td>, overlaying the color swatch. + * displays border around a color swatch + * overrides border color in dijit.css */ + + border: 1px solid #d3d3d3; +} +.claro .dijitColorPalette .dijitPaletteCell:hover .dijitPaletteImg { + border: 1px solid #000000; +} +.claro .dijitColorPalette .dijitPaletteCell:active .dijitPaletteImg, .claro .dijitColorPalette .dijitPaletteTable .dijitPaletteCellSelected .dijitPaletteImg { + border: 2px solid #000000; +} diff --git a/js/dojo/dijit/themes/claro/ColorPalette.less b/js/dojo/dijit/themes/claro/ColorPalette.less new file mode 100644 index 0000000..ffa3ac0 --- /dev/null +++ b/js/dojo/dijit/themes/claro/ColorPalette.less @@ -0,0 +1,44 @@ +/* ColorPalette + * + * Styling of the ColorPalette consists of the following: + * + * 1. the whole color palette + * .dijitColorPalette - for outline, border, and background color of the whole color palette + * Note: outline does not work for IE + * + * 2. the color swatch + * .dijitColorPalette .dijitPaletteImg + * transparent (but clickable) <img> node inside of each <td>, overlaying the color swatch. + * displays border around a color swatch + * + * 3. hovered swatch + * .dijitColorPalette .dijitPaletteCell:hover .dijitPaletteImg + * the hovered state of the color swatch - adds border + * + * 4. active and selected swatch + * .dijitColorPalette .dijitPaletteCell:active .dijitPaletteImg + * .dijitColorPalette .dijitPaletteCellSelected .dijitPaletteImg + * adds border for active or selected state + */ + +@import "variables"; + +.claro .dijitColorPalette { + border: 1px solid @border-color; + background: @colorpalette-background-color; + .border-radius(0); +} + +.claro .dijitColorPalette .dijitPaletteImg { + /* transparent (but clickable) <img> node inside of each <td>, overlaying the color swatch. + * displays border around a color swatch + * overrides border color in dijit.css */ + border: 1px solid @minor-border-color; +} +.claro .dijitColorPalette .dijitPaletteCell:hover .dijitPaletteImg { + border: 1px solid @swatch-hovered-border-color; +} +.claro .dijitColorPalette .dijitPaletteCell:active .dijitPaletteImg, +.claro .dijitColorPalette .dijitPaletteTable .dijitPaletteCellSelected .dijitPaletteImg { + border: 2px solid @swatch-selected-border-color; +} diff --git a/js/dojo/dijit/themes/claro/Common.css b/js/dojo/dijit/themes/claro/Common.css new file mode 100644 index 0000000..83f6128 --- /dev/null +++ b/js/dojo/dijit/themes/claro/Common.css @@ -0,0 +1,65 @@ +/* ========= Styling rules to affect widgets ========= */ +.claro .dijitPopup { + -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); + -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); +} +.claro .dijitTooltipDialogPopup { + /* exception popups: do not use a shadow on these because they aren't rectangular */ + + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} +/* The highlight is shown in the ComboBox menu. TODO: move to form/Common.less */ +.claro .dijitComboBoxHighlightMatch { + background-color: #abd6ff; +} +.claro .dijitFocusedLabel { + /* for checkboxes or radio buttons, hatch border around the corresponding label, to indicate focus */ + + outline: 1px dotted #494949; +} +/* Drag and Drop */ +.claro .dojoDndItemBefore, .claro .dojoDndItemAfter { + border-top: 1px solid #759dc0; +} +.claro .dojoDndItemOver { + cursor: pointer; +} +.claro table.dojoDndAvatar { + border: 1px solid #b5bcc7; + border-collapse: collapse; + background-color: #ffffff; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); + box-shadow: 0 1px 3px rgba(0, 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/js/dojo/dijit/themes/claro/Common.less b/js/dojo/dijit/themes/claro/Common.less new file mode 100644 index 0000000..248fc1a --- /dev/null +++ b/js/dojo/dijit/themes/claro/Common.less @@ -0,0 +1,64 @@ +/* ========= Styling rules to affect widgets ========= */ + +@import "variables"; + +.claro .dijitPopup { + .box-shadow(0 1px 5px rgba(0,0,0,0.25)); +} +.claro .dijitTooltipDialogPopup { + /* exception popups: do not use a shadow on these because they aren't rectangular */ + .box-shadow(none); +} + +/* The highlight is shown in the ComboBox menu. TODO: move to form/Common.less */ +.claro .dijitComboBoxHighlightMatch { + background-color: @select-matchedtext-background-color; +} + +.claro .dijitFocusedLabel { + /* for checkboxes or radio buttons, hatch border around the corresponding label, to indicate focus */ + outline: 1px dotted @focus-outline-color; +} + +/* Drag and Drop */ +.claro .dojoDndItemBefore, +.claro .dojoDndItemAfter{ + border-top: 1px solid @dnd-dropseparator-color; +} +.claro .dojoDndItemOver { + cursor:pointer; + } +.claro table.dojoDndAvatar { + border: 1px solid @border-color; + border-collapse: collapse; + background-color: @dnd-avatar-background-color; + .box-shadow(0 1px 3px rgba(0, 0, 0, .25)); +} +.claro .dojoDndAvatarHeader td { + height: 20px; + padding-left:21px; +} +.claro.dojoDndMove .dojoDndAvatarHeader, .claro.dojoDndCopy .dojoDndAvatarHeader { + background-image: url(@image-dnd); + background-repeat: no-repeat; + background-position:2px -122px; +} +.claro .dojoDndAvatarItem td { + padding: 5px; +} +.claro.dojoDndMove .dojoDndAvatarHeader { + background-color: @dnd-avatar-header-background-color; + background-position:2px -103px; +} +.claro.dojoDndCopy .dojoDndAvatarHeader { + background-color: @dnd-avatar-header-background-color; + background-position:2px -68px; +} +.claro.dojoDndMove .dojoDndAvatarCanDrop .dojoDndAvatarHeader { + background-color: @dnd-avatar-candrop-header-background-color; + background-position:2px -33px; +} +.claro.dojoDndCopy .dojoDndAvatarCanDrop .dojoDndAvatarHeader { + background-color: @dnd-avatar-candrop-header-background-color; + background-position:2px 2px; +} diff --git a/js/dojo/dijit/themes/claro/Dialog.css b/js/dojo/dijit/themes/claro/Dialog.css new file mode 100644 index 0000000..ae0b18d --- /dev/null +++ b/js/dojo/dijit/themes/claro/Dialog.css @@ -0,0 +1,205 @@ +/* Dialog + * + * Styling Dialog includes two sections: Dialog and Tooltip & TooltipDialog + * + * Dialog: + * 1. Dialog (default styling): + * .dijitDialog - styles for dialog's bounding box + * + * 2. Dialog title + * .dijitDialogTitleBar - styles for the title container at the top of dialog + * .dijitDialogTitle - the text container in dialog title + * + * 3. Dialog content + * .dijitDialogPaneContent - main container for content area and action bar + * .dijitDialogPaneContentArea - styles for content container + * + * 4. Dialog action bar + * .dijitDialogPaneActionBar - styles for action buttons lie at the bottom of dialog pane content + * + * 5. Dialog underlay + * .dijitDialogUnderlay - div under the dialog which used for separate dialog and page content + * + * + * Tooltip & TooltipDialog: + * 1. tooltip content container: + * .dijitTooltipContainer - tooltip content container + * + * 2. tooltip connector: + * .dijitTooltipConnector - tooltip anchor includes 4 direction(up, down, left, right) + */ +.claro .dijitDialog { + border: 1px solid #759dc0; + -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); + -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); +} +.claro .dijitDialogPaneContent { + background: #ffffff repeat-x top left; + border-top: 1px solid #759dc0; + padding: 10px 8px; + position: relative; +} +.claro .dijitDialogPaneContentArea { + /* trick to get action bar (gray bar at bottom with OK/cancel buttons) to span from + * left to right but still indent dialog content + */ + margin: -10px -8px; + padding: 10px 8px; +} +.claro .dijitDialogPaneActionBar { + /* gray bar at bottom of dialog with OK/Cancel buttons */ + + background-color: #efefef; + padding: 3px 5px 2px 7px; + text-align: right; + border-top: 1px solid #d3d3d3; + margin: 10px -8px -10px; +} +.claro .dijitDialogPaneActionBar .dijitButton { + float: none; +} +.claro .dijitDialogTitleBar { + /* outer container for the titlebar of the dialog */ + + border: 1px solid #ffffff; + border-top: none; + background-color: #abd6ff; + background-image: url("images/titlebar.png"); + background-repeat: repeat-x; + padding: 5px 7px 4px 7px; +} +.claro .dijitDialogTitle { + /* typography and styling of the dialog title */ + + padding: 0 1px; + font-size: 1.091em; + color: #000000; +} +.claro .dijitDialogCloseIcon { + /* the default close icon for the dialog */ + + 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; +} +/* Tooltip and TooltipDialog */ +.claro .dijitTooltip, .claro .dijitTooltipDialog { + /* the outermost dom node, holding the connector and container */ + + background: transparent; + /* make the area on the sides of the arrow transparent */ + +} +.dijitTooltipBelow { + /* leave room for arrow above content */ + + padding-top: 13px; + padding-left: 3px; + padding-right: 3px; +} +.dijitTooltipAbove { + /* leave room for arrow below content */ + + padding-bottom: 13px; + padding-left: 3px; + padding-right: 3px; +} +.claro .dijitTooltipContainer { + /* the part with the text */ + + background-color: #ffffff; + background-image: url("images/tooltipGradient.png"); + background-repeat: repeat-x; + background-position: bottom; + border: 1px solid #759dc0; + padding: 6px 8px; + -moz-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); + font-size: 1em; + color: #000000; +} +.dj_ie6 .claro .dijitTooltipContainer { + background-image: none; +} +.claro .dijitTooltipConnector { + /* the arrow piece */ + + border: 0; + 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 { + /* above or below tooltip, but the arrow appears on the right, + and the right edges of target and tooltip are aligned rather than the left */ + + left: auto !important; + right: 3px; +} +.claro .dijitTooltipBelow .dijitTooltipConnector { + /* the arrow piece for tooltips below an element */ + + top: 0; + left: 3px; + background-position: -31px 0; + width: 16px; + height: 14px; +} +.claro .dijitTooltipAbove .dijitTooltipConnector { + /* the arrow piece for tooltips above an element */ + + bottom: 0; + 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; +} +.claro .dijitTooltipLeft .dijitTooltipConnector { + /* the arrow piece for tooltips to the left of an element, bottom borders aligned */ + + right: 0; + background-position: 0 0; + width: 16px; + height: 14px; +} +.claro .dijitTooltipRight { + padding-left: 14px; +} +.claro .dijitTooltipRight .dijitTooltipConnector { + /* the arrow piece for tooltips to the right of an element, bottom borders aligned */ + + left: 0; + background-position: -48px 0; + width: 16px; + height: 14px; +} +.claro .dijitDialogUnderlay { + background: #ffffff; +} diff --git a/js/dojo/dijit/themes/claro/Dialog.less b/js/dojo/dijit/themes/claro/Dialog.less new file mode 100644 index 0000000..5e74be7 --- /dev/null +++ b/js/dojo/dijit/themes/claro/Dialog.less @@ -0,0 +1,205 @@ +/* Dialog + * + * Styling Dialog includes two sections: Dialog and Tooltip & TooltipDialog + * + * Dialog: + * 1. Dialog (default styling): + * .dijitDialog - styles for dialog's bounding box + * + * 2. Dialog title + * .dijitDialogTitleBar - styles for the title container at the top of dialog + * .dijitDialogTitle - the text container in dialog title + * + * 3. Dialog content + * .dijitDialogPaneContent - main container for content area and action bar + * .dijitDialogPaneContentArea - styles for content container + * + * 4. Dialog action bar + * .dijitDialogPaneActionBar - styles for action buttons lie at the bottom of dialog pane content + * + * 5. Dialog underlay + * .dijitDialogUnderlay - div under the dialog which used for separate dialog and page content + * + * + * Tooltip & TooltipDialog: + * 1. tooltip content container: + * .dijitTooltipContainer - tooltip content container + * + * 2. tooltip connector: + * .dijitTooltipConnector - tooltip anchor includes 4 direction(up, down, left, right) + */ + +@import "variables"; + +.claro .dijitDialog { + border: 1px solid @popup-border-color; + .box-shadow(0 1px 5px rgba(0,0,0,0.25)); +} + +.claro .dijitDialogPaneContent { + background: @pane-background-color repeat-x top left; + border-top: 1px solid @popup-border-color; + padding:10px 8px; + position: relative; +} + +.claro .dijitDialogPaneContentArea { + /* trick to get action bar (gray bar at bottom with OK/cancel buttons) to span from + * left to right but still indent dialog content + */ + margin: -10px -8px; + padding: 10px 8px; +} + +.claro .dijitDialogPaneActionBar { + /* gray bar at bottom of dialog with OK/Cancel buttons */ + background-color: @bar-background-color; + padding: 3px 5px 2px 7px; + text-align: right; + border-top: 1px solid @minor-border-color; + margin: 10px -8px -10px; +} +.claro .dijitDialogPaneActionBar .dijitButton { + float: none; +} + +.claro .dijitDialogTitleBar { + /* outer container for the titlebar of the dialog */ + border: 1px solid @dialog-titlebar-border-color; + border-top:none; + background-color: @dialog-titlebar-background-color; + background-image: url(@image-titlebar); + background-repeat:repeat-x; + padding: 5px 7px 4px 7px; +} + +.claro .dijitDialogTitle { + /* typography and styling of the dialog title */ + padding: 0 1px; + font-size:1.091em; + color: @text-color; +} + +.claro .dijitDialogCloseIcon { + /* the default close icon for the dialog */ + background: url(@image-dialog-close); + background-repeat:no-repeat; + position: absolute; + right: 5px; + height: 15px; + width: 21px; +} +.dj_ie6 .claro .dijitDialogCloseIcon { + background-image: url(@image-dialog-close-ie6); +} +.claro .dijitDialogCloseIconHover { + background-position:-21px; +} +.claro .dijitDialogCloseIconActive { + background-position:-42px; +} + +/* Tooltip and TooltipDialog */ + +.claro .dijitTooltip, +.claro .dijitTooltipDialog { + /* the outermost dom node, holding the connector and container */ + background: transparent; /* make the area on the sides of the arrow transparent */ +} +.dijitTooltipBelow { + /* leave room for arrow above content */ + padding-top: 13px; + padding-left:3px; + padding-right:3px; +} + +.dijitTooltipAbove { + /* leave room for arrow below content */ + padding-bottom: 13px; + padding-left:3px; + padding-right:3px; +} + +.claro .dijitTooltipContainer { + /* the part with the text */ + background-color:@popup-background-color; + background-image:url(@image-tooltip-gradient); + background-repeat:repeat-x; + background-position:bottom; + border:1px solid @popup-border-color; + padding:6px 8px; + .border-radius(4px); + .box-shadow(0 1px 3px rgba(0,0,0,0.25)); + font-size: 1em; + color: @text-color; +} + +.dj_ie6 .claro .dijitTooltipContainer { + background-image: none; +} +.claro .dijitTooltipConnector { + /* the arrow piece */ + border: 0; + z-index: 2; + background-image:url(@image-tooltip); + background-repeat:no-repeat; + width:16px; + height:14px; +} +.dj_ie6 .claro .dijitTooltipConnector { + background-image:url(@image-tooltip-ie6); +} +.claro .dijitTooltipABRight .dijitTooltipConnector { + /* above or below tooltip, but the arrow appears on the right, + and the right edges of target and tooltip are aligned rather than the left */ + left: auto !important; + right: 3px; +} + +.claro .dijitTooltipBelow .dijitTooltipConnector { + /* the arrow piece for tooltips below an element */ + top: 0; + left: 3px; + background-position:-31px 0; + width:16px; + height:14px; +} + +.claro .dijitTooltipAbove .dijitTooltipConnector { + /* the arrow piece for tooltips above an element */ + bottom: 0; + 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; +} +.claro .dijitTooltipLeft .dijitTooltipConnector { + /* the arrow piece for tooltips to the left of an element, bottom borders aligned */ + right: 0; + background-position:0 0; + width:16px; + height:14px; +} + +.claro .dijitTooltipRight { + padding-left: 14px; +} +.claro .dijitTooltipRight .dijitTooltipConnector { + /* the arrow piece for tooltips to the right of an element, bottom borders aligned */ + left: 0; + background-position:-48px 0; + width:16px; + height:14px; +} + +.claro .dijitDialogUnderlay { + background: @dialog-underlay-color; +} diff --git a/js/dojo/dijit/themes/claro/Dialog_rtl.css b/js/dojo/dijit/themes/claro/Dialog_rtl.css new file mode 100644 index 0000000..34930eb --- /dev/null +++ b/js/dojo/dijit/themes/claro/Dialog_rtl.css @@ -0,0 +1,9 @@ +/* Dialog */ +.claro .dijitDialogRtl .dijitDialogCloseIcon { + right: auto; + left: 5px; +} +.claro .dijitDialogRtl .dijitDialogPaneActionBar { + text-align: left; + padding: 3px 7px 2px 5px; +} diff --git a/js/dojo/dijit/themes/claro/Dialog_rtl.less b/js/dojo/dijit/themes/claro/Dialog_rtl.less new file mode 100644 index 0000000..452fe93 --- /dev/null +++ b/js/dojo/dijit/themes/claro/Dialog_rtl.less @@ -0,0 +1,13 @@ +/* Dialog */ + +@import "variables"; + +.claro .dijitDialogRtl .dijitDialogCloseIcon { + right: auto; + left: 5px; +} + +.claro .dijitDialogRtl .dijitDialogPaneActionBar { + text-align: left; + padding: 3px 7px 2px 5px; +} diff --git a/js/dojo/dijit/themes/claro/Editor.css b/js/dojo/dijit/themes/claro/Editor.css new file mode 100644 index 0000000..9f167f9 --- /dev/null +++ b/js/dojo/dijit/themes/claro/Editor.css @@ -0,0 +1,50 @@ +/* Editor + * + * Styling Editor means styling the Editor inside iframe container (dijitEditorIFrameContainer) + * + * 1. Editor iframe container (default styling): + * .dijitEditorIFrameContainer - normal state styles: background-color, border, padding + * + * 2. hovered Editor iframe container (ie, mouse hover on editor) + * .dijitEditorHover .dijitEditorIFrameContainer/dijitEditorIFrame - styles when mouse hover on the container + * + * 3. focused Editor iframe container (ie, mouse focus on the editor pane) + * .dijitEditorFocused .dijitEditorIFrameContainer/dijitEditorIFrame - styles when container focused + * + * 3. disabled Editor iframe container + * .dijitEditorDisabled - editor's inner iframe container disable status styles: background, border + */ +.claro .dijitEditorIFrameContainer { + padding: 3px 3px 1px 10px; +} +.claro .dijitEditorIFrame { + background-color: #ffffff; +} +.claro .dijitEditor { + border: 1px solid #b5bcc7; +} +.claro .dijitEditor .dijitEditorIFrameContainer { + background-color: #ffffff; + 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: #e5f2fe; +} +.claro .dijitEditorFocused .dijitEditorIFrameContainer, .claro .dijitEditorFocused .dijitEditorIFrameContainer .dijitEditorIFrame { + /* TODO: contradicts rule above, which background-color do you want? */ + + background-color: #ffffff; +} +/* Disabled */ +.claro .dijitEditorDisabled { + border: 1px solid #d3d3d3; + color: #818181; +} +.claro .dijitDisabled .dijitEditorIFrame, .claro .dijitDisabled .dijitEditorIFrameContainer, .claro .dijitDisabled .dijitEditorIFrameContainer .dijitEditorIFrame { + background-color: #efefef; + background-image: none; +} diff --git a/js/dojo/dijit/themes/claro/Editor.less b/js/dojo/dijit/themes/claro/Editor.less new file mode 100644 index 0000000..f74a5d4 --- /dev/null +++ b/js/dojo/dijit/themes/claro/Editor.less @@ -0,0 +1,59 @@ +/* Editor + * + * Styling Editor means styling the Editor inside iframe container (dijitEditorIFrameContainer) + * + * 1. Editor iframe container (default styling): + * .dijitEditorIFrameContainer - normal state styles: background-color, border, padding + * + * 2. hovered Editor iframe container (ie, mouse hover on editor) + * .dijitEditorHover .dijitEditorIFrameContainer/dijitEditorIFrame - styles when mouse hover on the container + * + * 3. focused Editor iframe container (ie, mouse focus on the editor pane) + * .dijitEditorFocused .dijitEditorIFrameContainer/dijitEditorIFrame - styles when container focused + * + * 3. disabled Editor iframe container + * .dijitEditorDisabled - editor's inner iframe container disable status styles: background, border + */ + +@import "variables"; + +.claro .dijitEditorIFrameContainer{ + padding:3px 3px 1px 10px; +} +.claro .dijitEditorIFrame { + background-color: @textbox-background-color; +} +.claro .dijitEditor { + border: 1px solid @border-color; +} +.claro .dijitEditor .dijitEditorIFrameContainer{ + background-color: @textbox-background-color; + background-image: url(@image-form-textbox-background); + background-repeat:repeat-x; +} +.dj_ie6 .claro .dijitEditor .dijitEditorIFrameContainer{ + background-image: none; +} +.claro .dijitEditorHover .dijitEditorIFrameContainer, +.claro .dijitEditorHover .dijitEditorIFrameContainer .dijitEditorIFrame{ + background-color: @textbox-hovered-background-color; +} +.claro .dijitEditorFocused .dijitEditorIFrameContainer, +.claro .dijitEditorFocused .dijitEditorIFrameContainer .dijitEditorIFrame{ + /* TODO: contradicts rule above, which background-color do you want? */ + background-color: @textbox-focused-background-color; +} + + +/* Disabled */ +.claro .dijitEditorDisabled { + border: 1px solid @disabled-border-color; + color: @disabled-text-color; +} + +.claro .dijitDisabled .dijitEditorIFrame, +.claro .dijitDisabled .dijitEditorIFrameContainer, +.claro .dijitDisabled .dijitEditorIFrameContainer .dijitEditorIFrame { + background-color: @textbox-disabled-background-color; + background-image: none; +} diff --git a/js/dojo/dijit/themes/claro/Editor_rtl.css b/js/dojo/dijit/themes/claro/Editor_rtl.css new file mode 100644 index 0000000..f633558 --- /dev/null +++ b/js/dojo/dijit/themes/claro/Editor_rtl.css @@ -0,0 +1,4 @@ +/* Editor */ +.claro .dijitEditorRtl .dijitEditorIFrameContainer { + padding: 3px 10px 1px 3px; +} diff --git a/js/dojo/dijit/themes/claro/Editor_rtl.less b/js/dojo/dijit/themes/claro/Editor_rtl.less new file mode 100644 index 0000000..8ebc013 --- /dev/null +++ b/js/dojo/dijit/themes/claro/Editor_rtl.less @@ -0,0 +1,9 @@ +/* Editor */ + +@import "variables"; + +.claro .dijitEditorRtl .dijitEditorIFrameContainer{ + padding:3px 10px 1px 3px; +} + + diff --git a/js/dojo/dijit/themes/claro/InlineEditBox.css b/js/dojo/dijit/themes/claro/InlineEditBox.css new file mode 100644 index 0000000..0cd1457 --- /dev/null +++ b/js/dojo/dijit/themes/claro/InlineEditBox.css @@ -0,0 +1,20 @@ +/* InlineEditBox + * + * Styling InlineEditBox mainly includes: + * + * 1. Normal state + * .dijitInlineEditBoxDisplayMode - for border + * + * 2. Hover state + * .dijitInlineEditBoxDisplayModeHover - for border and background color + */ +.claro .dijitInlineEditBoxDisplayMode { + border: 1px solid transparent; +} +.claro .dijitInlineEditBoxDisplayModeHover { + background-color: #e5f2fe; + border: solid 1px #759dc0; +} +.dj_ie6 .claro .dijitInlineEditBoxDisplayMode { + border: none; +} diff --git a/js/dojo/dijit/themes/claro/InlineEditBox.less b/js/dojo/dijit/themes/claro/InlineEditBox.less new file mode 100644 index 0000000..a7162be --- /dev/null +++ b/js/dojo/dijit/themes/claro/InlineEditBox.less @@ -0,0 +1,25 @@ +/* InlineEditBox + * + * Styling InlineEditBox mainly includes: + * + * 1. Normal state + * .dijitInlineEditBoxDisplayMode - for border + * + * 2. Hover state + * .dijitInlineEditBoxDisplayModeHover - for border and background color + */ + +@import "variables"; + +.claro .dijitInlineEditBoxDisplayMode { + border: 1px solid transparent; +} + +.claro .dijitInlineEditBoxDisplayModeHover { + background-color: @textbox-hovered-background-color; + border: solid 1px @hovered-border-color; +} + +.dj_ie6 .claro .dijitInlineEditBoxDisplayMode { + border: none; +} diff --git a/js/dojo/dijit/themes/claro/Menu.css b/js/dojo/dijit/themes/claro/Menu.css new file mode 100644 index 0000000..e1c1562 --- /dev/null +++ b/js/dojo/dijit/themes/claro/Menu.css @@ -0,0 +1,190 @@ +/* Menu + +There are three areas of styling for the Menu: + + 1. The menu + There are three types of menus: + i)Context Menu + ii)Drop down Menu + iii) Navigation Menu + All three types of menus are affected by the .dijitMenu class in which you can set the background-color, padding and border + .dijitMenu affects the drop down menu in TimeTextBox, Calendar, ComboBox and FilteringSelect + .dijitMenuTable - for padding - also affects Select widget + + 2. The menu bar + .dijitMenuBar - for border, margins, padding, background-color of the menu bar + .dijitMenuBar .dijitMenuItem - for padding, text color of menu items in the menu bar (overrides .dijitMenuItem) + + 3. Menu items - items in the menu. + .dijitMenuItem - for color + .dijitMenuItemHover, .dijitMenuItemSelected - for background-color, border, text color, padding of a menu item or menubar item that has been hovered over or selected + .dijitMenuItemActive - for bacgkround-color of an active (mousedown) menu item + td.dijitMenuItemIconCell - for padding around a menu item's icon + td.dijitMenuItemLabel - for padding around a menu item's label + .dijitMenuSeparatorTop - for border, top border, of the separator + .dijitMenuSeparatorBottom - for bottom margin of the separator + + Styles specific to ComboBox and FilteringSelect widgets: + .dijitComboBoxMenu .dijitMenuItem - for padding and border of a menu item in a ComboBox or FilteringSelect widget's menu + .dijitComboBoxMenu .dijitMenuItemSelected- for text color, background-color and border of a menu item in a ComboBox or FilteringSelect widget's menu + +*/ +.claro .dijitMenuBar { + border: 1px solid #b5bcc7; + margin: 0; + padding: 0; + background-color: #efefef; + background-image: url("images/commonHighlight.png"); + background-position: 0 0; + background-repeat: repeat-x; +} +.dj_ie6 .claro .dijitMenuBar { + background-image: none; +} +.claro .dijitMenu { + background-repeat: repeat-y; + background-color: #ffffff; + border: 1px solid #759dc0; + /* so adjoining borders of MenuBar/ComboBox and Menu overlap, avoiding double border */ + + margin: -1px 0; +} +.dj_ie6 .claro .dijitMenu { + margin: 0; + /* above -1px makes top/bottom borders disappear on IE6 */ + +} +.claro .dijitMenuBar .dijitMenuItem { + padding: 6px 10px 7px; + background-position: 0 100px; + margin: -1px; +} +.claro .dijitMenuItem { + background-image: url("images/menuHighlight.png"); + background-position: 0 -40px; + background-repeat: repeat-x; + color: #000000; +} +/* this prevents jiggling upon hover of a menu item */ +.claro .dijitMenuTable { + border-collapse: separate; + border-spacing: 0 0; + padding: 0; +} +.claro .dijitMenuItem td { + padding: 1px; +} +/* hover over a MenuBarItem */ +.claro .dijitMenuPassive .dijitMenuItemHover, .claro .dijitMenuPassive .dijitMenuItemSelected { + background-color: #abd6ff; + border: solid 1px #759dc0; + background-position: 0 0; + color: #000000; + padding: 5px 9px 6px; +} +.claro .dijitMenuPassive .dijitMenuItemActive { + background-position: 0 -177px; +} +.dj_ie6 .claro .dijitMenuItem, .dj_ie6 .claro .dijitMenuPassive .dijitMenuItem { + background-image: none; +} +/* MenuBarItem that has been selected and menu drops down from it */ +.claro .dijitMenuActive .dijitMenuItemHover, .claro .dijitMenuActive .dijitMenuItemSelected { + border: solid 1px #759dc0; + padding: 5px 9px 6px; + background-color: #abd6ff; + background-position: 0 0; + color: #000000; +} +.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: #7dbdfa; + background-position: 0 -177px; +} +.claro .dijitMenuItemActive { + background-position: 0 -177px; +} +.claro td.dijitMenuItemIconCell { + padding: 2px; + margin: 0 0 0 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 0; + margin-right: 3px; +} +.claro .dijitMenuItemDisabled .dijitMenuItemIconCell { + opacity: 1; +} +.claro .dijitMenuSeparatorTop { + height: auto; + margin-top: 1px; + /* prevents spacing above/below separator */ + + border-bottom: 1px solid #b5bcc7; +} +.claro .dijitMenuSeparatorBottom { + height: auto; + margin-bottom: 1px; +} +/* the checked menu item */ +.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%; +} +/*ComboBox Menu*/ +.claro .dijitComboBoxMenu { + margin-left: 0; + background-image: none; +} +.claro .dijitComboBoxMenu .dijitMenuItem { + padding: 2px; + border-width: 1px 0 1px 0; + border-style: solid; + border-color: #ffffff; +} +.claro .dijitComboBoxMenu .dijitMenuItemSelected { + color: #000000; + border-color: #759dc0; + background-color: #abd6ff; +} +.claro .dijitComboBoxMenu .dijitMenuItemHover { + color: #000000; + border-color: #769dc0; + background-color: #abd6ff; + background-position: 0 0; +} +.claro .dijitComboBoxMenuActive .dijitMenuItemSelected { + background-position: 0 -177px; + background-color: #7dbdfa; + /* TODO: why is this a different color than normal .dijitMenuItemSelected? */ + +} +.claro .dijitMenuPreviousButton, .claro .dijitMenuNextButton { + font-style: italic; +} diff --git a/js/dojo/dijit/themes/claro/Menu.less b/js/dojo/dijit/themes/claro/Menu.less new file mode 100644 index 0000000..80467a5 --- /dev/null +++ b/js/dojo/dijit/themes/claro/Menu.less @@ -0,0 +1,194 @@ +/* Menu + +There are three areas of styling for the Menu: + + 1. The menu + There are three types of menus: + i)Context Menu + ii)Drop down Menu + iii) Navigation Menu + All three types of menus are affected by the .dijitMenu class in which you can set the background-color, padding and border + .dijitMenu affects the drop down menu in TimeTextBox, Calendar, ComboBox and FilteringSelect + .dijitMenuTable - for padding - also affects Select widget + + 2. The menu bar + .dijitMenuBar - for border, margins, padding, background-color of the menu bar + .dijitMenuBar .dijitMenuItem - for padding, text color of menu items in the menu bar (overrides .dijitMenuItem) + + 3. Menu items - items in the menu. + .dijitMenuItem - for color + .dijitMenuItemHover, .dijitMenuItemSelected - for background-color, border, text color, padding of a menu item or menubar item that has been hovered over or selected + .dijitMenuItemActive - for bacgkround-color of an active (mousedown) menu item + td.dijitMenuItemIconCell - for padding around a menu item's icon + td.dijitMenuItemLabel - for padding around a menu item's label + .dijitMenuSeparatorTop - for border, top border, of the separator + .dijitMenuSeparatorBottom - for bottom margin of the separator + + Styles specific to ComboBox and FilteringSelect widgets: + .dijitComboBoxMenu .dijitMenuItem - for padding and border of a menu item in a ComboBox or FilteringSelect widget's menu + .dijitComboBoxMenu .dijitMenuItemSelected- for text color, background-color and border of a menu item in a ComboBox or FilteringSelect widget's menu + +*/ + +@import "variables"; + +.claro .dijitMenuBar { + border: 1px solid @border-color; + margin: 0; + padding: 0; + background-color: @bar-background-color; + background-image: url(@image-common-highlight); + background-position:0 0; + background-repeat:repeat-x; +} +.dj_ie6 .claro .dijitMenuBar { + background-image:none; +} +.claro .dijitMenu { + background-repeat:repeat-y; + background-color:@menu-background-color; + border: 1px solid @popup-border-color; + + /* so adjoining borders of MenuBar/ComboBox and Menu overlap, avoiding double border */ + margin: -1px 0; +} +.dj_ie6 .claro .dijitMenu { + margin: 0; /* above -1px makes top/bottom borders disappear on IE6 */ +} +.claro .dijitMenuBar .dijitMenuItem { + padding: 6px 10px 7px; + background-position:0 100px; + margin:-1px; +} +.claro .dijitMenuItem { + background-image: url(@image-menu-highlight); + background-position:0 -40px; + background-repeat:repeat-x; + color: @text-color; +} + +/* this prevents jiggling upon hover of a menu item */ +.claro .dijitMenuTable { + border-collapse:separate; + border-spacing:0 0; + padding:0; +} +.claro .dijitMenuItem td{ + padding:1px; +} +/* hover over a MenuBarItem */ +.claro .dijitMenuPassive .dijitMenuItemHover, +.claro .dijitMenuPassive .dijitMenuItemSelected { + background-color: @hovered-background-color; + border:solid 1px @hovered-border-color; + background-position:0 0; + color:@text-color; + padding: 5px 9px 6px; +} +.claro .dijitMenuPassive .dijitMenuItemActive{ + background-position:0 -177px; +} +.dj_ie6 .claro .dijitMenuItem, +.dj_ie6 .claro .dijitMenuPassive .dijitMenuItem { + background-image: none; +} + +/* MenuBarItem that has been selected and menu drops down from it */ +.claro .dijitMenuActive .dijitMenuItemHover, +.claro .dijitMenuActive .dijitMenuItemSelected { + border:solid 1px @hovered-border-color; + padding: 5px 9px 6px; + background-color: @hovered-background-color; + background-position:0 0; + color:@hovered-text-color; +} +.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: @pressed-background-color; + background-position:0 -177px; +} +.claro .dijitMenuItemActive { + background-position:0 -177px; +} +.claro td.dijitMenuItemIconCell { + padding: 2px; + margin: 0 0 0 4px; +} +.claro td.dijitMenuItemLabel { + padding-top: 5px; + padding-bottom: 5px; +} +.claro .dijitMenuExpand { + width: 7px; + height: 7px; + background-image: url(@image-arrow-sprite); + background-position: -14px 0; + margin-right:3px; +} +.claro .dijitMenuItemDisabled .dijitMenuItemIconCell { + opacity:1; +} +.claro .dijitMenuSeparatorTop { + height: auto; + margin-top:1px; /* prevents spacing above/below separator */ + border-bottom: 1px solid @border-color +} +.claro .dijitMenuSeparatorBottom{ + height: auto; + margin-bottom:1px; +} +/* the checked menu item */ +.claro .dijitCheckedMenuItemIconChar { + display: none; +} +.claro .dijitCheckedMenuItemIcon { + background-image: url(@image-form-checkbox-and-radios); + background-repeat:no-repeat; + background-position: -15px 50%; + width:15px; + height:16px; +} +.dj_ie6 .claro .dijitCheckedMenuItemIcon { + background-image: url(@image-form-checkbox-and-radios-ie6); +} +.claro .dijitCheckedMenuItemChecked .dijitCheckedMenuItemIcon { + background-position: 0 50%; +} + +/*ComboBox Menu*/ +.claro .dijitComboBoxMenu { + margin-left:0; + background-image: none; +} + +.claro .dijitComboBoxMenu .dijitMenuItem { + padding: @textbox-padding; // Make drop down menu text line up with text in <input>. + border-width:1px 0 1px 0; + border-style:solid; + border-color: @select-dropdownitem-background-color; +} +.claro .dijitComboBoxMenu .dijitMenuItemSelected { + color:@selected-text-color; + border-color:@hovered-border-color; + background-color:@hovered-background-color; +} +.claro .dijitComboBoxMenu .dijitMenuItemHover { + color: #000000; + border-color: #769dc0; + background-color: #abd6ff; + background-position: 0 0; +} +.claro .dijitComboBoxMenuActive .dijitMenuItemSelected { + background-position:0 -177px; + background-color: @select-dropdownitem-hovered-background-color; /* TODO: why is this a different color than normal .dijitMenuItemSelected? */ +} +.claro .dijitMenuPreviousButton, .claro .dijitMenuNextButton { + font-style: italic; +} diff --git a/js/dojo/dijit/themes/claro/Menu_rtl.css b/js/dojo/dijit/themes/claro/Menu_rtl.css new file mode 100644 index 0000000..2b96cba --- /dev/null +++ b/js/dojo/dijit/themes/claro/Menu_rtl.css @@ -0,0 +1,8 @@ +.claro .dijitMenuItemRtl .dijitMenuExpand { + background-position: -7px 0; + margin-right: 0; + margin-left: 3px; +} +.claro .dijitMenuItemRtl .dijitMenuItemIcon { + margin: 0 4px 0 0; +} diff --git a/js/dojo/dijit/themes/claro/Menu_rtl.less b/js/dojo/dijit/themes/claro/Menu_rtl.less new file mode 100644 index 0000000..6f669f5 --- /dev/null +++ b/js/dojo/dijit/themes/claro/Menu_rtl.less @@ -0,0 +1,11 @@ +@import "variables"; + +.claro .dijitMenuItemRtl .dijitMenuExpand { + background-position: -7px 0; + margin-right: 0; + margin-left: 3px; +} + +.claro .dijitMenuItemRtl .dijitMenuItemIcon { + margin:0 4px 0 0; +} diff --git a/js/dojo/dijit/themes/claro/ProgressBar.css b/js/dojo/dijit/themes/claro/ProgressBar.css new file mode 100644 index 0000000..925021f --- /dev/null +++ b/js/dojo/dijit/themes/claro/ProgressBar.css @@ -0,0 +1,63 @@ +/* ProgressBar + * + * Styling of the ProgressBar consists of the following: + * + * 1. the base progress bar + * .dijitProgressBar - sets margins for the progress bar + * + * 2. the empty bar + * .dijitProgressBarEmpty - sets background img and color for bar or parts of bar that are not finished yet + * Also sets border color for whole bar + * + * 3. tile mode + * .dijitProgressBarTile + * inner container for finished portion when in 'tile' (image) mode + * + * 4. full bar mode + * .dijitProgressBarFull + * adds border to right side of the filled portion of bar + * + * 5. text for label of bar + * .dijitProgressBarLabel - sets text color, which must contrast with both the "Empty" and "Full" parts. + * + * 6. indeterminate mode + * .dijitProgressBarIndeterminate .dijitProgressBarTile + * sets animated gif for the progress bar in 'indeterminate' mode + */ +.claro .dijitProgressBar { + margin: 2px 0 2px 0; +} +.claro .dijitProgressBarEmpty { + /* outer container and background of the bar that's not finished yet*/ + + background: #ffffff url("images/progressBarEmpty.png") no-repeat left; + border-color: #759dc0; +} +.claro .dijitProgressBarTile { + /* inner container for finished portion when in 'tile' (image) mode */ + + background: #abd6ff url("images/progressBarFull.png") repeat-x top; +} +.dj_ie6 .claro .dijitProgressBarTile { + background-image: none; +} +.claro .dijitProgressBarFull { + border-right: 1px solid #759dc0; + -webkit-transition-property: width; + -moz-transition-property: width; + transition-property: width; + -webkit-transition-duration: 0.25s; + -moz-transition-duration: 0.25s; + transition-duration: 0.25s; +} +.claro .dijitProgressBarLabel { + /* Set to a color that contrasts with both the "Empty" and "Full" parts. */ + + color: #000000; +} +.claro .dijitProgressBarIndeterminate .dijitProgressBarTile { + /* use an animated gif for the progress bar in 'indeterminate' mode; + background-color won't appear unless user has turned off background images */ + + background: #efefef url("images/progressBarAnim.gif") repeat-x top; +} diff --git a/js/dojo/dijit/themes/claro/ProgressBar.less b/js/dojo/dijit/themes/claro/ProgressBar.less new file mode 100644 index 0000000..8edf426 --- /dev/null +++ b/js/dojo/dijit/themes/claro/ProgressBar.less @@ -0,0 +1,58 @@ +/* ProgressBar + * + * Styling of the ProgressBar consists of the following: + * + * 1. the base progress bar + * .dijitProgressBar - sets margins for the progress bar + * + * 2. the empty bar + * .dijitProgressBarEmpty - sets background img and color for bar or parts of bar that are not finished yet + * Also sets border color for whole bar + * + * 3. tile mode + * .dijitProgressBarTile + * inner container for finished portion when in 'tile' (image) mode + * + * 4. full bar mode + * .dijitProgressBarFull + * adds border to right side of the filled portion of bar + * + * 5. text for label of bar + * .dijitProgressBarLabel - sets text color, which must contrast with both the "Empty" and "Full" parts. + * + * 6. indeterminate mode + * .dijitProgressBarIndeterminate .dijitProgressBarTile + * sets animated gif for the progress bar in 'indeterminate' mode + */ + + @import "variables"; + +.claro .dijitProgressBar { + margin:2px 0 2px 0; +} +.claro .dijitProgressBarEmpty { + /* outer container and background of the bar that's not finished yet*/ + background: @progressbar-empty-background-color url(@image-progressbar-empty) no-repeat left; + border-color: @progressbar-border-color; +} +.claro .dijitProgressBarTile { + /* inner container for finished portion when in 'tile' (image) mode */ + background: @progressbar-full-background-color url(@image-progressbar-full) repeat-x top; +} +.dj_ie6 .claro .dijitProgressBarTile { + background-image: none; +} +.claro .dijitProgressBarFull { + border-right:1px solid @progressbar-border-color; + .transition-property(width); + .transition-duration(.25s); +} +.claro .dijitProgressBarLabel { + /* Set to a color that contrasts with both the "Empty" and "Full" parts. */ + color: @progressbar-text-color; +} +.claro .dijitProgressBarIndeterminate .dijitProgressBarTile { + /* use an animated gif for the progress bar in 'indeterminate' mode; + background-color won't appear unless user has turned off background images */ + background: @bar-background-color url(@image-progressbar-anim) repeat-x top; +} diff --git a/js/dojo/dijit/themes/claro/README b/js/dojo/dijit/themes/claro/README new file mode 100644 index 0000000..3b4b4aa --- /dev/null +++ b/js/dojo/dijit/themes/claro/README @@ -0,0 +1,41 @@ +These are "less" files that compile into the CSS of claro. + +--------- +Installing and running on Windows: + +1. Install node: + a) Go to https://github.com/ajaxorg/node-builds, press download button, and select "download zip" + b) unzip the file into C:\ + +2. Add node environment variables: + + a) open Control Panel --> click System icon --> select Advanced tab --> click Environment variables button + b) press "edit" on path + c) depending on what directory you unzipped to and the exact filenames, you will add something like + + ;C:\ajaxorg-node-builds-0fcee7d\win32 + +4. To compile all the files: + + C:\> cd C:\myworkspace\dijit\themes\claro + C:\> node compile.js + +-------- +To install/run less version 2 on mac: + +1. Install Node.js + Download a built copy from https://github.com/ajaxorg/node-builds. + Alternately, go to http://nodejs.org/#download (./configure, make, make install). + +2. Edit .bash_profile etc. to add node to your path + + export PATH=$PATH:/opt/less/bin + +To compile all the files: + + $ cd dijit/themes/claro + $ node compile.js + +----- + +See http://lesscss.org/ and https://github.com/cloudhead/less.js/ for more information. diff --git a/js/dojo/dijit/themes/claro/TimePicker.css b/js/dojo/dijit/themes/claro/TimePicker.css new file mode 100644 index 0000000..c8d6bb2 --- /dev/null +++ b/js/dojo/dijit/themes/claro/TimePicker.css @@ -0,0 +1,130 @@ +/* Time Picker + * + * Styling the Time Picker consists of the following: + * + * 1. minor time values + * .dijitTimePickerTick - set text color, size, background color of minor values + * .dijitTimePickerTickHover - set hover style of minor time values + * dijitTimePickerTickSelected - set selected style of minor time values + * + * 2. major time values - 1:00, 2:00, times on the hour + * set text color, size, background color, left/right margins for "zoom" affect + * .dijitTimePickerMarkerHover - to set hover style of major time values + * .dijitTimePickerMarkerSelected - set selected style of major time values + * + * 3. up and down arrow buttons + * .dijitTimePicker .dijitButtonNode - background-color, border + * .dijitTimePicker .dijitUpArrowHover, .dijitTimePicker .dijitDownArrowHover - set background-color for hover state + * + * Other classes provide the fundamental structure of the TimePicker and should not be modified. + */ +/* override Button.css */ +.claro .dijitTimePicker .dijitButtonNode { + padding: 0 0; + -moz-border-radius: 0; + border-radius: 0; +} +.claro .dijitTimePicker { + border: 1px #b5bcc7 solid; + border-top: none; + border-bottom: none; + background-color: #fff; + /* TODO: useless? Appears to be overridden by settings on individual elements */ + +} +.claro .dijitTimePickerItem { + /* dijitTimePickerItem refers to both Tick's (minor values like 2:15, 2:30, 2:45) and Marker's (major values like 2PM, 3PM) */ + + background-image: url("images/commonHighlight.png"); + background-position: 0 -1px; + background-repeat: repeat-x; + border-top: solid 1px #b5bcc7; + border-bottom: solid 1px #b5bcc7; + margin-right: -1px; + margin-left: -1px; + margin-top: -1px; +} +/* to make up for lack of alpha transparency in IE6 */ +.dj_ie6 .claro .dijitTimePickerItem { + background-image: none; +} +.claro .dijitTimePickerTick { + /* minor value */ + + color: #818181; + background-color: #efefef; + font-size: 0.818em; +} +.claro .dijitTimePickerMarker { + /* major value - 1:00, 2:00, times on the hour */ + + background-color: #e5f2fe; + font-size: 1em; + white-space: nowrap; +} +.claro .dijitTimePickerTickHover, +.claro .dijitTimePickerMarkerHover, +.claro .dijitTimePickerMarkerSelected, +.claro .dijitTimePickerTickSelected { + background-color: #7dbdfa; + border: solid 1px #b5bcc7; + margin-left: -7px; + margin-right: -7px; + color: #000000; +} +.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; + /* creates widening of element */ + zoom: 1; + /* creates widening of element */ + +} +.claro .dijitTimePickerTick .dijitTimePickerItemInner { + padding: 1px; + margin: 0; +} +.claro .dijitTimePicker .dijitButtonNode { + border-left: none; + border-right: none; + border-color: #b5bcc7; + background-color: #efefef; + background-image: url("images/commonHighlight.png"); + background-position: 0 -1px; + background-repeat: repeat-x; +} +.dj_ie6 .claro .dijitTimePicker .dijitButtonNode { + background-image: none; +} +.claro .dijitTimePicker .dijitArrowButtonInner { + height: 100%; + /* hack claro.button.css */ + + background-image: url("form/images/commonFormArrows.png"); + background-repeat: no-repeat; + background-position: -140px 45%; +} +.claro .dijitTimePicker .dijitDownArrowButton .dijitArrowButtonInner { + background-position: -35px 45%; +} +/* hover */ +.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/js/dojo/dijit/themes/claro/TimePicker.less b/js/dojo/dijit/themes/claro/TimePicker.less new file mode 100644 index 0000000..a6253f7 --- /dev/null +++ b/js/dojo/dijit/themes/claro/TimePicker.less @@ -0,0 +1,124 @@ +/* Time Picker + * + * Styling the Time Picker consists of the following: + * + * 1. minor time values + * .dijitTimePickerTick - set text color, size, background color of minor values + * .dijitTimePickerTickHover - set hover style of minor time values + * dijitTimePickerTickSelected - set selected style of minor time values + * + * 2. major time values - 1:00, 2:00, times on the hour + * set text color, size, background color, left/right margins for "zoom" affect + * .dijitTimePickerMarkerHover - to set hover style of major time values + * .dijitTimePickerMarkerSelected - set selected style of major time values + * + * 3. up and down arrow buttons + * .dijitTimePicker .dijitButtonNode - background-color, border + * .dijitTimePicker .dijitUpArrowHover, .dijitTimePicker .dijitDownArrowHover - set background-color for hover state + * + * Other classes provide the fundamental structure of the TimePicker and should not be modified. + */ + +@import "variables"; + +/* override Button.css */ +.claro .dijitTimePicker .dijitButtonNode { + padding: 0 0; + .border-radius(0); +} +.claro .dijitTimePicker{ + border:1px @border-color solid; + border-top:none; + border-bottom:none; + background-color:#fff; /* TODO: useless? Appears to be overridden by settings on individual elements */ +} +.claro .dijitTimePickerItem{ + /* dijitTimePickerItem refers to both Tick's (minor values like 2:15, 2:30, 2:45) and Marker's (major values like 2PM, 3PM) */ + background-image: url(@image-common-highlight); + background-position:0 -1px; + background-repeat:repeat-x; + border-top:solid 1px @border-color; + border-bottom:solid 1px @border-color; + margin-right:-1px; + margin-left:-1px; + margin-top:-1px; +} +/* to make up for lack of alpha transparency in IE6 */ +.dj_ie6 .claro .dijitTimePickerItem { + background-image: none; +} +.claro .dijitTimePickerTick { + /* minor value */ + color:@timepicker-minorvalue-text-color; + background-color:@timepicker-minorvalue-background-color; + font-size:0.818em; +} +.claro .dijitTimePickerMarker { + /* major value - 1:00, 2:00, times on the hour */ + background-color: @timepicker-majorvalue-background-color; + font-size: 1em; + white-space: nowrap; +} +.claro .dijitTimePickerTickHover, +.claro .dijitTimePickerMarkerHover, +.claro .dijitTimePickerMarkerSelected, +.claro .dijitTimePickerTickSelected { + background-color: @timepicker-value-hovered-background-color; + border:solid 1px @border-color; + margin-left:-7px; + margin-right:-7px; + color:@timepicker-value-hovered-text-color; +} +.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; /* creates widening of element */ + zoom: 1; /* creates widening of element */ +} +.claro .dijitTimePickerTick .dijitTimePickerItemInner { + padding:1px; + margin:0; +} +.claro .dijitTimePicker .dijitButtonNode { + border-left:none; + border-right:none; + border-color:@border-color; + background-color: @unselected-background-color; + background-image: url(@image-common-highlight); + background-position:0 -1px; + background-repeat:repeat-x; +} +.dj_ie6 .claro .dijitTimePicker .dijitButtonNode { + background-image: none; +} +.claro .dijitTimePicker .dijitArrowButtonInner{ + height: 100%; /* hack claro.button.css */ + background-image: url(@image-form-common-arrows); + background-repeat: no-repeat; + background-position:-140px 45%; +} +.claro .dijitTimePicker .dijitDownArrowButton .dijitArrowButtonInner{ + background-position:-35px 45%; +} +/* hover */ +.claro .dijitTimePicker .dijitUpArrowHover, +.claro .dijitTimePicker .dijitDownArrowHover { + background-color: @timepicker-arrow-hovered-background-color; +} +.claro .dijitTimePicker .dijitUpArrowHover .dijitArrowButtonInner { + background-position:-175px 45%; +} +.claro .dijitTimePicker .dijitDownArrowHover .dijitArrowButtonInner { + background-position:-70px 45%; +} diff --git a/js/dojo/dijit/themes/claro/TimePicker_rtl.css b/js/dojo/dijit/themes/claro/TimePicker_rtl.css new file mode 100644 index 0000000..6dfcf83 --- /dev/null +++ b/js/dojo/dijit/themes/claro/TimePicker_rtl.css @@ -0,0 +1,9 @@ +/* TimePicker */ +.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/js/dojo/dijit/themes/claro/TimePicker_rtl.less b/js/dojo/dijit/themes/claro/TimePicker_rtl.less new file mode 100644 index 0000000..44f5da5 --- /dev/null +++ b/js/dojo/dijit/themes/claro/TimePicker_rtl.less @@ -0,0 +1,12 @@ +/* TimePicker */ + +@import "variables"; + +.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%; +}
\ No newline at end of file diff --git a/js/dojo/dijit/themes/claro/TitlePane.css b/js/dojo/dijit/themes/claro/TitlePane.css new file mode 100644 index 0000000..1415615 --- /dev/null +++ b/js/dojo/dijit/themes/claro/TitlePane.css @@ -0,0 +1,71 @@ +/* TitlePane + * + * Styling TitlePane means styling the TitlePane title and its content container (dijitTitlePane) + * + * TitlePane title: + * 1. TitlePane title (default styling): + * .dijitTitlePaneTitle - TitlePane's title div style: background-color, border + * + * 2. hovered TitlePane title (ie, mouse hover on a title bar) + * .dijitTitlePaneTitleHover - styles when mouse hover on the title div + * + * 3. active TitlePane title (ie, mouse down on a title bar) + * .dijitTitlePaneTitleActive - styles when mouse down on the title div + * + * + * TitlePane Content Container: + * 1. outer/inner container: + * .dijitTitlePaneContentOuter / dijitTitlePaneContentInner - styles for the content outer div + */ +.claro .dijitTitlePaneTitle { + background-color: #efefef; + background-image: url("images/titlebar.png"); + background-repeat: repeat-x; + border: 1px solid #b5bcc7; + padding: 0 7px 3px 7px; + min-height: 17px; +} +.dj_ie6 .claro .dijitTitlePaneTitle { + background-image: none; +} +.claro .dijitTitlePaneTitleHover { + background-color: #abd6ff; + border-color: #759dc0; +} +.claro .dijitTitlePaneTitleActive { + background-color: #7dbdfa; + border-color: #759dc0; + background-position: 0 -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: 0 0; +} +.claro .dijitTitlePane .dijitClosed .dijitArrowNode { + background-position: -14px 0; +} +.claro .dijitTitlePane .dijitTitlePaneTextNode { + color: #000000; +} +.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/js/dojo/dijit/themes/claro/TitlePane.less b/js/dojo/dijit/themes/claro/TitlePane.less new file mode 100644 index 0000000..89da9f3 --- /dev/null +++ b/js/dojo/dijit/themes/claro/TitlePane.less @@ -0,0 +1,74 @@ +/* TitlePane + * + * Styling TitlePane means styling the TitlePane title and its content container (dijitTitlePane) + * + * TitlePane title: + * 1. TitlePane title (default styling): + * .dijitTitlePaneTitle - TitlePane's title div style: background-color, border + * + * 2. hovered TitlePane title (ie, mouse hover on a title bar) + * .dijitTitlePaneTitleHover - styles when mouse hover on the title div + * + * 3. active TitlePane title (ie, mouse down on a title bar) + * .dijitTitlePaneTitleActive - styles when mouse down on the title div + * + * + * TitlePane Content Container: + * 1. outer/inner container: + * .dijitTitlePaneContentOuter / dijitTitlePaneContentInner - styles for the content outer div + */ + +@import "variables"; + +.claro .dijitTitlePaneTitle { + background-color: @unselected-background-color; // TODO: Mailed Jason, shouldn't this toggle to @selected-background-color when pane opened? + background-image: url(@image-titlebar); + background-repeat:repeat-x; + border:1px solid @border-color; + padding: 0 7px 3px 7px; + min-height:17px; +} +.dj_ie6 .claro .dijitTitlePaneTitle { + background-image: none; +} +.claro .dijitTitlePaneTitleHover { + background-color: @hovered-background-color; + border-color: @hovered-border-color; +} +.claro .dijitTitlePaneTitleActive { + background-color: @pressed-background-color; + border-color: @pressed-border-color; + background-position:0 -136px; +} +.claro .dijitTitlePaneTitleFocus { + margin-top:3px; + padding-bottom:2px; +} +.claro .dijitTitlePane .dijitArrowNode { + background-image: url(@image-arrow-sprite); + background-repeat: no-repeat; + height: 8px; + width: 7px; +} +.claro .dijitTitlePane .dijitOpen .dijitArrowNode { + background-position: 0 0; +} +.claro .dijitTitlePane .dijitClosed .dijitArrowNode { + background-position: -14px 0; +} +.claro .dijitTitlePane .dijitTitlePaneTextNode { + color:@text-color; +} +.claro .dijitTitlePaneContentOuter { + background: @pane-background-color; + border:1px solid @border-color; + border-top:none; +} +.claro .dijitTitlePaneContentInner { + padding:10px; +} +.claro .dijitTitlePaneTextNode { + margin-left: 4px; + margin-right: 4px; + vertical-align:text-top; +} diff --git a/js/dojo/dijit/themes/claro/TitlePane_rtl.css b/js/dojo/dijit/themes/claro/TitlePane_rtl.css new file mode 100644 index 0000000..3f68ab3 --- /dev/null +++ b/js/dojo/dijit/themes/claro/TitlePane_rtl.css @@ -0,0 +1,4 @@ +/* TitlePane */ +.claro .dijitTitlePaneRtl .dijitClosed .dijitArrowNode { + background-position: -7px 0; +} diff --git a/js/dojo/dijit/themes/claro/TitlePane_rtl.less b/js/dojo/dijit/themes/claro/TitlePane_rtl.less new file mode 100644 index 0000000..693584f --- /dev/null +++ b/js/dojo/dijit/themes/claro/TitlePane_rtl.less @@ -0,0 +1,7 @@ +/* TitlePane */ + +@import "variables"; + +.claro .dijitTitlePaneRtl .dijitClosed .dijitArrowNode { + background-position: -7px 0; +}
\ No newline at end of file diff --git a/js/dojo/dijit/themes/claro/Toolbar.css b/js/dojo/dijit/themes/claro/Toolbar.css new file mode 100644 index 0000000..18c605c --- /dev/null +++ b/js/dojo/dijit/themes/claro/Toolbar.css @@ -0,0 +1,189 @@ +/* Toolbar + * + * Styling Toolbar means styling the toolbar container and the widget inside toolbar (dijitToolbar) + * + * 1. toolbar (default styling): + * .dijitToolbar - styles for outer container + * + * 2. widget inside toolbar + * .dijitToolbar .dijitButtonNode - Button widget + * .dijitComboButton - ComboButton widget + * .dijitDropDownButton - DropDownButton widget + * .dijitToggleButton - ToggleButton widget + * + * 3. hovered widget inside toolbar (ie, mouse hover on the widget inside) + * .dijitToolbar .dijitButtonNodeHover - styles for hovered Button widget + * + * 4. actived widget inside toolbar (ie, mouse down on the widget inside) + * .dijitToolbar .dijitButtonNodeActive - mouse down on Button widget + */ +.claro .dijitToolbar { + border-bottom: 1px solid #b5bcc7; + background-color: #efefef; + background-image: url("images/commonHighlight.png"); + background-position: 0 0; + background-repeat: repeat-x; + padding: 2px 0 2px 4px; + zoom: 1; +} +.claro .dijitToolbar label { + padding: 0 3px 0 6px; +} +/** override claro/form/Button.css, and also ComboBox down arrow **/ +.claro .dijitToolbar .dijitButton .dijitButtonNode, +.claro .dijitToolbar .dijitDropDownButton .dijitButtonNode, +.claro .dijitToolbar .dijitComboButton .dijitButtonNode, +.claro .dijitToolbar .dijitToggleButton .dijitButtonNode, +.claro .dijitToolbar .dijitComboBox .dijitButtonNode { + border-width: 0; + /* on hover/active, border-->1px, padding-->1px */ + + padding: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + -webkit-transition-property: background-color; + -moz-transition-property: background-color; + transition-property: background-color; + -webkit-transition-duration: 0.3s, 0.35s; + -moz-transition-duration: 0.3s, 0.35s; + transition-duration: 0.3s, 0.35s; + background-image: url("images/commonHighlight.png"); + background-position: 0 -30px; + background-repeat: repeat-x; + background-color: rgba(171, 214, 255, 0); +} +.dj_ie .claro .dijitToolbar .dijitButton .dijitButtonNode, +.dj_ie .claro .dijitToolbar .dijitDropDownButton .dijitButtonNode, +.dj_ie .claro .dijitToolbar .dijitComboButton .dijitButtonNode, +.dj_ie .claro .dijitToolbar .dijitToggleButton .dijitButtonNode, +.dj_ie .claro .dijitToolbar .dijitComboBox .dijitButtonNode { + background-color: transparent; + /* for IE, which doesn't understand rgba(...) */ + +} +.dj_ie6 .claro .dijitToolbar .dijitButton .dijitButtonNode, +.dj_ie6 .claro .dijitToolbar .dijitDropDownButton .dijitButtonNode, +.dj_ie6 .claro .dijitToolbar .dijitComboButton .dijitButtonNode, +.dj_ie6 .claro .dijitToolbar .dijitToggleButton .dijitButtonNode, +.dj_ie6 .claro .dijitToolbar .dijitComboBox .dijitButtonNode { + background: none; + /* because background-color: transparent above doesn't work on IE*/ + +} +/* hover status */ +.dj_ie .claro .dijitToolbar .dijitButtonHover .dijitButtonNode, +.dj_ie .claro .dijitToolbar .dijitDropDownButtonHover .dijitButtonNode, +.dj_ie .claro .dijitToolbar .dijitComboButton .dijitButtonNodeHover, +.dj_ie .claro .dijitToolbar .dijitComboButton .dijitDownArrowButtonHover, +.dj_ie .claro .dijitToolbar .dijitToggleButtonHover .dijitButtonNode { + /* button should still turn blue on hover, so need to override .dj_ie rules above */ + + background-color: #abd6ff; +} +/* active status */ +.dj_ie .claro .dijitToolbar .dijitButtonActive .dijitButtonNode, +.dj_ie .claro .dijitToolbar .dijitDropDownButtonActive .dijitButtonNode, +.dj_ie .claro .dijitToolbar .dijitComboButtonActive .dijitButtonNode, +.dj_ie .claro .dijitToolbar .dijitToggleButtonActive .dijitButtonNode { + /* button should still turn blue on press, so need to override .dj_ie rules above */ + + background-color: #abd6ff; +} +.claro .dijitToolbar .dijitComboButton .dijitStretch { + /* no rounded border on side adjacent to arrow */ + + -moz-border-radius: 2px 0 0 2px; + border-radius: 2px 0 0 2px; +} +.claro .dijitToolbar .dijitComboButton .dijitArrowButton { + /* no rounded border on side adjacent to button */ + + -moz-border-radius: 0 2px 2px 0; + border-radius: 0 2px 2px 0; +} +.claro .dijitToolbar .dijitComboBox .dijitButtonNode { + padding: 0; +} +/* hover status */ +.claro .dijitToolbar .dijitButtonHover .dijitButtonNode, +.claro .dijitToolbar .dijitDropDownButtonHover .dijitButtonNode, +.claro .dijitToolbar .dijitToggleButtonHover .dijitButtonNode, +.claro .dijitToolbar .dijitComboButtonHover .dijitButtonNode { + background-position: 0 0; + border-width: 1px; + background-color: #abd6ff; + padding: 1px; +} +.claro .dijitToolbar .dijitComboButtonHover .dijitButtonNode, .claro .dijitToolbar .dijitComboButtonHover .dijitDownArrowButton { + background-position: 0 0; + background-color: #f3ffff; +} +.claro .dijitToolbar .dijitComboButtonHover .dijitButtonNodeHover, .claro .dijitToolbar .dijitComboButtonHover .dijitDownArrowButtonHover { + background-color: #abd6ff; +} +/* active status */ +.claro .dijitToolbar .dijitButtonActive .dijitButtonNode, .claro .dijitToolbar .dijitDropDownButtonActive .dijitButtonNode, .claro .dijitToolbar .dijitToggleButtonActive .dijitButtonNode { + border-width: 1px; + background-color: #7dbdfa; + background-position: 0 -177px; + padding: 1px; +} +.claro .dijitToolbar .dijitComboButtonActive { + -webkit-transition-duration: 0.2s; + -moz-transition-duration: 0.2s; + transition-duration: 0.2s; + border-width: 1px; + padding: 0; +} +.claro .dijitToolbar .dijitComboButtonActive .dijitButtonNode, .claro .dijitToolbar .dijitComboButtonActive .dijitDownArrowButton { + background-color: #f3ffff; + background-position: 0 -177px; + padding: 2px; +} +.claro .dijitToolbar .dijitComboButtonActive .dijitButtonNodeActive { + background-color: #7dbdfa; +} +.claro .dijitToolbar .dijitComboButtonActive .dijitDownArrowButtonActive { + background-color: #7dbdfa; +} +/* Avoid double border between button and arrow */ +.claro .dijitToolbar .dijitComboButtonHover .dijitDownArrowButton, .claro .dijitToolbar .dijitComboButtonActive .dijitDownArrowButton { + border-left-width: 0; +} +.claro .dijitToolbar .dijitComboButtonHover .dijitDownArrowButton { + padding-left: 2px; + /* since there's no left border, don't reduce from 2px --> 1px */ + +} +/* toggle button checked status */ +.claro .dijitToolbar .dijitToggleButtonChecked .dijitButtonNode { + margin: 0; + /* remove margin and add a border */ + + border-width: 1px; + border-style: solid; + background-image: none; + border-color: #759dc0; + background-color: #ffffff; + padding: 1px; +} +.dj_ie6 .claro .dijitToolbar { + background-image: none; +} +.claro .dijitToolbarSeparator { + /* separator icon in the editor sprite */ + + background: url("../../icons/images/editorIconsEnabled.png"); +} +/* Toolbar inside of disabled Editor */ +.claro .dijitDisabled .dijitToolbar { + background: none; + background-color: #efefef; + border-bottom: 1px solid #d3d3d3; +} +.claro .dijitToolbar .dijitComboBoxDisabled .dijitArrowButtonInner { + background-position: 0 50%; +} diff --git a/js/dojo/dijit/themes/claro/Toolbar.less b/js/dojo/dijit/themes/claro/Toolbar.less new file mode 100644 index 0000000..b61e819 --- /dev/null +++ b/js/dojo/dijit/themes/claro/Toolbar.less @@ -0,0 +1,187 @@ +/* Toolbar + * + * Styling Toolbar means styling the toolbar container and the widget inside toolbar (dijitToolbar) + * + * 1. toolbar (default styling): + * .dijitToolbar - styles for outer container + * + * 2. widget inside toolbar + * .dijitToolbar .dijitButtonNode - Button widget + * .dijitComboButton - ComboButton widget + * .dijitDropDownButton - DropDownButton widget + * .dijitToggleButton - ToggleButton widget + * + * 3. hovered widget inside toolbar (ie, mouse hover on the widget inside) + * .dijitToolbar .dijitButtonNodeHover - styles for hovered Button widget + * + * 4. actived widget inside toolbar (ie, mouse down on the widget inside) + * .dijitToolbar .dijitButtonNodeActive - mouse down on Button widget + */ + +@import "variables"; + +.claro .dijitToolbar { + border-bottom: 1px solid @border-color; + background-color: @bar-background-color; + background-image: url(@image-common-highlight); + background-position:0 0; + background-repeat:repeat-x; + padding: 2px 0 2px 4px; + zoom: 1; +} + +.claro .dijitToolbar label { + padding: 0 3px 0 6px; +} + +/** override claro/form/Button.css, and also ComboBox down arrow **/ +.claro .dijitToolbar .dijitButton .dijitButtonNode, +.claro .dijitToolbar .dijitDropDownButton .dijitButtonNode, +.claro .dijitToolbar .dijitComboButton .dijitButtonNode, +.claro .dijitToolbar .dijitToggleButton .dijitButtonNode, +.claro .dijitToolbar .dijitComboBox .dijitButtonNode { + border-width: 0; /* on hover/active, border-->1px, padding-->1px */ + padding: 2px; + .border-radius(@toolbar-button-border-radius); + .box-shadow(none); + .transition-property(background-color); + .transition-duration(.3s, .35s); + + background-image: url(@image-common-highlight); + background-position:0 -30px; + background-repeat:repeat-x; + background-color:rgba(171,214,255,0); +} +.dj_ie .claro .dijitToolbar .dijitButton .dijitButtonNode, +.dj_ie .claro .dijitToolbar .dijitDropDownButton .dijitButtonNode, +.dj_ie .claro .dijitToolbar .dijitComboButton .dijitButtonNode, +.dj_ie .claro .dijitToolbar .dijitToggleButton .dijitButtonNode, +.dj_ie .claro .dijitToolbar .dijitComboBox .dijitButtonNode { + background-color: transparent; /* for IE, which doesn't understand rgba(...) */ +} +.dj_ie6 .claro .dijitToolbar .dijitButton .dijitButtonNode, +.dj_ie6 .claro .dijitToolbar .dijitDropDownButton .dijitButtonNode, +.dj_ie6 .claro .dijitToolbar .dijitComboButton .dijitButtonNode, +.dj_ie6 .claro .dijitToolbar .dijitToggleButton .dijitButtonNode, +.dj_ie6 .claro .dijitToolbar .dijitComboBox .dijitButtonNode { + background: none; /* because background-color: transparent above doesn't work on IE*/ +} +/* hover status */ +.dj_ie .claro .dijitToolbar .dijitButtonHover .dijitButtonNode, +.dj_ie .claro .dijitToolbar .dijitDropDownButtonHover .dijitButtonNode, +.dj_ie .claro .dijitToolbar .dijitComboButton .dijitButtonNodeHover, +.dj_ie .claro .dijitToolbar .dijitComboButton .dijitDownArrowButtonHover, +.dj_ie .claro .dijitToolbar .dijitToggleButtonHover .dijitButtonNode { + /* button should still turn blue on hover, so need to override .dj_ie rules above */ + background-color: @button-hovered-background-color; +} + +/* active status */ +.dj_ie .claro .dijitToolbar .dijitButtonActive .dijitButtonNode, +.dj_ie .claro .dijitToolbar .dijitDropDownButtonActive .dijitButtonNode, +.dj_ie .claro .dijitToolbar .dijitComboButtonActive .dijitButtonNode, +.dj_ie .claro .dijitToolbar .dijitToggleButtonActive .dijitButtonNode { + /* button should still turn blue on press, so need to override .dj_ie rules above */ + background-color: @button-pressed-background-color; +} + +.claro .dijitToolbar .dijitComboButton .dijitStretch { + /* no rounded border on side adjacent to arrow */ + .border-radius(@toolbar-button-border-radius 0 0 @toolbar-button-border-radius); +} +.claro .dijitToolbar .dijitComboButton .dijitArrowButton { + /* no rounded border on side adjacent to button */ + .border-radius(0 @toolbar-button-border-radius @toolbar-button-border-radius 0); +} + +.claro .dijitToolbar .dijitComboBox .dijitButtonNode { + padding: 0; +} + +/* hover status */ +.claro .dijitToolbar .dijitButtonHover .dijitButtonNode, +.claro .dijitToolbar .dijitDropDownButtonHover .dijitButtonNode, +.claro .dijitToolbar .dijitToggleButtonHover .dijitButtonNode, +.claro .dijitToolbar .dijitComboButtonHover .dijitButtonNode { + background-position:0 0; + border-width:1px; + background-color: @hovered-background-color; + padding: 1px; +} +.claro .dijitToolbar .dijitComboButtonHover .dijitButtonNode, +.claro .dijitToolbar .dijitComboButtonHover .dijitDownArrowButton { + background-position:0 0; + background-color: @toolbar-combobutton-hovered-unhoveredsection-background-color; +} +.claro .dijitToolbar .dijitComboButtonHover .dijitButtonNodeHover, +.claro .dijitToolbar .dijitComboButtonHover .dijitDownArrowButtonHover { + background-color: @hovered-background-color; +} + +/* active status */ +.claro .dijitToolbar .dijitButtonActive .dijitButtonNode, +.claro .dijitToolbar .dijitDropDownButtonActive .dijitButtonNode, +.claro .dijitToolbar .dijitToggleButtonActive .dijitButtonNode { + border-width: 1px; + background-color:@pressed-background-color; + background-position:0 -177px; + padding: 1px; +} +.claro .dijitToolbar .dijitComboButtonActive { + .transition-duration(.2s); + border-width: 1px; + padding: 0; +} +.claro .dijitToolbar .dijitComboButtonActive .dijitButtonNode, +.claro .dijitToolbar .dijitComboButtonActive .dijitDownArrowButton { + background-color: @toolbar-combobutton-hovered-unhoveredsection-background-color; + background-position:0 -177px; + padding: 2px; +} +.claro .dijitToolbar .dijitComboButtonActive .dijitButtonNodeActive { + background-color: @pressed-background-color; +} +.claro .dijitToolbar .dijitComboButtonActive .dijitDownArrowButtonActive { + background-color: @pressed-background-color; +} + +/* Avoid double border between button and arrow */ +.claro .dijitToolbar .dijitComboButtonHover .dijitDownArrowButton, +.claro .dijitToolbar .dijitComboButtonActive .dijitDownArrowButton { + border-left-width: 0; +} +.claro .dijitToolbar .dijitComboButtonHover .dijitDownArrowButton { + padding-left: 2px; /* since there's no left border, don't reduce from 2px --> 1px */ +} + +/* toggle button checked status */ +.claro .dijitToolbar .dijitToggleButtonChecked .dijitButtonNode { + margin: 0; /* remove margin and add a border */ + border-width: 1px; + border-style: solid; + background-image: none; + border-color: @selected-border-color; + background-color: @toolbar-button-checked-background-color; + padding: 1px; +} + +.dj_ie6 .claro .dijitToolbar { + background-image: none; +} + +.claro .dijitToolbarSeparator { + /* separator icon in the editor sprite */ + background: url(@image-editor-icons-enabled); +} + +/* Toolbar inside of disabled Editor */ +.claro .dijitDisabled .dijitToolbar { + background:none; + background-color:@disabled-background-color; + border-bottom: 1px solid @disabled-border-color; +} + +.claro .dijitToolbar .dijitComboBoxDisabled .dijitArrowButtonInner { + background-position:0 50%; +} + diff --git a/js/dojo/dijit/themes/claro/Toolbar_rtl.css b/js/dojo/dijit/themes/claro/Toolbar_rtl.css new file mode 100644 index 0000000..2fab1de --- /dev/null +++ b/js/dojo/dijit/themes/claro/Toolbar_rtl.css @@ -0,0 +1,30 @@ +/* Toolbar RTL */ +/* Repeated rules from Toolbar.css to override rule from Button_rtl.css, which is loaded after Toolbar.css */ +.claro .dijitToolbar .dijitComboButtonRtl .dijitButtonNode { + border-width: 0; + padding: 2px; +} +.claro .dijitToolbar .dijitComboButtonRtlHover .dijitButtonNode, .claro .dijitToolbar .dijitComboButtonRtlActive .dijitButtonNode { + border-width: 1px; + padding: 1px; +} +.claro .dijitToolbar .dijitComboButtonRtl .dijitStretch { + /* no rounded border on side adjacent to arrow */ + + -moz-border-radius: 0 2px 2px 0; + border-radius: 0 2px 2px 0; +} +.claro .dijitToolbar .dijitComboButtonRtl .dijitArrowButton { + /* no rounded border on side adjacent to button */ + + -moz-border-radius: 2px 0 0 2px; + border-radius: 2px 0 0 2px; +} +.claro .dijitToolbar .dijitComboButtonRtlHover .dijitArrowButton, .claro .dijitToolbar .dijitComboButtonRtlActive .dijitArrowButton { + /* border between button and arrow */ + + border-left-width: 1px; + border-right-width: 0; + padding-left: 1px; + padding-right: 2px; +} diff --git a/js/dojo/dijit/themes/claro/Toolbar_rtl.less b/js/dojo/dijit/themes/claro/Toolbar_rtl.less new file mode 100644 index 0000000..8d31c88 --- /dev/null +++ b/js/dojo/dijit/themes/claro/Toolbar_rtl.less @@ -0,0 +1,32 @@ +/* Toolbar RTL */ + +@import "variables"; + +/* Repeated rules from Toolbar.css to override rule from Button_rtl.css, which is loaded after Toolbar.css */ +.claro .dijitToolbar .dijitComboButtonRtl .dijitButtonNode { + border-width: 0; + padding: 2px; +} +.claro .dijitToolbar .dijitComboButtonRtlHover .dijitButtonNode, +.claro .dijitToolbar .dijitComboButtonRtlActive .dijitButtonNode { + border-width: 1px; + padding: 1px; +} + +.claro .dijitToolbar .dijitComboButtonRtl .dijitStretch { + /* no rounded border on side adjacent to arrow */ + .border-radius(0 2px 2px 0); +} +.claro .dijitToolbar .dijitComboButtonRtl .dijitArrowButton { + /* no rounded border on side adjacent to button */ + .border-radius(2px 0 0 2px); +} + +.claro .dijitToolbar .dijitComboButtonRtlHover .dijitArrowButton, +.claro .dijitToolbar .dijitComboButtonRtlActive .dijitArrowButton { + /* border between button and arrow */ + border-left-width: 1px; + border-right-width: 0; + padding-left: 1px; + padding-right: 2px; +} diff --git a/js/dojo/dijit/themes/claro/Tree.css b/js/dojo/dijit/themes/claro/Tree.css new file mode 100644 index 0000000..738bb33 --- /dev/null +++ b/js/dojo/dijit/themes/claro/Tree.css @@ -0,0 +1,134 @@ +/* Tree + * + * Styling Tree mostly means styling the TreeRow (dijitTreeRow) + * There are 4 basic states to style: + * + * Tree Row: + * 1. tree row (default styling): + * .dijitTreeRow - styles for each row of the tree + * + * 2. hovered tree row (mouse hover on a tree row) + * .dijitTreeRowHover - styles when mouse over on one row + * + * 3. active tree row (mouse down on a tree row) + * .dijitTreeRowActive - styles when mouse down on one row + * + * 4. selected tree row + * dijitTreeRowSelected - style when the row has been selected + * + * Tree Expando: + * dijitTreeExpando - the expando at the left of the text of each tree row + * + * Drag and Drop on TreeNodes: (insert line on dijitTreeContent node so it'll aligned w/ target element) + * .dijitTreeNode .dojoDndItemBefore/.dojoDndItemAfter - use border style simulate a separate line + */ +.claro .dijitTreeNode { + zoom: 1; + /* force layout on IE (TODO: may not be needed anymore) */ + +} +.claro .dijitTreeIsRoot { + background-image: none; +} +/* Styling for basic tree node (unhovered, unselected) + * Also use this styling when dropping between items on the tree (in other words, don't + * use hover effect) + */ +.claro .dijitTreeRow, .claro .dijitTreeNode .dojoDndItemBefore, .claro .dijitTreeNode .dojoDndItemAfter { + /* so insert line shows up on IE when dropping after a target element */ + + padding: 4px 1px 2px 0; + margin: 0 1px; + /* replaced by border for selected/hovered row */ + + background-color: none; + background-color: transparent; + background-color: rgba(171, 214, 255, 0); + background-position: 0 0; + background-repeat: repeat-x; + border-color: rgba(118, 157, 192, 0); + border-width: 0; + color: #000000; + -webkit-transition-property: background-color, border-color; + -moz-transition-property: background-color, border-color; + transition-property: background-color, border-color; + -webkit-transition-duration: 0.25s; + -moz-transition-duration: 0.25s; + transition-duration: 0.25s; + -webkit-transition-timing-function: ease-out; + -moz-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.claro .dijitTreeRowSelected { + background-repeat: repeat-x; + background-color: #cfe5fa; + background-image: url("images/commonHighlight.png"); + padding: 3px 0 1px; + margin: 0; + border: solid 1px #759dc0; + color: #000000; +} +.claro .dijitTreeRowHover { + background-color: #abd6ff; + background-image: url("images/commonHighlight.png"); + padding: 3px 0 1px; + margin: 0; + border: solid 1px #759dc0; + color: #000000; + -webkit-transition-duration: 0.25s; + -moz-transition-duration: 0.25s; + transition-duration: 0.25s; +} +.claro .dijitTreeRowActive { + background-color: #7dbdfa; + background-image: url("images/commonHighlight.png"); + background-position: 0 -177px; + padding: 3px 0 1px; + margin-left: 0; + border: solid 1px #759dc0; + color: #000000; +} +.dj_ie6 .claro .dijitTreeRow { + background-image: none; +} +.claro .dijitTreeRowFocused { + background-repeat: repeat; +} +/* expando (open/closed) icon */ +.claro .dijitTreeExpando { + background-image: url("images/treeExpandImages.png"); + width: 16px; + height: 16px; + background-position: -35px 0; + /* for dijitTreeExpandoOpened */ + +} +.dj_ie6 .claro .dijitTreeExpando { + background-image: url("images/treeExpandImages8bit.png"); +} +.claro .dijitTreeRowHover .dijitTreeExpandoOpened { + background-position: -53px 0; +} +.claro .dijitTreeExpandoClosed { + background-position: 1px 0; +} +.claro .dijitTreeRowHover .dijitTreeExpandoClosed { + background-position: -17px 0; +} +.claro .dijitTreeExpandoLeaf, .dj_ie6 .claro .dijitTreeExpandoLeaf { + background-image: none; +} +.claro .dijitTreeExpandoLoading { + background-image: url("images/loadingAnimation.gif"); +} +/* Drag and Drop on TreeNodes + * Put insert line on dijitTreeContent node so it's aligned w/ + * (ie, indented equally with) target element, even + * though dijitTreeRowNode is the actual "drag object" + */ +.claro .dijitTreeNode .dojoDndItemBefore .dijitTreeContent { + border-top: 2px solid #759dc0; +} +.claro .dijitTreeNode .dojoDndItemAfter .dijitTreeContent { + border-bottom: 2px solid #759dc0; +} diff --git a/js/dojo/dijit/themes/claro/Tree.less b/js/dojo/dijit/themes/claro/Tree.less new file mode 100644 index 0000000..ff6cd5a --- /dev/null +++ b/js/dojo/dijit/themes/claro/Tree.less @@ -0,0 +1,134 @@ +/* Tree + * + * Styling Tree mostly means styling the TreeRow (dijitTreeRow) + * There are 4 basic states to style: + * + * Tree Row: + * 1. tree row (default styling): + * .dijitTreeRow - styles for each row of the tree + * + * 2. hovered tree row (mouse hover on a tree row) + * .dijitTreeRowHover - styles when mouse over on one row + * + * 3. active tree row (mouse down on a tree row) + * .dijitTreeRowActive - styles when mouse down on one row + * + * 4. selected tree row + * dijitTreeRowSelected - style when the row has been selected + * + * Tree Expando: + * dijitTreeExpando - the expando at the left of the text of each tree row + * + * Drag and Drop on TreeNodes: (insert line on dijitTreeContent node so it'll aligned w/ target element) + * .dijitTreeNode .dojoDndItemBefore/.dojoDndItemAfter - use border style simulate a separate line + */ + +@import "variables"; + +.claro .dijitTreeNode { + zoom: 1; /* force layout on IE (TODO: may not be needed anymore) */ +} +.claro .dijitTreeIsRoot { + background-image: none; +} + +/* Styling for basic tree node (unhovered, unselected) + * Also use this styling when dropping between items on the tree (in other words, don't + * use hover effect) + */ +.claro .dijitTreeRow, +.claro .dijitTreeNode .dojoDndItemBefore, +.claro .dijitTreeNode .dojoDndItemAfter { + /* so insert line shows up on IE when dropping after a target element */ + padding: 4px 1px 2px 0; + margin: 0 1px; /* replaced by border for selected/hovered row */ + + background-color: none; // IE6 doesn't understand rgba() or transparent below + background-color: transparent; // IE8 doesn't understand rgba() below + background-color: rgba(171,214,255,0); // rgba() instead of transparent to prevent flash on hover fade-in + background-position:0 0; + background-repeat:repeat-x; + + border-color: rgba(118,157,192,0); // rgba() instead of none to prevent flash on hover fade-in + border-width: 0; + + color: @text-color; + + .transition-property(background-color, border-color); + .transition-duration(.25s); + .transition-timing-function(ease-out); +} + +.claro .dijitTreeRowSelected { + background-repeat:repeat-x; + background-color:@selected-background-color; + background-image: url(@image-common-highlight); + padding: 3px 0 1px; + margin: 0; + border:solid 1px @selected-border-color; + color:@selected-text-color; +} +.claro .dijitTreeRowHover { + background-color:@hovered-background-color; + background-image: url(@image-common-highlight); + padding: 3px 0 1px; + margin: 0; + border:solid 1px @hovered-border-color; + color:@hovered-text-color; + .transition-duration(.25s); +} +.claro .dijitTreeRowActive { + background-color:@pressed-background-color; + background-image: url(@image-common-highlight); + background-position:0 -177px; + padding: 3px 0 1px; + margin-left: 0; + border:solid 1px @pressed-border-color; + color:@selected-text-color; +} +.dj_ie6 .claro .dijitTreeRow { + background-image: none; +} +.claro .dijitTreeRowFocused { + background-repeat: repeat; +} + +/* expando (open/closed) icon */ + +.claro .dijitTreeExpando { + background-image: url(@image-tree-expand); + width: 16px; + height: 16px; + background-position: -35px 0; /* for dijitTreeExpandoOpened */ +} +.dj_ie6 .claro .dijitTreeExpando { + background-image: url(@image-tree-expand-ie6); +} +.claro .dijitTreeRowHover .dijitTreeExpandoOpened { + background-position: -53px 0; +} +.claro .dijitTreeExpandoClosed { + background-position: 1px 0; +} +.claro .dijitTreeRowHover .dijitTreeExpandoClosed { + background-position: -17px 0; +} +.claro .dijitTreeExpandoLeaf, +.dj_ie6 .claro .dijitTreeExpandoLeaf { + background-image:none; +} +.claro .dijitTreeExpandoLoading { + background-image: url(@image-loading-animation); +} + +/* Drag and Drop on TreeNodes + * Put insert line on dijitTreeContent node so it's aligned w/ + * (ie, indented equally with) target element, even + * though dijitTreeRowNode is the actual "drag object" + */ +.claro .dijitTreeNode .dojoDndItemBefore .dijitTreeContent { + border-top: 2px solid @dnd-dropseparator-color; // TODO: normal separator is just 1px, why is this 2px? +} +.claro .dijitTreeNode .dojoDndItemAfter .dijitTreeContent { + border-bottom: 2px solid @dnd-dropseparator-color; // TODO: normal separator is just 1px, why is this 2px? +} diff --git a/js/dojo/dijit/themes/claro/claro.css b/js/dojo/dijit/themes/claro/claro.css new file mode 100644 index 0000000..d3cb268 --- /dev/null +++ b/js/dojo/dijit/themes/claro/claro.css @@ -0,0 +1,28 @@ +@import url("../dijit.css"); +@import url("../../icons/commonIcons.css");/*sprite containing common icons to be used by all themes*/ +@import url("Common.css"); +@import url("form/Common.css"); +@import url("form/Button.css"); +@import url("form/Checkbox.css"); +@import url("form/RadioButton.css"); +@import url("form/Select.css"); +@import url("layout/TabContainer.css"); +@import url("Dialog.css"); +@import url("layout/AccordionContainer.css"); +@import url("layout/ContentPane.css"); +@import url("Calendar.css"); +@import url("Menu.css"); +@import url("form/Slider.css"); +@import url("ColorPalette.css"); +@import url("InlineEditBox.css"); +@import url("ProgressBar.css"); +@import url("TimePicker.css"); +@import url("layout/BorderContainer.css"); +@import url("Tree.css"); +@import url("Toolbar.css"); +@import url("Editor.css");/*in order to test button or menu item with icon */ +@import url("../../icons/editorIcons.css"); /*sprite for editor icons to be used by all themes*/ +@import url("TitlePane.css"); +@import url("form/NumberSpinner.css"); + +@import url("claro_rtl.css"); diff --git a/js/dojo/dijit/themes/claro/claro_rtl.css b/js/dojo/dijit/themes/claro/claro_rtl.css new file mode 100644 index 0000000..6f85707 --- /dev/null +++ b/js/dojo/dijit/themes/claro/claro_rtl.css @@ -0,0 +1,16 @@ +/* RTL files */ +@import url("../dijit_rtl.css"); +@import url("form/Common_rtl.css"); +@import url("form/Button_rtl.css"); +@import url("layout/TabContainer_rtl.css"); +@import url("form/Slider_rtl.css"); +@import url("form/Select_rtl.css"); +@import url("Dialog_rtl.css"); +@import url("Editor_rtl.css"); +@import url("../../icons/editorIcons_rtl.css");/* RTL sprite for editor icons to be used by all themes*/ +@import url("../../icons/commonIcons_rtl.css");/* RTL sprite for common icons to be used by all themes*/ +@import url("TitlePane_rtl.css"); +@import url("Menu_rtl.css"); +@import url("Calendar_rtl.css"); +@import url("TimePicker_rtl.css"); +@import url("Toolbar_rtl.css"); diff --git a/js/dojo/dijit/themes/claro/compile.js b/js/dojo/dijit/themes/claro/compile.js new file mode 100644 index 0000000..08e6375 --- /dev/null +++ b/js/dojo/dijit/themes/claro/compile.js @@ -0,0 +1,52 @@ +// Script to process all the less files and convert them to CSS files +// Run from themes/dijit/claro like: +// +// $ node compile.js + +var fs = require('fs'), // file system access + path = require('path'), // get directory from file name + less = require('../../../util/less'); // less processor + +var options = { + compress: false, + optimization: 1, + silent: false +}; + +var allFiles = [].concat( + fs.readdirSync("."), + fs.readdirSync("form").map(function(fname){ return "form/"+fname; }), + fs.readdirSync("layout").map(function(fname){ return "layout/"+fname; }) + ), + lessFiles = allFiles.filter(function(name){ return name && name != "variables.less" && /\.less$/.test(name); }); + +lessFiles.forEach(function(fname){ + console.log("=== " + fname); + fs.readFile(fname, 'utf-8', function(e, data){ + if(e){ + console.error("lessc: " + e.message); + process.exit(1); + } + + new(less.Parser)({ + paths: [path.dirname(fname)], + optimization: options.optimization, + filename: fname + }).parse(data, function(err, tree){ + if(err){ + less.writeError(err, options); + process.exit(1); + }else{ + try{ + var css = tree.toCSS({ compress: options.compress }), + outputFname = fname.replace('.less', '.css'); + var fd = fs.openSync(outputFname, "w"); + fs.writeSync(fd, css, 0, "utf8"); + }catch(e){ + less.writeError(e, options); + process.exit(2); + } + } + }); + }); +}); diff --git a/js/dojo/dijit/themes/claro/document.css b/js/dojo/dijit/themes/claro/document.css new file mode 100644 index 0000000..64e470c --- /dev/null +++ b/js/dojo/dijit/themes/claro/document.css @@ -0,0 +1,41 @@ +@import url("../../../dojo/resources/dojo.css"); +/* ======= Styling for the document itself (overriding dojo.css) ======== */ +.claro { + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: .688em; + color: #131313; +} +/* Headings */ +.claro h1 { + font-size: 1.545em; + margin-bottom: 0.727em; +} +.claro h2 { + font-size: 1.364em; + line-height: 1.455em; + margin-top: 1em; + margin-bottom: 0.60em; + font-weight: normal; +} +.claro h3, +.claro h4, +.claro h5, +.claro h6 { + font-size: 1.091em; + font-weight: normal; +} +/* paragraphs, quotes and lists */ +.claro p { + line-height: 1.3em; +} +/* pre and code */ +.claro pre, .claro code { + font-family: inherit; + background-color: #efefef; + border: 1px solid #d3d3d3; +} +/* tables */ +.claro table.dojoTabular thead, .claro table.dojoTabular tfoot { + background-color: #efefef; + border: 1px solid #d3d3d3; +} diff --git a/js/dojo/dijit/themes/claro/document.less b/js/dojo/dijit/themes/claro/document.less new file mode 100644 index 0000000..7f86356 --- /dev/null +++ b/js/dojo/dijit/themes/claro/document.less @@ -0,0 +1,45 @@ +/* ======= Styling for the document itself (overriding dojo.css) ======== */ + +@import "variables"; +@import url("../../../dojo/resources/dojo.css"); + +.claro { + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: .688em; + color: @document-text-color; +} + +/* Headings */ +.claro h1 { + font-size: 1.545em; + margin-bottom:0.727em; +} +.claro h2 { + font-size: 1.364em; + line-height: 1.455em; + margin-top:1em; + margin-bottom:0.60em; + font-weight: normal; +} +.claro h3, .claro h4, .claro h5, .claro h6 { + font-size:1.091em; + font-weight: normal; +} + +/* paragraphs, quotes and lists */ +.claro p { + line-height: 1.3em; +} + +/* pre and code */ +.claro pre, .claro code { + font-family:inherit; + background-color: @document-shadedsection-background-color; + border: 1px solid @document-border-color; +} + +/* tables */ +.claro table.dojoTabular thead, .claro table.dojoTabular tfoot { + background-color: @document-shadedsection-background-color; + border: 1px solid @document-border-color; +} diff --git a/js/dojo/dijit/themes/claro/form/Button.css b/js/dojo/dijit/themes/claro/form/Button.css new file mode 100644 index 0000000..bc7c3dc --- /dev/null +++ b/js/dojo/dijit/themes/claro/form/Button.css @@ -0,0 +1,162 @@ +/* Button | DropDownButton | ComboButton | ToggleButton + * + * Styling Buttons mainly includes: + * + * 1. Containers + * .dijitButton + * .dijitDropDownButton + * .dijitComboButton + * .dijitButtonNode - common button/arrow wrapper shared across all three button types + * + * 2. Button text + * .dijitButtonText + * + * 3. Arrows - only for DropDownButton and ComboButton + * There are total four directions arrows - down, left, right, up: + * .dijitArrowButtonInner - down arrow by default + * .dijitLeftArrowButton .dijitArrowButtonInner - left arrow + * .dijitRightArrowButton .dijitArrowButtonInner - right arrow + * .dijitUpArrowButton .dijitArrowButtonInner - up arrow + * + * 4. States - Hover, Active, Disabled, e.g. + * .dijitButtonHover .dijitButtonNode + * .dijitButtonActive .dijitButtonNode + * .dijitButtonDisabled .dijitButtonNode + * + * .dijitDisabled .dijitArrowButtonInner - disabled arrow states + */ +.claro .dijitButtonNode { + /* rules for dijit.form.*Button widgets and arrow nodes on ComboBox, Spinner etc. */ + + -webkit-transition-property: background-color; + -moz-transition-property: background-color; + transition-property: background-color; + -webkit-transition-duration: 0.3s; + -moz-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.claro .dijitButton .dijitButtonNode, +.claro .dijitDropDownButton .dijitButtonNode, +.claro .dijitComboButton .dijitButtonNode, +.claro .dijitToggleButton .dijitButtonNode { + /* rules for the dijit.form.*Button widgets (see also ComboButton section below) */ + + border: 1px solid #759dc0; + padding: 2px 4px 4px 4px; + background-image: url("../form/images/button.png"); + background-position: center top; + background-repeat: repeat-x; + background-color: #e5f2fe; + color: #000000; + -moz-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); + -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); +} +.claro .dijitComboButton .dijitArrowButton { + border-left-width: 0; + padding: 4px 2px 4px 2px; + /* TODO: still needed? */ + +} +/*arrow styles for down/up/left/right directions*/ +.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: 0 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; +} +/* hover status */ +.claro .dijitButtonHover .dijitButtonNode, +.claro .dijitDropDownButtonHover .dijitButtonNode, +.claro .dijitComboButton .dijitButtonNodeHover, +.claro .dijitComboButton .dijitDownArrowButtonHover, +.claro .dijitToggleButtonHover .dijitButtonNode { + background-color: #abd6ff; + color: #000000; + -webkit-transition-duration: 0.2s; + -moz-transition-duration: 0.2s; + transition-duration: 0.2s; +} +/* active, checked status */ +.claro .dijitButtonActive .dijitButtonNode, +.claro .dijitDropDownButtonActive .dijitButtonNode, +.claro .dijitComboButtonActive .dijitButtonNode, +.claro .dijitToggleButtonActive .dijitButtonNode, +.claro .dijitStackController .dijitToggleButtonChecked .dijitButtonNode { + background-color: #abd6ff; + -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); + -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 rgba(0, 0, 0, 0); + -webkit-transition-duration: 0.1s; + -moz-transition-duration: 0.1s; + transition-duration: 0.1s; +} +/* disabled status */ +.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: 0 -149px; + background-color: #efefef; + border: solid 1px #d3d3d3; + color: #818181; + -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); + -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 rgba(0, 0, 0, 0); +} +.claro .dijitComboButtonDisabled .dijitArrowButton { + border-left-width: 0; +} +/* for ComboButton */ +.claro table.dijitComboButton { + border-collapse: separate; + /* override dijit.css so that ComboBox rounded corners work */ + +} +.dj_ie6 .claro .dijitButtonNode { + background-image: none; +} +.claro .dijitComboButton .dijitStretch { + -moz-border-radius: 4px 0 0 4px; + border-radius: 4px 0 0 4px; +} +.claro .dijitComboButton .dijitArrowButton { + -moz-border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; +} diff --git a/js/dojo/dijit/themes/claro/form/Button.less b/js/dojo/dijit/themes/claro/form/Button.less new file mode 100644 index 0000000..208e4de --- /dev/null +++ b/js/dojo/dijit/themes/claro/form/Button.less @@ -0,0 +1,156 @@ +/* Button | DropDownButton | ComboButton | ToggleButton + * + * Styling Buttons mainly includes: + * + * 1. Containers + * .dijitButton + * .dijitDropDownButton + * .dijitComboButton + * .dijitButtonNode - common button/arrow wrapper shared across all three button types + * + * 2. Button text + * .dijitButtonText + * + * 3. Arrows - only for DropDownButton and ComboButton + * There are total four directions arrows - down, left, right, up: + * .dijitArrowButtonInner - down arrow by default + * .dijitLeftArrowButton .dijitArrowButtonInner - left arrow + * .dijitRightArrowButton .dijitArrowButtonInner - right arrow + * .dijitUpArrowButton .dijitArrowButtonInner - up arrow + * + * 4. States - Hover, Active, Disabled, e.g. + * .dijitButtonHover .dijitButtonNode + * .dijitButtonActive .dijitButtonNode + * .dijitButtonDisabled .dijitButtonNode + * + * .dijitDisabled .dijitArrowButtonInner - disabled arrow states + */ + +@import "../variables"; + +.claro .dijitButtonNode { + /* rules for dijit.form.*Button widgets and arrow nodes on ComboBox, Spinner etc. */ + .transition-property(background-color); + .transition-duration(.3s); +} + +.claro .dijitButton .dijitButtonNode, +.claro .dijitDropDownButton .dijitButtonNode, +.claro .dijitComboButton .dijitButtonNode, +.claro .dijitToggleButton .dijitButtonNode { + /* rules for the dijit.form.*Button widgets (see also ComboButton section below) */ + border: 1px solid @button-border-color; + padding:2px 4px 4px 4px; + background-image: url("../@{image-form-button}"); + background-position: center top; + background-repeat: repeat-x; + background-color: @button-background-color; + color: @text-color; + .border-radius(@button-border-radius); + .box-shadow(0 1px 1px rgba(0,0,0,0.15)); +} + +.claro .dijitComboButton .dijitArrowButton { + border-left-width: 0; + padding: 4px 2px 4px 2px; /* TODO: still needed? */ +} + +/*arrow styles for down/up/left/right directions*/ +.claro .dijitArrowButtonInner { + width: 15px; + height: 15px; + margin: 0 auto; + background-image:url("../@{image-form-button-arrows}"); + 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: 0 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; +} + + + + + +/* hover status */ +.claro .dijitButtonHover .dijitButtonNode, +.claro .dijitDropDownButtonHover .dijitButtonNode, +.claro .dijitComboButton .dijitButtonNodeHover, +.claro .dijitComboButton .dijitDownArrowButtonHover, +.claro .dijitToggleButtonHover .dijitButtonNode { + background-color: @button-hovered-background-color; + color:@text-color; + .transition-duration(.2s); +} + +/* active, checked status */ +.claro .dijitButtonActive .dijitButtonNode, +.claro .dijitDropDownButtonActive .dijitButtonNode, +.claro .dijitComboButtonActive .dijitButtonNode, +.claro .dijitToggleButtonActive .dijitButtonNode, +.claro .dijitStackController .dijitToggleButtonChecked .dijitButtonNode { + background-color: @button-pressed-background-color; + .box-shadow(0 0 0 rgba(0,0,0,0)); + .transition-duration(.1s); +} + +/* disabled status */ +.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:0 -149px; + background-color: @disabled-background-color; + border: solid 1px @disabled-border-color; + color: @disabled-text-color; + .box-shadow(0 0 0 rgba(0,0,0,0)); +} +.claro .dijitComboButtonDisabled .dijitArrowButton{ + border-left-width: 0; +} +/* for ComboButton */ +.claro table.dijitComboButton { + border-collapse: separate; /* override dijit.css so that ComboBox rounded corners work */ +} + +.dj_ie6 .claro .dijitButtonNode { + background-image: none; +} + +.claro .dijitComboButton .dijitStretch { + .border-radius(@button-border-radius 0 0 @button-border-radius); +} +.claro .dijitComboButton .dijitArrowButton { + .border-radius(0 @button-border-radius @button-border-radius 0); +} diff --git a/js/dojo/dijit/themes/claro/form/Button_rtl.css b/js/dojo/dijit/themes/claro/form/Button_rtl.css new file mode 100644 index 0000000..2d5b08b --- /dev/null +++ b/js/dojo/dijit/themes/claro/form/Button_rtl.css @@ -0,0 +1,13 @@ +/* Combo Button */ +.claro .dijitComboButtonRtl .dijitStretch { + -moz-border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; +} +.claro .dijitComboButtonRtl .dijitArrowButton { + -moz-border-radius: 4px 0 0 4px; + border-radius: 4px 0 0 4px; + padding: 3px 0 4px; + border-left-width: 1px; + border-right-width: 0; +} +/* End Combo Button */
\ No newline at end of file diff --git a/js/dojo/dijit/themes/claro/form/Button_rtl.less b/js/dojo/dijit/themes/claro/form/Button_rtl.less new file mode 100644 index 0000000..6225d68 --- /dev/null +++ b/js/dojo/dijit/themes/claro/form/Button_rtl.less @@ -0,0 +1,16 @@ +@import "../variables"; + +/* Combo Button */ + +.claro .dijitComboButtonRtl .dijitStretch { + .border-radius(0 @button-border-radius @button-border-radius 0); +} + +.claro .dijitComboButtonRtl .dijitArrowButton { + .border-radius(@button-border-radius 0 0 @button-border-radius); + padding:3px 0 4px; + border-left-width: 1px; + border-right-width: 0; +} + +/* End Combo Button */
\ No newline at end of file diff --git a/js/dojo/dijit/themes/claro/form/Checkbox.css b/js/dojo/dijit/themes/claro/form/Checkbox.css new file mode 100644 index 0000000..1c1a3c4 --- /dev/null +++ b/js/dojo/dijit/themes/claro/form/Checkbox.css @@ -0,0 +1,71 @@ +/* CheckBox + * + * Styling CheckBox mainly includes: + * + * 1. Containers + * .dijitCheckBox|.dijitCheckBoxIcon - for border, padding, width|height and background image + * + * 2. CheckBox within ToggleButton + * .dijitToggleButton|.dijitToggleButtonChecked .* - for background image + * + * 3. Checked state + * .dijitCheckBoxChecked - for checked background-color|image + * .dijitToggleButtonChecked - for border, background-color|image, display and width|height + * + * 4. Hover state + * .dijitCheckBoxHover|.dijitCheckBoxCheckedHover - for background image + * + * 5. Disabled state + * .dijitCheckBoxDisabled|.dijitCheckBoxCheckedDisabled - for background image + */ +.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"); + /* checkbox sprite image */ + + 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"); + /* checkbox sprite image */ + +} +.claro .dijitCheckBox, .claro .dijitToggleButton .dijitCheckBoxIcon { + /* unchecked */ + + background-position: -15px; +} +.claro .dijitCheckBoxChecked, .claro .dijitToggleButtonChecked .dijitCheckBoxIcon { + /* checked */ + + background-position: 0; +} +.claro .dijitCheckBoxDisabled { + /* disabled */ + + background-position: -75px; +} +.claro .dijitCheckBoxCheckedDisabled { + /* disabled but checked */ + + background-position: -60px; +} +.claro .dijitCheckBoxHover { + /* hovering over an unchecked enabled checkbox */ + + background-position: -45px; +} +.claro .dijitCheckBoxCheckedHover { + /* hovering over an checked enabled checkbox */ + + background-position: -30px; +} diff --git a/js/dojo/dijit/themes/claro/form/Checkbox.less b/js/dojo/dijit/themes/claro/form/Checkbox.less new file mode 100644 index 0000000..6ce4448 --- /dev/null +++ b/js/dojo/dijit/themes/claro/form/Checkbox.less @@ -0,0 +1,79 @@ +/* CheckBox + * + * Styling CheckBox mainly includes: + * + * 1. Containers + * .dijitCheckBox|.dijitCheckBoxIcon - for border, padding, width|height and background image + * + * 2. CheckBox within ToggleButton + * .dijitToggleButton|.dijitToggleButtonChecked .* - for background image + * + * 3. Checked state + * .dijitCheckBoxChecked - for checked background-color|image + * .dijitToggleButtonChecked - for border, background-color|image, display and width|height + * + * 4. Hover state + * .dijitCheckBoxHover|.dijitCheckBoxCheckedHover - for background image + * + * 5. Disabled state + * .dijitCheckBoxDisabled|.dijitCheckBoxCheckedDisabled - for background image + */ + +@import "../variables"; + +.claro .dijitToggleButton .dijitCheckBoxIcon { + background-image: url("../@{image-checkmark}"); +} + +.dj_ie6 .claro .dijitToggleButton .dijitCheckBoxIcon { + background-image: url("../@{image-checkmark-ie6}"); +} + +.claro .dijitCheckBox, +.claro .dijitCheckBoxIcon /* inside a toggle button */ { + background-image: url("../@{image-form-checkbox-and-radios}"); /* checkbox sprite image */ + background-repeat: no-repeat; + width: 15px; + height: 16px; + margin: 0 2px 0 0; + padding: 0; +} + +.dj_ie6 .claro .dijitCheckBox, +.dj_ie6 .claro .dijitCheckBoxIcon /* inside a toggle button */ { + background-image: url("../@{image-form-checkbox-and-radios-ie6}"); /* checkbox sprite image */ +} + +.claro .dijitCheckBox, +.claro .dijitToggleButton .dijitCheckBoxIcon { + /* unchecked */ + background-position: -15px; +} + +.claro .dijitCheckBoxChecked, +.claro .dijitToggleButtonChecked .dijitCheckBoxIcon { + /* checked */ + background-position: -0; +} + +.claro .dijitCheckBoxDisabled { + /* disabled */ + background-position: -75px; +} + +.claro .dijitCheckBoxCheckedDisabled { + /* disabled but checked */ + background-position: -60px; +} + +.claro .dijitCheckBoxHover { + /* hovering over an unchecked enabled checkbox */ + background-position: -45px; +} + +.claro .dijitCheckBoxCheckedHover { + /* hovering over an checked enabled checkbox */ + background-position: -30px; +} + + diff --git a/js/dojo/dijit/themes/claro/form/Common.css b/js/dojo/dijit/themes/claro/form/Common.css new file mode 100644 index 0000000..ce108c1 --- /dev/null +++ b/js/dojo/dijit/themes/claro/form/Common.css @@ -0,0 +1,178 @@ +/* claro/form/Common.css */ +/*========================= common css =========================*/ +/* 'dijitTextBox' refers to 'dijit(TextBox|DateTextBox|CurrencyTextBox|...)' */ +.claro .dijitTextBox, .claro .dijitInputInner { + color: #000000; +} +.claro .dijitTextBoxError .dijitValidationContainer { + background-color: #d46464; + background-image: url("../form/images/error.png"); + background-position: top center; + border: solid #d46464 0; + border-left-width: 1px; + width: 9px; +} +.claro .dijitTextBoxError .dijitValidationIcon { + width: 0; + background-color: transparent !important; + /* so the INPUT doesn't obscure the border in rtl+a11y */ + +} +/* Padding for the input area of TextBox based widgets, and corresponding padding for the + * down arrow button and the placeholder. placeholder is explicitly listed because + * dijitPlaceHolder is absolutely positioned, so padding set on dijitInputField + * won't affect it + */ +.claro .dijitTextArea, .claro .dijitInputField .dijitPlaceHolder { + padding: 2px; +} +.claro .dijitTextBox .dijitInputField { + padding: 1px 2px; +} +.dj_gecko .claro .dijitTextBox .dijitInputInner, .dj_webkit .claro .dijitTextBox .dijitInputInner { + padding: 1px; +} +.claro .dijitTextBox, .claro .dijitTextBox .dijitButtonNode { + /* color for (outer) border on *TextBox widgets, and border between input and buttons on ComboBox and Spinner */ + + border-color: #b5bcc7; + -webkit-transition-property: background-color, border; + -moz-transition-property: background-color, border; + transition-property: background-color, border; + -webkit-transition-duration: 0.35s; + -moz-transition-duration: 0.35s; + transition-duration: 0.35s; +} +.claro .dijitTextBox { + background-color: #ffffff; +} +/* hover */ +.claro .dijitTextBoxHover, .claro .dijitTextBoxHover .dijitButtonNode { + border-color: #759dc0; + -webkit-transition-duration: 0.25s; + -moz-transition-duration: 0.25s; + transition-duration: 0.25s; +} +.claro .dijitTextBoxHover { + background-color: #e5f2fe; + background-image: url("../form/images/textBox_back.png"); + background-repeat: repeat-x; +} +/* error state */ +.claro .dijitTextBoxError, .claro .dijitTextBoxError .dijitButtonNode { + border-color: #d46464; +} +.claro .dijitTextBoxError, .claro .dijitTextBoxError .dijitInputContainer { + background-color: #ffffff; +} +/* focused state */ +.claro .dijitTextBoxFocused, .claro .dijitTextBoxFocused .dijitButtonNode { + border-color: #759dc0; + -webkit-transition-duration: 0.1s; + -moz-transition-duration: 0.1s; + transition-duration: 0.1s; +} +.claro .dijitTextBoxFocused { + background-color: #ffffff; + background-image: url("../form/images/textBox_back.png"); + background-repeat: repeat-x; +} +.claro .dijitTextBoxFocused .dijitInputContainer { + background: #ffffff; +} +.claro .dijitTextBoxErrorFocused, .claro .dijitTextBoxErrorFocused .dijitButtonNode { + border-color: #ce5050; +} +/* disabled state */ +.claro .dijitTextBoxDisabled, .claro .dijitTextBoxDisabled .dijitButtonNode { + border-color: #d3d3d3; +} +.claro .dijitTextBoxDisabled, .claro .dijitTextBoxDisabled .dijitInputContainer { + background-color: #efefef; + background-image: none; +} +.claro .dijitTextBoxDisabled, .claro .dijitTextBoxDisabled .dijitInputInner { + color: #818181; +} +.dj_webkit .claro .dijitTextBoxDisabled input { + /* because WebKit lightens disabled input/textarea no matter what color you specify */ + + color: #757575; +} +.dj_webkit .claro textarea.dijitTextAreaDisabled { + /* because WebKit lightens disabled input/textarea no matter what color you specify */ + + color: #1b1b1b; +} +/*========================= for special widgets =========================*/ +/* Input boxes with an arrow (for a drop down) */ +.claro .dijitComboBox .dijitArrowButtonInner { + background-image: url("../form/images/commonFormArrows.png"); + background-position: -35px 53%; + background-repeat: no-repeat; + margin: 0; + width: 16px; + border: 1px solid #ffffff; +} +.claro .dijitToolbar .dijitComboBox .dijitArrowButtonInner { + border: none; +} +.claro .dijitToolbar .dijitComboBox .dijitArrowButtonInner { + border: none; +} +/* Add 1px vertical padding to the <input> where user types and the validation icon, + to match the 1px border on arrow button */ +.claro .dijitTextBox .dijitInputInner, .claro .dijitTextBox .dijitValidationContainer { + padding: 1px 0; +} +.claro .dijitComboBox .dijitButtonNode { + background-color: #efefef; + background-image: url("../form/images/formHighlight.png"); + background-repeat: repeat-x; +} +/* Arrow "hover" effect: + * The arrow button should change color whenever the mouse is in a position such that clicking it + * will toggle the drop down. That's either (1) anywhere over the ComboBox or (2) over the arrow + * button, depending on the openOnClick setting for the widget. + */ +.claro .dijitComboBoxOpenOnClickHover .dijitButtonNode, .claro .dijitComboBox .dijitDownArrowButtonHover { + background-color: #abd6ff; +} +.claro .dijitComboBoxOpenOnClickHover .dijitArrowButtonInner, .claro .dijitComboBox .dijitDownArrowButtonHover .dijitArrowButtonInner { + background-position: -70px 53%; +} +/* Arrow Button change when drop down is open */ +.claro .dijitComboBox .dijitHasDropDownOpen { + background-color: #7dbdfa; + background-position: 0 -177px; + padding: 1px; +} +.claro .dijitComboBox .dijitHasDropDownOpen .dijitArrowButtonInner { + background-position: -70px 53%; + border: 0 none; +} +/* disabled state */ +.claro div.dijitComboBoxDisabled .dijitArrowButtonInner { + /* specific selector set to override background-position setting from Button.js + * (.claro .dijitComboBoxDisabled .dijitArrowButtonInner) */ + + background-position: 0 50%; + background-color: #efefef; +} +/*========================= hacks for browsers =========================*/ +/* it seems the input[type="hidden"] has a height (16px) too... this may cause the widget's height calculate error */ +.dj_ff3 .claro .dijitInputField input[type="hidden"] { + display: none; + height: 0; + width: 0; +} +/* ie6 doesn't support transparent background img */ +.dj_ie6 .claro .dijitTextBox, .dj_ie6 .claro .dijitComboBox .dijitButtonNode { + background-image: none; +} +.dj_borderbox .claro .dijitComboBox .dijitHasDropDownOpen .dijitArrowButtonInner { + width: 18px; +} +.dj_borderbox .claro .dijitComboBoxFocused .dijitHasDropDownOpen .dijitArrowButtonInner { + width: 16px; +} diff --git a/js/dojo/dijit/themes/claro/form/Common.less b/js/dojo/dijit/themes/claro/form/Common.less new file mode 100644 index 0000000..742a43f --- /dev/null +++ b/js/dojo/dijit/themes/claro/form/Common.less @@ -0,0 +1,212 @@ +/* claro/form/Common.css */ + +/*========================= common css =========================*/ + +@import "../variables"; + +/* 'dijitTextBox' refers to 'dijit(TextBox|DateTextBox|CurrencyTextBox|...)' */ + +.claro .dijitTextBox, +.claro .dijitInputInner { + // .dijitInputInner selector needed for ValidationTextBox on IE6 because <input> doesn't inherit + // the color setting from the ancestor div.dijitTextBox + color: @text-color; +} + +.claro .dijitTextBoxError .dijitValidationContainer { + background-color: @erroricon-background-color; + background-image: url("../@{image-form-error}"); + background-position: top center; + border: solid @erroricon-background-color 0; + border-left-width: 1px; + width: 9px; +} +.claro .dijitTextBoxError .dijitValidationIcon { + width: 0; + background-color: transparent !important; /* so the INPUT doesn't obscure the border in rtl+a11y */ +} + +/* Padding for the input area of TextBox based widgets, and corresponding padding for the + * down arrow button and the placeholder. placeholder is explicitly listed because + * dijitPlaceHolder is absolutely positioned, so padding set on dijitInputField + * won't affect it + */ +.claro .dijitTextArea, +.claro .dijitInputField .dijitPlaceHolder { + padding: @textbox-padding; +} +.claro .dijitTextBox .dijitInputField { + // Subtract 1px from top/bottom because we add 1px to other nodes, see rules below. + // Although we are theoretically only adding 1px to top/bottom browsers seem to pad inputs by 1px on left/right, + // although that varies by so compensate for that too. + padding: @textbox-padding - 1px @textbox-padding; +} +.dj_gecko .claro .dijitTextBox .dijitInputInner, +.dj_webkit .claro .dijitTextBox .dijitInputInner { + // Although we are theoretically only adding 1px to top/bottom, some browsers seem to pad inputs by 1px on left/right, + // so compensate for that too. + padding: @textbox-padding - 1px; +} + +.claro .dijitTextBox, +.claro .dijitTextBox .dijitButtonNode { + /* color for (outer) border on *TextBox widgets, and border between input and buttons on ComboBox and Spinner */ + border-color: @border-color; + .transition-property(background-color, border); + .transition-duration(.35s); +} +.claro .dijitTextBox { + background-color: @textbox-background-color; +} + +/* hover */ +.claro .dijitTextBoxHover, +.claro .dijitTextBoxHover .dijitButtonNode { + border-color: @hovered-border-color; + .transition-duration(.25s); +} +.claro .dijitTextBoxHover { + background-color: @textbox-hovered-background-color; + background-image: url("../@{image-form-textbox-background}"); + background-repeat: repeat-x; +} + +/* error state */ +.claro .dijitTextBoxError, +.claro .dijitTextBoxError .dijitButtonNode { + border-color: @error-border-color; +} +.claro .dijitTextBoxError, +.claro .dijitTextBoxError .dijitInputContainer { + background-color: @textbox-error-background-color; +} + +/* focused state */ +.claro .dijitTextBoxFocused, +.claro .dijitTextBoxFocused .dijitButtonNode { + border-color:@focused-border-color; + .transition-duration(.1s); +} +.claro .dijitTextBoxFocused { + background-color: @textbox-focused-background-color; + background-image: url("../@{image-form-textbox-background}"); + background-repeat: repeat-x; +} +.claro .dijitTextBoxFocused .dijitInputContainer { + background: @textbox-focused-background-color; +} + +.claro .dijitTextBoxErrorFocused, +.claro .dijitTextBoxErrorFocused .dijitButtonNode { + border-color: @error-focused-border-color; +} + +/* disabled state */ +.claro .dijitTextBoxDisabled, +.claro .dijitTextBoxDisabled .dijitButtonNode { + border-color: @disabled-border-color; +} +.claro .dijitTextBoxDisabled, +.claro .dijitTextBoxDisabled .dijitInputContainer { + background-color: @textbox-disabled-background-color; + background-image: none; +} +.claro .dijitTextBoxDisabled, +.claro .dijitTextBoxDisabled .dijitInputInner { + color: @disabled-text-color; +} +.dj_webkit .claro .dijitTextBoxDisabled input { + /* because WebKit lightens disabled input/textarea no matter what color you specify */ + color: darken(@disabled-text-color, 5%) +} +.dj_webkit .claro textarea.dijitTextAreaDisabled { + /* because WebKit lightens disabled input/textarea no matter what color you specify */ + color: darken(@disabled-text-color, 40%) +} + +/*========================= for special widgets =========================*/ + +/* Input boxes with an arrow (for a drop down) */ + +.claro .dijitComboBox .dijitArrowButtonInner { + background-image: url("../@{image-form-common-arrows}"); + background-position:-35px 53%; + background-repeat: no-repeat; + margin: 0; + width:16px; + border: 1px solid @arrowbutton-inner-border-color; // white gutter around the arrow button +} + +.claro .dijitToolbar .dijitComboBox .dijitArrowButtonInner { + border: none; +} + +.claro .dijitToolbar .dijitComboBox .dijitArrowButtonInner { + border: none; +} + +/* Add 1px vertical padding to the <input> where user types and the validation icon, + to match the 1px border on arrow button */ +.claro .dijitTextBox .dijitInputInner, +.claro .dijitTextBox .dijitValidationContainer { + padding: 1px 0; +} + +.claro .dijitComboBox .dijitButtonNode { + background-color: @arrowbutton-background-color; + background-image: url("../@{image-form-highlight}"); + background-repeat:repeat-x; +} + +/* Arrow "hover" effect: + * The arrow button should change color whenever the mouse is in a position such that clicking it + * will toggle the drop down. That's either (1) anywhere over the ComboBox or (2) over the arrow + * button, depending on the openOnClick setting for the widget. + */ +.claro .dijitComboBoxOpenOnClickHover .dijitButtonNode, +.claro .dijitComboBox .dijitDownArrowButtonHover { + background-color:@arrowbutton-hovered-background-color; +} +.claro .dijitComboBoxOpenOnClickHover .dijitArrowButtonInner, +.claro .dijitComboBox .dijitDownArrowButtonHover .dijitArrowButtonInner { + background-position:-70px 53%; +} + +/* Arrow Button change when drop down is open */ +.claro .dijitComboBox .dijitHasDropDownOpen { // .dijitHasDropDown is on dijitArrowButton node + background-color: @pressed-background-color; + background-position:0 -177px; + padding: 1px; // Since no border on arrow button (see rule below) +} +.claro .dijitComboBox .dijitHasDropDownOpen .dijitArrowButtonInner { + background-position:-70px 53%; + border: 0 none; +} + +/* disabled state */ +.claro div.dijitComboBoxDisabled .dijitArrowButtonInner { + /* specific selector set to override background-position setting from Button.js + * (.claro .dijitComboBoxDisabled .dijitArrowButtonInner) */ + background-position:0 50%; + background-color:@disabled-background-color; +} + +/*========================= hacks for browsers =========================*/ +/* it seems the input[type="hidden"] has a height (16px) too... this may cause the widget's height calculate error */ +.dj_ff3 .claro .dijitInputField input[type="hidden"] { + display: none; + height: 0; + width: 0; +} + +/* ie6 doesn't support transparent background img */ +.dj_ie6 .claro .dijitTextBox, +.dj_ie6 .claro .dijitComboBox .dijitButtonNode { + background-image: none; +} +.dj_borderbox .claro .dijitComboBox .dijitHasDropDownOpen .dijitArrowButtonInner { + width:18px; // quirks mode means border-box sizing, so 18px with the border (same as 16px without border) +} +.dj_borderbox .claro .dijitComboBoxFocused .dijitHasDropDownOpen .dijitArrowButtonInner { + width:16px; // when no border, then back to 16px just like content-box sizing +} diff --git a/js/dojo/dijit/themes/claro/form/Common_rtl.css b/js/dojo/dijit/themes/claro/form/Common_rtl.css new file mode 100644 index 0000000..74827c1 --- /dev/null +++ b/js/dojo/dijit/themes/claro/form/Common_rtl.css @@ -0,0 +1,10 @@ +/* claro/form/Common_rtl.css */ +/*claro should not have the icon on the container +.claro .dijitTextBoxRtlError .dijitValidationIcon { + border-left-width: 0; + border-right-width: 1px; +}*/ +.claro .dijitTextBoxRtlError .dijitValidationContainer { + border-left-width: 0; + border-right-width: 1px; +} diff --git a/js/dojo/dijit/themes/claro/form/Common_rtl.less b/js/dojo/dijit/themes/claro/form/Common_rtl.less new file mode 100644 index 0000000..fd4975a --- /dev/null +++ b/js/dojo/dijit/themes/claro/form/Common_rtl.less @@ -0,0 +1,13 @@ +/* claro/form/Common_rtl.css */ + +@import "../variables"; + +/*claro should not have the icon on the container +.claro .dijitTextBoxRtlError .dijitValidationIcon { + border-left-width: 0; + border-right-width: 1px; +}*/ +.claro .dijitTextBoxRtlError .dijitValidationContainer { + border-left-width: 0; + border-right-width: 1px; +} diff --git a/js/dojo/dijit/themes/claro/form/NumberSpinner.css b/js/dojo/dijit/themes/claro/form/NumberSpinner.css new file mode 100644 index 0000000..fcc8049 --- /dev/null +++ b/js/dojo/dijit/themes/claro/form/NumberSpinner.css @@ -0,0 +1,138 @@ +/* NumberSpinner - namespace "dijitSpinner" + * + * Styling NumberSpinner mainly includes: + * + * 1. Arrows + * Outer containers: .dijitSpinnerButtonContainer|.dijitSpinnerButtonInner - for border, padding and position + * Arrows: .dijitArrowButton|.dijitUpArrowButton.|dijitDownArrowButton + * Inner container: .dijitArrowButtonInner - for border, padding, width|height and background image + * + * 2. Hover state + * .dijitUpArrowButtonHover|.dijitDownArrowButtonHover .* - for background color|image + * + * 3. Active state + * .dijitUpArrowButtonActive|.dijitDownArrowButtonActive .* - for border, padding, margin and background color|image + * + * 4. Focused state + * .dijitSpinnerFocused .* - for background color|image + * + * 5. Disabled state + * .dijitSpinnerDisabled .* - for background color|image + */ +.claro .dijitSpinnerButtonContainer { + overflow: hidden; + position: relative; + width: auto; + padding: 0 2px; +} +.claro .dijitSpinnerButtonContainer .dijitSpinnerButtonInner { + border-width: 1px 0; + /* reserve space to match the claro combobox button border with border and not padding to make IE happier */ + + border-style: solid none; +} +/* button */ +.claro .dijitSpinner .dijitArrowButton { + width: auto; + background-color: #efefef; + background-image: url("../form/images/formHighlight.png"); + background-position: 0 0; + background-repeat: repeat-x; + overflow: hidden; +} +.dj_iequirks .claro .dijitSpinner .dijitArrowButton { + overflow: visible; + /* 0 height w/o this */ + +} +.claro .dijitSpinner .dijitSpinnerButtonInner { + width: 15px; +} +/* up & down button icons */ +.claro .dijitSpinner .dijitArrowButtonInner { + border: solid 1px #ffffff; + border-bottom-width: 0; + /* 2 top borders = 1 top+bottom border in ComboBox */ + + background-image: url("../form/images/commonFormArrows.png"); + background-repeat: no-repeat; + height: 100%; + width: 15px; + padding-left: 1px; + padding-right: 1px; + /* for up arrow */ + + background-position: -139px center; + /* override button.css (TODO: move to Common.css since ComboBox needs this too) */ + + display: block; + margin: -1px 0 -1px 0; + /* compensate for inner border */ + +} +.dj_ie6 .claro .dijitSpinner .dijitArrowButtonInner, .dj_ie7 .claro .dijitSpinner .dijitArrowButtonInner { + margin-top: 0; + /* since its bottom aligned */ + +} +.dj_iequirks .claro .dijitSpinner .dijitArrowButtonInner { + width: 19px; +} +.claro .dijitSpinner .dijitDownArrowButton .dijitArrowButtonInner { + background-position: -34px; +} +.claro .dijitSpinner .dijitArrowButtonInner .dijitInputField { + padding: 0; +} +/** hover & focused status **/ +.claro .dijitUpArrowButtonActive, .claro .dijitDownArrowButtonActive { + background-color: #abd6ff; +} +.claro .dijitSpinner .dijitUpArrowButtonHover, .claro .dijitSpinner .dijitDownArrowButtonHover, .claro .dijitSpinnerFocused .dijitArrowButton { + background-color: #abd6ff; +} +.claro .dijitSpinner .dijitUpArrowButtonHover .dijitArrowButtonInner { + background-position: -174px; +} +.claro .dijitSpinner .dijitDownArrowButtonHover .dijitArrowButtonInner { + background-position: -69px; +} +.claro .dijitSpinnerFocused { + background-color: #ffffff; + background-image: none; +} +/* mouse down status */ +.claro .dijitSpinner .dijitDownArrowButtonActive, .claro .dijitSpinner .dijitUpArrowButtonActive { + background-color: #7dbefa; + background-position: 0 -177px; +} +.claro .dijitSpinner .dijitUpArrowButtonActive .dijitArrowButtonInner, .claro .dijitSpinner .dijitDownArrowButtonActive .dijitArrowButtonInner { + /* hide inner border while button is depressed */ + + border: 0; + padding: 1px; + margin-right: 2px; + margin-bottom: 1px; +} +.claro .dijitSpinner .dijitUpArrowButtonActive .dijitArrowButtonInner { + background-position: -173px; +} +.claro .dijitSpinner .dijitDownArrowButtonActive .dijitArrowButtonInner { + background-position: -68px; +} +/* disabled */ +.claro .dijitSpinnerDisabled .dijitArrowButtonInner { + background-color: #efefef; +} +.claro .dijitSpinnerDisabled .dijitUpArrowButton .dijitArrowButtonInner { + background-position: -104px; +} +.claro .dijitSpinnerDisabled .dijitDownArrowButton .dijitArrowButtonInner { + background-position: 1px; +} +/** hacks for browsers **/ +/* for IE 7, when div is enlarged, + * should be no empty space between dijitInputLayoutContainer and dijitSpinner*/ +.dj_ie7 .claro .dijitSpinner { + overflow: visible; +} diff --git a/js/dojo/dijit/themes/claro/form/NumberSpinner.less b/js/dojo/dijit/themes/claro/form/NumberSpinner.less new file mode 100644 index 0000000..1c79d3a --- /dev/null +++ b/js/dojo/dijit/themes/claro/form/NumberSpinner.less @@ -0,0 +1,150 @@ +/* NumberSpinner - namespace "dijitSpinner" + * + * Styling NumberSpinner mainly includes: + * + * 1. Arrows + * Outer containers: .dijitSpinnerButtonContainer|.dijitSpinnerButtonInner - for border, padding and position + * Arrows: .dijitArrowButton|.dijitUpArrowButton.|dijitDownArrowButton + * Inner container: .dijitArrowButtonInner - for border, padding, width|height and background image + * + * 2. Hover state + * .dijitUpArrowButtonHover|.dijitDownArrowButtonHover .* - for background color|image + * + * 3. Active state + * .dijitUpArrowButtonActive|.dijitDownArrowButtonActive .* - for border, padding, margin and background color|image + * + * 4. Focused state + * .dijitSpinnerFocused .* - for background color|image + * + * 5. Disabled state + * .dijitSpinnerDisabled .* - for background color|image + */ + +@import "../variables"; + +.claro .dijitSpinnerButtonContainer { + overflow: hidden; + position: relative; + width: auto; + padding: 0 2px; +} +.claro .dijitSpinnerButtonContainer .dijitSpinnerButtonInner { + border-width: 1px 0; /* reserve space to match the claro combobox button border with border and not padding to make IE happier */ + border-style: solid none; +} + +/* button */ +.claro .dijitSpinner .dijitArrowButton { + width:auto; + background-color: @arrowbutton-background-color; + background-image: url("../@{image-form-highlight}"); + background-position:0 0; + background-repeat:repeat-x; + overflow: hidden; +} +.dj_iequirks .claro .dijitSpinner .dijitArrowButton { + overflow: visible; /* 0 height w/o this */ +} + +.claro .dijitSpinner .dijitSpinnerButtonInner { + width: 15px; +} +/* up & down button icons */ +.claro .dijitSpinner .dijitArrowButtonInner { + border:solid 1px @arrowbutton-inner-border-color; + border-bottom-width: 0; /* 2 top borders = 1 top+bottom border in ComboBox */ + background-image: url("../@{image-form-common-arrows}"); + background-repeat: no-repeat; + height: 100%; + width:15px; + padding-left: 1px; + padding-right: 1px; + + /* for up arrow */ + background-position:-139px center; + + /* override button.css (TODO: move to Common.css since ComboBox needs this too) */ + display: block; + margin: -1px 0 -1px 0; /* compensate for inner border */ +} + +.dj_ie6 .claro .dijitSpinner .dijitArrowButtonInner, +.dj_ie7 .claro .dijitSpinner .dijitArrowButtonInner { + margin-top: 0; /* since its bottom aligned */ +} + +.dj_iequirks .claro .dijitSpinner .dijitArrowButtonInner { + width: 19px; +} +.claro .dijitSpinner .dijitDownArrowButton .dijitArrowButtonInner { + background-position:-34px; +} +.claro .dijitSpinner .dijitArrowButtonInner .dijitInputField { + padding: 0; +} + +/** hover & focused status **/ + +.claro .dijitUpArrowButtonActive, +.claro .dijitDownArrowButtonActive { + background-color:@arrowbutton-pressed-background-color; +} + +.claro .dijitSpinner .dijitUpArrowButtonHover, +.claro .dijitSpinner .dijitDownArrowButtonHover, +.claro .dijitSpinnerFocused .dijitArrowButton { + background-color: @arrowbutton-hovered-background-color; +} + +.claro .dijitSpinner .dijitUpArrowButtonHover .dijitArrowButtonInner { + background-position:-174px; +} +.claro .dijitSpinner .dijitDownArrowButtonHover .dijitArrowButtonInner { + background-position:-69px; +} + +.claro .dijitSpinnerFocused { + background-color: @textbox-focused-background-color; + background-image: none; +} + +/* mouse down status */ +.claro .dijitSpinner .dijitDownArrowButtonActive, +.claro .dijitSpinner .dijitUpArrowButtonActive { + background-color: #7dbefa; // TODO. Mailed Jason about inconsistent ComboBox/Spinner behavior. + background-position:0 -177px; +} +.claro .dijitSpinner .dijitUpArrowButtonActive .dijitArrowButtonInner, +.claro .dijitSpinner .dijitDownArrowButtonActive .dijitArrowButtonInner { + /* hide inner border while button is depressed */ + border: 0; + padding: 1px; + margin-right:2px; + margin-bottom:1px; +} +.claro .dijitSpinner .dijitUpArrowButtonActive .dijitArrowButtonInner { + background-position:-173px; +} +.claro .dijitSpinner .dijitDownArrowButtonActive .dijitArrowButtonInner { + background-position:-68px; +} + +/* disabled */ + +.claro .dijitSpinnerDisabled .dijitArrowButtonInner { + background-color: @disabled-background-color; +} +.claro .dijitSpinnerDisabled .dijitUpArrowButton .dijitArrowButtonInner { + background-position:-104px; +} +.claro .dijitSpinnerDisabled .dijitDownArrowButton .dijitArrowButtonInner { + background-position:1px; +} + +/** hacks for browsers **/ + +/* for IE 7, when div is enlarged, + * should be no empty space between dijitInputLayoutContainer and dijitSpinner*/ +.dj_ie7 .claro .dijitSpinner { + overflow:visible; +} diff --git a/js/dojo/dijit/themes/claro/form/RadioButton.css b/js/dojo/dijit/themes/claro/form/RadioButton.css new file mode 100644 index 0000000..bad1854 --- /dev/null +++ b/js/dojo/dijit/themes/claro/form/RadioButton.css @@ -0,0 +1,79 @@ +/* RadioButton + * + * Styling RadioButton mainly includes: + * + * 1. Containers + * .dijitRadio|.dijitRadioIcon - for border, padding, width|height and background image + * + * 2. RadioButton within ToggleButton + * .dijitToggleButton|.dijitToggleButtonChecked .* - for background image + * + * 3. Checked state + * .dijitRadioChecked - for checked background-color|image + * .dijitToggleButtonChecked - for border, background-color|image, display and width|height + * + * 4. Hover state + * .dijitRadioHover|.dijitRadioCheckedHover - for background image + * + * 5. Disabled state + * .dijitRadioDisabled|.dijitRadioCheckedDisabled - for background image + */ +.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 { + /* inside a toggle button */ + + background-image: url("../form/images/checkboxRadioButtonStates.png"); + /* checkbox sprite image */ + + background-repeat: no-repeat; + width: 15px; + height: 15px; + margin: 0 2px 0 0; + padding: 0; +} +.dj_ie6 .claro .dijitRadio, .dj_ie6 .claro .dijitRadioIcon { + /* inside a toggle button */ + + background-image: url("../form/images/checkboxAndRadioButtons_IE6.png"); + /* checkbox sprite image */ + +} +.claro .dijitRadio { + /* unselected */ + + background-position: -105px; +} +.claro .dijitToggleButton .dijitRadioIcon { + /* unselected */ + + background-position: -107px; +} +.claro .dijitRadioDisabled { + /* unselected and disabled */ + + background-position: -165px; +} +.claro .dijitRadioHover { + /* hovering over an unselected enabled radio button */ + + background-position: -135px; +} +.claro .dijitRadioChecked { + background-position: -90px; +} +.claro .dijitToggleButtonChecked .dijitRadioIcon { + background-position: -92px; +} +.claro .dijitRadioCheckedHover { + background-position: -120px; +} +.claro .dijitRadioCheckedDisabled { + /* selected but disabled */ + + background-position: -150px; +} diff --git a/js/dojo/dijit/themes/claro/form/RadioButton.less b/js/dojo/dijit/themes/claro/form/RadioButton.less new file mode 100644 index 0000000..f48cb67 --- /dev/null +++ b/js/dojo/dijit/themes/claro/form/RadioButton.less @@ -0,0 +1,84 @@ +/* RadioButton + * + * Styling RadioButton mainly includes: + * + * 1. Containers + * .dijitRadio|.dijitRadioIcon - for border, padding, width|height and background image + * + * 2. RadioButton within ToggleButton + * .dijitToggleButton|.dijitToggleButtonChecked .* - for background image + * + * 3. Checked state + * .dijitRadioChecked - for checked background-color|image + * .dijitToggleButtonChecked - for border, background-color|image, display and width|height + * + * 4. Hover state + * .dijitRadioHover|.dijitRadioCheckedHover - for background image + * + * 5. Disabled state + * .dijitRadioDisabled|.dijitRadioCheckedDisabled - for background image + */ + +@import "../variables"; + +.claro .dijitToggleButton .dijitRadio, +.claro .dijitToggleButton .dijitRadioIcon { + background-image: url("../@{image-form-checkbox-and-radios}"); +} + +.dj_ie6 .claro .dijitToggleButton .dijitRadio, +.dj_ie6 .claro .dijitToggleButton .dijitRadioIcon { + background-image: url("../@{image-form-checkbox-and-radios-ie6}"); +} + +.claro .dijitRadio, +.claro .dijitRadioIcon { /* inside a toggle button */ + background-image: url("../@{image-form-checkbox-and-radios}"); /* checkbox sprite image */ + background-repeat: no-repeat; + width: 15px; + height: 15px; + margin: 0 2px 0 0; + padding: 0; +} + +.dj_ie6 .claro .dijitRadio, +.dj_ie6 .claro .dijitRadioIcon { /* inside a toggle button */ + background-image: url("../@{image-form-checkbox-and-radios-ie6}"); /* checkbox sprite image */ +} + +.claro .dijitRadio{ + /* unselected */ + background-position: -105px; +} + +.claro .dijitToggleButton .dijitRadioIcon { + /* unselected */ + background-position: -107px; +} + +.claro .dijitRadioDisabled { + /* unselected and disabled */ + background-position: -165px; +} + +.claro .dijitRadioHover { + /* hovering over an unselected enabled radio button */ + background-position: -135px; +} + +.claro .dijitRadioChecked{ + background-position: -90px; +} + +.claro .dijitToggleButtonChecked .dijitRadioIcon { + background-position: -92px; +} + +.claro .dijitRadioCheckedHover{ + background-position: -120px; +} + +.claro .dijitRadioCheckedDisabled { + /* selected but disabled */ + background-position: -150px; +} diff --git a/js/dojo/dijit/themes/claro/form/Select.css b/js/dojo/dijit/themes/claro/form/Select.css new file mode 100644 index 0000000..bfbca4e --- /dev/null +++ b/js/dojo/dijit/themes/claro/form/Select.css @@ -0,0 +1,109 @@ +/* Select + * + * Styling Select mainly includes: + * + * 1. Containers + * .dijitSelect - for border, background-color + * .dijitButtonContents - for border + * + * 2. Arrow + * .dijitArrowButton - for border, padding and background-color|image + * .dijitArrowButtonInner - for border, background-color|image, display and width|height + * + * 3. Menu + * .dijitSelectMenu .* - for border, padding + * + * 4. Various states + * .dijitSelectHover|.dijitSelectFocused|.dijitSelectDisabled .* - for border, padding and background-color|image + */ +.claro .dijitSelect .dijitButtonText { + padding: 2px; +} +/* normal status */ +.claro .dijitSelect { + border: 1px solid #b5bcc7; + background-color: #ffffff; + border-collapse: separate; +} +.dj_ie6 .claro .dijitSelect, .dj_ie6 .claro .dijitSelect .dijitButtonNode { + background-image: none; +} +.claro .dijitSelect .dijitButtonContents { + border: 0 solid #b5bcc7; + border-right-width: 1px; +} +.claro .dijitSelect .dijitArrowButton { + padding: 0; + border: 1px solid #ffffff; + border-top: none; + background-color: #efefef; + 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; +} +/* hover status */ +.claro .dijitSelectHover { + border: 1px solid #759dc0; + background-color: #e5f2fe; + background-image: url("../form/images/textBox_back.png"); + background-repeat: repeat-x; +} +.claro .dijitSelectHover .dijitButtonContents { + border-color: #759dc0; +} +.claro .dijitSelectHover .dijitArrowButton { + background-color: #abd6ff; +} +.claro .dijitSelectHover .dijitArrowButton .dijitArrowButtonInner { + background-position: -70px 70%; +} +/* focused status */ +.claro .dijitSelectFocused { + border: 1px solid #759dc0; +} +.claro .dijitSelectFocused .dijitButtonContents { + border-color: #759dc0; +} +.claro .dijitSelectFocused .dijitArrowButton { + background-color: #7dbefa; + background-position: 0 -177px; + border: none; + padding: 0 1px; +} +.claro .dijitSelectFocused .dijitArrowButton .dijitArrowButtonInner { + background-position: -70px 70%; + margin-bottom: 1px; +} +/* disable status */ +.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: 0 70%; +} +/* Dropdown menu style for select */ +.claro .dijitSelectMenu td.dijitMenuItemIconCell, .claro .dijitSelectMenu td.dijitMenuArrowCell { + /* so that arrow and icon cells from MenuItem are not displayed */ + + display: none; +} +.claro .dijitSelectMenu td.dijitMenuItemLabel { + /* line up menu text with text in select box (in LTR and RTL modes) */ + + padding: 2px; +} +.claro .dijitSelectMenu .dijitMenuSeparatorTop { + border-bottom: 1px solid #759dc0; +} diff --git a/js/dojo/dijit/themes/claro/form/Select.less b/js/dojo/dijit/themes/claro/form/Select.less new file mode 100644 index 0000000..0e74261 --- /dev/null +++ b/js/dojo/dijit/themes/claro/form/Select.less @@ -0,0 +1,124 @@ +/* Select + * + * Styling Select mainly includes: + * + * 1. Containers + * .dijitSelect - for border, background-color + * .dijitButtonContents - for border + * + * 2. Arrow + * .dijitArrowButton - for border, padding and background-color|image + * .dijitArrowButtonInner - for border, background-color|image, display and width|height + * + * 3. Menu + * .dijitSelectMenu .* - for border, padding + * + * 4. Various states + * .dijitSelectHover|.dijitSelectFocused|.dijitSelectDisabled .* - for border, padding and background-color|image + */ + +@import "../variables"; + +.claro .dijitSelect .dijitButtonText { + padding: @textbox-padding; +} + +/* normal status */ +.claro .dijitSelect { + border: 1px solid @border-color; + background-color: @textbox-background-color; + border-collapse: separate; +} +.dj_ie6 .claro .dijitSelect, +.dj_ie6 .claro .dijitSelect .dijitButtonNode { + background-image:none; +} + +.claro .dijitSelect .dijitButtonContents { + border: 0 solid @border-color; + border-right-width: 1px; +} + +.claro .dijitSelect .dijitArrowButton { + padding: 0; + border: 1px solid @arrowbutton-inner-border-color; + border-top:none; + background-color: @arrowbutton-background-color; + background-image: url("../@{image-form-highlight}"); + background-repeat:repeat-x; +} + +.claro .dijitSelect .dijitArrowButton .dijitArrowButtonInner { + background-image: url("../@{image-form-common-arrows}"); + background-position:-35px 70%; + background-repeat: no-repeat; + width:16px; + height:16px; +} + +/* hover status */ +.claro .dijitSelectHover { + border: 1px solid @hovered-border-color; + background-color: @textbox-hovered-background-color; + background-image: url("../@{image-form-textbox-background}"); + background-repeat: repeat-x; +} + +.claro .dijitSelectHover .dijitButtonContents { + border-color:@hovered-border-color; +} + +.claro .dijitSelectHover .dijitArrowButton { + background-color:@arrowbutton-hovered-background-color; +} +.claro .dijitSelectHover .dijitArrowButton .dijitArrowButtonInner { + background-position:-70px 70%; +} + +/* focused status */ +.claro .dijitSelectFocused { + border: 1px solid @focused-border-color; +} +.claro .dijitSelectFocused .dijitButtonContents { + border-color:@focused-border-color; +} +.claro .dijitSelectFocused .dijitArrowButton { + background-color:#7dbefa; // TODO. Mailed Jason about inconsistent ComboBox/Spinner behavior. + background-position:0 -177px; + border: none; + padding: 0 1px; +} +.claro .dijitSelectFocused .dijitArrowButton .dijitArrowButtonInner { + background-position:-70px 70%; + margin-bottom: 1px; +} + +/* disable status */ +.claro .dijitSelectDisabled { + border: 1px solid @disabled-border-color; + background-color: @disabled-background-color; + background-image: none; + color: @disabled-text-color; +} +.claro .dijitSelectDisabled .dijitArrowButton { + background-color: @disabled-background-color; +} +.claro .dijitSelectDisabled .dijitArrowButton .dijitArrowButtonInner { + background-position:0 70% +} + +/* Dropdown menu style for select */ + +.claro .dijitSelectMenu td.dijitMenuItemIconCell, +.claro .dijitSelectMenu td.dijitMenuArrowCell { + /* so that arrow and icon cells from MenuItem are not displayed */ + display: none; +} +.claro .dijitSelectMenu td.dijitMenuItemLabel { + /* line up menu text with text in select box (in LTR and RTL modes) */ + padding: @textbox-padding; +} + +.claro .dijitSelectMenu .dijitMenuSeparatorTop { + border-bottom:1px solid @focused-border-color; +} diff --git a/js/dojo/dijit/themes/claro/form/Select_rtl.css b/js/dojo/dijit/themes/claro/form/Select_rtl.css new file mode 100644 index 0000000..a14d4ec --- /dev/null +++ b/js/dojo/dijit/themes/claro/form/Select_rtl.css @@ -0,0 +1,4 @@ +.claro .dijitSelectRtl .dijitButtonContents { + border-right-width: 0; + border-left-width: 1px; +} diff --git a/js/dojo/dijit/themes/claro/form/Select_rtl.less b/js/dojo/dijit/themes/claro/form/Select_rtl.less new file mode 100644 index 0000000..ffa40dc --- /dev/null +++ b/js/dojo/dijit/themes/claro/form/Select_rtl.less @@ -0,0 +1,6 @@ +@import "../variables"; + +.claro .dijitSelectRtl .dijitButtonContents { + border-right-width: 0; + border-left-width: 1px; +} diff --git a/js/dojo/dijit/themes/claro/form/Slider.css b/js/dojo/dijit/themes/claro/form/Slider.css new file mode 100644 index 0000000..eb82e17 --- /dev/null +++ b/js/dojo/dijit/themes/claro/form/Slider.css @@ -0,0 +1,329 @@ +/* Slider + * + * Styling Slider mainly includes styling the Slider progress bar (dijitSliderProgressBar) + * + * Slider progress bar: + * 1. Slider progress bar (default styling): + * .dijitSliderProgressBarH - progress bar at the middle of horizontal slider + * .dijitSliderLeftBumper - bar at the left of horizontal slider + * .dijitSliderRightBumper - bar at the right of horizontal slider + * .dijitSliderProgressBarV - progress bar at the middle of vertical slider + * .dijitSliderTopBumper - bar at the top of vertical slider + * .dijitSliderBottomtBumper - bar at the bottom of vertical slider + * + * 2. hovered Slider progress bar (ie, mouse hover on progress bar) + * .dijitSliderHover .dijitSliderProgressBarH(horizontal) - hovered bar style: background, border + * + * 3. focused Slider progress bar (ie, mouse focused on progress bar) + * .dijitSliderFocused .dijitSliderProgressBarH(horizontal) - focus bar style: background, border + * + * 4. disabled/read-only Slider progress bar + * .dijitSliderDisabled .dijitSliderProgressBarH(horizontal) - bar styles when slider is disabled + * + * + * Slider Thumbs: + * 1. Slider Thumbs (default styling): + * .dijitSliderImageHandleH / .dijitSliderImageHandleV - styles for the controller on the progress bar + * + * 2. hovered Slider Thumbs (ie, mouse hover on slider thumbs) + * .dijitSliderHover .dijitSliderImageHandleH - hovered controller style + * + * 3. focused Slider progress bar (ie, mouse focused on slider thumbs) + * .dijitSliderFocused .dijitSliderImageHandleV - focused controller style + * + * + * Slider Increment/Decrement Buttons: + * 1. Slider Increment/Decrement Buttons (default styling): + * .dijitSliderDecrementIconH - decrement icon which lies at the left of horizontal slider + * .dijitSliderIncrementIconH - increment icon which lies at the right of horizontal slider + * .dijitSliderDecrementIconV - decrement icon which lies at the bottom of vertical slider + * .dijitSliderIncrementIconV - increment icon which lies at the top of vertical slider + * + * 2. hovered Slider Increment/Decrement Buttons (mouse hover on the icons) + * .dijitSliderHover .dijitSliderDecrementIconH - for background, border + * + * 3. active Slider Increment/Decrement Buttons (mouse down on the icons) + * .dijitSliderActive .dijitSliderIncrementIconV - for background, border + * + * 4. disabled/read-only Slider Increment/Decrement Buttons + * .dijitSliderDisabled .dijitSliderDecrementIconH - styles for the icons in disabled slider + * .dijitSliderReadOnly .dijitSliderIncrementIconV - styles for the icons in read-only slider + */ +.claro .dijitSliderBar { + border-style: solid; + outline: 1px; +} +.claro .dijitSliderFocused .dijitSliderBar { + border-color: #759dc0; +} +.claro .dijitSliderHover .dijitSliderBar { + border-color: #759dc0; +} +.claro .dijitSliderDisabled .dijitSliderBar { + background-image: none; + border-color: #d3d3d3; +} +.claro .dijitRuleLabel { + color: #000000; +} +/* Horizontal Slider */ +.claro .dijitRuleLabelsContainerH { + padding: 2px 0; +} +.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: #ffffff; +} +.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: #759dc0; +} +.claro .dijitSliderHover .dijitSliderRemainingBarH, .claro .dijitSliderHover .dijitSliderRightBumper { + background-position: 0 0; + background-color: #ffffff; + border-color: #759dc0; +} +.claro .dijitSliderFocused .dijitSliderProgressBarH, .claro .dijitSliderFocused .dijitSliderLeftBumper { + background-position: 0 -30px; + background-color: #abd6ff; + border-color: #759dc0; +} +.claro .dijitSliderFocused .dijitSliderRemainingBarH, .claro .dijitSliderFocused .dijitSliderRightBumper { + background-position: 0 -9px; + background-color: #ffffff; + border-color: #759dc0; +} +.claro .dijitSliderDisabled .dijitSliderProgressBarH, .claro .dijitSliderDisabled .dijitSliderLeftBumper { + background-color: #d3d3d3; + /* left side of slider, fill matches border */ + + background-image: none; +} +.claro .dijitSliderDisabled .dijitSliderRemainingBarH, .claro .dijitSliderDisabled .dijitSliderRightBumper { + background-color: #efefef; +} +/* Vertical Slider */ +.claro .dijitRuleLabelsContainerV { + padding: 0 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: #ffffff; +} +.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: #ffffff; +} +.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: #ffffff; +} +.claro .dijitSliderDisabled .dijitSliderProgressBarV, .claro .dijitSliderDisabled .dijitSliderBottomBumper { + background-color: #d3d3d3; + /* bottom side of slider, fill matches border */ + +} +.claro .dijitSliderDisabled .dijitSliderRemainingBarV, .claro .dijitSliderDisabled .dijitSliderTopBumper { + background-color: #efefef; +} +/* ------- Thumbs ------- */ +.claro .dijitSliderImageHandleH { + border: 0; + 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: 0; + 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; +} +/* ---- Increment/Decrement Buttons ---- */ +.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: #efefef; + -moz-border-radius: 2px; + 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 { + /* dijitSliderActive should be treated as dijitSliderHover since "clicking the slider" has no meaning */ + + border: solid 1px #759dc0; + background-color: #ffffff; +} +.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: #cfe5fa; +} +.claro .dijitSliderButtonContainerV .dijitSliderDecrementButtonActive, +.claro .dijitSliderButtonContainerH .dijitSliderDecrementButtonActive, +.claro .dijitSliderButtonContainerV .dijitSliderIncrementButtonActive, +.claro .dijitSliderButtonContainerH .dijitSliderIncrementButtonActive { + background-color: #abd6ff; + border-color: #759dc0; +} +.claro .dijitSliderButtonInner { + visibility: hidden; +} +.claro .dijitSliderDisabled .dijitSliderBar { + border-color: #d3d3d3; +} +.claro .dijitSliderReadOnly *, .claro .dijitSliderDisabled * { + border-color: #d3d3d3; + color: #818181; +} +.claro .dijitSliderReadOnly .dijitSliderDecrementIconH, .claro .dijitSliderDisabled .dijitSliderDecrementIconH { + background-position: -321px 50%; + background-color: #efefef; +} +.claro .dijitSliderReadOnly .dijitSliderIncrementIconH, .claro .dijitSliderDisabled .dijitSliderIncrementIconH { + background-position: -215px 50%; + background-color: #efefef; +} +.claro .dijitSliderReadOnly .dijitSliderDecrementIconV, .claro .dijitSliderDisabled .dijitSliderDecrementIconV { + background-position: -3px 49%; + background-color: #efefef; +} +.claro .dijitSliderReadOnly .dijitSliderIncrementIconV, .claro .dijitSliderDisabled .dijitSliderIncrementIconV { + background-position: -107px 49%; + background-color: #efefef; +} +.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/js/dojo/dijit/themes/claro/form/Slider.less b/js/dojo/dijit/themes/claro/form/Slider.less new file mode 100644 index 0000000..db0f8cb --- /dev/null +++ b/js/dojo/dijit/themes/claro/form/Slider.less @@ -0,0 +1,365 @@ +/* Slider + * + * Styling Slider mainly includes styling the Slider progress bar (dijitSliderProgressBar) + * + * Slider progress bar: + * 1. Slider progress bar (default styling): + * .dijitSliderProgressBarH - progress bar at the middle of horizontal slider + * .dijitSliderLeftBumper - bar at the left of horizontal slider + * .dijitSliderRightBumper - bar at the right of horizontal slider + * .dijitSliderProgressBarV - progress bar at the middle of vertical slider + * .dijitSliderTopBumper - bar at the top of vertical slider + * .dijitSliderBottomtBumper - bar at the bottom of vertical slider + * + * 2. hovered Slider progress bar (ie, mouse hover on progress bar) + * .dijitSliderHover .dijitSliderProgressBarH(horizontal) - hovered bar style: background, border + * + * 3. focused Slider progress bar (ie, mouse focused on progress bar) + * .dijitSliderFocused .dijitSliderProgressBarH(horizontal) - focus bar style: background, border + * + * 4. disabled/read-only Slider progress bar + * .dijitSliderDisabled .dijitSliderProgressBarH(horizontal) - bar styles when slider is disabled + * + * + * Slider Thumbs: + * 1. Slider Thumbs (default styling): + * .dijitSliderImageHandleH / .dijitSliderImageHandleV - styles for the controller on the progress bar + * + * 2. hovered Slider Thumbs (ie, mouse hover on slider thumbs) + * .dijitSliderHover .dijitSliderImageHandleH - hovered controller style + * + * 3. focused Slider progress bar (ie, mouse focused on slider thumbs) + * .dijitSliderFocused .dijitSliderImageHandleV - focused controller style + * + * + * Slider Increment/Decrement Buttons: + * 1. Slider Increment/Decrement Buttons (default styling): + * .dijitSliderDecrementIconH - decrement icon which lies at the left of horizontal slider + * .dijitSliderIncrementIconH - increment icon which lies at the right of horizontal slider + * .dijitSliderDecrementIconV - decrement icon which lies at the bottom of vertical slider + * .dijitSliderIncrementIconV - increment icon which lies at the top of vertical slider + * + * 2. hovered Slider Increment/Decrement Buttons (mouse hover on the icons) + * .dijitSliderHover .dijitSliderDecrementIconH - for background, border + * + * 3. active Slider Increment/Decrement Buttons (mouse down on the icons) + * .dijitSliderActive .dijitSliderIncrementIconV - for background, border + * + * 4. disabled/read-only Slider Increment/Decrement Buttons + * .dijitSliderDisabled .dijitSliderDecrementIconH - styles for the icons in disabled slider + * .dijitSliderReadOnly .dijitSliderIncrementIconV - styles for the icons in read-only slider + */ + +@import "../variables"; + +.claro .dijitSliderBar { + border-style: solid; + outline: 1px; +} +.claro .dijitSliderFocused .dijitSliderBar { + border-color: @focused-border-color; +} +.claro .dijitSliderHover .dijitSliderBar { + border-color: @hovered-border-color; +} +.claro .dijitSliderDisabled .dijitSliderBar { + background-image: none; + border-color: @disabled-border-color; +} +.claro .dijitRuleLabel { + color: @text-color; +} + +/* Horizontal Slider */ + +.claro .dijitRuleLabelsContainerH { + padding: 2px 0; +} +.claro .dijitSlider .dijitSliderProgressBarH, +.claro .dijitSlider .dijitSliderLeftBumper{ + background-image: url("../@{image-form-slider-horizontal}"); + background-repeat:repeat-x; + background-position:0 -20px; + border-color: @border-color; + background-color: @slider-fullbar-background-color; +} +.claro .dijitSlider .dijitSliderRemainingBarH, +.claro .dijitSlider .dijitSliderRightBumper{ + background-image: url("../@{image-form-slider-horizontal}"); + background-repeat:repeat-x; + background-position:0 -11px; + border-color: @border-color; + background-color: @slider-remainingbar-background-color; +} +.claro .dijitSliderRightBumper { + border-right: solid 1px @border-color; +} +.claro .dijitSliderLeftBumper { + border-left: solid 1px @border-color; +} +.claro .dijitSliderHover .dijitSliderProgressBarH, +.claro .dijitSliderHover .dijitSliderLeftBumper{ + background-position:0 -20px; + background-color: @slider-hovered-fullbar-background-color; + border-color: @hovered-border-color; +} +.claro .dijitSliderHover .dijitSliderRemainingBarH, +.claro .dijitSliderHover .dijitSliderRightBumper{ + background-position:0 0; + background-color: @slider-hovered-remainingbar-background-color; + border-color: @hovered-border-color; +} +.claro .dijitSliderFocused .dijitSliderProgressBarH, +.claro .dijitSliderFocused .dijitSliderLeftBumper{ + background-position:0 -30px; + background-color: @slider-focused-fullbar-background-color; + border-color: @focused-border-color; +} +.claro .dijitSliderFocused .dijitSliderRemainingBarH, +.claro .dijitSliderFocused .dijitSliderRightBumper{ + background-position:0 -9px; + background-color: @slider-focused-remainingbar-background-color; + border-color: @focused-border-color; +} +.claro .dijitSliderDisabled .dijitSliderProgressBarH, +.claro .dijitSliderDisabled .dijitSliderLeftBumper{ + background-color: @disabled-border-color; /* left side of slider, fill matches border */ + background-image:none; +} +.claro .dijitSliderDisabled .dijitSliderRemainingBarH, +.claro .dijitSliderDisabled .dijitSliderRightBumper{ + background-color: @disabled-background-color; +} + +/* Vertical Slider */ + +.claro .dijitRuleLabelsContainerV { + padding: 0 2px; +} +.claro .dijitSlider .dijitSliderProgressBarV, +.claro .dijitSlider .dijitSliderBottomBumper{ + background-image: url("../@{image-form-slider-vertical}"); + background-repeat:repeat-y; + background-position:-36px 0; + border-color: @border-color; + background-color: @slider-fullbar-background-color; +} +.claro .dijitSlider .dijitSliderRemainingBarV, +.claro .dijitSlider .dijitSliderTopBumper{ + background-image: url("../@{image-form-slider-vertical}"); + background-repeat:repeat-y; + background-position:-3px 0; + border-color: @border-color; + background-color: @slider-remainingbar-background-color; +} +.claro .dijitSliderBottomBumper { + border-bottom: solid 1px @border-color; +} +.claro .dijitSliderTopBumper { + border-top: solid 1px @border-color; +} +.claro .dijitSliderHover .dijitSliderProgressBarV, +.claro .dijitSliderHover .dijitSliderBottomBumper{ + background-position:-36px 0; + background-color: @slider-hovered-fullbar-background-color; +} +.claro .dijitSliderHover .dijitSliderRemainingBarV, +.claro .dijitSliderHover .dijitSliderTopBumper{ + background-position:0 0; + background-color: @slider-hovered-remainingbar-background-color; +} +.claro .dijitSliderFocused .dijitSliderProgressBarV, +.claro .dijitSliderFocused .dijitSliderBottomBumper{ + background-position:-56px 0; + background-color: @slider-focused-fullbar-background-color; +} +.claro .dijitSliderFocused .dijitSliderRemainingBarV, +.claro .dijitSliderFocused .dijitSliderTopBumper{ + background-position:-18px 0; + background-color: @slider-focused-remainingbar-background-color; +} +.claro .dijitSliderDisabled .dijitSliderProgressBarV, +.claro .dijitSliderDisabled .dijitSliderBottomBumper{ + background-color: @disabled-border-color; /* bottom side of slider, fill matches border */ +} +.claro .dijitSliderDisabled .dijitSliderRemainingBarV, +.claro .dijitSliderDisabled .dijitSliderTopBumper{ + background-color: @disabled-background-color; +} + + +/* ------- Thumbs ------- */ + +.claro .dijitSliderImageHandleH { + border: 0; + width: 18px; + height: 16px; + background-image: url("../@{image-form-slider-thumbs}"); + 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: 0; + width: 18px; + height: 16px; + background-image: url("../@{image-form-slider-thumbs}"); + 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; +} + +/* ---- Increment/Decrement Buttons ---- */ + +.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("../@{image-form-common-arrows}"); + background-repeat:no-repeat; + background-color: @arrowbutton-background-color; + .border-radius(2px); + border: solid 1px @border-color; + 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 { + /* dijitSliderActive should be treated as dijitSliderHover since "clicking the slider" has no meaning */ + border: solid 1px @hovered-border-color; + background-color: @slider-hoveredButton-background-color; +} + +.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: @slider-button-hovered-background-color; +} +.claro .dijitSliderButtonContainerV .dijitSliderDecrementButtonActive, +.claro .dijitSliderButtonContainerH .dijitSliderDecrementButtonActive, +.claro .dijitSliderButtonContainerV .dijitSliderIncrementButtonActive, +.claro .dijitSliderButtonContainerH .dijitSliderIncrementButtonActive { + background-color: @slider-button-pressed-background-color; + border-color:@pressed-border-color; +} +.claro .dijitSliderButtonInner { + visibility: hidden; +} +.claro .dijitSliderDisabled .dijitSliderBar{ + border-color: @disabled-border-color; +} +.claro .dijitSliderReadOnly *,.claro .dijitSliderDisabled * { + border-color: @disabled-border-color; + color: @disabled-text-color; +} +.claro .dijitSliderReadOnly .dijitSliderDecrementIconH, +.claro .dijitSliderDisabled .dijitSliderDecrementIconH { + background-position:-321px 50%; + background-color:@disabled-background-color; +} +.claro .dijitSliderReadOnly .dijitSliderIncrementIconH, +.claro .dijitSliderDisabled .dijitSliderIncrementIconH { + background-position:-215px 50%; + background-color:@disabled-background-color; +} +.claro .dijitSliderReadOnly .dijitSliderDecrementIconV, +.claro .dijitSliderDisabled .dijitSliderDecrementIconV { + background-position:-3px 49%; + background-color:@disabled-background-color; +} +.claro .dijitSliderReadOnly .dijitSliderIncrementIconV, +.claro .dijitSliderDisabled .dijitSliderIncrementIconV { + background-position:-107px 49%; + background-color:@disabled-background-color; +} + +.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/js/dojo/dijit/themes/claro/form/Slider_rtl.css b/js/dojo/dijit/themes/claro/form/Slider_rtl.css new file mode 100644 index 0000000..97e078b --- /dev/null +++ b/js/dojo/dijit/themes/claro/form/Slider_rtl.css @@ -0,0 +1,24 @@ +.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: 0; + border-right-width: 1px; +} +.claro .dijitSliderRtl .dijitSliderRightBumper { + border-left-width: 1px; + border-right-width: 0; +} +.claro .dijitSliderRtl .dijitSliderIncrementIconH { + background-position: -357px 50%; +} +.claro .dijitSliderRtl .dijitSliderDecrementIconH { + background-position: -251px 50%; +} diff --git a/js/dojo/dijit/themes/claro/form/Slider_rtl.less b/js/dojo/dijit/themes/claro/form/Slider_rtl.less new file mode 100644 index 0000000..66a7116 --- /dev/null +++ b/js/dojo/dijit/themes/claro/form/Slider_rtl.less @@ -0,0 +1,33 @@ +@import "../variables"; + +.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: 0; + border-right-width: 1px; +} + +.claro .dijitSliderRtl .dijitSliderRightBumper { + border-left-width: 1px; + border-right-width: 0; +} + +.claro .dijitSliderRtl .dijitSliderIncrementIconH { + background-position:-357px 50%; +} + +.claro .dijitSliderRtl .dijitSliderDecrementIconH { + background-position:-251px 50%; +} diff --git a/js/dojo/dijit/themes/claro/form/images/button.png b/js/dojo/dijit/themes/claro/form/images/button.png Binary files differnew file mode 100644 index 0000000..cb787cb --- /dev/null +++ b/js/dojo/dijit/themes/claro/form/images/button.png diff --git a/js/dojo/dijit/themes/claro/form/images/buttonArrows.png b/js/dojo/dijit/themes/claro/form/images/buttonArrows.png Binary files differnew file mode 100644 index 0000000..642eff3 --- /dev/null +++ b/js/dojo/dijit/themes/claro/form/images/buttonArrows.png diff --git a/js/dojo/dijit/themes/claro/form/images/button_grad_d.png b/js/dojo/dijit/themes/claro/form/images/button_grad_d.png Binary files differnew file mode 100644 index 0000000..3a71a46 --- /dev/null +++ b/js/dojo/dijit/themes/claro/form/images/button_grad_d.png diff --git a/js/dojo/dijit/themes/claro/form/images/checkboxAndRadioButtons_IE6.png b/js/dojo/dijit/themes/claro/form/images/checkboxAndRadioButtons_IE6.png Binary files differnew file mode 100644 index 0000000..92d2221 --- /dev/null +++ b/js/dojo/dijit/themes/claro/form/images/checkboxAndRadioButtons_IE6.png diff --git a/js/dojo/dijit/themes/claro/form/images/checkboxRadioButtonStates.png b/js/dojo/dijit/themes/claro/form/images/checkboxRadioButtonStates.png Binary files differnew file mode 100644 index 0000000..2d06a82 --- /dev/null +++ b/js/dojo/dijit/themes/claro/form/images/checkboxRadioButtonStates.png diff --git a/js/dojo/dijit/themes/claro/form/images/commonFormArrows.png b/js/dojo/dijit/themes/claro/form/images/commonFormArrows.png Binary files differnew file mode 100644 index 0000000..6d04742 --- /dev/null +++ b/js/dojo/dijit/themes/claro/form/images/commonFormArrows.png diff --git a/js/dojo/dijit/themes/claro/form/images/error.png b/js/dojo/dijit/themes/claro/form/images/error.png Binary files differnew file mode 100644 index 0000000..46de1cd --- /dev/null +++ b/js/dojo/dijit/themes/claro/form/images/error.png diff --git a/js/dojo/dijit/themes/claro/form/images/formHighlight.png b/js/dojo/dijit/themes/claro/form/images/formHighlight.png Binary files differnew file mode 100644 index 0000000..f90eb25 --- /dev/null +++ b/js/dojo/dijit/themes/claro/form/images/formHighlight.png diff --git a/js/dojo/dijit/themes/claro/form/images/shadow.png b/js/dojo/dijit/themes/claro/form/images/shadow.png Binary files differnew file mode 100644 index 0000000..72d60e6 --- /dev/null +++ b/js/dojo/dijit/themes/claro/form/images/shadow.png diff --git a/js/dojo/dijit/themes/claro/form/images/sliderHorizontal.png b/js/dojo/dijit/themes/claro/form/images/sliderHorizontal.png Binary files differnew file mode 100644 index 0000000..d769a64 --- /dev/null +++ b/js/dojo/dijit/themes/claro/form/images/sliderHorizontal.png diff --git a/js/dojo/dijit/themes/claro/form/images/sliderThumbs.png b/js/dojo/dijit/themes/claro/form/images/sliderThumbs.png Binary files differnew file mode 100644 index 0000000..70ab2fe --- /dev/null +++ b/js/dojo/dijit/themes/claro/form/images/sliderThumbs.png diff --git a/js/dojo/dijit/themes/claro/form/images/sliderVertical.png b/js/dojo/dijit/themes/claro/form/images/sliderVertical.png Binary files differnew file mode 100644 index 0000000..9d69d04 --- /dev/null +++ b/js/dojo/dijit/themes/claro/form/images/sliderVertical.png diff --git a/js/dojo/dijit/themes/claro/form/images/textBox_back.png b/js/dojo/dijit/themes/claro/form/images/textBox_back.png Binary files differnew file mode 100644 index 0000000..dfc752a --- /dev/null +++ b/js/dojo/dijit/themes/claro/form/images/textBox_back.png diff --git a/js/dojo/dijit/themes/claro/images/calendarArrows.png b/js/dojo/dijit/themes/claro/images/calendarArrows.png Binary files differnew file mode 100644 index 0000000..3f6faa5 --- /dev/null +++ b/js/dojo/dijit/themes/claro/images/calendarArrows.png diff --git a/js/dojo/dijit/themes/claro/images/calendarArrows8bit.png b/js/dojo/dijit/themes/claro/images/calendarArrows8bit.png Binary files differnew file mode 100644 index 0000000..ab9d66c --- /dev/null +++ b/js/dojo/dijit/themes/claro/images/calendarArrows8bit.png diff --git a/js/dojo/dijit/themes/claro/images/calendarContainerImages.png b/js/dojo/dijit/themes/claro/images/calendarContainerImages.png Binary files differnew file mode 100644 index 0000000..44fa088 --- /dev/null +++ b/js/dojo/dijit/themes/claro/images/calendarContainerImages.png diff --git a/js/dojo/dijit/themes/claro/images/checkmarkNoBorder.gif b/js/dojo/dijit/themes/claro/images/checkmarkNoBorder.gif Binary files differnew file mode 100644 index 0000000..324bfb3 --- /dev/null +++ b/js/dojo/dijit/themes/claro/images/checkmarkNoBorder.gif diff --git a/js/dojo/dijit/themes/claro/images/checkmarkNoBorder.png b/js/dojo/dijit/themes/claro/images/checkmarkNoBorder.png Binary files differnew file mode 100644 index 0000000..9cec0c0 --- /dev/null +++ b/js/dojo/dijit/themes/claro/images/checkmarkNoBorder.png diff --git a/js/dojo/dijit/themes/claro/images/commonHighlight.png b/js/dojo/dijit/themes/claro/images/commonHighlight.png Binary files differnew file mode 100644 index 0000000..f90eb25 --- /dev/null +++ b/js/dojo/dijit/themes/claro/images/commonHighlight.png diff --git a/js/dojo/dijit/themes/claro/images/dialogCloseIcon.png b/js/dojo/dijit/themes/claro/images/dialogCloseIcon.png Binary files differnew file mode 100644 index 0000000..a605c71 --- /dev/null +++ b/js/dojo/dijit/themes/claro/images/dialogCloseIcon.png diff --git a/js/dojo/dijit/themes/claro/images/dialogCloseIcon8bit.png b/js/dojo/dijit/themes/claro/images/dialogCloseIcon8bit.png Binary files differnew file mode 100644 index 0000000..d2b063b --- /dev/null +++ b/js/dojo/dijit/themes/claro/images/dialogCloseIcon8bit.png diff --git a/js/dojo/dijit/themes/claro/images/dnd.png b/js/dojo/dijit/themes/claro/images/dnd.png Binary files differnew file mode 100644 index 0000000..8cb04aa --- /dev/null +++ b/js/dojo/dijit/themes/claro/images/dnd.png diff --git a/js/dojo/dijit/themes/claro/images/loadingAnimation.gif b/js/dojo/dijit/themes/claro/images/loadingAnimation.gif Binary files differnew file mode 100644 index 0000000..d76e4cd --- /dev/null +++ b/js/dojo/dijit/themes/claro/images/loadingAnimation.gif diff --git a/js/dojo/dijit/themes/claro/images/menuHighlight.png b/js/dojo/dijit/themes/claro/images/menuHighlight.png Binary files differnew file mode 100644 index 0000000..22328a7 --- /dev/null +++ b/js/dojo/dijit/themes/claro/images/menuHighlight.png diff --git a/js/dojo/dijit/themes/claro/images/progressBarAnim.gif b/js/dojo/dijit/themes/claro/images/progressBarAnim.gif Binary files differnew file mode 100644 index 0000000..30c0d9d --- /dev/null +++ b/js/dojo/dijit/themes/claro/images/progressBarAnim.gif diff --git a/js/dojo/dijit/themes/claro/images/progressBarEmpty.png b/js/dojo/dijit/themes/claro/images/progressBarEmpty.png Binary files differnew file mode 100644 index 0000000..e0a6856 --- /dev/null +++ b/js/dojo/dijit/themes/claro/images/progressBarEmpty.png diff --git a/js/dojo/dijit/themes/claro/images/progressBarFull.png b/js/dojo/dijit/themes/claro/images/progressBarFull.png Binary files differnew file mode 100644 index 0000000..280f51d --- /dev/null +++ b/js/dojo/dijit/themes/claro/images/progressBarFull.png diff --git a/js/dojo/dijit/themes/claro/images/spriteArrows.png b/js/dojo/dijit/themes/claro/images/spriteArrows.png Binary files differnew file mode 100644 index 0000000..608f4c7 --- /dev/null +++ b/js/dojo/dijit/themes/claro/images/spriteArrows.png diff --git a/js/dojo/dijit/themes/claro/images/titlebar.png b/js/dojo/dijit/themes/claro/images/titlebar.png Binary files differnew file mode 100644 index 0000000..4818103 --- /dev/null +++ b/js/dojo/dijit/themes/claro/images/titlebar.png diff --git a/js/dojo/dijit/themes/claro/images/tooltip.png b/js/dojo/dijit/themes/claro/images/tooltip.png Binary files differnew file mode 100644 index 0000000..2b22273 --- /dev/null +++ b/js/dojo/dijit/themes/claro/images/tooltip.png diff --git a/js/dojo/dijit/themes/claro/images/tooltip8bit.png b/js/dojo/dijit/themes/claro/images/tooltip8bit.png Binary files differnew file mode 100644 index 0000000..51f65f1 --- /dev/null +++ b/js/dojo/dijit/themes/claro/images/tooltip8bit.png diff --git a/js/dojo/dijit/themes/claro/images/tooltipGradient.png b/js/dojo/dijit/themes/claro/images/tooltipGradient.png Binary files differnew file mode 100644 index 0000000..ce4860e --- /dev/null +++ b/js/dojo/dijit/themes/claro/images/tooltipGradient.png diff --git a/js/dojo/dijit/themes/claro/images/treeExpandImages.png b/js/dojo/dijit/themes/claro/images/treeExpandImages.png Binary files differnew file mode 100644 index 0000000..75cf385 --- /dev/null +++ b/js/dojo/dijit/themes/claro/images/treeExpandImages.png diff --git a/js/dojo/dijit/themes/claro/images/treeExpandImages8bit.png b/js/dojo/dijit/themes/claro/images/treeExpandImages8bit.png Binary files differnew file mode 100644 index 0000000..290b2e1 --- /dev/null +++ b/js/dojo/dijit/themes/claro/images/treeExpandImages8bit.png diff --git a/js/dojo/dijit/themes/claro/images/treeExpand_loading.gif b/js/dojo/dijit/themes/claro/images/treeExpand_loading.gif Binary files differnew file mode 100644 index 0000000..424d376 --- /dev/null +++ b/js/dojo/dijit/themes/claro/images/treeExpand_loading.gif diff --git a/js/dojo/dijit/themes/claro/layout/AccordionContainer.css b/js/dojo/dijit/themes/claro/layout/AccordionContainer.css new file mode 100644 index 0000000..3483176 --- /dev/null +++ b/js/dojo/dijit/themes/claro/layout/AccordionContainer.css @@ -0,0 +1,121 @@ +/* Accordion + * + * Styling AccordionContainer basically means styling the accordion pane (dijitAccordionInnerContainer) + * and the title inside of it (dijitAccordionTitle). There are 4 basic states to style: + * + * 1. closed pane (and default styling): + * .dijitAccordionInnerContainer - container for each accordion child + * .dijitAccordionTitle - title for each accordion child + * + * 2. active closed pane (ie, mouse down on a title bar) + * .dijitAccordionInnerContainerActive - for background-color, border + * .dijitAccordionInnerContainerActive dijitAccordionTitle - for text color + * + * 3. open pane (expanded child) + * .dijitAccordionChildWrapper - wraps around the child widget (typically ContentPane) + * setting a margin so that there's blue trim all the way around the child + * + * These rules need to override the closed pane active: + * + * .dijitAccordionInnerContainerSelected - for background-color, border + * .dijitAccordionInnerContainerSelected .dijitAccordionTitle - for text color + * + * 4. hovered pane, open or closed + * The selectors below affect hovering over both a closed pane (ie, hovering a title bar), + * and hovering over an open pane. Also, treat mouse down on an open pane as a hover: + * + * .dijitAccordionInnerContainerHover, .dijitAccordionInnerContainerSelectedActive - for background-color, border + * .dijitAccordionInnerContainerHover .dijitAccordionTitle - for text color + */ +.claro .dijitAccordionContainer { + border: none; +} +.claro .dijitAccordionInnerContainer { + background-color: #efefef; + /* gray, for closed pane */ + + border: solid 1px #b5bcc7; + margin-bottom: 1px; + -webkit-transition-property: background-color, border; + -moz-transition-property: background-color, border; + transition-property: background-color, border; + -webkit-transition-duration: 0.3s; + -moz-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-timing-function: linear; + -moz-transition-timing-function: linear; + transition-timing-function: linear; +} +.claro .dijitAccordionTitle { + background-color: transparent; + /* pick up color from dijitAccordionInnerContainer */ + + background-image: url("../layout/images/accordion.png"); + background-position: 0 0; + background-repeat: repeat-x; + padding: 5px 7px 2px 7px; + min-height: 17px; + color: #494949; +} +.dj_ie6 .claro .dijitAccordionTitle { + background-image: none; +} +.claro .dijitAccordionContainer .dijitAccordionChildWrapper { + /* this extends the blue trim styling of the title bar to wrapping around the node. + * done by setting margin + */ + + background-color: #ffffff; + border: 1px solid #759dc0; + margin: 0 2px 2px; +} +.claro .dijitAccordionContainer .dijitAccordionContainer-child { + /* this is affecting the child widget itself */ + + padding: 9px; +} +/* Active state for closed pane */ +.claro .dijitAccordionInnerContainerActive { + border: 1px solid #759dc0; + background-color: #7dbdfa; + -webkit-transition-duration: 0.1s; + -moz-transition-duration: 0.1s; + transition-duration: 0.1s; +} +.claro .dijitAccordionInnerContainerActive .dijitAccordionTitle { + background-position: 0 -136px; + color: #000000; +} +/* Open (a.k.a. selected) pane */ +.claro .dijitAccordionInnerContainerSelected { + border-color: #759dc0; + background-color: #cfe5fa; +} +.claro .dijitAccordionInnerContainerSelected .dijitAccordionTitle { + color: #000000; + background-position: 0 0; + /* avoid effect when clicking the title of the open pane */ + +} +/* Hovering open or closed pane */ +.claro .dijitAccordionInnerContainerHover .dijitAccordionTitle { + /* both open and closed */ + + color: #000000; +} +.claro .dijitAccordionInnerContainerHover, .claro .dijitAccordionInnerContainerSelectedActive { + /* note: clicking the currently selected Accordion pane should have no effect, so treating same as hover. */ + + border: 1px solid #759dc0; + background-color: #abd6ff; + -webkit-transition-duration: 0.2s; + -moz-transition-duration: 0.2s; + transition-duration: 0.2s; +} +.claro .dijitAccordionInnerContainerSelectedHover .dijitAccordionChildWrapper, .claro .dijitAccordionInnerContainerSelectedActive .dijitAccordionChildWrapper { + background-color: #ffffff; + border: 1px solid #759dc0 !important; + -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.25); + -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.25); + box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.25); +} diff --git a/js/dojo/dijit/themes/claro/layout/AccordionContainer.less b/js/dojo/dijit/themes/claro/layout/AccordionContainer.less new file mode 100644 index 0000000..b3aa622 --- /dev/null +++ b/js/dojo/dijit/themes/claro/layout/AccordionContainer.less @@ -0,0 +1,113 @@ +/* Accordion + * + * Styling AccordionContainer basically means styling the accordion pane (dijitAccordionInnerContainer) + * and the title inside of it (dijitAccordionTitle). There are 4 basic states to style: + * + * 1. closed pane (and default styling): + * .dijitAccordionInnerContainer - container for each accordion child + * .dijitAccordionTitle - title for each accordion child + * + * 2. active closed pane (ie, mouse down on a title bar) + * .dijitAccordionInnerContainerActive - for background-color, border + * .dijitAccordionInnerContainerActive dijitAccordionTitle - for text color + * + * 3. open pane (expanded child) + * .dijitAccordionChildWrapper - wraps around the child widget (typically ContentPane) + * setting a margin so that there's blue trim all the way around the child + * + * These rules need to override the closed pane active: + * + * .dijitAccordionInnerContainerSelected - for background-color, border + * .dijitAccordionInnerContainerSelected .dijitAccordionTitle - for text color + * + * 4. hovered pane, open or closed + * The selectors below affect hovering over both a closed pane (ie, hovering a title bar), + * and hovering over an open pane. Also, treat mouse down on an open pane as a hover: + * + * .dijitAccordionInnerContainerHover, .dijitAccordionInnerContainerSelectedActive - for background-color, border + * .dijitAccordionInnerContainerHover .dijitAccordionTitle - for text color + */ + +@import "../variables"; + +.claro .dijitAccordionContainer { + border:none; +} +.claro .dijitAccordionInnerContainer { + background-color: @unselected-background-color; /* gray, for closed pane */ + border:solid 1px @border-color; + margin-bottom:1px; + .transition-property(background-color,border); + .transition-duration(.3s); + .transition-timing-function(linear); +} +.claro .dijitAccordionTitle { + background-color: transparent; /* pick up color from dijitAccordionInnerContainer */ + background-image: url("../@{image-layout-accordion}"); + background-position:0 0; + background-repeat:repeat-x; + padding: 5px 7px 2px 7px; + min-height:17px; + color:@unselected-text-color; +} +.dj_ie6 .claro .dijitAccordionTitle { + background-image: none; +} +.claro .dijitAccordionContainer .dijitAccordionChildWrapper { + /* this extends the blue trim styling of the title bar to wrapping around the node. + * done by setting margin + */ + background-color:@pane-background-color; + border:1px solid @selected-border-color; + margin: 0 2px 2px; +} + +.claro .dijitAccordionContainer .dijitAccordionContainer-child { + /* this is affecting the child widget itself */ + padding: 9px; +} + +/* Active state for closed pane */ + +.claro .dijitAccordionInnerContainerActive { + border:1px solid @selected-border-color; + background-color:@pressed-background-color; + .transition-duration(.1s); +} +.claro .dijitAccordionInnerContainerActive .dijitAccordionTitle { + background-position:0 -136px; + color:@selected-text-color; +} + +/* Open (a.k.a. selected) pane */ + +.claro .dijitAccordionInnerContainerSelected { + border-color:@selected-border-color; + background-color: @selected-background-color; +} +.claro .dijitAccordionInnerContainerSelected .dijitAccordionTitle { + color:@selected-text-color; + background-position: 0 0; /* avoid effect when clicking the title of the open pane */ +} + +/* Hovering open or closed pane */ + +.claro .dijitAccordionInnerContainerHover .dijitAccordionTitle { + /* both open and closed */ + color:@hovered-text-color; +} + +.claro .dijitAccordionInnerContainerHover, +.claro .dijitAccordionInnerContainerSelectedActive { + /* note: clicking the currently selected Accordion pane should have no effect, so treating same as hover. */ + border:1px solid @hovered-border-color; + background-color:@hovered-background-color; + .transition-duration(.2s); +} + +.claro .dijitAccordionInnerContainerSelectedHover .dijitAccordionChildWrapper, +.claro .dijitAccordionInnerContainerSelectedActive .dijitAccordionChildWrapper { + background-color:@pane-background-color; + border:1px solid @hovered-border-color !important; + .box-shadow(inset 0 0 3px rgba(0, 0, 0, .25)); +} diff --git a/js/dojo/dijit/themes/claro/layout/BorderContainer.css b/js/dojo/dijit/themes/claro/layout/BorderContainer.css new file mode 100644 index 0000000..8c0a5fa --- /dev/null +++ b/js/dojo/dijit/themes/claro/layout/BorderContainer.css @@ -0,0 +1,109 @@ +/* BorderContainer + +Splitters and gutters separate panes within a BorderContainer. Splitters can be moved up and down (horizonal splitters) or left and right (vertical splitters), while Gutters are static. A "thumb" is the slit on a Splitter that indicates it is movable. + +Styling the BorderContainer widget consists of the following: + +.dijitBorderContainer - for border and padding of the entire border container + +.dijitSplitContainer-child, .dijitBorderContainer-child - for border or child panes of the border container. By default borders are put on all children of BorderContainer. + +.dijitBorderContainer-dijitTabContainerTop, +.dijitBorderContainer-dijitTabContainerBottom, +.dijitBorderContainer-dijitTabContainerLeft, +.dijitBorderContainer-dijitTabContainerRight, +.dijitBorderContainer-dijitAccordionContainer -for border of the border containers within TabContainer or AccordionContainer widget + +.dijitBorderContainer-dijitBorderContainer - for border and padding of nested BorderContainers + +Splitters and gutters: + +.dijitSplitterH, .dijitGutterH - for height, background, and border of a horizontal splitter and gutter +.dijitSplitterH .dijitSplitterThumb - for color, height/width of the thumb on a horizontal splitter +.dijitSplitterV, .dijitGutterV - - for height, background, and border of a vertical splitter and gutter +.dijitSplitterV .dijitSplitterThumb - for color, height/width of the thumb on a vertical splitter +.dijitSplitterHHover - for background-color of a hovered horizontal splitter +.dijitSplitterHHover .dijitSplitterThumb - for background-color of a hovered thumb on a horizontal splitter +.dijitSplitterVHover - for background-color of a hovered vertical splitter +.dijitSplitterVHover .dijitSplitterThumb - for background-color of a hovered thumb on a vertical splitter +.dijitSplitterHActive - for background-color of an active horizontal splitter +.dijitSplitterVActive - for background-color of an active horizontal splitter +*/ +.claro .dijitBorderContainer { + /* matches the width of the splitters between panes */ + + padding: 5px; +} +.claro .dijitSplitContainer-child, .claro .dijitBorderContainer-child { + /* By default put borders on all children of BorderContainer, + * to give illusion of borders on the splitters themselves. + */ + + border: 1px #b5bcc7 solid; +} +.claro .dijitBorderContainer-dijitTabContainerTop, +.claro .dijitBorderContainer-dijitTabContainerBottom, +.claro .dijitBorderContainer-dijitTabContainerLeft, +.claro .dijitBorderContainer-dijitTabContainerRight, +.claro .dijitBorderContainer-dijitAccordionContainer { + /* except that TabContainer defines borders on it's sub-nodes (tablist and dijitTabPaneWrapper), + * so override rule setting border on domNode + */ + + border: none; +} +.claro .dijitBorderContainer-dijitBorderContainer { + /* make nested BorderContainers look like a single big widget with lots of splitters */ + + border: 0; + padding: 0; +} +/* Splitters and gutters */ +.claro .dijitSplitterH, .claro .dijitGutterH { + background: none; + border: 0; + height: 5px; +} +.claro .dijitSplitterH .dijitSplitterThumb { + background: #b5bcc7 none; + height: 1px; + top: 2px; + width: 19px; +} +.claro .dijitSplitterV, .claro .dijitGutterV { + background: none; + border: 0; + width: 5px; + margin: 0; +} +.claro .dijitSplitterV .dijitSplitterThumb { + background: #b5bcc7 none; + height: 19px; + left: 2px; + width: 1px; + margin: 0; +} +/* hovered splitter */ +.claro .dijitSplitterHHover { + font-size: 1px; + background: url("../layout/images/splitterHorizontalHover.png") no-repeat center top; +} +.claro .dijitSplitterHHover .dijitSplitterThumb { + background: #759dc0 none; +} +.claro .dijitSplitterVHover { + font-size: 1px; + background: url("../layout/images/splitterVerticalHover.png") no-repeat center left; +} +.claro .dijitSplitterVHover .dijitSplitterThumb { + background: #759dc0 none; +} +.dj_ie6 .dijitSplitterHHover, .dj_ie6 .claro .dijitSplitterVHover { + background-color: #cfe5fa; + background-image: none; +} +/* active splitter */ +.claro .dijitSplitterHActive, .claro .dijitSplitterVActive { + font-size: 1px; + background-color: #abd6ff; +} diff --git a/js/dojo/dijit/themes/claro/layout/BorderContainer.less b/js/dojo/dijit/themes/claro/layout/BorderContainer.less new file mode 100644 index 0000000..b7c672e --- /dev/null +++ b/js/dojo/dijit/themes/claro/layout/BorderContainer.less @@ -0,0 +1,128 @@ +/* BorderContainer + +Splitters and gutters separate panes within a BorderContainer. Splitters can be moved up and down (horizonal splitters) or left and right (vertical splitters), while Gutters are static. A "thumb" is the slit on a Splitter that indicates it is movable. + +Styling the BorderContainer widget consists of the following: + +.dijitBorderContainer - for border and padding of the entire border container + +.dijitSplitContainer-child, .dijitBorderContainer-child - for border or child panes of the border container. By default borders are put on all children of BorderContainer. + +.dijitBorderContainer-dijitTabContainerTop, +.dijitBorderContainer-dijitTabContainerBottom, +.dijitBorderContainer-dijitTabContainerLeft, +.dijitBorderContainer-dijitTabContainerRight, +.dijitBorderContainer-dijitAccordionContainer -for border of the border containers within TabContainer or AccordionContainer widget + +.dijitBorderContainer-dijitBorderContainer - for border and padding of nested BorderContainers + +Splitters and gutters: + +.dijitSplitterH, .dijitGutterH - for height, background, and border of a horizontal splitter and gutter +.dijitSplitterH .dijitSplitterThumb - for color, height/width of the thumb on a horizontal splitter +.dijitSplitterV, .dijitGutterV - - for height, background, and border of a vertical splitter and gutter +.dijitSplitterV .dijitSplitterThumb - for color, height/width of the thumb on a vertical splitter +.dijitSplitterHHover - for background-color of a hovered horizontal splitter +.dijitSplitterHHover .dijitSplitterThumb - for background-color of a hovered thumb on a horizontal splitter +.dijitSplitterVHover - for background-color of a hovered vertical splitter +.dijitSplitterVHover .dijitSplitterThumb - for background-color of a hovered thumb on a vertical splitter +.dijitSplitterHActive - for background-color of an active horizontal splitter +.dijitSplitterVActive - for background-color of an active horizontal splitter +*/ + +@import "../variables"; + +.claro .dijitBorderContainer { + /* matches the width of the splitters between panes */ + padding: 5px; +} + +.claro .dijitSplitContainer-child, +.claro .dijitBorderContainer-child { + /* By default put borders on all children of BorderContainer, + * to give illusion of borders on the splitters themselves. + */ + border: 1px @border-color solid; +} + +.claro .dijitBorderContainer-dijitTabContainerTop, +.claro .dijitBorderContainer-dijitTabContainerBottom, +.claro .dijitBorderContainer-dijitTabContainerLeft, +.claro .dijitBorderContainer-dijitTabContainerRight, +.claro .dijitBorderContainer-dijitAccordionContainer { + /* except that TabContainer defines borders on it's sub-nodes (tablist and dijitTabPaneWrapper), + * so override rule setting border on domNode + */ + border: none; + +} +.claro .dijitBorderContainer-dijitBorderContainer { + /* make nested BorderContainers look like a single big widget with lots of splitters */ + border: 0; + padding: 0; +} + +/* Splitters and gutters */ + +.claro .dijitSplitterH, +.claro .dijitGutterH { + background:none; + border:0; + height:5px; +} + +.claro .dijitSplitterH .dijitSplitterThumb { + background:@border-color none; + height:1px; + top:2px; + width:19px; +} + +.claro .dijitSplitterV, +.claro .dijitGutterV { + background:none; + border:0; + width:5px; + margin: 0; +} + +.claro .dijitSplitterV .dijitSplitterThumb { + background:@border-color none; + height:19px; + left:2px; + width:1px; + margin: 0; +} + +/* hovered splitter */ +.claro .dijitSplitterHHover { + font-size: 1px; + background: url("../@{image-layout-splitter-horizontal-hover}") no-repeat center top; +} + + +.claro .dijitSplitterHHover .dijitSplitterThumb { + background:@hovered-border-color none; +} + +.claro .dijitSplitterVHover { + font-size: 1px; + background: url("../@{image-layout-splitter-vertical-hover}") no-repeat center left; +} + +.claro .dijitSplitterVHover .dijitSplitterThumb { + background:@hovered-border-color none; +} + +.dj_ie6 .dijitSplitterHHover, +.dj_ie6 .claro .dijitSplitterVHover { + background-color: @splitter-hovered-background-color; + background-image:none; +} + +/* active splitter */ +.claro .dijitSplitterHActive, +.claro .dijitSplitterVActive { + font-size: 1px; + background-color:@splitter-dragged-background-color; +} diff --git a/js/dojo/dijit/themes/claro/layout/ContentPane.css b/js/dojo/dijit/themes/claro/layout/ContentPane.css new file mode 100644 index 0000000..a7753de --- /dev/null +++ b/js/dojo/dijit/themes/claro/layout/ContentPane.css @@ -0,0 +1,38 @@ +/* ContentPane + * + * .dijitContentPane + * set padding for basic content pane + * + * Nested layouts: + * + * .dijitTabContainerTop-dijitContentPane, + * .dijitTabContainerLeft-dijitContentPane, + * .dijitTabContainerBottom-dijitContentPane, + * .dijitTabContainerRight-dijitContentPane + * set background-color and padding of ContentPanes nested within TabContainer (can do top, left, bottom, or right) or Accordion Container + * + * .dijitAccordionContainer-dijitContentPane + * set background-color and padding of ContentPane nested within Accordion + * + * .dijitSplitContainer-dijitContentPane, + * set background-color and padding of ContentPane nested within a SplitContainer + * + * .dijitBorderContainer-dijitContentPane + * set background-color and padding of ContentPane nested within a BorderContainer + */ +.claro .dijitContentPane { + padding: 8px; +} +/* nested layouts */ +.claro .dijitTabContainerTop-dijitContentPane, +.claro .dijitTabContainerLeft-dijitContentPane, +.claro .dijitTabContainerBottom-dijitContentPane, +.claro .dijitTabContainerRight-dijitContentPane, +.claro .dijitAccordionContainer-dijitContentPane { + background-color: #ffffff; + padding: 8px; +} +.claro .dijitSplitContainer-dijitContentPane, .claro .dijitBorderContainer-dijitContentPane { + background-color: #ffffff; + padding: 8px; +} diff --git a/js/dojo/dijit/themes/claro/layout/ContentPane.less b/js/dojo/dijit/themes/claro/layout/ContentPane.less new file mode 100644 index 0000000..83329bd --- /dev/null +++ b/js/dojo/dijit/themes/claro/layout/ContentPane.less @@ -0,0 +1,43 @@ +/* ContentPane + * + * .dijitContentPane + * set padding for basic content pane + * + * Nested layouts: + * + * .dijitTabContainerTop-dijitContentPane, + * .dijitTabContainerLeft-dijitContentPane, + * .dijitTabContainerBottom-dijitContentPane, + * .dijitTabContainerRight-dijitContentPane + * set background-color and padding of ContentPanes nested within TabContainer (can do top, left, bottom, or right) or Accordion Container + * + * .dijitAccordionContainer-dijitContentPane + * set background-color and padding of ContentPane nested within Accordion + * + * .dijitSplitContainer-dijitContentPane, + * set background-color and padding of ContentPane nested within a SplitContainer + * + * .dijitBorderContainer-dijitContentPane + * set background-color and padding of ContentPane nested within a BorderContainer + */ + +@import "../variables"; + +.claro .dijitContentPane { + padding: 8px; +} + +/* nested layouts */ +.claro .dijitTabContainerTop-dijitContentPane, +.claro .dijitTabContainerLeft-dijitContentPane, +.claro .dijitTabContainerBottom-dijitContentPane, +.claro .dijitTabContainerRight-dijitContentPane, +.claro .dijitAccordionContainer-dijitContentPane { + background-color: @pane-background-color; + padding: 8px; +} +.claro .dijitSplitContainer-dijitContentPane, +.claro .dijitBorderContainer-dijitContentPane { + background-color: @pane-background-color; + padding: 8px; +}
\ No newline at end of file diff --git a/js/dojo/dijit/themes/claro/layout/TabContainer.css b/js/dojo/dijit/themes/claro/layout/TabContainer.css new file mode 100644 index 0000000..641b921 --- /dev/null +++ b/js/dojo/dijit/themes/claro/layout/TabContainer.css @@ -0,0 +1,434 @@ +/* TabContainer + * + * Styling TabContainer means styling the TabList and Its content container (dijitTitlePane) + * + * Tab List: (including 4 kinds of tab location) + * .dijitTabContainerTop-tabs - tablist container at top + * .dijitTabContainerBottom-tabs - tablist container at bottom + * .dijitTabContainerLeft-tabs - tablist container at left + * .dijitTabContainerRight-tabs - tablist container at right + * + * Tab Strip Button: + * .dijitTabStripIcon - tab strip button icon + * .dijitTabStripMenuIcon - down arrow icon position + * .dijitTabStripSlideLeftIcon - left arrow icon position + * .dijitTabStripSlideRightIcon - right arrow icon position + * + * .tabStripButtonDisabled - styles for disabled tab strip buttons + * + * Tab Button: + * .dijitTabContainerTop-tabs .dijitTabInnerDiv/.dijitTabContent - styles for top tab button container + * .dijitTabContainerBottom-tabs .dijitTabInnerDiv/.dijitTabContent - styles for bottom tab button container + * .dijitTabContainerLeft-tabs .dijitTabInnerDiv/.dijitTabContent - styles for left tab button container + * .dijitTabContainerRight-tabs .dijitTabInnerDiv/.dijitTabContent - styles for right tab button container + * + * .dijitTabContainerTop-tabs .dijitTabChecked .dijitTabInnerDiv/.dijitTabContent + * - styles for selected status of top tab button + * same to Bottom, Left, Right Tabs + * + * .dijitTabHover .dijitTabInnerDiv - styles when mouse hover on tab buttons + * .dijitTabActive .dijitTabInnerDiv - styles when mouse down on tab buttons + * .dijitTabChecked .dijitTabInnerDiv - styles when on buttons of selected tab + * + * .dijitTabCloseButton - the close action buttons lie at the right top of each tab button on closable tabs + * .dijitTabCloseButtonHover - styles when mouse hover on close action button + * .dijitTabCloseButtonActive - styles when mouse down on close action button + * + * Tab Button: (checked status) + * + * Tab Content Container: + * .dijitTabContainerTop-dijitContentPane + * .dijitTabContainerBottom-dijitContentPane + * .dijitTabContainerLeft-dijitContentPane + * .dijitTabContainerRight-dijitContentPane - for background and padding + * + * Nested Tabs: + * .dijitTabContainerNested - Container for nested tabs + * .dijitTabContainerTabListNested - tab list container for nested tabs + */ +/*** some common features ***/ +.claro .dijitTabPaneWrapper { + background: #ffffff; +} +.claro .dijitTabPaneWrapper, +.claro .dijitTabContainerTop-tabs, +.claro .dijitTabContainerBottom-tabs, +.claro .dijitTabContainerLeft-tabs, +.claro .dijitTabContainerRight-tabs { + /* todo: add common class name for this div */ + + border-color: #b5bcc7; +} +.claro .dijitTabCloseButton { + background: url("../layout/images/tabClose.png") no-repeat; + width: 14px; + height: 14px; + margin-left: 5px; + margin-right: -5px; +} +.claro .dijitTabCloseButtonHover { + background-position: -14px; +} +.claro .dijitTabCloseButtonActive { + background-position: -28px; +} +.claro .dijitTabSpacer { + /* set the spacer invisible. note that height:0 doesn't work on IE/quirks, it's still 10px. */ + + display: none; +} +.claro .dijitTabInnerDiv { + background-color: #efefef; + -webkit-transition-property: background-color, border; + -moz-transition-property: background-color, border; + transition-property: background-color, border; + -webkit-transition-duration: 0.35s; + -moz-transition-duration: 0.35s; + transition-duration: 0.35s; + color: #494949; +} +.claro .dijitTabHover .dijitTabInnerDiv { + background-color: #abd6ff; + -webkit-transition-duration: 0.25s; + -moz-transition-duration: 0.25s; + transition-duration: 0.25s; + color: #000000; +} +.claro .dijitTabActive .dijitTabInnerDiv { + background-color: #7dbdfa; + color: #000000; + -webkit-transition-duration: 0.1s; + -moz-transition-duration: 0.1s; + transition-duration: 0.1s; +} +.claro .dijitTabChecked .dijitTabInnerDiv { + background-color: #cfe5fa; + color: #000000; +} +.claro .dijitTabContent { + border: 1px solid #b5bcc7; +} +.claro .dijitTabHover .dijitTabContent { + border-color: #759dc0; +} +.claro .dijitTabActive .dijitTabContent { + border-color: #759dc0; +} +.claro .dijitTabChecked .dijitTabContent { + color: #000000; + border-color: #b5bcc7; +} +.claro .tabStripButton .dijitTabInnerDiv { + background-color: transparent; +} +.claro .tabStripButton .dijitTabContent { + border: none; +} +/*** end common ***/ +/*************** top tab ***************/ +.claro .dijitTabContainerTop-tabs .dijitTab { + top: 1px; + /* used for overlap */ + + margin-right: 1px; + padding-top: 3px; +} +.dj_ie7 .claro .dijitTabContainerTop-tabs .dijitTab { + top: 3px; +} +/* for top tab padding. change height when status changes */ +.claro .dijitTabContainerTop-tabs .dijitTabContent { + padding: 3px 6px; + border-bottom-width: 0; + background-image: url("../layout/images/tabTop.png"); + background-position: 0 0; + background-repeat: repeat-x; + min-width: 60px; + text-align: center; +} +.claro .dijitTabContainerTop-tabs .dijitTabChecked .dijitTabContent { + padding-bottom: 4px; + padding-top: 6px; +} +/* normal status */ +.claro .dijitTabContainerTop-tabs .dijitTabInnerDiv { + background-image: url("../layout/images/tabTop.png"); + background-position: 0 -248px; + background-position: bottom; + background-repeat: repeat-x; + -webkit-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.04); + -moz-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.04); + box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.04); +} +/* checked status */ +.claro .dijitTabContainerTop-tabs .dijitTabChecked .dijitTabInnerDiv { + background-image: none; + -webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.05); + box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.05); +} +.claro .dijitTabContainerTop-tabs .dijitTabChecked .dijitTabContent { + background-position: 0 -102px; + background-repeat: repeat-x; +} +/** end top tab **/ +/*************** bottom tab ***************/ +.claro .dijitTabContainerBottom-tabs .dijitTab { + top: -1px; + /* used for overlap */ + + margin-right: 1px; +} +/* calculate the position and size */ +.claro .dijitTabContainerBottom-tabs .dijitTabContent { + padding: 3px 6px; + border-top-width: 0; + background-image: url("../layout/images/tabBottom.png"); + background-position: 0 -249px; + background-repeat: repeat-x; + background-position: bottom; + min-width: 60px; + text-align: center; +} +.claro .dijitTabContainerBottom-tabs .dijitTab { + padding-bottom: 3px; +} +/* normal status */ +.claro .dijitTabContainerBottom-tabs .dijitTabInnerDiv { + background-image: url("../layout/images/tabBottom.png"); + background-position: top; + background-repeat: repeat-x; + -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); + -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); +} +/* checked status */ +.claro .dijitTabContainerBottom-tabs .dijitTabChecked .dijitTabContent { + padding-bottom: 7px; + padding-top: 4px; + background-position: 0 -119px; +} +.claro .dijitTabContainerBottom-tabs .dijitTabChecked { + padding-bottom: 0; +} +.claro .dijitTabContainerBottom-tabs .dijitTabChecked .dijitTabInnerDiv { + background-image: none; + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); +} +/** end bottom tab **/ +/*************** left tab ***************/ +.claro .dijitTabContainerLeft-tabs .dijitTab { + border-right-width: 0; + left: 1px; + /* used for overlap */ + + margin-bottom: 1px; +} +/* normal status */ +.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: 0 0; +} +/* checked status */ +.claro .dijitTabContainerLeft-tabs .dijitTabChecked .dijitTabContent { + padding-right: 9px; + border-right: none; + background-image: none; +} +.claro .dijitTabContainerLeft-tabs .dijitTabChecked .dijitTabInnerDiv { + background-position: 0 -179px; + background-repeat: repeat-y; + -webkit-box-shadow: -1px 0 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: -1px 0 2px rgba(0, 0, 0, 0.05); + box-shadow: -1px 0 2px rgba(0, 0, 0, 0.05); +} +/** end left tab **/ +/*************** right tab ***************/ +.claro .dijitTabContainerRight-tabs .dijitTab { + border-left-width: 0; + left: -1px; + /* used for overlap */ + + margin-bottom: 1px; +} +/* normal status */ +.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; +} +/* checked status */ +.claro .dijitTabContainerRight-tabs .dijitTabChecked .dijitTabContent { + padding-left: 5px; + border-left: none; + background-image: none; +} +.claro .dijitTabContainerRight-tabs .dijitTabChecked .dijitTabInnerDiv { + background-position: -348px -179px; + -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.07); + -moz-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.07); + box-shadow: 1px 0 2px rgba(0, 0, 0, 0.07); +} +/** end right tab **/ +/** round corner **/ +.claro .dijitTabContainerTop-tabs .dijitTabInnerDiv, .claro .dijitTabContainerTop-tabs .dijitTabContent { + -moz-border-radius: 2px 2px 0 0; + border-radius: 2px 2px 0 0; +} +.claro .dijitTabContainerBottom-tabs .dijitTabInnerDiv, .claro .dijitTabContainerBottom-tabs .dijitTabContent { + -moz-border-radius: 0 0 2px 2px; + border-radius: 0 0 2px 2px; +} +.claro .dijitTabContainerLeft-tabs .dijitTabInnerDiv, .claro .dijitTabContainerLeft-tabs .dijitTabContent { + -moz-border-radius: 2px 0 0 2px; + border-radius: 2px 0 0 2px; +} +.claro .dijitTabContainerRight-tabs .dijitTabInnerDiv, .claro .dijitTabContainerRight-tabs .dijitTabContent { + -moz-border-radius: 0 2px 2px 0; + border-radius: 0 2px 2px 0; +} +/************ left/right scroll buttons + menu button ************/ +.claro .tabStripButton { + background-color: #e5f2fe; + border: 1px solid #b5bcc7; +} +.claro .dijitTabListContainer-top .tabStripButton { + padding: 4px 3px; + margin-top: 7px; + background-image: url("../layout/images/tabTop.png"); + background-position: 0 0; +} +.claro .dijitTabListContainer-bottom .tabStripButton { + padding: 5px 3px; + margin-bottom: 4px; + background-image: url("../layout/images/tabTop.png"); + background-position: 0 -248px; + background-position: bottom; +} +.claro .tabStripButtonHover { + background-color: #abd6ff; +} +.claro .tabStripButtonActive { + background-color: #7dbdfa; +} +.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%; +} +/*disabled styles for tab strip buttons*/ +.claro .dijitTabListContainer-top .tabStripButtonDisabled, .claro .dijitTabListContainer-bottom .tabStripButtonDisabled { + background-color: #d3d3d3; + border: 1px solid #b5bcc7; + /* to match border of TabContainer itself */ + +} +.claro .tabStripButtonDisabled .dijitTabStripSlideLeftIcon { + background-position: -175px 50%; +} +.claro .tabStripButtonDisabled .dijitTabStripSlideRightIcon { + background-position: -124px 50%; +} +.claro .tabStripButtonDisabled .dijitTabStripMenuIcon { + background-position: -151px 50%; +} +/* Nested Tabs */ +.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; + -moz-transition-property: background-color, border-color; + transition-property: background-color, border-color; + -webkit-transition-duration: 0.3s; + -moz-transition-duration: 0.3s; + transition-duration: 0.3s; + -moz-border-radius: 2px; + border-radius: 2px; +} +.claro .dijitTabContainerTabListNested .dijitTab .dijitTabInnerDiv { + /* 4 element selector to override box-shadow setting from above rule: + * .claro .dijitTabContainerTop-tabs .dijitTabChecked .dijitTabInnerDiv { ... } + */ + + background: none; + border: none; + top: 0; + /* to override top: 1px/-1px for normal tabs */ + + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} +.claro .dijitTabContainerTabListNested .dijitTabHover .dijitTabContent { + background-color: #e5f2fe; + border: solid 1px #cfe5fa; + padding: 3px; + -webkit-transition-duration: 0.2s; + -moz-transition-duration: 0.2s; + transition-duration: 0.2s; +} +.claro .dijitTabContainerTabListNested .dijitTabHover .tabLabel { + text-decoration: none; +} +.claro .dijitTabContainerTabListNested .dijitTabActive .dijitTabContent { + border: solid 1px #759dc0; + padding: 3px; + background: #abd6ff url("../layout/images/tabNested.png") repeat-x; + -webkit-transition-duration: 0.1s; + -moz-transition-duration: 0.1s; + transition-duration: 0.1s; +} +.claro .dijitTabContainerTabListNested .dijitTabChecked .dijitTabContent { + padding: 3px; + border: solid 1px #759dc0; + background-position: 0 105px; + background-color: #cfe5fa; +} +.claro .dijitTabContainerTabListNested .dijitTabChecked .tabLabel { + text-decoration: none; + background-image: none; +} +.claro .dijitTabPaneWrapperNested { + border: none; + /* prevent double border */ + +} +.dj_ie6 .claro .dijitTabContent, +.dj_ie6 .claro .dijitTabInnerDiv, +.dj_ie6 .dijitTabListContainer-top .tabStripButton, +.dj_ie6 .dijitTabListContainer-bottom .tabStripButton { + background-image: none; +} diff --git a/js/dojo/dijit/themes/claro/layout/TabContainer.less b/js/dojo/dijit/themes/claro/layout/TabContainer.less new file mode 100644 index 0000000..16947ff --- /dev/null +++ b/js/dojo/dijit/themes/claro/layout/TabContainer.less @@ -0,0 +1,408 @@ +/* TabContainer + * + * Styling TabContainer means styling the TabList and Its content container (dijitTitlePane) + * + * Tab List: (including 4 kinds of tab location) + * .dijitTabContainerTop-tabs - tablist container at top + * .dijitTabContainerBottom-tabs - tablist container at bottom + * .dijitTabContainerLeft-tabs - tablist container at left + * .dijitTabContainerRight-tabs - tablist container at right + * + * Tab Strip Button: + * .dijitTabStripIcon - tab strip button icon + * .dijitTabStripMenuIcon - down arrow icon position + * .dijitTabStripSlideLeftIcon - left arrow icon position + * .dijitTabStripSlideRightIcon - right arrow icon position + * + * .tabStripButtonDisabled - styles for disabled tab strip buttons + * + * Tab Button: + * .dijitTabContainerTop-tabs .dijitTabInnerDiv/.dijitTabContent - styles for top tab button container + * .dijitTabContainerBottom-tabs .dijitTabInnerDiv/.dijitTabContent - styles for bottom tab button container + * .dijitTabContainerLeft-tabs .dijitTabInnerDiv/.dijitTabContent - styles for left tab button container + * .dijitTabContainerRight-tabs .dijitTabInnerDiv/.dijitTabContent - styles for right tab button container + * + * .dijitTabContainerTop-tabs .dijitTabChecked .dijitTabInnerDiv/.dijitTabContent + * - styles for selected status of top tab button + * same to Bottom, Left, Right Tabs + * + * .dijitTabHover .dijitTabInnerDiv - styles when mouse hover on tab buttons + * .dijitTabActive .dijitTabInnerDiv - styles when mouse down on tab buttons + * .dijitTabChecked .dijitTabInnerDiv - styles when on buttons of selected tab + * + * .dijitTabCloseButton - the close action buttons lie at the right top of each tab button on closable tabs + * .dijitTabCloseButtonHover - styles when mouse hover on close action button + * .dijitTabCloseButtonActive - styles when mouse down on close action button + * + * Tab Button: (checked status) + * + * Tab Content Container: + * .dijitTabContainerTop-dijitContentPane + * .dijitTabContainerBottom-dijitContentPane + * .dijitTabContainerLeft-dijitContentPane + * .dijitTabContainerRight-dijitContentPane - for background and padding + * + * Nested Tabs: + * .dijitTabContainerNested - Container for nested tabs + * .dijitTabContainerTabListNested - tab list container for nested tabs + */ + +@import "../variables"; + +/*** some common features ***/ +.claro .dijitTabPaneWrapper { + background:@pane-background-color; +} +.claro .dijitTabPaneWrapper, +.claro .dijitTabContainerTop-tabs, +.claro .dijitTabContainerBottom-tabs, +.claro .dijitTabContainerLeft-tabs, +.claro .dijitTabContainerRight-tabs { + /* todo: add common class name for this div */ + border-color: @border-color; +} +.claro .dijitTabCloseButton { + background: url("../@{image-layout-tab-close}") no-repeat; + width: 14px; + height: 14px; + margin-left: 5px; + margin-right:-5px; +} +.claro .dijitTabCloseButtonHover { + background-position:-14px; +} +.claro .dijitTabCloseButtonActive { + background-position:-28px; +} +.claro .dijitTabSpacer { + /* set the spacer invisible. note that height:0 doesn't work on IE/quirks, it's still 10px. */ + display: none; +} +.claro .dijitTabInnerDiv { + background-color:@unselected-background-color; + .transition-property(background-color, border); + .transition-duration(.35s); + color:@unselected-text-color; +} +.claro .dijitTabHover .dijitTabInnerDiv { + background-color:@hovered-background-color; + .transition-duration(.25s); + color:@hovered-text-color; +} +.claro .dijitTabActive .dijitTabInnerDiv { + background-color:@pressed-background-color; + color:@selected-text-color; + .transition-duration(.1s); +} +.claro .dijitTabChecked .dijitTabInnerDiv { + background-color:@selected-background-color; + color:@selected-text-color; +} + +.claro .dijitTabContent { + border: 1px solid @border-color; +} +.claro .dijitTabHover .dijitTabContent { + border-color: @hovered-border-color; +} +.claro .dijitTabActive .dijitTabContent { + border-color: @pressed-border-color; +} +.claro .dijitTabChecked .dijitTabContent { + color:@selected-text-color; // todo: redundant with .claro .dijitTabChecked .dijitTabInnerDiv above? + border-color: @border-color; // don't use @selected-border-color because need to match border of TabContainer +} + +.claro .tabStripButton .dijitTabInnerDiv { + background-color: transparent; +} +.claro .tabStripButton .dijitTabContent { + border: none; +} +/*** end common ***/ + + +/*************** top tab ***************/ +.claro .dijitTabContainerTop-tabs .dijitTab { + top: 1px; /* used for overlap */ + margin-right: 1px; + padding-top: 3px; +} +.dj_ie7 .claro .dijitTabContainerTop-tabs .dijitTab { + top: 3px; +} +/* for top tab padding. change height when status changes */ +.claro .dijitTabContainerTop-tabs .dijitTabContent { + padding:3px 6px; + border-bottom-width: 0; + background-image:url("../@{image-layout-tab-top}"); + background-position:0 0; + background-repeat:repeat-x; + min-width: 60px; + text-align: center; +} +.claro .dijitTabContainerTop-tabs .dijitTabChecked .dijitTabContent { + padding-bottom: 4px; + padding-top: 6px; +} + +/* normal status */ +.claro .dijitTabContainerTop-tabs .dijitTabInnerDiv { + background-image:url("../@{image-layout-tab-top}"); + background-position:0 -248px; + background-position:bottom; + background-repeat:repeat-x; + .box-shadow(0 -1px 1px rgba(0, 0, 0, 0.04)); +} + +/* checked status */ +.claro .dijitTabContainerTop-tabs .dijitTabChecked .dijitTabInnerDiv { + background-image:none; + .box-shadow(0 -1px 2px rgba(0, 0, 0, 0.05)); +} +.claro .dijitTabContainerTop-tabs .dijitTabChecked .dijitTabContent { + background-position:0 -102px; + background-repeat:repeat-x; +} +/** end top tab **/ + + +/*************** bottom tab ***************/ +.claro .dijitTabContainerBottom-tabs .dijitTab { + top: -1px; /* used for overlap */ + margin-right: 1px; +} +/* calculate the position and size */ +.claro .dijitTabContainerBottom-tabs .dijitTabContent { + padding:3px 6px; + border-top-width: 0; + background-image: url("../@{image-layout-tab-bottom}"); + background-position:0 -249px; + background-repeat: repeat-x; + background-position:bottom; + min-width: 60px; + text-align: center; +} +.claro .dijitTabContainerBottom-tabs .dijitTab { + padding-bottom: 3px; +} +/* normal status */ +.claro .dijitTabContainerBottom-tabs .dijitTabInnerDiv { + background-image: url("../@{image-layout-tab-bottom}"); + background-position: top; + background-repeat: repeat-x; + .box-shadow(0 1px 1px rgba(0, 0, 0, 0.04)); + +} + +/* checked status */ +.claro .dijitTabContainerBottom-tabs .dijitTabChecked .dijitTabContent { + padding-bottom: 7px; + padding-top: 4px; + background-position:0 -119px; +} +.claro .dijitTabContainerBottom-tabs .dijitTabChecked { + padding-bottom: 0; +} +.claro .dijitTabContainerBottom-tabs .dijitTabChecked .dijitTabInnerDiv { + background-image:none; + .box-shadow(0 1px 2px rgba(0, 0, 0, 0.05)); +} +/** end bottom tab **/ + +/*************** left tab ***************/ +.claro .dijitTabContainerLeft-tabs .dijitTab { + border-right-width: 0; + left: 1px; /* used for overlap */ + margin-bottom: 1px; +} +/* normal status */ +.claro .dijitTabContainerLeft-tabs .dijitTabInnerDiv { + background-image: url("../@{image-layout-tab-left}"); + background-position: -347px -340px; + background-repeat: repeat-y; +} +.claro .dijitTabContainerLeft-tabs .dijitTabContent { + padding:3px 8px 4px 4px; + background-image: url("../@{image-layout-tab-left}"); + background-repeat: repeat-y; + background-position:0 0; +} +/* checked status */ +.claro .dijitTabContainerLeft-tabs .dijitTabChecked .dijitTabContent { + padding-right: 9px; + border-right: none; + background-image: none; +} +.claro .dijitTabContainerLeft-tabs .dijitTabChecked .dijitTabInnerDiv { + background-position:0 -179px; + background-repeat:repeat-y; + .box-shadow(-1px 0 2px rgba(0, 0, 0, .05)); +} +/** end left tab **/ + +/*************** right tab ***************/ +.claro .dijitTabContainerRight-tabs .dijitTab { + border-left-width: 0; + left: -1px; /* used for overlap */ + margin-bottom: 1px; +} +/* normal status */ +.claro .dijitTabContainerRight-tabs .dijitTabInnerDiv { + background-image: url("../@{image-layout-tab-right}"); + background-repeat: repeat-y; + background-position: -1px -347px; +} +.claro .dijitTabContainerRight-tabs .dijitTabContent { + padding:3px 8px 4px 4px; + background-image: url("../@{image-layout-tab-right}"); + background-position:right top; + background-repeat: repeat-y; +} +/* checked status */ +.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 0 2px rgba(0, 0, 0, 0.07)); +} +/** end right tab **/ + +/** round corner **/ +.claro .dijitTabContainerTop-tabs .dijitTabInnerDiv, +.claro .dijitTabContainerTop-tabs .dijitTabContent { + .border-radius(2px 2px 0 0); +} +.claro .dijitTabContainerBottom-tabs .dijitTabInnerDiv, +.claro .dijitTabContainerBottom-tabs .dijitTabContent{ + .border-radius(0 0 2px 2px); +} +.claro .dijitTabContainerLeft-tabs .dijitTabInnerDiv, +.claro .dijitTabContainerLeft-tabs .dijitTabContent{ + .border-radius(2px 0 0 2px); +} + +.claro .dijitTabContainerRight-tabs .dijitTabInnerDiv, +.claro .dijitTabContainerRight-tabs .dijitTabContent{ + .border-radius(0 2px 2px 0); +} + +/************ left/right scroll buttons + menu button ************/ +.claro .tabStripButton { + background-color:@button-background-color; + border: 1px solid @border-color; +} +.claro .dijitTabListContainer-top .tabStripButton { + padding: 4px 3px; + margin-top:7px; + background-image: url("../@{image-layout-tab-top}"); + background-position:0 0; +} +.claro .dijitTabListContainer-bottom .tabStripButton { + padding:5px 3px; + margin-bottom:4px; + background-image: url("../@{image-layout-tab-top}"); + background-position:0 -248px; + background-position:bottom; +} +.claro .tabStripButtonHover { + background-color:@hovered-background-color; +} +.claro .tabStripButtonActive { + background-color:@pressed-background-color; +} +.claro .dijitTabStripIcon { + height:15px; + width:15px; + margin: 0 auto; + background:url("../@{image-form-button-arrows}") no-repeat -75px 50%; + background-color: transparent; +} +.claro .dijitTabStripSlideRightIcon{ + background-position: -24px 50%; +} +.claro .dijitTabStripMenuIcon { + background-position: -51px 50%; +} + +/*disabled styles for tab strip buttons*/ +.claro .dijitTabListContainer-top .tabStripButtonDisabled, +.claro .dijitTabListContainer-bottom .tabStripButtonDisabled { + background-color:@tab-disabled-background-color; + border:1px solid @border-color; /* to match border of TabContainer itself */ +} +.claro .tabStripButtonDisabled .dijitTabStripSlideLeftIcon { + background-position:-175px 50%; +} +.claro .tabStripButtonDisabled .dijitTabStripSlideRightIcon { + background-position: -124px 50%; +} +.claro .tabStripButtonDisabled .dijitTabStripMenuIcon { + background-position: -151px 50%; +} +/* Nested Tabs */ +.claro .dijitTabContainerNested .dijitTabListWrapper { + height: auto; +} +.claro .dijitTabContainerNested .dijitTabContainerTop-tabs { + border-bottom:solid 1px @border-color; + 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); + .transition-property(background-color, border-color); + .transition-duration(.3s); + .border-radius(2px); +} +.claro .dijitTabContainerTabListNested .dijitTab .dijitTabInnerDiv { + /* 4 element selector to override box-shadow setting from above rule: + * .claro .dijitTabContainerTop-tabs .dijitTabChecked .dijitTabInnerDiv { ... } + */ + background: none; + border: none; + top: 0;/* to override top: 1px/-1px for normal tabs */ + .box-shadow(none); +} +.claro .dijitTabContainerTabListNested .dijitTabHover .dijitTabContent { + background-color: @nestedtab-hovered-background-color; + border:solid 1px @nestedtab-hovered-border-color; + padding: 3px; + .transition-duration(.2s); +} +.claro .dijitTabContainerTabListNested .dijitTabHover .tabLabel { + text-decoration: none; +} +.claro .dijitTabContainerTabListNested .dijitTabActive .dijitTabContent { + border:solid 1px @nestedtab-selected-border-color; + padding: 3px; + background: @nestedtab-selected-background-color url("../@{image-layout-tab-nested}") repeat-x; + .transition-duration(.1s); +} +.claro .dijitTabContainerTabListNested .dijitTabChecked .dijitTabContent { + padding: 3px; + border:solid 1px @selected-border-color; + background-position: 0 105px; + background-color:@selected-background-color; +} +.claro .dijitTabContainerTabListNested .dijitTabChecked .tabLabel { + text-decoration: none; + background-image:none; +} +.claro .dijitTabPaneWrapperNested { + border: none;/* prevent double border */ +} + + +.dj_ie6 .claro .dijitTabContent, +.dj_ie6 .claro .dijitTabInnerDiv, +.dj_ie6 .dijitTabListContainer-top .tabStripButton, +.dj_ie6 .dijitTabListContainer-bottom .tabStripButton{ + background-image: none; +} diff --git a/js/dojo/dijit/themes/claro/layout/TabContainer_rtl.css b/js/dojo/dijit/themes/claro/layout/TabContainer_rtl.css new file mode 100644 index 0000000..89fdff0 --- /dev/null +++ b/js/dojo/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 { + /*Make the .tablabel have width in ie6 with haslayout property, fix Close icon position bug*/ + + 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 { + /* this strange rule prevents IE6 bug in themeTester.html?dir=rtl upon closing + * "Closable" tab, where the other tabs disappear + */ + + padding-left: 3px; +} +.dj_iequirks-rtl .claro .dijitTabListWrapper { + /* this strange rule prevents IE6 bug in themeTesterQuirk.html?dir=rtl upon closing + * "Closable" tab, where the other tabs disappear + */ + + border-left: 1px solid #ffffff; + border-right: 1px solid #ffffff; +} diff --git a/js/dojo/dijit/themes/claro/layout/TabContainer_rtl.less b/js/dojo/dijit/themes/claro/layout/TabContainer_rtl.less new file mode 100644 index 0000000..eaada0d --- /dev/null +++ b/js/dojo/dijit/themes/claro/layout/TabContainer_rtl.less @@ -0,0 +1,81 @@ +@import "../variables"; + +.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; +} + +// Note that .tabStripButtonRtl .dijitButtonContents needed for IE8 quirks but breaks IE6 quirks +.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 { + /*Make the .tablabel have width in ie6 with haslayout property, fix Close icon position bug*/ + 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 { + /* this strange rule prevents IE6 bug in themeTester.html?dir=rtl upon closing + * "Closable" tab, where the other tabs disappear + */ + padding-left: 3px; +} + +.dj_iequirks-rtl .claro .dijitTabListWrapper { + /* this strange rule prevents IE6 bug in themeTesterQuirk.html?dir=rtl upon closing + * "Closable" tab, where the other tabs disappear + */ + border-left: 1px solid @pane-background-color; + border-right: 1px solid @pane-background-color; +} diff --git a/js/dojo/dijit/themes/claro/layout/images/accordion.png b/js/dojo/dijit/themes/claro/layout/images/accordion.png Binary files differnew file mode 100644 index 0000000..4818103 --- /dev/null +++ b/js/dojo/dijit/themes/claro/layout/images/accordion.png diff --git a/js/dojo/dijit/themes/claro/layout/images/splitterHorizontalHover.png b/js/dojo/dijit/themes/claro/layout/images/splitterHorizontalHover.png Binary files differnew file mode 100644 index 0000000..0f5b691 --- /dev/null +++ b/js/dojo/dijit/themes/claro/layout/images/splitterHorizontalHover.png diff --git a/js/dojo/dijit/themes/claro/layout/images/splitterVerticalHover.png b/js/dojo/dijit/themes/claro/layout/images/splitterVerticalHover.png Binary files differnew file mode 100644 index 0000000..2c3c696 --- /dev/null +++ b/js/dojo/dijit/themes/claro/layout/images/splitterVerticalHover.png diff --git a/js/dojo/dijit/themes/claro/layout/images/tabBottom.png b/js/dojo/dijit/themes/claro/layout/images/tabBottom.png Binary files differnew file mode 100644 index 0000000..dbcfc85 --- /dev/null +++ b/js/dojo/dijit/themes/claro/layout/images/tabBottom.png diff --git a/js/dojo/dijit/themes/claro/layout/images/tabClose.png b/js/dojo/dijit/themes/claro/layout/images/tabClose.png Binary files differnew file mode 100644 index 0000000..f3b2363 --- /dev/null +++ b/js/dojo/dijit/themes/claro/layout/images/tabClose.png diff --git a/js/dojo/dijit/themes/claro/layout/images/tabLeft.png b/js/dojo/dijit/themes/claro/layout/images/tabLeft.png Binary files differnew file mode 100644 index 0000000..8e9fcba --- /dev/null +++ b/js/dojo/dijit/themes/claro/layout/images/tabLeft.png diff --git a/js/dojo/dijit/themes/claro/layout/images/tabNested.png b/js/dojo/dijit/themes/claro/layout/images/tabNested.png Binary files differnew file mode 100644 index 0000000..0140cf4 --- /dev/null +++ b/js/dojo/dijit/themes/claro/layout/images/tabNested.png diff --git a/js/dojo/dijit/themes/claro/layout/images/tabRight.png b/js/dojo/dijit/themes/claro/layout/images/tabRight.png Binary files differnew file mode 100644 index 0000000..0aaae53 --- /dev/null +++ b/js/dojo/dijit/themes/claro/layout/images/tabRight.png diff --git a/js/dojo/dijit/themes/claro/layout/images/tabTop.png b/js/dojo/dijit/themes/claro/layout/images/tabTop.png Binary files differnew file mode 100644 index 0000000..2822487 --- /dev/null +++ b/js/dojo/dijit/themes/claro/layout/images/tabTop.png diff --git a/js/dojo/dijit/themes/claro/variables.less b/js/dojo/dijit/themes/claro/variables.less new file mode 100644 index 0000000..ca7d677 --- /dev/null +++ b/js/dojo/dijit/themes/claro/variables.less @@ -0,0 +1,244 @@ +// General + +@primary-color: #cfe5fa; // Base color for entire theme +@secondary-color: #efefef; // Base color for bar-backgrounds +@text-color: #000; // Text color for enabled widgets +@disabled-color: #d3d3d3; // Base for disabled backgrounds and borders +@error-color: #d46464; + +@container-background-color:#fff; // Backgrounds for various content areas such as TitlePane, ContentPane and Inputs + +@minor-selected-color: spin(saturate(darken(@primary-color, 6), 19), 0); // Color for various arrows and buttons +@base-border-color: spin(desaturate(darken(@primary-color, 29), 44), -1); // Augmented and used directly by variables to create border colors for various widgets +@unfocused-clickable-color: spin(saturate(lighten(@primary-color, 5), 10), 0); // Background color for enabled buttons, text inputs +@border-color: spin(desaturate(darken(@primary-color, 15), 67), 8); // Border color for (enabled, unhovered) TextBox, Slider, Accordion, BorderContainer, TabContainer +@minor-border-color: @disabled-color; // Color of borders inside widgets: horizontal line in Calendar between weeks, around color swatches in ColorPalette, above Dialog action bar +@popup-border-color: @base-border-color; // Border for Dialog, Menu, Tooltip. Must also update tooltip.png (the arrow image file) to match + + +@disabled-border-color: @disabled-color; // Border color for disabled/readonly Button, TextBox etc. widgets +@disabled-background-color: @secondary-color; // Disabled button, textbox, etc. +@disabled-text-color: darken(@secondary-color, 43); // Text color for disabled/readonly widgets + +@unselected-background-color: @secondary-color; // Background color for unselected/unopened tab button, accordion pane, TitlePane, Menu items +@unselected-text-color: darken(@secondary-color, 65); // Text color for unselected/unopened tab button, accordion pane, TitlePane, Menu items + +@hovered-border-color: @base-border-color; // Hover of textbox, tab label, BorderContainer splitter, Calendar, etc. +@hovered-background-color: @minor-selected-color; // Background color for hover of Button, MenuBar, Accordion pane, Calendar... anything that has a (non-white) color to start with and gets darker on hover +@hovered-text-color: @text-color; // Used for title of select Accordion pane, label of select tab, hovered Menu item, etc. + +@pressed-border-color: @base-border-color; // During click on Calendar day, Slider up/down buttons, tab button, etc. +@pressed-background-color: spin(saturate(darken(@primary-color, 16), 12), 0); // Background color while clicking on Accordion/TitlePane title bar, tab button, Calendar day, Toolbar button, Tree row. + +@selected-border-color: @base-border-color; // Selected AccordionPane, tab of nested TabContainer (but plain TabContainer is special) +@selected-background-color: @primary-color; // Selected Accordion pane, nested tab label, Tree row +@selected-text-color: @text-color; // title of selected Accordion pane, label of selected tab, hovered Menu item, etc. + +@bar-background-color: @secondary-color; // MenuBar, Toolbar, action bar at bottom of dialog +@pane-background-color: @container-background-color; // Background color of Accordion panes, Dialogs, etc. +@popup-background-color: @container-background-color; // Background for Dialog. TODO: currently use for ColorPalette, maybe should change. + + + +// Buttons +@button-border-color: @base-border-color; // Border for (stand-alone) buttons in normal, hovered, or active state +@button-background-color: @unfocused-clickable-color; // Background color for (unhovered) buttons +@button-hovered-background-color: @minor-selected-color; // Background color for hovered buttons +@button-pressed-background-color: @minor-selected-color; // Background color for active buttons +@button-border-radius: 4px; // Rounded corner radius for buttons (except in toolbar) + +// Input widgets +@focused-border-color: @base-border-color; // Focused textbox, editor, select, etc. +@error-border-color: @error-color; // Border for textbox in error state +@error-focused-border-color: darken(@error-color, 5); // Border of textbox in error state, and focused +@erroricon-background-color: @error-color; // Background color for exclamation point validation icon (for TextBox in error state) +@textbox-background-color: @container-background-color; // Default background color of TextBox based widgets +@textbox-hovered-background-color: @unfocused-clickable-color; // Background color when hovering a unfocused TextBox, Select, Editor, or other input widget +@textbox-focused-background-color: @textbox-background-color; +@textbox-error-background-color: @textbox-background-color; +@textbox-disabled-background-color: @disabled-background-color; + +@textbox-padding: 2px; // Padding for Textbox, Textarea, etc. + +// CheckBox, RadioButton +@focus-outline-color: darken(@secondary-color, 65); // Color for artificial focus outline around labels of checkboxes + +// TabContainer +@nestedtab-hovered-background-color: @unfocused-clickable-color; +@nestedtab-hovered-border-color: @primary-color; +@nestedtab-selected-border-color: @selected-border-color; +@nestedtab-selected-background-color: @minor-selected-color; +@tab-disabled-background-color: @disabled-color; // For disabled tabs of a TabContainer (not officially supported) + +// Arrow buttons (stand alone, or inside ComboBox / ComboButton / Spinner / etc. +@arrowbutton-background-color: @secondary-color; +@arrowbutton-hovered-background-color: @minor-selected-color; // Color of arrow when hovering ComboBox. But hovering Spinner doesn't change arrow color (TODO) +@arrowbutton-pressed-background-color: @minor-selected-color; +@arrowbutton-inner-border-color: @container-background-color; // Typically the arrows have an inner white border (a.k.a. padding) and then an outer black-ish border + +// Slider +// Note: any changes here require corresponding changes in form/images/sliderThumbs.png +@slider-fullbar-background-color: @primary-color; // Background color for part of slider bar before (to the left or below) the handle +@slider-remainingbar-background-color: @container-background-color; // Background color for part of slider bar after (to the right or above) the handle +@slider-hovered-fullbar-background-color: @minor-selected-color; // Background color for part of bar of hovered slider before (to the left or below) the handle +@slider-hovered-remainingbar-background-color: @container-background-color; // Background color for part of bar of hovered slider after (to the right or above) the handle +@slider-hoveredButton-background-color: @container-background-color; // Background color of slider increment/decrement buttons when mouse is over slider but not over the buttons +@slider-focused-fullbar-background-color: @minor-selected-color; // Background color for part of bar of focused slider before (to the left or below) the handle +@slider-focused-remainingbar-background-color: @container-background-color; // Background color for part of bar of focused slider after (to the right or above) the handle +@slider-button-hovered-background-color: @primary-color; // Background color of slider increment/decrement buttons when mouse is over the buttons +@slider-button-pressed-background-color: @minor-selected-color; // Background color of slider increment/decrement buttons while button is depressed + +// Select, ComboBox +@select-dropdownitem-background-color: @container-background-color; // Background color for items in the drop down list of a ComboBox/Select +@select-dropdownitem-hovered-background-color: @pressed-background-color; // Background color for the hovered item in the drop down list of a ComboBox/Select +@select-matchedtext-background-color: @minor-selected-color; // Background color of text in ComboBox drop down that matches typed in phrase + +// Menus +@menu-background-color: @popup-background-color; + +// Calendar +@calendar-background-color: @primary-color; +@calendar-currentmonth-background-color: @container-background-color; // Background color for days of the current month +@calendar-adjacentmonth-background-color: @unfocused-clickable-color; // Background color used for days from previous or next month +@calendar-adjacentmonth-text-color: @base-border-color; // Text color used for days from previous or next month +@calendar-date-pressed-border-color: @container-background-color; // For some reason pressing a day of the month (as opposed to hovering it) makes the border go away, is this intentional? +@calendar-date-pressed-background-color: @pressed-background-color; +@calendar-date-selected-border-color: @selected-border-color; +@calendar-date-selected-background-color: @minor-selected-color; +@calendar-button-hovered-background-color: @unfocused-clickable-color; // for hover or next/previous year, and month drop down (TODO: border and background are built in to calendarArrows.png, can't control from here) +@calendar-button-hovered-border-color: @container-background-color; // for hover or next/previous year, and month drop down +@calendar-button-pressed-background-color: @pressed-background-color; +@calendar-button-pressed-border-color: @pressed-border-color; + + +// ProgressBar +@progressbar-border-color: @popup-border-color; // Border color of progress bar +@progressbar-full-background-color:@minor-selected-color; // Background color for part of progress bar indicating amount completed +@progressbar-empty-background-color: @container-background-color; // Background color for part of progress bar indicating amount remaining +@progressbar-text-color: @text-color; // Color of progress bar text (ex: "35%"). Must contrast with both empty and full background colors. + +// TimePicker +@timepicker-minorvalue-background-color: @secondary-color; // For 3:15, 3:30, 3:45 but not 3:00 or 4:00 +@timepicker-minorvalue-text-color: darken(@secondary-color, 43); +@timepicker-majorvalue-background-color: @unfocused-clickable-color; // For 3:00, 4:00, 5:00, etc. +@timepicker-value-hovered-background-color: @pressed-background-color; +@timepicker-value-hovered-text-color: @hovered-text-color; +@timepicker-arrow-hovered-background-color: @minor-selected-color; + +// ColorPalette +@colorpalette-background-color: @container-background-color; +@swatch-border-color: @minor-border-color; +@swatch-hovered-border-color: #000; +@swatch-selected-border-color: #000; + +// Dialog +@dialog-underlay-color: @container-background-color; // the thing that grays out the screen when a dialog is shown +@dialog-titlebar-border-color: @container-background-color; // Inner border around the title sectionof a Dialog, inside the main border of the Dialog and the border between title and content +@dialog-titlebar-background-color: @minor-selected-color; + +// BorderContainer +@splitter-hovered-background-color: @primary-color; // Color of splitter when user hovers it, before mouse down +@splitter-dragged-background-color: @minor-selected-color; // Color of splitter while it's being dragged + +// Toolbar +@toolbar-button-checked-background-color: @container-background-color; // a toggled-on button in the toolbar +@toolbar-combobutton-hovered-unhoveredsection-background-color: spin(saturate(lighten(@primary-color, 8), 19), -29); // when user hovers a ComboButton in a Toolbar, the other half of the button turns this color +@toolbar-button-border-radius: 2px; // Rounded corner radius for buttons for buttons in toolbar + +// DnD +@dnd-avatar-background-color: @container-background-color; // Background color of little Dialog-type box indicating dragged items +@dnd-avatar-header-background-color: #f58383; // Title bar for dragged items +@dnd-avatar-candrop-header-background-color: #97e68d;// Title bar for dragged items when they can be dropped +@dnd-dropseparator-color: @base-border-color; // Color of line indicating that user is about to drop between items A & B + +// Document level +@document-text-color: #131313; // Text color for document itself (text outside of widgets) +@document-shadedsection-background-color: @bar-background-color;// background color used for <pre>, <code>, and table header rows +@document-border-color: @disabled-color; // Border for <pre>, <code>, tables, etc. + +// Images +@image-arrow-sprite: "images/spriteArrows.png"; +@image-calendar-container: "images/calendarContainerImages.png"; +@image-calendar-arrows: "images/calendarArrows.png"; +@image-calendar-arrows-ie6: "images/calendarArrows8bit.png"; +@image-checkmark: "images/checkmarkNoBorder.png"; +@image-checkmark-ie6: "images/checkmarkNoBorder.gif"; +@image-common-highlight: "images/commonHighlight.png"; +@image-dialog-close: "images/dialogCloseIcon.png"; +@image-dialog-close-ie6: "images/dialogCloseIcon8bit.png"; +@image-dnd: "images/dnd.png"; +@image-editor-icons-enabled: "../../icons/images/editorIconsEnabled.png"; +@image-form-button: "form/images/button.png"; +@image-form-button-arrows: "form/images/buttonArrows.png"; +@image-form-checkbox-and-radios: "form/images/checkboxRadioButtonStates.png"; +@image-form-checkbox-and-radios-ie6: "form/images/checkboxAndRadioButtons_IE6.png"; +@image-form-common-arrows: "form/images/commonFormArrows.png"; +@image-form-error: "form/images/error.png"; +@image-form-highlight: "form/images/formHighlight.png"; +@image-form-slider-horizontal: "form/images/sliderHorizontal.png"; +@image-form-slider-thumbs: "form/images/sliderThumbs.png"; +@image-form-slider-vertical: "form/images/sliderVertical.png"; +@image-form-textbox-background: "form/images/textBox_back.png"; +@image-layout-accordion: "layout/images/accordion.png"; +@image-layout-splitter-horizontal-hover: "layout/images/splitterHorizontalHover.png"; +@image-layout-splitter-vertical-hover: "layout/images/splitterVerticalHover.png"; +@image-layout-tab-bottom: "layout/images/tabBottom.png"; +@image-layout-tab-close: "layout/images/tabClose.png"; +@image-layout-tab-left: "layout/images/tabLeft.png"; +@image-layout-tab-nested: "layout/images/tabNested.png"; +@image-layout-tab-right: "layout/images/tabRight.png"; +@image-layout-tab-top: "layout/images/tabTop.png"; +@image-loading-animation: "images/loadingAnimation.gif"; +@image-menu-highlight: "images/menuHighlight.png"; +@image-progressbar-empty: "images/progressBarEmpty.png"; +@image-progressbar-full: "images/progressBarFull.png"; +@image-progressbar-anim: "images/progressBarAnim.gif"; +@image-titlebar: "images/titlebar.png"; +@image-tooltip: "images/tooltip.png"; +@image-tooltip-ie6: "images/tooltip8bit.png"; +@image-tooltip-gradient: "images/tooltipGradient.png"; +@image-tree-expand: "images/treeExpandImages.png"; +@image-tree-expand-ie6: "images/treeExpandImages8bit.png"; + +// Mixins + +.border-radius (@radius) { + -moz-border-radius: @radius; + border-radius: @radius; +} + +.box-shadow (@value) { + -webkit-box-shadow: @value; + -moz-box-shadow: @value; + box-shadow: @value; +} + +.transition-property (@value) { + -webkit-transition-property: @value; + -moz-transition-property: @value; + transition-property: @value; +} + +.transition-property (@value1, @value2) { + -webkit-transition-property: @value1, @value2; + -moz-transition-property: @value1, @value2; + transition-property: @value1, @value2; +} + +.transition-duration (@value) { + -webkit-transition-duration: @value; + -moz-transition-duration: @value; + transition-duration: @value; +} + +.transition-duration (@value1, @value2) { + -webkit-transition-duration: @value1, @value2; + -moz-transition-duration: @value1, @value2; + transition-duration: @value1, @value2; +} + +.transition-timing-function (@value) { + -webkit-transition-timing-function: @value; + -moz-transition-timing-function: @value; + transition-timing-function: @value; +} diff --git a/js/dojo/dijit/themes/dijit.css b/js/dojo/dijit/themes/dijit.css new file mode 100644 index 0000000..4c60bf3 --- /dev/null +++ b/js/dojo/dijit/themes/dijit.css @@ -0,0 +1,2051 @@ +/* + Essential styles that themes can inherit. + In other words, works but doesn't look great. +*/ + + + +/**** + GENERIC PIECES + ****/ + +.dijitReset { + /* Use this style to null out padding, margin, border in your template elements + so that page specific styles don't break them. + - Use in all TABLE, TR and TD tags. + */ + margin:0; + border:0; + padding:0; + line-height:normal; + font: inherit; + color: inherit; +} +.dijit_a11y .dijitReset { + -moz-appearance: none; /* remove predefined high-contrast styling in Firefox */ +} + +.dijitInline { + /* To inline block elements. + Similar to InlineBox below, but this has fewer side-effects in Moz. + Also, apparently works on a DIV as well as a FIELDSET. + */ + display:inline-block; /* webkit and FF3 */ + #zoom: 1; /* set hasLayout:true to mimic inline-block */ + #display:inline; /* don't use .dj_ie since that increases the priority */ + border:0; + padding:0; + vertical-align:middle; + #vertical-align: auto; /* makes TextBox,Button line up w/native counterparts on IE6 */ +} + +table.dijitInline { + /* To inline tables with a given width set */ + display:inline-table; + box-sizing: content-box; -moz-box-sizing: content-box; +} + +.dijitHidden { + /* To hide unselected panes in StackContainer etc. */ + display: none !important; +} + +.dijitVisible { + /* To show selected pane in StackContainer etc. */ + display: block !important; /* override user's display:none setting via style setting or indirectly via class */ + position: relative; /* to support setting width/height, see #2033 */ +} + +.dijitInputContainer { + /* for positioning of placeHolder */ + #zoom: 1; + overflow: hidden; + float: none !important; /* needed by FF to squeeze the INPUT in */ + position: relative; + vertical-align: middle; + #display: inline; +} + +.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 { + /* override unreasonable user styling of buttons and icons */ + padding-left: 0 !important; + padding-right: 0 !important; +} +.dijitTextBox .dijitValidationContainer { + display: none; +} + +.dijitTeeny { + font-size:1px; + line-height:1px; +} + +.dijitOffScreen { + position: absolute; + left: 50%; + top: -10000px; +} + +/* + * Popup items have a wrapper div (dijitPopup) + * with the real popup inside, and maybe an iframe too + */ +.dijitPopup { + position: absolute; + background-color: transparent; + margin: 0; + border: 0; + padding: 0; +} + +.dijitPositionOnly { + /* Null out all position-related properties */ + padding: 0 !important; + border: 0 !important; + background-color: transparent !important; + background-image: none !important; + height: auto !important; + width: auto !important; +} + +.dijitNonPositionOnly { + /* Null position-related properties */ + float: none !important; + position: static !important; + margin: 0 0 0 0 !important; + vertical-align: middle !important; +} + +.dijitBackgroundIframe { + /* iframe used to prevent problems with PDF or other applets overlaying menus etc */ + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + z-index: -1; + border: 0; + padding: 0; + margin: 0; +} + +.dijitDisplayNone { + /* hide something. Use this as a class rather than element.style so another class can override */ + display:none !important; +} + +.dijitContainer { + /* for all layout containers */ + overflow: hidden; /* need on IE so something can be reduced in size, and so scrollbars aren't temporarily displayed when resizing */ +} + +/**** + A11Y + ****/ +.dijit_a11y .dijitIcon, +.dijit_a11y div.dijitArrowButtonInner, /* is this only for Spinner? if so, it should be deleted */ +.dijit_a11y span.dijitArrowButtonInner, +.dijit_a11y img.dijitArrowButtonInner, +.dijit_a11y .dijitCalendarIncrementControl, +.dijit_a11y .dijitTreeExpando { + /* hide icon nodes in high contrast mode; when necessary they will be replaced by character equivalents + * exception for input.dijitArrowButtonInner, because the icon and character are controlled by the same node */ + display: none; +} +.dijitSpinner div.dijitArrowButtonInner { + display: block; /* override previous rule */ +} + +.dijit_a11y .dijitA11ySideArrow { + display: inline !important; /* display text instead */ + cursor: pointer; +} + +/* + * Since we can't use shading in a11y mode, and since the underline indicates today's date, + * use a border to show the selected date. + * Avoid screen jitter when switching selected date by compensating for the selected node's + * border w/padding on other nodes. + */ +.dijit_a11y .dijitCalendarDateLabel { + padding: 1px; + border: 0px !important; +} +.dijit_a11y .dijitCalendarSelectedDate .dijitCalendarDateLabel { + border-style: solid !important; + border-width: 1px !important; + padding: 0; +} +.dijit_a11y .dijitCalendarDateTemplate { + padding-bottom: 0.1em !important; /* otherwise bottom border doesn't appear on IE */ + border: 0px !important; +} +.dijit_a11y .dijitButtonNode { + border: black outset medium !important; + + /* In claro, hovering a toolbar button reduces padding and adds a border. + * Not needed in a11y mode since Toolbar buttons always have a border. + */ + padding: 0 !important; +} + +.dijit_a11y .dijitButtonContents{ + margin: 0.15em; /* Margin needed to make focus outline visible */ +} + +.dijit_a11y .dijitTextBoxReadOnly .dijitInputField, +.dijit_a11y .dijitTextBoxReadOnly .dijitButtonNode { + border-style: outset!important; + border-width: medium!important; + border-color: #999 !important; + color:#999 !important; +} + +/* button inner contents - labels, icons etc. */ +.dijitButtonNode * { + vertical-align: middle; +} +.dijitButtonNode .dijitArrowButtonInner { + /* the arrow icon node */ + background: no-repeat center; + width: 12px; + height: 12px; + direction: ltr; /* needed by IE/RTL */ +} + +/**** + 3-element borders: ( dijitLeft + dijitStretch + dijitRight ) + These were added for rounded corners on dijit.form.*Button but never actually used. + ****/ + +.dijitLeft { + /* Left part of a 3-element border */ + background-position:left top; + background-repeat:no-repeat; +} + +.dijitStretch { + /* Middle (stretchy) part of a 3-element border */ + white-space:nowrap; /* MOW: move somewhere else */ + background-repeat:repeat-x; +} + +.dijitRight { + /* Right part of a 3-element border */ + #display:inline; /* IE7 sizes to outer size w/o this */ + background-position:right top; + background-repeat:no-repeat; +} + +/* Buttons */ +.dj_gecko .dijit_a11y .dijitButtonDisabled .dijitButtonNode { + opacity: 0.5; +} + +.dijitToggleButton, +.dijitButton, +.dijitDropDownButton, +.dijitComboButton { + /* outside of button */ + margin: 0.2em; + vertical-align: middle; +} + +.dijitButtonContents { + display: block; /* to make focus border rectangular */ +} +td.dijitButtonContents { + display: table-cell; /* but don't affect Select, ComboButton */ +} + +.dijitButtonNode img { + /* make text and images line up cleanly */ + vertical-align:middle; + /*margin-bottom:.2em;*/ +} + +.dijitToolbar .dijitComboButton { + /* because Toolbar only draws a border around the hovered thing */ + border-collapse: separate; +} + +.dijitToolbar .dijitToggleButton, +.dijitToolbar .dijitButton, +.dijitToolbar .dijitDropDownButton, +.dijitToolbar .dijitComboButton { + margin: 0; +} + +.dijitToolbar .dijitButtonContents { + /* just because it used to be this way */ + padding: 1px 2px; +} + + +.dj_webkit .dijitToolbar .dijitDropDownButton { + padding-left: 0.3em; +} +.dj_gecko .dijitToolbar .dijitButtonNode::-moz-focus-inner { + padding:0; +} + +.dijitButtonNode { + /* Node that is acting as a button -- may or may not be a BUTTON element */ + 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 { + /* apparent WebKit bug where messing with the font coupled with line-height:normal X 2 (dijitReset & dijitButtonNode) + can be different than just a single line-height:normal, visible in InlineEditBox/Spinner */ + line-height:inherit; +} +.dijitTextBox .dijitButtonNode { + border-width: 0; +} + +.dijitButtonNode, +.dijitButtonNode * { + cursor: pointer; +} + +.dj_ie .dijitButtonNode { + /* ensure hasLayout */ + zoom: 1; +} + +.dj_ie .dijitButtonNode button { + /* + disgusting hack to get rid of spurious padding around button elements + on IE. MSIE is truly the web's boat anchor. + */ + overflow: visible; +} + +div.dijitArrowButton { + float: right; +} + +/****** + TextBox related. + Everything that has an <input> +*******/ + +.dijitTextBox { + border: solid black 1px; + #overflow: hidden; /* #6027, #6067 */ + width: 15em; /* need to set default size on outer node since inner nodes say <input style="width:100%"> and <td width=100%>. user can override */ + vertical-align: middle; +} + +.dijitTextBoxReadOnly, +.dijitTextBoxDisabled { + color: gray; +} +.dj_webkit .dijitTextBoxDisabled input { + color: #eee; /* because WebKit lightens disabled input/textarea no matter what color you specify */ +} +.dj_webkit textarea.dijitTextAreaDisabled { + color: #333; /* because WebKit lightens disabled input/textarea no matter what color you specify */ +} +.dj_gecko .dijitTextBoxReadOnly input.dijitInputField, /* disable arrow and validation presentation inputs but allow real input for text selection */ +.dj_gecko .dijitTextBoxDisabled input { + -moz-user-input: none; /* prevent focus of disabled textbox buttons */ +} + +.dijitPlaceHolder { + /* hint text that appears in a textbox until user starts typing */ + color: #AAAAAA; + font-style: italic; + position: absolute; + top: 0; + left: 0; + #filter: ""; /* make this showup in IE6 after the rendering of the widget */ +} + +.dijitTimeTextBox { + width: 8em; +} + +/* rules for webkit to deal with fuzzy blue focus border */ +.dijitTextBox input:focus { + outline: none; /* blue fuzzy line looks wrong on combobox or something w/validation icon showing */ +} +.dijitTextBoxFocused { + outline: 5px -webkit-focus-ring-color; +} + +.dijitTextBox input { + float: left; /* needed by IE to remove secret margin */ +} +.dijitInputInner { + /* for when an <input> is embedded inside an inline-block <div> with a size and border */ + border:0 !important; + vertical-align:middle !important; + background-color:transparent !important; + width:100% !important; + /* IE dislikes horizontal tweaking combined with width:100% so punish everyone for consistency */ + 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 { + /* <input> used to display arrow icon/validation icon, or in arrow character in high contrast mode. + * The css below is a trick to hide the character in non-high-contrast mode + */ + 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; /* inputs need help expanding when padding is added or line-height is adjusted */ + line-height: normal; /* strict mode */ +} +.dj_ie7 .dijitTextBox input.dijitValidationInner, +.dj_ie7 .dijitTextBox input.dijitArrowButtonInner { + line-height: 86%; /* IE7 problem where the icon is vertically too low w/o this - real input stays at normal */ +} +.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%; /* IE7 problem where the icon is vertically way too low w/o this */ +} +.dijit_a11y input.dijitValidationInner, +.dijit_a11y input.dijitArrowButtonInner { + /* (in high contrast mode) revert rules from above so character displays */ + text-indent: 0 !important; + width: 1em !important; + #text-align: left !important; +} +.dijitTextBoxError .dijitValidationContainer { + display: inline; + cursor: default; +} + +/* ComboBox & Spinner */ + +.dijitSpinner .dijitSpinnerButtonContainer, +.dijitComboBox .dijitArrowButtonContainer { + /* dividing line between input area and up/down button(s) for ComboBox and Spinner */ + border-width: 0 0 0 1px !important; /* !important needed due to wayward ".theme .dijitButtonNode" rules */ +} +.dijitToolbar .dijitComboBox .dijitArrowButtonContainer { + /* overrides above rule plus mirror-image rule in dijit_rtl.css to have no divider when ComboBox in Toolbar */ + border-width: 0 !important; +} + +.dijitComboBoxMenu { + /* Drop down menu is implemented as <ul> <li/> <li/> ... but we don't want circles before each item */ + list-style-type: none; +} +.dijitSpinner .dijitSpinnerButtonContainer .dijitButtonNode { + /* dividing line between input area and up/down button(s) for ComboBox and Spinner */ + border-width: 0; +} +.dj_ie .dijit_a11y .dijitSpinner .dijitSpinnerButtonContainer .dijitButtonNode { + clear: both; /* IE workaround */ +} + +.dj_ie .dijitToolbar .dijitComboBox { + /* make combobox buttons align properly with other buttons in a toolbar */ + vertical-align: middle; +} + +/* Spinner */ + +.dijitTextBox .dijitSpinnerButtonContainer { + width: 1em; + position: relative !important; + overflow: hidden; +} +.dijitSpinner .dijitSpinnerButtonInner { + width:1em; + visibility:hidden !important; /* just a sizing element */ + 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; /* should auto-center */ +} +.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 !important; /* manually center INPUT: character is .5em and total width = 1em */ + padding-right: 0 !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 { + /* note: .dijitInputLayoutContainer makes this rule override .dijitArrowButton settings + * for dijit.form.Button + */ + 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%; /* otherwise (on some machines) top arrow icon too close to splitter border (IE6/7) */ + 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%; /* emulate transform: scale(0.5) */ +} +.dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButtonInner { + overflow: hidden; +} + +.dijit_a11y .dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton { + width: 100%; +} +.dj_iequirks .dijit_a11y .dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton { + width: 1em; /* matches .dijit_a11y .dijitTextBox .dijitSpinnerButtonContainer rule - 100% is the whole screen width in quirks */ +} +.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 0 0 0; + border-style: solid !important; +} + +/**** + dijit.form.CheckBox + & + dijit.form.RadioButton + ****/ + +.dijitCheckBox, +.dijitRadio, +.dijitCheckBoxInput { + padding: 0; + border: 0; + width: 16px; + height: 16px; + background-position:center center; + background-repeat:no-repeat; + overflow: hidden; +} + +.dijitCheckBox input, +.dijitRadio input { + margin: 0; + padding: 0; + display: block; +} + +.dijitCheckBoxInput { + /* place the actual input on top, but all-but-invisible */ + opacity: 0.01; +} + +.dj_ie .dijitCheckBoxInput { + filter: alpha(opacity=0); +} + +.dijit_a11y .dijitCheckBox, +.dijit_a11y .dijitRadio { + /* in a11y mode we display the native checkbox (not the icon), so don't restrict the size */ + width: auto !important; + height: auto !important; +} +.dijit_a11y .dijitCheckBoxInput { + opacity: 1; + filter: none; + width: auto; + height: auto; +} + +.dijit_a11y .dijitFocusedLabel { + /* for checkboxes or radio buttons in high contrast mode, use border rather than outline to indicate focus (outline does not work in FF)*/ + border: 1px dotted; + outline: 0px !important; +} + +/**** + dijit.ProgressBar + ****/ + +.dijitProgressBarEmpty { + /* outer container and background of the bar that's not finished yet*/ + position:relative;overflow:hidden; + border:1px solid black; /* a11y: border necessary for high-contrast mode */ + z-index:0; /* establish a stacking context for this progress bar */ +} + +.dijitProgressBarFull { + /* outer container for background of bar that is finished */ + position:absolute; + overflow:hidden; + z-index:-1; + top:0; + width:100%; +} +.dj_ie6 .dijitProgressBarFull { + height:1.6em; +} + +.dijitProgressBarTile { + /* inner container for finished portion */ + position:absolute; + overflow:hidden; + top:0; + left:0; + bottom:0; + right:0; + margin:0; + padding:0; + width: 100%; /* needed for IE/quirks */ + height:auto; + background-color:#aaa; + background-attachment: fixed; +} + +.dijit_a11y .dijitProgressBarTile { + /* a11y: The border provides visibility in high-contrast mode */ + border-width:2px; + border-style:solid; + background-color:transparent !important; +} + +.dj_ie6 .dijitProgressBarTile { + /* width:auto works in IE6 with position:static but not position:absolute */ + position:static; + /* height:auto or 100% does not work in IE6 */ + height:1.6em; +} + +.dijitProgressBarIndeterminate .dijitProgressBarTile { + /* animated gif for 'indeterminate' mode */ +} + +.dijitProgressBarIndeterminateHighContrastImage { + display:none; +} + +.dijit_a11y .dijitProgressBarIndeterminate .dijitProgressBarIndeterminateHighContrastImage { + display:block; + position:absolute; + top:0; + bottom:0; + margin:0; + padding:0; + width:100%; + height:auto; +} + +.dijitProgressBarLabel { + display:block; + position:static; + width:100%; + text-align:center; + background-color:transparent !important; +} + +/**** + dijit.Tooltip + ****/ + +.dijitTooltip { + position: absolute; + z-index: 2000; + display: block; + /* make visible but off screen */ + left: 0; + 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; /* won't show b/c it's background-image; hide to avoid border gap */ +} + +.dijitTooltipData { + display:none; +} + +/* Layout widgets. This is essential CSS to make layout work (it isn't "styling" CSS) + make sure that the position:absolute in dijitAlign* overrides other classes */ + +.dijitLayoutContainer { + position: relative; + display: block; + overflow: hidden; +} + +.dijitAlignTop, +.dijitAlignBottom, +.dijitAlignLeft, +.dijitAlignRight { + position: absolute; + overflow: hidden; +} + +body .dijitAlignClient { position: absolute; } + +/* + * BorderContainer + * + * .dijitBorderContainer is a stylized layout where panes have border and margin. + * .dijitBorderContainerNoGutter is a raw layout. + */ +.dijitBorderContainer, .dijitBorderContainerNoGutter { + position:relative; + overflow: hidden; +} + +.dijitBorderContainerPane, +.dijitBorderContainerNoGutterPane { + position: absolute !important; /* !important to override position:relative in dijitTabContainer etc. */ + z-index: 2; /* above the splitters so that off-by-one browser errors don't cover up border of pane */ +} + +.dijitBorderContainer > .dijitTextArea { + /* On Safari, for SimpleTextArea inside a BorderContainer, + don't want to display the grip to resize */ + resize: none; +} + +.dijitGutter { + /* gutter is just a place holder for empty space between panes in BorderContainer */ + position: absolute; + font-size: 1px; /* needed by IE6 even though div is empty, otherwise goes to 15px */ +} + +/* SplitContainer + + 'V' == container that splits vertically (up/down) + 'H' = horizontal (left/right) +*/ + +.dijitSplitter { + position: absolute; + overflow: hidden; + z-index: 10; /* above the panes so that splitter focus is visible on FF, see #7583*/ + background-color: #fff; + border-color: gray; + border-style: solid; + border-width: 0; +} +.dj_ie .dijitSplitter { + z-index: 1; /* behind the panes so that pane borders aren't obscured see test_Gui.html/[14392] */ +} + +.dijitSplitterActive { + z-index: 11 !important; +} + +.dijitSplitterCover { + position:absolute; + z-index:-1; + top:0; + left:0; + width:100%; + height:100%; +} + +.dijitSplitterCoverActive { + z-index:3 !important; +} + +/* #6945: stop mouse events */ +.dj_ie .dijitSplitterCover { + background: white; + filter: alpha(opacity=0); +} + +.dijitSplitterH { + height: 7px; + border-top:1px; + border-bottom:1px; + cursor: row-resize; +} +.dijitSplitterV { + width: 7px; + border-left:1px; + border-right:1px; + cursor: col-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; + 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; +} + +.dijitSplitContainerSizerH, .dijitSplitContainerVirtualSizerH { + cursor: col-resize; +} + +.dijitSplitContainerSizerV, .dijitSplitContainerVirtualSizerV { + cursor: row-resize; +} + +.dijit_a11y .dijitSplitterH { + border-top:1px solid #d3d3d3 !important; + border-bottom:1px solid #d3d3d3 !important; +} +.dijit_a11y .dijitSplitterV { + border-left:1px solid #d3d3d3 !important; + border-right:1px solid #d3d3d3 !important; +} + +/* ContentPane */ + +.dijitContentPane { + display: block; + overflow: auto; /* if we don't have this (or overflow:hidden), then Widget.resizeTo() doesn't make sense for ContentPane */ +} + +.dijitContentPaneSingleChild { + /* + * if the ContentPane holds a single layout widget child which is being sized to match the content pane, + * then the ContentPane should never get a scrollbar (but it does due to browser bugs, see #9449 + */ + overflow: hidden; +} + +.dijitContentPaneLoading .dijitIconLoading, +.dijitContentPaneError .dijitIconError { + margin-right: 9px; +} + +/* TitlePane */ + +.dijitTitlePane { + display: block; + overflow: hidden; +} +.dijitTitlePaneTitle { + cursor: pointer; +} +.dijitFixedOpen, .dijitFixedClosed { + /* TitlePane that cannot be toggled */ + cursor: default; +} +.dijitTitlePaneTitle * { + vertical-align: middle; +} +.dijitTitlePane .dijitArrowNodeInner { + /* normally, hide arrow text in favor of icon */ + display: none; +} +.dijit_a11y .dijitTitlePane .dijitArrowNodeInner { + /* ... except in a11y mode, then show text arrow */ + display:inline !important; + font-family: monospace; /* because - and + are different widths */ +} +.dijit_a11y .dijitTitlePane .dijitArrowNode { + /* ... and hide icon */ + display:none; +} + +.dj_ie6 .dijitTitlePaneContentOuter, +.dj_ie6 .dijitTitlePane .dijitTitlePaneTitle { + /* force hasLayout to ensure borders etc, show up */ + zoom: 1; +} + +/* Color Palette + * Sizes designed so that table cell positions match icons in underlying image, + * which appear at 20x20 intervals. + */ + +.dijitColorPalette { + border: 1px solid #999; + background: #fff; + position: relative; +} + +.dijitColorPalette .dijitPaletteTable { + /* Table that holds the palette cells, and overlays image file with color swatches. + * padding/margin to align table with image. + */ + 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 { + /* using padding above so that focus border isn't cutoff on moz/webkit, + * but using margin on IE because padding doesn't seem to work + */ + padding: 0; + margin: 2px 3px 3px 3px; +} + +.dijitColorPalette .dijitPaletteCell { + /* <td> in the <table> */ + font-size: 1px; + vertical-align: middle; + text-align: center; + background: none; +} +.dijitColorPalette .dijitPaletteImg { + /* Called dijitPaletteImg for back-compat, this actually wraps the color swatch with a border and padding */ + padding: 1px; /* white area between gray border and color swatch */ + border: 1px solid #999; + margin: 2px 1px; + cursor: default; + font-size: 1px; /* prevent <span> from getting bigger just to hold a character */ +} +.dj_gecko .dijitColorPalette .dijitPaletteImg { + padding-bottom: 0; /* workaround rendering glitch on FF, it adds an extra pixel at the bottom */ +} +.dijitColorPalette .dijitColorPaletteSwatch { + /* the actual part where the color is */ + width: 14px; + height: 12px; +} +.dijitPaletteTable td { + padding: 0; +} +.dijitColorPalette .dijitPaletteCell:hover .dijitPaletteImg { + /* hovered color swatch */ + border: 1px solid #000; +} + +.dijitColorPalette .dijitPaletteCell:active .dijitPaletteImg, +.dijitColorPalette .dijitPaletteTable .dijitPaletteCellSelected .dijitPaletteImg { + border: 2px solid #000; + margin: 1px 0; /* reduce margin to compensate for increased border */ +} + + +.dijit_a11y .dijitColorPalette .dijitPaletteTable, +.dijit_a11y .dijitColorPalette .dijitPaletteTable * { + /* table cells are to catch events, but the swatches are in the PaletteImg behind the table */ + background-color: transparent !important; +} + +/* AccordionContainer */ + +.dijitAccordionContainer { + border:1px solid #b7b7b7; + border-top:0 !important; +} +.dijitAccordionTitle { + cursor: pointer; +} +.dijitAccordionTitleSelected { + cursor: default; +} + +/* images off, high-contrast mode styles */ +.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; +} + +.dijitAccordionChildWrapper { + /* this is the node whose height is adjusted */ + overflow: hidden; +} + +/* Calendar */ + +.dijitCalendarContainer { + width: auto; /* in case user has specified a width for the TABLE nodes, see #10553 */ +} +.dijitCalendarContainer th, .dijitCalendarContainer td { + padding: 0; + vertical-align: middle; +} + +.dijitCalendarYearLabel { + white-space: nowrap; /* make sure previous, current, and next year appear on same row */ +} + +.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 { + /* don't display it, but make it affect the width */ + position: relative; + height: 1px; + overflow: hidden; + visibility: hidden; +} + +/* Styling for month drop down list */ + +.dijitCalendarMonthMenu .dijitCalendarMonthLabel { + text-align:center; +} + +/* Menu */ + +.dijitMenu { + border:1px solid black; + background-color:white; +} +.dijitMenuTable { + border-collapse:collapse; + border-width:0; + background-color:white; +} + +/* workaround for webkit bug #8427, remove this when it is fixed upstream */ +.dj_webkit .dijitMenuTable td[colspan="2"]{ + border-right:hidden; +} + +.dijitMenuItem { + text-align: left; + white-space: nowrap; + padding:.1em .2em; + cursor:pointer; +} + +.dijitMenuPassive .dijitMenuItemHover, +.dijitMenuItemSelected { + /* + * dijitMenuItemHover refers to actual mouse over + * dijitMenuItemSelected is used after a menu has been "activated" by + * clicking it, tabbing into it, or being opened from a parent menu, + * and denotes that the menu item has focus or that focus is on a child + * menu + */ + background-color:black; + color:white; +} + +.dijitMenuItemIcon, .dijitMenuExpand { + background-repeat: no-repeat; +} + +.dijitMenuItemDisabled * { + /* for a disabled menu item, just set it to mostly transparent */ + 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: 0 !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; +} + +/* separator can be two pixels -- set border of either one to 0 to have only one */ +.dijitMenuSeparatorTop { + height: 50%; + margin: 0; + margin-top:3px; + font-size: 1px; +} + +.dijitMenuSeparatorBottom { + height: 50%; + margin: 0; + margin-bottom:3px; + font-size: 1px; +} + +/* the checked menu item */ +.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 { + /* so bottom border of MenuBar appears on IE7 in high-contrast mode */ + margin: 0; +} + +/* StackContainer */ + +.dijitStackController .dijitToggleButtonChecked * { + cursor: default; /* because pressing it has no effect */ +} + +/* TabContainer */ + +.dijitTabContainerNoLayout { + width: 100%; /* otherwise ScrollingTabController goes to 50K pixels wide */ +} + +.dijitTabContainerBottom-tabs, +.dijitTabContainerTop-tabs, +.dijitTabContainerLeft-tabs, +.dijitTabContainerRight-tabs { + overflow: visible !important; /* so tabs can cover up border adjacent to container */ +} + +.dijitTabContainerBottom-container, +.dijitTabContainerTop-container, +.dijitTabContainerLeft-container, +.dijitTabContainerRight-container { + z-index:0; + overflow: hidden; + border: 1px solid black; +} +.nowrapTabStrip { + width: 50000px; + display: block; + position: relative; + text-align: left; /* just in case ancestor has non-standard setting */ +} +.dijitTabListWrapper { + overflow: hidden; +} + +.dijit_a11y .tabStripButton img { + /* hide the icons (or rather the empty space where they normally appear) because text will appear instead */ + display: none; +} + +.dijitTabContainerTop-tabs { + border-bottom: 1px solid black; +} +.dijitTabContainerTop-container { + border-top: 0; +} + +.dijitTabContainerLeft-tabs { + border-right: 1px solid black; + float: left; +} +.dijitTabContainerLeft-container { + border-left: 0; +} + +.dijitTabContainerBottom-tabs { + border-top: 1px solid black; +} +.dijitTabContainerBottom-container { + border-bottom: 0; +} + +.dijitTabContainerRight-tabs { + border-left: 1px solid black; + float: left; +} +.dijitTabContainerRight-container { + border-right: 0; +} + +div.dijitTabDisabled, .dj_ie div.dijitTabDisabled { + cursor: auto; +} + +.dijitTab { + position:relative; + cursor:pointer; + white-space:nowrap; + z-index:3; +} +.dijitTab * { + /* make tab icons and close icon line up w/text */ + vertical-align: middle; +} +.dijitTabChecked { + cursor: default; /* because clicking will have no effect */ +} + +.dijitTabContainerTop-tabs .dijitTab { + top: 1px; /* to overlap border on .dijitTabContainerTop-tabs */ +} +.dijitTabContainerBottom-tabs .dijitTab { + top: -1px; /* to overlap border on .dijitTabContainerBottom-tabs */ +} +.dijitTabContainerLeft-tabs .dijitTab { + left: 1px; /* to overlap border on .dijitTabContainerLeft-tabs */ +} +.dijitTabContainerRight-tabs .dijitTab { + left: -1px; /* to overlap border on .dijitTabContainerRight-tabs */ +} + + +.dijitTabContainerTop-tabs .dijitTab, +.dijitTabContainerBottom-tabs .dijitTab { + /* Inline-block */ + display:inline-block; /* webkit and FF3 */ + #zoom: 1; /* set hasLayout:true to mimic inline-block */ + #display:inline; /* don't use .dj_ie since that increases the priority */ +} + +.dijitTabInnerDiv { + position:relative; +} + + +.tabStripButton { + z-index: 12; +} + +.dijitTabButtonDisabled .tabStripButton { + display: none; +} + + +.dijitTabCloseButton { + margin-left: 1em; +} + +.dijitTabCloseText { + display:none; +} + +.dijitTab .tabLabel { + /* make sure tabs w/close button and w/out close button are same height, even w/small (<15px) font. + * assumes <=15px height for close button icon. + */ + min-height: 15px; + display: inline-block; +} +.dijitNoIcon { + /* applied to <img>/<span> node when there is no icon specified */ + display: none; +} +.dj_ie6 .dijitTab .dijitNoIcon { + /* because min-height (on .tabLabel, above) doesn't work on IE6 */ + display: inline; + height: 15px; + width: 1px; +} + +/* images off, high-contrast mode styles */ + +.dijit_a11y .dijitTabCloseButton { + background-image: none !important; + width: auto !important; + height: auto !important; +} + +.dijit_a11y .dijitTabCloseText { + display: inline; +} + +.dijitTabPane, +.dijitStackContainer-child, +.dijitAccordionContainer-child { + /* children of TabContainer, StackContainer, and AccordionContainer shouldn't have borders + * b/c a border is already there from the TabContainer/StackContainer/AccordionContainer itself. + */ + border: none !important; +} + +/* InlineEditBox */ +.dijitInlineEditBoxDisplayMode { + border: 1px solid transparent; /* so keyline (border) on hover can appear without screen jump */ + cursor: text; +} + +.dijit_a11y .dijitInlineEditBoxDisplayMode, +.dj_ie6 .dijitInlineEditBoxDisplayMode { + /* except that IE6 doesn't support transparent borders, nor does high contrast mode */ + border: none; +} + +.dijitInlineEditBoxDisplayModeHover, +.dijit_a11y .dijitInlineEditBoxDisplayModeHover, +.dj_ie6 .dijitInlineEditBoxDisplayModeHover { + /* An InlineEditBox in view mode (click this to edit the text) */ + background-color: #e2ebf2; + border: solid 1px black; +} + +.dijitInlineEditBoxDisplayModeDisabled { + cursor: default; +} + +/* Tree */ +.dijitTree { + overflow: auto; /* for scrollbars when Tree has a height setting, and to prevent wrapping around float elements, see #11491 */ +} + +.dijitTreeIndent { + /* amount to indent each tree node (relative to parent node) */ + width: 19px; +} + +.dijitTreeRow, .dijitTreeContent { + white-space: nowrap; +} + +.dijitTreeRow img { + /* make the expando and folder icons line up with the label */ + 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: 0 4px; +} + +/* Dialog */ + +.dijitDialog { + position: absolute; + z-index: 999; + overflow: hidden; /* override overflow: auto; from ContentPane to make dragging smoother */ +} + +.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); +} + +/* images off, high-contrast mode styles */ +.dijit_a11y .dijitSpinnerButtonContainer, +.dijit_a11y .dijitDialog { + opacity: 1 !important; + background-color: white !important; +} + +.dijitDialog .closeText { + display:none; + /* for the onhover border in high contrast on IE: */ + position:absolute; +} + +.dijit_a11y .dijitDialog .closeText { + display:inline; +} + +/* Slider */ + +.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; /* IE7 workaround to make slider handle VISIBLE in non-a11y mode */ +} +.dj_ie7 .dijit_a11y .dijitSliderImageHandle { + overflow: visible; /* IE7 workaround to make slider handle VISIBLE in a11y mode */ +} +.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; +} + +/* the slider bumper is the space consumed by the slider handle when it hangs over an edge */ +.dijitSliderBumper { + overflow:hidden; + z-index:1; +} + +.dijitSliderBumperV { + width:4px; + height:8px; + border-width:0 1px; +} + +.dijitSliderBumperH { + width:8px; + height:4px; + border-width:1px 0; +} + +.dijitSliderBottomBumper, +.dijitSliderLeftBumper { + background-color:red; +} + +.dijitSliderTopBumper, +.dijitSliderRightBumper { + background-color:transparent; +} + +.dijitSliderDecoration { + text-align:center; +} + +.dijitSliderDecorationC, +.dijitSliderDecorationV { + position: relative; /* needed for IE+quirks+RTL+vertical (rendering bug) but add everywhere for custom styling consistency but this messes up IE horizontal sliders */ +} + +.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; /* mozilla bug workaround for float:left,height:100% block elements */ +} + +.dijitRuleMark { + position:absolute; + border:1px solid black; + line-height:0; + height:100%; +} + +.dijitRuleMarkH { + width:0; + border-top-width:0 !important; + border-bottom-width:0 !important; + border-left-width:0 !important; +} + +.dijitRuleLabelContainer { + position:absolute; +} + +.dijitRuleLabelContainerH { + text-align:center; + display:inline-block; +} + +.dijitRuleLabelH { + position:relative; + left:-50%; +} + +.dijitRuleLabelV { + /* so that long labels don't overflow to multiple rows, or overwrite slider itself */ + 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); +} + +/* + and - Slider buttons: override theme settings to display icons */ +.dijit_a11y .dijitSlider .dijitSliderButtonContainer div { + font-family: monospace; /* otherwise hyphen is larger and more vertically centered */ + font-size: 1em; + line-height: 1em; + height: auto; + width: auto; + margin: 0 4px; +} + +/* Icon-only buttons (often in toolbars) still display the text in high-contrast mode */ +.dijit_a11y .dijitButtonContents .dijitButtonText, +.dijit_a11y .dijitTab .tabLabel { + display: inline !important; +} + +/* TextArea, SimpleTextArea */ +.dijitTextArea { + width:100%; + overflow-y: auto; /* w/out this IE's SimpleTextArea goes to overflow: scroll */ +} +.dijitTextArea[cols] { + width:auto; /* SimpleTextArea cols */ +} +.dj_ie .dijitTextAreaCols { + width:auto; +} + +.dijitExpandingTextArea { + /* for auto exanding textarea (called Textarea currently, rename for 2.0) don't want to display the grip to resize */ + resize: none; +} + + +/* Toolbar + * Note that other toolbar rules (for objects in toolbars) are scattered throughout this file. + */ + +.dijitToolbarSeparator { + height: 18px; + width: 5px; + padding: 0 1px; + margin: 0; +} + +/* Editor */ +.dijitIEFixedToolbar { + position:absolute; + /* top:0; */ + top: expression(eval((document.documentElement||document.body).scrollTop)); +} + +.dijitEditor { + display: block; /* prevents glitch on FF with InlineEditBox, see #8404 */ +} + +.dijitEditorDisabled, +.dijitEditorReadOnly { + color: gray; +} + +/* TimePicker */ + +.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 { + /* character (instead of icon) to show that ToggleButton is checked */ + display:none !important; +} +.dijit_a11y .dijitToggleButton .dijitToggleButtonIconChar { + display:inline !important; + visibility:hidden; +} +.dj_ie6 .dijitToggleButtonIconChar, .dj_ie6 .tabStripButton .dijitButtonText { + font-family: "Arial Unicode MS"; /* otherwise the a11y character (checkmark, arrow, etc.) appears as a box */ +} +.dijit_a11y .dijitToggleButtonChecked .dijitToggleButtonIconChar { + display: inline !important; /* In high contrast mode, display the check symbol */ + visibility:visible !important; +} + +.dijitArrowButtonChar { + display:none !important; +} +.dijit_a11y .dijitArrowButtonChar { + display:inline !important; +} + +.dijit_a11y .dijitDropDownButton .dijitArrowButtonInner, +.dijit_a11y .dijitComboButton .dijitArrowButtonInner { + display:none !important; +} + +/* Select */ +.dijitSelect { + margin: 0.2em; + border-collapse: collapse; +} +.dj_ie .dijitSelect, +.dj_ie7 .dijitSelect, +.dj_iequirks .dijitSelect { + vertical-align: middle; /* Set this back for what we hack in dijit inline */ +} +.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: 0; + background: transparent none; + white-space: nowrap; + text-align: left; +} +.dijitSelectFixedWidth .dijitButtonContents { + width: 100%; +} + +.dijitSelectMenu .dijitMenuItemIcon { + /* avoid blank area in left side of menu (since we have no icons) */ + display:none; +} +.dj_ie6 .dijitSelectMenu .dijitMenuItemLabel, +.dj_ie7 .dijitSelectMenu .dijitMenuItemLabel { + /* Set back to static due to bug in ie6/ie7 - See Bug #9651 */ + position: static; +} + +/* Fix the baseline of our label (for multi-size font elements) */ +.dijitSelectLabel * +{ + vertical-align: baseline; +} + +/* Styling for the currently-selected option (rich text can mess this up) */ +.dijitSelectSelectedOption * { + font-weight: bold; +} + +/* Fix the styling of the dropdown menu to be more combobox-like */ +.dijitSelectMenu { + border-width: 1px; +} + +/* Style the different areas of the button to look like a "real" dropdown */ +/* Remove margins on the sub-table */ +.dijitSelectMenu .dijitMenuTable { + margin: 0; + background-color: transparent; +} + +/* Used in cases, such as FullScreen plugin, when we need to force stuff to static positioning. */ +.dijitForceStatic { + position: static !important; +} + +/**** Disabled cursor *****/ +.dijitReadOnly *, +.dijitDisabled *, +.dijitReadOnly, +.dijitDisabled { + /* a region the user would be able to click on, but it's disabled */ + cursor: default; +} diff --git a/js/dojo/dijit/themes/dijit_rtl.css b/js/dojo/dijit/themes/dijit_rtl.css new file mode 100644 index 0000000..9c1b69c --- /dev/null +++ b/js/dojo/dijit/themes/dijit_rtl.css @@ -0,0 +1,128 @@ +.dijitRtl .dijitPlaceHolder { + left: auto; + right: 0; +} + +/* Menu */ + +.dijitMenuItemRtl { + text-align: right; +} + +/* Button */ + +.dj_iequirks .dijitComboButtonRtl button { + /* workaround bug where label invisible (themeTesterQuirk.html?dir=rtl) */ + float:left; +} + +/* TextBox, ComboBox, Spinner */ + +.dijitTextBoxRtl .dijitValidationContainer, +.dijitTextBoxRtl .dijitSpinnerButtonContainer, +.dijitComboBoxRtl .dijitArrowButtonContainer { + /* combobox and spinner: line between the input area and the drop down button */ + border-right-width: 1px !important; + border-left-width: 0 !important; +} + +.dijitSpinnerRtl .dijitSpinnerButtonContainer .dijitArrowButton { + right: 0; + left: auto; +} + +.dj_ie7 .dijitInputContainer { + /* to fix wrong text alignment in rtl text box in IE */ + display: inline-block; +} + +.dijitTextBoxRtl .dijitSpinnerButtonContainer, +.dijitTextBoxRtl .dijitValidationContainer, +.dijitTextBoxRtl .dijitArrowButtonContainer { + float: left; +} + +/* Calendar */ + +.dijitCalendarRtl .dijitCalendarNextYear { + margin:0 0.55em 0 0; +} + +.dijitCalendarRtl .dijitCalendarPreviousYear { + margin:0 0 0 0.55em; +} + + +/* Slider */ + +.dijitSliderRtl .dijitSliderImageHandleV { + left:auto; +} + +.dijitSliderRtl .dijitSliderImageHandleH { + left:-50%; +} + +.dijitSliderRtl .dijitSliderMoveableH { + right:auto; + left:0; +} + +.dijitSliderRtl .dijitRuleContainerV { + float:right; +} + +.dj_ie .dijitSliderRtl .dijitRuleContainerV { + text-align:right; +} + +.dj_ie .dijitSliderRtl .dijitRuleLabelV { + text-align:left; +} + +.dj_ie .dijitSliderRtl .dijitRuleLabelH { + zoom:1; +} + +.dijitSliderRtl .dijitSliderProgressBarH { + /* workarounds for IE and FF */ + float:right; + right:0; + left:auto; +} + +/* ContentPane*/ + +.dijitRtl .dijitContentPaneLoading .dijitIconLoading, +.dijitRtl .dijitContentPaneError .dijitIconError { + margin-right: 0; + margin-left: 9px; +} + +/* TabContainer */ + +.dijitTabControllerRtl .nowrapTabStrip { + text-align: right; /* just in case ancestor has non-standard setting */ +} +.dijitTabRtl .dijitTabCloseButton { + margin-left: 0; + margin-right: 1em; +} + +/* TimePicker */ +.dj_ie .dijitTimePickerRtl .dijitTimePickerItem { + width:100%; +} + + +/* ColorPalette */ +.dijitColorPaletteRtl .dijitColorPaletteUnder { + /* needed in RTL mode when DropDownButton expands the ColorPalette beyond it's natural width */ + left: auto; + right: 0; +} + +/* Select */ +.dijitSelectRtl .dijitButtonContents { + text-align: right; +} diff --git a/js/dojo/dijit/themes/nihilo/Calendar.css b/js/dojo/dijit/themes/nihilo/Calendar.css new file mode 100644 index 0000000..55bb2cc --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/Calendar.css @@ -0,0 +1,161 @@ +/* Calendar*/ + +.nihilo .dijitCalendarIncrementControl { + /* next/prev month buttons */ + width:15px; + height:15px; + background-image: url("images/spriteRoundedIconsSmall.png"); + background-repeat: no-repeat +} +.dj_ie6 .nihilo .dijitCalendarIncrementControl { + font-size:.1em; + background-image: url("images/spriteRoundedIconsSmall.gif"); +} + +.nihilo .dijitA11ySideArrow { + display: none; +} + +.nihilo .dijitCalendarDecrease { + background-position: top left; +} +.nihilo .dijitCalendarIncrease { + background-position: -30px top; +} + +.nihilo table.dijitCalendarContainer { + font-size: 100%; + border-spacing: 0; + border-collapse: separate; + border: 1px solid #ccc; + margin: 0; +} + +.nihilo .dijitCalendarMonthContainer th { + /* month header cell */ + background:#d3d3d3 url("images/titleBar.png") repeat-x top; + padding-top:.3em; + padding-bottom:.2em; + text-align:center; +} +.dj_ie6 .nihilo .dijitCalendarMonthContainer th { + padding-top:.2em; + padding-bottom:.1em; +} + +.nihilo .dijitCalendarDayLabelTemplate { + /* day of week labels */ + background:#fefefe; + font-weight:normal; + padding-top:.15em; + padding-bottom:.2em; + border-bottom: 1px solid #eeeeee; + color:#293a4b; + text-align:center; +} + +.nihilo .dijitCalendarBodyContainer { + border-bottom: 1px solid #eeeeee; +} + +.nihilo .dijitCalendarMonthLabel { + color:#293a4b; + font-weight: bold; + padding: 0 4px; +} + +.nihilo .dijitCalendarDateTemplate { + /* style for each day cell */ + font-size: 0.9em; + font-weight: bold; + text-align: center; + padding: 0.3em 0.3em 0.05em 0.3em; + letter-spacing: 1px; + background-color: #fdfdfd; + border:#fdfdfd solid 1px !important; +} + +.dj_ie .nihilo .dijitCalendarDateTemplate { + padding: 0.1em .33em 0.02em .33em; +} + +.nihilo .dijitCalendarPreviousMonth, +.nihilo .dijitCalendarNextMonth { + /* days that are part of the previous or next month */ + color:#999999; + background-color:#f5f5f5 !important; + border:#f5f5f5 solid 1px !important; +} + +.nihilo .dijitCalendarCurrentMonth { + /* days that are part of this month */ +} + +.nihilo .dijitCalendarDisabledDate { + text-decoration:line-through !important; +} + +.nihilo .dijitCalendarCurrentDate { + /* cell for today's date */ + text-decoration:underline; + font-weight:bold; +} + +.nihilo .dijitCalendarSelectedDate { + /* cell for the selected date */ + background-color:#ffe284 !important; + color:black !important; + border:#f7c95c solid 1px !important; +} + + +.nihilo .dijitCalendarYearContainer { + /* footer of the table that contains the year display/selector */ + background:white url("images/titleBar.png") repeat-x top; +} + +.nihilo .dijitCalendarYearLabel { + /* container for all of 3 year labels */ + margin:0; + padding:0.4em 0 0.25em 0; + text-align:center; + font-size: 1.17em; +} + +.nihilo .dijitCalendarSelectedYear { + /* label for selected year */ + font-weight:bolder; + color:black; + padding:0.2em; + padding-bottom:0.1em; + background-color:#ffe284 !important; + border:#f7c95c solid 1px !important; +} + +.nihilo .dijitCalendarNextYear, +.nihilo .dijitCalendarPreviousYear { + /* label for next/prev years */ + color:black !important; + font-weight:normal; +} + +/* Styling for month DropDownButton */ + +.nihilo .dijitCalendar .dijitDropDownButton { + margin: 0; +} +.nihilo .dijitCalendar .dijitButtonText { + padding: 0; +} +.nihilo .dijitCalendar .dijitDropDownButton .dijitButtonNode { + background-color: transparent; + background-image: none; + padding: 0; +} + +/* Styling for month drop down list */ + +.nihilo .dijitCalendarMonthMenu .dijitCalendarMonthLabelHover { + background-color: #ffe284; + color: #243C5F; +} diff --git a/js/dojo/dijit/themes/nihilo/Calendar_rtl.css b/js/dojo/dijit/themes/nihilo/Calendar_rtl.css new file mode 100644 index 0000000..6fc06f4 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/Calendar_rtl.css @@ -0,0 +1,9 @@ +/* Calendar */ + +.dijitRtl .nihilo .dijitCalendarDecrease { + background-position: -30px top; +} + +.dijitRtl .nihilo .dijitCalendarIncrease { + background-position: 0 top; +} diff --git a/js/dojo/dijit/themes/nihilo/ColorPalette.css b/js/dojo/dijit/themes/nihilo/ColorPalette.css new file mode 100644 index 0000000..8fbe9d7 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/ColorPalette.css @@ -0,0 +1,5 @@ +.dijitColorPalette { + border:1px solid #d3d3d3; + background:#fff; + -moz-border-radius: 0 !important; +}
\ No newline at end of file diff --git a/js/dojo/dijit/themes/nihilo/Common.css b/js/dojo/dijit/themes/nihilo/Common.css new file mode 100644 index 0000000..4986990 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/Common.css @@ -0,0 +1,23 @@ +/* DnD avatar-specific settings */ +/* For now it uses a default set of rules. Some other DnD classes can be modified as well. */ +.nihilo .dojoDndItemBefore { + border-top: 2px solid #369; +} + +.nihilo .dojoDndItemAfter { + border-bottom: 2px solid #369; +} + +.nihilo .dojoDndItemOver { + cursor:pointer; +} + +.nihilo table.dojoDndAvatar { -moz-border-radius: 0; border: 1px solid #ccc; border-collapse: collapse; background-color: #fff; font-size: 75%; color: black;} +.nihilo .dojoDndAvatar td { border: none; } +.nihilo .dojoDndAvatar tr { border: none; } +.nihilo .dojoDndAvatarHeader td { height: 20px; padding: 0 0 0 21px; } +.nihilo .dojoDndAvatarItem td { padding: 2px;} +.nihilo.dojoDndMove .dojoDndAvatarHeader {background-color: #f58383; background-image: url(images/dndNoMove.png); background-repeat: no-repeat; background-position: 2px center;} +.nihilo.dojoDndCopy .dojoDndAvatarHeader {background-color: #f58383; background-image: url(images/dndNoCopy.png); background-repeat: no-repeat; background-position: 2px center;} +.nihilo.dojoDndMove .dojoDndAvatarCanDrop .dojoDndAvatarHeader {background-color: #97e68d; background-image: url(images/dndMove.png); background-repeat: no-repeat; background-position: 2px center;} +.nihilo.dojoDndCopy .dojoDndAvatarCanDrop .dojoDndAvatarHeader {background-color: #97e68d; background-image: url(images/dndCopy.png); background-repeat: no-repeat; background-position: 2px center;} diff --git a/js/dojo/dijit/themes/nihilo/Dialog.css b/js/dojo/dijit/themes/nihilo/Dialog.css new file mode 100644 index 0000000..4affeb8 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/Dialog.css @@ -0,0 +1,152 @@ +/* Dialog */ + +.nihilo .dijitDialog { + background: #eee; + border: 1px solid #d3d3d3; + -webkit-box-shadow: 0 5px 10px #adadad; + padding: 0; +} + +.nihilo .dijitDialog .dijitDialogTitle { + /* typography and styling of the dialog title */ + font-size: 0.9em; + color: #243C5F; + font-weight: bold; + padding: 0 4px; +} + +.nihilo .dijitDialog .dijitDialogPaneContent { + background: #ffffff; + border-top: 1px solid #d3d3d3; + padding:10px; + +} + +.nihilo .dijitDialogTitleBar { + /* outer container for the titlebar of the dialog */ + background: #fafafa url("images/titleBar.png") repeat-x top left; + padding: 5px 6px 3px 6px; + outline:0; /* remove this line if keyboard focus on dialog startup is an issue. tab still takes you to first focusable element */ +} + +.nihilo .dijitDialogCloseIcon { + /* the default close icon for the dialog */ + background-image: url("images/spriteRoundedIconsSmall.png"); + background-repeat: no-repeat; + background-position: -60px 0; + position: absolute; + vertical-align: middle; + right: 6px; + top: 4px; + height: 15px; + width: 15px; +} +.dj_ie6 .nihilo .dijitDialogCloseIcon { + background-image: url("images/spriteRoundedIconsSmall.gif"); +} +.nihilo .dijitDialogCloseIconHover { + background-position: -60px -15px; +} + +/* Tooltip and TooltipDialog */ + +.nihilo .dijitTooltip, +.nihilo .dijitTooltipDialog { + /* the outermost dom node, holding the connector and container */ + background: transparent; /* make the area on the sides of the arrow transparent */ +} + +.dijitTooltipBelow { + /* leave room for arrow above content */ + padding-top: 10px; +} + +.dijitTooltipAbove { + /* leave room for arrow below content */ + padding-bottom: 10px; +} + +.nihilo .dijitTooltipContainer { + /* + The part with the text. + + NOTE: + FF doesn't clip images used as CSS bgs if you specify a border + radius. If you use a solid color, it does. Webkit gets it right. + Sigh. + background: #ffffff url("images/popupMenuBg.gif") repeat-x bottom left; + */ + background-color: #fff; + border:1px solid #d3d3d3; + padding:0.45em; +} + +.nihilo .dijitTooltipConnector { + /* the arrow piece */ + border:0; + z-index: 2; +} + +.nihilo .dijitTooltipABRight .dijitTooltipConnector { + /* above or below tooltip, but the arrow appears on the right, + and the right edges of target and tooltip are aligned rather than the left */ + left: auto !important; + right: 6px; +} + +.nihilo .dijitTooltipBelow .dijitTooltipConnector { + /* the arrow piece for tooltips below an element */ + top: 0; + left: 6px; + background:url("images/tooltipConnectorUp.png") no-repeat top left; + width:17px; + height:11px; +} + +.dj_ie .nihilo .dijitTooltipBelow .dijitTooltipConnector { + background-image: url("images/tooltipConnectorUp.gif"); +} + +.nihilo .dijitTooltipAbove .dijitTooltipConnector { + /* the arrow piece for tooltips above an element */ + bottom: 0; + left: 6px; + background:url("images/tooltipConnectorDown.png") no-repeat top left; + width:17px; + height:11px; +} +.dj_ie .nihilo .dijitTooltipAbove .dijitTooltipConnector { + background-image: url("images/tooltipConnectorDown.gif"); +} +.dj_ie6 .nihilo .dijitTooltipAbove .dijitTooltipConnector { + bottom: -5px; +} + +.nihilo .dijitTooltipLeft { + padding-right: 10px; +} +.nihilo .dijitTooltipLeft .dijitTooltipConnector { + /* the arrow piece for tooltips to the left of an element, bottom borders aligned */ + right: 0; + background:url("images/tooltipConnectorRight.png") no-repeat top left; + width:11px; + height:17px; +} +.dj_ie .nihilo .dijitTooltipLeft .dijitTooltipConnector { + background-image: url("images/tooltipConnectorRight.gif"); +} + +.nihilo .dijitTooltipRight { + padding-left: 10px; +} +.nihilo .dijitTooltipRight .dijitTooltipConnector { + /* the arrow piece for tooltips to the right of an element, bottom borders aligned */ + left: 0; + background:url("images/tooltipConnectorLeft.png") no-repeat top left; + width:11px; + height:17px; +} +.dj_ie .nihilo .dijitTooltipRight .dijitTooltipConnector { + background-image: url("images/tooltipConnectorLeft.gif"); +} + diff --git a/js/dojo/dijit/themes/nihilo/Dialog_rtl.css b/js/dojo/dijit/themes/nihilo/Dialog_rtl.css new file mode 100644 index 0000000..5e0cffc --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/Dialog_rtl.css @@ -0,0 +1,6 @@ +/* Dialog */ + +.dijitRtl .nihilo .dijitDialogTitleBar .dijitDialogCloseIcon { + right: auto; + left: 5px; +} diff --git a/js/dojo/dijit/themes/nihilo/Editor.css b/js/dojo/dijit/themes/nihilo/Editor.css new file mode 100644 index 0000000..108aae7 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/Editor.css @@ -0,0 +1,16 @@ +.nihilo .dijitToolbar .dijitToolbarSeparator { + background: url('../../icons/images/editorIconsEnabled.png'); /* separator in editor icons sprite image - enabled state */ +} + +/**** ICONS *****/ + +.nihilo .dijitEditorIcon { + background-image: url('../../icons/images/editorIconsEnabled.png'); /* editor icons sprite image - enabled state */ + background-repeat: no-repeat; + width: 18px; + height: 18px; + text-align: center; +} +.nihilo .dijitDisabled .dijitEditorIcon { + background-image: url('../../icons/images/editorIconsDisabled.png'); /* editor icons sprite image - disabled state */ +} diff --git a/js/dojo/dijit/themes/nihilo/Editor_rtl.css b/js/dojo/dijit/themes/nihilo/Editor_rtl.css new file mode 100644 index 0000000..ca1cc0c --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/Editor_rtl.css @@ -0,0 +1,9 @@ +/* Editor */ +.dijitRtl .nihilo .dijitEditorIcon { + background-image: url('../../icons/images/editorIconsEnabled_rtl.png'); /* editor icons sprite image - enabled state */ +} +.dijitRtl .nihilo .dijitDisabled .dijitEditorIcon { + background-image: url('../../icons/images/editorIconsDisabled_rtl.png'); /* editor icons sprite image - disabled state */ +} + + diff --git a/js/dojo/dijit/themes/nihilo/Menu.css b/js/dojo/dijit/themes/nihilo/Menu.css new file mode 100644 index 0000000..cad4698 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/Menu.css @@ -0,0 +1,77 @@ + +/* Menu */ +.nihilo .dijitMenu, +.nihilo .dijitMenuBar { + border: 1px solid #d3d3d3; + margin: 0; + padding: 0; + background-color: #fff; +} + +.nihilo .dijitBorderContainer .dijitMenuBar { + border: 1px #ccc solid; +} + +.nihilo .dijitMenuItem { + font-family: sans-serif; + margin: 0; + color: #243C5F; +} +.nihilo .dijitMenuBar .dijitMenuItem { + padding: 4px 5px; +} + +.nihilo .dijitMenuPreviousButton, .nihilo .dijitMenuNextButton { + font-style: italic; +} +.nihilo .dijitMenuItem TD { + padding:1px; +} + +.nihilo .dijitMenuPassive .dijitMenuItemHover, +.nihilo .dijitMenuItemSelected { + background-color: #ffe284; /* #95a0b0; #555555; #aaaaaa; #646464; #60a1ea; #848484; */ + color: #243C5F; +} + +.nihilo .dijitMenuItemIcon { + width: 15px; + height: 15px; +} + +.nihilo .dijitMenuExpand { + width:15px; + height:15px; + background-image: url('images/spriteRoundedIconsSmall.png'); + background-position: -30px top; +} +.dj_ie6 .nihilo .dijitMenuExpand { + background-image:url('images/spriteRoundedIconsSmall.gif'); +} + +.nihilo .dijitMenuSeparator { + height: 1px; +} + +/* separator can be two pixels -- set border of either one to 0 to have only one */ +.nihilo .dijitMenuSeparatorTop { + border-bottom: 1px solid #fff; /*97adcb; */ +} + +.nihilo .dijitMenuSeparatorBottom { + border-top: 1px solid #d3d3d3; +} + +/* the checked menu item */ +.nihilo .dijitCheckedMenuItemIconChar { + display: none; +} + +.nihilo .dijitCheckedMenuItemIcon { + background-image: url('images/spriteCheckbox.gif'); + background-position: -80px; +} + +.nihilo .dijitCheckedMenuItemChecked .dijitCheckedMenuItemIcon { + background-position: -64px; +}
\ No newline at end of file diff --git a/js/dojo/dijit/themes/nihilo/Menu_rtl.css b/js/dojo/dijit/themes/nihilo/Menu_rtl.css new file mode 100644 index 0000000..40b3b41 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/Menu_rtl.css @@ -0,0 +1,10 @@ +/* Menu */ + +.dijitRtl .nihilo .dijitMenuItem .dijitMenuItemIcon { + padding-left: 3px; + padding-right: 0; +} + +.dijitRtl .nihilo .dijitMenuItem .dijitMenuExpand { + background-position: 0 top; +}
\ No newline at end of file diff --git a/js/dojo/dijit/themes/nihilo/ProgressBar.css b/js/dojo/dijit/themes/nihilo/ProgressBar.css new file mode 100644 index 0000000..6c50a7e --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/ProgressBar.css @@ -0,0 +1,33 @@ + +/**** + dijit.ProgressBar + ****/ + +.nihilo .dijitProgressBar { + margin:2px 0 2px 0; +} + +.nihilo .dijitProgressBarEmpty{ + /* outer container and background of the bar that's not finished yet*/ + background:#fff url("images/progressBarEmpty.png") repeat-x center center; + border-color: #f8d582 #f8d582 #f8d582 #f8d582; +} + +.nihilo .dijitProgressBarTile{ + /* inner container for finished portion when in 'tile' (image) mode */ + background:#f0f0f0 url("images/progressBarFull.png") repeat-x center center; +} + +.nihilo .dijitProgressBarFull { + border-right:1px solid #f8d582; +} + +.nihilo .dijitProgressBarLabel { + /* Set to a color that contrasts with both the "Empty" and "Full" parts. */ + color:#293a4b; +} + +.nihilo .dijitProgressBarIndeterminate .dijitProgressBarTile { + /* use an animated gif for the progress bar in 'indeterminate' mode */ + background:#cad2de url("images/progressBarAnim.gif") repeat-x center center; +}
\ No newline at end of file diff --git a/js/dojo/dijit/themes/nihilo/TimePicker.css b/js/dojo/dijit/themes/nihilo/TimePicker.css new file mode 100644 index 0000000..cffdbf5 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/TimePicker.css @@ -0,0 +1,51 @@ +/* Time Picker */ +.nihilo .dijitTimePickerTick, +.nihilo .dijitTimePickerMarker { + border-color: #eeeeee; +} + +.nihilo .dijitTimePickerTick { + color:white; +} + +.nihilo .dijitTimePickerMarker { + background:#d3d3d3 url("images/titleBar.png") repeat-x top; + color:#293a4b; + font-weight: bold; +} + +.nihilo .dijitTimePickerItemSelected { + color: black; + background: #ffe284 none; +} + +.nihilo .dijitTimePickerItemHover { + background: #d6d6dd none; + color:black; +} + +.nihilo .dijitTimePickerItemHover, +.nihilo .dijitTimePickerItemSelected { + position: relative; + z-index: 10; +} + +.nihilo .dijitTimePickerTick .dijitTimePickerItemInner { + font-size:0.4em; +} + +.nihilo .dijitTimePickerItemHover .dijitTimePickerItemInner, +.nihilo .dijitTimePickerItemSelected .dijitTimePickerItemInner { + font-size:1em; +} + +.nihilo .dijitTimePickerMarkerHover { + border-top: 1px solid #eeeeee; +} + +.nihilo .dijitTimePickerTickHover, +.nihilo .dijitTimePickerTickSelected { + margin-top:-0.3em; + margin-bottom:-0.3em; + border-bottom: none; +}
\ No newline at end of file diff --git a/js/dojo/dijit/themes/nihilo/TimePicker_rtl.css b/js/dojo/dijit/themes/nihilo/TimePicker_rtl.css new file mode 100644 index 0000000..50848c3 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/TimePicker_rtl.css @@ -0,0 +1,4 @@ +.dj_ie6-rtl .nihilo .dijitTimePickerMarkerHover, +.dj_ie7-rtl .nihilo .dijitTimePickerMarkerHover { + border-top: 0; /* IE6/7 bug causes mouseover/out event storm */ +} diff --git a/js/dojo/dijit/themes/nihilo/TitlePane.css b/js/dojo/dijit/themes/nihilo/TitlePane.css new file mode 100644 index 0000000..6d16ff9 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/TitlePane.css @@ -0,0 +1,54 @@ +/** + * dijit.TitlePane + * + */ + +.nihilo .dijitTitlePaneTitle { + background: #cccccc; + background:#fff url("images/titleBar.png") repeat-x top left; + border:1px solid #bfbfbf; + padding:3px 4px; + font-size: 0.9em; + font-weight: bold; + color: #6d6d6d; +} +.nihilo .dijitTitlePaneTitleHover { + background: #f9f9f9 url("images/accordionItemActive.png") top repeat-x; +} + +.nihilo .dijitTitlePane .dijitOpen .dijitArrowNode, +.nihilo .dijitTitlePane .dijitClosed .dijitArrowNode { + width:15px; + height:15px; +} + +.nihilo .dijitTitlePaneTextNode { + color: #243C5F; +} + +.nihilo .dijitTitlePane .dijitClosed .dijitArrowNode { + background: url('images/spriteRoundedIconsSmall.png') no-repeat -30px top; +} +.dj_ie6 .nihilo .dijitTitlePane .dijitClosed .dijitArrowNode { + background:url('images/spriteRoundedIconsSmall.gif') no-repeat -30px top; +} +.nihilo .dijitTitlePane .dijitOpen .dijitArrowNode { + background:url('images/spriteRoundedIconsSmall.png') no-repeat -15px top; +} +.dj_ie6 .nihilo .dijitTitlePane .dijitOpen .dijitArrowNode { + background:url('images/spriteRoundedIconsSmall.gif') no-repeat -15px top; +} + +.nihilo .dijitTitlePaneContentOuter { + background: #ffffff; + border:1px solid #bfbfbf; + border-top: 0; +} +.nihilo .dijitTitlePaneContentInner { + padding:10px; +} + +.nihilo .dijitTitlePaneTextNode { + margin-left: 4px; + margin-right: 4px; +}
\ No newline at end of file diff --git a/js/dojo/dijit/themes/nihilo/TitlePane_rtl.css b/js/dojo/dijit/themes/nihilo/TitlePane_rtl.css new file mode 100644 index 0000000..7b3ba21 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/TitlePane_rtl.css @@ -0,0 +1,6 @@ +.dijitRtl .nihilo .dijitTitlePane .dijitClosed .dijitArrowNode { + background-position: 0 top; +} +.dj_ie6-rtl .nihilo .dijitTitlePane .dijitClosed .dijitArrowNode { + background-position: 0 top; +}
\ No newline at end of file diff --git a/js/dojo/dijit/themes/nihilo/Toolbar.css b/js/dojo/dijit/themes/nihilo/Toolbar.css new file mode 100644 index 0000000..1c3e327 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/Toolbar.css @@ -0,0 +1,65 @@ +.nihilo .dijitToolbar { + border-bottom: 1px solid #ccc; + background:#eaeaea url("images/titleBar.png") repeat-x top left; +} + +/* setting a min-height on ditor toolbar */ +.dj_ie6 .nihilo .dijitToolbar { + height: 10px; +} + +.nihilo .dijitToolbar .dijitButtonNode, +.nihilo .dijitToolbar .dijitComboButton .dijitButtonContents, +.nihilo .dijitToolbar .dijitComboButton .dijitDownArrowButton { + background: none; + margin: 0; + padding: 0; + border: none; + font-size: 12px; +} + +.nihilo .dijitToolbar .dijitButton, +.nihilo .dijitToolbar .dijitToggleButton, +.nihilo .dijitToolbar .dijitDropDownButton, +.nihilo .dijitToolbar .dijitComboButton .dijitButtonContents, +.nihilo .dijitToolbar .dijitComboButton .dijitDownArrowButton { + background: none; + padding: 1px; /* on hover etc., margin replaced w/border */ +} + +.nihilo .dijitToolbar .dijitButtonChecked, +.nihilo .dijitToolbar .dijitToggleButtonChecked { + background-color:#ffeeb9; + border:1px solid #f7c95c; + padding: 0; +} + +.nihilo .dijitToolbar .dijitButtonCheckedHover, +.nihilo .dijitToolbar .dijitToggleButtonCheckedHover + { + background-color:#ffe284; + border:1px solid #f7c95c; + padding: 0; +} + +.nihilo .dijitToolbar .dijitButtonHover, +.nihilo .dijitToolbar .dijitToggleButtonHover, +.nihilo .dijitToolbar .dijitDropDownButtonHover, +.nihilo .dijitToolbar .dijitComboButton .dijitButtonContentsHover, +.nihilo .dijitToolbar .dijitComboButton .dijitDownArrowButtonHover { + /* TODO: change this from Hover to Selected so that button is still highlighted while drop down is being used */ + border: 1px solid #f7c95c; + padding: 0; + background-color:#ffe284; +} + +.nihilo .dijitToolbar label { + padding: 3px 3px 0 6px; +} + +.dj_ie .nihilo .dijitToolbar .dijitComboButton .dijitButtonContentsFocused, +.dj_ie .nihilo .dijitToolbar .dijitComboButton .dijitDownArrowButtonFocused { + /* focus border doesn't appear on <td> for IE, so need to add it manually */ + border: 1px #555 dotted !important; + padding: 0; +}
\ No newline at end of file diff --git a/js/dojo/dijit/themes/nihilo/Tree.css b/js/dojo/dijit/themes/nihilo/Tree.css new file mode 100644 index 0000000..a33b969 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/Tree.css @@ -0,0 +1,100 @@ +/* Tree */ + +.nihilo .dijitTreeNode { + background : url('images/treeI.gif') no-repeat; + background-position : top left; + background-repeat : repeat-y; + zoom: 1; +} + +/* left vertical line (grid) for all nodes */ +.nihilo .dijitTreeIsLast { + background: url('images/treeI_half.gif') no-repeat; +} + +.nihilo .dijitTreeRowHover { + /* using a transparent png so that we can still see grid lines, which are (unfortunately) behind the dijitRowNode that we are hovering over */ + background-image: url(images/treeHover.png); + background-repeat: repeat; + background-color: transparent !important; +} + +.nihilo .dijitTreeLabel { + font-weight: normal; + margin-left: 3px; +} + +.nihilo .dijitTreeIsRoot { + margin-left: 0; + background-image: none; +} + +.nihilo .dijitTreeExpando { + width: 18px; + height: 18px; +} + +.nihilo .dijitTreeRow { + /* so insert line shows up on IE when dropping after a target element */ + padding-bottom: 2px; +} + +.nihilo .dijitTreeContent { + min-height: 18px; + min-width: 18px; + padding-left:1px; +} + +.nihilo .dijitTreeExpandoOpened { + background: url('images/spriteTree.gif') no-repeat -18px top; +} + +.nihilo .dijitTreeExpandoClosed { + background-image: url('images/spriteTree.gif'); +} + +.nihilo .dijitTreeExpandoLeaf { + background: url('images/spriteTree.gif') no-repeat -36px top; +} + +.nihilo .dijitTreeExpandoLoading { + background-image: url('images/treeExpand_loading.gif'); +} + +.nihilo .dijitTreeIcon { + width: 16px; + height: 16px; +} + +.nihilo .dijitFolderOpened { + background: url('images/spriteDivIcons.gif') no-repeat -16px top; +} + +.nihilo .dijitFolderClosed { + background: url('images/spriteDivIcons.gif') no-repeat top left; +} + +.nihilo .dijitLeaf { + background: url('images/spriteDivIcons.gif') no-repeat -32px top; +} + +/* Drag and Drop on TreeNodes + * Put insert line on dijitTreeContent node so it's aligned w/ + * (ie, indented equally with) target element, even + * though dijitTreeRowNode is the actual "drag object" + */ +.nihilo .dijitTreeNode .dojoDndItemBefore, +.nihilo .dijitTreeNode .dojoDndItemAfter { + border-bottom: none; + border-top: none; +} + +.nihilo .dijitTreeNode .dojoDndItemBefore .dijitTreeContent { + /* copied from Common.css */ + border-top: 2px solid #369; +} + +.nihilo .dijitTreeNode .dojoDndItemAfter .dijitTreeContent { + /* copied from Common.css */ + border-bottom: 2px solid #369; +}
\ No newline at end of file diff --git a/js/dojo/dijit/themes/nihilo/Tree_rtl.css b/js/dojo/dijit/themes/nihilo/Tree_rtl.css new file mode 100644 index 0000000..4462ed1 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/Tree_rtl.css @@ -0,0 +1,22 @@ +/* Tree */ + +.dijitRtl .nihilo .dijitTreeNode, +.dijitRtl .nihilo .dijitTreeExpandoLeaf { + /* disable grid lines for Tree in RTL mode, too hard to support */ + background-image: none; +} + +.dijitRtl .nihilo .dijitTreeContent { + padding-left: 0; + padding-right: 1px; +} + +.dijitRtl .nihilo .dijitTreeExpandoOpened { + /* todo: icon contains grid line but grid lines disabled above */ + background: url('images/spriteTree_rtl.gif') no-repeat -18px top; +} + +.dijitRtl .nihilo .dijitTreeExpandoClosed { + /* todo: icon contains grid line but grid lines disabled above */ + background-image: url('images/spriteTree_rtl.gif'); +} diff --git a/js/dojo/dijit/themes/nihilo/form/Button.css b/js/dojo/dijit/themes/nihilo/form/Button.css new file mode 100644 index 0000000..90e1ee2 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/form/Button.css @@ -0,0 +1,129 @@ + +/***** + dijit.form.Button + dijit.form.DropDownButton + dijit.form.ComboButton + dijit.form.ComboBox (partial) + dijit.form.Spinner (partial) (TODO: create NumberSpinner.css file like claro has) + *****/ + +.nihilo .dijitButtonNode { + /* enabled state - inner */ + /* border:1px outset #a0a0a0; */ + border:1px solid #dedede; + border-bottom:1px solid #dedede; + padding: 0.1em 0.2em 0.2em 0.2em; + background: #fff url("../images/buttonEnabled.png") repeat-x top left; +} + +.nihilo .dijitSelect .dijitButtonContents { + border-right: none; +} + +.nihilo .dijitButtonText { + text-align: center; + padding: 0 0.3em; +} + +.nihilo .dijitComboBox .dijitButtonNode { + border-width: 0 0 0 1px; +} + +.nihilo .dijitArrowButton { + color: #111; +} + +.nihilo .dijitComboButton .dijitDownArrowButton { + padding-right:4px; +} + +.nihilo .dijitComboBoxReadOnly, +.nihilo .dijitSpinnerReadOnly, +.nihilo .dijitSpinnerReadOnly .dijitButtonNode, +.nihilo .dijitButtonDisabled .dijitButtonNode, +.nihilo .dijitToggleButtonDisabled .dijitButtonNode, +.nihilo .dijitDropDownButtonDisabled .dijitButtonNode, +.nihilo .dijitComboButtonDisabled .dijitButtonNode, +.nihilo .dijitComboBoxDisabled, +.nihilo .dijitSpinnerDisabled, +.nihilo .dijitSpinnerDisabled .dijitButtonNode { + /* disabled state - inner */ + border-color: #dedede; + background:#fafafa url("../images/buttonDisabled.png") top repeat-x; + opacity: 0.60; +} +.dj_ie6 .nihilo .dijitReadOnly input, +.dj_ie7 .nihilo .dijitReadOnly input, +.dj_ie6 .nihilo .dijitComboButtonDisabled .dijitButtonText, +.dj_ie7 .nihilo .dijitComboButtonDisabled .dijitButtonText { + /* opacity doesn't work on table node in IE, work around here */ + color: #aaa; +} + + +.nihilo .dijitButtonHover .dijitButtonNode, +.nihilo .dijitButtonNodeHover, +.nihilo .dijitToggleButtonHover .dijitButtonNode, +.nihilo .dijitDropDownButtonHover .dijitButtonNode, +.nihilo .dijitButtonContentsHover, +.nihilo .dijitDownArrowButtonHover, +.nihilo .dijitUpArrowButtonHover { + /* hover state - inner */ + /* TODO: change from Hover to Selected so that button is still highlighted while drop down is being used */ + color:#243C5F; + background:#fcfcfc url("../images/buttonHover.png") repeat-x top left; +} + +.nihilo .dijitUpArrowButtonActive, +.nihilo .dijitDownArrowButtonActive, +.nihilo .dijitButtonActive .dijitButtonNode, +.nihilo .dijitToggleButtonActive .dijitButtonNode, +.nihilo .dijitDropDownButtonActive .dijitButtonNode, +.nihilo .dijitComboButton .dijitButtonContentsActive, +.nihilo .dijitStackController .dijitToggleButtonChecked .dijitButtonNode { + /* active state - inner (for when you are pressing a normal button, or + * when a radio-type button is in a depressed state + */ + border-color:#dedede; + background: #f5f5f5 url("../images/buttonActive.png") top left repeat-x; +} + + +.nihilo .dijitArrowButtonInner { + background-image: url("../images/spriteArrows.png"); + background-repeat: no-repeat; + background-position: 0 center; + width: 11px; + height: 11px; +} +.nihilo .dijitLeftArrowButton .dijitArrowButtonInner { + background-position: -11px center; +} +.nihilo .dijitUpArrowButton .dijitArrowButtonInner { + background-position: -22px center; +} +.nihilo .dijitRightArrowButton .dijitArrowButtonInner { + background-position: -33px center; +} +.dj_ie6 .nihilo .dijitArrowButtonInner { + background-image: url("../images/spriteArrows.gif"); +} +.dj_webkit .nihilo .dijitSpinner .dijitUpArrowButton .dijitArrowButtonInner { + margin-top: -1px; /* image has too many blank pixels on top */ +} +.dj_ie .nihilo .dijitSpinner .dijitUpArrowButton .dijitArrowButtonInner { + margin-top: 1px; /* image has too many blank pixels on top */ +} +.nihilo .dijitSpinnerButtonContainer { + width: auto; + padding: 0; +} +.nihilo .dijitSpinner .dijitArrowButton { + width: 15px; +} +.nihilo .dijitSpinner .dijitSpinnerButtonInner { + width: 15px; +} +.nihilo .dijitSpinner .dijitArrowButtonInner .dijitInputField { + padding: 0; +} diff --git a/js/dojo/dijit/themes/nihilo/form/Button_rtl.css b/js/dojo/dijit/themes/nihilo/form/Button_rtl.css new file mode 100644 index 0000000..60d4c4d --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/form/Button_rtl.css @@ -0,0 +1,8 @@ +.dijitRtl .nihilo .dijitComboBox .dijitButtonNode { + border-width: 0 0 0 1px; +} +.dijitRtl .nihilo .dijitSelect .dijitButtonContents { + border-left: none; + border-right-width: 1px; +} + diff --git a/js/dojo/dijit/themes/nihilo/form/Checkbox.css b/js/dojo/dijit/themes/nihilo/form/Checkbox.css new file mode 100644 index 0000000..260666f --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/form/Checkbox.css @@ -0,0 +1,67 @@ + +/* + * CheckBox and Radio Widgets, + * and the CSS to embed a checkbox or radio icon inside a ToggleButton. + * + * Order of images in the default sprite (from L to R, checkbox and radio in same image): + * checkbox normal - checked + * - unchecked + * disabled - checked + * - unchecked + * hover - checked + * - unchecked + * + * radio normal - checked + * - unchecked + * disabled - checked + * - unchecked + * hover - checked + * - unchecked +*/ + +.nihilo .dijitToggleButton .dijitCheckBox, +.nihilo .dijitToggleButton .dijitCheckBoxIcon { + background-image: url('../images/spriteCheckbox.gif'); +} + +.nihilo .dijitCheckBox, +.nihilo .dijitCheckBoxIcon { /* inside a toggle button */ + background-image: url('../images/spriteCheckbox.gif'); /* checkbox sprite image */ + background-repeat: no-repeat; + width: 16px; + height: 16px; + margin: 0; + padding: 0; +} + +.nihilo .dijitCheckBox, +.nihilo .dijitToggleButton .dijitCheckBoxIcon { + /* unchecked */ + background-position: -16px; +} + +.nihilo .dijitCheckBoxChecked, +.nihilo .dijitToggleButtonChecked .dijitCheckBoxIcon { + /* checked */ + background-position: 0; +} + +.nihilo .dijitCheckBoxDisabled { + /* disabled */ + background-position: -48px; +} + +.nihilo .dijitCheckBoxCheckedDisabled { + /* disabled but checked */ + background-position: -32px; +} + +.nihilo .dijitCheckBoxHover { + /* hovering over an unchecked enabled checkbox */ + background-position: -80px; +} + +.nihilo .dijitCheckBoxCheckedHover { + /* hovering over a checked enabled checkbox */ + background-position: -64px; +}
\ No newline at end of file diff --git a/js/dojo/dijit/themes/nihilo/form/Common.css b/js/dojo/dijit/themes/nihilo/form/Common.css new file mode 100644 index 0000000..b67195f --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/form/Common.css @@ -0,0 +1,74 @@ + +/**** + dijit.form.TextBox + dijit.form.ValidationTextBox + dijit.form.SerializableTextBox + dijit.form.RangeBoundTextBox + dijit.form.NumberTextBox + dijit.form.CurrencyTextBox + dijit.form.NumberSpinner + dijit.form.ComboBox (partial) + ****/ + +.nihilo .dijitInputContainer input, +.nihilo .dijitTextBox { + margin: 0 0.1em; +} + +.nihilo .dijitTextBox, +.nihilo .dijitTextArea { + /* For all except dijit.form.NumberSpinner: the actual input element. + For TextBox, ComboBox, Spinner: the table that contains the input. + Otherwise the actual input element. + */ + background:#fff url("../images/validationInputBg.png") repeat-x top left; + #background:#fff url('../images/validationInputBg.gif') repeat-x top left; + border:1px solid #d3d3d3; +} + +.nihilo .dijitComboBox .dijitButtonNode { + padding: 0 0.2em !important; +} +.nihilo .dijitTextBox .dijitButtonNode { + /* line between the input area and the drop down button */ + border-color: #d3d3d3; +} + +.nihilo .dijitTextBoxFocused, +.nihilo .dijitTextAreaFocused { + /* input field when focused (ie: typing affects it) */ + border-color:#b3b3b3; +} +.nihilo .dijitTextBoxFocused .dijitButtonNode, +.nihilo .dijitSpinner .dijitUpArrowButtonActive, +.nihilo .dijitSpinner .dijitDownArrowButtonActive { + border-left-color:#d3d3d3; +} +.nihilo .dijitSpinnerFocused .dijitDownArrowButton, +.nihilo .dijitSpinner .dijitUpArrowButtonActive, +.nihilo .dijitSpinner .dijitDownArrowButtonActive { + border-top-color:#d3d3d3; +} + +.nihilo .dijitError { + border-color:#b3b3b3; + background-color:#f9f7ba; + background-image:none; +} + +.nihilo .dijitErrorFocused { + background-color:#ff6; + background-image:none; +} + +/* Validation errors */ +.nihilo .dijitValidationIcon { + /* prevent height change when widget goes from valid to invalid state */ + width: 16px; + background: transparent url('../images/warning.png') no-repeat center center; +} + +/* The highlight is shown in the ComboBox menu. */ +.nihilo .dijitComboBoxHighlightMatch { + background-color:#d3d3d3; +} diff --git a/js/dojo/dijit/themes/nihilo/form/RadioButton.css b/js/dojo/dijit/themes/nihilo/form/RadioButton.css new file mode 100644 index 0000000..d0dba30 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/form/RadioButton.css @@ -0,0 +1,66 @@ +/* + * CheckBox and Radio Widgets, + * and the CSS to embed a checkbox or radio icon inside a ToggleButton. + * + * Order of images in the default sprite (from L to R, checkbox and radio in same image): + * checkbox normal - checked + * - unchecked + * disabled - checked + * - unchecked + * hover - checked + * - unchecked + * + * radio normal - checked + * - unchecked + * disabled - checked + * - unchecked + * hover - checked + * - unchecked +*/ + +.nihilo .dijitToggleButton .dijitRadio, +.nihilo .dijitToggleButton .dijitRadioIcon { + background-image: url('../images/spriteRadio.gif'); +} + +.nihilo .dijitRadio, +.nihilo .dijitRadioIcon { /* inside a toggle button */ + background-image: url('../images/spriteRadio.gif'); /* checkbox sprite image */ + background-repeat: no-repeat; + width: 16px; + height: 16px; + margin: 0; + padding: 0; +} + +.nihilo .dijitRadio, +.nihilo .dijitToggleButton .dijitRadioIcon { + /* unselected */ + background-position: -16px; +} + +.nihilo .dijitRadioChecked, +.nihilo .dijitToggleButtonChecked .dijitRadioIcon { + /* selected */ + background-position: 0; +} + +.nihilo .dijitRadioDisabled { + /* unselected and disabled */ + background-position: -48px; +} + +.nihilo .dijitRadioCheckedDisabled { + /* selected but disabled */ + background-position: -32px; +} + +.nihilo .dijitRadioHover { + /* hovering over an unselected enabled radio button */ + background-position: -80px; +} + +.nihilo .dijitRadioCheckedHover { + /* hovering over a selected enabled radio button */ + background-position: -64px; +}
\ No newline at end of file diff --git a/js/dojo/dijit/themes/nihilo/form/Select.css b/js/dojo/dijit/themes/nihilo/form/Select.css new file mode 100644 index 0000000..61967e5 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/form/Select.css @@ -0,0 +1,54 @@ +.nihilo .dijitSelect .dijitButtonNode { + padding: 0; +} + +/* Make unselected "look" more like a text box and less like a button */ +.nihilo .dijitSelect .dijitButtonContents { + padding-top: 1px; + background:#fff url("../images/validationInputBg.png") repeat-x top left; + #background:#fff url('../images/validationInputBg.gif') repeat-x top left; +} +.nihilo .dijitSelectHover .dijitButtonContents, +.nihilo .dijitSelectActive .dijitButtonContents, +.nihilo .dijitSelectOpened .dijitButtonContents, +.nihilo .dijitSelectDisabled .dijitButtonContents, +.nihilo .dijitSelectReadOnly .dijitButtonContents{ + background: transparent none; +} +.dj_ie .nihilo .dijitSelect .dijitButtonContents { + padding-top: 0; +} + +.nihilo .dijitSelect .dijitArrowButton { + padding: 0 2px; +} + +/* Mirror DropDownButton */ +.nihilo .dijitSelectDisabled .dijitButtonNode { + border-color: #dedede; + background:#fafafa url("../images/buttonDisabled.png") top repeat-x; +} +.dj_ie .nihilo .dijitSelectDisabled .dijitButtonNode * { + filter: gray() alpha(opacity=50); +} + +.nihilo .dijitSelectHover .dijitButtonNode { + color:#000; + background:#fcfcfc url("../images/buttonHover.png") repeat-x top left; +} + +.nihilo .dijitSelectActive .dijitButtonNode, +.nihilo .dijitSelectOpened .dijitButtonNode { + border-color:#dedede; + background: #f5f5f5 url("../images/buttonActive.png") top left repeat-x; +} + +/* Make the menu look more combobox-like */ +.nihilo .dijitSelectMenu td { + padding: 0; +} +.nihilo .dijitSelectMenu .dijitMenuItemLabel, +.nihilo .dijitSelectMenu .dijitMenuArrowCell { + padding: 0.1em 0.2em; +} + diff --git a/js/dojo/dijit/themes/nihilo/form/Slider.css b/js/dojo/dijit/themes/nihilo/form/Slider.css new file mode 100644 index 0000000..16bcd09 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/form/Slider.css @@ -0,0 +1,141 @@ + +/**** + SLIDER +****/ + +.nihilo .dijitSliderProgressBarH { + border-color: #aab0bb; + background: #c0c2c5 url("../images/sliderFull.png") repeat-x top left; +} + +.nihilo .dijitSliderProgressBarV { + border-color: #aab0bb; + background: #c0c2c5 url("../images/sliderFullVertical.png") repeat-y bottom left; +} + +.nihilo .dijitSliderFocused .dijitSliderProgressBarH, +.nihilo .dijitSliderFocused .dijitSliderLeftBumper { + background-image:url("../images/sliderFullFocus.png"); +} + +.nihilo .dijitSliderFocused .dijitSliderProgressBarV, +.nihilo .dijitSliderFocused .dijitSliderBottomBumper { + background-image:url("../images/sliderFullVerticalFocus.png"); +} + +.nihilo .dijitSliderRemainingBarV { + border-color: #b4b4b4; + background: #dcdcdc url("../images/sliderEmptyVertical.png") repeat-y bottom left; +} + +.nihilo .dijitSliderRemainingBarH { + border-color: #b4b4b4; + background: #dcdcdc url("../images/sliderEmpty.png") repeat-x top left; +} + +.nihilo .dijitSliderBar { + border-style: solid; + outline:1px; + /* border-color: #b4b4b4; */ +} +.nihilo .dijitSliderFocused .dijitSliderBar { + border-color:#727272; +} + +.nihilo .dijitSliderImageHandleH { + border:0; + width:15px; + height:18px; + background:url("../images/preciseSliderThumb.png") no-repeat center top; + #background:url("../images/preciseSliderThumb.gif") no-repeat center top; +} +.nihilo .dijitSliderFocused .dijitSliderImageHandleH { + background-image:url("../images/preciseSliderThumbFocus.png"); + #background-image:url("../images/preciseSliderThumbFocus.gif"); +} + +.nihilo .dijitSliderLeftBumper { + border-left-width: 1px; + border-color: #aab0bb; + background: #c0c2c5 url("../images/sliderFull.png") repeat-x top left; +} + +.nihilo .dijitSliderRightBumper { + background: #dcdcdc url("../images/sliderEmpty.png") repeat-x top left; + border-color: #b4b4b4; + border-right-width: 1px; +} + +.nihilo .dijitSliderImageHandleV { + border:0; + width:20px; + height:15px; + background:url("../images/sliderThumb.png") no-repeat center center; + #background:url("../images/sliderThumb.gif") no-repeat center center; +} + +.nihilo .dijitSliderFocused .dijitSliderImageHandleV { + background-image:url("../images/sliderThumbFocus.png"); + #background-image:url("../images/sliderThumbFocus.gif"); +} + +.nihilo .dijitSliderBottomBumper { + border-bottom-width: 1px; + border-color: #aab0bb; + background: #c0c2c5 url("../images/sliderFullVertical.png") repeat-y bottom left; +} + +.nihilo .dijitSliderTopBumper { + background: #dcdcdc url("../images/sliderEmptyVertical.png") repeat-y top left; + border-color: #b4b4b4; + border-top-width: 1px; +} + +.nihilo .dijitSliderIncrementIconH, +.nihilo .dijitSliderIncrementIconV { + background:url('../images/spriteRoundedIconsSmall.png') no-repeat -45px top; + #background:url('../images/spriteRoundedIconsSmall.gif') no-repeat -45px top; + width:15px; height:15px; +} +.nihilo .dijitSliderIncrementIconH { + background:url('../images/spriteRoundedIconsSmall.png') no-repeat -30px top; + #background:url('../images/spriteRoundedIconsSmall.gif') no-repeat -30px top; +} + +.nihilo .dijitSliderDecrementIconH, +.nihilo .dijitSliderDecrementIconV { + width:15px; + height:15px; + background:url('../images/spriteRoundedIconsSmall.png') no-repeat -15px top; + #background:url('../images/spriteRoundedIconsSmall.gif') no-repeat -15px top; +} +.nihilo .dijitSliderDecrementIconH { + background:url('../images/spriteRoundedIconsSmall.png') no-repeat 0 top; + #background:url('../images/spriteRoundedIconsSmall.gif') no-repeat 0 top; +} + +.nihilo .dijitSliderButtonInner { + visibility:hidden; +} + +.nihilo .dijitSliderReadOnly *, +.nihilo .dijitSliderDisabled * { + border-color: #d5d5d5 #bdbdbd #bdbdbd #d5d5d5; + color: #bdbdbd; +} +.nihilo .dijitSliderReadOnly .dijitSliderDecrementIconH, +.nihilo .dijitSliderDisabled .dijitSliderDecrementIconH { + background-position: 0 -15px; +} +.nihilo .dijitSliderReadOnly .dijitSliderIncrementIconH, +.nihilo .dijitSliderDisabled .dijitSliderIncrementIconH { + background-position: -30px -15px; +} +.nihilo .dijitSliderReadOnly .dijitSliderDecrementIconV, +.nihilo .dijitSliderDisabled .dijitSliderDecrementIconV { + background-position: -15px -15px; +} +.nihilo .dijitSliderReadOnly .dijitSliderIncrementIconV, +.nihilo .dijitSliderDisabled .dijitSliderIncrementIconV { + background-position: -45px -15px; +}
\ No newline at end of file diff --git a/js/dojo/dijit/themes/nihilo/form/Slider_rtl.css b/js/dojo/dijit/themes/nihilo/form/Slider_rtl.css new file mode 100644 index 0000000..1523d4a --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/form/Slider_rtl.css @@ -0,0 +1,36 @@ + +/* Slider */ + +.dijitRtl .nihilo .dijitSliderProgressBarH, +.dijitRtl .nihilo .dijitSliderRemainingBarH, +.dijitRtl .nihilo .dijitSliderLeftBumper, +.dijitRtl .nihilo .dijitSliderRightBumper, +.dijitRtl .nihilo .dijitSliderTopBumper { + background-position: top right; +} + +.dijitRtl .nihilo .dijitSliderProgressBarV, +.dijitRtl .nihilo .dijitSliderRemainingBarV, +.dijitRtl .nihilo .dijitSliderBottomBumper { + background-position: bottom right; +} + +.dijitRtl .nihilo .dijitSliderLeftBumper { + border-left-width: 0; + border-right-width: 1px; +} + +.dijitRtl .nihilo .dijitSliderRightBumper { + border-left-width: 1px; + border-right-width: 0; +} + +.dijitRtl .nihilo .dijitSliderIncrementIconH { + background:url('../images/spriteRoundedIconsSmall.png') no-repeat left top; + #background:url('../images/spriteRoundedIconsSmall.gif') no-repeat left top; +} + +.dijitRtl .nihilo .dijitSliderDecrementIconH { + background:url('../images/spriteRoundedIconsSmall.png') no-repeat -30px top; + #background:url('../images/spriteRoundedIconsSmall.gif') no-repeat -30px top; +} diff --git a/js/dojo/dijit/themes/nihilo/form/TimeTextBox.css b/js/dojo/dijit/themes/nihilo/form/TimeTextBox.css new file mode 100644 index 0000000..bf67b66 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/form/TimeTextBox.css @@ -0,0 +1 @@ +@CHARSET "UTF-8";
\ No newline at end of file diff --git a/js/dojo/dijit/themes/nihilo/images/accordionItemActive.png b/js/dojo/dijit/themes/nihilo/images/accordionItemActive.png Binary files differnew file mode 100644 index 0000000..58f3cf9 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/accordionItemActive.png diff --git a/js/dojo/dijit/themes/nihilo/images/buttonActive.png b/js/dojo/dijit/themes/nihilo/images/buttonActive.png Binary files differnew file mode 100644 index 0000000..e2f2fda --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/buttonActive.png diff --git a/js/dojo/dijit/themes/nihilo/images/buttonDisabled.png b/js/dojo/dijit/themes/nihilo/images/buttonDisabled.png Binary files differnew file mode 100644 index 0000000..b76af42 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/buttonDisabled.png diff --git a/js/dojo/dijit/themes/nihilo/images/buttonEnabled.png b/js/dojo/dijit/themes/nihilo/images/buttonEnabled.png Binary files differnew file mode 100644 index 0000000..d4fd306 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/buttonEnabled.png diff --git a/js/dojo/dijit/themes/nihilo/images/buttonHover.png b/js/dojo/dijit/themes/nihilo/images/buttonHover.png Binary files differnew file mode 100644 index 0000000..1af7e83 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/buttonHover.png diff --git a/js/dojo/dijit/themes/nihilo/images/dndCopy.png b/js/dojo/dijit/themes/nihilo/images/dndCopy.png Binary files differnew file mode 100644 index 0000000..baecd7c --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/dndCopy.png diff --git a/js/dojo/dijit/themes/nihilo/images/dndMove.png b/js/dojo/dijit/themes/nihilo/images/dndMove.png Binary files differnew file mode 100644 index 0000000..07f878c --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/dndMove.png diff --git a/js/dojo/dijit/themes/nihilo/images/dndNoCopy.png b/js/dojo/dijit/themes/nihilo/images/dndNoCopy.png Binary files differnew file mode 100644 index 0000000..9bf9c33 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/dndNoCopy.png diff --git a/js/dojo/dijit/themes/nihilo/images/dndNoMove.png b/js/dojo/dijit/themes/nihilo/images/dndNoMove.png Binary files differnew file mode 100644 index 0000000..cb8bd8b --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/dndNoMove.png diff --git a/js/dojo/dijit/themes/nihilo/images/no.gif b/js/dojo/dijit/themes/nihilo/images/no.gif Binary files differnew file mode 100644 index 0000000..9021a14 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/no.gif diff --git a/js/dojo/dijit/themes/nihilo/images/preciseSliderThumb.gif b/js/dojo/dijit/themes/nihilo/images/preciseSliderThumb.gif Binary files differnew file mode 100644 index 0000000..53b33e5 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/preciseSliderThumb.gif diff --git a/js/dojo/dijit/themes/nihilo/images/preciseSliderThumb.png b/js/dojo/dijit/themes/nihilo/images/preciseSliderThumb.png Binary files differnew file mode 100644 index 0000000..045bf35 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/preciseSliderThumb.png diff --git a/js/dojo/dijit/themes/nihilo/images/preciseSliderThumbFocus.gif b/js/dojo/dijit/themes/nihilo/images/preciseSliderThumbFocus.gif Binary files differnew file mode 100644 index 0000000..8c6f92e --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/preciseSliderThumbFocus.gif diff --git a/js/dojo/dijit/themes/nihilo/images/preciseSliderThumbFocus.png b/js/dojo/dijit/themes/nihilo/images/preciseSliderThumbFocus.png Binary files differnew file mode 100644 index 0000000..c235849 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/preciseSliderThumbFocus.png diff --git a/js/dojo/dijit/themes/nihilo/images/progressBarAnim.gif b/js/dojo/dijit/themes/nihilo/images/progressBarAnim.gif Binary files differnew file mode 100644 index 0000000..543d048 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/progressBarAnim.gif diff --git a/js/dojo/dijit/themes/nihilo/images/progressBarEmpty.png b/js/dojo/dijit/themes/nihilo/images/progressBarEmpty.png Binary files differnew file mode 100644 index 0000000..c2d3695 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/progressBarEmpty.png diff --git a/js/dojo/dijit/themes/nihilo/images/progressBarFull.png b/js/dojo/dijit/themes/nihilo/images/progressBarFull.png Binary files differnew file mode 100644 index 0000000..a8f3865 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/progressBarFull.png diff --git a/js/dojo/dijit/themes/nihilo/images/sliderEmpty.png b/js/dojo/dijit/themes/nihilo/images/sliderEmpty.png Binary files differnew file mode 100644 index 0000000..99fbd72 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/sliderEmpty.png diff --git a/js/dojo/dijit/themes/nihilo/images/sliderEmptyVertical.png b/js/dojo/dijit/themes/nihilo/images/sliderEmptyVertical.png Binary files differnew file mode 100644 index 0000000..2d497e3 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/sliderEmptyVertical.png diff --git a/js/dojo/dijit/themes/nihilo/images/sliderFull.png b/js/dojo/dijit/themes/nihilo/images/sliderFull.png Binary files differnew file mode 100644 index 0000000..9adb254 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/sliderFull.png diff --git a/js/dojo/dijit/themes/nihilo/images/sliderFullFocus.png b/js/dojo/dijit/themes/nihilo/images/sliderFullFocus.png Binary files differnew file mode 100644 index 0000000..3d75cae --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/sliderFullFocus.png diff --git a/js/dojo/dijit/themes/nihilo/images/sliderFullVertical.png b/js/dojo/dijit/themes/nihilo/images/sliderFullVertical.png Binary files differnew file mode 100644 index 0000000..27e9752 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/sliderFullVertical.png diff --git a/js/dojo/dijit/themes/nihilo/images/sliderFullVerticalFocus.png b/js/dojo/dijit/themes/nihilo/images/sliderFullVerticalFocus.png Binary files differnew file mode 100644 index 0000000..cca6184 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/sliderFullVerticalFocus.png diff --git a/js/dojo/dijit/themes/nihilo/images/sliderThumb.gif b/js/dojo/dijit/themes/nihilo/images/sliderThumb.gif Binary files differnew file mode 100644 index 0000000..29899a4 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/sliderThumb.gif diff --git a/js/dojo/dijit/themes/nihilo/images/sliderThumb.png b/js/dojo/dijit/themes/nihilo/images/sliderThumb.png Binary files differnew file mode 100644 index 0000000..b6abbd2 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/sliderThumb.png diff --git a/js/dojo/dijit/themes/nihilo/images/sliderThumbFocus.gif b/js/dojo/dijit/themes/nihilo/images/sliderThumbFocus.gif Binary files differnew file mode 100644 index 0000000..f8d306f --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/sliderThumbFocus.gif diff --git a/js/dojo/dijit/themes/nihilo/images/sliderThumbFocus.png b/js/dojo/dijit/themes/nihilo/images/sliderThumbFocus.png Binary files differnew file mode 100644 index 0000000..73ee705 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/sliderThumbFocus.png diff --git a/js/dojo/dijit/themes/nihilo/images/splitContainerSizerH-thumb.png b/js/dojo/dijit/themes/nihilo/images/splitContainerSizerH-thumb.png Binary files differnew file mode 100644 index 0000000..e7bc204 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/splitContainerSizerH-thumb.png diff --git a/js/dojo/dijit/themes/nihilo/images/splitContainerSizerH.png b/js/dojo/dijit/themes/nihilo/images/splitContainerSizerH.png Binary files differnew file mode 100644 index 0000000..5f5b0e9 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/splitContainerSizerH.png diff --git a/js/dojo/dijit/themes/nihilo/images/splitContainerSizerV-thumb.png b/js/dojo/dijit/themes/nihilo/images/splitContainerSizerV-thumb.png Binary files differnew file mode 100644 index 0000000..410a0a7 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/splitContainerSizerV-thumb.png diff --git a/js/dojo/dijit/themes/nihilo/images/splitContainerSizerV.png b/js/dojo/dijit/themes/nihilo/images/splitContainerSizerV.png Binary files differnew file mode 100644 index 0000000..064bc18 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/splitContainerSizerV.png diff --git a/js/dojo/dijit/themes/nihilo/images/spriteArrows.gif b/js/dojo/dijit/themes/nihilo/images/spriteArrows.gif Binary files differnew file mode 100644 index 0000000..fc81207 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/spriteArrows.gif diff --git a/js/dojo/dijit/themes/nihilo/images/spriteArrows.png b/js/dojo/dijit/themes/nihilo/images/spriteArrows.png Binary files differnew file mode 100644 index 0000000..73aa700 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/spriteArrows.png diff --git a/js/dojo/dijit/themes/nihilo/images/spriteCheckbox.gif b/js/dojo/dijit/themes/nihilo/images/spriteCheckbox.gif Binary files differnew file mode 100644 index 0000000..d2c4ebf --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/spriteCheckbox.gif diff --git a/js/dojo/dijit/themes/nihilo/images/spriteCheckbox.png b/js/dojo/dijit/themes/nihilo/images/spriteCheckbox.png Binary files differnew file mode 100644 index 0000000..e992330 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/spriteCheckbox.png diff --git a/js/dojo/dijit/themes/nihilo/images/spriteDivIcons.gif b/js/dojo/dijit/themes/nihilo/images/spriteDivIcons.gif Binary files differnew file mode 100644 index 0000000..00ad23a --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/spriteDivIcons.gif diff --git a/js/dojo/dijit/themes/nihilo/images/spriteDivIcons.png b/js/dojo/dijit/themes/nihilo/images/spriteDivIcons.png Binary files differnew file mode 100644 index 0000000..413098a --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/spriteDivIcons.png diff --git a/js/dojo/dijit/themes/nihilo/images/spriteRadio.gif b/js/dojo/dijit/themes/nihilo/images/spriteRadio.gif Binary files differnew file mode 100644 index 0000000..8dd6e57 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/spriteRadio.gif diff --git a/js/dojo/dijit/themes/nihilo/images/spriteRadio.png b/js/dojo/dijit/themes/nihilo/images/spriteRadio.png Binary files differnew file mode 100644 index 0000000..14c1080 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/spriteRadio.png diff --git a/js/dojo/dijit/themes/nihilo/images/spriteRoundedIconsSmall.gif b/js/dojo/dijit/themes/nihilo/images/spriteRoundedIconsSmall.gif Binary files differnew file mode 100644 index 0000000..251389a --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/spriteRoundedIconsSmall.gif diff --git a/js/dojo/dijit/themes/nihilo/images/spriteRoundedIconsSmall.png b/js/dojo/dijit/themes/nihilo/images/spriteRoundedIconsSmall.png Binary files differnew file mode 100644 index 0000000..e81ba07 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/spriteRoundedIconsSmall.png diff --git a/js/dojo/dijit/themes/nihilo/images/spriteTree.gif b/js/dojo/dijit/themes/nihilo/images/spriteTree.gif Binary files differnew file mode 100644 index 0000000..e546e28 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/spriteTree.gif diff --git a/js/dojo/dijit/themes/nihilo/images/spriteTree.png b/js/dojo/dijit/themes/nihilo/images/spriteTree.png Binary files differnew file mode 100644 index 0000000..33ae07b --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/spriteTree.png diff --git a/js/dojo/dijit/themes/nihilo/images/spriteTree_rtl.gif b/js/dojo/dijit/themes/nihilo/images/spriteTree_rtl.gif Binary files differnew file mode 100644 index 0000000..bbcc64b --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/spriteTree_rtl.gif diff --git a/js/dojo/dijit/themes/nihilo/images/spriteTree_rtl.png b/js/dojo/dijit/themes/nihilo/images/spriteTree_rtl.png Binary files differnew file mode 100644 index 0000000..b06afdb --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/spriteTree_rtl.png diff --git a/js/dojo/dijit/themes/nihilo/images/tabBottomActiveC.gif b/js/dojo/dijit/themes/nihilo/images/tabBottomActiveC.gif Binary files differnew file mode 100644 index 0000000..84bffde --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/tabBottomActiveC.gif diff --git a/js/dojo/dijit/themes/nihilo/images/tabBottomActiveSpriteLR.gif b/js/dojo/dijit/themes/nihilo/images/tabBottomActiveSpriteLR.gif Binary files differnew file mode 100644 index 0000000..6803db4 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/tabBottomActiveSpriteLR.gif diff --git a/js/dojo/dijit/themes/nihilo/images/tabBottomEnabledC.gif b/js/dojo/dijit/themes/nihilo/images/tabBottomEnabledC.gif Binary files differnew file mode 100644 index 0000000..9ef9ab0 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/tabBottomEnabledC.gif diff --git a/js/dojo/dijit/themes/nihilo/images/tabBottomEnabledSpriteLR.gif b/js/dojo/dijit/themes/nihilo/images/tabBottomEnabledSpriteLR.gif Binary files differnew file mode 100644 index 0000000..b6b08ce --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/tabBottomEnabledSpriteLR.gif diff --git a/js/dojo/dijit/themes/nihilo/images/tabBottomHoverC.gif b/js/dojo/dijit/themes/nihilo/images/tabBottomHoverC.gif Binary files differnew file mode 100644 index 0000000..0f533b5 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/tabBottomHoverC.gif diff --git a/js/dojo/dijit/themes/nihilo/images/tabBottomHoverSpriteLR.gif b/js/dojo/dijit/themes/nihilo/images/tabBottomHoverSpriteLR.gif Binary files differnew file mode 100644 index 0000000..010b08a --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/tabBottomHoverSpriteLR.gif diff --git a/js/dojo/dijit/themes/nihilo/images/tabContainerSprite.gif b/js/dojo/dijit/themes/nihilo/images/tabContainerSprite.gif Binary files differnew file mode 100644 index 0000000..92044a7 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/tabContainerSprite.gif diff --git a/js/dojo/dijit/themes/nihilo/images/tabLeftChecked.gif b/js/dojo/dijit/themes/nihilo/images/tabLeftChecked.gif Binary files differnew file mode 100644 index 0000000..d59fd4a --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/tabLeftChecked.gif diff --git a/js/dojo/dijit/themes/nihilo/images/tabRightChecked.gif b/js/dojo/dijit/themes/nihilo/images/tabRightChecked.gif Binary files differnew file mode 100644 index 0000000..d32f44e --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/tabRightChecked.gif diff --git a/js/dojo/dijit/themes/nihilo/images/tabStripe.gif b/js/dojo/dijit/themes/nihilo/images/tabStripe.gif Binary files differnew file mode 100644 index 0000000..a934675 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/tabStripe.gif diff --git a/js/dojo/dijit/themes/nihilo/images/tabStripeBottom.gif b/js/dojo/dijit/themes/nihilo/images/tabStripeBottom.gif Binary files differnew file mode 100644 index 0000000..64c3376 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/tabStripeBottom.gif diff --git a/js/dojo/dijit/themes/nihilo/images/tabStripeLeft.gif b/js/dojo/dijit/themes/nihilo/images/tabStripeLeft.gif Binary files differnew file mode 100644 index 0000000..d607a45 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/tabStripeLeft.gif diff --git a/js/dojo/dijit/themes/nihilo/images/tabStripeRight.gif b/js/dojo/dijit/themes/nihilo/images/tabStripeRight.gif Binary files differnew file mode 100644 index 0000000..9778ced --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/tabStripeRight.gif diff --git a/js/dojo/dijit/themes/nihilo/images/titleBar.png b/js/dojo/dijit/themes/nihilo/images/titleBar.png Binary files differnew file mode 100644 index 0000000..06ea21c --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/titleBar.png diff --git a/js/dojo/dijit/themes/nihilo/images/titleBarActive.png b/js/dojo/dijit/themes/nihilo/images/titleBarActive.png Binary files differnew file mode 100644 index 0000000..fe6c7a4 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/titleBarActive.png diff --git a/js/dojo/dijit/themes/nihilo/images/tooltipConnectorDown.gif b/js/dojo/dijit/themes/nihilo/images/tooltipConnectorDown.gif Binary files differnew file mode 100644 index 0000000..9c38495 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/tooltipConnectorDown.gif diff --git a/js/dojo/dijit/themes/nihilo/images/tooltipConnectorDown.png b/js/dojo/dijit/themes/nihilo/images/tooltipConnectorDown.png Binary files differnew file mode 100644 index 0000000..d75af71 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/tooltipConnectorDown.png diff --git a/js/dojo/dijit/themes/nihilo/images/tooltipConnectorLeft.gif b/js/dojo/dijit/themes/nihilo/images/tooltipConnectorLeft.gif Binary files differnew file mode 100644 index 0000000..fc947e0 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/tooltipConnectorLeft.gif diff --git a/js/dojo/dijit/themes/nihilo/images/tooltipConnectorLeft.png b/js/dojo/dijit/themes/nihilo/images/tooltipConnectorLeft.png Binary files differnew file mode 100644 index 0000000..f3de66a --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/tooltipConnectorLeft.png diff --git a/js/dojo/dijit/themes/nihilo/images/tooltipConnectorRight.gif b/js/dojo/dijit/themes/nihilo/images/tooltipConnectorRight.gif Binary files differnew file mode 100644 index 0000000..b0e8097 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/tooltipConnectorRight.gif diff --git a/js/dojo/dijit/themes/nihilo/images/tooltipConnectorRight.png b/js/dojo/dijit/themes/nihilo/images/tooltipConnectorRight.png Binary files differnew file mode 100644 index 0000000..3d62dcd --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/tooltipConnectorRight.png diff --git a/js/dojo/dijit/themes/nihilo/images/tooltipConnectorUp.gif b/js/dojo/dijit/themes/nihilo/images/tooltipConnectorUp.gif Binary files differnew file mode 100644 index 0000000..54bcf65 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/tooltipConnectorUp.gif diff --git a/js/dojo/dijit/themes/nihilo/images/tooltipConnectorUp.png b/js/dojo/dijit/themes/nihilo/images/tooltipConnectorUp.png Binary files differnew file mode 100644 index 0000000..7f7a5d8 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/tooltipConnectorUp.png diff --git a/js/dojo/dijit/themes/nihilo/images/treeExpand_loading.gif b/js/dojo/dijit/themes/nihilo/images/treeExpand_loading.gif Binary files differnew file mode 100644 index 0000000..db9ddd0 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/treeExpand_loading.gif diff --git a/js/dojo/dijit/themes/nihilo/images/treeHover.png b/js/dojo/dijit/themes/nihilo/images/treeHover.png Binary files differnew file mode 100644 index 0000000..ca80cd2 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/treeHover.png diff --git a/js/dojo/dijit/themes/nihilo/images/treeI.gif b/js/dojo/dijit/themes/nihilo/images/treeI.gif Binary files differnew file mode 100644 index 0000000..6f669e2 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/treeI.gif diff --git a/js/dojo/dijit/themes/nihilo/images/treeI_half.gif b/js/dojo/dijit/themes/nihilo/images/treeI_half.gif Binary files differnew file mode 100644 index 0000000..e5fd015 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/treeI_half.gif diff --git a/js/dojo/dijit/themes/nihilo/images/treeI_half_rtl.gif b/js/dojo/dijit/themes/nihilo/images/treeI_half_rtl.gif Binary files differnew file mode 100644 index 0000000..44ad021 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/treeI_half_rtl.gif diff --git a/js/dojo/dijit/themes/nihilo/images/treeI_rtl.gif b/js/dojo/dijit/themes/nihilo/images/treeI_rtl.gif Binary files differnew file mode 100644 index 0000000..0d32a2f --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/treeI_rtl.gif diff --git a/js/dojo/dijit/themes/nihilo/images/validationInputBg.gif b/js/dojo/dijit/themes/nihilo/images/validationInputBg.gif Binary files differnew file mode 100644 index 0000000..c28475c --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/validationInputBg.gif diff --git a/js/dojo/dijit/themes/nihilo/images/validationInputBg.png b/js/dojo/dijit/themes/nihilo/images/validationInputBg.png Binary files differnew file mode 100644 index 0000000..f3039f9 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/validationInputBg.png diff --git a/js/dojo/dijit/themes/nihilo/images/warning.png b/js/dojo/dijit/themes/nihilo/images/warning.png Binary files differnew file mode 100644 index 0000000..c52f83d --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/images/warning.png diff --git a/js/dojo/dijit/themes/nihilo/layout/AccordionContainer.css b/js/dojo/dijit/themes/nihilo/layout/AccordionContainer.css new file mode 100644 index 0000000..f42db80 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/layout/AccordionContainer.css @@ -0,0 +1,46 @@ +/** + * dijit.layout.Accordioncontainer + * + */ + +.nihilo .dijitAccordionContainer { + border-color: #ccc; + background-color: #fff; +} + +/* common */ + +.nihilo .dijitAccordionTitle { + background:#fafafa url("../images/titleBar.png") repeat-x top left; + border-top: 1px solid #dedede; + padding: 5px 4px 6px 8px; + font-size: 0.9em; + font-weight: bold; + color: #6d6d6d; +} + +.nihilo .dijitAccordionTitleSelected { + background: #f9f9f9 url("../images/accordionItemActive.png") top repeat-x; + font-weight: bold; + border-top: 1px solid #dedede; + border-bottom: 1px solid #dedede; + padding: 5px 4px 5px 8px; + color: #243C5F; +} + +.nihilo .dijitAccordionArrow { + background:url("../images/spriteRoundedIconsSmall.gif") no-repeat -30px top; + width:15px; + height:15px; + margin-top:-1px; +} + +.nihilo .dijitAccordionTitleSelected .dijitAccordionArrow { + background:url("../images/spriteRoundedIconsSmall.gif") no-repeat -15px top; + margin-top:-1px; +} + +.nihilo .dijitAccordionText { + margin-left: 4px; + margin-right: 4px; +} diff --git a/js/dojo/dijit/themes/nihilo/layout/AccordionContainer_rtl.css b/js/dojo/dijit/themes/nihilo/layout/AccordionContainer_rtl.css new file mode 100644 index 0000000..f669a47 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/layout/AccordionContainer_rtl.css @@ -0,0 +1,8 @@ +.dijitRtl .nihilo .dijitAccordionArrow { + background-position: 0 top; +} + +.dijitRtl .nihilo .dijitAccordionTitleSelected .dijitAccordionArrow { + /* same rule as LTR mode, just listed to override previous rule in this file */ + background-position: -15px top; +} diff --git a/js/dojo/dijit/themes/nihilo/layout/BorderContainer.css b/js/dojo/dijit/themes/nihilo/layout/BorderContainer.css new file mode 100644 index 0000000..493da54 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/layout/BorderContainer.css @@ -0,0 +1,76 @@ +/** + * dijit.layout.BorderContainer + * + */ + +.nihilo .dijitBorderContainer { + background-color: #fcfcfc; + padding: 5px; +} + +.nihilo .dijitSplitContainer-child, +.nihilo .dijitBorderContainer-child { + /* By default, put borders on all children of BorderContainer, + * to give illusion of borders on the splitters themselves. + */ + border: 1px #ccc solid; +} + +.nihilo .dijitBorderContainer-dijitTabContainerTop, +.nihilo .dijitBorderContainer-dijitTabContainerBottom, +.nihilo .dijitBorderContainer-dijitTabContainerLeft, +.nihilo .dijitBorderContainer-dijitTabContainerRight { + /* except that TabContainer defines borders on it's sub-nodes (tablist and dijitTabPaneWrapper), + * so override rule setting border on domNode + */ + border: none; +} + +.nihilo .dijitBorderContainer-dijitBorderContainer { + /* also, make nested BorderContainers look like a single big widget with lots of splitters */ + border: none; + padding: 0; +} + +.nihilo .dijitSplitterH, +.nihilo .dijitGutterH { + background:#FCFCFC; + border:0; + border-left:0 solid #d3d3d3; + border-right:0 solid #d3d3d3; + height:5px; +} + +.nihilo .dijitSplitterH .dijitSplitterThumb { + background:#8BA0BD none; + height:1px; + top:2px; + width:19px; +} + +.nihilo .dijitSplitterV, +.nihilo .dijitGutterV { + background:#FCFCFC; + border:0; + border-top:0 solid #d3d3d3; + border-bottom:0 solid #d3d3d3; + width:5px; +} + +.nihilo .dijitSplitterV .dijitSplitterThumb { + background:#8BA0BD none; + height:19px; + left:2px; + width:1px; +} + +/* active splitter */ +.nihilo .dijitSplitterActive { + font-size: 1px; + background-image: none; + background-color: #aaa; + -moz-opacity: 0.6; + opacity: 0.6; + filter: Alpha(Opacity=60); + margin: 0; +}
\ No newline at end of file diff --git a/js/dojo/dijit/themes/nihilo/layout/ContentPane.css b/js/dojo/dijit/themes/nihilo/layout/ContentPane.css new file mode 100644 index 0000000..75272db --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/layout/ContentPane.css @@ -0,0 +1,21 @@ +/* ContentPane */ + +.nihilo .dijitContentPane { + padding: 0; +} + +/* nested layouts */ +.nihilo .dijitTabContainerTop-dijitContentPane, +.nihilo .dijitTabContainerLeft-dijitContentPane, +.nihilo .dijitTabContainerRight-dijitContentPane, +.nihilo .dijitTabContainerBottom-dijitContentPane, +.nihilo .dijitAccordionContainer-dijitContentPane { + background-color: #fff; + padding: 5px; +} + +.nihilo .dijitSplitContainer-dijitContentPane, +.nihilo .dijitBorderContainer-dijitContentPane { + background-color: #fff; /* override background-color setting on parent .dijitBorderContainer */ + padding: 5px; +}
\ No newline at end of file diff --git a/js/dojo/dijit/themes/nihilo/layout/SplitContainer.css b/js/dojo/dijit/themes/nihilo/layout/SplitContainer.css new file mode 100644 index 0000000..9f4defa --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/layout/SplitContainer.css @@ -0,0 +1,34 @@ +/** + * dijit.layout.SplitContainer + * + */ + +.nihilo .dijitSplitContainerSizerH { + background:url("../images/splitContainerSizerV.png") repeat-y #fff; + border:0; + border-left:0 solid #d3d3d3; + border-right:0 solid #d3d3d3; + width:5px; +} + +.nihilo .dijitSplitContainerSizerH .thumb { + background:url("../images/splitContainerSizerV-thumb.png") no-repeat; + left:1px; + width:2px; + height:19px; +} + +.nihilo .dijitSplitContainerSizerV { + background:url("../images/splitContainerSizerH.png") repeat-x #fff; + border:0; + border-top:0 solid #d3d3d3; + border-bottom:0 solid #d3d3d3; + height:2px; +} + +.nihilo .dijitSplitContainerSizerV .thumb { + background:url("../images/splitContainerSizerH-thumb.png") no-repeat; + top:1px; + width:19px; + height:5px; +}
\ No newline at end of file diff --git a/js/dojo/dijit/themes/nihilo/layout/TabContainer.css b/js/dojo/dijit/themes/nihilo/layout/TabContainer.css new file mode 100644 index 0000000..2126657 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/layout/TabContainer.css @@ -0,0 +1,496 @@ +/** + * dijit.layout.TabContainer + * + * To style TabContainer with rounded corners + * you can use these classes: .dijitTab (left), .dijitTabContent (center), dijitTabInnerDiv (right) + * For tabs aligned to top you can style a stripe div right underneath the tabs using .dijitTabStripe + */ +@import url("../Menu.css"); + +/* Classes for all types of tabs (top/bottom/left/right) */ + +.nihilo .dijitTabContainer .tabStripRBtn { + margin-right: 21px; +} +.nihilo .dijitTabContainer .tabStripLBtn { + margin-left: 21px; +} + +.nihilo .dijitTabContainerBottom .nowrapTabStrip .dijitTab { + top: 0; +} + +/* Tabs, shared classes */ +.nihilo .dijitTabPaneWrapper { + background:#fff; + border:1px solid #ccc; + margin: 0; + padding: 0; +} + +.nihilo .dijitTabInnerDiv { + padding:0 3px 0 0; + margin: 0 0 0 4px; + background: url("../images/tabContainerSprite.gif") no-repeat; + background-position: right -400px; +} + +.nihilo .dijitTab { + line-height:normal; + margin:0 2px 0 0; /* space between one tab and the next in top/bottom mode */ + padding:0; + background: url("../images/tabContainerSprite.gif") no-repeat 0 -300px; + color: #6d6d6d; + border-bottom: 1px #ccc solid; +} + +.nihilo .dijitTabInnerDiv .dijitTabContent { + padding:3px 3px 3px 4px; + background: url("../images/tabContainerSprite.gif") repeat-x 0 -350px; + position: relative; +} + +/* hovered tab */ +.nihilo .dijitTabHover { + color: #243C5F; + background: url("../images/tabContainerSprite.gif") no-repeat 0 -150px; +} + +.nihilo .dijitTabHover .dijitTabInnerDiv { + background: url("../images/tabContainerSprite.gif") no-repeat right -250px; +} + +.nihilo .dijitTabHover .dijitTabInnerDiv .dijitTabContent { + background: url("../images/tabContainerSprite.gif") repeat-x 0 -200px; +} + +/* checked tab*/ +.nihilo .dijitTabChecked +{ + /* the selected tab (with or without hover) */ + background: url("../images/tabContainerSprite.gif") no-repeat 0 -0; +} + +.nihilo .dijitTabChecked .dijitTabInnerDiv { + background: url("../images/tabContainerSprite.gif") no-repeat right -100px; +} + +.nihilo .dijitTabChecked .dijitTabInnerDiv .dijitTabContent { + background: url("../images/tabContainerSprite.gif") repeat-x 0 -50px; + color: #243C5F !important; +} + +/* Nested Tabs */ +.nihilo .dijitTabContainerNested .dijitTabListWrapper { + height: auto; +} + +.nihilo .dijitTabContainerTabListNested { + background: #FDFDFD; + border: none; + margin-bottom: 0; /* override margin: -1px; */ +} +.nihilo .dijitTabContainerTabListNested .dijitTab { + background: none; + border: none; + top: 0; /* override top:1px setting of top-level tabs */ +} +.nihilo .dijitTabContainerTabListNested .dijitTab .dijitTabInnerDiv, +.nihilo .dijitTabContainerTabListNested .dijitTab .dijitTabContent { + background: none; +} +.nihilo .dijitTabContainerTabListNested .dijitTabHover .dijitTabContent .tabLabel { + text-decoration: underline; +} +.nihilo .dijitTabContainerTabListNested .dijitTabChecked .tabLabel { + text-decoration: underline; + font-weight: bold; +} +.nihilo .dijitTabContainerSpacerNested { + /* thinner line between tab (labels) and content */ + height: 0; + border-bottom: 0; +} +.nihilo .dijitTabPaneWrapperNested { + border: none; /* prevent double border */ +} + + +/* Close button */ +.nihilo .dijitTabCloseButton { + background: url("../images/spriteRoundedIconsSmall.png") no-repeat -60px top; + width: 15px; + height: 15px; + margin-top: -1px; +} + +.dj_ie6 .nihilo .dijitTabCloseButton { + background: url("../images/spriteRoundedIconsSmall.gif") no-repeat -60px top; +} +.nihilo .dijitTabCloseButtonHover { + background: url("../images/spriteRoundedIconsSmall.png") no-repeat -60px -15px; +} +.dj_ie6 .nihilo .dijitTabCloseButtonHover { + background: url("../images/spriteRoundedIconsSmall.gif") no-repeat -60px -15px; +} + +/* ================================ */ +/* top tabs */ +.nihilo .dijitTabContainerTop-tabs { + border-bottom: none; + padding-bottom: 1px; + background-position: bottom; + padding-left: 3px; +} + +.dj_ie6 .nihilo .dijitTabListContainer-top, +.dj_ie7 .nihilo .dijitTabListContainer-top { + z-index: 3; +} + +.dj_ie6 .nihilo .dijitTabContainerTop-tabs, +.dj_ie7 .nihilo .dijitTabContainerTop-tabs { + border-bottom: 1px solid #ccc; + padding-bottom: 0; +} + +.nihilo .dijitTabContainerTopNoStrip { + padding-top: 3px; +} + +/* top container */ +.nihilo .dijitTabContainerTop-container { + border-top: none; +} + +/* checked tabs */ +.nihilo .dijitTabContainerTop-tabs .dijitTabChecked { + border-bottom-color: #f8f8f8; +} + +/* strip */ +.nihilo .dijitTabContainer .dijitTabContainerTopStrip { + border-bottom: none; + padding-top: 1px; + margin-top: 1px; + background: #f2f2f2; + border-top: 1px solid #CCC; + border-right: 1px solid #CCC; + border-left: 1px solid #CCC; +} + + +/* ================================ */ +/* bottom tabs */ +.nihilo .dijitTabContainerBottom-tabs { + border-top: none; + background-position: top; + padding-left: 3px; +} + +.dj_ie6 .nihilo .dijitTabListContainer-bottom, +.dj_ie7 .nihilo .dijitTabListContainer-bottom { + z-index: 3; +} + +.dj_ie6 .nihilo .dijitTabContainerBottom-tabs, +.dj_ie7 .nihilo .dijitTabContainerBottom-tabs { + border-top: 1px solid #ccc; + margin-top: -1px; +} + +/* bottom container */ +.nihilo .dijitTabContainerBottom-container { + border-bottom: none; +} + +.nihilo .dijitTabContainerBottom-tabs .dijitTab { + border-bottom: none; + border-top: 1px solid #ccc; + background: url("../images/tabBottomEnabledSpriteLR.gif") no-repeat bottom left; +} + +/* checked tabs */ +.nihilo .dijitTabContainerBottom-tabs .dijitTabChecked { + border-top-color: #f8f8f8; +} + +.nihilo .dijitTabContainerBottom-tabs .dijitTabInnerDiv .dijitTabContent { + padding-top: 3px; + padding-bottom: 3px; + background: url("../images/tabBottomEnabledC.gif") repeat-x bottom left; +} + +.nihilo .dijitTabContainerBottom-tabs .dijitTabInnerDiv { + background: url("../images/tabBottomEnabledSpriteLR.gif") no-repeat bottom right; +} + +.nihilo .dijitTabContainerBottom-tabs .dijitTabHover { + color: #243C5F; + background: url("../images/tabBottomHoverSpriteLR.gif") no-repeat bottom left; +} + +.nihilo .dijitTabContainerBottom-tabs .dijitTabHover .dijitTabInnerDiv { + background: url("../images/tabBottomHoverSpriteLR.gif") no-repeat bottom right; +} + +.nihilo .dijitTabContainerBottom-tabs .dijitTabHover .dijitTabInnerDiv .dijitTabContent { + background: url("../images/tabBottomHoverC.gif") repeat-x bottom left; +} + +.nihilo .dijitTabContainerBottom-tabs .dijitTabChecked { + /* the selected tab (with or without hover) */ + background: url("../images/tabBottomActiveSpriteLR.gif") no-repeat bottom left; +} + +.nihilo .dijitTabContainerBottom-tabs .dijitTabChecked .dijitTabInnerDiv { + background: url("../images/tabBottomActiveSpriteLR.gif") no-repeat bottom right; +} + +.nihilo .dijitTabContainerBottom-tabs .dijitTabChecked .dijitTabInnerDiv .dijitTabContent { + background: url("../images/tabBottomActiveC.gif") repeat-x bottom left; +} + +/* strip */ +.nihilo .dijitTabContainer .dijitTabContainerBottomStrip { + border: 1px solid #ccc; + background: #f2f2f2; + border-top: none; + padding-bottom: 2px; +} + +/* top/bottom strip */ +.nihilo .dijitTabContainerBottom-spacer, +.nihilo .dijitTabContainerTop-spacer { + height: 2px; + border: 1px solid #ccc; + background: #f8f8f8; +} + +.nihilo .dijitTabContainerTop-spacer { + margin-top: -1px; +} +.nihilo .dijitTabContainerBottom-spacer { + margin-bottom: -1px; +} + + +/* ================================ */ +/* right tabs */ +.nihilo .dijitTabContainerRight-tabs { + border-color: #ccc; + padding-top: 3px; +} +.nihilo .dijitTabContainerRight .dijitTabListWrapper { + padding-right: 3px; +} + +/* right container */ +.nihilo .dijitTabContainerRight-container { + border-right: none; +} + +.nihilo .dijitTabContainerRight-tabs .dijitTab { + border-bottom: none; + border-left: 1px solid #ccc; + border-bottom: 1px solid #dedede !important; +} + + +/* some odd ie bug when borders dissapear when setting a bottom margin, this sortof helps */ +.dj_ie .nihilo .dijitTabContainerRight-tabs .dijitTabInnerDiv { + border-bottom: solid #fff 1px; +} + +/* checked tabs */ +.nihilo .dijitTabContainerRight-tabs .dijitTabChecked { + border-left-color: #f8f8f8; +} + +.nihilo .dijitTabContainerRight-tabs .dijitTabChecked { + background: url("../images/tabRightChecked.gif") no-repeat left top !important; +} + +/* some odd ie bug when borders dissapear when setting a bottom margin, this sortof helps */ +.dj_ie .nihilo .dijitTabContainerRight-tabs .dijitTabChecked .dijitTabInnerDiv, +.dj_ie .nihilo .dijitTabContainerRight-tabs .dijitTabCheckedHover .dijitTabInnerDiv { + border-bottom: solid #efefef 1px; +} + +.nihilo .dijitTabContainerRight-tabs .dijitTab { + background: url("../images/tabContainerSprite.gif") no-repeat left -350px; +} +.nihilo .dijitTabContainerRight-tabs .dijitTabHover .dijitTab { + background: url("../images/tabContainerSprite.gif") no-repeat left -200px; +} + +/* strip */ +.nihilo .dijitTabContainerRightStrip { + padding-right: 2px; + border: 1px solid #ccc; + border-left: none; + background: #f2f2f2; +} + +/* ================================ */ +/* left tabs */ +.nihilo .dijitTabContainerLeft-tabs { + border-color: #ccc; + padding-top: 3px; +} + +/* left conatiner */ +.nihilo .dijitTabContainerLeft-container { + border-left: none; +} + +.nihilo .dijitTabContainerLeft-tabs .dijitTab { + border-right: 1px solid #ccc; + border-bottom: 1px solid #dedede; +} + +/* checked tabs */ +.nihilo .dijitTabContainerLeft-tabs .dijitTabChecked { + border-right: 1px solid #f8f8f8; +} + +.nihilo .dijitTabContainerLeft-tabs .dijitTabInnerDiv { + background: url("../images/tabContainerSprite.gif") no-repeat right -350px; +} +.nihilo .dijitTabContainerLeft-tabs .dijitTabHover .dijitTabInnerDiv { + background: url("../images/tabContainerSprite.gif") no-repeat right -200px; +} +.nihilo .dijitTabContainerLeft-tabs .dijitTabChecked .dijitTabInnerDiv, +.nihilo .dijitTabContainerLeft-tabs .dijitTabCheckedHover .dijitTabInnerDiv { + background: url("../images/tabLeftChecked.gif") no-repeat right top; +} + +.dj_ie .nihilo .dijitTabContainerLeft-tabs .dijitTabChecked .dijitTabInnerDiv, +.dj_ie .nihilo .dijitTabContainerLeft-tabs .dijitTabCheckedHover .dijitTabInnerDiv { + border-bottom: solid #efefef 1px; +} + +.dj_ie .nihilo .dijitTabContainerLeft-tabs .dijitTabInnerDiv { + border-bottom: solid #fff 1px; +} + +/* strip */ +.nihilo .dijitTabContainerLeftStrip { + padding-left: 2px; + border: 1px solid #ccc; + border-right: none; +} + +.nihilo .dijitTabContainerLeftStrip { + background: #f2f2f2; +} + +/* ================================ */ +/* left/right tabs */ +.nihilo .dijitTabContainerLeft-tabs .dijitTab, +.nihilo .dijitTabContainerRight-tabs .dijitTab { + margin-right:auto; + margin-bottom:2px; /* space between one tab and the next in left/right mode */ +} + +/* left/right tabstrip */ +.nihilo .dijitTabContainerLeft-spacer, +.nihilo .dijitTabContainerRight-spacer { + width: 2px; + border: 1px solid #ccc; + background: #f8f8f8; +} + +.nihilo .dijitTabContainerRight-spacer { + border-right: none; +} + +.nihilo .dijitTabContainerRight-tabs { + padding-top: 3px; + height: 100%; +} +.nihilo .dijitTabContainerLeft-tabs { + height: 100%; +} + +.nihilo .dijitTabContainerLeft-spacer { + border-left: none; +} + +/* ================================ */ + +/* this resets the tabcontainer stripe when within a contentpane */ +.nihilo .dijitTabContainerTop-dijitContentPane .dijitTabContainerTop-tabs { + border-left: 0 solid #ccc; + border-top: 0 solid #ccc; + border-right: 0 solid #ccc; + padding-top: 0; + padding-left: 0; +} + +/* ================================ */ + +/* Menu and slider control styles */ +.nihilo .dijitTabContainer .tabStripButton { + margin-right: 0; +} + +.nihilo .tabStripButton .dijitTabInnerDiv .dijitTabContent { + padding: 5px 0 6px; +} + +.dj_ie6 .nihilo .tabStripButton .dijitTabInnerDiv .dijitTabContent, +.dj_ie7 .nihilo .tabStripButton .dijitTabInnerDiv .dijitTabContent, +.dj_opera .nihilo .tabStripButton .dijitTabInnerDiv .dijitTabContent { + padding-bottom: 7px; +} + +.nihilo .tabStrip-disabled .tabStripButton .dijitTabInnerDiv .dijitTabContent { + padding: 3px 0 5px; +} + +.dj_ie6 .nihilo .tabStrip-disabled .tabStripButton .dijitTabInnerDiv .dijitTabContent, +.dj_ie7 .nihilo .tabStrip-disabled .tabStripButton .dijitTabInnerDiv .dijitTabContent, +.dj_opera .nihilo .tabStrip-disabled .tabStripButton .dijitTabInnerDiv .dijitTabContent { + padding-top: 4px; +} + +.nihilo .dijitTabStripIcon { + height: 14px; + width: 14px; + background: url(../images/spriteRoundedIconsSmall.png) no-repeat left top; +} + +.dj_ie6 .nihilo .dijitTabStripIcon { + background-image: url(../images/spriteRoundedIconsSmall.gif); +} + +.nihilo .dijitTabStripSlideRightIcon { + background-position: -30px top; +} + +.nihilo .dijitTabStripMenuIcon { + background-position: -15px top; +} + +.nihilo .dijitTabContainerTopNone { + padding-top: 0; +} + +.nihilo .dijitTabContainer .tabStripButton-top { + margin-top: 1px; +} + +.nihilo .dijitTabContainer .tabStripButton-bottom { + background: transparent url(../images/tabBottomEnabledSpriteLR.gif) no-repeat scroll left bottom; + border-bottom: medium none; + border-top: 1px solid #CCCCCC; +} + +.nihilo .dijitTabContainer .tabStripButton-bottom .dijitTabInnerDiv { + background: transparent url(../images/tabBottomEnabledSpriteLR.gif) no-repeat scroll right bottom; +} + +.nihilo .dijitTabContainer .tabStripButton-bottom .dijitTabContent { + background: transparent; +}
\ No newline at end of file diff --git a/js/dojo/dijit/themes/nihilo/layout/TabContainer_rtl.css b/js/dojo/dijit/themes/nihilo/layout/TabContainer_rtl.css new file mode 100644 index 0000000..225fc3e --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/layout/TabContainer_rtl.css @@ -0,0 +1,43 @@ +.dijitRtl .nihilo .dijitTab { + margin-right:0; + margin-left:2px; /* space between one tab and the next in top/bottom mode */ +} + +/* tab strips */ +.dijitRtl .nihilo .dijitTabContainer .tabStripButton { + margin-left: 0; +} + +.dijitRtl .nihilo .dijitTabContainerTopStrip, +.dijitRtl .nihilo .dijitTabContainerBottomStrip, +.dijitRtl .nihilo .dijitTabContainerTop-tabs, +.dijitRtl .nihilo .dijitTabContainerBottom-tabs { + padding-left: 0; + padding-right: 3px; +} + +.dijitRtl .nihilo .dijitTabInnerDiv { + padding-left: 3px; + padding-right: 4px; +} + +.dijitRtl .nihilo .dijitTabPaneWrapper { + #zoom: 1; +} + +.dj_ie-rtl .nihilo .dijitTabContainerLeft-tabs { + margin-left: 0 !important; +} + +.dj_ie-rtl .nihilo .dijitTabContainerRight-tabs { + margin-right: 0 !important; +} + +.dijitRtl .nihilo .dijitTabContainerLeft-tabs .dijitTab, +.dijitRtl .nihilo .dijitTabContainerRight-tabs .dijitTab { + margin-left:0; +} + +.dj_ie-rtl .nihilo .dijitTab .dijitTabInnerDiv{ + width : 1%; +}
\ No newline at end of file diff --git a/js/dojo/dijit/themes/nihilo/nihilo.css b/js/dojo/dijit/themes/nihilo/nihilo.css new file mode 100644 index 0000000..97ba8f6 --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/nihilo.css @@ -0,0 +1,42 @@ +/* + Adds cosmetic styling to Dijit. Users may swap with a custom theme CSS file. + + NOTES: + --- + Dialog.css contains css classes for both Dialog and Tooltip! + This because currently a dijit.TooltipDialog exist. Until this is resolved + you need to include Dialog.css for both dijits + --- + Toolbar.css contains classes also used in Editor. Until this is resolved + you need to include Toolbar.css for both Toolbar and Editor + --- + Button.css contains classes for combobox, + +*/ + +@import url("../dijit.css"); +@import url("../../icons/commonIcons.css");/*sprite containing common icons to be used by all themes*/ +@import url("Common.css"); + +@import url("layout/ContentPane.css"); +@import url("layout/TabContainer.css"); +@import url("layout/AccordionContainer.css"); +@import url("layout/SplitContainer.css"); +@import url("layout/BorderContainer.css"); +@import url("form/Common.css"); +@import url("form/Button.css"); +@import url("form/Checkbox.css"); +@import url("form/RadioButton.css"); +@import url("form/Slider.css"); +@import url("form/Select.css"); +@import url("Tree.css"); +@import url("ProgressBar.css"); +@import url("TitlePane.css"); +@import url("Calendar.css"); +@import url("TimePicker.css"); +@import url("Toolbar.css"); +@import url("Dialog.css"); +@import url("Menu.css"); +@import url("Editor.css"); +@import url("../../icons/editorIcons.css"); /* sprite for editor icons to be used by all themes */ +@import url("ColorPalette.css");
\ No newline at end of file diff --git a/js/dojo/dijit/themes/nihilo/nihilo_rtl.css b/js/dojo/dijit/themes/nihilo/nihilo_rtl.css new file mode 100644 index 0000000..1e9a6af --- /dev/null +++ b/js/dojo/dijit/themes/nihilo/nihilo_rtl.css @@ -0,0 +1,29 @@ +/* + Adds cosmetic styling to Dijit. Users may swap with a custom theme CSS file. + + NOTES: + --- + Dialog.css contains css classes for both Dialog and Tooltip! + This because currently a dijit.TooltipDialog exist. Until this is resolved + you need to include Dialog.css for both dijits + --- + Toolbar.css contains classes also used in Editor. Until this is resolved + you need to include Toolbar.css for both Toolbar and Editor + --- + Button.css contains classes for combobox, + +*/ + +@import url("../dijit_rtl.css"); +@import url("layout/TabContainer_rtl.css"); +@import url("layout/AccordionContainer_rtl.css"); +@import url("form/Slider_rtl.css"); +@import url("form/Button_rtl.css"); +@import url("Tree_rtl.css"); +@import url("TitlePane_rtl.css"); +@import url("Calendar_rtl.css"); +@import url("TimePicker_rtl.css"); +@import url("Dialog_rtl.css"); +@import url("Menu_rtl.css"); +@import url("Editor_rtl.css"); +@import url("../../icons/editorIcons_rtl.css");/* RTL sprite for editor icons to be used by all themes*/
\ No newline at end of file diff --git a/js/dojo/dijit/themes/soria/Calendar.css b/js/dojo/dijit/themes/soria/Calendar.css new file mode 100644 index 0000000..f77acd2 --- /dev/null +++ b/js/dojo/dijit/themes/soria/Calendar.css @@ -0,0 +1,161 @@ +/* Calendar*/ + +.soria .dijitCalendarIncrementControl { + /* next/prev month buttons */ + width:15px; + height:15px; + background-image: url("images/spriteRoundedIconsSmall.png"); + background-repeat: no-repeat; +} +.dj_ie6 .soria .dijitCalendarIncrementControl { + font-size:.1em; + background-image: url("images/spriteRoundedIconsSmall.gif"); +} + +.soria .dijitA11ySideArrow { + display: none; +} + +.soria .dijitCalendarDecrease { + background-position: top left; +} +.soria .dijitCalendarIncrease { + background-position: -30px top; +} + +.soria table.dijitCalendarContainer { + font-size: 100%; + border-spacing: 0; + border-collapse: separate; + border: 1px solid #b1badf; + margin: 0; +} + +.soria .dijitCalendarMonthContainer th { + /* month header cell */ + background:#bed7f0 url("images/titleBar.png") repeat-x top; + padding-top:.3em; + padding-bottom:.2em; + text-align:center; +} +.dj_ie6 .soria .dijitCalendarMonthContainer th { + padding-top:.2em; + padding-bottom:.1em; +} + +.soria .dijitCalendarDayLabelTemplate { + /* day of week labels */ + background:#bed7f0; + font-weight:normal; + padding-top:.15em; + padding-bottom:.2em; + border-bottom: 1px solid #b1badf; + color:#293a4b; + text-align:center; +} + +.soria .dijitCalendarBodyContainer { + border-bottom: 1px solid #eeeeee; +} + +.soria .dijitCalendarMonthLabel { + color:#293a4b; + font-weight: bold; + padding: 0 4px; +} + +.soria .dijitCalendarDateTemplate { + /* style for each day cell */ + font-size: 0.9em; + font-weight: bold; + text-align: center; + padding: 0.3em 0.3em 0.05em 0.3em; + letter-spacing: 1px; + background-color: #fff; + border:#fff solid 1px !important; +} + +.dj_ie .soria .dijitCalendarDateTemplate { + padding: 0.1em .33em 0.02em .33em; +} + +.soria .dijitCalendarPreviousMonth, +.soria .dijitCalendarNextMonth { + /* days that are part of the previous or next month */ + color:#999999; + background-color:#fdfdfd !important; + border:#fdfdfd solid 1px !important; +} + +.soria .dijitCalendarCurrentMonth { + /* days that are part of this month */ +} + +.soria .dijitCalendarDisabledDate { + text-decoration:line-through !important; +} + +.soria .dijitCalendarCurrentDate { + /* cell for today's date */ + text-decoration:underline; + font-weight:bold; +} + +.soria .dijitCalendarSelectedDate { + /* cell for the selected date */ + background-color:#b9cbf1 !important; + color:black !important; + border:#4b5aaa solid 1px !important; +} + + +.soria .dijitCalendarYearContainer { + /* footer of the table that contains the year display/selector */ + background:white url("images/titleBar.png") repeat-x top; +} + +.soria .dijitCalendarYearLabel { + /* container for all of 3 year labels */ + margin:0; + padding:0.4em 0 0.25em 0; + text-align:center; + font-size: 1.17em; +} + +.soria .dijitCalendarSelectedYear { + /* label for selected year */ + font-weight:bolder; + color:black; + padding:0.2em; + padding-bottom:0.1em; + background-color:#b9cbf1 !important; + border:#4b5aaa solid 1px !important; +} + +.soria .dijitCalendarNextYear, +.soria .dijitCalendarPreviousYear { + /* label for next/prev years */ + color:black !important; + font-weight:normal; +} + +/* Styling for month DropDownButton */ + +.soria .dijitCalendar .dijitDropDownButton { + margin: 0; +} +.soria .dijitCalendar .dijitButtonText { + padding: 0; +} +.soria .dijitCalendar .dijitDropDownButton .dijitButtonNode { + background-color: transparent; + background-image: none; + padding: 0; +} + +/* Styling for month drop down list */ + +.soria .dijitCalendarMonthMenu .dijitCalendarMonthLabelHover { + background-color: #d9e6f9; + color: #243C5F; +} diff --git a/js/dojo/dijit/themes/soria/Calendar_rtl.css b/js/dojo/dijit/themes/soria/Calendar_rtl.css new file mode 100644 index 0000000..c2350b4 --- /dev/null +++ b/js/dojo/dijit/themes/soria/Calendar_rtl.css @@ -0,0 +1,9 @@ +/* Calendar */ + +.dijitRtl .soria .dijitCalendarDecrease { + background-position: -30px top; +} + +.dijitRtl .soria .dijitCalendarIncrease { + background-position: 0 top; +} diff --git a/js/dojo/dijit/themes/soria/ColorPalette.css b/js/dojo/dijit/themes/soria/ColorPalette.css new file mode 100644 index 0000000..85d6dd8 --- /dev/null +++ b/js/dojo/dijit/themes/soria/ColorPalette.css @@ -0,0 +1,5 @@ +.dijitColorPalette { + border:1px solid #cbcbcb; + background:#fff; + -moz-border-radius: 0 !important; +}
\ No newline at end of file diff --git a/js/dojo/dijit/themes/soria/Common.css b/js/dojo/dijit/themes/soria/Common.css new file mode 100644 index 0000000..d5a7c9d --- /dev/null +++ b/js/dojo/dijit/themes/soria/Common.css @@ -0,0 +1,23 @@ +/* DnD avatar-specific settings */ +/* For now it uses a default set of rules. Some other DnD classes can be modified as well. */ +.soria .dojoDndItemBefore { + border-top: 2px solid #369; +} + +.soria .dojoDndItemAfter { + border-bottom: 2px solid #369; +} + +.soria .dojoDndItemOver { + cursor:pointer; +} + +.soria table.dojoDndAvatar { -moz-border-radius: 0; border: 1px solid #ccc; border-collapse: collapse; background-color: #fff; font-size: 75%; color: black;} +.soria .dojoDndAvatar td { border: none; } +.soria .dojoDndAvatar tr { border: none; } +.soria .dojoDndAvatarHeader td { height: 20px; padding: 0 0 0 21px; } +.soria .dojoDndAvatarItem td { padding: 2px;} +.soria.dojoDndMove .dojoDndAvatarHeader {background-color: #f58383; background-image: url(images/dndNoMove.png); background-repeat: no-repeat; background-position: 2px center;} +.soria.dojoDndCopy .dojoDndAvatarHeader {background-color: #f58383; background-image: url(images/dndNoCopy.png); background-repeat: no-repeat; background-position: 2px center;} +.soria.dojoDndMove .dojoDndAvatarCanDrop .dojoDndAvatarHeader {background-color: #97e68d; background-image: url(images/dndMove.png); background-repeat: no-repeat; background-position: 2px center;} +.soria.dojoDndCopy .dojoDndAvatarCanDrop .dojoDndAvatarHeader {background-color: #97e68d; background-image: url(images/dndCopy.png); background-repeat: no-repeat; background-position: 2px center;} diff --git a/js/dojo/dijit/themes/soria/Dialog.css b/js/dojo/dijit/themes/soria/Dialog.css new file mode 100644 index 0000000..1e0503a --- /dev/null +++ b/js/dojo/dijit/themes/soria/Dialog.css @@ -0,0 +1,155 @@ +/* Dialog */ + +.soria .dijitDialog { + background: #eee; + border: 1px solid #cbcbcb; + -webkit-box-shadow: 0 5px 10px #adadad; + padding: 0; +} + +.soria .dijitDialog .dijitDialogTitle { + /* typography and styling of the dialog title */ + font-weight: bold; + padding: 0 4px; + font-size: 0.9em; + color: #243C5F; +} + +.soria .dijitDialog .dijitDialogPaneContent { + background: #ffffff; + border-top: 1px solid #b1badf; + padding:10px; + +} + +.soria .dijitDialogTitleBar { + /* outer container for the titlebar of the dialog */ + background: #fafafa url("images/titleBar.png") repeat-x top left; + padding: 5px 6px 3px 6px; + outline:0; /* remove this line if keyboard focus on dialog startup is an issue. tab still takes you to first focusable element */ +} + +.soria .dijitDialogCloseIcon { + /* the default close icon for the dialog */ + background-image: url("images/spriteRoundedIconsSmallBl.png"); + background-repeat: no-repeat; + background-position: -60px 0; + position: absolute; + vertical-align: middle; + right: 6px; + top: 4px; + height: 15px; + width: 15px; +} +.dj_ie6 .soria .dijitDialogCloseIcon { + background-image: url("images/spriteRoundedIconsSmallBl.gif"); +} +.soria .dijitDialogCloseIconHover { + background-position: -60px -15px; +} + +/* Tooltip and TooltipDialog */ + +.soria .dijitTooltip, +.soria .dijitTooltipDialog { + /* the outermost dom node, holding the connector and container */ + background: transparent; /* make the area on the sides of the arrow transparent */ +} + +.dijitTooltipBelow { + /* leave room for arrow above content */ + padding-top: 10px; +} + +.dijitTooltipAbove { + /* leave room for arrow below content */ + padding-bottom: 10px; +} + +.soria .dijitTooltipContainer { + /* + The part with the text. + + NOTE: + FF doesn't clip images used as CSS bgs if you specify a border + radius. If you use a solid color, it does. Webkit gets it right. + Sigh. + background: #ffffff url("images/popupMenuBg.gif") repeat-x bottom left; + */ + background-color: #fff; + border:1px solid #cbcbcb; + padding:0.45em; +} + +.soria .dijitTooltipConnector { + /* the arrow piece */ + border:0; + z-index: 2; +} + +.soria .dijitTooltipABRight .dijitTooltipConnector { + /* above or below tooltip, but the arrow appears on the right, + and the right edges of target and tooltip are aligned rather than the left */ + left: auto !important; + right: 6px; +} + +.soria .dijitTooltipBelow .dijitTooltipConnector { + /* the arrow piece for tooltips below an element */ + top: 0; + left: 6px; + background:url("images/tooltipConnectorUp.png") no-repeat top left; + width:17px; + height:11px; +} + +.dj_ie .soria .dijitTooltipBelow .dijitTooltipConnector { + background-image: url("images/tooltipConnectorUp.gif"); +} + +.soria .dijitTooltipAbove .dijitTooltipConnector { + /* the arrow piece for tooltips above an element */ + bottom: 0; + left: 6px; + background:url("images/tooltipConnectorDown.png") no-repeat top left; + width:17px; + height:11px; +} +.dj_ie .soria .dijitTooltipAbove .dijitTooltipConnector { + background-image: url("images/tooltipConnectorDown.gif"); +} +.dj_ie .soria .dijitTooltipAbove .dijitTooltipConnector { + background-image: url("images/tooltipConnectorDown.gif"); +} +.dj_ie6 .soria .dijitTooltipAbove .dijitTooltipConnector { + bottom: -5px; +} + +.soria .dijitTooltipLeft { + padding-right: 10px; +} +.soria .dijitTooltipLeft .dijitTooltipConnector { + /* the arrow piece for tooltips to the left of an element, bottom borders aligned */ + right: 0; + background:url("images/tooltipConnectorRight.png") no-repeat top left; + width:11px; + height:17px; +} +.dj_ie .soria .dijitTooltipLeft .dijitTooltipConnector { + background-image: url("images/tooltipConnectorRight.gif"); +} + +.soria .dijitTooltipRight { + padding-left: 10px; +} +.soria .dijitTooltipRight .dijitTooltipConnector { + /* the arrow piece for tooltips to the right of an element, bottom borders aligned */ + left: 0; + background:url("images/tooltipConnectorLeft.png") no-repeat top left; + width:11px; + height:17px; +} +.dj_ie .soria .dijitTooltipRight .dijitTooltipConnector { + background-image: url("images/tooltipConnectorLeft.gif"); +} + diff --git a/js/dojo/dijit/themes/soria/Dialog_rtl.css b/js/dojo/dijit/themes/soria/Dialog_rtl.css new file mode 100644 index 0000000..838700a --- /dev/null +++ b/js/dojo/dijit/themes/soria/Dialog_rtl.css @@ -0,0 +1,5 @@ +/* Dialog */ +.dijitRtl .soria .dijitDialogTitleBar .dijitDialogCloseIcon { + right: auto; + left: 5px; +} diff --git a/js/dojo/dijit/themes/soria/Editor.css b/js/dojo/dijit/themes/soria/Editor.css new file mode 100644 index 0000000..d2dd293 --- /dev/null +++ b/js/dojo/dijit/themes/soria/Editor.css @@ -0,0 +1,17 @@ +.soria .dijitToolbar .dijitToolbarSeparator { + background: url('../../icons/images/editorIconsEnabled.png'); /* separator in editor icons sprite image - enabled state */ +} + +/**** ICONS *****/ + +.soria .dijitEditorIcon { + background-image: url('../../icons/images/editorIconsEnabled.png'); /* editor icons sprite image - enabled state */ + background-repeat: no-repeat; + width: 18px; + height: 18px; + text-align: center; +} +.soria .dijitDisabled .dijitEditorIcon { + background-image: url('../../icons/images/editorIconsDisabled.png'); /* editor icons sprite image - disabled state */ +} + diff --git a/js/dojo/dijit/themes/soria/Editor_rtl.css b/js/dojo/dijit/themes/soria/Editor_rtl.css new file mode 100644 index 0000000..a1f76e8 --- /dev/null +++ b/js/dojo/dijit/themes/soria/Editor_rtl.css @@ -0,0 +1,7 @@ +/* Editor */ +.dijitRtl .soria .dijitEditorIcon { + background-image: url('../../icons/images/editorIconsEnabled_rtl.png'); /* editor icons sprite image - enabled state */ +} +.dijitRtl .soria .dijitDisabled .dijitEditorIcon { + background-image: url('../../icons/images/editorIconsDisabled_rtl.png'); /* editor icons sprite image - disabled state */ +} diff --git a/js/dojo/dijit/themes/soria/Menu.css b/js/dojo/dijit/themes/soria/Menu.css new file mode 100644 index 0000000..4d9d068 --- /dev/null +++ b/js/dojo/dijit/themes/soria/Menu.css @@ -0,0 +1,77 @@ + +/* Menu */ +.soria .dijitMenu, +.soria .dijitMenuBar { + border: 1px solid #cbcbcb; + margin: 0; + padding: 0; + background-color: #fff; +} + +.soria .dijitBorderContainer .dijitMenuBar { + border:1px solid #B1BADF; +} + +.soria .dijitMenuItem { + font-family: sans-serif; + margin: 0; + color: #243C5F; +} +.soria .dijitMenuBar .dijitMenuItem { + padding: 4px 5px; +} + +.soria .dijitMenuPreviousButton, .soria .dijitMenuNextButton { + font-style: italic; +} +.soria .dijitMenuItem TD { + padding:1px; +} + +.soria .dijitMenuPassive .dijitMenuItemHover, +.soria .dijitMenuItemSelected { + background-color: #d9e6f9; /* #95a0b0; #555555; #aaaaaa; #646464; #60a1ea; #848484; */ + color: #243C5F; +} + +.soria .dijitMenuItemIcon { + width: 15px; + height: 15px; +} + +.soria .dijitMenuExpand { + width:15px; + height:15px; + background-image: url('images/spriteRoundedIconsSmall.png'); + background-position: -30px top; +} +.dj_ie6 .soria .dijitMenuExpand { + background-image: url('images/spriteRoundedIconsSmall.gif'); +} + +.soria .dijitMenuSeparator { + height: 1px; +} + +/* separator can be two pixels -- set border of either one to 0 to have only one */ +.soria .dijitMenuSeparatorTop { + border-bottom: 1px solid #fff; /*97adcb; */ +} + +.soria .dijitMenuSeparatorBottom { + border-top: 1px solid #8ba0bd; +} + +/* the checked menu item */ +.soria .dijitCheckedMenuItemIconChar { + display: none; +} + +.soria .dijitCheckedMenuItemIcon { + background-image: url('images/spriteCheckbox.gif'); + background-position: -80px; +} + +.soria .dijitCheckedMenuItemChecked .dijitCheckedMenuItemIcon { + background-position: -64px; +}
\ No newline at end of file diff --git a/js/dojo/dijit/themes/soria/Menu_rtl.css b/js/dojo/dijit/themes/soria/Menu_rtl.css new file mode 100644 index 0000000..0e01483 --- /dev/null +++ b/js/dojo/dijit/themes/soria/Menu_rtl.css @@ -0,0 +1,10 @@ +/* Menu */ + +.dijitRtl .soria .dijitMenuItem .dijitMenuItemIcon { + padding-left: 3px; + padding-right: 0; +} + +.dijitRtl .soria .dijitMenuItem .dijitMenuExpand { + background-position: left top; +} diff --git a/js/dojo/dijit/themes/soria/ProgressBar.css b/js/dojo/dijit/themes/soria/ProgressBar.css new file mode 100644 index 0000000..b2f6d1f --- /dev/null +++ b/js/dojo/dijit/themes/soria/ProgressBar.css @@ -0,0 +1,33 @@ + +/**** + dijit.ProgressBar + ****/ + +.soria .dijitProgressBar { + margin:2px 0 2px 0; +} + +.soria .dijitProgressBarEmpty{ + /* outer container and background of the bar that's not finished yet*/ + background:#fff url("images/progressBarEmpty.png") repeat-x center center; + border-color: #8ba0bd; +} + +.soria .dijitProgressBarTile{ + /* inner container for finished portion when in 'tile' (image) mode */ + background:#f0f0f0 url("images/progressBarFull.png") repeat-x center center; +} + +.soria .dijitProgressBarFull { + border-right:1px solid #8ba0bd; +} + +.soria .dijitProgressBarLabel { + /* Set to a color that contrasts with both the "Empty" and "Full" parts. */ + color:#293a4b; +} + +.soria .dijitProgressBarIndeterminate .dijitProgressBarTile { + /* use an animated gif for the progress bar in 'indeterminate' mode */ + background:#cad2de url("images/progressBarAnim.gif") repeat-x center center; +}
\ No newline at end of file diff --git a/js/dojo/dijit/themes/soria/TimePicker.css b/js/dojo/dijit/themes/soria/TimePicker.css new file mode 100644 index 0000000..757d746 --- /dev/null +++ b/js/dojo/dijit/themes/soria/TimePicker.css @@ -0,0 +1,51 @@ +/* Time Picker */ +.soria .dijitTimePickerTick, +.soria .dijitTimePickerMarker { + border-color: #b1badf; +} + +.soria .dijitTimePickerTick { + color:white; +} + +.soria .dijitTimePickerMarker { + background:#bed7f0 url("images/titleBar.png") repeat-x top; + color:#293a4b; + font-weight: bold; +} + +.soria .dijitTimePickerItemSelected { + color: black; + background: #b9cbf1 none; +} + +.soria .dijitTimePickerItemHover { + background: #60a1ea none; + color:white; +} + +.soria .dijitTimePickerItemHover, +.soria .dijitTimePickerItemSelected { + position: relative; + z-index: 10; +} + +.soria .dijitTimePickerTick .dijitTimePickerItemInner { + font-size:0.4em; +} + +.soria .dijitTimePickerItemHover .dijitTimePickerItemInner, +.soria .dijitTimePickerItemSelected .dijitTimePickerItemInner { + font-size:1em; +} + +.soria .dijitTimePickerMarkerHover { + border-top: 1px solid #94b9ef; +} + +.soria .dijitTimePickerTickHover, +.soria .dijitTimePickerTickSelected { + margin-top:-0.3em; + margin-bottom:-0.3em; + border-bottom: none; +} diff --git a/js/dojo/dijit/themes/soria/TimePicker_rtl.css b/js/dojo/dijit/themes/soria/TimePicker_rtl.css new file mode 100644 index 0000000..a802ba6 --- /dev/null +++ b/js/dojo/dijit/themes/soria/TimePicker_rtl.css @@ -0,0 +1,4 @@ +.dj_ie6-rtl .soria .dijitTimePickerMarkerHover, +.dj_ie7-rtl .soria .dijitTimePickerMarkerHover { + border-top: 0; /* IE6/7 bug causes mouseover/out event storm */ +} diff --git a/js/dojo/dijit/themes/soria/TitlePane.css b/js/dojo/dijit/themes/soria/TitlePane.css new file mode 100644 index 0000000..7e1042e --- /dev/null +++ b/js/dojo/dijit/themes/soria/TitlePane.css @@ -0,0 +1,58 @@ +/** + * dijit.TitlePane + * + */ + +.soria .dijitTitlePaneTitle { + background: #cccccc; + background:#fff url("images/titleBar.png") repeat-x top left; + border:1px solid #bfbfbf; + padding:3px 4px; + font-size: 0.9em; + font-weight: bold; + color: #6d6d6d; +} +.soria .dijitTitlePaneTitleHover { + background: #f9f9f9 url("images/accordionItemActive.png") top repeat-x; +} + +.soria .dijitTitlePaneTitle * { + vertical-align: middle; +} + +.soria .dijitTitlePane .dijitOpen .dijitArrowNode, +.soria .dijitTitlePane .dijitClosed .dijitArrowNode { + width:15px; + height:15px; +} + +.soria .dijitTitlePaneTextNode { + color: #243C5F; +} + +.soria .dijitTitlePane .dijitClosed .dijitArrowNode { + background: url('images/spriteRoundedIconsSmall.png') no-repeat -30px top; +} +.dj_ie6 .soria .dijitTitlePane .dijitClosed .dijitArrowNode { + background:url('images/spriteRoundedIconsSmall.gif') no-repeat -30px top; +} +.soria .dijitTitlePane .dijitOpen .dijitArrowNode { + background:url('images/spriteRoundedIconsSmall.png') no-repeat -15px top; +} +.dj_ie6 .soria .dijitTitlePane .dijitOpen .dijitArrowNode { + background:url('images/spriteRoundedIconsSmall.gif') no-repeat -15px top; +} + +.soria .dijitTitlePaneContentOuter { + background: #ffffff; + border: 1px solid #bfbfbf; + border-top: 0; +} +.soria .dijitTitlePaneContentInner { + padding:10px; +} + +.soria .dijitTitlePaneTextNode { + margin-left: 4px; + margin-right: 4px; +}
\ No newline at end of file diff --git a/js/dojo/dijit/themes/soria/TitlePane_rtl.css b/js/dojo/dijit/themes/soria/TitlePane_rtl.css new file mode 100644 index 0000000..8a1b73d --- /dev/null +++ b/js/dojo/dijit/themes/soria/TitlePane_rtl.css @@ -0,0 +1,6 @@ +.dijitRtl .soria .dijitTitlePane .dijitClosed .dijitArrowNode { + background-position: 0 top; +} +.dj_ie6-rtl .soria .dijitTitlePane .dijitClosed .dijitArrowNode { + background-position: 0 top; +}
\ No newline at end of file diff --git a/js/dojo/dijit/themes/soria/Toolbar.css b/js/dojo/dijit/themes/soria/Toolbar.css new file mode 100644 index 0000000..8af426a --- /dev/null +++ b/js/dojo/dijit/themes/soria/Toolbar.css @@ -0,0 +1,65 @@ +.soria .dijitToolbar { + border-bottom: 1px solid #ccc; + background:#eaeaea url("images/titleBar.png") repeat-x top left; +} + +/* setting a min-height on ditor toolbar */ +.dj_ie6 .soria .dijitToolbar { + height: 10px; +} + +.soria .dijitToolbar .dijitButtonNode, +.soria .dijitToolbar .dijitComboButton .dijitButtonContents, +.soria .dijitToolbar .dijitComboButton .dijitDownArrowButton { + background: none; + margin: 0; + padding: 0; + border: none; + font-size: 12px; +} + +.soria .dijitToolbar .dijitButton, +.soria .dijitToolbar .dijitToggleButton, +.soria .dijitToolbar .dijitDropDownButton, +.soria .dijitToolbar .dijitComboButton .dijitButtonContents, +.soria .dijitToolbar .dijitComboButton .dijitDownArrowButton { + background: none; + padding: 1px; /* on hover etc., margin replaced w/border */ +} + +.soria .dijitToolbar .dijitButtonChecked, +.soria .dijitToolbar .dijitToggleButtonChecked { + background-color:#d8e5f8; + border:1px solid #316ac5; + padding: 0; +} + +.soria .dijitToolbar .dijitButtonCheckedHover, +.soria .dijitToolbar .dijitToggleButtonCheckedHover + { + background-color:#9abbea; + border:1px solid #316ac5; + padding: 0; +} + +.soria .dijitToolbar .dijitButtonHover, +.soria .dijitToolbar .dijitToggleButtonHover, +.soria .dijitToolbar .dijitDropDownButtonHover, +.soria .dijitToolbar .dijitComboButton .dijitButtonContentsHover, +.soria .dijitToolbar .dijitComboButton .dijitDownArrowButtonHover { + /* TODO: change this from Hover to Selected so that button is still highlighted while drop down is being used */ + border: 1px solid #316ac5; + padding: 0; + background-color:#9abbea; +} + +.soria .dijitToolbar label { + padding: 3px 3px 0 6px; +} + +.dj_ie .soria .dijitToolbar .dijitComboButton .dijitButtonContentsFocused, +.dj_ie .soria .dijitToolbar .dijitComboButton .dijitDownArrowButtonFocused { + /* focus border doesn't appear on <td> for IE, so need to add it manually */ + border: 1px #777 dotted !important; + padding: 0; +} diff --git a/js/dojo/dijit/themes/soria/Tree.css b/js/dojo/dijit/themes/soria/Tree.css new file mode 100644 index 0000000..d8edb67 --- /dev/null +++ b/js/dojo/dijit/themes/soria/Tree.css @@ -0,0 +1,105 @@ +/* Tree */ + +.soria .dijitTreeNode { + background : url('images/treeI.gif') no-repeat; + background-position : top left; + background-repeat : repeat-y; + zoom: 1; +} + +.soria .dijitTreeRowHover { + /* using a transparent png so that we can still see grid lines, which are (unfortunately) behind the dijitRowNode that we are hovering over */ + background-image: url(images/treeHover.png); + background-repeat: repeat; + background-color: transparent !important; +} + + +/* left vertical line (grid) for all nodes */ +.soria .dijitTreeIsLast { + background: url('images/treeI_half.gif') no-repeat; +} + +.soria .dijitTreeLabel { + font-weight: normal; + margin-left: 3px; +} + +.soria .dijitTreeIsRoot { + margin-left: 0; + background-image: none; +} + +.soria .dijitTreeExpando { + width: 18px; + height: 18px; +} + +.soria .dijitTreeRow { + /* so insert line shows up on IE when dropping after a target element */ + padding-bottom: 2px; +} + +.soria .dijitTreeContent { + min-height: 18px; + min-width: 18px; + padding-left:1px; +} + +.soria .dijitTreeRowSelected .dijitTreeLabel{ + background:#b8cbec; +} + +.soria .dijitTreeExpandoOpened { + background: url('images/spriteTree.gif') no-repeat -18px top; +} + +.soria .dijitTreeExpandoClosed { + background-image: url('images/spriteTree.gif'); +} + +.soria .dijitTreeExpandoLeaf { + background: url('images/spriteTree.gif') no-repeat -36px top; +} + +.soria .dijitTreeExpandoLoading { + background-image: url('images/treeExpand_loading.gif'); +} + +.soria .dijitTreeIcon { + width: 16px; + height: 16px; +} + +.soria .dijitFolderOpened { + background: url('images/spriteDivIcons.gif') no-repeat -16px top; +} + +.soria .dijitFolderClosed { + background: url('images/spriteDivIcons.gif') no-repeat top left; +} + +.soria .dijitLeaf { + background: url('images/spriteDivIcons.gif') no-repeat -32px top; +} + +/* Drag and Drop on TreeNodes + * Put insert line on dijitTreeContent node so it's aligned w/ + * (ie, indented equally with) target element, even + * though dijitTreeRowNode is the actual "drag object" + */ +.soria .dijitTreeNode .dojoDndItemBefore, +.soria .dijitTreeNode .dojoDndItemAfter { + border-bottom: none; + border-top: none; +} + +.soria .dijitTreeNode .dojoDndItemBefore .dijitTreeContent { + /* copied from Common.css */ + border-top: 2px solid #369; +} + +.soria .dijitTreeNode .dojoDndItemAfter .dijitTreeContent { + /* copied from Common.css */ + border-bottom: 2px solid #369; +} diff --git a/js/dojo/dijit/themes/soria/Tree_rtl.css b/js/dojo/dijit/themes/soria/Tree_rtl.css new file mode 100644 index 0000000..44daf3a --- /dev/null +++ b/js/dojo/dijit/themes/soria/Tree_rtl.css @@ -0,0 +1,22 @@ +/* Tree */ + +.dijitRtl .soria .dijitTreeNode, +.dijitRtl .soria .dijitTreeExpandoLeaf { + /* disable grid lines for Tree in RTL mode, too hard to support */ + background-image: none; +} + +.dijitRtl .soria .dijitTreeContent { + padding-left: 0; + padding-right: 1px; +} + +.dijitRtl .soria .dijitTreeExpandoOpened { + /* todo: icon contains grid line but grid lines disabled above */ + background: url('images/spriteTree_rtl.gif') no-repeat -18px top; +} + +.dijitRtl .soria .dijitTreeExpandoClosed { + /* todo: icon contains grid line but grid lines disabled above */ + background-image: url('images/spriteTree_rtl.gif'); +} diff --git a/js/dojo/dijit/themes/soria/form/Button.css b/js/dojo/dijit/themes/soria/form/Button.css new file mode 100644 index 0000000..9efe7ea --- /dev/null +++ b/js/dojo/dijit/themes/soria/form/Button.css @@ -0,0 +1,122 @@ + +/***** + dijit.form.Button + dijit.form.DropDownButton + dijit.form.ComboButton + dijit.form.ComboBox (partial) + dijit.form.Spinner (partial) (TODO: create NumberSpinner.css file like claro has) + *****/ + +.soria .dijitButtonNode { + /* enabled state - inner */ + border: 1px solid #8ba0bd; + border-bottom:1px solid #657c9c; + padding: 0.1em 0.2em 0.2em 0.2em; + background: #bcd5f0 url("../images/buttonEnabled.png") repeat-x top left; +} +.soria .dijitSelect .dijitButtonContents { + border-right: none; +} + +.soria .dijitButtonText { + text-align: center; + padding: 0 0.3em; +} + +.soria .dijitArrowButton { + color: #111; +} + +.soria .dijitComboButton .dijitDownArrowButton { + padding-right:4px; +} + +.soria .dijitTextBoxReadOnly, +.soria .dijitTextBoxReadOnly .dijitButtonNode, +.soria .dijitButtonDisabled .dijitButtonNode, +.soria .dijitToggleButtonDisabled .dijitButtonNode, +.soria .dijitDropDownButtonDisabled .dijitButtonNode, +.soria .dijitComboButtonDisabled .dijitButtonNode, +.soria .dijitTextBoxDisabled, +.soria .dijitTextBoxDisabled .dijitButtonNode { + /* disabled state - inner */ + border-color: #b9bbdd #b9bbdd #b9bbdd #b9bbdd; + background:#c3d3e5 url("../images/buttonDisabled.png") top repeat-x; + opacity: 0.60; +} +.dj_ie6 .soria .dijitReadOnly input, +.dj_ie7 .soria .dijitReadOnly input, +.dj_ie6 .soria .dijitComboButtonDisabled .dijitButtonText, +.dj_ie7 .soria .dijitComboButtonDisabled .dijitButtonText { + /* opacity doesn't work on table node in IE, work around here */ + color: #aaa; +} +.soria .dijitButtonHover .dijitButtonNode, +.soria .dijitButtonNodeHover, +.soria .dijitToggleButtonHover .dijitButtonNode, +.soria .dijitDropDownButtonHover .dijitButtonNode, +.soria .dijitButtonContentsHover, +.soria .dijitUpArrowButtonHover, +.soria .dijitDownArrowButtonHover { + /* hover state - inner */ + /* TODO: change from Hover to Selected so that button is still highlighted while drop down is being used */ + color:#243C5F; + background:#acc5e2 url("../images/buttonHover.png") repeat-x top left; +} + +.soria .dijitButtonActive .dijitButtonNode, +.soria .dijitToggleButtonActive .dijitButtonNode, +.soria .dijitDropDownButtonActive .dijitButtonNode, +.soria .dijitComboButtonActive .dijitButtonContents, +.soria .dijitStackController .dijitToggleButtonChecked .dijitButtonNode { + /* active state - inner (for when you are pressing a normal button, or + * when a radio-type button is in a depressed state + */ + border-color:#657c9c; + background: #91b4e5 url("../images/buttonActive.png") top left repeat-x; +} +.soria .dijitUpArrowButtonActive, +.soria .dijitDownArrowButtonActive { + /* same as above except don't adjust border color (it's controlled by the containing Spinner/ComboBox) */ + background: #91b4e5 url("../images/buttonActive.png") top left repeat-x; +} + + +.soria .dijitArrowButtonInner { + background-image: url("../images/spriteArrows.png"); + background-repeat: no-repeat; + background-position: 0 center; + width: 11px; + height: 11px; +} +.soria .dijitComboBox .dijitArrowButtonInner { + background-position: 0 center; +} +.soria .dijitLeftArrowButton .dijitArrowButtonInner { + background-position: -11px center; +} +.soria .dijitUpArrowButton .dijitArrowButtonInner { + background-position: -22px center; +} +.soria .dijitRightArrowButton .dijitArrowButtonInner { + background-position: -33px center; +} +.dj_ie6 .soria .dijitArrowButtonInner { + background-image: url("../images/spriteArrows.gif"); +} +.dj_ie .soria .dijitSpinner .dijitUpArrowButton .dijitArrowButtonInner { + margin-top: 1px; /* image has too many blank pixels on top */ +} +.soria .dijitSpinnerButtonContainer { + width: auto; + padding: 0; +} +.soria .dijitSpinner .dijitArrowButton { + width: 15px; +} +.soria .dijitSpinner .dijitSpinnerButtonInner { + width: 15px; +} +.soria .dijitSpinner .dijitArrowButtonInner .dijitInputField { + padding: 0; +} diff --git a/js/dojo/dijit/themes/soria/form/Button_rtl.css b/js/dojo/dijit/themes/soria/form/Button_rtl.css new file mode 100644 index 0000000..e2f3728 --- /dev/null +++ b/js/dojo/dijit/themes/soria/form/Button_rtl.css @@ -0,0 +1,7 @@ +.dijitRtl .soria .dijitComboBox .dijitButtonNode { + border-width: 0 0 0 1px; +} +.dijitRtl .soria .dijitSelect .dijitButtonContents { + border-left: none; + border-right-width: 1px; +} diff --git a/js/dojo/dijit/themes/soria/form/Checkbox.css b/js/dojo/dijit/themes/soria/form/Checkbox.css new file mode 100644 index 0000000..5a72bfc --- /dev/null +++ b/js/dojo/dijit/themes/soria/form/Checkbox.css @@ -0,0 +1,67 @@ + +/* + * CheckBox and Radio Widgets, + * and the CSS to embed a checkbox or radio icon inside a ToggleButton. + * + * Order of images in the default sprite (from L to R, checkbox and radio in same image): + * checkbox normal - checked + * - unchecked + * disabled - checked + * - unchecked + * hover - checked + * - unchecked + * + * radio normal - checked + * - unchecked + * disabled - checked + * - unchecked + * hover - checked + * - unchecked +*/ + +.soria .dijitToggleButton .dijitCheckBox, +.soria .dijitToggleButton .dijitCheckBoxIcon { + background-image: url('../images/spriteCheckbox.gif'); +} + +.soria .dijitCheckBox, +.soria .dijitCheckBoxIcon { /* inside a toggle button */ + background-image: url('../images/spriteCheckbox.gif'); /* checkbox sprite image */ + background-repeat: no-repeat; + width: 16px; + height: 16px; + margin: 0; + padding: 0; +} + +.soria .dijitCheckBox, +.soria .dijitToggleButton .dijitCheckBoxIcon { + /* unchecked */ + background-position: -16px; +} + +.soria .dijitCheckBoxChecked, +.soria .dijitToggleButtonChecked .dijitCheckBoxIcon { + /* checked */ + background-position: 0; +} + +.soria .dijitCheckBoxDisabled { + /* disabled */ + background-position: -48px; +} + +.soria .dijitCheckBoxCheckedDisabled { + /* disabled but checked */ + background-position: -32px; +} + +.soria .dijitCheckBoxHover { + /* hovering over an unchecked enabled checkbox */ + background-position: -80px; +} + +.soria .dijitCheckBoxCheckedHover { + /* hovering over a checked enabled checkbox */ + background-position: -64px; +}
\ No newline at end of file diff --git a/js/dojo/dijit/themes/soria/form/Common.css b/js/dojo/dijit/themes/soria/form/Common.css new file mode 100644 index 0000000..42dfefa --- /dev/null +++ b/js/dojo/dijit/themes/soria/form/Common.css @@ -0,0 +1,74 @@ + +/**** + dijit.form.TextBox + dijit.form.ValidationTextBox + dijit.form.SerializableTextBox + dijit.form.RangeBoundTextBox + dijit.form.NumberTextBox + dijit.form.CurrencyTextBox + dijit.form.NumberSpinner + dijit.form.ComboBox (partial) + ****/ + +.soria .dijitInputContainer input, +.soria .dijitTextBox { + margin: 0 0.1em; +} + +.soria .dijitTextBox, +.soria .dijitTextArea { + /* For all except dijit.form.NumberSpinner: the actual input element. + For TextBox, ComboBox, Spinner: the table that contains the input. + Otherwise the actual input element. + */ + background:#fff url("../images/validationInputBg.png") repeat-x top left; + #background:#fff url('../images/validationInputBg.gif') repeat-x top left; + border:1px solid #8ba0bd; +} + +.soria .dijitComboBox .dijitButtonNode { + padding: 0 0.2em; +} +.soria .dijitTextBox .dijitButtonNode { + /* line between the input area and the drop down button */ + border-color: #8ba0bd; +} + +.soria .dijitTextBoxFocused, +.soria .dijitTextAreaFocused { + /* input field when focused (ie: typing affects it) */ + border-color:#406b9b; +} +.soria .dijitTextBoxFocused .dijitButtonNode, +.soria .dijitSpinner .dijitUpArrowButtonActive, +.soria .dijitSpinner .dijitDownArrowButtonActive { + border-left-color:#8ba0bd; +} +.soria .dijitSpinnerFocused .dijitDownArrowButton, +.soria .dijitSpinner .dijitUpArrowButtonActive, +.soria .dijitSpinner .dijitDownArrowButtonActive { + border-top-color:#8ba0bd; +} + +.soria .dijitError { + border-color:#f3d118; + background-color:#f9f7ba; + background-image:none; +} + +.soria .dijitErrorFocused { + background-color:#ff6; + background-image:none; +} + +/* Validation errors */ +.soria .dijitValidationIcon { + /* prevent height change when widget goes from valid to invalid state */ + width: 16px; + background: transparent url('../images/warning.png') no-repeat center center; +} + +/* The highlight is shown in the ComboBox menu. */ +.soria .dijitComboBoxHighlightMatch { + background-color:#f9f7ba; +} diff --git a/js/dojo/dijit/themes/soria/form/RadioButton.css b/js/dojo/dijit/themes/soria/form/RadioButton.css new file mode 100644 index 0000000..1ea27bf --- /dev/null +++ b/js/dojo/dijit/themes/soria/form/RadioButton.css @@ -0,0 +1,66 @@ +/* + * CheckBox and Radio Widgets, + * and the CSS to embed a checkbox or radio icon inside a ToggleButton. + * + * Order of images in the default sprite (from L to R, checkbox and radio in same image): + * checkbox normal - checked + * - unchecked + * disabled - checked + * - unchecked + * hover - checked + * - unchecked + * + * radio normal - checked + * - unchecked + * disabled - checked + * - unchecked + * hover - checked + * - unchecked +*/ + +.soria .dijitToggleButton .dijitRadio, +.soria .dijitToggleButton .dijitRadioIcon { + background-image: url('../images/spriteRadio.gif'); +} + +.soria .dijitRadio, +.soria .dijitRadioIcon { /* inside a toggle button */ + background-image: url('../images/spriteRadio.gif'); /* checkbox sprite image */ + background-repeat: no-repeat; + width: 16px; + height: 16px; + margin: 0; + padding: 0; +} + +.soria .dijitRadio, +.soria .dijitToggleButton .dijitRadioIcon { + /* unselected */ + background-position: -16px; +} + +.soria .dijitRadioChecked, +.soria .dijitToggleButtonChecked .dijitRadioIcon { + /* selected */ + background-position: 0; +} + +.soria .dijitRadioDisabled { + /* unselected and disabled */ + background-position: -48px; +} + +.soria .dijitRadioCheckedDisabled { + /* selected but disabled */ + background-position: -32px; +} + +.soria .dijitRadioHover { + /* hovering over an unselected enabled radio button */ + background-position: -80px; +} + +.soria .dijitRadioCheckedHover { + /* hovering over a selected enabled radio button */ + background-position: -64px; +}
\ No newline at end of file diff --git a/js/dojo/dijit/themes/soria/form/Select.css b/js/dojo/dijit/themes/soria/form/Select.css new file mode 100644 index 0000000..1856772 --- /dev/null +++ b/js/dojo/dijit/themes/soria/form/Select.css @@ -0,0 +1,54 @@ +.soria .dijitSelect .dijitButtonNode { + padding: 0; +} + +/* Make unselected "look" more like a text box and less like a button */ +.soria .dijitSelect .dijitButtonContents { + padding-top: 1px; + background:#fff url("../images/validationInputBg.png") repeat-x top left; + #background:#fff url('../images/validationInputBg.gif') repeat-x top left; +} +.soria .dijitSelectHover .dijitButtonContents, +.soria .dijitSelectActive .dijitButtonContents, +.soria .dijitSelectOpened .dijitButtonContents, +.soria .dijitSelectDisabled .dijitButtonContents, +.soria .dijitSelectReadOnly .dijitButtonContents{ + background: transparent none; +} +.dj_ie .soria .dijitSelect .dijitButtonContents { + padding-top: 0; +} + +.soria .dijitSelect .dijitArrowButton { + padding: 0 2px; +} + +/* Mirror DropDownButton */ +.soria .dijitSelectDisabled .dijitButtonNode { + border-color: #b9bbdd #b9bbdd #b9bbdd #b9bbdd; + background:#c3d3e5 url("../images/buttonDisabled.png") top repeat-x; +} +.dj_ie .soria .dijitSelectDisabled .dijitButtonNode * { + filter: gray() alpha(opacity=50); +} + +.soria .dijitSelectHover .dijitButtonNode { + color:#000; + background:#acc5e2 url("../images/buttonHover.png") repeat-x top left; +} + +.soria .dijitSelectActive .dijitButtonNode, +.soria .dijitSelectOpened .dijitButtonNode { + border-color:#657c9c; + background: #91b4e5 url("../images/buttonActive.png") top left repeat-x; +} + +/* Make the menu look more combobox-like */ +.soria .dijitSelectMenu td { + padding: 0; +} +.soria .dijitSelectMenu .dijitMenuItemLabel, +.soria .dijitSelectMenu .dijitMenuArrowCell { + padding: 0.1em 0.2em; +} + diff --git a/js/dojo/dijit/themes/soria/form/Slider.css b/js/dojo/dijit/themes/soria/form/Slider.css new file mode 100644 index 0000000..3a68f46 --- /dev/null +++ b/js/dojo/dijit/themes/soria/form/Slider.css @@ -0,0 +1,144 @@ + +/**** + SLIDER +****/ + +.soria .dijitSliderProgressBarH { + border-color: #b1badf; + background: #c0c2c5 url("../images/sliderFull.png") repeat-x top left; +} + +.soria .dijitSliderProgressBarV { + border-color: #b1badf; + background: #c0c2c5 url("../images/sliderFullVertical.png") repeat-y bottom left; +} + +.soria .dijitSliderFocused .dijitSliderProgressBarH, +.soria .dijitSliderFocused .dijitSliderLeftBumper { + background-image:url("../images/sliderFullFocus.png"); +} + +.soria .dijitSliderFocused .dijitSliderProgressBarV, +.soria .dijitSliderFocused .dijitSliderBottomBumper { + background-image:url("../images/sliderFullVerticalFocus.png"); +} + +.soria .dijitSliderRemainingBarV { + border-color: #b4b4b4; + background: #dcdcdc url("../images/sliderEmptyVertical.png") repeat-y bottom left; +} + +.soria .dijitSliderRemainingBarH { + border-color: #b4b4b4; + background: #dcdcdc url("../images/sliderEmpty.png") repeat-x top left; +} + +.soria .dijitSliderBar { + border-style: solid; + outline:1px; + /* border-color: #b4b4b4; */ +} +.soria .dijitSliderFocused .dijitSliderBar { + border-color:#8ba0bd; +} + +.soria .dijitSliderImageHandleH { + border:0; + width:15px; + height:18px; + background:url("../images/preciseSliderThumb.png") no-repeat center top; +} +.soria .dijitSliderFocused .dijitSliderImageHandleH { + background-image:url("../images/preciseSliderThumbFocus.png"); + #background-image:url("../images/preciseSliderThumbFocus.gif"); +} + +.dj_ie6 .soria .dijitSliderImageHandleH { + background-image:url("../images/preciseSliderThumb.gif"); +} + +.soria .dijitSliderLeftBumper { + border-left-width: 1px; + border-color: #aab0bb; + background: #c0c2c5 url("../images/sliderFull.png") repeat-x top left; +} + +.soria .dijitSliderRightBumper { + background: #dcdcdc url("../images/sliderEmpty.png") repeat-x top left; + border-color: #b4b4b4; + border-right-width: 1px; +} + +.soria .dijitSliderImageHandleV { + border:0; + width:20px; + height:15px; + background:url("../images/sliderThumb.png") no-repeat center center; + #background:url("../images/sliderThumb.gif") no-repeat center center; +} + +.soria .dijitSliderFocused .dijitSliderImageHandleV { + background-image:url("../images/sliderThumbFocus.png"); + #background-image:url("../images/sliderThumbFocus.gif"); +} + +.soria .dijitSliderBottomBumper { + border-bottom-width: 1px; + border-color: #aab0bb; + background: #c0c2c5 url("../images/sliderFullVertical.png") repeat-y bottom left; +} + +.soria .dijitSliderTopBumper { + background: #dcdcdc url("../images/sliderEmptyVertical.png") repeat-y top left; + border-color: #b4b4b4; + border-top-width: 1px; +} + +.soria .dijitSliderIncrementIconH, +.soria .dijitSliderIncrementIconV { + background:url('../images/spriteRoundedIconsSmall.png') no-repeat -45px top; + #background:url('../images/spriteRoundedIconsSmall.gif') no-repeat -45px top; + width:15px; height:15px; +} +.soria .dijitSliderIncrementIconH { + background:url('../images/spriteRoundedIconsSmall.png') no-repeat -30px top; + #background:url('../images/spriteRoundedIconsSmall.gif') no-repeat -30px top; +} + +.soria .dijitSliderDecrementIconH, +.soria .dijitSliderDecrementIconV { + width:15px; + height:15px; + background:url('../images/spriteRoundedIconsSmall.png') no-repeat -15px top; + #background:url('../images/spriteRoundedIconsSmall.gif') no-repeat -15px top; +} +.soria .dijitSliderDecrementIconH { + background:url('../images/spriteRoundedIconsSmall.png') no-repeat 0 top; + #background:url('../images/spriteRoundedIconsSmall.gif') no-repeat 0 top; +} + +.soria .dijitSliderButtonInner { + visibility:hidden; +} + +.soria .dijitSliderReadOnly *, +.soria .dijitSliderDisabled * { + border-color: #d5d5d5 #bdbdbd #bdbdbd #d5d5d5; + color: #bdbdbd; +} +.soria .dijitSliderReadOnly .dijitSliderDecrementIconH, +.soria .dijitSliderDisabled .dijitSliderDecrementIconH { + background-position: 0 -15px; +} +.soria .dijitSliderReadOnly .dijitSliderIncrementIconH, +.soria .dijitSliderDisabled .dijitSliderIncrementIconH { + background-position: -30px -15px; +} +.soria .dijitSliderReadOnly .dijitSliderDecrementIconV, +.soria .dijitSliderDisabled .dijitSliderDecrementIconV { + background-position: -15px -15px; +} +.soria .dijitSliderReadOnly .dijitSliderIncrementIconV, +.soria .dijitSliderDisabled .dijitSliderIncrementIconV { + background-position: -45px -15px; +}
\ No newline at end of file diff --git a/js/dojo/dijit/themes/soria/form/Slider_rtl.css b/js/dojo/dijit/themes/soria/form/Slider_rtl.css new file mode 100644 index 0000000..d9b67c5 --- /dev/null +++ b/js/dojo/dijit/themes/soria/form/Slider_rtl.css @@ -0,0 +1,36 @@ + +/* Slider */ + +.dijitRtl .soria .dijitSliderProgressBarH, +.dijitRtl .soria .dijitSliderRemainingBarH, +.dijitRtl .soria .dijitSliderLeftBumper, +.dijitRtl .soria .dijitSliderRightBumper, +.dijitRtl .soria .dijitSliderTopBumper { + background-position: top right; +} + +.dijitRtl .soria .dijitSliderProgressBarV, +.dijitRtl .soria .dijitSliderRemainingBarV, +.dijitRtl .soria .dijitSliderBottomBumper { + background-position: bottom right; +} + +.dijitRtl .soria .dijitSliderLeftBumper { + border-left-width: 0; + border-right-width: 1px; +} + +.dijitRtl .soria .dijitSliderRightBumper { + border-left-width: 1px; + border-right-width: 0; +} + +.dijitRtl .soria .dijitSliderIncrementIconH { + background:url('../images/spriteRoundedIconsSmall.png') no-repeat left top; + #background:url('../images/spriteRoundedIconsSmall.gif') no-repeat left top; +} + +.dijitRtl .soria .dijitSliderDecrementIconH { + background:url('../images/spriteRoundedIconsSmall.png') no-repeat -30px top; + #background:url('../images/spriteRoundedIconsSmall.gif') no-repeat -30px top; +} diff --git a/js/dojo/dijit/themes/soria/form/TimeTextBox.css b/js/dojo/dijit/themes/soria/form/TimeTextBox.css new file mode 100644 index 0000000..bf67b66 --- /dev/null +++ b/js/dojo/dijit/themes/soria/form/TimeTextBox.css @@ -0,0 +1 @@ +@CHARSET "UTF-8";
\ No newline at end of file diff --git a/js/dojo/dijit/themes/soria/images/accordionItemActive.gif b/js/dojo/dijit/themes/soria/images/accordionItemActive.gif Binary files differnew file mode 100644 index 0000000..249a153 --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/accordionItemActive.gif diff --git a/js/dojo/dijit/themes/soria/images/accordionItemActive.png b/js/dojo/dijit/themes/soria/images/accordionItemActive.png Binary files differnew file mode 100644 index 0000000..92c7431 --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/accordionItemActive.png diff --git a/js/dojo/dijit/themes/soria/images/buttonActive.png b/js/dojo/dijit/themes/soria/images/buttonActive.png Binary files differnew file mode 100644 index 0000000..f815983 --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/buttonActive.png diff --git a/js/dojo/dijit/themes/soria/images/buttonDisabled.png b/js/dojo/dijit/themes/soria/images/buttonDisabled.png Binary files differnew file mode 100644 index 0000000..f76e4ab --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/buttonDisabled.png diff --git a/js/dojo/dijit/themes/soria/images/buttonEnabled.png b/js/dojo/dijit/themes/soria/images/buttonEnabled.png Binary files differnew file mode 100644 index 0000000..3c55c83 --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/buttonEnabled.png diff --git a/js/dojo/dijit/themes/soria/images/buttonHover.png b/js/dojo/dijit/themes/soria/images/buttonHover.png Binary files differnew file mode 100644 index 0000000..a22ebda --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/buttonHover.png diff --git a/js/dojo/dijit/themes/soria/images/dndCopy.png b/js/dojo/dijit/themes/soria/images/dndCopy.png Binary files differnew file mode 100644 index 0000000..baecd7c --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/dndCopy.png diff --git a/js/dojo/dijit/themes/soria/images/dndMove.png b/js/dojo/dijit/themes/soria/images/dndMove.png Binary files differnew file mode 100644 index 0000000..07f878c --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/dndMove.png diff --git a/js/dojo/dijit/themes/soria/images/dndNoCopy.png b/js/dojo/dijit/themes/soria/images/dndNoCopy.png Binary files differnew file mode 100644 index 0000000..9bf9c33 --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/dndNoCopy.png diff --git a/js/dojo/dijit/themes/soria/images/dndNoMove.png b/js/dojo/dijit/themes/soria/images/dndNoMove.png Binary files differnew file mode 100644 index 0000000..cb8bd8b --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/dndNoMove.png diff --git a/js/dojo/dijit/themes/soria/images/preciseSliderThumb.gif b/js/dojo/dijit/themes/soria/images/preciseSliderThumb.gif Binary files differnew file mode 100644 index 0000000..53b33e5 --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/preciseSliderThumb.gif diff --git a/js/dojo/dijit/themes/soria/images/preciseSliderThumb.png b/js/dojo/dijit/themes/soria/images/preciseSliderThumb.png Binary files differnew file mode 100644 index 0000000..045bf35 --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/preciseSliderThumb.png diff --git a/js/dojo/dijit/themes/soria/images/preciseSliderThumbFocus.gif b/js/dojo/dijit/themes/soria/images/preciseSliderThumbFocus.gif Binary files differnew file mode 100644 index 0000000..8c6f92e --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/preciseSliderThumbFocus.gif diff --git a/js/dojo/dijit/themes/soria/images/preciseSliderThumbFocus.png b/js/dojo/dijit/themes/soria/images/preciseSliderThumbFocus.png Binary files differnew file mode 100644 index 0000000..c235849 --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/preciseSliderThumbFocus.png diff --git a/js/dojo/dijit/themes/soria/images/progressBarAnim.gif b/js/dojo/dijit/themes/soria/images/progressBarAnim.gif Binary files differnew file mode 100644 index 0000000..73e25e1 --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/progressBarAnim.gif diff --git a/js/dojo/dijit/themes/soria/images/progressBarEmpty.png b/js/dojo/dijit/themes/soria/images/progressBarEmpty.png Binary files differnew file mode 100644 index 0000000..04d81df --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/progressBarEmpty.png diff --git a/js/dojo/dijit/themes/soria/images/progressBarFull.png b/js/dojo/dijit/themes/soria/images/progressBarFull.png Binary files differnew file mode 100644 index 0000000..bed17b3 --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/progressBarFull.png diff --git a/js/dojo/dijit/themes/soria/images/sliderEmpty.png b/js/dojo/dijit/themes/soria/images/sliderEmpty.png Binary files differnew file mode 100644 index 0000000..99fbd72 --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/sliderEmpty.png diff --git a/js/dojo/dijit/themes/soria/images/sliderEmptyVertical.png b/js/dojo/dijit/themes/soria/images/sliderEmptyVertical.png Binary files differnew file mode 100644 index 0000000..2d497e3 --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/sliderEmptyVertical.png diff --git a/js/dojo/dijit/themes/soria/images/sliderFull.png b/js/dojo/dijit/themes/soria/images/sliderFull.png Binary files differnew file mode 100644 index 0000000..171eb54 --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/sliderFull.png diff --git a/js/dojo/dijit/themes/soria/images/sliderFullFocus.png b/js/dojo/dijit/themes/soria/images/sliderFullFocus.png Binary files differnew file mode 100644 index 0000000..0956a72 --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/sliderFullFocus.png diff --git a/js/dojo/dijit/themes/soria/images/sliderFullVertical.png b/js/dojo/dijit/themes/soria/images/sliderFullVertical.png Binary files differnew file mode 100644 index 0000000..35845da --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/sliderFullVertical.png diff --git a/js/dojo/dijit/themes/soria/images/sliderFullVerticalFocus.png b/js/dojo/dijit/themes/soria/images/sliderFullVerticalFocus.png Binary files differnew file mode 100644 index 0000000..9b158bb --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/sliderFullVerticalFocus.png diff --git a/js/dojo/dijit/themes/soria/images/sliderThumb.gif b/js/dojo/dijit/themes/soria/images/sliderThumb.gif Binary files differnew file mode 100644 index 0000000..29899a4 --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/sliderThumb.gif diff --git a/js/dojo/dijit/themes/soria/images/sliderThumb.png b/js/dojo/dijit/themes/soria/images/sliderThumb.png Binary files differnew file mode 100644 index 0000000..b6abbd2 --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/sliderThumb.png diff --git a/js/dojo/dijit/themes/soria/images/sliderThumbFocus.gif b/js/dojo/dijit/themes/soria/images/sliderThumbFocus.gif Binary files differnew file mode 100644 index 0000000..f8d306f --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/sliderThumbFocus.gif diff --git a/js/dojo/dijit/themes/soria/images/sliderThumbFocus.png b/js/dojo/dijit/themes/soria/images/sliderThumbFocus.png Binary files differnew file mode 100644 index 0000000..73ee705 --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/sliderThumbFocus.png diff --git a/js/dojo/dijit/themes/soria/images/splitContainerSizerH-thumb.png b/js/dojo/dijit/themes/soria/images/splitContainerSizerH-thumb.png Binary files differnew file mode 100644 index 0000000..0e8f397 --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/splitContainerSizerH-thumb.png diff --git a/js/dojo/dijit/themes/soria/images/splitContainerSizerH.png b/js/dojo/dijit/themes/soria/images/splitContainerSizerH.png Binary files differnew file mode 100644 index 0000000..7cdf79a --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/splitContainerSizerH.png diff --git a/js/dojo/dijit/themes/soria/images/splitContainerSizerV-thumb.png b/js/dojo/dijit/themes/soria/images/splitContainerSizerV-thumb.png Binary files differnew file mode 100644 index 0000000..7f12fed --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/splitContainerSizerV-thumb.png diff --git a/js/dojo/dijit/themes/soria/images/splitContainerSizerV.png b/js/dojo/dijit/themes/soria/images/splitContainerSizerV.png Binary files differnew file mode 100644 index 0000000..9ff14d6 --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/splitContainerSizerV.png diff --git a/js/dojo/dijit/themes/soria/images/spriteArrows.gif b/js/dojo/dijit/themes/soria/images/spriteArrows.gif Binary files differnew file mode 100644 index 0000000..fc81207 --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/spriteArrows.gif diff --git a/js/dojo/dijit/themes/soria/images/spriteArrows.png b/js/dojo/dijit/themes/soria/images/spriteArrows.png Binary files differnew file mode 100644 index 0000000..73aa700 --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/spriteArrows.png diff --git a/js/dojo/dijit/themes/soria/images/spriteCheckbox.gif b/js/dojo/dijit/themes/soria/images/spriteCheckbox.gif Binary files differnew file mode 100644 index 0000000..d2c4ebf --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/spriteCheckbox.gif diff --git a/js/dojo/dijit/themes/soria/images/spriteCheckbox.png b/js/dojo/dijit/themes/soria/images/spriteCheckbox.png Binary files differnew file mode 100644 index 0000000..e992330 --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/spriteCheckbox.png diff --git a/js/dojo/dijit/themes/soria/images/spriteDivIcons.gif b/js/dojo/dijit/themes/soria/images/spriteDivIcons.gif Binary files differnew file mode 100644 index 0000000..f5c58e4 --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/spriteDivIcons.gif diff --git a/js/dojo/dijit/themes/soria/images/spriteDivIcons.png b/js/dojo/dijit/themes/soria/images/spriteDivIcons.png Binary files differnew file mode 100644 index 0000000..d76325f --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/spriteDivIcons.png diff --git a/js/dojo/dijit/themes/soria/images/spriteRadio.gif b/js/dojo/dijit/themes/soria/images/spriteRadio.gif Binary files differnew file mode 100644 index 0000000..8dd6e57 --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/spriteRadio.gif diff --git a/js/dojo/dijit/themes/soria/images/spriteRadio.png b/js/dojo/dijit/themes/soria/images/spriteRadio.png Binary files differnew file mode 100644 index 0000000..14c1080 --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/spriteRadio.png diff --git a/js/dojo/dijit/themes/soria/images/spriteRoundedIconsSmall.gif b/js/dojo/dijit/themes/soria/images/spriteRoundedIconsSmall.gif Binary files differnew file mode 100644 index 0000000..795ea84 --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/spriteRoundedIconsSmall.gif diff --git a/js/dojo/dijit/themes/soria/images/spriteRoundedIconsSmall.png b/js/dojo/dijit/themes/soria/images/spriteRoundedIconsSmall.png Binary files differnew file mode 100644 index 0000000..10c0d13 --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/spriteRoundedIconsSmall.png diff --git a/js/dojo/dijit/themes/soria/images/spriteRoundedIconsSmallBl.gif b/js/dojo/dijit/themes/soria/images/spriteRoundedIconsSmallBl.gif Binary files differnew file mode 100644 index 0000000..6758181 --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/spriteRoundedIconsSmallBl.gif diff --git a/js/dojo/dijit/themes/soria/images/spriteRoundedIconsSmallBl.png b/js/dojo/dijit/themes/soria/images/spriteRoundedIconsSmallBl.png Binary files differnew file mode 100644 index 0000000..2c9f51a --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/spriteRoundedIconsSmallBl.png diff --git a/js/dojo/dijit/themes/soria/images/spriteTree.gif b/js/dojo/dijit/themes/soria/images/spriteTree.gif Binary files differnew file mode 100644 index 0000000..e546e28 --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/spriteTree.gif diff --git a/js/dojo/dijit/themes/soria/images/spriteTree.png b/js/dojo/dijit/themes/soria/images/spriteTree.png Binary files differnew file mode 100644 index 0000000..33ae07b --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/spriteTree.png diff --git a/js/dojo/dijit/themes/soria/images/spriteTree_rtl.gif b/js/dojo/dijit/themes/soria/images/spriteTree_rtl.gif Binary files differnew file mode 100644 index 0000000..bbcc64b --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/spriteTree_rtl.gif diff --git a/js/dojo/dijit/themes/soria/images/spriteTree_rtl.png b/js/dojo/dijit/themes/soria/images/spriteTree_rtl.png Binary files differnew file mode 100644 index 0000000..b06afdb --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/spriteTree_rtl.png diff --git a/js/dojo/dijit/themes/soria/images/tabBottomActiveC.gif b/js/dojo/dijit/themes/soria/images/tabBottomActiveC.gif Binary files differnew file mode 100644 index 0000000..fb61df9 --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/tabBottomActiveC.gif diff --git a/js/dojo/dijit/themes/soria/images/tabBottomActiveSpriteLR.gif b/js/dojo/dijit/themes/soria/images/tabBottomActiveSpriteLR.gif Binary files differnew file mode 100644 index 0000000..7c2ed86 --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/tabBottomActiveSpriteLR.gif diff --git a/js/dojo/dijit/themes/soria/images/tabBottomEnabledC.gif b/js/dojo/dijit/themes/soria/images/tabBottomEnabledC.gif Binary files differnew file mode 100644 index 0000000..0a5f0f8 --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/tabBottomEnabledC.gif diff --git a/js/dojo/dijit/themes/soria/images/tabBottomEnabledSpriteLR.gif b/js/dojo/dijit/themes/soria/images/tabBottomEnabledSpriteLR.gif Binary files differnew file mode 100644 index 0000000..a77da39 --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/tabBottomEnabledSpriteLR.gif diff --git a/js/dojo/dijit/themes/soria/images/tabBottomHoverC.gif b/js/dojo/dijit/themes/soria/images/tabBottomHoverC.gif Binary files differnew file mode 100644 index 0000000..47b9da2 --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/tabBottomHoverC.gif diff --git a/js/dojo/dijit/themes/soria/images/tabBottomHoverSpriteLR.gif b/js/dojo/dijit/themes/soria/images/tabBottomHoverSpriteLR.gif Binary files differnew file mode 100644 index 0000000..59f3edd --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/tabBottomHoverSpriteLR.gif diff --git a/js/dojo/dijit/themes/soria/images/tabContainerSprite.gif b/js/dojo/dijit/themes/soria/images/tabContainerSprite.gif Binary files differnew file mode 100644 index 0000000..f0b3842 --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/tabContainerSprite.gif diff --git a/js/dojo/dijit/themes/soria/images/tabLeftChecked.gif b/js/dojo/dijit/themes/soria/images/tabLeftChecked.gif Binary files differnew file mode 100644 index 0000000..3e7475a --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/tabLeftChecked.gif diff --git a/js/dojo/dijit/themes/soria/images/tabRightChecked.gif b/js/dojo/dijit/themes/soria/images/tabRightChecked.gif Binary files differnew file mode 100644 index 0000000..ec4b659 --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/tabRightChecked.gif diff --git a/js/dojo/dijit/themes/soria/images/tabStripe.gif b/js/dojo/dijit/themes/soria/images/tabStripe.gif Binary files differnew file mode 100644 index 0000000..51a2d40 --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/tabStripe.gif diff --git a/js/dojo/dijit/themes/soria/images/tabStripeBottom.gif b/js/dojo/dijit/themes/soria/images/tabStripeBottom.gif Binary files differnew file mode 100644 index 0000000..41b1ac0 --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/tabStripeBottom.gif diff --git a/js/dojo/dijit/themes/soria/images/tabStripeLeft.gif b/js/dojo/dijit/themes/soria/images/tabStripeLeft.gif Binary files differnew file mode 100644 index 0000000..b2214fa --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/tabStripeLeft.gif diff --git a/js/dojo/dijit/themes/soria/images/tabStripeRight.gif b/js/dojo/dijit/themes/soria/images/tabStripeRight.gif Binary files differnew file mode 100644 index 0000000..bff3115 --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/tabStripeRight.gif diff --git a/js/dojo/dijit/themes/soria/images/titleBar.png b/js/dojo/dijit/themes/soria/images/titleBar.png Binary files differnew file mode 100644 index 0000000..93c4146 --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/titleBar.png diff --git a/js/dojo/dijit/themes/soria/images/titleBarActive.png b/js/dojo/dijit/themes/soria/images/titleBarActive.png Binary files differnew file mode 100644 index 0000000..fb8a2e6 --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/titleBarActive.png diff --git a/js/dojo/dijit/themes/soria/images/tooltipConnectorDown.gif b/js/dojo/dijit/themes/soria/images/tooltipConnectorDown.gif Binary files differnew file mode 100644 index 0000000..9c38495 --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/tooltipConnectorDown.gif diff --git a/js/dojo/dijit/themes/soria/images/tooltipConnectorDown.png b/js/dojo/dijit/themes/soria/images/tooltipConnectorDown.png Binary files differnew file mode 100644 index 0000000..d75af71 --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/tooltipConnectorDown.png diff --git a/js/dojo/dijit/themes/soria/images/tooltipConnectorLeft.gif b/js/dojo/dijit/themes/soria/images/tooltipConnectorLeft.gif Binary files differnew file mode 100644 index 0000000..fc947e0 --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/tooltipConnectorLeft.gif diff --git a/js/dojo/dijit/themes/soria/images/tooltipConnectorLeft.png b/js/dojo/dijit/themes/soria/images/tooltipConnectorLeft.png Binary files differnew file mode 100644 index 0000000..f3de66a --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/tooltipConnectorLeft.png diff --git a/js/dojo/dijit/themes/soria/images/tooltipConnectorRight.gif b/js/dojo/dijit/themes/soria/images/tooltipConnectorRight.gif Binary files differnew file mode 100644 index 0000000..b0e8097 --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/tooltipConnectorRight.gif diff --git a/js/dojo/dijit/themes/soria/images/tooltipConnectorRight.png b/js/dojo/dijit/themes/soria/images/tooltipConnectorRight.png Binary files differnew file mode 100644 index 0000000..3d62dcd --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/tooltipConnectorRight.png diff --git a/js/dojo/dijit/themes/soria/images/tooltipConnectorUp.gif b/js/dojo/dijit/themes/soria/images/tooltipConnectorUp.gif Binary files differnew file mode 100644 index 0000000..54bcf65 --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/tooltipConnectorUp.gif diff --git a/js/dojo/dijit/themes/soria/images/tooltipConnectorUp.png b/js/dojo/dijit/themes/soria/images/tooltipConnectorUp.png Binary files differnew file mode 100644 index 0000000..7f7a5d8 --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/tooltipConnectorUp.png diff --git a/js/dojo/dijit/themes/soria/images/treeExpand_loading.gif b/js/dojo/dijit/themes/soria/images/treeExpand_loading.gif Binary files differnew file mode 100644 index 0000000..db9ddd0 --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/treeExpand_loading.gif diff --git a/js/dojo/dijit/themes/soria/images/treeHover.png b/js/dojo/dijit/themes/soria/images/treeHover.png Binary files differnew file mode 100644 index 0000000..cd6d28b --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/treeHover.png diff --git a/js/dojo/dijit/themes/soria/images/treeI.gif b/js/dojo/dijit/themes/soria/images/treeI.gif Binary files differnew file mode 100644 index 0000000..6f669e2 --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/treeI.gif diff --git a/js/dojo/dijit/themes/soria/images/treeI_half.gif b/js/dojo/dijit/themes/soria/images/treeI_half.gif Binary files differnew file mode 100644 index 0000000..e5fd015 --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/treeI_half.gif diff --git a/js/dojo/dijit/themes/soria/images/treeI_half_rtl.gif b/js/dojo/dijit/themes/soria/images/treeI_half_rtl.gif Binary files differnew file mode 100644 index 0000000..44ad021 --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/treeI_half_rtl.gif diff --git a/js/dojo/dijit/themes/soria/images/treeI_rtl.gif b/js/dojo/dijit/themes/soria/images/treeI_rtl.gif Binary files differnew file mode 100644 index 0000000..0d32a2f --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/treeI_rtl.gif diff --git a/js/dojo/dijit/themes/soria/images/validationInputBg.gif b/js/dojo/dijit/themes/soria/images/validationInputBg.gif Binary files differnew file mode 100644 index 0000000..c28475c --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/validationInputBg.gif diff --git a/js/dojo/dijit/themes/soria/images/validationInputBg.png b/js/dojo/dijit/themes/soria/images/validationInputBg.png Binary files differnew file mode 100644 index 0000000..f3039f9 --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/validationInputBg.png diff --git a/js/dojo/dijit/themes/soria/images/warning.png b/js/dojo/dijit/themes/soria/images/warning.png Binary files differnew file mode 100644 index 0000000..c52f83d --- /dev/null +++ b/js/dojo/dijit/themes/soria/images/warning.png diff --git a/js/dojo/dijit/themes/soria/layout/AccordionContainer.css b/js/dojo/dijit/themes/soria/layout/AccordionContainer.css new file mode 100644 index 0000000..3e2d22d --- /dev/null +++ b/js/dojo/dijit/themes/soria/layout/AccordionContainer.css @@ -0,0 +1,46 @@ +/** + * dijit.layout.Accordioncontainer + * + */ + +.soria .dijitAccordionContainer { + border-color: #b1badf; + background-color: #fff; +} + +/* common */ + +.soria .dijitAccordionTitle { + background:#fafafa url("../images/titleBar.png") repeat-x top left; + border-top: 1px solid #b9bbdd; + padding: 5px 4px 6px 8px; + font-size: 0.9em; + font-weight: bold; + color: #373941; +} + +.soria .dijitAccordionTitleSelected { + background: #f9f9f9 url("../images/accordionItemActive.png") top repeat-x; + font-weight: bold; + border-top: 1px solid #b9bbdd; + border-bottom: 1px solid #b9bbdd; + padding: 5px 4px 5px 8px; + color: #243C5F; +} + +.soria .dijitAccordionArrow { + background:url("../images/spriteRoundedIconsSmallBl.gif") no-repeat -30px top; + width:15px; + height:15px; + margin-top:-1px; +} + +.soria .dijitAccordionTitleSelected .dijitAccordionArrow { + background:url("../images/spriteRoundedIconsSmallBl.gif") no-repeat -15px top; + margin-top:-1px; +} + +.soria .dijitAccordionText { + margin-left: 4px; + margin-right: 4px; +}
\ No newline at end of file diff --git a/js/dojo/dijit/themes/soria/layout/AccordionContainer_rtl.css b/js/dojo/dijit/themes/soria/layout/AccordionContainer_rtl.css new file mode 100644 index 0000000..c6bb820 --- /dev/null +++ b/js/dojo/dijit/themes/soria/layout/AccordionContainer_rtl.css @@ -0,0 +1,8 @@ +.dijitRtl .soria .dijitAccordionArrow { + background-position: 0 top; +} + +.dijitRtl .soria .dijitAccordionTitleSelected .dijitAccordionArrow { + /* same rule as LTR mode, just listed to override previous rule in this file */ + background-position: -15px top; +} diff --git a/js/dojo/dijit/themes/soria/layout/BorderContainer.css b/js/dojo/dijit/themes/soria/layout/BorderContainer.css new file mode 100644 index 0000000..63f2bf3 --- /dev/null +++ b/js/dojo/dijit/themes/soria/layout/BorderContainer.css @@ -0,0 +1,77 @@ +/** + * dijit.layout.BorderContainer + * + */ + +.soria .dijitBorderContainer { + background-color: #e1ebfb; + padding: 5px; +} + +.soria .dijitSplitContainer-child, +.soria .dijitBorderContainer-child { + /* By default put borders on all children of BorderContainer, + * to give illusion of borders on the splitters themselves. + */ + border: 1px #b1badf solid; +} + +.soria .dijitBorderContainer-dijitTabContainerTop, +.soria .dijitBorderContainer-dijitTabContainerBottom, +.soria .dijitBorderContainer-dijitTabContainerLeft, +.soria .dijitBorderContainer-dijitTabContainerRight { + /* except that TabContainer defines borders on it's sub-nodes (tablist and dijitTabPaneWrapper), + * so no border on domNode + */ + border: none; +} + +.soria .dijitBorderContainer-dijitBorderContainer { + /* also, make nested BorderContainers look like a single big widget with lots of splitters */ + border: none; + padding: 0; +} + + +.soria .dijitSplitterH, +.soria .dijitGutterH { + background: #E1EBFB; + border:0; + border-left:0 solid #d3d3d3; + border-right:0 solid #d3d3d3; + height:5px; +} + +.soria .dijitSplitterH .dijitSplitterThumb { + background:#B0B0B0 none; + height:1px; + top:2px; + width:19px; +} + +.soria .dijitSplitterV, +.soria .dijitGutterV { + background: #E1EBFB; + border:0; + border-top:0 solid #d3d3d3; + border-bottom:0 solid #d3d3d3; + width:5px; +} + +.soria .dijitSplitterV .dijitSplitterThumb { + background:#B0B0B0 none; + height:19px; + left:2px; + width:1px; +} + +/* active splitter */ +.soria .dijitSplitterActive { + font-size: 1px; + background-image: none; + background-color: #aaa; + -moz-opacity: 0.6; + opacity: 0.6; + filter: Alpha(Opacity=60); + margin: 0; +}
\ No newline at end of file diff --git a/js/dojo/dijit/themes/soria/layout/ContentPane.css b/js/dojo/dijit/themes/soria/layout/ContentPane.css new file mode 100644 index 0000000..32398dc --- /dev/null +++ b/js/dojo/dijit/themes/soria/layout/ContentPane.css @@ -0,0 +1,21 @@ +/* ContentPane */ + +.soria .dijitContentPane { + padding: 0; +} + +/* nested layouts */ +.soria .dijitTabContainerTop-dijitContentPane, +.soria .dijitTabContainerLeft-dijitContentPane, +.soria .dijitTabContainerBottom-dijitContentPane, +.soria .dijitTabContainerRight-dijitContentPane, +.soria .dijitAccordionContainer-dijitContentPane { + background-color: #fff; + padding: 5px; +} + +.soria .dijitSplitContainer-dijitContentPane, +.soria .dijitBorderContainer-dijitContentPane { + background-color: #fff; /* override background-color setting on parent .dijitBorderContainer */ + padding: 5px; +}
\ No newline at end of file diff --git a/js/dojo/dijit/themes/soria/layout/SplitContainer.css b/js/dojo/dijit/themes/soria/layout/SplitContainer.css new file mode 100644 index 0000000..bf7ca16 --- /dev/null +++ b/js/dojo/dijit/themes/soria/layout/SplitContainer.css @@ -0,0 +1,34 @@ +/** + * dijit.layout.SplitContainer + * + */ + +.soria .dijitSplitContainerSizerH { + background:url("../images/splitContainerSizerV.png") repeat-y #cddef4; + border:0; + border-left:0 solid #436496; + border-right:0 solid #436496; + width:5px; +} + +.soria .dijitSplitContainerSizerH .thumb { + background:url("../images/splitContainerSizerV-thumb.png") no-repeat #ccc; + left:1px; + width:2px; + height:19px; +} + +.soria .dijitSplitContainerSizerV { + background:url("../images/splitContainerSizerH.png") repeat-x #cddef4; + border:0; + border-top:0 solid #436496; + border-bottom:0 solid #436496; + height:2px; +} + +.soria .dijitSplitContainerSizerV .thumb { + background:url("../images/splitContainerSizerH-thumb.png") no-repeat #ccc; + top:1px; + width:19px; + height:5px; +}
\ No newline at end of file diff --git a/js/dojo/dijit/themes/soria/layout/TabContainer.css b/js/dojo/dijit/themes/soria/layout/TabContainer.css new file mode 100644 index 0000000..b96d169 --- /dev/null +++ b/js/dojo/dijit/themes/soria/layout/TabContainer.css @@ -0,0 +1,492 @@ +/** + * dijit.layout.TabContainer + * + * To style TabContainer with rounded corners + * you can use these classes: .dijitTab (left), .dijitTabContent (center), dijitTabInnerDiv (right) + * For tabs aligned to top you can style a stripe div right underneath the tabs using .dijitTabStripe + */ + +/* Classes for all types of tabs (top/bottom/left/right) */ + + .soria .dijitTabContainer .tabStripRBtn { + margin-right: 21px; +} + .soria .dijitTabContainer .tabStripLBtn { + margin-left: 21px; +} + + .soria .nowrapTabStrip .dijitTab { + top: 2px; +} + + .soria .dijitTabContainerBottom-tabs .dijitTab { + top: -1px; + bottom: 2px; +} + +/* Tabs, shared classes */ +.soria .dijitTabPaneWrapper { + background:#fff; + border:1px solid #B1BADF; + margin: 0; + padding-left: 0; +} + +.soria .dijitTabInnerDiv { + padding:0 3px 0 0; + margin: 0 0 0 4px; + background: url("../images/tabContainerSprite.gif") no-repeat; + background-position: right -400px; +} + +.soria .dijitTab { + line-height:normal; + margin:0 2px 0 0; /* space between one tab and the next in top/bottom mode */ + padding:0; + background: url("../images/tabContainerSprite.gif") no-repeat 0 -300px; + color: #243C5F; + border-bottom: 1px #B1BADF solid; +} + +.soria .dijitTabInnerDiv .dijitTabContent { + padding:4px 3px 2px 4px; + background: url("../images/tabContainerSprite.gif") repeat-x 0 -350px; + position: relative; +} + + + +.soria .dijitTabListWrapper { + z-index: 10; +} + +/* hovered tab */ +.soria .dijitTabHover { + color: #243C5F; + background: url("../images/tabContainerSprite.gif") no-repeat 0 -150px; +} + +.soria .dijitTabHover .dijitTabInnerDiv { + background: url("../images/tabContainerSprite.gif") no-repeat right -250px; +} + +.soria .dijitTabHover .dijitTabInnerDiv .dijitTabContent { + background: url("../images/tabContainerSprite.gif") repeat-x 0 -200px; +} + +/* checked tab*/ +.soria .dijitTabChecked +{ + /* the selected tab (with or without hover) */ + background: url("../images/tabContainerSprite.gif") no-repeat 0 -0; +} + +.soria .dijitTabChecked .dijitTabInnerDiv { + background: url("../images/tabContainerSprite.gif") no-repeat right -100px; +} + +.soria .dijitTabChecked .dijitTabInnerDiv .dijitTabContent { + background: url("../images/tabContainerSprite.gif") repeat-x 0 -50px; + color: #243C5F !important; +} + +/* Nested Tabs */ + +.soria .dijitTabContainerTabListNested { + background: #F0F4FC; + background: #D9E9F9; + border: none; +} +.soria .dijitTabContainerTabListNested .dijitTab { + background: none; + border: none; + top: 0; /* override top:1px setting of top-level tabs */ +} +.soria .dijitTabContainerTabListNested .dijitTab .dijitTabInnerDiv, +.soria .dijitTabContainerTabListNested .dijitTab .dijitTabContent { + background: none; +} +.soria .dijitTabContainerTabListNested .dijitTabHover .dijitTabContent .tabLabel { + text-decoration: underline; +} +.soria .dijitTabContainerTabListNested .dijitTabChecked .tabLabel { + text-decoration: underline; + font-weight: bold; +} +.soria .dijitTabContainerSpacerNested .dijitTabSpacer { + /* thinner line between tab (labels) and content */ + height: 0; +} +.soria .dijitTabPaneWrapperNested { + border: none; /* prevent double border */ +} + + +/* Close Button */ +.soria .dijitTabCloseButton { + width: 15px; + height: 15px; + background: url("../images/spriteRoundedIconsSmall.png") no-repeat -60px top; + margin-top: -1px; +} +.dj_ie6 .soria .dijitTabCloseButton { + background: url("../images/spriteRoundedIconsSmall.gif") no-repeat -60px top; +} + +.soria .dijitTabCloseButtonHover { + background: url("../images/spriteRoundedIconsSmall.png") no-repeat -60px -15px; +} +.dj_ie6 .soria .dijitTabCloseButtonHover { + background: url("../images/spriteRoundedIconsSmall.gif") no-repeat -60px -15px; +} + +/* ================================ */ +/* top tabs */ +.soria .dijitTabContainerTop-tabs { + border-color: #B1BADF; + padding-left: 3px; +} + +.soria .dijitTabContainerTopNoStrip { + padding-top: 3px; +} + +/* top container */ +.soria .dijitTabContainerTop-container { + border-top: none; +} + +.soria .dijitTabContainerTop .dijitTabListWrapper { + border-bottom: none; +} + +/*non-checked tabs */ +.soria .dijitTabContainerTop-tabs .dijitTab { + top: 1px; +} + +/* checked tabs */ +.soria .dijitTabContainerTop-tabs .dijitTabChecked { + border-bottom-color: #94b4e6; +} + +/* strip */ +.soria .dijitTabContainerTopStrip { + border: 1px solid #B1BADF; + margin-top: 1px; + padding-top: 1px; + background: #F0F4FC; +} + +.soria .dijitTabContainerTopStrip .dijitTabContainerTop-tabs { + padding-left: 3px; +} + + +.soria .dijitTabContainerNested .dijitTabListWrapper { + height: auto; +} + +/* ================================ */ +/* bottom tabs */ +.soria .dijitTabContainerBottom-tabs { + margin-top: -1px; + padding-left: 3px; + border-top: 1px solid #B1BADF; +} + +.soria .dijitTabContainerBottom .dijitTabListWrapper { + border-top: none; + padding-top: 1px; + padding-bottom: 1px; + float: left; +} + +/* bottom container */ +.soria .dijitTabContainerBottom-container { + border-bottom: none; +} + +.soria .dijitTabContainerBottom-tabs .dijitTab { + border-bottom: none; + border-top: 1px solid #B1BADF; + background: url("../images/tabBottomEnabledSpriteLR.gif") no-repeat bottom left; +} + +/* checked tabs */ +.soria .dijitTabContainerBottom-tabs .dijitTabChecked { + border-top-color:#94b4e6; +} + + +.soria .dijitTabContainerBottom-tabs .dijitTabInnerDiv .dijitTabContent { + padding-top: 3px; + padding-bottom: 3px; + background: url("../images/tabBottomEnabledC.gif") repeat-x bottom left; +} + +.soria .dijitTabContainerBottom-tabs .dijitTabInnerDiv { + background: url("../images/tabBottomEnabledSpriteLR.gif") no-repeat bottom right; +} + +.soria .dijitTabContainerBottom-tabs .dijitTabHover { + color: #243C5F; + background: url("../images/tabBottomHoverSpriteLR.gif") no-repeat bottom left; +} + +.soria .dijitTabContainerBottom-tabs .dijitTabHover .dijitTabInnerDiv { + background: url("../images/tabBottomHoverSpriteLR.gif") no-repeat bottom right; +} + +.soria .dijitTabContainerBottom-tabs .dijitTabHover .dijitTabInnerDiv .dijitTabContent { + background: url("../images/tabBottomHoverC.gif") repeat-x bottom left; +} + +.soria .dijitTabContainerBottom-tabs .dijitTabChecked { + /* the selected tab (with or without hover) */ + background: url("../images/tabBottomActiveSpriteLR.gif") no-repeat bottom left; +} + +.soria .dijitTabContainerBottom-tabs .dijitTabChecked .dijitTabInnerDiv { + background: url("../images/tabBottomActiveSpriteLR.gif") no-repeat bottom right; +} + +.soria .dijitTabContainerBottom-tabs .dijitTabChecked .dijitTabInnerDiv .dijitTabContent { + background: url("../images/tabBottomActiveC.gif") repeat-x bottom left; +} + +/* strip */ +.soria .dijitTabContainerBottomStrip { + padding-bottom: 2px; + border: 1px solid #B1BADF; +} + +.soria .dijitTabContainerBottomStrip { + background: #F0F4FC; +} + +/* top/bottom strip */ +.soria .dijitTabContainerBottom-spacer, +.soria .dijitTabContainerTop-spacer { + height: 2px; + border: 1px solid #8ba0bd; + background: #94b4e6; +} + +.soria .dijitTabContainerTop-spacer { + border-top: none; +} + +.soria .dijitTabContainerBottom-spacer { + border-bottom: none; +} + +/* ================================ */ +/* right tabs */ +.soria .dijitTabContainerRight-tabs { + height: 100%; + border-color: #ccc; + padding-top: 3px; +} + +/* right container */ +.soria .dijitTabContainerRight-container { + border-right: none; +} + +.soria .dijitTabContainerRight-tabs .dijitTab { + border-bottom: none; + border-left: 1px solid #B1BADF; + border-bottom: 1px solid #B1BADF !important; +} + + +/* some odd ie bug when borders dissapear when setting a bottom margin, this sortof helps */ +.dj_ie6 .soria .dijitTabContainerRight-tabs .dijitTabInnerDiv, +.dj_ie7 .soria .dijitTabContainerRight-tabs .dijitTabInnerDiv { + border-bottom: solid #B1BADF 1px; + margin-bottom: -1px; +} + +/* checked tabs */ +.soria .dijitTabContainerRight-tabs .dijitTabChecked { + border-left-color: #94b4e6; +} + +.soria .dijitTabContainerRight-tabs .dijitTabChecked { + background: url("../images/tabRightChecked.gif") no-repeat left top !important; +} + +/* some odd ie bug when borders dissapear when setting a bottom margin, this sortof helps */ +.dj_ie6 .soria .dijitTabContainerRight-tabs .dijitTabChecked .dijitTabInnerDiv, +.dj_ie7 .soria .dijitTabContainerRight-tabs .dijitTabChecked .dijitTabInnerDiv, +.dj_ie6 .soria .dijitTabContainerRight-tabs .dijitTabCheckedHover .dijitTabInnerDiv, +.dj_ie7 .soria .dijitTabContainerRight-tabs .dijitTabCheckedHover .dijitTabInnerDiv { + border-bottom: solid #94b4e6 1px; + margin-bottom: -1px; +} + +.soria .dijitTabContainerRight-tabs .dijitTab { + background: url("../images/tabContainerSprite.gif") no-repeat left -350px; +} +.soria .dijitTabContainerRight-tabs .dijitTabHover .dijitTab { + background: url("../images/tabContainerSprite.gif") no-repeat left -200px; +} + +/* strip */ +.soria .dijitTabContainerRightStrip { + padding-right: 2px; + border: 1px solid #B1BADF; + background: #F0F4FC; + border-left: none; +} + +/* ================================ */ +/* left tabs */ +.soria .dijitTabContainerLeft-tabs { + border-color: #ccc; + padding-top: 3px; + height: 100%; +} + +/* left conatiner */ +.soria .dijitTabContainerLeft-container { + border-left: none; +} + +.soria .dijitTabContainerLeft-tabs .dijitTab { + border-right: 1px solid #B1BADF; + border-bottom: 1px solid #B1BADF; +} + +/* checked tabs */ +.soria .dijitTabContainerLeft-tabs .dijitTabChecked { + border-right: 1px solid #94b4e6; +} + +.soria .dijitTabContainerLeft-tabs .dijitTabInnerDiv { + background: url("../images/tabContainerSprite.gif") no-repeat right -350px; +} +.soria .dijitTabContainerLeft-tabs .dijitTabHover .dijitTabInnerDiv { + background: url("../images/tabContainerSprite.gif") no-repeat right -200px; +} +.soria .dijitTabContainerLeft-tabs .dijitTabChecked .dijitTabInnerDiv, +.soria .dijitTabContainerLeft-tabs .dijitTabCheckedHover .dijitTabInnerDiv { + background: url("../images/tabLeftChecked.gif") no-repeat right top; +} + +.dj_ie6 .soria .dijitTabContainerLeft-tabs .dijitTabInnerDiv, +.dj_ie7 .soria .dijitTabContainerLeft-tabs .dijitTabInnerDiv { + border-bottom: solid #B1BADF 1px; + margin-bottom: -1px; +} + +.dj_ie6 .soria .dijitTabContainerLeft-tabs .dijitTabChecked .dijitTabInnerDiv, +.dj_ie7 .soria .dijitTabContainerLeft-tabs .dijitTabChecked .dijitTabInnerDiv, +.dj_ie6 .soria .dijitTabContainerLeft-tabs .dijitTabCheckedHover .dijitTabInnerDiv, +.dj_ie7 .soria .dijitTabContainerLeft-tabs .dijitTabCheckedHover .dijitTabInnerDiv { + border-bottom: solid #94b4e6 1px; + margin-bottom: -1px; +} + +/* strip */ +.soria .dijitTabContainerLeftStrip { + padding-left: 2px; + border: 1px solid #B1BADF; + background: #F0F4FC; + border-right: none; +} + +/* ================================ */ +/* left/right tabs */ +.soria .dijitTabContainerLeft-tabs .dijitTab, +.soria .dijitTabContainerRight-tabs .dijitTab { + margin-right:auto; + margin-bottom:2px; /* space between one tab and the next in left/right mode */ +} + +/* left/right tabstrip */ +.soria .dijitTabContainerLeft-spacer, +.soria .dijitTabContainerRight-spacer { + width: 2px; + border: 1px solid #8ba0bd; + background: #94b4e6; +} + +.soria .dijitTabContainerLeft-spacer { + border-left: none; +} +.soria .dijitTabContainerRight-spacer { + border-right: none; +} +/* ================================ */ + +/* this resets the tabcontainer stripe when within a contentpane */ +.soria .dijitTabContainerTop-dijitContentPane .dijitTabContainerTop-tabs { + border-left: 0 solid #ccc; + border-top: 0 solid #ccc; + border-right: 0 solid #ccc; + padding-top: 0; + padding-left: 0; +} + + +/* ================================ */ + +/* Menu and slider control styles */ +.soria .dijitTabContainer .tabStripButton { + margin-right: 0; +} +.soria .dijitTabContainer .tabStripButton-top { + margin-top: 1px; +} + +.soria .tabStripButton .dijitTabContent{ + padding: 6px 0 5px 0; +} + +.dj_ie6 .soria .tabStripButton .dijitTabContent, +.dj_ie7 .soria .tabStripButton .dijitTabContent { + padding-top: 7px; +} + +.soria .tabStrip-disabled .tabStripButton .dijitTabContent { + padding: 5px 0 3px 0; +} + +.dj_ie6 .soria .tabStrip-disabled .tabStripButton .dijitTabContent, +.dj_ie7 .soria .tabStrip-disabled .tabStripButton .dijitTabContent { + padding-top: 6px; +} + +.soria .dijitTabContainer .tabStripButton-bottom { + background: transparent url(../images/tabBottomEnabledSpriteLR.gif) no-repeat scroll left bottom; + border-bottom: medium none; + border-top: 1px solid #B1BADF; +} + +.soria .dijitTabContainer .tabStripButton-bottom .dijitTabInnerDiv { + background: transparent url(../images/tabBottomEnabledSpriteLR.gif) no-repeat scroll right bottom; +} + +.soria .dijitTabContainer .tabStripButton-bottom .dijitTabContent { + background: transparent; +} + +.soria .dijitTabStripIcon { + height: 14px; + width: 14px; + background: url(../images/spriteRoundedIconsSmall.png) no-repeat left top ; +} + +.dj_ie6 .soria .dijitTabStripIcon { + background-image: url(../images/spriteRoundedIconsSmall.gif); +} + +.soria .dijitTabStripSlideRightIcon { + background-position: -30px top; +} + +.soria .dijitTabStripMenuIcon { + background-position: -15px top; +}
\ No newline at end of file diff --git a/js/dojo/dijit/themes/soria/layout/TabContainer_rtl.css b/js/dojo/dijit/themes/soria/layout/TabContainer_rtl.css new file mode 100644 index 0000000..eba3963 --- /dev/null +++ b/js/dojo/dijit/themes/soria/layout/TabContainer_rtl.css @@ -0,0 +1,43 @@ +.dijitRtl .soria .dijitTab { + margin-right:0; + margin-left:2px; /* space between one tab and the next in top/bottom mode */ +} + +/* tab strips */ +.dijitRtl .soria .dijitTabContainer .tabStripButton { + margin-left: 0; +} + +.dijitRtl .soria .dijitTabContainerTopStrip, +.dijitRtl .soria .dijitTabContainerBottomStrip, +.dijitRtl .soria .dijitTabContainerTop-tabs, +.dijitRtl .soria .dijitTabContainerBottom-tabs { + padding-left: 0; + padding-right: 3px; +} + +.dijitRtl .soria .dijitTabInnerDiv { + padding-left: 3px; + padding-right: 4px; +} + +.dijitRtl .soria .dijitTabPaneWrapper { + #zoom: 1; +} + +.dj_ie-rtl .soria .dijitTabContainerLeft-tabs { + margin-left: 0 !important; +} + +.dj_ie-rtl .soria .dijitTabContainerRight-tabs { + margin-right: 0 !important; +} + +.dijitRtl .soria .dijitTabContainerLeft-tabs .dijitTab, +.dijitRtl .soria .dijitTabContainerRight-tabs .dijitTab { + margin-left:0; +} + +.dj_ie-rtl .soria .dijitTab .dijitTabInnerDiv{ + width : 1%; +}
\ No newline at end of file diff --git a/js/dojo/dijit/themes/soria/soria.css b/js/dojo/dijit/themes/soria/soria.css new file mode 100644 index 0000000..36471d0 --- /dev/null +++ b/js/dojo/dijit/themes/soria/soria.css @@ -0,0 +1,41 @@ +/* + Adds cosmetic styling to Dijit. Users may swap with a custom theme CSS file. + + NOTES: + --- + Dialog.css contains css classes for both Dialog and Tooltip! + This because currently a dijit.TooltipDialog exist. Until this is resolved + you need to include Dialog.css for both dijits + --- + Toolbar.css contains classes also used in Editor. Until this is resolved + you need to include Toolbar.css for both Toolbar and Editor + --- + Button.css contains classes for combobox, + +*/ + +@import url("../dijit.css"); +@import url("../../icons/commonIcons.css");/*sprite containing common icons to be used by all themes*/ +@import url("Common.css"); +@import url("layout/ContentPane.css"); +@import url("layout/TabContainer.css"); +@import url("layout/AccordionContainer.css"); +@import url("layout/SplitContainer.css"); +@import url("layout/BorderContainer.css"); +@import url("form/Common.css"); +@import url("form/Button.css"); +@import url("form/Checkbox.css"); +@import url("form/RadioButton.css"); +@import url("form/Slider.css"); +@import url("form/Select.css"); +@import url("Tree.css"); +@import url("ProgressBar.css"); +@import url("TitlePane.css"); +@import url("Calendar.css"); +@import url("TimePicker.css"); +@import url("Toolbar.css"); +@import url("Dialog.css"); +@import url("Menu.css"); +@import url("Editor.css"); +@import url("../../icons/editorIcons.css"); /* sprite for editor icons to be used by all themes */ +@import url("ColorPalette.css");
\ No newline at end of file diff --git a/js/dojo/dijit/themes/soria/soria_rtl.css b/js/dojo/dijit/themes/soria/soria_rtl.css new file mode 100644 index 0000000..b804011 --- /dev/null +++ b/js/dojo/dijit/themes/soria/soria_rtl.css @@ -0,0 +1,29 @@ +/* + Adds cosmetic styling to Dijit. Users may swap with a custom theme CSS file. + + NOTES: + --- + Dialog.css contains css classes for both Dialog and Tooltip! + This because currently a dijit.TooltipDialog exist. Until this is resolved + you need to include Dialog.css for both dijits + --- + Toolbar.css contains classes also used in Editor. Until this is resolved + you need to include Toolbar.css for both Toolbar and Editor + --- + Button.css contains classes for combobox, + +*/ + +@import url("../dijit_rtl.css"); +@import url("layout/TabContainer_rtl.css"); +@import url("layout/AccordionContainer_rtl.css"); +@import url("form/Slider_rtl.css"); +@import url("form/Button_rtl.css"); +@import url("Tree_rtl.css"); +@import url("TitlePane_rtl.css"); +@import url("Calendar_rtl.css"); +@import url("TimePicker_rtl.css"); +@import url("Dialog_rtl.css"); +@import url("Menu_rtl.css"); +@import url("Editor_rtl.css"); +@import url("../../icons/editorIcons_rtl.css"); /*sprite for editor icons to be used by all themes*/
\ No newline at end of file diff --git a/js/dojo/dijit/themes/tundra/Calendar.css b/js/dojo/dijit/themes/tundra/Calendar.css new file mode 100644 index 0000000..d650d4f --- /dev/null +++ b/js/dojo/dijit/themes/tundra/Calendar.css @@ -0,0 +1,161 @@ +/* Calendar*/ + +.tundra .dijitCalendarIncrementControl { + /* next/prev month buttons */ + width:15px; + height:15px; + background-image: url("images/spriteRoundedIconsSmall.png"); + background-repeat: no-repeat +} +.dj_ie6 .tundra .dijitCalendarIncrementControl { + font-size:.1em; + background-image: url("images/spriteRoundedIconsSmall.gif"); +} + +.tundra .dijitA11ySideArrow { + display: none; +} + +.tundra .dijitCalendarDecrease { + background-position: top left; +} +.tundra .dijitCalendarIncrease { + background-position: -30px top; +} + +.tundra .dijitCalendarContainer { + font-size: 100%; + border-spacing: 0; + border-collapse: separate; + border: 1px solid #ccc; + margin: 0; +} + +.tundra .dijitCalendarMonthContainer th { + /* month header cell */ + background:#d3d3d3 url("images/titleBar.png") repeat-x top; + padding-top:.3em; + padding-bottom:.2em; + text-align:center; +} +.dj_ie6 .tundra .dijitCalendarMonthContainer th { + padding-top:.2em; + padding-bottom:.1em; +} + +.tundra .dijitCalendarDayLabelTemplate { + /* day of week labels */ + background:white url("images/calendarDayLabel.png") repeat-x bottom; + font-weight:normal; + padding-top:.15em; + padding-bottom:0; + border-top: 1px solid #eeeeee; + color:#293a4b; + text-align:center; +} + +.tundra .dijitCalendarBodyContainer { + border-bottom: 1px solid #eeeeee; +} + +.tundra .dijitCalendarMonthLabel { + color:#293a4b; + font-weight: bold; + padding: 0 4px; +} + +.tundra .dijitCalendarDateTemplate { + /* style for each day cell */ + font-size: 0.9em; + font-weight: bold; + text-align: center; + padding: 0.3em 0.3em 0.05em 0.3em; + letter-spacing: 1px; +} + +.dj_ie .tundra .dijitCalendarDateTemplate { + padding: 0.1em .33em 0.02em .33em; +} + +.tundra .dijitCalendarPreviousMonth, +.tundra .dijitCalendarNextMonth { + /* days that are part of the previous or next month */ + color:#999999; + background-color:#f8f8f8; +} + +.tundra .dijitCalendarCurrentMonth { + /* days that are part of this month */ + background-color: white; +} + +.tundra .dijitCalendarCurrentDate { + /* cell for today's date */ + text-decoration:underline; + font-weight:bold; +} + +.tundra .dijitCalendarHoveredDate { + background-color: #e2ebf2; +} + +.tundra .dijitCalendarDisabledDate { + text-decoration: line-through; + background-color: white; /* override hover effects above, hover and click on disabled date should have no effect */ +} + +.tundra .dijitCalendarSelectedDate { + /* cell for the selected date */ + background-color:#bbc4d0 !important; + color:black !important; +} +.tundra .dijitCalendarYearContainer { + /* footer of the table that contains the year display/selector */ + background:white url("images/calendarYearLabel.png") repeat-x bottom; + border-top:1px solid #ccc; +} + +.tundra .dijitCalendarYearLabel { + /* container for all of 3 year labels */ + margin:0; + padding:0.4em 0 0.25em 0; + text-align:center; + font-size: 1.17em; +} + +.tundra .dijitCalendarSelectedYear { + /* label for selected year */ + font-weight:bolder; + color:black; + padding:0.2em; + padding-bottom:0.1em; + background-color:#bbc4d0 !important; +} + +.tundra .dijitCalendarNextYear, +.tundra .dijitCalendarPreviousYear { + /* label for next/prev years */ + color:black !important; + font-weight:normal; +} + +/* Styling for month DropDownButton */ + +.tundra .dijitCalendar .dijitDropDownButton { + margin: 0; +} +.tundra .dijitCalendar .dijitButtonText { + padding: 0; +} +.tundra .dijitCalendar .dijitDropDownButton .dijitButtonNode { + background-color: transparent; + background-image: none; + padding: 0; +} + +/* Styling for month drop down list */ + +.tundra .dijitCalendarMonthMenu .dijitCalendarMonthLabelHover { + background-color: #3559ac; + color:#fff; +} diff --git a/js/dojo/dijit/themes/tundra/Calendar_rtl.css b/js/dojo/dijit/themes/tundra/Calendar_rtl.css new file mode 100644 index 0000000..fbfe27b --- /dev/null +++ b/js/dojo/dijit/themes/tundra/Calendar_rtl.css @@ -0,0 +1,9 @@ +/* Calendar */ + +.tundra .dijitCalendarRtl .dijitCalendarDecrease { + background-position: -30px top; +} + +.tundra .dijitCalendarRtl .dijitCalendarIncrease { + background-position: 0 top; +} diff --git a/js/dojo/dijit/themes/tundra/ColorPalette.css b/js/dojo/dijit/themes/tundra/ColorPalette.css new file mode 100644 index 0000000..38088b8 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/ColorPalette.css @@ -0,0 +1,5 @@ +.dijitColorPalette { + border:1px solid #7eabcd; + background:#fff; + -moz-border-radius: 0 !important; +}
\ No newline at end of file diff --git a/js/dojo/dijit/themes/tundra/Common.css b/js/dojo/dijit/themes/tundra/Common.css new file mode 100644 index 0000000..eb3e341 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/Common.css @@ -0,0 +1,34 @@ +/* DnD avatar-specific settings */ +/* For now it uses a default set of rules. Some other DnD classes can be modified as well. */ +.tundra .dojoDndItemBefore { + border-top: 2px solid #369; +} + +.tundra .dojoDndItemAfter { + border-bottom: 2px solid #369; +} + +.tundra .dojoDndItemOver { + cursor:pointer; +} + +.tundra table.dojoDndAvatar { -moz-border-radius: 0; border: 1px solid #ccc; border-collapse: collapse; background-color: #fff; font-size: 75%; color: black;} +.tundra .dojoDndAvatar td { border: none; } +.tundra .dojoDndAvatar tr { border: none; } +.tundra .dojoDndAvatarHeader td { height: 20px; padding: 0 0 0 21px; } +.tundra .dojoDndAvatarItem td { padding: 2px;} +.tundra.dojoDndMove .dojoDndAvatarHeader {background-color: #f58383; background-image: url(images/dndNoMove.png); background-repeat: no-repeat; background-position: 2px center;} +.tundra.dojoDndCopy .dojoDndAvatarHeader {background-color: #f58383; background-image: url(images/dndNoCopy.png); background-repeat: no-repeat; background-position: 2px center;} +.tundra.dojoDndMove .dojoDndAvatarCanDrop .dojoDndAvatarHeader {background-color: #97e68d; background-image: url(images/dndMove.png); background-repeat: no-repeat; background-position: 2px center;} +.tundra.dojoDndCopy .dojoDndAvatarCanDrop .dojoDndAvatarHeader {background-color: #97e68d; background-image: url(images/dndCopy.png); background-repeat: no-repeat; background-position: 2px center;} + +.tundra .dijitIconLoading { + background:url('images/loading.gif') no-repeat left center; + width: 24px; + height: 24px; +} +.tundra .dijitIconError { + background:url('images/warning.png') no-repeat left center; + width: 16px; + height: 16px; +} diff --git a/js/dojo/dijit/themes/tundra/Dialog.css b/js/dojo/dijit/themes/tundra/Dialog.css new file mode 100644 index 0000000..b346f62 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/Dialog.css @@ -0,0 +1,152 @@ +/* Dialog and Tooltip/TooltipDialog */ + +.tundra .dijitDialog { + background: #fff; + border: 1px solid #7eabcd; + padding: 0; + -webkit-box-shadow: 0 5px 10px #adadad; +} + +.tundra .dijitDialogPaneContent { + background: #fff; + border-top: 1px solid #d3d3d3; + padding:10px; + +} + +.tundra .dijitDialogTitleBar { + /* outer container for the titlebar of the dialog */ + background: #fafafa url("images/titleBar.png") repeat-x top left; + padding: 5px 6px 3px 6px; + outline:0; /* remove this line if keyboard focus on dialog startup is an issue. tab still takes you to first focusable element */ +} + +.tundra .dijitDialogTitle { + /* typography and styling of the dialog title */ + font-weight: bold; + padding: 0 4px; +} + +.tundra .dijitDialogCloseIcon { + /* the default close icon for the dialog */ + /* background : url("images/spriteRoundedIconsSmall.png") no-repeat right top; */ + background: url("images/tabClose.png") no-repeat right top; + position: absolute; + vertical-align: middle; + right: 6px; + top: 4px; + height: 15px; + width: 15px; +} +.dj_ie6 .tundra .dijitDialogCloseIcon { + background : url("images/tabClose.gif") no-repeat right top; +} + +.tundra .dijitDialogCloseIconHover { + background: url("images/tabCloseHover.png") no-repeat right top; +} +.dj_ie6 .tundra .dijitDialogCloseIconHover { + background : url("images/tabCloseHover.gif") no-repeat right top; +} + +/* Tooltip and TooltipDialog */ + +.tundra .dijitTooltip, +.tundra .dijitTooltipDialog { + /* the outermost dom node, holding the connector and container */ + background: transparent; /* make the area on the sides of the arrow transparent */ +} + +.dijitTooltipBelow { + /* leave room for arrow above content */ + padding-top: 13px; +} + +.dijitTooltipAbove { + /* leave room for arrow below content */ + padding-bottom: 13px; +} + +.tundra .dijitTooltipContainer { + /* + The part with the text. + */ + background: #ffffff url("images/popupMenuBg.gif") repeat-x bottom left; + border: 1px solid #7eabcd; + padding: 0.45em; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; +} + +.tundra .dijitTooltipConnector { + /* the arrow piece */ + border:0; + z-index: 2; +} +.tundra .dijitTooltipABRight .dijitTooltipConnector { + /* above or below tooltip, but the arrow appears on the right, + and the right edges of target and tooltip are aligned rather than the left */ + left: auto !important; + right: 3px; +} + +.tundra .dijitTooltipBelow .dijitTooltipConnector { + /* the arrow piece for tooltips below an element */ + top: 0; + left: 3px; + background:url("images/tooltipConnectorUp.png") no-repeat top left; + width:16px; + height:14px; +} + +.dj_ie .tundra .dijitTooltipBelow .dijitTooltipConnector { + /* use gif for IE7 too, due to png rendering problems on fade-in (see http://trac.dojotoolkit.org/ticket/6555) */ + background-image: url("images/tooltipConnectorUp.gif"); +} + +.tundra .dijitTooltipAbove .dijitTooltipConnector { + /* the arrow piece for tooltips above an element */ + bottom: 0; + left: 3px; + background:url("images/tooltipConnectorDown.png") no-repeat top left; + width:16px; + height:14px; +} +.dj_ie .tundra .dijitTooltipAbove .dijitTooltipConnector { + background-image: url("images/tooltipConnectorDown.gif"); +} +.dj_ie6 .tundra .dijitTooltipAbove .dijitTooltipConnector { + bottom: -3px; +} + +.tundra .dijitTooltipLeft { + padding-right: 14px; +} +.tundra .dijitTooltipLeft .dijitTooltipConnector { + /* the arrow piece for tooltips to the left of an element, bottom borders aligned */ + right: 0; + background:url("images/tooltipConnectorRight.png") no-repeat top left; + width:16px; + height:14px; +} +.dj_ie .tundra .dijitTooltipLeft .dijitTooltipConnector { + background-image: url("images/tooltipConnectorRight.gif"); +} + +.tundra .dijitTooltipRight { + padding-left: 14px; +} +.tundra .dijitTooltipRight .dijitTooltipConnector { + /* the arrow piece for tooltips to the right of an element, bottom borders aligned */ + left: 0; + background:url("images/tooltipConnectorLeft.png") no-repeat top left; + width:16px; + height:14px; +} +.dj_ie .tundra .dijitTooltipRight .dijitTooltipConnector { + background-image: url("images/tooltipConnectorLeft.gif"); +} + +.dj_webkit .tundra .dijitTooltipContainer { + -webkit-box-shadow: 0 5px 10px #adadad; +} diff --git a/js/dojo/dijit/themes/tundra/Dialog_rtl.css b/js/dojo/dijit/themes/tundra/Dialog_rtl.css new file mode 100644 index 0000000..9337680 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/Dialog_rtl.css @@ -0,0 +1,5 @@ +/* Dialog */ +.tundra .dijitDialogRtl .dijitDialogCloseIcon { + right: auto; + left: 5px; +} diff --git a/js/dojo/dijit/themes/tundra/Editor.css b/js/dojo/dijit/themes/tundra/Editor.css new file mode 100644 index 0000000..b6f07a1 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/Editor.css @@ -0,0 +1,16 @@ +.dijitEditor { + border:1px solid #bfbfbf; + border-top:0; +} + +.tundra .dijitEditorIcon { + background-image: url('../../icons/images/editorIconsEnabled.png'); /* editor icons sprite image - enabled state */ + background-repeat: no-repeat; + width: 18px; + height: 18px; + text-align: center; +} +.tundra .dijitDisabled .dijitEditorIcon { + background-image: url('../../icons/images/editorIconsDisabled.png'); /* editor icons sprite image - disabled state */ +} + diff --git a/js/dojo/dijit/themes/tundra/Editor_rtl.css b/js/dojo/dijit/themes/tundra/Editor_rtl.css new file mode 100644 index 0000000..cd4849e --- /dev/null +++ b/js/dojo/dijit/themes/tundra/Editor_rtl.css @@ -0,0 +1,7 @@ +/* Editor */ +.tundra .dijitEditorRtl .dijitEditorIcon { + background-image: url('../../icons/images/editorIconsEnabled_rtl.png'); /* editor icons sprite image - enabled state */ +} +.tundra .dijitEditorRtlDisabled .dijitEditorIcon { + background-image: url('../../icons/images/editorIconsDisabled_rtl.png'); /* editor icons sprite image - disabled state */ +} diff --git a/js/dojo/dijit/themes/tundra/Menu.css b/js/dojo/dijit/themes/tundra/Menu.css new file mode 100644 index 0000000..6229b17 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/Menu.css @@ -0,0 +1,76 @@ +.tundra .dijitMenu, +.tundra .dijitMenuBar { + border: 1px solid #7eabcd; + margin: 0; + padding: 0; + background-color: #f7f7f7; +} + +.tundra .dijitBorderContainer .dijitMenuBar { + border:1px solid #ccc; +} + +.tundra .dijitMenuItem { + font-family: sans-serif; + margin: 0; +} + +.tundra .dijitMenuItem { + padding: 4px 5px; +} + +.tundra .dijitMenuPreviousButton, .tundra .dijitMenuNextButton { + font-style: italic; +} +.tundra .dijitMenuItem td { + padding: 2px; +} + +.tundra .dijitMenuPassive .dijitMenuItemHover, +.tundra .dijitMenuItemSelected { + background-color: #3559ac; + color:#fff; +} + +.tundra .dijitMenuItemIcon { + width: 16px; + height: 16px; +} + +.tundra .dijitMenuExpand { + /* arrow to indicate this MenuItem opens a sub-menu */ + width: 7px; + height: 7px; + background-image: url('images/spriteArrows.png'); + background-position: -14px 0; +} +.dj_ie6 .tundra .dijitMenuExpand { + background-image: url('images/spriteArrows.gif'); +} + +/* separator can be two pixels -- set border of either one to 0 to have only one */ +.tundra .dijitMenuSeparatorTop { + border-bottom: 1px solid #9b9b9b; +} + +.tundra .dijitMenuSeparatorBottom { + border-top: 1px solid #e8e8e8; +} + +/* the checked menu item */ +.tundra .dijitCheckedMenuItemIconChar { + display: none; +} + +.tundra .dijitCheckedMenuItemIcon { + background-image: url('images/checkmark.png'); + background-position: -80px; +} + +.dj_ie6 .tundra .dijitCheckedMenuItemIcon { + background-image: url('images/checkmark.gif'); +} + +.tundra .dijitCheckedMenuItemChecked .dijitCheckedMenuItemIcon { + background-position: -64px; +}
\ No newline at end of file diff --git a/js/dojo/dijit/themes/tundra/Menu_rtl.css b/js/dojo/dijit/themes/tundra/Menu_rtl.css new file mode 100644 index 0000000..f148592 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/Menu_rtl.css @@ -0,0 +1,3 @@ +.tundra .dijitMenuItemRtl .dijitMenuExpand { + background-position: -7px 0; +}
\ No newline at end of file diff --git a/js/dojo/dijit/themes/tundra/ProgressBar.css b/js/dojo/dijit/themes/tundra/ProgressBar.css new file mode 100644 index 0000000..2d70e28 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/ProgressBar.css @@ -0,0 +1,28 @@ +.tundra .dijitProgressBar { + margin:2px 0 2px 0; +} + +.tundra .dijitProgressBarEmpty { + /* outer container and background of the bar that's not finished yet*/ + background:#fff url("images/progressBarEmpty.png") repeat-x center center; + border-color: #a2a2a2 #b8b8b8 #b8b8b8 #a2a2a2; +} + +.tundra .dijitProgressBarTile { + /* inner container for finished portion when in 'tile' (image) mode */ + background:#f0f0f0 url("images/progressBarFull.png") repeat-x center center; +} + +.tundra .dijitProgressBarFull { + border-right:1px solid #b8b8b8; +} + +.tundra .dijitProgressBarLabel { + /* Set to a color that contrasts with both the "Empty" and "Full" parts. */ + color:#293a4b; +} + +.tundra .dijitProgressBarIndeterminate .dijitProgressBarTile { + /* use an animated gif for the progress bar in 'indeterminate' mode */ + background:#cad2de url("images/progressBarAnim.gif") repeat-x center center; +} diff --git a/js/dojo/dijit/themes/tundra/TimePicker.css b/js/dojo/dijit/themes/tundra/TimePicker.css new file mode 100644 index 0000000..13dc7f8 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/TimePicker.css @@ -0,0 +1,52 @@ +/* Time Picker */ +.tundra .dijitTimePickerTick, +.tundra .dijitTimePickerMarker { + border-color: #ccc; +} + +.tundra .dijitTimePickerTick { + color:white; +} + +.tundra .dijitTimePickerMarker { + background:#d3d3d3 url("images/titleBar.png") repeat-x top; + color:#293a4b; + font-weight: bold; +} + +.tundra .dijitTimePickerItemSelected { + color: black; + background: #bbc4d0 none; +} + +.tundra .dijitTimePickerItemHover { + background: #60a1ea none; + color:white; +} + +.tundra .dijitTimePickerItemHover, +.tundra .dijitTimePickerItemSelected { + position: relative; + z-index: 10; +} + +.tundra .dijitTimePickerTick .dijitTimePickerItemInner { + font-size:0.4em; +} + +.tundra .dijitTimePickerItemHover .dijitTimePickerItemInner, +.tundra .dijitTimePickerItemSelected .dijitTimePickerItemInner { + font-size:1em; +} + +.tundra .dijitTimePickerMarkerHover { + border-top: 1px solid #ccc; +} + +.tundra .dijitTimePickerTickHover, +.tundra .dijitTimePickerTickSelected { + margin-top:-0.3em; + margin-bottom:-0.3em; + border-bottom: none; +} + diff --git a/js/dojo/dijit/themes/tundra/TimePicker_rtl.css b/js/dojo/dijit/themes/tundra/TimePicker_rtl.css new file mode 100644 index 0000000..7a4d5e5 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/TimePicker_rtl.css @@ -0,0 +1,4 @@ + .dj_ie6 .tundra .dijitTimePickerRtl .dijitTimePickerMarkerHover, +.dj_ie7 .tundra .dijitTimePickerRtl .dijitTimePickerMarkerHover { + border-top: 0; /* IE6/7 bug causes mouseover/out event storm */ +} diff --git a/js/dojo/dijit/themes/tundra/TitlePane.css b/js/dojo/dijit/themes/tundra/TitlePane.css new file mode 100644 index 0000000..e964bf8 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/TitlePane.css @@ -0,0 +1,38 @@ +.tundra .dijitTitlePaneTitle { + background: #cccccc; + background:#fff url("images/titleBar.png") repeat-x bottom left; + border:1px solid #bfbfbf; + padding:3px 4px; +} +.tundra .dijitTitlePaneTitleHover { + background: #f8fafd url("images/accordionItemHover.gif") bottom repeat-x; +} + +.tundra .dijitTitlePane .dijitArrowNode { + background-image: url('images/spriteArrows.png'); + background-repeat: no-repeat; + background-position: 0 0; + height: 7px; + width: 7px; +} +.dj_ie6 .tundra .dijitTitlePane .dijitArrowNode { + background-image: url('images/spriteArrows.gif'); +} + +.tundra .dijitTitlePane .dijitClosed .dijitArrowNode { + background-position: -14px 0; +} + +.tundra .dijitTitlePaneContentOuter { + background: #ffffff; + border:1px solid #bfbfbf; + border-top: 0; +} +.tundra .dijitTitlePaneContentInner { + padding:10px; +} + +.tundra .dijitTitlePaneTextNode { + margin-left: 4px; + margin-right: 4px; +}
\ No newline at end of file diff --git a/js/dojo/dijit/themes/tundra/TitlePane_rtl.css b/js/dojo/dijit/themes/tundra/TitlePane_rtl.css new file mode 100644 index 0000000..5f63a03 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/TitlePane_rtl.css @@ -0,0 +1,3 @@ +.tundra .dijitTitlePaneRtl .dijitClosed .dijitArrowNode { + background-position: -7px 0; +}
\ No newline at end of file diff --git a/js/dojo/dijit/themes/tundra/Toolbar.css b/js/dojo/dijit/themes/tundra/Toolbar.css new file mode 100644 index 0000000..ebe9cda --- /dev/null +++ b/js/dojo/dijit/themes/tundra/Toolbar.css @@ -0,0 +1,75 @@ +.tundra .dijitToolbar { + border-bottom: 1px solid #ccc; + background:#eaeaea url("images/titleBar.png") repeat-x top left; +} + +/* setting a min-height on ditor toolbar */ +.dj_ie6 .tundra .dijitToolbar { + height: 10px; +} + +.tundra .dijitToolbar .dijitButtonNode, +.tundra .dijitToolbar .dijitComboButton .dijitButtonContents, +.tundra .dijitToolbar .dijitComboButton .dijitDownArrowButton { + background: none; + margin: 0; + padding: 0; + border: none; + font-size: 12px; +} + +.tundra .dijitToolbar .dijitButton, +.tundra .dijitToolbar .dijitToggleButton, +.tundra .dijitToolbar .dijitDropDownButton, +.tundra .dijitToolbar .dijitComboButton .dijitButtonContents, +.tundra .dijitToolbar .dijitComboButton .dijitDownArrowButton { + background: none; + padding: 1px; +} + +.tundra .dijitToolbar .dijitButtonChecked, +.tundra .dijitToolbar .dijitToggleButtonChecked { + background-color:#d4dff2; + border:1px solid #316ac5; + padding: 0; /* reduce padding to compensate for space taken by border */ +} + +.tundra .dijitToolbar .dijitButtonCheckedHover, +.tundra .dijitToolbar .dijitToggleButtonCheckedHover + { + background-color:#abc1e5; + border:1px solid #316ac5; + padding: 0; /* reduce padding to compensate for space taken by border */ +} + +.tundra .dijitToolbar .dijitButtonHover, +.tundra .dijitToolbar .dijitToggleButtonHover, +.tundra .dijitToolbar .dijitDropDownButtonHover, +.tundra .dijitToolbar .dijitComboButton .dijitButtonContentsHover, +.tundra .dijitToolbar .dijitComboButton .dijitDownArrowButtonHover { + /* TODO: change this from Hover to Selected so that button is still highlighted while drop down is being used */ + border: 1px solid #869cbf; + padding: 0; /* reduce padding to compensate for space taken by border */ + background-color:#e1e5f0; +} + +.tundra .dijitToolbar label { + padding: 3px 3px 0 6px; +} + +.dj_ie .tundra .dijitToolbar .dijitComboButton .dijitButtonContentsFocused, +.dj_ie .tundra .dijitToolbar .dijitComboButton .dijitDownArrowButtonFocused { + /* focus border doesn't appear on <td> for IE, so need to add it manually */ + border: 1px #555 dotted !important; + padding: 0; +} + +.tundra .dijitToolbarSeparator { + /* separator icon in the editor sprite */ + background: url('../../icons/images/editorIconsEnabled.png'); +} + +.tundra .dijitToolbarRtl .dijitToolbarSeparator { + /* separator icon in the editor sprite */ + background-image: url('../../icons/images/editorIconsDisabled.png'); +} diff --git a/js/dojo/dijit/themes/tundra/Tree.css b/js/dojo/dijit/themes/tundra/Tree.css new file mode 100644 index 0000000..76c81e0 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/Tree.css @@ -0,0 +1,96 @@ +/* Tree */ + +.tundra .dijitTreeNode { + background-image : url('images/i.gif'); + background-repeat : repeat-y; + zoom: 1; /* force layout on IE (TODO: may not be needed anymore) */ +} + +/* left vertical line (grid) for all nodes */ +.tundra .dijitTreeIsLast { + background: url('images/i_half.gif') no-repeat; +} + +.tundra .dijitTreeIsRoot { + margin-left: 0; + background-image: none; +} + +.tundra .dijitTreeExpando { + width: 18px; + height: 18px; +} + +.tundra .dijitTreeRow { + /* so insert line shows up on IE when dropping after a target element */ + padding-bottom: 2px; +} + +.tundra .dijitTreeContent { + min-height: 18px; + min-width: 18px; +} + +.tundra .dijitTreeRowSelected .dijitTreeLabel { + background:#e2ebfe; +} +.tundra .dijitTreeRowHover { + /* using a transparent png so that we can still see grid lines, which are (unfortunately) behind the dijitRowNode that we are hovering over */ + background-image: url(images/treeHover.png); + background-repeat: repeat; + background-color: transparent !important; +} + +.tundra .dijitTreeExpandoOpened { + background-image: url('images/treeExpand_minus.gif'); +} + +.tundra .dijitTreeExpandoClosed { + background-image: url('images/treeExpand_plus.gif'); +} + +.tundra .dijitTreeExpandoLeaf { + background-image: url('images/treeExpand_leaf.gif'); +} + +.tundra .dijitTreeExpandoLoading { + background-image: url('images/treeExpand_loading.gif'); +} + +.tundra .dijitTreeIcon { + width: 16px; + height: 16px; +} + +.tundra .dijitFolderOpened { + background: url('images/folderOpened.gif') no-repeat; +} + +.tundra .dijitFolderClosed { + background: url('images/folderClosed.gif') no-repeat; +} + +.tundra .dijitLeaf { + background: url('images/leaf.gif') no-repeat; +} + +/* Drag and Drop on TreeNodes + * Put insert line on dijitTreeContent node so it's aligned w/ + * (ie, indented equally with) target element, even + * though dijitTreeRowNode is the actual "drag object" + */ +.tundra .dijitTreeNode .dojoDndItemBefore, +.tundra .dijitTreeNode .dojoDndItemAfter { + border-bottom: none; + border-top: none; +} + +.tundra .dijitTreeNode .dojoDndItemBefore .dijitTreeContent { + /* copied from Common.css */ + border-top: 2px solid #369; +} + +.tundra .dijitTreeNode .dojoDndItemAfter .dijitTreeContent { + /* copied from Common.css */ + border-bottom: 2px solid #369; +} diff --git a/js/dojo/dijit/themes/tundra/Tree_rtl.css b/js/dojo/dijit/themes/tundra/Tree_rtl.css new file mode 100644 index 0000000..607b71c --- /dev/null +++ b/js/dojo/dijit/themes/tundra/Tree_rtl.css @@ -0,0 +1,17 @@ +/* Tree */ + +.tundra .dijitTreeNodeRtl, +.tundra .dijitTreeNodeRtl .dijitTreeExpandoLeaf { + /* disable grid lines in RTL mode; too hard to support */ + background-image: none; +} + +.tundra .dijitTreeNodeRtl .dijitTreeExpandoOpened { + /* todo: get rid of transparent space in icon files, + and just use background-placement (or margin maybe) to get desired alignment */ + background-image: url('images/treeExpand_minus_rtl.gif'); +} + +.tundra .dijitTreeNodeRtl .dijitTreeExpandoClosed { + background-image: url('images/treeExpand_plus_rtl.gif'); +} diff --git a/js/dojo/dijit/themes/tundra/form/Button.css b/js/dojo/dijit/themes/tundra/form/Button.css new file mode 100644 index 0000000..2c68aef --- /dev/null +++ b/js/dojo/dijit/themes/tundra/form/Button.css @@ -0,0 +1,136 @@ + +/***** + dijit.form.Button + dijit.form.DropDownButton + dijit.form.ComboButton + dijit.form.ComboBox (partial) + dijit.form.Spinner (partial) (TODO: create NumberSpinner.css file like claro has) + *****/ + +.tundra .dijitButtonNode { + /* enabled state - inner */ + border: 1px solid #c0c0c0; + border-bottom: 1px solid #9b9b9b; + padding: 0.1em 0.2em 0.2em 0.2em; + background: #fff url("../images/buttonEnabled.png") repeat-x bottom left; +} +.tundra .dijitButtonText { + text-align: center; + padding: 0 0.3em; +} + +.tundra .dijitDisabled .dijitButtonText { + color: #7F7F7F; +} + +.tundra .dijitArrowButton { + color: #111; +} + +.tundra .dijitComboButton .dijitDownArrowButton { + padding-right:4px; +} + +.tundra .dijitTextBoxReadOnly, +.tundra .dijitTextBoxReadOnly .dijitButtonNode, +.tundra .dijitButtonDisabled .dijitButtonNode, +.tundra .dijitToggleButtonDisabled .dijitButtonNode, +.tundra .dijitDropDownButtonDisabled .dijitButtonNode, +.tundra .dijitComboButtonDisabled .dijitButtonNode, +.tundra .dijitTextBoxDisabled, +.tundra .dijitTextBoxDisabled .dijitButtonNode { + /* disabled state - inner */ + border-color: #d5d5d5 #d5d5d5 #bdbdbd #d5d5d5; + background:#e4e4e4 url("../images/buttonDisabled.png") top repeat-x; +} + +.tundra .dijitButtonHover .dijitButtonNode, +.tundra .dijitButtonNodeHover, +.tundra .dijitToggleButtonHover .dijitButtonNode, +.tundra .dijitDropDownButtonHover .dijitButtonNode, +.tundra .dijitComboButton .dijitButtonContentsHover, +.tundra .dijitComboButton .dijitDownArrowButtonHover { + /* hover state - inner */ + /* TODO: change from Hover to Selected so that button is still highlighted while drop down is being used */ + border-color: #a5beda; + border-bottom-color:#5c7590; + color:#243C5F; + background:#fcfdff url("../images/buttonHover.png") repeat-x bottom; +} +.tundra .dijitDownArrowButtonHover, +.tundra .dijitUpArrowButtonHover { + /* same as above except don't adjust border color (it's controlled by the containing Spinner/ComboBox) */ + color:#243C5F; + background:#fcfdff url("../images/buttonHover.png") repeat-x bottom; +} + +.tundra .dijitUpArrowButtonActive, +.tundra .dijitDownArrowButtonActive, +.tundra .dijitButtonActive .dijitButtonNode, +.tundra .dijitToggleButtonActive .dijitButtonNode, +.tundra .dijitDropDownButtonActive .dijitButtonNode, +.tundra .dijitButtonContentsActive, +.tundra .dijitStackController .dijitToggleButtonChecked .dijitButtonNode { + /* active state - inner (for when you are pressing a normal button, or + * when a radio-type button is in a depressed state + */ + border-color:#366dba; + background: #ededed url("../images/buttonActive.png") bottom repeat-x; +} + +.tundra .dijitArrowButtonInner { + background:url("../images/spriteArrows.png") no-repeat scroll 0 center; + width: 7px; + height: 7px; + margin: 0 4px 0 4px; +} +.tundra .dijitTextBox .dijitArrowButtonInner { + background-position: 0 center; +} +.dj_ie6 .tundra .dijitArrowButtonInner { + background-image:url("../images/spriteArrows.gif"); +} +.tundra .dijitLeftArrowButton .dijitArrowButtonInner { + background-position: -7px center; +} +.tundra .dijitRightArrowButton .dijitArrowButtonInner { + background-position: -14px center; +} +.tundra .dijitUpArrowButton .dijitArrowButtonInner { + background-position: -21px center; +} + +.tundra .dijitDisabled .dijitArrowButtonInner { + background-position: -28px center; +} +.tundra .dijitDisabled .dijitLeftArrowButton .dijitArrowButtonInner { + background-position: -35px center; +} +.tundra .dijitDisabled .dijitRightArrowButton .dijitArrowButtonInner { + background-position: -42px center; +} +.tundra .dijitDisabled .dijitUpArrowButton .dijitArrowButtonInner { + background-position: -49px center; +} +.dj_webkit .tundra .dijitSpinner .dijitUpArrowButton .dijitArrowButtonInner { + margin-top: -1px; /* image has too many blank pixels on top */ +} +.dj_ie .tundra .dijitSpinner .dijitDownArrowButton .dijitArrowButtonInner { + margin-top: -2px; /* image has too many blank pixels on top */ +} +.dj_ie8 .tundra .dijitSpinner .dijitDownArrowButton .dijitArrowButtonInner { + margin-top: -1px; /* image has too many blank pixels on top */ +} +.tundra .dijitSpinnerButtonContainer { + width: auto; + padding: 0; +} +.tundra .dijitSpinner .dijitArrowButton { + width: 15px; +} +.tundra .dijitSpinner .dijitSpinnerButtonInner { + width: 15px; +} +.tundra .dijitSpinner .dijitArrowButtonInner .dijitInputField { + padding: 0; +} diff --git a/js/dojo/dijit/themes/tundra/form/Checkbox.css b/js/dojo/dijit/themes/tundra/form/Checkbox.css new file mode 100644 index 0000000..28a7d79 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/form/Checkbox.css @@ -0,0 +1,54 @@ +.tundra .dijitToggleButton .dijitCheckBoxIcon { + background-image: url('../images/checkmarkNoBorder.png'); +} + +.dj_ie6 .tundra .dijitToggleButton .dijitCheckBoxIcon { + background-image: url('../images/checkmarkNoBorder.gif'); +} + +.tundra .dijitCheckBox, +.tundra .dijitCheckBoxIcon /* inside a toggle button */ { + background-image: url('../images/checkmark.png'); /* checkbox sprite image */ + background-repeat: no-repeat; + width: 16px; + height: 16px; + margin: 0 2px 0 0; + padding: 0; +} + +.dj_ie6 .tundra .dijitCheckBox, +.dj_ie6 .tundra .dijitCheckBoxIcon /* inside a toggle button */ { + background-image: url('../images/checkmark.gif'); /* checkbox sprite image */ +} + +.tundra .dijitCheckBox, +.tundra .dijitToggleButton .dijitCheckBoxIcon { + /* unchecked */ + background-position: -16px; +} + +.tundra .dijitCheckBoxChecked, +.tundra .dijitToggleButtonChecked .dijitCheckBoxIcon { + /* checked */ + background-position: 0; +} + +.tundra .dijitCheckBoxDisabled { + /* disabled */ + background-position: -48px; +} + +.tundra .dijitCheckBoxCheckedDisabled { + /* disabled but checked */ + background-position: -32px; +} + +.tundra .dijitCheckBoxHover { + /* hovering over an unchecked enabled checkbox */ + background-position: -80px; +} + +.tundra .dijitCheckBoxCheckedHover { + /* hovering over a checked enabled checkbox */ + background-position: -64px; +} diff --git a/js/dojo/dijit/themes/tundra/form/Common.css b/js/dojo/dijit/themes/tundra/form/Common.css new file mode 100644 index 0000000..96899e1 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/form/Common.css @@ -0,0 +1,76 @@ + +/**** + dijit.form.TextBox + dijit.form.ValidationTextBox + dijit.form.SerializableTextBox + dijit.form.RangeBoundTextBox + dijit.form.NumberTextBox + dijit.form.CurrencyTextBox + dijit.form.NumberSpinner + dijit.form.ComboBox (partial) + ****/ + +.tundra .dijitInputContainer input, +.tundra .dijitTextBox { + margin: 0 0.1em; +} + +.tundra .dijitTextArea { + padding: 3px; +} + +.tundra .dijitTextBox { + /* For all except dijit.form.NumberSpinner: the actual input element. + For TextBox, ComboBox, Spinner: the div that contains the input. + Otherwise the actual input element. + */ + background:#fff url("../images/validationInputBg.png") repeat-x top left; + #background:#fff url('../images/validationInputBg.gif') repeat-x top left; + border:1px solid #b3b3b3; +} + +/* ComboBox specific rules*/ +.tundra .dijitComboBox .dijitButtonNode { + padding: 0 0.2em; +} +.tundra .dijitTextBox .dijitButtonNode { + /* line between the input area and the drop down button, and also between + * the up and down buttons of a spinner + */ + border-color: #9b9b9b; +} + +.tundra .dijitTextBoxFocused { + /* input field when focused (ie: typing affects it) */ + border-color:#406b9b; +} +.tundra .dijitTextBoxFocused .dijitButtonNode { + border-color:#366dba; +} + +.tundra .dijitError { + background-color:#f9f7ba; + background-image:none; +} + +.tundra .dijitErrorFocused { + background-color:#f9f999; + background-image:none; +} + +/* Validation errors */ +.tundra .dijitValidationIcon { + /* prevent height change when widget goes from valid to invalid state */ + width: 16px; + background: transparent url('../images/warning.png') no-repeat center center; +} + +/* The highlight is shown in the ComboBox menu. */ +.tundra .dijitComboBoxHighlightMatch { + background-color:#a5beda; +} + +.tundra .dijitFocusedLabel { + /* for checkboxes or radio buttons, hatch border around the corresponding label, to indicate focus */ + outline: 1px dotted #666666; +} diff --git a/js/dojo/dijit/themes/tundra/form/RadioButton.css b/js/dojo/dijit/themes/tundra/form/RadioButton.css new file mode 100644 index 0000000..4dfc0fa --- /dev/null +++ b/js/dojo/dijit/themes/tundra/form/RadioButton.css @@ -0,0 +1,52 @@ + +.tundra .dijitRadio, /* stand alone */ +.tundra .dijitRadioIcon { /* inside a toggle button */ + background-image: url('../images/checkmark.png'); /* checkbox sprite image */ + background-repeat: no-repeat; + width: 16px; + height: 16px; + margin: 0; + padding: 0; +} +.dj_ie6 .tundra .dijitRadio, +.dj_ie6 .tundra .dijitRadioIcon { + background-image: url('../images/checkmark.gif'); /* checkbox sprite image */ +} + +.tundra .dijitToggleButton .dijitRadioIcon { + /* for checkbox in a toggle button, override above setting to have no border */ + background-image: url('../images/checkmarkNoBorder.png'); +} +.dj_ie6 .tundra .dijitToggleButton .dijitRadioIcon { + background-image: url('../images/checkmarkNoBorder.gif'); +} + +.tundra .dijitRadio, +.tundra .dijitRadioIcon { + /* unselected */ + background-position: -112px; +} + +.tundra .dijitRadioDisabled { + /* unselected and disabled */ + background-position: -144px; +} + +.tundra .dijitRadioHover { + /* hovering over an unselected enabled radio button */ + background-position: -176px; +} + +.tundra .dijitRadioChecked, +.tundra .dijitRadioCheckedHover, +.tundra .dijitToggleButtonChecked .dijitRadioIcon { + /* selected. Since clicking a selected radio button doesn't change anything, there's + * no hover effect on selected radio buttons. + */ + background-position: -96px; +} + +.tundra .dijitRadioCheckedDisabled { + /* selected but disabled */ + background-position: -128px; +} diff --git a/js/dojo/dijit/themes/tundra/form/Select.css b/js/dojo/dijit/themes/tundra/form/Select.css new file mode 100644 index 0000000..b029016 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/form/Select.css @@ -0,0 +1,57 @@ +.tundra .dijitSelect .dijitButtonNode { + padding: 0; +} +.tundra .dijitSelect .dijitButtonNode .dijitArrowButtonInner { + margin: 0 4px 0 5px; +} + +/* Make unselected content portion "look" more like a text box and less like a button */ +.tundra .dijitSelect .dijitButtonContents { + padding-top: 1px; + background:#fff url("../images/validationInputBg.png") repeat-x top left; + #background:#fff url('../images/validationInputBg.gif') repeat-x top left; +} +.tundra .dijitSelectHover .dijitButtonContents, +.tundra .dijitSelectActive .dijitButtonContents, +.tundra .dijitSelectOpened .dijitButtonContents, +.tundra .dijitSelectDisabled .dijitButtonContents, +.tundra .dijitSelectReadOnly .dijitButtonContents{ + background: transparent none; +} +.dj_ie .tundra .dijitSelect .dijitButtonContents { + padding-top: 0; +} + +/* Mirror DropDownButton */ +.tundra .dijitSelectDisabled .dijitButtonNode { + border-color: #d5d5d5 #bdbdbd #bdbdbd #d5d5d5; + background:#e4e4e4 url("../images/buttonDisabled.png") top repeat-x; +} +.dj_ie .tundra .dijitSelectDisabled .dijitButtonNode * { + filter: gray() alpha(opacity=50); +} + +.tundra .dijitSelectHover .dijitButtonNode { + border-color:#a5beda; + border-bottom-color:#5c7590; + border-right-color:#5c7590; + color:#243C5F; + background:#fcfdff url("../images/buttonHover.png") repeat-x bottom; +} + +.tundra .dijitSelectActive .dijitButtonNode, +.tundra .dijitSelectOpened .dijitButtonNode { + border-color:#366dba; + background: #ededed url("../images/buttonActive.png") bottom repeat-x; +} + +/* Make the menu look more combobox-like */ +.tundra .dijitSelectMenu td { + padding: 0; +} +.tundra .dijitSelectMenu .dijitMenuItemLabel, +.tundra .dijitSelectMenu .dijitMenuArrowCell { + padding: 0.1em 0.2em; +} + + diff --git a/js/dojo/dijit/themes/tundra/form/Slider.css b/js/dojo/dijit/themes/tundra/form/Slider.css new file mode 100644 index 0000000..7465e83 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/form/Slider.css @@ -0,0 +1,147 @@ +.tundra .dijitSliderProgressBarH { + border-color: #aab0bb; + background: #c0c2c5 url("../images/sliderFull.png") repeat-x top left; +} + +.tundra .dijitSliderProgressBarV { + border-color: #aab0bb; + background: #c0c2c5 url("../images/sliderFullVertical.png") repeat-y bottom left; +} + +.tundra .dijitSliderFocused .dijitSliderProgressBarH, +.tundra .dijitSliderFocused .dijitSliderLeftBumper { + background-image:url("../images/sliderFullFocus.png"); +} + +.tundra .dijitSliderFocused .dijitSliderProgressBarV, +.tundra .dijitSliderFocused .dijitSliderBottomBumper { + background-image:url("../images/sliderFullVerticalFocus.png"); +} + +.tundra .dijitSliderRemainingBarV { + border-color: #b4b4b4; + background: #dcdcdc url("../images/sliderEmptyVertical.png") repeat-y bottom left; +} + +.tundra .dijitSliderRemainingBarH { + border-color: #b4b4b4; + background: #dcdcdc url("../images/sliderEmpty.png") repeat-x top left; +} + +.tundra .dijitSliderBar { + border-style: solid; + outline:1px; +} +.tundra .dijitSliderFocused .dijitSliderBar { + border-color:#888; +} + +.tundra .dijitSliderImageHandleH { + border:0; + width:16px; + height:16px; + background:url("../images/preciseSliderThumb.png") no-repeat center top; +} +.tundra .dijitSliderFocused .dijitSliderImageHandleH { + background-image:url("../images/preciseSliderThumbFocus.png"); + #background-image:url("../images/preciseSliderThumbFocus.gif"); +} + +.dj_ie6 .tundra .dijitSliderImageHandleH { + background-image:url("../images/preciseSliderThumb.gif"); +} + +.tundra .dijitSliderLeftBumper { + border-left-width: 1px; + border-color: #aab0bb; + background: #c0c2c5 url("../images/sliderFull.png") repeat-x top left; +} + +.tundra .dijitSliderRightBumper { + background: #dcdcdc url("../images/sliderEmpty.png") repeat-x top left; + border-color: #b4b4b4; + border-right-width: 1px; +} + +.tundra .dijitSliderImageHandleV { + border:0; + width:16px; + height:16px; + background:url("../images/sliderThumb.png") no-repeat center center; +} + +.tundra .dijitSliderFocused .dijitSliderImageHandleV { + background-image:url("../images/sliderThumbFocus.png"); +} +.dj_ie6 .tundra .dijitSliderFocused .dijitSliderImageHandleV { + background-image:url("../images/sliderThumbFocus.gif"); +} + +.tundra .dijitSliderBottomBumper { + border-bottom-width: 1px; + border-color: #aab0bb; + background: #c0c2c5 url("../images/sliderFullVertical.png") repeat-y bottom left; +} + +.tundra .dijitSliderTopBumper { + background: #dcdcdc url("../images/sliderEmptyVertical.png") repeat-y top left; + border-color: #b4b4b4; + border-top-width: 1px; +} + +.tundra .dijitSliderDecrementIconH, +.tundra .dijitSliderDecrementIconV, +.tundra .dijitSliderIncrementIconH, +.tundra .dijitSliderIncrementIconV { + background-image: url('../images/spriteArrows.png'); + background-repeat: no-repeat; + margin: 5px; + height: 7px; + width: 7px; + font-size: 1px; +} +.dj_ie6 .tundra .dijitSliderDecrementIconH, +.dj_ie6 .tundra .dijitSliderDecrementIconV, +.dj_ie6 .tundra .dijitSliderIncrementIconH, +.dj_ie6 .tundra .dijitSliderIncrementIconV { + background-image: url('../images/spriteArrows.gif'); +} + +.tundra .dijitSliderDecrementIconH { + background-position: -7px 0; +} +.tundra .dijitSliderIncrementIconH { + background-position: -14px 0; +} +.tundra .dijitSliderDecrementIconV { + background-position: 0 0; +} +.tundra .dijitSliderIncrementIconV { + background-position: -21px 0; +} + +.tundra .dijitSliderButtonInner { + visibility:hidden; +} + +.tundra .dijitSliderReadOnly *, +.tundra .dijitSliderDisabled * { + border-color: #d5d5d5 #bdbdbd #bdbdbd #d5d5d5; + color: #bdbdbd; +} +.tundra .dijitSliderReadOnly .dijitSliderDecrementIconH, +.tundra .dijitSliderDisabled .dijitSliderDecrementIconH { + background-position: -35px 0; +} +.tundra .dijitSliderReadOnly .dijitSliderIncrementIconH, +.tundra .dijitSliderDisabled .dijitSliderIncrementIconH { + background-position: -42px 0; +} +.tundra .dijitSliderReadOnly .dijitSliderDecrementIconV, +.tundra .dijitSliderDisabled .dijitSliderDecrementIconV { + background-position: -28px 0; +} +.tundra .dijitSliderReadOnly .dijitSliderIncrementIconV, +.tundra .dijitSliderDisabled .dijitSliderIncrementIconV { + background-position: -49px 0; +}
\ No newline at end of file diff --git a/js/dojo/dijit/themes/tundra/form/Slider_rtl.css b/js/dojo/dijit/themes/tundra/form/Slider_rtl.css new file mode 100644 index 0000000..9375c4e --- /dev/null +++ b/js/dojo/dijit/themes/tundra/form/Slider_rtl.css @@ -0,0 +1,31 @@ +.tundra .dijitSliderRtl .dijitSliderProgressBarH, +.tundra .dijitSliderRtl .dijitSliderRemainingBarH, +.tundra .dijitSliderRtl .dijitSliderLeftBumper, +.tundra .dijitSliderRtl .dijitSliderRightBumper, +.tundra .dijitSliderRtl .dijitSliderTopBumper { + background-position: top right; +} + +.tundra .dijitSliderRtl .dijitSliderProgressBarV, +.tundra .dijitSliderRtl .dijitSliderRemainingBarV, +.tundra .dijitSliderRtl .dijitSliderBottomBumper { + background-position: bottom right; +} + +.tundra .dijitSliderRtl .dijitSliderLeftBumper { + border-left-width: 0; + border-right-width: 1px; +} + +.tundra .dijitSliderRtl .dijitSliderRightBumper { + border-left-width: 1px; + border-right-width: 0; +} + +.tundra .dijitSliderRtl .dijitSliderIncrementIconH { + background-position: -7px 0; +} + +.tundra .dijitSliderRtl .dijitSliderDecrementIconH { + background-position: -14px 0; +} diff --git a/js/dojo/dijit/themes/tundra/images/accordionItemActive.gif b/js/dojo/dijit/themes/tundra/images/accordionItemActive.gif Binary files differnew file mode 100644 index 0000000..ccff383 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/accordionItemActive.gif diff --git a/js/dojo/dijit/themes/tundra/images/accordionItemHover.gif b/js/dojo/dijit/themes/tundra/images/accordionItemHover.gif Binary files differnew file mode 100644 index 0000000..96bd3a4 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/accordionItemHover.gif diff --git a/js/dojo/dijit/themes/tundra/images/buttonActive.png b/js/dojo/dijit/themes/tundra/images/buttonActive.png Binary files differnew file mode 100644 index 0000000..09417b1 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/buttonActive.png diff --git a/js/dojo/dijit/themes/tundra/images/buttonDisabled.png b/js/dojo/dijit/themes/tundra/images/buttonDisabled.png Binary files differnew file mode 100644 index 0000000..70766f4 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/buttonDisabled.png diff --git a/js/dojo/dijit/themes/tundra/images/buttonEnabled.png b/js/dojo/dijit/themes/tundra/images/buttonEnabled.png Binary files differnew file mode 100644 index 0000000..cf0eb20 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/buttonEnabled.png diff --git a/js/dojo/dijit/themes/tundra/images/buttonHover.png b/js/dojo/dijit/themes/tundra/images/buttonHover.png Binary files differnew file mode 100644 index 0000000..b074e4e --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/buttonHover.png diff --git a/js/dojo/dijit/themes/tundra/images/calendarDayLabel.png b/js/dojo/dijit/themes/tundra/images/calendarDayLabel.png Binary files differnew file mode 100644 index 0000000..c1a1553 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/calendarDayLabel.png diff --git a/js/dojo/dijit/themes/tundra/images/calendarMonthLabel.png b/js/dojo/dijit/themes/tundra/images/calendarMonthLabel.png Binary files differnew file mode 100644 index 0000000..fd2cf0a --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/calendarMonthLabel.png diff --git a/js/dojo/dijit/themes/tundra/images/calendarYearLabel.png b/js/dojo/dijit/themes/tundra/images/calendarYearLabel.png Binary files differnew file mode 100644 index 0000000..dd344f5 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/calendarYearLabel.png diff --git a/js/dojo/dijit/themes/tundra/images/checkmark.gif b/js/dojo/dijit/themes/tundra/images/checkmark.gif Binary files differnew file mode 100644 index 0000000..ae6faa9 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/checkmark.gif diff --git a/js/dojo/dijit/themes/tundra/images/checkmark.png b/js/dojo/dijit/themes/tundra/images/checkmark.png Binary files differnew file mode 100644 index 0000000..0307109 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/checkmark.png diff --git a/js/dojo/dijit/themes/tundra/images/checkmarkNoBorder.gif b/js/dojo/dijit/themes/tundra/images/checkmarkNoBorder.gif Binary files differnew file mode 100644 index 0000000..324bfb3 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/checkmarkNoBorder.gif diff --git a/js/dojo/dijit/themes/tundra/images/checkmarkNoBorder.png b/js/dojo/dijit/themes/tundra/images/checkmarkNoBorder.png Binary files differnew file mode 100644 index 0000000..9cec0c0 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/checkmarkNoBorder.png diff --git a/js/dojo/dijit/themes/tundra/images/circleIcon.gif b/js/dojo/dijit/themes/tundra/images/circleIcon.gif Binary files differnew file mode 100644 index 0000000..d582290 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/circleIcon.gif diff --git a/js/dojo/dijit/themes/tundra/images/circleIcon.png b/js/dojo/dijit/themes/tundra/images/circleIcon.png Binary files differnew file mode 100644 index 0000000..6f059e6 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/circleIcon.png diff --git a/js/dojo/dijit/themes/tundra/images/comboArrowDown.gif b/js/dojo/dijit/themes/tundra/images/comboArrowDown.gif Binary files differnew file mode 100644 index 0000000..e00a87b --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/comboArrowDown.gif diff --git a/js/dojo/dijit/themes/tundra/images/dijitProgressBarAnim.gif b/js/dojo/dijit/themes/tundra/images/dijitProgressBarAnim.gif Binary files differnew file mode 100644 index 0000000..167a3e0 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/dijitProgressBarAnim.gif diff --git a/js/dojo/dijit/themes/tundra/images/dijitProgressBarAnim.psd b/js/dojo/dijit/themes/tundra/images/dijitProgressBarAnim.psd Binary files differnew file mode 100644 index 0000000..0a7bf23 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/dijitProgressBarAnim.psd diff --git a/js/dojo/dijit/themes/tundra/images/dndCopy.png b/js/dojo/dijit/themes/tundra/images/dndCopy.png Binary files differnew file mode 100644 index 0000000..baecd7c --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/dndCopy.png diff --git a/js/dojo/dijit/themes/tundra/images/dndMove.png b/js/dojo/dijit/themes/tundra/images/dndMove.png Binary files differnew file mode 100644 index 0000000..07f878c --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/dndMove.png diff --git a/js/dojo/dijit/themes/tundra/images/dndNoCopy.png b/js/dojo/dijit/themes/tundra/images/dndNoCopy.png Binary files differnew file mode 100644 index 0000000..9bf9c33 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/dndNoCopy.png diff --git a/js/dojo/dijit/themes/tundra/images/dndNoMove.png b/js/dojo/dijit/themes/tundra/images/dndNoMove.png Binary files differnew file mode 100644 index 0000000..cb8bd8b --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/dndNoMove.png diff --git a/js/dojo/dijit/themes/tundra/images/dojoTundraGradientBg.gif b/js/dojo/dijit/themes/tundra/images/dojoTundraGradientBg.gif Binary files differnew file mode 100644 index 0000000..0da1239 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/dojoTundraGradientBg.gif diff --git a/js/dojo/dijit/themes/tundra/images/dojoTundraGradientBg.png b/js/dojo/dijit/themes/tundra/images/dojoTundraGradientBg.png Binary files differnew file mode 100644 index 0000000..ac118dd --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/dojoTundraGradientBg.png diff --git a/js/dojo/dijit/themes/tundra/images/doubleArrowDown.png b/js/dojo/dijit/themes/tundra/images/doubleArrowDown.png Binary files differnew file mode 100644 index 0000000..92678d2 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/doubleArrowDown.png diff --git a/js/dojo/dijit/themes/tundra/images/doubleArrowUp.png b/js/dojo/dijit/themes/tundra/images/doubleArrowUp.png Binary files differnew file mode 100644 index 0000000..bba30fe --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/doubleArrowUp.png diff --git a/js/dojo/dijit/themes/tundra/images/folderClosed.gif b/js/dojo/dijit/themes/tundra/images/folderClosed.gif Binary files differnew file mode 100644 index 0000000..9d5fcbc --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/folderClosed.gif diff --git a/js/dojo/dijit/themes/tundra/images/folderOpened.gif b/js/dojo/dijit/themes/tundra/images/folderOpened.gif Binary files differnew file mode 100644 index 0000000..a514c7b --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/folderOpened.gif diff --git a/js/dojo/dijit/themes/tundra/images/i.gif b/js/dojo/dijit/themes/tundra/images/i.gif Binary files differnew file mode 100644 index 0000000..ebd95a7 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/i.gif diff --git a/js/dojo/dijit/themes/tundra/images/i_half.gif b/js/dojo/dijit/themes/tundra/images/i_half.gif Binary files differnew file mode 100644 index 0000000..2947c4f --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/i_half.gif diff --git a/js/dojo/dijit/themes/tundra/images/i_half_rtl.gif b/js/dojo/dijit/themes/tundra/images/i_half_rtl.gif Binary files differnew file mode 100644 index 0000000..4f60ec4 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/i_half_rtl.gif diff --git a/js/dojo/dijit/themes/tundra/images/i_rtl.gif b/js/dojo/dijit/themes/tundra/images/i_rtl.gif Binary files differnew file mode 100644 index 0000000..7dafaad --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/i_rtl.gif diff --git a/js/dojo/dijit/themes/tundra/images/leaf.gif b/js/dojo/dijit/themes/tundra/images/leaf.gif Binary files differnew file mode 100644 index 0000000..85b0178 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/leaf.gif diff --git a/js/dojo/dijit/themes/tundra/images/loading.gif b/js/dojo/dijit/themes/tundra/images/loading.gif Binary files differnew file mode 100644 index 0000000..6e7c8e5 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/loading.gif diff --git a/js/dojo/dijit/themes/tundra/images/menu.png b/js/dojo/dijit/themes/tundra/images/menu.png Binary files differnew file mode 100644 index 0000000..f5b93d1 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/menu.png diff --git a/js/dojo/dijit/themes/tundra/images/minusButton.gif b/js/dojo/dijit/themes/tundra/images/minusButton.gif Binary files differnew file mode 100644 index 0000000..48d5172 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/minusButton.gif diff --git a/js/dojo/dijit/themes/tundra/images/no.gif b/js/dojo/dijit/themes/tundra/images/no.gif Binary files differnew file mode 100644 index 0000000..9021a14 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/no.gif diff --git a/js/dojo/dijit/themes/tundra/images/noX.gif b/js/dojo/dijit/themes/tundra/images/noX.gif Binary files differnew file mode 100644 index 0000000..4a16dc7 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/noX.gif diff --git a/js/dojo/dijit/themes/tundra/images/plusButton.gif b/js/dojo/dijit/themes/tundra/images/plusButton.gif Binary files differnew file mode 100644 index 0000000..103c021 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/plusButton.gif diff --git a/js/dojo/dijit/themes/tundra/images/popupMenuBg.gif b/js/dojo/dijit/themes/tundra/images/popupMenuBg.gif Binary files differnew file mode 100644 index 0000000..15f4f1b --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/popupMenuBg.gif diff --git a/js/dojo/dijit/themes/tundra/images/preciseSliderThumb.gif b/js/dojo/dijit/themes/tundra/images/preciseSliderThumb.gif Binary files differnew file mode 100644 index 0000000..15d4879 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/preciseSliderThumb.gif diff --git a/js/dojo/dijit/themes/tundra/images/preciseSliderThumb.png b/js/dojo/dijit/themes/tundra/images/preciseSliderThumb.png Binary files differnew file mode 100644 index 0000000..f2fc338 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/preciseSliderThumb.png diff --git a/js/dojo/dijit/themes/tundra/images/preciseSliderThumbFocus.gif b/js/dojo/dijit/themes/tundra/images/preciseSliderThumbFocus.gif Binary files differnew file mode 100644 index 0000000..b44611c --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/preciseSliderThumbFocus.gif diff --git a/js/dojo/dijit/themes/tundra/images/preciseSliderThumbFocus.png b/js/dojo/dijit/themes/tundra/images/preciseSliderThumbFocus.png Binary files differnew file mode 100644 index 0000000..fb06323 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/preciseSliderThumbFocus.png diff --git a/js/dojo/dijit/themes/tundra/images/progressBarAnim-1.png b/js/dojo/dijit/themes/tundra/images/progressBarAnim-1.png Binary files differnew file mode 100644 index 0000000..cfc3fd2 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/progressBarAnim-1.png diff --git a/js/dojo/dijit/themes/tundra/images/progressBarAnim-2.png b/js/dojo/dijit/themes/tundra/images/progressBarAnim-2.png Binary files differnew file mode 100644 index 0000000..d27981d --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/progressBarAnim-2.png diff --git a/js/dojo/dijit/themes/tundra/images/progressBarAnim-3.png b/js/dojo/dijit/themes/tundra/images/progressBarAnim-3.png Binary files differnew file mode 100644 index 0000000..3b92a7d --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/progressBarAnim-3.png diff --git a/js/dojo/dijit/themes/tundra/images/progressBarAnim-4.png b/js/dojo/dijit/themes/tundra/images/progressBarAnim-4.png Binary files differnew file mode 100644 index 0000000..61e4276 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/progressBarAnim-4.png diff --git a/js/dojo/dijit/themes/tundra/images/progressBarAnim-5.png b/js/dojo/dijit/themes/tundra/images/progressBarAnim-5.png Binary files differnew file mode 100644 index 0000000..48b189a --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/progressBarAnim-5.png diff --git a/js/dojo/dijit/themes/tundra/images/progressBarAnim-6.png b/js/dojo/dijit/themes/tundra/images/progressBarAnim-6.png Binary files differnew file mode 100644 index 0000000..af50c4d --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/progressBarAnim-6.png diff --git a/js/dojo/dijit/themes/tundra/images/progressBarAnim-7.png b/js/dojo/dijit/themes/tundra/images/progressBarAnim-7.png Binary files differnew file mode 100644 index 0000000..a4fffa3 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/progressBarAnim-7.png diff --git a/js/dojo/dijit/themes/tundra/images/progressBarAnim-8.png b/js/dojo/dijit/themes/tundra/images/progressBarAnim-8.png Binary files differnew file mode 100644 index 0000000..b4c92f3 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/progressBarAnim-8.png diff --git a/js/dojo/dijit/themes/tundra/images/progressBarAnim-9.png b/js/dojo/dijit/themes/tundra/images/progressBarAnim-9.png Binary files differnew file mode 100644 index 0000000..d8bff13 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/progressBarAnim-9.png diff --git a/js/dojo/dijit/themes/tundra/images/progressBarAnim.gif b/js/dojo/dijit/themes/tundra/images/progressBarAnim.gif Binary files differnew file mode 100644 index 0000000..d3df139 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/progressBarAnim.gif diff --git a/js/dojo/dijit/themes/tundra/images/progressBarAnim.psd b/js/dojo/dijit/themes/tundra/images/progressBarAnim.psd Binary files differnew file mode 100644 index 0000000..0a7bf23 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/progressBarAnim.psd diff --git a/js/dojo/dijit/themes/tundra/images/progressBarEmpty.png b/js/dojo/dijit/themes/tundra/images/progressBarEmpty.png Binary files differnew file mode 100644 index 0000000..07f4c91 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/progressBarEmpty.png diff --git a/js/dojo/dijit/themes/tundra/images/progressBarFull.png b/js/dojo/dijit/themes/tundra/images/progressBarFull.png Binary files differnew file mode 100644 index 0000000..0ce60f5 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/progressBarFull.png diff --git a/js/dojo/dijit/themes/tundra/images/radioButtonActive.png b/js/dojo/dijit/themes/tundra/images/radioButtonActive.png Binary files differnew file mode 100644 index 0000000..60840c7 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/radioButtonActive.png diff --git a/js/dojo/dijit/themes/tundra/images/radioButtonActiveDisabled.png b/js/dojo/dijit/themes/tundra/images/radioButtonActiveDisabled.png Binary files differnew file mode 100644 index 0000000..b49724e --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/radioButtonActiveDisabled.png diff --git a/js/dojo/dijit/themes/tundra/images/radioButtonActiveHover.png b/js/dojo/dijit/themes/tundra/images/radioButtonActiveHover.png Binary files differnew file mode 100644 index 0000000..f21d4e5 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/radioButtonActiveHover.png diff --git a/js/dojo/dijit/themes/tundra/images/radioButtonDisabled.png b/js/dojo/dijit/themes/tundra/images/radioButtonDisabled.png Binary files differnew file mode 100644 index 0000000..8da7e78 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/radioButtonDisabled.png diff --git a/js/dojo/dijit/themes/tundra/images/radioButtonEnabled.png b/js/dojo/dijit/themes/tundra/images/radioButtonEnabled.png Binary files differnew file mode 100644 index 0000000..4342fea --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/radioButtonEnabled.png diff --git a/js/dojo/dijit/themes/tundra/images/radioButtonHover.png b/js/dojo/dijit/themes/tundra/images/radioButtonHover.png Binary files differnew file mode 100644 index 0000000..fcb697f --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/radioButtonHover.png diff --git a/js/dojo/dijit/themes/tundra/images/sliderEmpty.png b/js/dojo/dijit/themes/tundra/images/sliderEmpty.png Binary files differnew file mode 100644 index 0000000..070c12f --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/sliderEmpty.png diff --git a/js/dojo/dijit/themes/tundra/images/sliderEmptyVertical.png b/js/dojo/dijit/themes/tundra/images/sliderEmptyVertical.png Binary files differnew file mode 100644 index 0000000..45aceb7 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/sliderEmptyVertical.png diff --git a/js/dojo/dijit/themes/tundra/images/sliderFull.png b/js/dojo/dijit/themes/tundra/images/sliderFull.png Binary files differnew file mode 100644 index 0000000..4b3fcbb --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/sliderFull.png diff --git a/js/dojo/dijit/themes/tundra/images/sliderFullFocus.png b/js/dojo/dijit/themes/tundra/images/sliderFullFocus.png Binary files differnew file mode 100644 index 0000000..ee19356 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/sliderFullFocus.png diff --git a/js/dojo/dijit/themes/tundra/images/sliderFullVertical.png b/js/dojo/dijit/themes/tundra/images/sliderFullVertical.png Binary files differnew file mode 100644 index 0000000..e7618e8 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/sliderFullVertical.png diff --git a/js/dojo/dijit/themes/tundra/images/sliderFullVerticalFocus.png b/js/dojo/dijit/themes/tundra/images/sliderFullVerticalFocus.png Binary files differnew file mode 100644 index 0000000..3ab37e6 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/sliderFullVerticalFocus.png diff --git a/js/dojo/dijit/themes/tundra/images/sliderThumb.png b/js/dojo/dijit/themes/tundra/images/sliderThumb.png Binary files differnew file mode 100644 index 0000000..fe33583 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/sliderThumb.png diff --git a/js/dojo/dijit/themes/tundra/images/sliderThumbFocus.gif b/js/dojo/dijit/themes/tundra/images/sliderThumbFocus.gif Binary files differnew file mode 100644 index 0000000..15dd3d9 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/sliderThumbFocus.gif diff --git a/js/dojo/dijit/themes/tundra/images/sliderThumbFocus.png b/js/dojo/dijit/themes/tundra/images/sliderThumbFocus.png Binary files differnew file mode 100644 index 0000000..fe9763a --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/sliderThumbFocus.png diff --git a/js/dojo/dijit/themes/tundra/images/smallArrowDown.png b/js/dojo/dijit/themes/tundra/images/smallArrowDown.png Binary files differnew file mode 100644 index 0000000..cabd01c --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/smallArrowDown.png diff --git a/js/dojo/dijit/themes/tundra/images/smallArrowUp.png b/js/dojo/dijit/themes/tundra/images/smallArrowUp.png Binary files differnew file mode 100644 index 0000000..a4dd670 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/smallArrowUp.png diff --git a/js/dojo/dijit/themes/tundra/images/splitContainerSizerH-thumb.png b/js/dojo/dijit/themes/tundra/images/splitContainerSizerH-thumb.png Binary files differnew file mode 100644 index 0000000..e7bc204 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/splitContainerSizerH-thumb.png diff --git a/js/dojo/dijit/themes/tundra/images/splitContainerSizerH.png b/js/dojo/dijit/themes/tundra/images/splitContainerSizerH.png Binary files differnew file mode 100644 index 0000000..0e5e471 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/splitContainerSizerH.png diff --git a/js/dojo/dijit/themes/tundra/images/splitContainerSizerV-thumb.png b/js/dojo/dijit/themes/tundra/images/splitContainerSizerV-thumb.png Binary files differnew file mode 100644 index 0000000..410a0a7 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/splitContainerSizerV-thumb.png diff --git a/js/dojo/dijit/themes/tundra/images/splitContainerSizerV.png b/js/dojo/dijit/themes/tundra/images/splitContainerSizerV.png Binary files differnew file mode 100644 index 0000000..6781f0e --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/splitContainerSizerV.png diff --git a/js/dojo/dijit/themes/tundra/images/spriteArrows.gif b/js/dojo/dijit/themes/tundra/images/spriteArrows.gif Binary files differnew file mode 100644 index 0000000..56a37f4 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/spriteArrows.gif diff --git a/js/dojo/dijit/themes/tundra/images/spriteArrows.png b/js/dojo/dijit/themes/tundra/images/spriteArrows.png Binary files differnew file mode 100644 index 0000000..e0229c9 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/spriteArrows.png diff --git a/js/dojo/dijit/themes/tundra/images/spriteRoundedIconsSmall.gif b/js/dojo/dijit/themes/tundra/images/spriteRoundedIconsSmall.gif Binary files differnew file mode 100644 index 0000000..251389a --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/spriteRoundedIconsSmall.gif diff --git a/js/dojo/dijit/themes/tundra/images/spriteRoundedIconsSmall.png b/js/dojo/dijit/themes/tundra/images/spriteRoundedIconsSmall.png Binary files differnew file mode 100644 index 0000000..e81ba07 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/spriteRoundedIconsSmall.png diff --git a/js/dojo/dijit/themes/tundra/images/tabActive.png b/js/dojo/dijit/themes/tundra/images/tabActive.png Binary files differnew file mode 100644 index 0000000..eaf1ed4 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/tabActive.png diff --git a/js/dojo/dijit/themes/tundra/images/tabClose.gif b/js/dojo/dijit/themes/tundra/images/tabClose.gif Binary files differnew file mode 100644 index 0000000..2cb0ee1 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/tabClose.gif diff --git a/js/dojo/dijit/themes/tundra/images/tabClose.png b/js/dojo/dijit/themes/tundra/images/tabClose.png Binary files differnew file mode 100644 index 0000000..136cd22 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/tabClose.png diff --git a/js/dojo/dijit/themes/tundra/images/tabCloseHover.gif b/js/dojo/dijit/themes/tundra/images/tabCloseHover.gif Binary files differnew file mode 100644 index 0000000..f59471e --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/tabCloseHover.gif diff --git a/js/dojo/dijit/themes/tundra/images/tabCloseHover.png b/js/dojo/dijit/themes/tundra/images/tabCloseHover.png Binary files differnew file mode 100644 index 0000000..290e77f --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/tabCloseHover.png diff --git a/js/dojo/dijit/themes/tundra/images/tabDisabled.png b/js/dojo/dijit/themes/tundra/images/tabDisabled.png Binary files differnew file mode 100644 index 0000000..ea0f617 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/tabDisabled.png diff --git a/js/dojo/dijit/themes/tundra/images/tabEnabled.png b/js/dojo/dijit/themes/tundra/images/tabEnabled.png Binary files differnew file mode 100644 index 0000000..d40cf45 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/tabEnabled.png diff --git a/js/dojo/dijit/themes/tundra/images/tabHover.gif b/js/dojo/dijit/themes/tundra/images/tabHover.gif Binary files differnew file mode 100644 index 0000000..471e0ee --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/tabHover.gif diff --git a/js/dojo/dijit/themes/tundra/images/tabHover.png b/js/dojo/dijit/themes/tundra/images/tabHover.png Binary files differnew file mode 100644 index 0000000..16487f1 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/tabHover.png diff --git a/js/dojo/dijit/themes/tundra/images/titleBar.png b/js/dojo/dijit/themes/tundra/images/titleBar.png Binary files differnew file mode 100644 index 0000000..b2609f3 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/titleBar.png diff --git a/js/dojo/dijit/themes/tundra/images/titleBarBg.gif b/js/dojo/dijit/themes/tundra/images/titleBarBg.gif Binary files differnew file mode 100644 index 0000000..1cd57cf --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/titleBarBg.gif diff --git a/js/dojo/dijit/themes/tundra/images/tooltipConnectorDown.gif b/js/dojo/dijit/themes/tundra/images/tooltipConnectorDown.gif Binary files differnew file mode 100644 index 0000000..18b2795 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/tooltipConnectorDown.gif diff --git a/js/dojo/dijit/themes/tundra/images/tooltipConnectorDown.png b/js/dojo/dijit/themes/tundra/images/tooltipConnectorDown.png Binary files differnew file mode 100644 index 0000000..1aff5a3 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/tooltipConnectorDown.png diff --git a/js/dojo/dijit/themes/tundra/images/tooltipConnectorLeft.gif b/js/dojo/dijit/themes/tundra/images/tooltipConnectorLeft.gif Binary files differnew file mode 100644 index 0000000..3d9cbc5 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/tooltipConnectorLeft.gif diff --git a/js/dojo/dijit/themes/tundra/images/tooltipConnectorLeft.png b/js/dojo/dijit/themes/tundra/images/tooltipConnectorLeft.png Binary files differnew file mode 100644 index 0000000..e68fec3 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/tooltipConnectorLeft.png diff --git a/js/dojo/dijit/themes/tundra/images/tooltipConnectorRight.gif b/js/dojo/dijit/themes/tundra/images/tooltipConnectorRight.gif Binary files differnew file mode 100644 index 0000000..2b887f7 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/tooltipConnectorRight.gif diff --git a/js/dojo/dijit/themes/tundra/images/tooltipConnectorRight.png b/js/dojo/dijit/themes/tundra/images/tooltipConnectorRight.png Binary files differnew file mode 100644 index 0000000..dc2434a --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/tooltipConnectorRight.png diff --git a/js/dojo/dijit/themes/tundra/images/tooltipConnectorUp.gif b/js/dojo/dijit/themes/tundra/images/tooltipConnectorUp.gif Binary files differnew file mode 100644 index 0000000..d0cad8a --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/tooltipConnectorUp.gif diff --git a/js/dojo/dijit/themes/tundra/images/tooltipConnectorUp.png b/js/dojo/dijit/themes/tundra/images/tooltipConnectorUp.png Binary files differnew file mode 100644 index 0000000..55a378b --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/tooltipConnectorUp.png diff --git a/js/dojo/dijit/themes/tundra/images/treeExpand_leaf.gif b/js/dojo/dijit/themes/tundra/images/treeExpand_leaf.gif Binary files differnew file mode 100644 index 0000000..4b1c6c1 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/treeExpand_leaf.gif diff --git a/js/dojo/dijit/themes/tundra/images/treeExpand_leaf_rtl.gif b/js/dojo/dijit/themes/tundra/images/treeExpand_leaf_rtl.gif Binary files differnew file mode 100644 index 0000000..b563d7c --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/treeExpand_leaf_rtl.gif diff --git a/js/dojo/dijit/themes/tundra/images/treeExpand_loading.gif b/js/dojo/dijit/themes/tundra/images/treeExpand_loading.gif Binary files differnew file mode 100644 index 0000000..424d376 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/treeExpand_loading.gif diff --git a/js/dojo/dijit/themes/tundra/images/treeExpand_minus.gif b/js/dojo/dijit/themes/tundra/images/treeExpand_minus.gif Binary files differnew file mode 100644 index 0000000..5977782 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/treeExpand_minus.gif diff --git a/js/dojo/dijit/themes/tundra/images/treeExpand_minus_rtl.gif b/js/dojo/dijit/themes/tundra/images/treeExpand_minus_rtl.gif Binary files differnew file mode 100644 index 0000000..cf50054 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/treeExpand_minus_rtl.gif diff --git a/js/dojo/dijit/themes/tundra/images/treeExpand_mius.gif b/js/dojo/dijit/themes/tundra/images/treeExpand_mius.gif Binary files differnew file mode 100644 index 0000000..5977782 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/treeExpand_mius.gif diff --git a/js/dojo/dijit/themes/tundra/images/treeExpand_plus.gif b/js/dojo/dijit/themes/tundra/images/treeExpand_plus.gif Binary files differnew file mode 100644 index 0000000..2b96a55 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/treeExpand_plus.gif diff --git a/js/dojo/dijit/themes/tundra/images/treeExpand_plus_rtl.gif b/js/dojo/dijit/themes/tundra/images/treeExpand_plus_rtl.gif Binary files differnew file mode 100644 index 0000000..11f9916 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/treeExpand_plus_rtl.gif diff --git a/js/dojo/dijit/themes/tundra/images/treeHover.png b/js/dojo/dijit/themes/tundra/images/treeHover.png Binary files differnew file mode 100644 index 0000000..cd6d28b --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/treeHover.png diff --git a/js/dojo/dijit/themes/tundra/images/validationInputBg.gif b/js/dojo/dijit/themes/tundra/images/validationInputBg.gif Binary files differnew file mode 100644 index 0000000..5a9916a --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/validationInputBg.gif diff --git a/js/dojo/dijit/themes/tundra/images/validationInputBg.png b/js/dojo/dijit/themes/tundra/images/validationInputBg.png Binary files differnew file mode 100644 index 0000000..d222fb4 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/validationInputBg.png diff --git a/js/dojo/dijit/themes/tundra/images/warning.png b/js/dojo/dijit/themes/tundra/images/warning.png Binary files differnew file mode 100644 index 0000000..c52f83d --- /dev/null +++ b/js/dojo/dijit/themes/tundra/images/warning.png diff --git a/js/dojo/dijit/themes/tundra/layout/AccordionContainer.css b/js/dojo/dijit/themes/tundra/layout/AccordionContainer.css new file mode 100644 index 0000000..c5621ef --- /dev/null +++ b/js/dojo/dijit/themes/tundra/layout/AccordionContainer.css @@ -0,0 +1,26 @@ +/* Accordion */ + +.tundra .dijitAccordionContainer { + border-color: #ccc; + background-color: #fff; +} + +/* common */ + +.tundra .dijitAccordionTitle { + background:#fafafa url("../images/titleBar.png") repeat-x bottom left; + border-top: 1px solid #bfbfbf; + padding: 4px 4px 4px 8px; +} + +.tundra .dijitAccordionTitleHover { + background: #f8fafd url("../images/accordionItemHover.gif") bottom repeat-x; +} + +.tundra .dijitAccordionTitleSelected { + background: #f9f9f9 url("../images/accordionItemActive.gif") bottom repeat-x; + font-weight: bold; + border-top: 1px solid #aaaaaa; + border-bottom: 1px solid #bfbfbf; + padding: 4px 4px 4px 8px; +}
\ No newline at end of file diff --git a/js/dojo/dijit/themes/tundra/layout/BorderContainer.css b/js/dojo/dijit/themes/tundra/layout/BorderContainer.css new file mode 100644 index 0000000..0dd1b1b --- /dev/null +++ b/js/dojo/dijit/themes/tundra/layout/BorderContainer.css @@ -0,0 +1,69 @@ +/* BorderContainer */ + +.tundra .dijitBorderContainer { + background-color: #fcfcfc; + padding: 5px; +} + +.tundra .dijitSplitContainer-child, +.tundra .dijitBorderContainer-child { + /* By default put borders on all children of BorderContainer, + * to give illusion of borders on the splitters themselves. + */ + border: 1px #ccc solid; +} + +.tundra .dijitBorderContainer-dijitTabContainerTop, +.tundra .dijitBorderContainer-dijitTabContainerBottom, +.tundra .dijitBorderContainer-dijitTabContainerLeft, +.tundra .dijitBorderContainer-dijitTabContainerRight { + /* except that TabContainer defines borders on it's sub-nodes (tablist and dijitTabPaneWrapper), + * so override rule setting border on domNode + */ + border: none; +} + +.tundra .dijitBorderContainer-dijitBorderContainer { + /* also, make nested BorderContainers look like a single big widget with lots of splitters */ + border: none; + padding: 0; +} + +.tundra .dijitSplitterH, +.tundra .dijitGutterH { + background:#fcfcfc; + border:0; + height:5px; +} + +.tundra .dijitSplitterH .dijitSplitterThumb { + background:#B0B0B0 none; + height:1px; + top:2px; + width:19px; +} + +.tundra .dijitSplitterV, +.tundra .dijitGutterV { + background:#fcfcfc; + border:0; + width:5px; +} + +.tundra .dijitSplitterV .dijitSplitterThumb { + background:#B0B0B0 none; + height:19px; + left:2px; + width:1px; +} + +/* active splitter */ +.tundra .dijitSplitterActive { + font-size: 1px; + background-image: none; + background-color: #aaa; + -moz-opacity: 0.6; + opacity: 0.6; + filter: Alpha(Opacity=60); + margin: 0; +} diff --git a/js/dojo/dijit/themes/tundra/layout/ContentPane.css b/js/dojo/dijit/themes/tundra/layout/ContentPane.css new file mode 100644 index 0000000..21d25d5 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/layout/ContentPane.css @@ -0,0 +1,21 @@ +/* ContentPane */ + +.tundra .dijitContentPane { + padding: 0; +} + +/* nested layouts */ +.tundra .dijitTabContainerTop-dijitContentPane, +.tundra .dijitTabContainerLeft-dijitContentPane, +.tundra .dijitTabContainerBottom-dijitContentPane, +.tundra .dijitTabContainerRight-dijitContentPane, +.tundra .dijitAccordionContainer-dijitContentPane { + background-color: #fff; + padding: 5px; +} + +.tundra .dijitSplitContainer-dijitContentPane, +.tundra .dijitBorderContainer-dijitContentPane { + background-color: #fff; /* override background-color setting on parent .dijitBorderContainer */ + padding: 5px; +}
\ No newline at end of file diff --git a/js/dojo/dijit/themes/tundra/layout/SplitContainer.css b/js/dojo/dijit/themes/tundra/layout/SplitContainer.css new file mode 100644 index 0000000..5a3eed6 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/layout/SplitContainer.css @@ -0,0 +1,31 @@ +.tundra .dijitSplitContainerSizerH { + background:url("../images/splitContainerSizerV.png") repeat-y #fff; + border:0; + border-left:1px solid #bfbfbf; + border-right:1px solid #bfbfbf; + width:7px; +} + +.tundra .dijitSplitContainerSizerH .thumb { + background:url("../images/splitContainerSizerV-thumb.png") no-repeat #ccc; + left:1px; + width:3px; + height:19px; + overflow: hidden; +} + +.tundra .dijitSplitContainerSizerV { + background:url("../images/splitContainerSizerH.png") repeat-x #fff; + border:0; + border-top:1px solid #bfbfbf; + border-bottom:1px solid #bfbfbf; + height:7px; +} + +.tundra .dijitSplitContainerSizerV .thumb { + background:url("../images/splitContainerSizerH-thumb.png") no-repeat #ccc; + top:1px; + width:19px; + height:3px; + overflow: hidden; +} diff --git a/js/dojo/dijit/themes/tundra/layout/TabContainer.css b/js/dojo/dijit/themes/tundra/layout/TabContainer.css new file mode 100644 index 0000000..667da4a --- /dev/null +++ b/js/dojo/dijit/themes/tundra/layout/TabContainer.css @@ -0,0 +1,335 @@ +/* Tabs, shared classes */ +.tundra .dijitTabPaneWrapper { + background:#fff; + border:1px solid #ccc; + margin: 0; + padding: 0; +} + +.tundra .dijitTab { + line-height:normal; + margin-right:4px; /* space between one tab and the next in top/bottom mode */ + padding:0; + border:1px solid #ccc; + background:#e2e2e2 url("../images/tabEnabled.png") repeat-x; +} + +.tundra .dijitTabInnerDiv { + padding:2px 8px 2px 9px; +} + +.tundra .dijitTabSpacer { + display: none; +} + +.tundra .dijitTabContainer .tabStripRBtn { + margin-right: 20px; +} +.tundra .dijitTabContainer .tabStripLBtn { + margin-left: 20px; +} + +.tundra .nowrapTabStrip .dijitTab { + top: 2px; +} +.tundra .dijitTabContainerBottom .nowrapTabStrip .dijitTab { + top: 0; + bottom: 2px; +} + +/* checked tab*/ +.tundra .dijitTabChecked { + /* the selected tab (with or without hover) */ + background-color:#fff; + border-color: #ccc; + background-image:none; +} + +/* hovered tab */ +.tundra .dijitTabHover { + color: #243C5F; + border-top-color:#92a0b3; + border-left-color:#92a0b3; + border-right-color:#92a0b3; + border-bottom-color:#92a0b3; + background:#e2e2e2 url("../images/tabHover.gif") repeat-x; +} + +.tundra .dijitTabContainerTop .dijitTabHover { + border-bottom-color:#ccc; +} + +.tundra .dijitTabContainerBottom .dijitTabHover { + border-top-color:#ccc; +} + +.tundra .dijitTabContainerLeft .dijitTabHover { + border-right-color:#ccc; +} + +.tundra .dijitTabContainerRight .dijitTabHover { + border-left-color:#ccc; +} + +.tundra .dijitTabContainer .dijitTabCheckedHover { + color: inherit; + border:1px solid #ccc; + background:#fff; +} + +.tundra .dijitTab .tabLabel { + /* make sure tabs w/close button and w/out close button are same height, even w/small (<12px) font */ + min-height: 12px; + display: inline-block; +} + +/* Nested Tabs */ + +.tundra .dijitTabContainerNested .dijitTabListWrapper { + height: auto; +} + +.tundra .dijitTabContainerNested .dijitTabContainerTop-tabs { + border-bottom: 1px solid #CCC; +} + +.tundra .dijitTabContainerTabListNested .dijitTab { + background: none; + border: none; + top: 0; /* to override top: 1px/-1px for normal tabs */ +} +.tundra .dijitTabContainerTabListNested .dijitTab .dijitTabContent { +} +.tundra .dijitTabContainerTabListNested .dijitTabHover .dijitTabContent .tabLabel { + text-decoration: underline; +} +.tundra .dijitTabContainerTabListNested .dijitTabChecked .dijitTabContent .tabLabel { + text-decoration: underline; + font-weight: bold; + /*background:#f3f3f3;*/ +} +.tundra .dijitTabContainer .dijitTabPaneWrapperNested { + border: none; /* prevent double border */ +} + +/* Close button */ + +.tundra .dijitTabCloseButton { + background: url("../images/tabClose.png") no-repeat right top; + width: 12px; + height: 12px; +} +.dj_ie6 .tundra .dijitTabCloseButton { + background-image : url("../images/tabClose.gif"); +} + +.tundra .dijitTabCloseButtonHover { + background-image : url("../images/tabCloseHover.png"); +} +.dj_ie6 .tundra .dijitTabCloseButtonHover { + background-image : url("../images/tabCloseHover.gif"); +} + +/* ================================ */ +/* top tabs */ + +.tundra .dijitTabContainerTop-tabs { + margin-bottom: 0; + border-color: #cccccc; + padding-left: 3px; + background-position: bottom; +} +.tundra .dijitTabContainerTop-tabs .dijitTab { + top: 0; + margin-bottom: -1px; +} + +/* top container */ +.tundra .dijitTabContainerTop-container { + border-top: none; +} + +/* checked tabs */ +.tundra .dijitTabContainerTop-tabs .dijitTabChecked { + border-bottom-color:white; +} + +.tundra .dijitTabContainerTop-tabs, +.tundra .dijitTabContainerBottom-tabs { + padding-left: 3px; + padding-right: 3px; +} + +/* strip */ +.tundra .dijitTabContainerTopStrip { + border-top: 1px solid #CCC; + border-right: 1px solid #CCC; + border-left: 1px solid #CCC; + padding-top: 2px; + background: #f2f2f2; +} + +.tundra .dijitTabContainerTopNone { + padding-top: 0; +} + + +/* ================================ */ +/* bottom tabs */ +.tundra .dijitTabContainerBottom-tabs { + margin-top: 0; + border-color: #cccccc; + background-position: top; + padding-left: 3px; +} +.tundra .dijitTabContainerBottom-tabs .dijitTab { + bottom: 0; + margin-top: -1px; +} + +/* bottom container */ +.tundra .dijitTabContainerBottom-container { + border-bottom: none; +} + +/* checked tabs */ +.tundra .dijitTabContainerBottom-tabs .dijitTabChecked { + border-top-color:white; +} + +/* strip */ +.tundra .dijitTabContainerBottomStrip { + padding-bottom: 2px; + border: 1px solid #ccc; + background: #f2f2f2; + border-top: none; +} + +/* ================================ */ +/* right tabs */ +.tundra .dijitTabContainerRight-tabs { + border-color: #ccc; + height: 100%; + padding-top: 3px; +} + +.tundra .dijitTabContainerRightStrip { + margin-left: -1px; +} + +/* right container */ +.tundra .dijitTabContainerRight-container { + border-right: none; +} + +/* checked tabs */ +.tundra .dijitTabContainerRight-tabs .dijitTabChecked { + border-left-color:white; +} + +/* strip */ +.tundra .dijitTabContainerRightStrip { + padding-right: 2px; + border: 1px solid #ccc; +} + +.tundra .dijitTabContainerRightStrip { + background: #f2f2f2; +} + +/* ================================ */ +/* left tabs */ +.tundra .dijitTabContainerLeft-tabs { + border-color: #ccc; + padding-top: 3px; + height: 100%; +} + +/* left conatiner */ +.tundra .dijitTabContainerLeft-container { + border-left: none; +} + +/* checked tabs */ +.tundra .dijitTabContainerLeft-tabs .dijitTabChecked { + border-right-color:white; +} + +/* strip */ +.tundra .dijitTabContainerLeftStrip { + padding-left: 2px; + border: 1px solid #ccc; + background: #f2f2f2; + border-right: none; +} + +/* ================================ */ +/* left/right tabs */ +.tundra .dijitTabContainerLeft-tabs .dijitTab, +.tundra .dijitTabContainerRight-tabs .dijitTab { + margin-right:0; + margin-bottom:4px; /* space between one tab and the next in left/right mode */ +} + +/* ================================ */ + +/* this resets the tabcontainer stripe when within a contentpane */ +.tundra .dijitTabContainerTop-dijitContentPane .dijitTabContainerTop-tabs { + border-left: 0 solid #ccc; + border-top: 0 solid #ccc; + border-right: 0 solid #ccc; + padding-top: 0; + padding-left: 0; +} + +/* ================================ */ + +/* Menu and slider control styles */ +.tundra .dijitTabContainer .tabStripButton { + margin-right: 0; + padding-top: 2px; + z-index: 12; +} + +.tundra .dijitTabContainerBottom .tabStripButton { + padding-top: 2px; +} + +.tundra .tabStrip-disabled .tabStripButton .dijitTabInnerDiv { + padding-bottom: 3px; + padding-top: 1px; +} + +.tundra .tabStripButton .dijitTabInnerDiv { + padding: 3px 2px 4px 2px; +} + +.dj_ie6 .tundra .tabStripButton .dijitTabInnerDiv, +.dj_ie7 .tundra .tabStripButton .dijitTabInnerDiv, +.dj_opera .tundra .tabStripButton .dijitTabInnerDiv { + padding-bottom: 5px; +} +.dj_ie6 .tundra .tabStrip-disabled .tabStripButton .dijitTabInnerDiv, +.dj_ie7 .tundra .tabStrip-disabled .tabStripButton .dijitTabInnerDiv, +.dj_opera .tundra .tabStrip-disabled .tabStripButton .dijitTabInnerDiv { + padding-bottom: 4px; +} + +.tundra .dijitTabStripIcon { + height: 14px; + width: 14px; + background: url(../images/spriteRoundedIconsSmall.png) no-repeat left top ; +} + +.dj_ie6 .tundra .dijitTabStripIcon { + background-image: url(../images/spriteRoundedIconsSmall.gif); +} + +.tundra .dijitTabStripSlideRightIcon { + background-position: -30px top; +} + +.tundra .dijitTabStripMenuIcon { + background-position: -15px top; +} + diff --git a/js/dojo/dijit/themes/tundra/layout/TabContainer_rtl.css b/js/dojo/dijit/themes/tundra/layout/TabContainer_rtl.css new file mode 100644 index 0000000..fb8e28e --- /dev/null +++ b/js/dojo/dijit/themes/tundra/layout/TabContainer_rtl.css @@ -0,0 +1,51 @@ +.tundra .dijitTabRtl { + -moz-box-orient:horizontal; + text-align: right; +} + +.tundra .dijitTabRtl .dijitTabInnerDiv { + padding:2px 9px 2px 8px; +} + +.tundra .tabStrip-disabled .tabStripButtonRtl .dijitTabInnerDiv { + /* this is not special for RTL mode, but just here to override rule above (for enabled tabstrip) */ + padding-bottom: 3px; + padding-top: 1px; +} + +.tundra .tabStripButtonRtl .dijitTabInnerDiv { + padding: 3px 2px 4px 2px; +} + +.tundra .dijitTabPaneWrapper { + #zoom: 1; +} + +.dj_ie-rtl .tundra .dijitTabContainerLeft-tabs { + margin-left: 1px !important; +} + +.dj_ie-rtl .tundra .dijitTabContainerRight-tabs { + margin-right: 1px !important; +} + +.tundra .dijitTabContainerLeft-tabs .dijitTabRtl, +.tundra .dijitTabContainerRight-tabs .dijitTabRtl { + margin-left:0; +} + +.dj_ie .tundra .dijitTabRtl .dijitTabInnerDiv { + /* without this the tab label and icon become invisible, as though they were set to visibility:hidden */ + width : 0.1% !important; +} + + + +.dj_iequirks-rtl .tundra .dijitTabContainerTopNone, +.dj_iequirks-rtl .tundra .dijitTabContainerBottomNone { + /* this strange rule prevents IE6 bug in themeTesterQuirk.html?dir=rtl upon closing + * "Closable" tab, where the other tabs disappear + */ + border-left: 1px solid #fff; + border-right: 1px solid #fff; +} diff --git a/js/dojo/dijit/themes/tundra/tundra.css b/js/dojo/dijit/themes/tundra/tundra.css new file mode 100644 index 0000000..f1d239c --- /dev/null +++ b/js/dojo/dijit/themes/tundra/tundra.css @@ -0,0 +1,41 @@ +/* + Adds cosmetic styling to Dijit. Users may swap with a custom theme CSS file. + + NOTES: + --- + Dialog.css contains css classes for both Dialog and Tooltip! + This because currently a dijit.TooltipDialog exist. Until this is resolved + you need to include Dialog.css for both dijits + --- + Toolbar.css contains classes also used in Editor. Until this is resolved + you need to include Toolbar.css for both Toolbar and Editor + --- + Button.css contains classes for combobox, + +*/ +@import url("../dijit.css"); +@import url("../../icons/commonIcons.css");/*sprite containing common icons to be used by all themes*/ +@import url("Common.css"); +@import url("layout/ContentPane.css"); +@import url("layout/TabContainer.css"); +@import url("layout/AccordionContainer.css"); +@import url("layout/SplitContainer.css"); +@import url("layout/BorderContainer.css"); +@import url("form/Common.css"); +@import url("form/Button.css"); +@import url("form/Checkbox.css"); +@import url("form/RadioButton.css"); +@import url("form/Slider.css"); +@import url("form/Select.css"); +@import url("Tree.css"); +@import url("ProgressBar.css"); +@import url("TitlePane.css"); +@import url("Calendar.css"); +@import url("TimePicker.css"); +@import url("Toolbar.css"); +@import url("Dialog.css"); +@import url("Menu.css"); +@import url("Editor.css"); +@import url("../../icons/editorIcons.css"); /* sprite for editor icons to be used by all themes */ +@import url("ColorPalette.css"); +@import url("tundra_rtl.css"); diff --git a/js/dojo/dijit/themes/tundra/tundra_rtl.css b/js/dojo/dijit/themes/tundra/tundra_rtl.css new file mode 100644 index 0000000..58b7541 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/tundra_rtl.css @@ -0,0 +1,27 @@ +/* + Adds cosmetic styling to Dijit. Users may swap with a custom theme CSS file. + + NOTES: + --- + Dialog.css contains css classes for both Dialog and Tooltip! + This because currently a dijit.TooltipDialog exist. Until this is resolved + you need to include Dialog.css for both dijits + --- + Toolbar.css contains classes also used in Editor. Until this is resolved + you need to include Toolbar.css for both Toolbar and Editor + --- + Button.css contains classes for combobox, + +*/ +/* RTL files */ +@import url("../dijit_rtl.css"); +@import url("Calendar_rtl.css"); +@import url("TimePicker_rtl.css"); +@import url("Dialog_rtl.css"); +@import url("Editor_rtl.css"); +@import url("../../icons/editorIcons_rtl.css");/* RTL sprite for editor icons to be used by all themes*/ +@import url("Menu_rtl.css"); +@import url("Tree_rtl.css"); +@import url("TitlePane_rtl.css"); +@import url("layout/TabContainer_rtl.css"); +@import url("form/Slider_rtl.css"); |
