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