diff options
author | Andrew Dolgov <[email protected]> | 2011-11-08 20:40:44 +0400 |
---|---|---|
committer | Andrew Dolgov <[email protected]> | 2011-11-08 20:40:44 +0400 |
commit | 81bea17aefb26859f825b9293c7c99192874806e (patch) | |
tree | fb244408ca271affa2899adb634788802c9a89d8 /lib/dijit/themes/soria/Dialog.css | |
parent | 870a70e109ac9e80a88047044530de53d0404ec7 (diff) |
upgrade Dojo to 1.6.1
Diffstat (limited to 'lib/dijit/themes/soria/Dialog.css')
-rw-r--r-- | lib/dijit/themes/soria/Dialog.css | 84 |
1 files changed, 54 insertions, 30 deletions
diff --git a/lib/dijit/themes/soria/Dialog.css b/lib/dijit/themes/soria/Dialog.css index b4a185115..1e0503a0b 100644 --- a/lib/dijit/themes/soria/Dialog.css +++ b/lib/dijit/themes/soria/Dialog.css @@ -1,33 +1,39 @@ +/* Dialog */ .soria .dijitDialog { background: #eee; border: 1px solid #cbcbcb; - -webkit-box-shadow: 0px 5px 10px #adadad; - padding: 0px; + -webkit-box-shadow: 0 5px 10px #adadad; + padding: 0; } + .soria .dijitDialog .dijitDialogTitle { - + /* typography and styling of the dialog title */ font-weight: bold; - padding: 0px 4px; + padding: 0 4px; font-size: 0.9em; - color: #3243C5F; + 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; + 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 0px; + background-position: -60px 0; position: absolute; vertical-align: middle; right: 6px; @@ -41,49 +47,69 @@ .soria .dijitDialogCloseIconHover { background-position: -60px -15px; } + +/* Tooltip and TooltipDialog */ + .soria .dijitTooltip, .soria .dijitTooltipDialog { - - background: transparent; + /* 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 { - - border:0px; + /* 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 { - - top: 0px; + /* 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 { - - bottom: 0px; + /* the arrow piece for tooltips above an element */ + bottom: 0; left: 6px; background:url("images/tooltipConnectorDown.png") no-repeat top left; width:17px; @@ -98,16 +124,13 @@ .dj_ie6 .soria .dijitTooltipAbove .dijitTooltipConnector { bottom: -5px; } + .soria .dijitTooltipLeft { padding-right: 10px; } -.dj_ie6 .soria .dijitTooltipLeft { - padding-left: 11px; -} .soria .dijitTooltipLeft .dijitTooltipConnector { - - right: 0px; - bottom: 3px; + /* 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; @@ -115,13 +138,13 @@ .dj_ie .soria .dijitTooltipLeft .dijitTooltipConnector { background-image: url("images/tooltipConnectorRight.gif"); } + .soria .dijitTooltipRight { padding-left: 10px; } .soria .dijitTooltipRight .dijitTooltipConnector { - - left: 0px; - bottom: 3px; + /* 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; @@ -129,3 +152,4 @@ .dj_ie .soria .dijitTooltipRight .dijitTooltipConnector { background-image: url("images/tooltipConnectorLeft.gif"); } + |