diff options
Diffstat (limited to 'includes/js/dijit/themes/soria/Dialog.css.commented.css')
| -rw-r--r-- | includes/js/dijit/themes/soria/Dialog.css.commented.css | 175 |
1 files changed, 175 insertions, 0 deletions
diff --git a/includes/js/dijit/themes/soria/Dialog.css.commented.css b/includes/js/dijit/themes/soria/Dialog.css.commented.css new file mode 100644 index 0000000..ed48613 --- /dev/null +++ b/includes/js/dijit/themes/soria/Dialog.css.commented.css @@ -0,0 +1,175 @@ + +/* Dialog */ + +.soria .dijitDialog { + background: #eee; + border: 1px solid #cbcbcb; + -webkit-box-shadow: 0px 5px 10px #adadad; + padding: 0px; +} + +.soria .dijitDialog .dijitDialogTitle { + border-top: none; + border-left: none; + border-right: none; + font-size: 0.9em; + color: #3243C5F; +} + +.soria .dijitDialog .dijitDialogPaneContent { + background: #ffffff; + border:none; + border-top: 1px solid #b1badf; /* #cddde9; /* w/out this, an <h1> on the top line causes a gap between the .content and .label */ + padding:10px; + +} + +.soria .dijitDialogTitleBar { + /* outer container for the titlebar of the dialog */ + background: #fafafa url("images/titleBar.png") repeat-x top left; + /* border: 1px solid #bfbfbf; */ + padding: 5px 6px 3px 2px; + cursor: move; + outline:0; /* remove this line if keyboard focus on dialog startup is an issue. tab still takes you to first focusable element */ +} + +.soria .dijitDialogTitle { + /* typography and styling of the dialog title */ + font-weight: bold; + padding: 8px 12px 8px 12px; + outline:0; +} + +.soria .dijitDialogCloseIcon { + /* the default close icon for the dialog */ + background : url("images/spriteRoundedIconsSmallBl.png") no-repeat right top; + float: right; + position: absolute; + vertical-align: middle; + right: 6px; + top: 4px; + height: 15px; + width: 15px; + cursor: pointer; +} +.dj_ie6 .soria .dijitDialogCloseIcon { + background : url("images/spriteRoundedIconsSmallBl.gif") no-repeat right top; +} + +.soria .dijitDialogContent { + /* the body of the dialog */ + padding: 8px; +} + + +/* Tooltip and TooltipDialog */ + +.soria .dijitTooltip, +.soria .dijitTooltipDialog { + /* the outermost dom node, holding the connector and container */ + opacity: 0.95; + background: transparent; /* make the area on the sides of the arrow transparent */ +} + +.dijitTooltipBelow { + /* leave room for arrow above content */ + padding-top: 10px; +} + +.dijitTooltipAbove { + /* leave room for arrow below content */ + padding-bottom: 10px; +} + +.soria .dijitTooltipContainer { + /* + The part with the text. + + NOTE: + FF doesn't clip images used as CSS bgs if you specify a border + radius. If you use a solid color, it does. Webkit gets it right. + Sigh. + background: #ffffff url("images/popupMenuBg.gif") repeat-x bottom left; + */ + background-color: #fff; + border:1px solid #cbcbcb; + padding:0.45em; + /* + border-radius: 6px; + -moz-border-radius: 7px; + -webkit-border-radius: 6px; + */ +} + +.soria .dijitTooltipConnector { + /* the arrow piece */ + border:0px; + z-index: 2; +} + +.soria .dijitTooltipABRight .dijitTooltipConnector { + /* above or below tooltip, but the arrow appears on the right, + and the right edges of target and tooltip are aligned rather than the left */ + left: auto !important; + right: 6px; +} + +.soria .dijitTooltipBelow .dijitTooltipConnector { + /* the arrow piece for tooltips below an element */ + top: 0px; + left: 6px; + background:url("images/tooltipConnectorUp.png") no-repeat top left; + width:17px; + height:11px; +} + +.dj_ie6 .soria .dijitTooltipBelow .dijitTooltipConnector { + background-image: url("images/tooltipConnectorUp.gif"); +} + +.soria .dijitTooltipAbove .dijitTooltipConnector { + /* the arrow piece for tooltips above an element */ + bottom: 0px; + left: 6px; + background:url("images/tooltipConnectorDown.png") no-repeat top left; + width:17px; + height:11px; +} +.dj_ie6 .soria .dijitTooltipAbove .dijitTooltipConnector { + background-image: url("images/tooltipConnectorDown.gif"); + bottom: -5px; +} + +.soria .dijitTooltipLeft { + padding-right: 10px; +} +.dj_ie6 .soria .dijitTooltipLeft { + padding-left: 11px; +} +.soria .dijitTooltipLeft .dijitTooltipConnector { + /* the arrow piece for tooltips to the left of an element, bottom borders aligned */ + right: 0px; + bottom: 7px; + background:url("images/tooltipConnectorRight.png") no-repeat top left; + width:11px; + height:17px; +} +.dj_ie6 .soria .dijitTooltipLeft .dijitTooltipConnector { + background-image: url("images/tooltipConnectorRight.gif"); +} + +.soria .dijitTooltipRight { + padding-left: 10px; +} +.soria .dijitTooltipRight .dijitTooltipConnector { + /* the arrow piece for tooltips to the right of an element, bottom borders aligned */ + left: 0px; + bottom: 7px; + background:url("images/tooltipConnectorLeft.png") no-repeat top left; + width:11px; + height:17px; +} +.dj_ie6 .soria .dijitTooltipRight .dijitTooltipConnector { + background-image: url("images/tooltipConnectorLeft.gif"); +} + |