diff options
Diffstat (limited to 'js/dojo/dijit/themes/tundra/Dialog.css')
| -rw-r--r-- | js/dojo/dijit/themes/tundra/Dialog.css | 152 |
1 files changed, 152 insertions, 0 deletions
diff --git a/js/dojo/dijit/themes/tundra/Dialog.css b/js/dojo/dijit/themes/tundra/Dialog.css new file mode 100644 index 0000000..b346f62 --- /dev/null +++ b/js/dojo/dijit/themes/tundra/Dialog.css @@ -0,0 +1,152 @@ +/* Dialog and Tooltip/TooltipDialog */ + +.tundra .dijitDialog { + background: #fff; + border: 1px solid #7eabcd; + padding: 0; + -webkit-box-shadow: 0 5px 10px #adadad; +} + +.tundra .dijitDialogPaneContent { + background: #fff; + border-top: 1px solid #d3d3d3; + padding:10px; + +} + +.tundra .dijitDialogTitleBar { + /* outer container for the titlebar of the dialog */ + background: #fafafa url("images/titleBar.png") repeat-x top left; + padding: 5px 6px 3px 6px; + outline:0; /* remove this line if keyboard focus on dialog startup is an issue. tab still takes you to first focusable element */ +} + +.tundra .dijitDialogTitle { + /* typography and styling of the dialog title */ + font-weight: bold; + padding: 0 4px; +} + +.tundra .dijitDialogCloseIcon { + /* the default close icon for the dialog */ + /* background : url("images/spriteRoundedIconsSmall.png") no-repeat right top; */ + background: url("images/tabClose.png") no-repeat right top; + position: absolute; + vertical-align: middle; + right: 6px; + top: 4px; + height: 15px; + width: 15px; +} +.dj_ie6 .tundra .dijitDialogCloseIcon { + background : url("images/tabClose.gif") no-repeat right top; +} + +.tundra .dijitDialogCloseIconHover { + background: url("images/tabCloseHover.png") no-repeat right top; +} +.dj_ie6 .tundra .dijitDialogCloseIconHover { + background : url("images/tabCloseHover.gif") no-repeat right top; +} + +/* Tooltip and TooltipDialog */ + +.tundra .dijitTooltip, +.tundra .dijitTooltipDialog { + /* the outermost dom node, holding the connector and container */ + background: transparent; /* make the area on the sides of the arrow transparent */ +} + +.dijitTooltipBelow { + /* leave room for arrow above content */ + padding-top: 13px; +} + +.dijitTooltipAbove { + /* leave room for arrow below content */ + padding-bottom: 13px; +} + +.tundra .dijitTooltipContainer { + /* + The part with the text. + */ + background: #ffffff url("images/popupMenuBg.gif") repeat-x bottom left; + border: 1px solid #7eabcd; + padding: 0.45em; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; +} + +.tundra .dijitTooltipConnector { + /* the arrow piece */ + border:0; + z-index: 2; +} +.tundra .dijitTooltipABRight .dijitTooltipConnector { + /* above or below tooltip, but the arrow appears on the right, + and the right edges of target and tooltip are aligned rather than the left */ + left: auto !important; + right: 3px; +} + +.tundra .dijitTooltipBelow .dijitTooltipConnector { + /* the arrow piece for tooltips below an element */ + top: 0; + left: 3px; + background:url("images/tooltipConnectorUp.png") no-repeat top left; + width:16px; + height:14px; +} + +.dj_ie .tundra .dijitTooltipBelow .dijitTooltipConnector { + /* use gif for IE7 too, due to png rendering problems on fade-in (see http://trac.dojotoolkit.org/ticket/6555) */ + background-image: url("images/tooltipConnectorUp.gif"); +} + +.tundra .dijitTooltipAbove .dijitTooltipConnector { + /* the arrow piece for tooltips above an element */ + bottom: 0; + left: 3px; + background:url("images/tooltipConnectorDown.png") no-repeat top left; + width:16px; + height:14px; +} +.dj_ie .tundra .dijitTooltipAbove .dijitTooltipConnector { + background-image: url("images/tooltipConnectorDown.gif"); +} +.dj_ie6 .tundra .dijitTooltipAbove .dijitTooltipConnector { + bottom: -3px; +} + +.tundra .dijitTooltipLeft { + padding-right: 14px; +} +.tundra .dijitTooltipLeft .dijitTooltipConnector { + /* the arrow piece for tooltips to the left of an element, bottom borders aligned */ + right: 0; + background:url("images/tooltipConnectorRight.png") no-repeat top left; + width:16px; + height:14px; +} +.dj_ie .tundra .dijitTooltipLeft .dijitTooltipConnector { + background-image: url("images/tooltipConnectorRight.gif"); +} + +.tundra .dijitTooltipRight { + padding-left: 14px; +} +.tundra .dijitTooltipRight .dijitTooltipConnector { + /* the arrow piece for tooltips to the right of an element, bottom borders aligned */ + left: 0; + background:url("images/tooltipConnectorLeft.png") no-repeat top left; + width:16px; + height:14px; +} +.dj_ie .tundra .dijitTooltipRight .dijitTooltipConnector { + background-image: url("images/tooltipConnectorLeft.gif"); +} + +.dj_webkit .tundra .dijitTooltipContainer { + -webkit-box-shadow: 0 5px 10px #adadad; +} |
