mirror of
https://git.tt-rss.org/git/tt-rss.git
synced 2026-02-05 08:27:11 +00:00
Add css optimization to dojo builds
This commit is contained in:
Jeremy Christian
File diff suppressed because one or more lines are too long
@@ -1,18 +1 @@
|
||||
.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;
|
||||
}
|
||||
.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;}
|
||||
@@ -1,41 +1 @@
|
||||
/* 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;
|
||||
}
|
||||
.claro .dijitColorPalette {border: 1px solid #b5bcc7; background: #ffffff; -moz-border-radius: 0; border-radius: 0;}.claro .dijitColorPalette .dijitPaletteImg {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;}
|
||||
@@ -1,97 +1 @@
|
||||
/* ========= 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 .dojoDndItem {
|
||||
border-color: rgba(0, 0, 0, 0);
|
||||
-webkit-transition-duration: 0.25s;
|
||||
-moz-transition-duration: 0.25s;
|
||||
transition-duration: 0.25s;
|
||||
-webkit-transition-property: background-color, border-color;
|
||||
-moz-transition-property: background-color, border-color;
|
||||
transition-property: background-color, border-color;
|
||||
}
|
||||
.claro .dojoDndItemOver {
|
||||
background-color: #abd6ff;
|
||||
background-image: url("images/standardGradient.png");
|
||||
background-repeat: repeat-x;
|
||||
background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
_background-image: none;
|
||||
padding: 1px;
|
||||
border: solid 1px #759dc0;
|
||||
color: #000000;
|
||||
}
|
||||
.claro .dojoDndItemAnchor, .claro .dojoDndItemSelected {
|
||||
background-color: #cfe5fa;
|
||||
background-image: url("images/standardGradient.png");
|
||||
background-repeat: repeat-x;
|
||||
background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
_background-image: none;
|
||||
padding: 1px;
|
||||
border: solid 1px #759dc0;
|
||||
color: #000000;
|
||||
}
|
||||
.claro .dojoDndItemBefore, .claro .dojoDndItemAfter {
|
||||
border-color: #759dc0;
|
||||
}
|
||||
.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;
|
||||
}
|
||||
.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 {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}.claro .dijitComboBoxHighlightMatch {background-color: #abd6ff;}.claro .dijitFocusedLabel {outline: 1px dotted #494949;}.claro .dojoDndItem {border-color: rgba(0, 0, 0, 0); -webkit-transition-duration: 0.25s; -moz-transition-duration: 0.25s; transition-duration: 0.25s; -webkit-transition-property: background-color, border-color; -moz-transition-property: background-color, border-color; transition-property: background-color, border-color;}.claro .dojoDndItemOver {background-color: #abd6ff; background-image: url("images/standardGradient.png"); background-repeat: repeat-x; background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); _background-image: none; padding: 1px; border: solid 1px #759dc0; color: #000000;}.claro .dojoDndItemAnchor, .claro .dojoDndItemSelected {background-color: #cfe5fa; background-image: url("images/standardGradient.png"); background-repeat: repeat-x; background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); _background-image: none; padding: 1px; border: solid 1px #759dc0; color: #000000;}.claro .dojoDndItemBefore, .claro .dojoDndItemAfter {border-color: #759dc0;}.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;}
|
||||
@@ -1,218 +1 @@
|
||||
/* 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 .dijitTooltipDialog .dijitDialogPaneActionBar {
|
||||
-webkit-border-bottom-right-radius: 4px;
|
||||
-webkit-border-bottom-left-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
border-bottom-left-radius: 4px;
|
||||
-moz-border-radius-bottomright: 4px;
|
||||
-moz-border-radius-bottomleft: 4px;
|
||||
margin: 10px -10px -8px;
|
||||
}
|
||||
.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/standardGradient.png");
|
||||
background-repeat: repeat-x;
|
||||
background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
_background-image: none;
|
||||
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: -moz-linear-gradient(bottom, rgba(207, 229, 250, 0.1) 0px, #ffffff 10px);
|
||||
background-image: -webkit-linear-gradient(bottom, rgba(207, 229, 250, 0.1) 0px, #ffffff 10px);
|
||||
background-image: -o-linear-gradient(bottom, rgba(207, 229, 250, 0.1) 0px, #ffffff 10px);
|
||||
background-image: linear-gradient(bottom, rgba(207, 229, 250, 0.1) 0px, #ffffff 10px);
|
||||
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;
|
||||
}
|
||||
.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;
|
||||
}
|
||||
.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 {margin: -10px -8px; padding: 10px 8px;}.claro .dijitDialogPaneActionBar {background-color: #efefef; padding: 3px 5px 2px 7px; text-align: right; border-top: 1px solid #d3d3d3; margin: 10px -8px -10px;}.claro .dijitTooltipDialog .dijitDialogPaneActionBar {-webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; margin: 10px -10px -8px;}.claro .dijitDialogPaneActionBar .dijitButton {float: none;}.claro .dijitDialogTitleBar {border: 1px solid #ffffff; border-top: none; background-color: #abd6ff; background-image: url("images/standardGradient.png"); background-repeat: repeat-x; background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); _background-image: none; padding: 5px 7px 4px 7px;}.claro .dijitDialogTitle {padding: 0 1px; font-size: 1.091em; color: #000000;}.claro .dijitDialogCloseIcon {background: url("images/dialogCloseIcon.png"); background-repeat: no-repeat; position: absolute; right: 5px; height: 15px; width: 21px;}.dj_ie6 .claro .dijitDialogCloseIcon {background-image: url("images/dialogCloseIcon8bit.png");}.claro .dijitDialogCloseIconHover {background-position: -21px;}.claro .dijitDialogCloseIconActive {background-position: -42px;}.claro .dijitTooltip, .claro .dijitTooltipDialog {background: transparent;}.dijitTooltipBelow {padding-top: 13px; padding-left: 3px; padding-right: 3px;}.dijitTooltipAbove {padding-bottom: 13px; padding-left: 3px; padding-right: 3px;}.claro .dijitTooltipContainer {background-color: #ffffff; background-image: -moz-linear-gradient(bottom, rgba(207, 229, 250, 0.1) 0px, #ffffff 10px); background-image: -webkit-linear-gradient(bottom, rgba(207, 229, 250, 0.1) 0px, #ffffff 10px); background-image: -o-linear-gradient(bottom, rgba(207, 229, 250, 0.1) 0px, #ffffff 10px); background-image: linear-gradient(bottom, rgba(207, 229, 250, 0.1) 0px, #ffffff 10px); 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;}.claro .dijitTooltipConnector {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 {left: auto !important; right: 3px;}.claro .dijitTooltipBelow .dijitTooltipConnector {top: 0; left: 3px; background-position: -31px 0; width: 16px; height: 14px;}.claro .dijitTooltipAbove .dijitTooltipConnector {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 {right: 0; background-position: 0 0; width: 16px; height: 14px;}.claro .dijitTooltipRight {padding-left: 14px;}.claro .dijitTooltipRight .dijitTooltipConnector {left: 0; background-position: -48px 0; width: 16px; height: 14px;}.claro .dijitDialogUnderlay {background: #ffffff;}
|
||||
@@ -1,9 +1 @@
|
||||
/* Dialog */
|
||||
.claro .dijitDialogRtl .dijitDialogCloseIcon {
|
||||
right: auto;
|
||||
left: 5px;
|
||||
}
|
||||
.claro .dijitDialogRtl .dijitDialogPaneActionBar {
|
||||
text-align: left;
|
||||
padding: 3px 7px 2px 5px;
|
||||
}
|
||||
.claro .dijitDialogRtl .dijitDialogCloseIcon {right: auto; left: 5px;}.claro .dijitDialogRtl .dijitDialogPaneActionBar {text-align: left; padding: 3px 7px 2px 5px;}
|
||||
@@ -1,50 +1 @@
|
||||
/* 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-repeat: repeat-x;
|
||||
}
|
||||
.claro .dijitEditorHover .dijitEditorIFrameContainer, .claro .dijitEditorHover .dijitEditorIFrameContainer .dijitEditorIFrame {
|
||||
background-color: #e5f2fe;
|
||||
}
|
||||
.claro .dijitEditorFocused .dijitEditorIFrameContainer, .claro .dijitEditorFocused .dijitEditorIFrameContainer .dijitEditorIFrame {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.claro .dijitEditorHover .dijitEditorIFrameContainer, .claro .dijitEditorFocused .dijitEditorIFrameContainer {
|
||||
background-image: -moz-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px);
|
||||
background-image: -webkit-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px);
|
||||
background-image: -o-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px);
|
||||
background-image: linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px);
|
||||
}
|
||||
/* 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;
|
||||
}
|
||||
.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-repeat: repeat-x;}.claro .dijitEditorHover .dijitEditorIFrameContainer, .claro .dijitEditorHover .dijitEditorIFrameContainer .dijitEditorIFrame {background-color: #e5f2fe;}.claro .dijitEditorFocused .dijitEditorIFrameContainer, .claro .dijitEditorFocused .dijitEditorIFrameContainer .dijitEditorIFrame {background-color: #ffffff;}.claro .dijitEditorHover .dijitEditorIFrameContainer, .claro .dijitEditorFocused .dijitEditorIFrameContainer {background-image: -moz-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); background-image: -webkit-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); background-image: -o-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); background-image: linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px);}.claro .dijitEditorDisabled {border: 1px solid #d3d3d3; color: #818181;}.claro .dijitDisabled .dijitEditorIFrame, .claro .dijitDisabled .dijitEditorIFrameContainer, .claro .dijitDisabled .dijitEditorIFrameContainer .dijitEditorIFrame {background-color: #efefef; background-image: none;}
|
||||
@@ -1,4 +1 @@
|
||||
/* Editor */
|
||||
.claro .dijitEditorRtl .dijitEditorIFrameContainer {
|
||||
padding: 3px 10px 1px 3px;
|
||||
}
|
||||
.claro .dijitEditorRtl .dijitEditorIFrameContainer {padding: 3px 10px 1px 3px;}
|
||||
@@ -1,20 +1 @@
|
||||
/* 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;
|
||||
}
|
||||
.claro .dijitInlineEditBoxDisplayMode {border: 1px solid transparent;}.claro .dijitInlineEditBoxDisplayModeHover {background-color: #e5f2fe; border: solid 1px #759dc0;}.dj_ie6 .claro .dijitInlineEditBoxDisplayMode {border: none;}
|
||||
@@ -1,182 +1 @@
|
||||
/* 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 background-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/standardGradient.png");
|
||||
background-repeat: repeat-x;
|
||||
background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
_background-image: none;
|
||||
}
|
||||
.claro .dijitMenu {
|
||||
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 .dijitMenuItem {
|
||||
color: #000000;
|
||||
}
|
||||
.claro .dijitMenuBar .dijitMenuItem {
|
||||
padding: 6px 10px 7px;
|
||||
margin: -1px;
|
||||
}
|
||||
.claro .dijitMenuBar .dijitMenuItemHover, .claro .dijitMenuBar .dijitMenuItemSelected {
|
||||
border: solid 1px #759dc0;
|
||||
padding: 5px 9px 6px;
|
||||
}
|
||||
/* 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 MenuItem or MenuBarItem */
|
||||
.claro .dijitSelectMenu .dijitMenuItemHover td,
|
||||
.claro .dijitSelectMenu .dijitMenuItemSelected td,
|
||||
.claro .dijitMenuItemHover,
|
||||
.claro .dijitMenuItemSelected {
|
||||
background-color: #abd6ff;
|
||||
background-image: url("images/standardGradient.png");
|
||||
background-repeat: repeat-x;
|
||||
background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
_background-image: none;
|
||||
}
|
||||
.claro .dijitMenuItemActive {
|
||||
background-image: url("images/activeGradient.png");
|
||||
background-repeat: repeat-x;
|
||||
background-image: -moz-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: -webkit-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: -o-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%);
|
||||
_background-image: none;
|
||||
}
|
||||
.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 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 .dijitSelectMenu .dijitMenuItem td, .claro .dijitComboBoxMenu .dijitMenuItem {
|
||||
padding: 2px;
|
||||
border-width: 1px 0 1px 0;
|
||||
border-style: solid;
|
||||
border-color: #ffffff;
|
||||
}
|
||||
.claro .dijitSelectMenu .dijitMenuItemSelected td, .claro .dijitComboBoxMenu .dijitMenuItemSelected {
|
||||
color: #000000;
|
||||
border-color: #759dc0;
|
||||
background-color: #abd6ff;
|
||||
}
|
||||
.claro .dijitSelectMenu .dijitMenuItemHover td, .claro .dijitComboBoxMenu .dijitMenuItemHover {
|
||||
color: #000000;
|
||||
border-color: #769dc0;
|
||||
background-color: #abd6ff;
|
||||
}
|
||||
.claro .dijitComboBoxMenuActive .dijitMenuItemSelected {
|
||||
background-color: #7dbdfa;
|
||||
/* TODO: why is this a different color than normal .dijitMenuItemSelected? */
|
||||
|
||||
}
|
||||
.claro .dijitMenuPreviousButton, .claro .dijitMenuNextButton {
|
||||
font-style: italic;
|
||||
}
|
||||
.claro .dijitMenuBar {border: 1px solid #b5bcc7; margin: 0; padding: 0; background-color: #efefef; background-image: url("images/standardGradient.png"); background-repeat: repeat-x; background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); _background-image: none;}.claro .dijitMenu {background-color: #ffffff; border: 1px solid #759dc0; margin: -1px 0;}.dj_ie6 .claro .dijitMenu {margin: 0;}.claro .dijitMenuItem {color: #000000;}.claro .dijitMenuBar .dijitMenuItem {padding: 6px 10px 7px; margin: -1px;}.claro .dijitMenuBar .dijitMenuItemHover, .claro .dijitMenuBar .dijitMenuItemSelected {border: solid 1px #759dc0; padding: 5px 9px 6px;}.claro .dijitMenuTable {border-collapse: separate; border-spacing: 0 0; padding: 0;}.claro .dijitMenuItem td {padding: 1px;}.claro .dijitSelectMenu .dijitMenuItemHover td,.claro .dijitSelectMenu .dijitMenuItemSelected td,.claro .dijitMenuItemHover,.claro .dijitMenuItemSelected {background-color: #abd6ff; background-image: url("images/standardGradient.png"); background-repeat: repeat-x; background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); _background-image: none;}.claro .dijitMenuItemActive {background-image: url("images/activeGradient.png"); background-repeat: repeat-x; background-image: -moz-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); background-image: -webkit-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); _background-image: none;}.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 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; border-bottom: 1px solid #b5bcc7;}.claro .dijitMenuSeparatorBottom {height: auto; margin-bottom: 1px;}.claro .dijitCheckedMenuItemIconChar {display: none;}.claro .dijitCheckedMenuItemIcon {background-image: url("form/images/checkboxRadioButtonStates.png"); background-repeat: no-repeat; background-position: -15px 50%; width: 15px; height: 16px;}.dj_ie6 .claro .dijitCheckedMenuItemIcon {background-image: url("form/images/checkboxAndRadioButtons_IE6.png");}.claro .dijitCheckedMenuItemChecked .dijitCheckedMenuItemIcon {background-position: 0 50%;}.claro .dijitComboBoxMenu {margin-left: 0; background-image: none;}.claro .dijitSelectMenu .dijitMenuItem td, .claro .dijitComboBoxMenu .dijitMenuItem {padding: 2px; border-width: 1px 0 1px 0; border-style: solid; border-color: #ffffff;}.claro .dijitSelectMenu .dijitMenuItemSelected td, .claro .dijitComboBoxMenu .dijitMenuItemSelected {color: #000000; border-color: #759dc0; background-color: #abd6ff;}.claro .dijitSelectMenu .dijitMenuItemHover td, .claro .dijitComboBoxMenu .dijitMenuItemHover {color: #000000; border-color: #769dc0; background-color: #abd6ff;}.claro .dijitComboBoxMenuActive .dijitMenuItemSelected {background-color: #7dbdfa;}.claro .dijitMenuPreviousButton, .claro .dijitMenuNextButton {font-style: italic;}
|
||||
@@ -1,8 +1 @@
|
||||
.claro .dijitMenuItemRtl .dijitMenuExpand {
|
||||
background-position: -7px 0;
|
||||
margin-right: 0;
|
||||
margin-left: 3px;
|
||||
}
|
||||
.claro .dijitMenuItemRtl .dijitMenuItemIcon {
|
||||
margin: 0 4px 0 0;
|
||||
}
|
||||
.claro .dijitMenuItemRtl .dijitMenuExpand {background-position: -7px 0; margin-right: 0; margin-left: 3px;}.claro .dijitMenuItemRtl .dijitMenuItemIcon {margin: 0 4px 0 0;}
|
||||
@@ -1,70 +1 @@
|
||||
/* 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-color: #ffffff;
|
||||
border-color: #759dc0;
|
||||
}
|
||||
.claro .dijitProgressBarTile {
|
||||
/* inner container for finished portion when in 'tile' (image) mode */
|
||||
|
||||
background-color: #abd6ff;
|
||||
background-image: url("images/progressBarFull.png");
|
||||
background-repeat: repeat-x;
|
||||
background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.93) 0px, rgba(255, 255, 255, 0.41) 1px, rgba(255, 255, 255, 0.7) 2px, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.93) 0px, rgba(255, 255, 255, 0.41) 1px, rgba(255, 255, 255, 0.7) 2px, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: -o-linear-gradient(rgba(255, 255, 255, 0.93) 0px, rgba(255, 255, 255, 0.41) 1px, rgba(255, 255, 255, 0.7) 2px, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: linear-gradient(rgba(255, 255, 255, 0.93) 0px, rgba(255, 255, 255, 0.41) 1px, rgba(255, 255, 255, 0.7) 2px, rgba(255, 255, 255, 0) 100%);
|
||||
background-attachment: scroll;
|
||||
}
|
||||
.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;
|
||||
}
|
||||
.claro .dijitProgressBar {margin: 2px 0 2px 0;}.claro .dijitProgressBarEmpty {background-color: #ffffff; border-color: #759dc0;}.claro .dijitProgressBarTile {background-color: #abd6ff; background-image: url("images/progressBarFull.png"); background-repeat: repeat-x; background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.93) 0px, rgba(255, 255, 255, 0.41) 1px, rgba(255, 255, 255, 0.7) 2px, rgba(255, 255, 255, 0) 100%); background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.93) 0px, rgba(255, 255, 255, 0.41) 1px, rgba(255, 255, 255, 0.7) 2px, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(rgba(255, 255, 255, 0.93) 0px, rgba(255, 255, 255, 0.41) 1px, rgba(255, 255, 255, 0.7) 2px, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(rgba(255, 255, 255, 0.93) 0px, rgba(255, 255, 255, 0.41) 1px, rgba(255, 255, 255, 0.7) 2px, rgba(255, 255, 255, 0) 100%); background-attachment: scroll;}.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 {color: #000000;}.claro .dijitProgressBarIndeterminate .dijitProgressBarTile {background: #efefef url("images/progressBarAnim.gif") repeat-x top;}
|
||||
@@ -1,131 +1 @@
|
||||
/* 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/standardGradient.png");
|
||||
background-repeat: repeat-x;
|
||||
background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
_background-image: none;
|
||||
border-top: solid 1px #b5bcc7;
|
||||
border-bottom: solid 1px #b5bcc7;
|
||||
margin-right: -1px;
|
||||
margin-left: -1px;
|
||||
margin-top: -1px;
|
||||
}
|
||||
.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/standardGradient.png");
|
||||
background-repeat: repeat-x;
|
||||
background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
_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%;
|
||||
}
|
||||
.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;}.claro .dijitTimePickerItem {background-image: url("images/standardGradient.png"); background-repeat: repeat-x; background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); _background-image: none; border-top: solid 1px #b5bcc7; border-bottom: solid 1px #b5bcc7; margin-right: -1px; margin-left: -1px; margin-top: -1px;}.claro .dijitTimePickerTick {color: #818181; background-color: #efefef; font-size: 0.818em;}.claro .dijitTimePickerMarker {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; zoom: 1;}.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/standardGradient.png"); background-repeat: repeat-x; background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); _background-image: none;}.claro .dijitTimePicker .dijitArrowButtonInner {height: 100%; background-image: url("form/images/commonFormArrows.png"); background-repeat: no-repeat; background-position: -140px 45%;}.claro .dijitTimePicker .dijitDownArrowButton .dijitArrowButtonInner {background-position: -35px 45%;}.claro .dijitTimePicker .dijitUpArrowHover, .claro .dijitTimePicker .dijitDownArrowHover {background-color: #abd6ff;}.claro .dijitTimePicker .dijitUpArrowHover .dijitArrowButtonInner {background-position: -175px 45%;}.claro .dijitTimePicker .dijitDownArrowHover .dijitArrowButtonInner {background-position: -70px 45%;}
|
||||
@@ -1,9 +1 @@
|
||||
/* 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%;
|
||||
}
|
||||
.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%;}
|
||||
@@ -1,79 +1 @@
|
||||
/* 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/standardGradient.png");
|
||||
background-repeat: repeat-x;
|
||||
background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
_background-image: none;
|
||||
border: 1px solid #b5bcc7;
|
||||
padding: 0 7px 3px 7px;
|
||||
min-height: 17px;
|
||||
}
|
||||
.claro .dijitTitlePaneTitleHover {
|
||||
background-color: #abd6ff;
|
||||
border-color: #759dc0;
|
||||
}
|
||||
.claro .dijitTitlePaneTitleActive {
|
||||
background-color: #7dbdfa;
|
||||
border-color: #759dc0;
|
||||
background-image: url("images/activeGradient.png");
|
||||
background-repeat: repeat-x;
|
||||
background-image: -moz-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: -webkit-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: -o-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%);
|
||||
_background-image: none;
|
||||
}
|
||||
.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;
|
||||
}
|
||||
.claro .dijitTitlePaneTitle {background-color: #efefef; background-image: url("images/standardGradient.png"); background-repeat: repeat-x; background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); _background-image: none; border: 1px solid #b5bcc7; padding: 0 7px 3px 7px; min-height: 17px;}.claro .dijitTitlePaneTitleHover {background-color: #abd6ff; border-color: #759dc0;}.claro .dijitTitlePaneTitleActive {background-color: #7dbdfa; border-color: #759dc0; background-image: url("images/activeGradient.png"); background-repeat: repeat-x; background-image: -moz-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); background-image: -webkit-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); _background-image: none;}.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;}
|
||||
@@ -1,4 +1 @@
|
||||
/* TitlePane */
|
||||
.claro .dijitTitlePaneRtl .dijitClosed .dijitArrowNode {
|
||||
background-position: -7px 0;
|
||||
}
|
||||
.claro .dijitTitlePaneRtl .dijitClosed .dijitArrowNode {background-position: -7px 0;}
|
||||
File diff suppressed because one or more lines are too long
@@ -1,30 +1 @@
|
||||
/* 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;
|
||||
}
|
||||
.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 {-moz-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0;}.claro .dijitToolbar .dijitComboButtonRtl .dijitArrowButton {-moz-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px;}.claro .dijitToolbar .dijitComboButtonRtlHover .dijitArrowButton, .claro .dijitToolbar .dijitComboButtonRtlActive .dijitArrowButton {border-left-width: 1px; border-right-width: 0; padding-left: 1px; padding-right: 2px;}
|
||||
@@ -1,143 +1 @@
|
||||
/* 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 0 2px 0;
|
||||
background-color: none;
|
||||
background-color: transparent;
|
||||
background-color: rgba(171, 214, 255, 0);
|
||||
background-position: 0 0;
|
||||
background-repeat: repeat-x;
|
||||
border: solid 0 transparent;
|
||||
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-color: #cfe5fa;
|
||||
background-image: url("images/standardGradient.png");
|
||||
background-repeat: repeat-x;
|
||||
background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
_background-image: none;
|
||||
padding: 3px 0 1px;
|
||||
border-color: #759dc0;
|
||||
border-width: 1px 0;
|
||||
color: #000000;
|
||||
}
|
||||
.claro .dijitTreeRowHover {
|
||||
background-color: #abd6ff;
|
||||
background-image: url("images/standardGradient.png");
|
||||
background-repeat: repeat-x;
|
||||
background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
_background-image: none;
|
||||
padding: 3px 0 1px;
|
||||
border-color: #759dc0;
|
||||
border-width: 1px 0;
|
||||
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/activeGradient.png");
|
||||
background-repeat: repeat-x;
|
||||
background-image: -moz-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: -webkit-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: -o-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%);
|
||||
_background-image: none;
|
||||
padding: 3px 0 1px;
|
||||
border-color: #759dc0;
|
||||
border-width: 1px 0;
|
||||
color: #000000;
|
||||
}
|
||||
.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;
|
||||
}
|
||||
.claro .dijitTreeNode {zoom: 1;}.claro .dijitTreeIsRoot {background-image: none;}.claro .dijitTreeRow, .claro .dijitTreeNode .dojoDndItemBefore, .claro .dijitTreeNode .dojoDndItemAfter {padding: 4px 0 2px 0; background-color: none; background-color: transparent; background-color: rgba(171, 214, 255, 0); background-position: 0 0; background-repeat: repeat-x; border: solid 0 transparent; 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-color: #cfe5fa; background-image: url("images/standardGradient.png"); background-repeat: repeat-x; background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); _background-image: none; padding: 3px 0 1px; border-color: #759dc0; border-width: 1px 0; color: #000000;}.claro .dijitTreeRowHover {background-color: #abd6ff; background-image: url("images/standardGradient.png"); background-repeat: repeat-x; background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); _background-image: none; padding: 3px 0 1px; border-color: #759dc0; border-width: 1px 0; 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/activeGradient.png"); background-repeat: repeat-x; background-image: -moz-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); background-image: -webkit-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); _background-image: none; padding: 3px 0 1px; border-color: #759dc0; border-width: 1px 0; color: #000000;}.claro .dijitTreeRowFocused {background-repeat: repeat;}.claro .dijitTreeExpando {background-image: url("images/treeExpandImages.png"); width: 16px; height: 16px; background-position: -35px 0;}.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");}.claro .dijitTreeNode .dojoDndItemBefore .dijitTreeContent {border-top: 2px solid #759dc0;}.claro .dijitTreeNode .dojoDndItemAfter .dijitTreeContent {border-bottom: 2px solid #759dc0;}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1,41 +1 @@
|
||||
@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;
|
||||
}
|
||||
body, div, dl, dt, dd, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin: 0; padding: 0;}fieldset, img {border: 0 none;}address, caption, cite, code, dfn, th, var {font-style: normal; font-weight: normal;}caption, th {text-align: left;}q:before, q:after {content:"";}abbr, acronym {border:0;}body {font: 12px Myriad,Helvetica,Tahoma,Arial,clean,sans-serif; *font-size: 75%;}h1 {font-size: 1.5em; font-weight: normal; line-height: 1em; margin-top: 1em; margin-bottom:0;}h2 {font-size: 1.1667em; font-weight: bold; line-height: 1.286em; margin-top: 1.929em; margin-bottom:0.643em;}h3, h4, h5, h6 {font-size: 1em; font-weight: bold; line-height: 1.5em; margin-top: 1.5em; margin-bottom: 0;}p {font-size: 1em; margin-top: 1.5em; margin-bottom: 1.5em; line-height: 1.5em;}blockquote {font-size: 0.916em; margin-top: 3.272em; margin-bottom: 3.272em; line-height: 1.636em; padding: 1.636em; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}ol li, ul li {font-size: 1em; line-height: 1.5em; margin: 0;}pre, code {font-size:115%; *font-size:100%; font-family: Courier, "Courier New"; background-color: #efefef; border: 1px solid #ccc;}pre {border-width: 1px 0; padding: 1.5em;}table {font-size:100%;}.dojoTabular {border-collapse: collapse; border-spacing: 0; border: 1px solid #ccc; margin: 0 1.5em;}.dojoTabular th {text-align: center; font-weight: bold;}.dojoTabular thead,.dojoTabular tfoot {background-color: #efefef; border: 1px solid #ccc; border-width: 1px 0;}.dojoTabular th,.dojoTabular td {padding: 0.25em 0.5em;}.claro {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .688em; color: #131313;}.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;}.claro p {line-height: 1.3em;}.claro pre, .claro code {font-family: inherit; background-color: #efefef; border: 1px solid #d3d3d3;}.claro table.dojoTabular thead, .claro table.dojoTabular tfoot {background-color: #efefef; border: 1px solid #d3d3d3;}
|
||||
@@ -1,168 +1 @@
|
||||
/* 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;
|
||||
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);
|
||||
background-color: #bcd8f4;
|
||||
background-image: url("images/buttonEnabled.png");
|
||||
background-repeat: repeat-x;
|
||||
background-image: -moz-linear-gradient(#ffffff 0px, rgba(255, 255, 255, 0) 3px, rgba(255, 255, 255, 0.75) 100%);
|
||||
background-image: -webkit-linear-gradient(#ffffff 0px, rgba(255, 255, 255, 0) 3px, rgba(255, 255, 255, 0.75) 100%);
|
||||
background-image: -o-linear-gradient(#ffffff 0px, rgba(255, 255, 255, 0) 3px, rgba(255, 255, 255, 0.75) 100%);
|
||||
background-image: linear-gradient(#ffffff 0px, rgba(255, 255, 255, 0) 3px, rgba(255, 255, 255, 0.75) 100%);
|
||||
_background-image: none;
|
||||
}
|
||||
.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: #86bdf2;
|
||||
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 .dijitToggleButtonChecked .dijitButtonNode {
|
||||
background-color: #86bdf2;
|
||||
-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2);
|
||||
-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2);
|
||||
-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-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);
|
||||
background-image: url("images/buttonDisabled.png");
|
||||
background-image: -moz-linear-gradient(#ffffff 0%, rgba(255, 255, 255, 0) 40%);
|
||||
background-image: -webkit-linear-gradient(#ffffff 0%, rgba(255, 255, 255, 0) 40%);
|
||||
background-image: -o-linear-gradient(#ffffff 0%, rgba(255, 255, 255, 0) 40%);
|
||||
background-image: linear-gradient(#ffffff 0%, rgba(255, 255, 255, 0) 40%);
|
||||
_background-image: none;
|
||||
}
|
||||
.claro .dijitComboButtonDisabled .dijitArrowButton {
|
||||
border-left-width: 0;
|
||||
}
|
||||
/* for ComboButton */
|
||||
.claro table.dijitComboButton {
|
||||
border-collapse: separate;
|
||||
/* override dijit.css so that ComboBox rounded corners work */
|
||||
|
||||
}
|
||||
.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;
|
||||
}
|
||||
.claro .dijitButtonNode {-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 {border: 1px solid #759dc0; padding: 2px 4px 4px 4px; 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); background-color: #bcd8f4; background-image: url("images/buttonEnabled.png"); background-repeat: repeat-x; background-image: -moz-linear-gradient(#ffffff 0px, rgba(255, 255, 255, 0) 3px, rgba(255, 255, 255, 0.75) 100%); background-image: -webkit-linear-gradient(#ffffff 0px, rgba(255, 255, 255, 0) 3px, rgba(255, 255, 255, 0.75) 100%); background-image: -o-linear-gradient(#ffffff 0px, rgba(255, 255, 255, 0) 3px, rgba(255, 255, 255, 0.75) 100%); background-image: linear-gradient(#ffffff 0px, rgba(255, 255, 255, 0) 3px, rgba(255, 255, 255, 0.75) 100%); _background-image: none;}.claro .dijitComboButton .dijitArrowButton {border-left-width: 0; padding: 4px 2px 4px 2px;}.claro .dijitArrowButtonInner {width: 15px; height: 15px; margin: 0 auto; background-image: url("../form/images/buttonArrows.png"); background-repeat: no-repeat; background-position: -51px 53%;}.claro .dijitLeftArrowButton .dijitArrowButtonInner {background-position: -77px 53%;}.claro .dijitRightArrowButton .dijitArrowButtonInner {background-position: -26px 53%;}.claro .dijitUpArrowButton .dijitArrowButtonInner {background-position: 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;}.claro .dijitButtonHover .dijitButtonNode,.claro .dijitDropDownButtonHover .dijitButtonNode,.claro .dijitComboButton .dijitButtonNodeHover,.claro .dijitComboButton .dijitDownArrowButtonHover,.claro .dijitToggleButtonHover .dijitButtonNode {background-color: #86bdf2; color: #000000; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s;}.claro .dijitButtonActive .dijitButtonNode,.claro .dijitDropDownButtonActive .dijitButtonNode,.claro .dijitComboButtonActive .dijitButtonNode,.claro .dijitToggleButtonActive .dijitButtonNode,.claro .dijitToggleButtonChecked .dijitButtonNode {background-color: #86bdf2; -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2); -webkit-transition-duration: 0.1s; -moz-transition-duration: 0.1s; transition-duration: 0.1s;}.claro .dijitButtonDisabled,.claro .dijitDropDownButtonDisabled,.claro .dijitComboButtonDisabled,.claro .dijitToggleButtonDisabled {background-image: none; outline: none;}.claro .dijitButtonDisabled .dijitButtonNode,.claro .dijitDropDownButtonDisabled .dijitButtonNode,.claro .dijitComboButtonDisabled .dijitButtonNode,.claro .dijitToggleButtonDisabled .dijitButtonNode {background-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); background-image: url("images/buttonDisabled.png"); background-image: -moz-linear-gradient(#ffffff 0%, rgba(255, 255, 255, 0) 40%); background-image: -webkit-linear-gradient(#ffffff 0%, rgba(255, 255, 255, 0) 40%); background-image: -o-linear-gradient(#ffffff 0%, rgba(255, 255, 255, 0) 40%); background-image: linear-gradient(#ffffff 0%, rgba(255, 255, 255, 0) 40%); _background-image: none;}.claro .dijitComboButtonDisabled .dijitArrowButton {border-left-width: 0;}.claro table.dijitComboButton {border-collapse: separate;}.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;}
|
||||
@@ -1,13 +1 @@
|
||||
/* 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 */
|
||||
.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;}
|
||||
@@ -1,71 +1 @@
|
||||
/* 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;
|
||||
}
|
||||
.claro .dijitToggleButton .dijitCheckBoxIcon {background-image: url("../images/checkmarkNoBorder.png");}.dj_ie6 .claro .dijitToggleButton .dijitCheckBoxIcon {background-image: url("../images/checkmarkNoBorder.gif");}.claro .dijitCheckBox, .claro .dijitCheckBoxIcon {background-image: url("../form/images/checkboxRadioButtonStates.png"); background-repeat: no-repeat; width: 15px; height: 16px; margin: 0 2px 0 0; padding: 0;}.dj_ie6 .claro .dijitCheckBox, .dj_ie6 .claro .dijitCheckBoxIcon {background-image: url("../form/images/checkboxAndRadioButtons_IE6.png");}.claro .dijitCheckBox, .claro .dijitToggleButton .dijitCheckBoxIcon {background-position: -15px;}.claro .dijitCheckBoxChecked, .claro .dijitToggleButtonChecked .dijitCheckBoxIcon {background-position: 0;}.claro .dijitCheckBoxDisabled {background-position: -75px;}.claro .dijitCheckBoxCheckedDisabled {background-position: -60px;}.claro .dijitCheckBoxHover {background-position: -45px;}.claro .dijitCheckBoxCheckedHover {background-position: -30px;}
|
||||
File diff suppressed because one or more lines are too long
@@ -1,5 +1 @@
|
||||
/* claro/form/Common_rtl.css */
|
||||
.claro .dijitTextBoxRtlError .dijitValidationContainer {
|
||||
border-left-width: 0 !important;
|
||||
border-right-width: 1px !important;
|
||||
}
|
||||
.claro .dijitTextBoxRtlError .dijitValidationContainer {border-left-width: 0 !important; border-right-width: 1px !important;}
|
||||
@@ -1,151 +1 @@
|
||||
/* 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("../images/standardGradient.png");
|
||||
background-repeat: repeat-x;
|
||||
background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
_background-image: none;
|
||||
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_iequirks .claro .dijitSpinner .dijitArrowButtonInner,
|
||||
.dj_ie6 .claro .dijitSpinner .dijitArrowButtonInner,
|
||||
.dj_ie7 .claro .dijitSpinner .dijitArrowButtonInner,
|
||||
.dj_ie8 .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-image: url("../images/activeGradient.png");
|
||||
background-repeat: repeat-x;
|
||||
background-image: -moz-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: -webkit-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: -o-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%);
|
||||
_background-image: none;
|
||||
}
|
||||
.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;
|
||||
}
|
||||
.claro .dijitSpinnerButtonContainer {overflow: hidden; position: relative; width: auto; padding: 0 2px;}.claro .dijitSpinnerButtonContainer .dijitSpinnerButtonInner {border-width: 1px 0; border-style: solid none;}.claro .dijitSpinner .dijitArrowButton {width: auto; background-color: #efefef; background-image: url("../images/standardGradient.png"); background-repeat: repeat-x; background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); _background-image: none; overflow: hidden;}.dj_iequirks .claro .dijitSpinner .dijitArrowButton {overflow: visible;}.claro .dijitSpinner .dijitSpinnerButtonInner {width: 15px;}.claro .dijitSpinner .dijitArrowButtonInner {border: solid 1px #ffffff; border-bottom-width: 0; background-image: url("../form/images/commonFormArrows.png"); background-repeat: no-repeat; height: 100%; width: 15px; padding-left: 1px; padding-right: 1px; background-position: -139px center; display: block; margin: -1px 0 -1px 0;}.dj_iequirks .claro .dijitSpinner .dijitArrowButtonInner,.dj_ie6 .claro .dijitSpinner .dijitArrowButtonInner,.dj_ie7 .claro .dijitSpinner .dijitArrowButtonInner,.dj_ie8 .claro .dijitSpinner .dijitArrowButtonInner {margin-top: 0;}.dj_iequirks .claro .dijitSpinner .dijitArrowButtonInner {width: 19px;}.claro .dijitSpinner .dijitDownArrowButton .dijitArrowButtonInner {background-position: -34px;}.claro .dijitSpinner .dijitArrowButtonInner .dijitInputField {padding: 0;}.claro .dijitUpArrowButtonActive, .claro .dijitDownArrowButtonActive {background-color: #abd6ff;}.claro .dijitSpinner .dijitUpArrowButtonHover, .claro .dijitSpinner .dijitDownArrowButtonHover, .claro .dijitSpinnerFocused .dijitArrowButton {background-color: #abd6ff;}.claro .dijitSpinner .dijitUpArrowButtonHover .dijitArrowButtonInner {background-position: -174px;}.claro .dijitSpinner .dijitDownArrowButtonHover .dijitArrowButtonInner {background-position: -69px;}.claro .dijitSpinnerFocused {background-color: #ffffff; background-image: none;}.claro .dijitSpinner .dijitDownArrowButtonActive, .claro .dijitSpinner .dijitUpArrowButtonActive {background-color: #7dbefa; background-image: url("../images/activeGradient.png"); background-repeat: repeat-x; background-image: -moz-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); background-image: -webkit-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); _background-image: none;}.claro .dijitSpinner .dijitUpArrowButtonActive .dijitArrowButtonInner, .claro .dijitSpinner .dijitDownArrowButtonActive .dijitArrowButtonInner {border: 0; padding: 1px; margin-right: 2px; margin-bottom: 1px;}.claro .dijitSpinner .dijitUpArrowButtonActive .dijitArrowButtonInner {background-position: -173px;}.claro .dijitSpinner .dijitDownArrowButtonActive .dijitArrowButtonInner {background-position: -68px;}.claro .dijitSpinnerDisabled .dijitArrowButtonInner {background-color: #efefef;}.claro .dijitSpinnerDisabled .dijitUpArrowButton .dijitArrowButtonInner {background-position: -104px;}.claro .dijitSpinnerDisabled .dijitDownArrowButton .dijitArrowButtonInner {background-position: 1px;}.dj_ie7 .claro .dijitSpinner {overflow: visible;}
|
||||
@@ -1,79 +1 @@
|
||||
/* 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;
|
||||
}
|
||||
.claro .dijitToggleButton .dijitRadio, .claro .dijitToggleButton .dijitRadioIcon {background-image: url("../form/images/checkboxRadioButtonStates.png");}.dj_ie6 .claro .dijitToggleButton .dijitRadio, .dj_ie6 .claro .dijitToggleButton .dijitRadioIcon {background-image: url("../form/images/checkboxAndRadioButtons_IE6.png");}.claro .dijitRadio, .claro .dijitRadioIcon {background-image: url("../form/images/checkboxRadioButtonStates.png"); background-repeat: no-repeat; width: 15px; height: 15px; margin: 0 2px 0 0; padding: 0;}.dj_ie6 .claro .dijitRadio, .dj_ie6 .claro .dijitRadioIcon {background-image: url("../form/images/checkboxAndRadioButtons_IE6.png");}.claro .dijitRadio {background-position: -105px;}.claro .dijitToggleButton .dijitRadioIcon {background-position: -107px;}.claro .dijitRadioDisabled {background-position: -165px;}.claro .dijitRadioHover {background-position: -135px;}.claro .dijitRadioChecked {background-position: -90px;}.claro .dijitToggleButtonChecked .dijitRadioIcon {background-position: -92px;}.claro .dijitRadioCheckedHover {background-position: -120px;}.claro .dijitRadioCheckedDisabled {background-position: -150px;}
|
||||
@@ -1,96 +1 @@
|
||||
/* 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
|
||||
*/
|
||||
/* normal status */
|
||||
.claro .dijitSelect .dijitArrowButtonContainer {
|
||||
border: 1px solid #ffffff;
|
||||
}
|
||||
.claro .dijitSelect .dijitArrowButton {
|
||||
padding: 0;
|
||||
background-color: #efefef;
|
||||
background-image: url("../images/standardGradient.png");
|
||||
background-repeat: repeat-x;
|
||||
background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
_background-image: none;
|
||||
}
|
||||
.claro .dijitSelect .dijitArrowButton .dijitArrowButtonInner {
|
||||
height: 16px;
|
||||
}
|
||||
/* hover status */
|
||||
.claro .dijitSelectHover {
|
||||
background-color: #e5f2fe;
|
||||
background-image: -moz-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px);
|
||||
background-image: -webkit-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px);
|
||||
background-image: -o-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px);
|
||||
background-image: linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.claro .dijitSelectFocused, .claro .dijitSelectHover {
|
||||
border-color: #759dc0;
|
||||
}
|
||||
.claro .dijitSelectHover .dijitArrowButton {
|
||||
background-color: #abd6ff;
|
||||
}
|
||||
.claro .dijitSelectHover .dijitArrowButton .dijitArrowButtonInner {
|
||||
background-position: -70px 53%;
|
||||
}
|
||||
/* focused status */
|
||||
.claro .dijitSelectFocused .dijitArrowButton {
|
||||
background-color: #7dbefa;
|
||||
background-image: url("../images/activeGradient.png");
|
||||
background-repeat: repeat-x;
|
||||
background-image: -moz-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: -webkit-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: -o-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%);
|
||||
_background-image: none;
|
||||
}
|
||||
.claro .dijitSelectFocused .dijitArrowButton {
|
||||
border: none;
|
||||
padding: 1px;
|
||||
}
|
||||
.claro .dijitSelectFocused .dijitArrowButton .dijitArrowButtonInner {
|
||||
background-position: -70px 53%;
|
||||
}
|
||||
/* disable status */
|
||||
.claro .dijitSelectDisabled {
|
||||
border-color: #d3d3d3;
|
||||
background-color: #efefef;
|
||||
background-image: none;
|
||||
color: #818181;
|
||||
}
|
||||
.claro .dijitSelectDisabled .dijitArrowButton .dijitArrowButtonInner {
|
||||
background-position: 0 53%;
|
||||
}
|
||||
/* 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;
|
||||
}
|
||||
.claro .dijitSelect .dijitArrowButtonContainer {border: 1px solid #ffffff;}.claro .dijitSelect .dijitArrowButton {padding: 0; background-color: #efefef; background-image: url("../images/standardGradient.png"); background-repeat: repeat-x; background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); _background-image: none;}.claro .dijitSelect .dijitArrowButton .dijitArrowButtonInner {height: 16px;}.claro .dijitSelectHover {background-color: #e5f2fe; background-image: -moz-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); background-image: -webkit-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); background-image: -o-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); background-image: linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); background-repeat: repeat-x;}.claro .dijitSelectFocused, .claro .dijitSelectHover {border-color: #759dc0;}.claro .dijitSelectHover .dijitArrowButton {background-color: #abd6ff;}.claro .dijitSelectHover .dijitArrowButton .dijitArrowButtonInner {background-position: -70px 53%;}.claro .dijitSelectFocused .dijitArrowButton {background-color: #7dbefa; background-image: url("../images/activeGradient.png"); background-repeat: repeat-x; background-image: -moz-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); background-image: -webkit-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); _background-image: none;}.claro .dijitSelectFocused .dijitArrowButton {border: none; padding: 1px;}.claro .dijitSelectFocused .dijitArrowButton .dijitArrowButtonInner {background-position: -70px 53%;}.claro .dijitSelectDisabled {border-color: #d3d3d3; background-color: #efefef; background-image: none; color: #818181;}.claro .dijitSelectDisabled .dijitArrowButton .dijitArrowButtonInner {background-position: 0 53%;}.claro .dijitSelectMenu td.dijitMenuItemIconCell, .claro .dijitSelectMenu td.dijitMenuArrowCell {display: none;}.claro .dijitSelectMenu td.dijitMenuItemLabel {padding: 2px;}.claro .dijitSelectMenu .dijitMenuSeparatorTop {border-bottom: 1px solid #759dc0;}
|
||||
File diff suppressed because one or more lines are too long
@@ -1,24 +1 @@
|
||||
.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%;
|
||||
}
|
||||
.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%;}
|
||||
@@ -1,134 +1 @@
|
||||
/* 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("../images/standardGradient.png");
|
||||
background-repeat: repeat-x;
|
||||
background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
_background-image: none;
|
||||
padding: 5px 7px 2px 7px;
|
||||
min-height: 17px;
|
||||
color: #494949;
|
||||
}
|
||||
.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-image: url("../images/activeGradient.png");
|
||||
background-repeat: repeat-x;
|
||||
background-image: -moz-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: -webkit-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: -o-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%);
|
||||
_background-image: none;
|
||||
color: #000000;
|
||||
}
|
||||
/* Open (a.k.a. selected) pane */
|
||||
.claro .dijitAccordionInnerContainerSelected {
|
||||
border-color: #759dc0;
|
||||
background-color: #cfe5fa;
|
||||
}
|
||||
.claro .dijitAccordionInnerContainerSelected .dijitAccordionTitle {
|
||||
color: #000000;
|
||||
background-image: url("../images/standardGradient.png");
|
||||
background-repeat: repeat-x;
|
||||
background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
_background-image: none;
|
||||
/* 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;
|
||||
-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);
|
||||
}
|
||||
.claro .dijitAccordionContainer {border: none;}.claro .dijitAccordionInnerContainer {background-color: #efefef; 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; background-image: url("../images/standardGradient.png"); background-repeat: repeat-x; background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); _background-image: none; padding: 5px 7px 2px 7px; min-height: 17px; color: #494949;}.claro .dijitAccordionContainer .dijitAccordionChildWrapper {background-color: #ffffff; border: 1px solid #759dc0; margin: 0 2px 2px;}.claro .dijitAccordionContainer .dijitAccordionContainer-child {padding: 9px;}.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-image: url("../images/activeGradient.png"); background-repeat: repeat-x; background-image: -moz-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); background-image: -webkit-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); _background-image: none; color: #000000;}.claro .dijitAccordionInnerContainerSelected {border-color: #759dc0; background-color: #cfe5fa;}.claro .dijitAccordionInnerContainerSelected .dijitAccordionTitle {color: #000000; background-image: url("../images/standardGradient.png"); background-repeat: repeat-x; background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); _background-image: none;}.claro .dijitAccordionInnerContainerHover .dijitAccordionTitle {color: #000000;}.claro .dijitAccordionInnerContainerHover, .claro .dijitAccordionInnerContainerSelectedActive {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; -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);}
|
||||
@@ -1,111 +1 @@
|
||||
/* 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, .claro .dijitSplitterVHover {
|
||||
font-size: 1px;
|
||||
background-color: #cfe5fa;
|
||||
}
|
||||
.claro .dijitSplitterHHover {
|
||||
background-image: -moz-linear-gradient(left, #ffffff 0px, rgba(255, 255, 255, 0) 50%, #ffffff 100%);
|
||||
background-image: -webkit-linear-gradient(left, #ffffff 0px, rgba(255, 255, 255, 0) 50%, #ffffff 100%);
|
||||
background-image: -o-linear-gradient(left, #ffffff 0px, rgba(255, 255, 255, 0) 50%, #ffffff 100%);
|
||||
background-image: linear-gradient(left, #ffffff 0px, rgba(255, 255, 255, 0) 50%, #ffffff 100%);
|
||||
}
|
||||
.claro .dijitSplitterVHover {
|
||||
background-image: -moz-linear-gradient(top, #ffffff 0px, rgba(255, 255, 255, 0) 50%, #ffffff 100%);
|
||||
background-image: -webkit-linear-gradient(top, #ffffff 0px, rgba(255, 255, 255, 0) 50%, #ffffff 100%);
|
||||
background-image: -o-linear-gradient(top, #ffffff 0px, rgba(255, 255, 255, 0) 50%, #ffffff 100%);
|
||||
background-image: linear-gradient(top, #ffffff 0px, rgba(255, 255, 255, 0) 50%, #ffffff 100%);
|
||||
}
|
||||
.claro .dijitSplitterHHover .dijitSplitterThumb, .claro .dijitSplitterVHover .dijitSplitterThumb {
|
||||
background: #759dc0 none;
|
||||
}
|
||||
/* active splitter */
|
||||
.claro .dijitSplitterHActive, .claro .dijitSplitterVActive {
|
||||
font-size: 1px;
|
||||
background-color: #abd6ff;
|
||||
background-image: none;
|
||||
}
|
||||
.claro .dijitBorderContainer {padding: 5px;}.claro .dijitSplitContainer-child, .claro .dijitBorderContainer-child {border: 1px #b5bcc7 solid;}.claro .dijitBorderContainer-dijitTabContainerTop,.claro .dijitBorderContainer-dijitTabContainerBottom,.claro .dijitBorderContainer-dijitTabContainerLeft,.claro .dijitBorderContainer-dijitTabContainerRight,.claro .dijitBorderContainer-dijitAccordionContainer {border: none;}.claro .dijitBorderContainer-dijitBorderContainer {border: 0; padding: 0;}.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;}.claro .dijitSplitterHHover, .claro .dijitSplitterVHover {font-size: 1px; background-color: #cfe5fa;}.claro .dijitSplitterHHover {background-image: -moz-linear-gradient(left, #ffffff 0px, rgba(255, 255, 255, 0) 50%, #ffffff 100%); background-image: -webkit-linear-gradient(left, #ffffff 0px, rgba(255, 255, 255, 0) 50%, #ffffff 100%); background-image: -o-linear-gradient(left, #ffffff 0px, rgba(255, 255, 255, 0) 50%, #ffffff 100%); background-image: linear-gradient(left, #ffffff 0px, rgba(255, 255, 255, 0) 50%, #ffffff 100%);}.claro .dijitSplitterVHover {background-image: -moz-linear-gradient(top, #ffffff 0px, rgba(255, 255, 255, 0) 50%, #ffffff 100%); background-image: -webkit-linear-gradient(top, #ffffff 0px, rgba(255, 255, 255, 0) 50%, #ffffff 100%); background-image: -o-linear-gradient(top, #ffffff 0px, rgba(255, 255, 255, 0) 50%, #ffffff 100%); background-image: linear-gradient(top, #ffffff 0px, rgba(255, 255, 255, 0) 50%, #ffffff 100%);}.claro .dijitSplitterHHover .dijitSplitterThumb, .claro .dijitSplitterVHover .dijitSplitterThumb {background: #759dc0 none;}.claro .dijitSplitterHActive, .claro .dijitSplitterVActive {font-size: 1px; background-color: #abd6ff; background-image: none;}
|
||||
@@ -1,38 +1 @@
|
||||
/* 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;
|
||||
}
|
||||
.claro .dijitContentPane {padding: 8px;}.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;}
|
||||
File diff suppressed because one or more lines are too long
@@ -1,4 +1 @@
|
||||
.claro .dijitTabContainerTop-tabs .dijitTabRtl, .claro .dijitTabContainerBottom-tabs .dijitTabRtl {
|
||||
margin-right: 0;
|
||||
margin-left: 1px;
|
||||
}
|
||||
.claro .dijitTabContainerTop-tabs .dijitTabRtl, .claro .dijitTabContainerBottom-tabs .dijitTabRtl {margin-right: 0; margin-left: 1px;}
|
||||
File diff suppressed because one or more lines are too long
@@ -1,165 +1 @@
|
||||
.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;
|
||||
}
|
||||
.dj_ie .dijitTextBoxRtl .dijitInputContainer {
|
||||
clear: right;
|
||||
}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
||||
.dijitSelectRtl .dijitButtonText {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.dijitTextBoxRtl .dijitSpinnerButtonContainer,
|
||||
.dijitValidationTextBoxRtl .dijitValidationContainer,
|
||||
.dijitTextBoxRtl .dijitArrowButtonContainer {
|
||||
float: left;
|
||||
}
|
||||
|
||||
div.dijitNumberTextBoxRtl {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
.dj_ie6 .dijitTabRtl .tabLabel,
|
||||
.dj_ie6 .dijitTabContainerRight-tabs .dijitTabRtl,
|
||||
.dj_ie6 .dijitTabContainerLeft-tabs .dijitTabRtl,
|
||||
.dj_ie7 .dijitTabContainerRight-tabs .dijitTabRtl,
|
||||
.dj_ie7 .dijitTabContainerLeft-tabs .dijitTabRtl {
|
||||
zoom: 1;
|
||||
}
|
||||
.dj_ie6 .dijitTabContainerRight-tabs .dijitTabRtl,
|
||||
.dj_ie7 .dijitTabContainerRight-tabs .dijitTabRtl {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.dj_ie6 .dijitTabContainerRightRtl .dijitTabContainerRight-tabs,
|
||||
.dj_ie6 .dijitTabContainerLeftRtl .dijitTabContainerLeft-tabs {
|
||||
/* otherwise tab labels invisible */
|
||||
width: 1%;
|
||||
}
|
||||
|
||||
/* 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 {
|
||||
border-style: none none none solid;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
/* DnD
|
||||
* These rules should apply for containers that are dir=rtl (either set directly, or inherited)
|
||||
* but seems the best we can do is look for .dijitRtl on an ancestor node.
|
||||
*/
|
||||
.dijitRtl .dojoDndHorizontal .dojoDndItemBefore {
|
||||
border-width: 0 2px 0 0;
|
||||
padding: 2px 0 2px 2px;
|
||||
}
|
||||
.dijitRtl .dojoDndHorizontal .dojoDndItemAfter {
|
||||
border-width: 0 0 0 2px;
|
||||
padding: 2px 2px 2px 0;
|
||||
}
|
||||
.dijitRtl .dijitPlaceHolder {left: auto; right: 0;}.dijitMenuItemRtl {text-align: right;}.dj_iequirks .dijitComboButtonRtl button {float:left;}.dj_ie .dijitTextBoxRtl .dijitInputContainer {clear: right;}.dijitTextBoxRtl .dijitValidationContainer,.dijitTextBoxRtl .dijitSpinnerButtonContainer,.dijitComboBoxRtl .dijitArrowButtonContainer {border-right-width: 1px !important; border-left-width: 0 !important;}.dijitSpinnerRtl .dijitSpinnerButtonContainer .dijitArrowButton {right: 0; left: auto;}.dijitSelectRtl .dijitButtonText {float: right;}.dijitTextBoxRtl .dijitSpinnerButtonContainer,.dijitValidationTextBoxRtl .dijitValidationContainer,.dijitTextBoxRtl .dijitArrowButtonContainer {float: left;}div.dijitNumberTextBoxRtl {text-align: right;}.dijitCalendarRtl .dijitCalendarNextYear {margin:0 0.55em 0 0;}.dijitCalendarRtl .dijitCalendarPreviousYear {margin:0 0 0 0.55em;}.dijitSliderRtl .dijitSliderImageHandleV {left:auto;}.dijitSliderRtl .dijitSliderImageHandleH {left:-50%;}.dijitSliderRtl .dijitSliderMoveableH {right:auto; left:0;}.dijitSliderRtl .dijitRuleContainerV {float:right;}.dj_ie .dijitSliderRtl .dijitRuleContainerV {text-align:right;}.dj_ie .dijitSliderRtl .dijitRuleLabelV {text-align:left;}.dj_ie .dijitSliderRtl .dijitRuleLabelH {zoom:1;}.dijitSliderRtl .dijitSliderProgressBarH {float:right; right:0; left:auto;}.dijitRtl .dijitContentPaneLoading .dijitIconLoading,.dijitRtl .dijitContentPaneError .dijitIconError {margin-right: 0; margin-left: 9px;}.dijitTabControllerRtl .nowrapTabStrip {text-align: right;}.dijitTabRtl .dijitTabCloseButton {margin-left: 0; margin-right: 1em;}.dj_ie6 .dijitTabRtl .tabLabel,.dj_ie6 .dijitTabContainerRight-tabs .dijitTabRtl,.dj_ie6 .dijitTabContainerLeft-tabs .dijitTabRtl,.dj_ie7 .dijitTabContainerRight-tabs .dijitTabRtl,.dj_ie7 .dijitTabContainerLeft-tabs .dijitTabRtl {zoom: 1;}.dj_ie6 .dijitTabContainerRight-tabs .dijitTabRtl,.dj_ie7 .dijitTabContainerRight-tabs .dijitTabRtl {left: 0;}.dj_ie6 .dijitTabContainerRightRtl .dijitTabContainerRight-tabs,.dj_ie6 .dijitTabContainerLeftRtl .dijitTabContainerLeft-tabs {width: 1%;}.dj_ie .dijitTimePickerRtl .dijitTimePickerItem {width:100%;}.dijitColorPaletteRtl .dijitColorPaletteUnder {left: auto; right: 0;}.dijitSelectRtl .dijitButtonContents {border-style: none none none solid; text-align: right;}.dijitRtl .dojoDndHorizontal .dojoDndItemBefore {border-width: 0 2px 0 0; padding: 2px 0 2px 2px;}.dijitRtl .dojoDndHorizontal .dojoDndItemAfter {border-width: 0 0 0 2px; padding: 2px 2px 2px 0;}
|
||||
@@ -1,161 +1 @@
|
||||
/* 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;
|
||||
}
|
||||
.nihilo .dijitCalendarIncrementControl {width:15px; height:15px; background-image: url("images/spriteRoundedIconsSmall.png"); background-repeat: no-repeat}.dj_ie6 .nihilo .dijitCalendarIncrementControl {font-size:.1em; background-image: url("images/spriteRoundedIconsSmall.gif");}.nihilo .dijitA11ySideArrow {display: none;}.nihilo .dijitCalendarDecrease {background-position: top left;}.nihilo .dijitCalendarIncrease {background-position: -30px top;}.nihilo table.dijitCalendarContainer {font-size: 100%; border-spacing: 0; border-collapse: separate; border: 1px solid #ccc; margin: 0;}.nihilo .dijitCalendarMonthContainer th {background:#d3d3d3 url("images/titleBar.png") repeat-x top; padding-top:.3em; padding-bottom:.2em; text-align:center;}.dj_ie6 .nihilo .dijitCalendarMonthContainer th {padding-top:.2em; padding-bottom:.1em;}.nihilo .dijitCalendarDayLabelTemplate {background:#fefefe; font-weight:normal; padding-top:.15em; padding-bottom:.2em; border-bottom: 1px solid #eeeeee; color:#293a4b; text-align:center;}.nihilo .dijitCalendarBodyContainer {border-bottom: 1px solid #eeeeee;}.nihilo .dijitCalendarMonthLabel {color:#293a4b; font-weight: bold; padding: 0 4px;}.nihilo .dijitCalendarDateTemplate {font-size: 0.9em; font-weight: bold; text-align: center; padding: 0.3em 0.3em 0.05em 0.3em; letter-spacing: 1px; background-color: #fdfdfd; border:#fdfdfd solid 1px !important;}.dj_ie .nihilo .dijitCalendarDateTemplate {padding: 0.1em .33em 0.02em .33em;}.nihilo .dijitCalendarPreviousMonth,.nihilo .dijitCalendarNextMonth {color:#999999; background-color:#f5f5f5 !important; border:#f5f5f5 solid 1px !important;}.nihilo .dijitCalendarCurrentMonth {}.nihilo .dijitCalendarDisabledDate {text-decoration:line-through !important;}.nihilo .dijitCalendarCurrentDate {text-decoration:underline; font-weight:bold;}.nihilo .dijitCalendarSelectedDate {background-color:#ffe284 !important; color:black !important; border:#f7c95c solid 1px !important;}.nihilo .dijitCalendarYearContainer {background:white url("images/titleBar.png") repeat-x top;}.nihilo .dijitCalendarYearLabel {margin:0; padding:0.4em 0 0.25em 0; text-align:center; font-size: 1.17em;}.nihilo .dijitCalendarSelectedYear {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 {color:black !important; font-weight:normal;}.nihilo .dijitCalendar .dijitDropDownButton {margin: 0;}.nihilo .dijitCalendar .dijitButtonText {padding: 0;}.nihilo .dijitCalendar .dijitDropDownButton .dijitButtonNode {background-color: transparent; background-image: none; padding: 0;}.nihilo .dijitCalendarMonthMenu .dijitCalendarMonthLabelHover {background-color: #ffe284; color: #243C5F;}
|
||||
@@ -1,9 +1 @@
|
||||
/* Calendar */
|
||||
|
||||
.dijitRtl .nihilo .dijitCalendarDecrease {
|
||||
background-position: -30px top;
|
||||
}
|
||||
|
||||
.dijitRtl .nihilo .dijitCalendarIncrease {
|
||||
background-position: 0 top;
|
||||
}
|
||||
.dijitRtl .nihilo .dijitCalendarDecrease {background-position: -30px top;}.dijitRtl .nihilo .dijitCalendarIncrease {background-position: 0 top;}
|
||||
@@ -1,5 +1 @@
|
||||
.dijitColorPalette {
|
||||
border:1px solid #d3d3d3;
|
||||
background:#fff;
|
||||
-moz-border-radius: 0 !important;
|
||||
}
|
||||
.dijitColorPalette {border:1px solid #d3d3d3; background:#fff; -moz-border-radius: 0 !important;}
|
||||
@@ -1,15 +1 @@
|
||||
.nihilo .dojoDndItemOver {
|
||||
background-image: url(images/treeHover.png);
|
||||
}
|
||||
|
||||
/* DnD avatar-specific settings */
|
||||
/* For now it uses a default set of rules. Some other DnD classes can be modified as well. */
|
||||
.nihilo table.dojoDndAvatar { -moz-border-radius: 0; border: 1px solid #ccc; border-collapse: collapse; background-color: #fff; font-size: 75%; color: black;}
|
||||
.nihilo .dojoDndAvatar td { border: none; }
|
||||
.nihilo .dojoDndAvatar tr { border: none; }
|
||||
.nihilo .dojoDndAvatarHeader td { height: 20px; padding: 0 0 0 21px; }
|
||||
.nihilo .dojoDndAvatarItem td { padding: 2px;}
|
||||
.nihilo.dojoDndMove .dojoDndAvatarHeader {background-color: #f58383; background-image: url(images/dndNoMove.png); background-repeat: no-repeat; background-position: 2px center;}
|
||||
.nihilo.dojoDndCopy .dojoDndAvatarHeader {background-color: #f58383; background-image: url(images/dndNoCopy.png); background-repeat: no-repeat; background-position: 2px center;}
|
||||
.nihilo.dojoDndMove .dojoDndAvatarCanDrop .dojoDndAvatarHeader {background-color: #97e68d; background-image: url(images/dndMove.png); background-repeat: no-repeat; background-position: 2px center;}
|
||||
.nihilo.dojoDndCopy .dojoDndAvatarCanDrop .dojoDndAvatarHeader {background-color: #97e68d; background-image: url(images/dndCopy.png); background-repeat: no-repeat; background-position: 2px center;}
|
||||
.nihilo .dojoDndItemOver {background-image: url(images/treeHover.png);}.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;}
|
||||
@@ -1,144 +1 @@
|
||||
/* 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. */
|
||||
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");
|
||||
}
|
||||
|
||||
.nihilo .dijitDialog {background: #eee; border: 1px solid #d3d3d3; -webkit-box-shadow: 0 5px 10px #adadad; padding: 0;}.nihilo .dijitDialog .dijitDialogTitle {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 {background: #fafafa url("images/titleBar.png") repeat-x top left; padding: 5px 6px 3px 6px; outline:0;}.nihilo .dijitDialogCloseIcon {background-image: url("images/spriteRoundedIconsSmall.png"); background-repeat: no-repeat; background-position: -60px 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;}.nihilo .dijitTooltip,.nihilo .dijitTooltipDialog {background: transparent;}.dijitTooltipBelow {padding-top: 10px;}.dijitTooltipAbove {padding-bottom: 10px;}.nihilo .dijitTooltipContainer {background-color: #fff; border:1px solid #d3d3d3; padding:0.45em;}.nihilo .dijitTooltipConnector {border:0; z-index: 2;}.nihilo .dijitTooltipABRight .dijitTooltipConnector {left: auto !important; right: 6px;}.nihilo .dijitTooltipBelow .dijitTooltipConnector {top: 0; left: 6px; background:url("images/tooltipConnectorUp.png") no-repeat top left; width:17px; height:11px;}.dj_ie .nihilo .dijitTooltipBelow .dijitTooltipConnector {background-image: url("images/tooltipConnectorUp.gif");}.nihilo .dijitTooltipAbove .dijitTooltipConnector {bottom: 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 {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 {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");}
|
||||
@@ -1,6 +1 @@
|
||||
/* Dialog */
|
||||
|
||||
.dijitRtl .nihilo .dijitDialogTitleBar .dijitDialogCloseIcon {
|
||||
right: auto;
|
||||
left: 5px;
|
||||
}
|
||||
.dijitRtl .nihilo .dijitDialogTitleBar .dijitDialogCloseIcon {right: auto; left: 5px;}
|
||||
@@ -1,16 +1 @@
|
||||
.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 */
|
||||
}
|
||||
.nihilo .dijitToolbar .dijitToolbarSeparator {background: url('../../icons/images/editorIconsEnabled.png');}.nihilo .dijitEditorIcon {background-image: url('../../icons/images/editorIconsEnabled.png'); background-repeat: no-repeat; width: 18px; height: 18px; text-align: center;}.nihilo .dijitDisabled .dijitEditorIcon {background-image: url('../../icons/images/editorIconsDisabled.png');}
|
||||
@@ -1,9 +1 @@
|
||||
/* 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 */
|
||||
}
|
||||
|
||||
|
||||
.dijitRtl .nihilo .dijitEditorIcon {background-image: url('../../icons/images/editorIconsEnabled_rtl.png');}.dijitRtl .nihilo .dijitDisabled .dijitEditorIcon {background-image: url('../../icons/images/editorIconsDisabled_rtl.png');}
|
||||
@@ -1,78 +1 @@
|
||||
|
||||
/* 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 .dijitComboBoxMenu .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;
|
||||
}
|
||||
.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 .dijitComboBoxMenu .dijitMenuItemHover,.nihilo .dijitMenuItemSelected {background-color: #ffe284; color: #243C5F;}.nihilo .dijitMenuItemIcon {width: 15px; height: 15px;}.nihilo .dijitMenuExpand {width:15px; height:15px; background-image: url('images/spriteRoundedIconsSmall.png'); background-position: -30px top;}.dj_ie6 .nihilo .dijitMenuExpand {background-image:url('images/spriteRoundedIconsSmall.gif');}.nihilo .dijitMenuSeparator {height: 1px;}.nihilo .dijitMenuSeparatorTop {border-bottom: 1px solid #fff;}.nihilo .dijitMenuSeparatorBottom {border-top: 1px solid #d3d3d3;}.nihilo .dijitCheckedMenuItemIconChar {display: none;}.nihilo .dijitCheckedMenuItemIcon {background-image: url('images/spriteCheckbox.gif'); background-position: -80px;}.nihilo .dijitCheckedMenuItemChecked .dijitCheckedMenuItemIcon {background-position: -64px;}
|
||||
@@ -1,10 +1 @@
|
||||
/* Menu */
|
||||
|
||||
.dijitRtl .nihilo .dijitMenuItem .dijitMenuItemIcon {
|
||||
padding-left: 3px;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.dijitRtl .nihilo .dijitMenuItem .dijitMenuExpand {
|
||||
background-position: 0 top;
|
||||
}
|
||||
.dijitRtl .nihilo .dijitMenuItem .dijitMenuItemIcon {padding-left: 3px; padding-right: 0;}.dijitRtl .nihilo .dijitMenuItem .dijitMenuExpand {background-position: 0 top;}
|
||||
@@ -1,33 +1 @@
|
||||
|
||||
/****
|
||||
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;
|
||||
}
|
||||
.nihilo .dijitProgressBar {margin:2px 0 2px 0;}.nihilo .dijitProgressBarEmpty{background:#fff url("images/progressBarEmpty.png") repeat-x center center; border-color: #f8d582 #f8d582 #f8d582 #f8d582;}.nihilo .dijitProgressBarTile{background:#f0f0f0 url("images/progressBarFull.png") repeat-x center center;}.nihilo .dijitProgressBarFull {border-right:1px solid #f8d582;}.nihilo .dijitProgressBarLabel {color:#293a4b;}.nihilo .dijitProgressBarIndeterminate .dijitProgressBarTile {background:#cad2de url("images/progressBarAnim.gif") repeat-x center center;}
|
||||
@@ -1,51 +1 @@
|
||||
/* 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;
|
||||
}
|
||||
.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;}
|
||||
@@ -1,4 +1 @@
|
||||
.dj_ie6-rtl .nihilo .dijitTimePickerMarkerHover,
|
||||
.dj_ie7-rtl .nihilo .dijitTimePickerMarkerHover {
|
||||
border-top: 0; /* IE6/7 bug causes mouseover/out event storm */
|
||||
}
|
||||
.dj_ie6-rtl .nihilo .dijitTimePickerMarkerHover,.dj_ie7-rtl .nihilo .dijitTimePickerMarkerHover {border-top: 0;}
|
||||
@@ -1,54 +1 @@
|
||||
/**
|
||||
* 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;
|
||||
}
|
||||
.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;}
|
||||
@@ -1,6 +1 @@
|
||||
.dijitRtl .nihilo .dijitTitlePane .dijitClosed .dijitArrowNode {
|
||||
background-position: 0 top;
|
||||
}
|
||||
.dj_ie6-rtl .nihilo .dijitTitlePane .dijitClosed .dijitArrowNode {
|
||||
background-position: 0 top;
|
||||
}
|
||||
.dijitRtl .nihilo .dijitTitlePane .dijitClosed .dijitArrowNode {background-position: 0 top;}.dj_ie6-rtl .nihilo .dijitTitlePane .dijitClosed .dijitArrowNode {background-position: 0 top;}
|
||||
@@ -1,65 +1 @@
|
||||
.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;
|
||||
}
|
||||
.nihilo .dijitToolbar {border-bottom: 1px solid #ccc; background:#eaeaea url("images/titleBar.png") repeat-x top left;}.dj_ie6 .nihilo .dijitToolbar {height: 10px;}.nihilo .dijitToolbar .dijitButtonNode,.nihilo .dijitToolbar .dijitComboButton .dijitButtonContents,.nihilo .dijitToolbar .dijitComboButton .dijitDownArrowButton {background: none; margin: 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;}.nihilo .dijitToolbar .dijitButtonChecked,.nihilo .dijitToolbar .dijitToggleButtonChecked {background-color:#ffeeb9; border:1px solid #f7c95c; padding: 0;}.nihilo .dijitToolbar .dijitButtonCheckedHover,.nihilo .dijitToolbar .dijitToggleButtonCheckedHover {background-color:#ffe284; border:1px solid #f7c95c; padding: 0;}.nihilo .dijitToolbar .dijitButtonHover,.nihilo .dijitToolbar .dijitToggleButtonHover,.nihilo .dijitToolbar .dijitDropDownButtonHover,.nihilo .dijitToolbar .dijitComboButton .dijitButtonContentsHover,.nihilo .dijitToolbar .dijitComboButton .dijitDownArrowButtonHover {border: 1px solid #f7c95c; padding: 0; background-color:#ffe284;}.nihilo .dijitToolbar label {padding: 3px 3px 0 6px;}.dj_ie .nihilo .dijitToolbar .dijitComboButton .dijitButtonContentsFocused,.dj_ie .nihilo .dijitToolbar .dijitComboButton .dijitDownArrowButtonFocused {border: 1px #555 dotted !important; padding: 0;}
|
||||
@@ -1,100 +1 @@
|
||||
/* 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;
|
||||
}
|
||||
.nihilo .dijitTreeNode {background : url('images/treeI.gif') no-repeat; background-position : top left; background-repeat : repeat-y; zoom: 1;}.nihilo .dijitTreeIsLast {background: url('images/treeI_half.gif') no-repeat;}.nihilo .dijitTreeRowHover {background-image: url(images/treeHover.png); background-repeat: repeat; background-color: transparent !important;}.nihilo .dijitTreeLabel {font-weight: normal; margin-left: 3px;}.nihilo .dijitTreeIsRoot {margin-left: 0; background-image: none;}.nihilo .dijitTreeExpando {width: 18px; height: 18px;}.nihilo .dijitTreeRow {padding-bottom: 2px;}.nihilo .dijitTreeContent {min-height: 18px; min-width: 18px; padding-left:1px;}.nihilo .dijitTreeExpandoOpened {background: url('images/spriteTree.gif') no-repeat -18px top;}.nihilo .dijitTreeExpandoClosed {background-image: url('images/spriteTree.gif');}.nihilo .dijitTreeExpandoLeaf {background: url('images/spriteTree.gif') no-repeat -36px top;}.nihilo .dijitTreeExpandoLoading {background-image: url('images/treeExpand_loading.gif');}.nihilo .dijitTreeIcon {width: 16px; height: 16px;}.nihilo .dijitFolderOpened {background: url('images/spriteDivIcons.gif') no-repeat -16px top;}.nihilo .dijitFolderClosed {background: url('images/spriteDivIcons.gif') no-repeat top left;}.nihilo .dijitLeaf {background: url('images/spriteDivIcons.gif') no-repeat -32px top;}.nihilo .dijitTreeNode .dojoDndItemBefore,.nihilo .dijitTreeNode .dojoDndItemAfter {border-bottom: none; border-top: none;}.nihilo .dijitTreeNode .dojoDndItemBefore .dijitTreeContent {border-top: 2px solid #369;}.nihilo .dijitTreeNode .dojoDndItemAfter .dijitTreeContent {border-bottom: 2px solid #369;}
|
||||
@@ -1,22 +1 @@
|
||||
/* 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');
|
||||
}
|
||||
.dijitRtl .nihilo .dijitTreeNode,.dijitRtl .nihilo .dijitTreeExpandoLeaf {background-image: none;}.dijitRtl .nihilo .dijitTreeContent {padding-left: 0; padding-right: 1px;}.dijitRtl .nihilo .dijitTreeExpandoOpened {background: url('images/spriteTree_rtl.gif') no-repeat -18px top;}.dijitRtl .nihilo .dijitTreeExpandoClosed {background-image: url('images/spriteTree_rtl.gif');}
|
||||
@@ -1,128 +1 @@
|
||||
|
||||
/*****
|
||||
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 .dijitButtonText {
|
||||
text-align: center;
|
||||
padding: 0 0.3em;
|
||||
}
|
||||
.nihilo .dijitInputField {
|
||||
padding: 0; /* set padding:0 for .nihilo .dijitSelect .dijitButtonText but with a low priority rule that can be easily trumped by the user */
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
.nihilo .dijitButtonNode {border:1px solid #dedede; border-bottom:1px solid #dedede; padding: 0.1em 0.2em 0.2em 0.2em; background: #fff url("../images/buttonEnabled.png") repeat-x top left;}.nihilo .dijitButtonText {text-align: center; padding: 0 0.3em;}.nihilo .dijitInputField {padding: 0;}.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 {border-color: #dedede; background:#fafafa url("../images/buttonDisabled.png") top repeat-x; opacity: 0.60;}.dj_ie6 .nihilo .dijitReadOnly input,.dj_ie7 .nihilo .dijitReadOnly input,.dj_ie6 .nihilo .dijitComboButtonDisabled .dijitButtonText,.dj_ie7 .nihilo .dijitComboButtonDisabled .dijitButtonText {color: #aaa;}.nihilo .dijitButtonHover .dijitButtonNode,.nihilo .dijitButtonNodeHover,.nihilo .dijitToggleButtonHover .dijitButtonNode,.nihilo .dijitDropDownButtonHover .dijitButtonNode,.nihilo .dijitButtonContentsHover,.nihilo .dijitDownArrowButtonHover,.nihilo .dijitUpArrowButtonHover {color:#243C5F; background:#fcfcfc url("../images/buttonHover.png") repeat-x top left;}.nihilo .dijitUpArrowButtonActive,.nihilo .dijitDownArrowButtonActive,.nihilo .dijitButtonActive .dijitButtonNode,.nihilo .dijitToggleButtonActive .dijitButtonNode,.nihilo .dijitDropDownButtonActive .dijitButtonNode,.nihilo .dijitComboButton .dijitButtonContentsActive,.nihilo .dijitStackController .dijitToggleButtonChecked .dijitButtonNode {border-color:#dedede; background: #f5f5f5 url("../images/buttonActive.png") top left repeat-x;}.nihilo .dijitArrowButtonInner {background-image: url("../images/spriteArrows.png"); background-repeat: no-repeat; background-position: 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;}.dj_ie .nihilo .dijitSpinner .dijitUpArrowButton .dijitArrowButtonInner {margin-top: 1px;}.nihilo .dijitSpinnerButtonContainer {width: auto; padding: 0;}.nihilo .dijitSpinner .dijitArrowButton {width: 15px;}.nihilo .dijitSpinner .dijitSpinnerButtonInner {width: 15px;}.nihilo .dijitSpinner .dijitArrowButtonInner .dijitInputField {padding: 0;}
|
||||
@@ -1,4 +1 @@
|
||||
.nihilo .dijitComboBoxRtl .dijitButtonNode {
|
||||
border-width: 0 0 0 1px;
|
||||
}
|
||||
|
||||
.nihilo .dijitComboBoxRtl .dijitButtonNode {border-width: 0 0 0 1px;}
|
||||
@@ -1,67 +1 @@
|
||||
|
||||
/*
|
||||
* 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;
|
||||
}
|
||||
.nihilo .dijitToggleButton .dijitCheckBox,.nihilo .dijitToggleButton .dijitCheckBoxIcon {background-image: url('../images/spriteCheckbox.gif');}.nihilo .dijitCheckBox,.nihilo .dijitCheckBoxIcon {background-image: url('../images/spriteCheckbox.gif'); background-repeat: no-repeat; width: 16px; height: 16px; margin: 0; padding: 0;}.nihilo .dijitCheckBox,.nihilo .dijitToggleButton .dijitCheckBoxIcon {background-position: -16px;}.nihilo .dijitCheckBoxChecked,.nihilo .dijitToggleButtonChecked .dijitCheckBoxIcon {background-position: 0;}.nihilo .dijitCheckBoxDisabled {background-position: -48px;}.nihilo .dijitCheckBoxCheckedDisabled {background-position: -32px;}.nihilo .dijitCheckBoxHover {background-position: -80px;}.nihilo .dijitCheckBoxCheckedHover {background-position: -64px;}
|
||||
@@ -1,83 +1 @@
|
||||
|
||||
/****
|
||||
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 {
|
||||
margin: 0 0.1em;
|
||||
}
|
||||
|
||||
.nihilo .dijitSelect .dijitButtonContents,
|
||||
.nihilo .dijitSelect,
|
||||
.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;
|
||||
}
|
||||
.nihilo .dijitSelect,
|
||||
.nihilo .dijitTextBox,
|
||||
.nihilo .dijitTextArea {
|
||||
border:1px solid #d3d3d3;
|
||||
}
|
||||
|
||||
.nihilo .dijitSelect .dijitArrowButton,
|
||||
.nihilo .dijitComboBox .dijitButtonNode {
|
||||
padding: 0 0.2em;
|
||||
}
|
||||
.nihilo .dijitSelect .dijitButtonContents,
|
||||
.nihilo .dijitTextBox .dijitButtonNode {
|
||||
/* line between the input area and the drop down button */
|
||||
border-color: #d3d3d3;
|
||||
}
|
||||
|
||||
.nihilo .dijitSelectFocused,
|
||||
.nihilo .dijitTextBoxFocused,
|
||||
.nihilo .dijitTextAreaFocused {
|
||||
/* input field when focused (ie: typing affects it) */
|
||||
border-color:#b3b3b3;
|
||||
}
|
||||
.nihilo .dijitSelectFocused TD,
|
||||
.nihilo .dijitTextBoxFocused .dijitButtonNode,
|
||||
.nihilo .dijitSpinner .dijitUpArrowButtonActive,
|
||||
.nihilo .dijitSpinner .dijitDownArrowButtonActive {
|
||||
border-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 .dijitValidationTextBoxError .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;
|
||||
}
|
||||
.nihilo .dijitInputContainer input {margin: 0 0.1em;}.nihilo .dijitSelect .dijitButtonContents,.nihilo .dijitSelect,.nihilo .dijitTextBox,.nihilo .dijitTextArea {background:#fff url("../images/validationInputBg.png") repeat-x top left; #background:#fff url('../images/validationInputBg.gif') repeat-x top left;}.nihilo .dijitSelect,.nihilo .dijitTextBox,.nihilo .dijitTextArea {border:1px solid #d3d3d3;}.nihilo .dijitSelect .dijitArrowButton,.nihilo .dijitComboBox .dijitButtonNode {padding: 0 0.2em;}.nihilo .dijitSelect .dijitButtonContents,.nihilo .dijitTextBox .dijitButtonNode {border-color: #d3d3d3;}.nihilo .dijitSelectFocused,.nihilo .dijitTextBoxFocused,.nihilo .dijitTextAreaFocused {border-color:#b3b3b3;}.nihilo .dijitSelectFocused TD,.nihilo .dijitTextBoxFocused .dijitButtonNode,.nihilo .dijitSpinner .dijitUpArrowButtonActive,.nihilo .dijitSpinner .dijitDownArrowButtonActive {border-color:#d3d3d3;}.nihilo .dijitSpinnerFocused .dijitDownArrowButton,.nihilo .dijitSpinner .dijitUpArrowButtonActive,.nihilo .dijitSpinner .dijitDownArrowButtonActive {border-top-color:#d3d3d3;}.nihilo .dijitError {border-color:#b3b3b3; background-color:#f9f7ba; background-image:none;}.nihilo .dijitErrorFocused {background-color:#ff6; background-image:none;}.nihilo .dijitValidationTextBoxError .dijitValidationIcon {width: 16px; background: transparent url('../images/warning.png') no-repeat center center;}.nihilo .dijitComboBoxHighlightMatch {background-color:#d3d3d3;}
|
||||
@@ -1,66 +1 @@
|
||||
/*
|
||||
* 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;
|
||||
}
|
||||
.nihilo .dijitToggleButton .dijitRadio,.nihilo .dijitToggleButton .dijitRadioIcon {background-image: url('../images/spriteRadio.gif');}.nihilo .dijitRadio,.nihilo .dijitRadioIcon {background-image: url('../images/spriteRadio.gif'); background-repeat: no-repeat; width: 16px; height: 16px; margin: 0; padding: 0;}.nihilo .dijitRadio,.nihilo .dijitToggleButton .dijitRadioIcon {background-position: -16px;}.nihilo .dijitRadioChecked,.nihilo .dijitToggleButtonChecked .dijitRadioIcon {background-position: 0;}.nihilo .dijitRadioDisabled {background-position: -48px;}.nihilo .dijitRadioCheckedDisabled {background-position: -32px;}.nihilo .dijitRadioHover {background-position: -80px;}.nihilo .dijitRadioCheckedHover {background-position: -64px;}
|
||||
@@ -1,46 +1 @@
|
||||
.nihilo .dijitSelectError .dijitButtonContents,
|
||||
.nihilo .dijitSelectHover .dijitArrowButton,
|
||||
.nihilo .dijitSelectActive .dijitArrowButton,
|
||||
.nihilo .dijitSelectOpened .dijitArrowButton,
|
||||
.nihilo .dijitSelectDisabled .dijitArrowButton,
|
||||
.nihilo .dijitSelectReadOnly .dijitArrowButton {
|
||||
background: transparent none;
|
||||
}
|
||||
|
||||
.nihilo .dijitSelect .dijitArrowButton {
|
||||
background: #bcd5f0 url("../images/buttonEnabled.png") repeat-x top left;
|
||||
border-width: 0;
|
||||
}
|
||||
|
||||
/* Mirror DropDownButton */
|
||||
.nihilo .dijitSelectDisabled,
|
||||
.nihilo .dijitSelectDisabled TD {
|
||||
border-color: #dedede !important;
|
||||
background:#fafafa url("../images/buttonDisabled.png") top repeat-x;
|
||||
}
|
||||
.dj_ie .nihilo .dijitSelectDisabled TD * {
|
||||
filter: gray() alpha(opacity=50);
|
||||
}
|
||||
|
||||
.nihilo .dijitSelectHover,
|
||||
.nihilo .dijitSelectHover TD {
|
||||
color:#000;
|
||||
background:#fcfcfc url("../images/buttonHover.png") repeat-x top left;
|
||||
}
|
||||
|
||||
.nihilo .dijitSelectActive,
|
||||
.nihilo .dijitSelectOpened,
|
||||
.nihilo .dijitSelectActive TD,
|
||||
.nihilo .dijitSelectOpened TD {
|
||||
border-color:#dedede !important;
|
||||
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;
|
||||
}
|
||||
.nihilo .dijitSelectError .dijitButtonContents,.nihilo .dijitSelectHover .dijitArrowButton,.nihilo .dijitSelectActive .dijitArrowButton,.nihilo .dijitSelectOpened .dijitArrowButton,.nihilo .dijitSelectDisabled .dijitArrowButton,.nihilo .dijitSelectReadOnly .dijitArrowButton {background: transparent none;}.nihilo .dijitSelect .dijitArrowButton {background: #bcd5f0 url("../images/buttonEnabled.png") repeat-x top left; border-width: 0;}.nihilo .dijitSelectDisabled,.nihilo .dijitSelectDisabled TD {border-color: #dedede !important; background:#fafafa url("../images/buttonDisabled.png") top repeat-x;}.dj_ie .nihilo .dijitSelectDisabled TD * {filter: gray() alpha(opacity=50);}.nihilo .dijitSelectHover,.nihilo .dijitSelectHover TD {color:#000; background:#fcfcfc url("../images/buttonHover.png") repeat-x top left;}.nihilo .dijitSelectActive,.nihilo .dijitSelectOpened,.nihilo .dijitSelectActive TD,.nihilo .dijitSelectOpened TD {border-color:#dedede !important; background: #f5f5f5 url("../images/buttonActive.png") top left repeat-x;}.nihilo .dijitSelectMenu td {padding: 0;}.nihilo .dijitSelectMenu .dijitMenuItemLabel,.nihilo .dijitSelectMenu .dijitMenuArrowCell {padding: 0.1em 0.2em;}
|
||||
@@ -1,141 +1 @@
|
||||
|
||||
/****
|
||||
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;
|
||||
}
|
||||
.nihilo .dijitSliderProgressBarH {border-color: #aab0bb; background: #c0c2c5 url("../images/sliderFull.png") repeat-x top left;}.nihilo .dijitSliderProgressBarV {border-color: #aab0bb; background: #c0c2c5 url("../images/sliderFullVertical.png") repeat-y bottom left;}.nihilo .dijitSliderFocused .dijitSliderProgressBarH,.nihilo .dijitSliderFocused .dijitSliderLeftBumper {background-image:url("../images/sliderFullFocus.png");}.nihilo .dijitSliderFocused .dijitSliderProgressBarV,.nihilo .dijitSliderFocused .dijitSliderBottomBumper {background-image:url("../images/sliderFullVerticalFocus.png");}.nihilo .dijitSliderRemainingBarV {border-color: #b4b4b4; background: #dcdcdc url("../images/sliderEmptyVertical.png") repeat-y bottom left;}.nihilo .dijitSliderRemainingBarH {border-color: #b4b4b4; background: #dcdcdc url("../images/sliderEmpty.png") repeat-x top left;}.nihilo .dijitSliderBar {border-style: solid; outline:1px;}.nihilo .dijitSliderFocused .dijitSliderBar {border-color:#727272;}.nihilo .dijitSliderImageHandleH {border: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;}
|
||||
@@ -1,36 +1 @@
|
||||
|
||||
/* 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;
|
||||
}
|
||||
.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;}
|
||||
@@ -1 +1 @@
|
||||
@CHARSET "UTF-8";
|
||||
@CHARSET "UTF-8";
|
||||
@@ -1,46 +1 @@
|
||||
/**
|
||||
* 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;
|
||||
}
|
||||
.nihilo .dijitAccordionContainer {border-color: #ccc; background-color: #fff;}.nihilo .dijitAccordionTitle {background:#fafafa url("../images/titleBar.png") repeat-x top left; border-top: 1px solid #dedede; padding: 5px 4px 6px 8px; font-size: 0.9em; font-weight: bold; color: #6d6d6d;}.nihilo .dijitAccordionTitleSelected {background: #f9f9f9 url("../images/accordionItemActive.png") top repeat-x; font-weight: bold; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; padding: 5px 4px 5px 8px; color: #243C5F;}.nihilo .dijitAccordionArrow {background:url("../images/spriteRoundedIconsSmall.gif") no-repeat -30px top; width:15px; height:15px; margin-top:-1px;}.nihilo .dijitAccordionTitleSelected .dijitAccordionArrow {background:url("../images/spriteRoundedIconsSmall.gif") no-repeat -15px top; margin-top:-1px;}.nihilo .dijitAccordionText {margin-left: 4px; margin-right: 4px;}
|
||||
@@ -1,8 +1 @@
|
||||
.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;
|
||||
}
|
||||
.dijitRtl .nihilo .dijitAccordionArrow {background-position: 0 top;}.dijitRtl .nihilo .dijitAccordionTitleSelected .dijitAccordionArrow {background-position: -15px top;}
|
||||
@@ -1,76 +1 @@
|
||||
/**
|
||||
* 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;
|
||||
}
|
||||
.nihilo .dijitBorderContainer {background-color: #fcfcfc; padding: 5px;}.nihilo .dijitSplitContainer-child,.nihilo .dijitBorderContainer-child {border: 1px #ccc solid;}.nihilo .dijitBorderContainer-dijitTabContainerTop,.nihilo .dijitBorderContainer-dijitTabContainerBottom,.nihilo .dijitBorderContainer-dijitTabContainerLeft,.nihilo .dijitBorderContainer-dijitTabContainerRight {border: none;}.nihilo .dijitBorderContainer-dijitBorderContainer {border: none; padding: 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;}.nihilo .dijitSplitterActive {font-size: 1px; background-image: none; background-color: #aaa; -moz-opacity: 0.6; opacity: 0.6; filter: Alpha(Opacity=60); margin: 0;}
|
||||
@@ -1,21 +1 @@
|
||||
/* 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;
|
||||
}
|
||||
.nihilo .dijitContentPane {padding: 0;}.nihilo .dijitTabContainerTop-dijitContentPane,.nihilo .dijitTabContainerLeft-dijitContentPane,.nihilo .dijitTabContainerRight-dijitContentPane,.nihilo .dijitTabContainerBottom-dijitContentPane,.nihilo .dijitAccordionContainer-dijitContentPane {background-color: #fff; padding: 5px;}.nihilo .dijitSplitContainer-dijitContentPane,.nihilo .dijitBorderContainer-dijitContentPane {background-color: #fff; padding: 5px;}
|
||||
@@ -1,34 +1 @@
|
||||
/**
|
||||
* 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;
|
||||
}
|
||||
.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;}
|
||||
File diff suppressed because one or more lines are too long
@@ -1,43 +1 @@
|
||||
.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%;
|
||||
}
|
||||
.dijitRtl .nihilo .dijitTab {margin-right:0; margin-left:2px;}.dijitRtl .nihilo .dijitTabContainer .tabStripButton {margin-left: 0;}.dijitRtl .nihilo .dijitTabContainerTopStrip,.dijitRtl .nihilo .dijitTabContainerBottomStrip,.dijitRtl .nihilo .dijitTabContainerTop-tabs,.dijitRtl .nihilo .dijitTabContainerBottom-tabs {padding-left: 0; padding-right: 3px;}.dijitRtl .nihilo .dijitTabInnerDiv {padding-left: 3px; padding-right: 4px;}.dijitRtl .nihilo .dijitTabPaneWrapper {#zoom: 1;}.dj_ie-rtl .nihilo .dijitTabContainerLeft-tabs {margin-left: 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%;}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1,161 +1 @@
|
||||
/* 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;
|
||||
}
|
||||
.soria .dijitCalendarIncrementControl {width:15px; height:15px; background-image: url("images/spriteRoundedIconsSmall.png"); background-repeat: no-repeat;}.dj_ie6 .soria .dijitCalendarIncrementControl {font-size:.1em; background-image: url("images/spriteRoundedIconsSmall.gif");}.soria .dijitA11ySideArrow {display: none;}.soria .dijitCalendarDecrease {background-position: top left;}.soria .dijitCalendarIncrease {background-position: -30px top;}.soria table.dijitCalendarContainer {font-size: 100%; border-spacing: 0; border-collapse: separate; border: 1px solid #b1badf; margin: 0;}.soria .dijitCalendarMonthContainer th {background:#bed7f0 url("images/titleBar.png") repeat-x top; padding-top:.3em; padding-bottom:.2em; text-align:center;}.dj_ie6 .soria .dijitCalendarMonthContainer th {padding-top:.2em; padding-bottom:.1em;}.soria .dijitCalendarDayLabelTemplate {background:#bed7f0; font-weight:normal; padding-top:.15em; padding-bottom:.2em; border-bottom: 1px solid #b1badf; color:#293a4b; text-align:center;}.soria .dijitCalendarBodyContainer {border-bottom: 1px solid #eeeeee;}.soria .dijitCalendarMonthLabel {color:#293a4b; font-weight: bold; padding: 0 4px;}.soria .dijitCalendarDateTemplate {font-size: 0.9em; font-weight: bold; text-align: center; padding: 0.3em 0.3em 0.05em 0.3em; letter-spacing: 1px; background-color: #fff; border:#fff solid 1px !important;}.dj_ie .soria .dijitCalendarDateTemplate {padding: 0.1em .33em 0.02em .33em;}.soria .dijitCalendarPreviousMonth,.soria .dijitCalendarNextMonth {color:#999999; background-color:#fdfdfd !important; border:#fdfdfd solid 1px !important;}.soria .dijitCalendarCurrentMonth {}.soria .dijitCalendarDisabledDate {text-decoration:line-through !important;}.soria .dijitCalendarCurrentDate {text-decoration:underline; font-weight:bold;}.soria .dijitCalendarSelectedDate {background-color:#b9cbf1 !important; color:black !important; border:#4b5aaa solid 1px !important;}.soria .dijitCalendarYearContainer {background:white url("images/titleBar.png") repeat-x top;}.soria .dijitCalendarYearLabel {margin:0; padding:0.4em 0 0.25em 0; text-align:center; font-size: 1.17em;}.soria .dijitCalendarSelectedYear {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 {color:black !important; font-weight:normal;}.soria .dijitCalendar .dijitDropDownButton {margin: 0;}.soria .dijitCalendar .dijitButtonText {padding: 0;}.soria .dijitCalendar .dijitDropDownButton .dijitButtonNode {background-color: transparent; background-image: none; padding: 0;}.soria .dijitCalendarMonthMenu .dijitCalendarMonthLabelHover {background-color: #d9e6f9; color: #243C5F;}
|
||||
@@ -1,9 +1 @@
|
||||
/* Calendar */
|
||||
|
||||
.dijitRtl .soria .dijitCalendarDecrease {
|
||||
background-position: -30px top;
|
||||
}
|
||||
|
||||
.dijitRtl .soria .dijitCalendarIncrease {
|
||||
background-position: 0 top;
|
||||
}
|
||||
.dijitRtl .soria .dijitCalendarDecrease {background-position: -30px top;}.dijitRtl .soria .dijitCalendarIncrease {background-position: 0 top;}
|
||||
@@ -1,5 +1 @@
|
||||
.dijitColorPalette {
|
||||
border:1px solid #cbcbcb;
|
||||
background:#fff;
|
||||
-moz-border-radius: 0 !important;
|
||||
}
|
||||
.dijitColorPalette {border:1px solid #cbcbcb; background:#fff; -moz-border-radius: 0 !important;}
|
||||
@@ -1,22 +1 @@
|
||||
/* DnD hovered and selected node(s) */
|
||||
.soria .dojoDndItemOver {
|
||||
background-image: url(images/treeHover.png);
|
||||
}
|
||||
.soria .dojoDndItemAnchor,
|
||||
.soria .dojoDndItemSelected {
|
||||
background-color: #B8CBEC;
|
||||
}
|
||||
|
||||
|
||||
/* DnD avatar-specific settings */
|
||||
/* For now it uses a default set of rules. Some other DnD classes can be modified as well. */
|
||||
|
||||
.soria table.dojoDndAvatar { -moz-border-radius: 0; border: 1px solid #ccc; border-collapse: collapse; background-color: #fff; font-size: 75%; color: black;}
|
||||
.soria .dojoDndAvatar td { border: none; }
|
||||
.soria .dojoDndAvatar tr { border: none; }
|
||||
.soria .dojoDndAvatarHeader td { height: 20px; padding: 0 0 0 21px; }
|
||||
.soria .dojoDndAvatarItem td { padding: 2px;}
|
||||
.soria.dojoDndMove .dojoDndAvatarHeader {background-color: #f58383; background-image: url(images/dndNoMove.png); background-repeat: no-repeat; background-position: 2px center;}
|
||||
.soria.dojoDndCopy .dojoDndAvatarHeader {background-color: #f58383; background-image: url(images/dndNoCopy.png); background-repeat: no-repeat; background-position: 2px center;}
|
||||
.soria.dojoDndMove .dojoDndAvatarCanDrop .dojoDndAvatarHeader {background-color: #97e68d; background-image: url(images/dndMove.png); background-repeat: no-repeat; background-position: 2px center;}
|
||||
.soria.dojoDndCopy .dojoDndAvatarCanDrop .dojoDndAvatarHeader {background-color: #97e68d; background-image: url(images/dndCopy.png); background-repeat: no-repeat; background-position: 2px center;}
|
||||
.soria .dojoDndItemOver {background-image: url(images/treeHover.png);}.soria .dojoDndItemAnchor,.soria .dojoDndItemSelected {background-color: #B8CBEC;}.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;}
|
||||
@@ -1,147 +1 @@
|
||||
/* 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. */
|
||||
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");
|
||||
}
|
||||
|
||||
.soria .dijitDialog {background: #eee; border: 1px solid #cbcbcb; -webkit-box-shadow: 0 5px 10px #adadad; padding: 0;}.soria .dijitDialog .dijitDialogTitle {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 {background: #fafafa url("images/titleBar.png") repeat-x top left; padding: 5px 6px 3px 6px; outline:0;}.soria .dijitDialogCloseIcon {background-image: url("images/spriteRoundedIconsSmallBl.png"); background-repeat: no-repeat; background-position: -60px 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;}.soria .dijitTooltip,.soria .dijitTooltipDialog {background: transparent;}.dijitTooltipBelow {padding-top: 10px;}.dijitTooltipAbove {padding-bottom: 10px;}.soria .dijitTooltipContainer {background-color: #fff; border:1px solid #cbcbcb; padding:0.45em;}.soria .dijitTooltipConnector {border:0; z-index: 2;}.soria .dijitTooltipABRight .dijitTooltipConnector {left: auto !important; right: 6px;}.soria .dijitTooltipBelow .dijitTooltipConnector {top: 0; left: 6px; background:url("images/tooltipConnectorUp.png") no-repeat top left; width:17px; height:11px;}.dj_ie .soria .dijitTooltipBelow .dijitTooltipConnector {background-image: url("images/tooltipConnectorUp.gif");}.soria .dijitTooltipAbove .dijitTooltipConnector {bottom: 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 {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 {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");}
|
||||
@@ -1,5 +1 @@
|
||||
/* Dialog */
|
||||
.dijitRtl .soria .dijitDialogTitleBar .dijitDialogCloseIcon {
|
||||
right: auto;
|
||||
left: 5px;
|
||||
}
|
||||
.dijitRtl .soria .dijitDialogTitleBar .dijitDialogCloseIcon {right: auto; left: 5px;}
|
||||
@@ -1,17 +1 @@
|
||||
.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 */
|
||||
}
|
||||
|
||||
.soria .dijitToolbar .dijitToolbarSeparator {background: url('../../icons/images/editorIconsEnabled.png');}.soria .dijitEditorIcon {background-image: url('../../icons/images/editorIconsEnabled.png'); background-repeat: no-repeat; width: 18px; height: 18px; text-align: center;}.soria .dijitDisabled .dijitEditorIcon {background-image: url('../../icons/images/editorIconsDisabled.png');}
|
||||
@@ -1,7 +1 @@
|
||||
/* 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 */
|
||||
}
|
||||
.dijitRtl .soria .dijitEditorIcon {background-image: url('../../icons/images/editorIconsEnabled_rtl.png');}.dijitRtl .soria .dijitDisabled .dijitEditorIcon {background-image: url('../../icons/images/editorIconsDisabled_rtl.png');}
|
||||
@@ -1,78 +1 @@
|
||||
|
||||
/* 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 .dijitComboBoxMenu .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;
|
||||
}
|
||||
.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 .dijitComboBoxMenu .dijitMenuItemHover,.soria .dijitMenuItemSelected {background-color: #d9e6f9; color: #243C5F;}.soria .dijitMenuItemIcon {width: 15px; height: 15px;}.soria .dijitMenuExpand {width:15px; height:15px; background-image: url('images/spriteRoundedIconsSmall.png'); background-position: -30px top;}.dj_ie6 .soria .dijitMenuExpand {background-image: url('images/spriteRoundedIconsSmall.gif');}.soria .dijitMenuSeparator {height: 1px;}.soria .dijitMenuSeparatorTop {border-bottom: 1px solid #fff;}.soria .dijitMenuSeparatorBottom {border-top: 1px solid #8ba0bd;}.soria .dijitCheckedMenuItemIconChar {display: none;}.soria .dijitCheckedMenuItemIcon {background-image: url('images/spriteCheckbox.gif'); background-position: -80px;}.soria .dijitCheckedMenuItemChecked .dijitCheckedMenuItemIcon {background-position: -64px;}
|
||||
@@ -1,10 +1 @@
|
||||
/* Menu */
|
||||
|
||||
.dijitRtl .soria .dijitMenuItem .dijitMenuItemIcon {
|
||||
padding-left: 3px;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.dijitRtl .soria .dijitMenuItem .dijitMenuExpand {
|
||||
background-position: left top;
|
||||
}
|
||||
.dijitRtl .soria .dijitMenuItem .dijitMenuItemIcon {padding-left: 3px; padding-right: 0;}.dijitRtl .soria .dijitMenuItem .dijitMenuExpand {background-position: left top;}
|
||||
@@ -1,33 +1 @@
|
||||
|
||||
/****
|
||||
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;
|
||||
}
|
||||
.soria .dijitProgressBar {margin:2px 0 2px 0;}.soria .dijitProgressBarEmpty{background:#fff url("images/progressBarEmpty.png") repeat-x center center; border-color: #8ba0bd;}.soria .dijitProgressBarTile{background:#f0f0f0 url("images/progressBarFull.png") repeat-x center center;}.soria .dijitProgressBarFull {border-right:1px solid #8ba0bd;}.soria .dijitProgressBarLabel {color:#293a4b;}.soria .dijitProgressBarIndeterminate .dijitProgressBarTile {background:#cad2de url("images/progressBarAnim.gif") repeat-x center center;}
|
||||
@@ -1,51 +1 @@
|
||||
/* 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;
|
||||
}
|
||||
.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;}
|
||||
@@ -1,4 +1 @@
|
||||
.dj_ie6-rtl .soria .dijitTimePickerMarkerHover,
|
||||
.dj_ie7-rtl .soria .dijitTimePickerMarkerHover {
|
||||
border-top: 0; /* IE6/7 bug causes mouseover/out event storm */
|
||||
}
|
||||
.dj_ie6-rtl .soria .dijitTimePickerMarkerHover,.dj_ie7-rtl .soria .dijitTimePickerMarkerHover {border-top: 0;}
|
||||
@@ -1,58 +1 @@
|
||||
/**
|
||||
* 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;
|
||||
}
|
||||
.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;}
|
||||
@@ -1,6 +1 @@
|
||||
.dijitRtl .soria .dijitTitlePane .dijitClosed .dijitArrowNode {
|
||||
background-position: 0 top;
|
||||
}
|
||||
.dj_ie6-rtl .soria .dijitTitlePane .dijitClosed .dijitArrowNode {
|
||||
background-position: 0 top;
|
||||
}
|
||||
.dijitRtl .soria .dijitTitlePane .dijitClosed .dijitArrowNode {background-position: 0 top;}.dj_ie6-rtl .soria .dijitTitlePane .dijitClosed .dijitArrowNode {background-position: 0 top;}
|
||||
@@ -1,65 +1 @@
|
||||
.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;
|
||||
}
|
||||
.soria .dijitToolbar {border-bottom: 1px solid #ccc; background:#eaeaea url("images/titleBar.png") repeat-x top left;}.dj_ie6 .soria .dijitToolbar {height: 10px;}.soria .dijitToolbar .dijitButtonNode,.soria .dijitToolbar .dijitComboButton .dijitButtonContents,.soria .dijitToolbar .dijitComboButton .dijitDownArrowButton {background: none; margin: 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;}.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 {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 {border: 1px #777 dotted !important; padding: 0;}
|
||||
@@ -1,105 +1 @@
|
||||
/* 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;
|
||||
}
|
||||
.soria .dijitTreeNode {background : url('images/treeI.gif') no-repeat; background-position : top left; background-repeat : repeat-y; zoom: 1;}.soria .dijitTreeRowHover {background-image: url(images/treeHover.png); background-repeat: repeat; background-color: transparent !important;}.soria .dijitTreeIsLast {background: url('images/treeI_half.gif') no-repeat;}.soria .dijitTreeLabel {font-weight: normal; margin-left: 3px;}.soria .dijitTreeIsRoot {margin-left: 0; background-image: none;}.soria .dijitTreeExpando {width: 18px; height: 18px;}.soria .dijitTreeRow {padding-bottom: 2px;}.soria .dijitTreeContent {min-height: 18px; min-width: 18px; padding-left:1px;}.soria .dijitTreeRowSelected .dijitTreeLabel{background:#b8cbec;}.soria .dijitTreeExpandoOpened {background: url('images/spriteTree.gif') no-repeat -18px top;}.soria .dijitTreeExpandoClosed {background-image: url('images/spriteTree.gif');}.soria .dijitTreeExpandoLeaf {background: url('images/spriteTree.gif') no-repeat -36px top;}.soria .dijitTreeExpandoLoading {background-image: url('images/treeExpand_loading.gif');}.soria .dijitTreeIcon {width: 16px; height: 16px;}.soria .dijitFolderOpened {background: url('images/spriteDivIcons.gif') no-repeat -16px top;}.soria .dijitFolderClosed {background: url('images/spriteDivIcons.gif') no-repeat top left;}.soria .dijitLeaf {background: url('images/spriteDivIcons.gif') no-repeat -32px top;}.soria .dijitTreeNode .dojoDndItemBefore,.soria .dijitTreeNode .dojoDndItemAfter {border-bottom: none; border-top: none;}.soria .dijitTreeNode .dojoDndItemBefore .dijitTreeContent {border-top: 2px solid #369;}.soria .dijitTreeNode .dojoDndItemAfter .dijitTreeContent {border-bottom: 2px solid #369;}
|
||||
@@ -1,22 +1 @@
|
||||
/* 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');
|
||||
}
|
||||
.dijitRtl .soria .dijitTreeNode,.dijitRtl .soria .dijitTreeExpandoLeaf {background-image: none;}.dijitRtl .soria .dijitTreeContent {padding-left: 0; padding-right: 1px;}.dijitRtl .soria .dijitTreeExpandoOpened {background: url('images/spriteTree_rtl.gif') no-repeat -18px top;}.dijitRtl .soria .dijitTreeExpandoClosed {background-image: url('images/spriteTree_rtl.gif');}
|
||||
@@ -1,122 +1 @@
|
||||
|
||||
/*****
|
||||
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 .dijitButtonText {
|
||||
text-align: center;
|
||||
padding: 0 0.3em;
|
||||
}
|
||||
.soria .dijitInputField {
|
||||
padding: 0; /* set padding:0 for .soria .dijitSelect .dijitButtonText but with a low priority rule that can be easily trumped by the user */
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
.soria .dijitButtonNode {border: 1px solid #8ba0bd; border-bottom:1px solid #657c9c; padding: 0.1em 0.2em 0.2em 0.2em; background: #bcd5f0 url("../images/buttonEnabled.png") repeat-x top left;}.soria .dijitButtonText {text-align: center; padding: 0 0.3em;}.soria .dijitInputField {padding: 0;}.soria .dijitArrowButton {color: #111;}.soria .dijitComboButton .dijitDownArrowButton {padding-right:4px;}.soria .dijitTextBoxReadOnly,.soria .dijitTextBoxReadOnly .dijitButtonNode,.soria .dijitButtonDisabled .dijitButtonNode,.soria .dijitToggleButtonDisabled .dijitButtonNode,.soria .dijitDropDownButtonDisabled .dijitButtonNode,.soria .dijitComboButtonDisabled .dijitButtonNode,.soria .dijitTextBoxDisabled,.soria .dijitTextBoxDisabled .dijitButtonNode {border-color: #b9bbdd #b9bbdd #b9bbdd #b9bbdd; background:#c3d3e5 url("../images/buttonDisabled.png") top repeat-x; opacity: 0.60;}.dj_ie6 .soria .dijitReadOnly input,.dj_ie7 .soria .dijitReadOnly input,.dj_ie6 .soria .dijitComboButtonDisabled .dijitButtonText,.dj_ie7 .soria .dijitComboButtonDisabled .dijitButtonText {color: #aaa;}.soria .dijitButtonHover .dijitButtonNode,.soria .dijitButtonNodeHover,.soria .dijitToggleButtonHover .dijitButtonNode,.soria .dijitDropDownButtonHover .dijitButtonNode,.soria .dijitButtonContentsHover,.soria .dijitUpArrowButtonHover,.soria .dijitDownArrowButtonHover {color:#243C5F; background:#acc5e2 url("../images/buttonHover.png") repeat-x top left;}.soria .dijitButtonActive .dijitButtonNode,.soria .dijitToggleButtonActive .dijitButtonNode,.soria .dijitDropDownButtonActive .dijitButtonNode,.soria .dijitComboButtonActive .dijitButtonContents,.soria .dijitStackController .dijitToggleButtonChecked .dijitButtonNode {border-color:#657c9c; background: #91b4e5 url("../images/buttonActive.png") top left repeat-x;}.soria .dijitUpArrowButtonActive,.soria .dijitDownArrowButtonActive {background: #91b4e5 url("../images/buttonActive.png") top left repeat-x;}.soria .dijitArrowButtonInner {background-image: url("../images/spriteArrows.png"); background-repeat: no-repeat; background-position: 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;}.soria .dijitSpinnerButtonContainer {width: auto; padding: 0;}.soria .dijitSpinner .dijitArrowButton {width: 15px;}.soria .dijitSpinner .dijitSpinnerButtonInner {width: 15px;}.soria .dijitSpinner .dijitArrowButtonInner .dijitInputField {padding: 0;}
|
||||
@@ -1,3 +1 @@
|
||||
.soria .dijitComboBoxRtl .dijitButtonNode {
|
||||
border-width: 0 0 0 1px;
|
||||
}
|
||||
.soria .dijitComboBoxRtl .dijitButtonNode {border-width: 0 0 0 1px;}
|
||||
@@ -1,67 +1 @@
|
||||
|
||||
/*
|
||||
* 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;
|
||||
}
|
||||
.soria .dijitToggleButton .dijitCheckBox,.soria .dijitToggleButton .dijitCheckBoxIcon {background-image: url('../images/spriteCheckbox.gif');}.soria .dijitCheckBox,.soria .dijitCheckBoxIcon {background-image: url('../images/spriteCheckbox.gif'); background-repeat: no-repeat; width: 16px; height: 16px; margin: 0; padding: 0;}.soria .dijitCheckBox,.soria .dijitToggleButton .dijitCheckBoxIcon {background-position: -16px;}.soria .dijitCheckBoxChecked,.soria .dijitToggleButtonChecked .dijitCheckBoxIcon {background-position: 0;}.soria .dijitCheckBoxDisabled {background-position: -48px;}.soria .dijitCheckBoxCheckedDisabled {background-position: -32px;}.soria .dijitCheckBoxHover {background-position: -80px;}.soria .dijitCheckBoxCheckedHover {background-position: -64px;}
|
||||
@@ -1,84 +1 @@
|
||||
|
||||
/****
|
||||
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 {
|
||||
margin: 0 0.1em;
|
||||
}
|
||||
|
||||
.soria .dijitSelect .dijitButtonContents,
|
||||
.soria .dijitSelect,
|
||||
.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;
|
||||
}
|
||||
.soria .dijitSelect,
|
||||
.soria .dijitTextBox,
|
||||
.soria .dijitTextArea {
|
||||
border:1px solid #8ba0bd;
|
||||
}
|
||||
|
||||
.soria .dijitSelect .dijitArrowButton,
|
||||
.soria .dijitComboBox .dijitButtonNode {
|
||||
padding: 0 0.2em;
|
||||
}
|
||||
|
||||
.soria .dijitSelect .dijitButtonContents,
|
||||
.soria .dijitTextBox .dijitButtonNode {
|
||||
/* line between the input area and the drop down button */
|
||||
border-color: #8ba0bd;
|
||||
}
|
||||
|
||||
.soria .dijitSelectFocused,
|
||||
.soria .dijitTextBoxFocused,
|
||||
.soria .dijitTextAreaFocused {
|
||||
/* input field when focused (ie: typing affects it) */
|
||||
border-color:#406b9b;
|
||||
}
|
||||
.soria .dijitSelectFocused TD,
|
||||
.soria .dijitTextBoxFocused .dijitButtonNode,
|
||||
.soria .dijitSpinner .dijitUpArrowButtonActive,
|
||||
.soria .dijitSpinner .dijitDownArrowButtonActive {
|
||||
border-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 .dijitValidationTextBoxError .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;
|
||||
}
|
||||
.soria .dijitInputContainer input {margin: 0 0.1em;}.soria .dijitSelect .dijitButtonContents,.soria .dijitSelect,.soria .dijitTextBox,.soria .dijitTextArea {background:#fff url("../images/validationInputBg.png") repeat-x top left; #background:#fff url('../images/validationInputBg.gif') repeat-x top left;}.soria .dijitSelect,.soria .dijitTextBox,.soria .dijitTextArea {border:1px solid #8ba0bd;}.soria .dijitSelect .dijitArrowButton,.soria .dijitComboBox .dijitButtonNode {padding: 0 0.2em;}.soria .dijitSelect .dijitButtonContents,.soria .dijitTextBox .dijitButtonNode {border-color: #8ba0bd;}.soria .dijitSelectFocused,.soria .dijitTextBoxFocused,.soria .dijitTextAreaFocused {border-color:#406b9b;}.soria .dijitSelectFocused TD,.soria .dijitTextBoxFocused .dijitButtonNode,.soria .dijitSpinner .dijitUpArrowButtonActive,.soria .dijitSpinner .dijitDownArrowButtonActive {border-color:#8ba0bd;}.soria .dijitSpinnerFocused .dijitDownArrowButton,.soria .dijitSpinner .dijitUpArrowButtonActive,.soria .dijitSpinner .dijitDownArrowButtonActive {border-top-color:#8ba0bd;}.soria .dijitError {border-color:#f3d118; background-color:#f9f7ba; background-image:none;}.soria .dijitErrorFocused {background-color:#ff6; background-image:none;}.soria .dijitValidationTextBoxError .dijitValidationIcon {width: 16px; background: transparent url('../images/warning.png') no-repeat center center;}.soria .dijitComboBoxHighlightMatch {background-color:#f9f7ba;}
|
||||
@@ -1,66 +1 @@
|
||||
/*
|
||||
* 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;
|
||||
}
|
||||
.soria .dijitToggleButton .dijitRadio,.soria .dijitToggleButton .dijitRadioIcon {background-image: url('../images/spriteRadio.gif');}.soria .dijitRadio,.soria .dijitRadioIcon {background-image: url('../images/spriteRadio.gif'); background-repeat: no-repeat; width: 16px; height: 16px; margin: 0; padding: 0;}.soria .dijitRadio,.soria .dijitToggleButton .dijitRadioIcon {background-position: -16px;}.soria .dijitRadioChecked,.soria .dijitToggleButtonChecked .dijitRadioIcon {background-position: 0;}.soria .dijitRadioDisabled {background-position: -48px;}.soria .dijitRadioCheckedDisabled {background-position: -32px;}.soria .dijitRadioHover {background-position: -80px;}.soria .dijitRadioCheckedHover {background-position: -64px;}
|
||||
@@ -1,47 +1 @@
|
||||
/* Make unselected "look" more like a text box and less like a button */
|
||||
.soria .dijitSelectError .dijitButtonContents,
|
||||
.soria .dijitSelectHover .dijitArrowButton,
|
||||
.soria .dijitSelectActive .dijitArrowButton,
|
||||
.soria .dijitSelectOpened .dijitArrowButton,
|
||||
.soria .dijitSelectDisabled .dijitArrowButton,
|
||||
.soria .dijitSelectReadOnly .dijitArrowButton {
|
||||
background: transparent none;
|
||||
}
|
||||
.soria .dijitSelect .dijitArrowButton {
|
||||
background: #bcd5f0 url("../images/buttonEnabled.png") repeat-x top left;
|
||||
border-width: 0;
|
||||
}
|
||||
|
||||
/* Mirror DropDownButton */
|
||||
.soria .dijitSelectDisabled,
|
||||
.soria .dijitSelectDisabled TD {
|
||||
border-color: #b9bbdd !important;
|
||||
background:#c3d3e5 url("../images/buttonDisabled.png") top repeat-x;
|
||||
}
|
||||
.dj_ie .soria .dijitSelectDisabled TD * {
|
||||
filter: gray() alpha(opacity=50);
|
||||
}
|
||||
|
||||
.soria .dijitSelectHover,
|
||||
.soria .dijitSelectHover TD {
|
||||
border-color:#a5beda #5c7590 #5c7590 #a5beda !important;
|
||||
color:#000;
|
||||
background:#acc5e2 url("../images/buttonHover.png") repeat-x top left;
|
||||
}
|
||||
|
||||
.soria .dijitSelectActive,
|
||||
.soria .dijitSelectOpened,
|
||||
.soria .dijitSelectActive TD,
|
||||
.soria .dijitSelectOpened TD {
|
||||
border-color:#657c9c !important;
|
||||
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;
|
||||
}
|
||||
.soria .dijitSelectError .dijitButtonContents,.soria .dijitSelectHover .dijitArrowButton,.soria .dijitSelectActive .dijitArrowButton,.soria .dijitSelectOpened .dijitArrowButton,.soria .dijitSelectDisabled .dijitArrowButton,.soria .dijitSelectReadOnly .dijitArrowButton {background: transparent none;}.soria .dijitSelect .dijitArrowButton {background: #bcd5f0 url("../images/buttonEnabled.png") repeat-x top left; border-width: 0;}.soria .dijitSelectDisabled,.soria .dijitSelectDisabled TD {border-color: #b9bbdd !important; background:#c3d3e5 url("../images/buttonDisabled.png") top repeat-x;}.dj_ie .soria .dijitSelectDisabled TD * {filter: gray() alpha(opacity=50);}.soria .dijitSelectHover,.soria .dijitSelectHover TD {border-color:#a5beda #5c7590 #5c7590 #a5beda !important; color:#000; background:#acc5e2 url("../images/buttonHover.png") repeat-x top left;}.soria .dijitSelectActive,.soria .dijitSelectOpened,.soria .dijitSelectActive TD,.soria .dijitSelectOpened TD {border-color:#657c9c !important; background: #91b4e5 url("../images/buttonActive.png") top left repeat-x;}.soria .dijitSelectMenu td {padding: 0;}.soria .dijitSelectMenu .dijitMenuItemLabel,.soria .dijitSelectMenu .dijitMenuArrowCell {padding: 0.1em 0.2em;}
|
||||
@@ -1,144 +1 @@
|
||||
|
||||
/****
|
||||
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;
|
||||
}
|
||||
.soria .dijitSliderProgressBarH {border-color: #b1badf; background: #c0c2c5 url("../images/sliderFull.png") repeat-x top left;}.soria .dijitSliderProgressBarV {border-color: #b1badf; background: #c0c2c5 url("../images/sliderFullVertical.png") repeat-y bottom left;}.soria .dijitSliderFocused .dijitSliderProgressBarH,.soria .dijitSliderFocused .dijitSliderLeftBumper {background-image:url("../images/sliderFullFocus.png");}.soria .dijitSliderFocused .dijitSliderProgressBarV,.soria .dijitSliderFocused .dijitSliderBottomBumper {background-image:url("../images/sliderFullVerticalFocus.png");}.soria .dijitSliderRemainingBarV {border-color: #b4b4b4; background: #dcdcdc url("../images/sliderEmptyVertical.png") repeat-y bottom left;}.soria .dijitSliderRemainingBarH {border-color: #b4b4b4; background: #dcdcdc url("../images/sliderEmpty.png") repeat-x top left;}.soria .dijitSliderBar {border-style: solid; outline:1px;}.soria .dijitSliderFocused .dijitSliderBar {border-color:#8ba0bd;}.soria .dijitSliderImageHandleH {border: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;}
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user