From 2f01fe57a8d37767827d6db42850aef86a767c53 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Mon, 15 Nov 2010 10:39:52 +0300 Subject: add dijit/dojo stuff; initial ui mockup --- lib/dijit/themes/nihilo/Dialog.css | 128 +++++++++++++++++++++++++++++++++++++ 1 file changed, 128 insertions(+) create mode 100644 lib/dijit/themes/nihilo/Dialog.css (limited to 'lib/dijit/themes/nihilo/Dialog.css') diff --git a/lib/dijit/themes/nihilo/Dialog.css b/lib/dijit/themes/nihilo/Dialog.css new file mode 100644 index 000000000..1c2ff2e3d --- /dev/null +++ b/lib/dijit/themes/nihilo/Dialog.css @@ -0,0 +1,128 @@ + +.nihilo .dijitDialog { + background: #eee; + border: 1px solid #d3d3d3; + -webkit-box-shadow: 0px 5px 10px #adadad; + padding: 0px; +} +.nihilo .dijitDialog .dijitDialogTitle { + + font-size: 0.9em; + color: #3243C5F; + font-weight: bold; + padding: 0px 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 0px; + 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:0px; + z-index: 2; +} +.nihilo .dijitTooltipABRight .dijitTooltipConnector { + + left: auto !important; + right: 6px; +} +.nihilo .dijitTooltipBelow .dijitTooltipConnector { + + top: 0px; + 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: 0px; + 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; +} +.dj_ie6 .nihilo .dijitTooltipLeft { + padding-left: 11px; +} +.nihilo .dijitTooltipLeft .dijitTooltipConnector { + + right: 0px; + bottom: 3px; + 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: 0px; + bottom: 3px; + background:url("images/tooltipConnectorLeft.png") no-repeat top left; + width:11px; + height:17px; +} +.dj_ie .nihilo .dijitTooltipRight .dijitTooltipConnector { + background-image: url("images/tooltipConnectorLeft.gif"); +} -- cgit v1.2.3