summaryrefslogtreecommitdiff
path: root/includes/js/dijit/themes/nihilo/Dialog.css.commented.css
diff options
context:
space:
mode:
Diffstat (limited to 'includes/js/dijit/themes/nihilo/Dialog.css.commented.css')
-rw-r--r--includes/js/dijit/themes/nihilo/Dialog.css.commented.css175
1 files changed, 175 insertions, 0 deletions
diff --git a/includes/js/dijit/themes/nihilo/Dialog.css.commented.css b/includes/js/dijit/themes/nihilo/Dialog.css.commented.css
new file mode 100644
index 0000000..91b1c23
--- /dev/null
+++ b/includes/js/dijit/themes/nihilo/Dialog.css.commented.css
@@ -0,0 +1,175 @@
+
+/* Dialog */
+
+.nihilo .dijitDialog {
+ background: #eee;
+ border: 1px solid #d3d3d3;
+ -webkit-box-shadow: 0px 5px 10px #adadad;
+ padding: 0px;
+}
+
+.nihilo .dijitDialog .dijitDialogTitle {
+ border-top: none;
+ border-left: none;
+ border-right: none;
+ font-size: 0.9em;
+ color: #3243C5F;
+}
+
+.nihilo .dijitDialog .dijitDialogPaneContent {
+ background: #ffffff;
+ border:none;
+ border-top: 1px solid #d3d3d3; /* #cddde9; /* w/out this, an <h1> on the top line causes a gap between the .content and .label */
+ padding:10px;
+
+}
+
+.nihilo .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 */
+}
+
+.nihilo .dijitDialogTitle {
+ /* typography and styling of the dialog title */
+ font-weight: bold;
+ padding: 8px 12px 8px 12px;
+ outline:0;
+}
+
+.nihilo .dijitDialogCloseIcon {
+ /* the default close icon for the dialog */
+ background : url("images/spriteRoundedIconsSmall.png") no-repeat right top;
+ float: right;
+ position: absolute;
+ vertical-align: middle;
+ right: 6px;
+ top: 4px;
+ height: 15px;
+ width: 15px;
+ cursor: pointer;
+}
+.dj_ie6 .nihilo .dijitDialogCloseIcon {
+ background : url("images/spriteRoundedIconsSmall.gif") no-repeat right top;
+}
+
+.nihilo .dijitDialogContent {
+ /* the body of the dialog */
+ padding: 8px;
+}
+
+
+/* Tooltip and TooltipDialog */
+
+.nihilo .dijitTooltip,
+.nihilo .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;
+}
+
+.nihilo .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 #d3d3d3;
+ padding:0.45em;
+ /*
+ border-radius: 6px;
+ -moz-border-radius: 7px;
+ -webkit-border-radius: 6px;
+ */
+}
+
+.nihilo .dijitTooltipConnector {
+ /* the arrow piece */
+ border:0px;
+ z-index: 2;
+}
+
+.nihilo .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;
+}
+
+.nihilo .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 .nihilo .dijitTooltipBelow .dijitTooltipConnector {
+ background-image: url("images/tooltipConnectorUp.gif");
+}
+
+.nihilo .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 .nihilo .dijitTooltipAbove .dijitTooltipConnector {
+ background-image: url("images/tooltipConnectorDown.gif");
+ bottom: -5px;
+}
+
+.nihilo .dijitTooltipLeft {
+ padding-right: 10px;
+}
+.dj_ie6 .nihilo .dijitTooltipLeft {
+ padding-left: 11px;
+}
+.nihilo .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 .nihilo .dijitTooltipLeft .dijitTooltipConnector {
+ background-image: url("images/tooltipConnectorRight.gif");
+}
+
+.nihilo .dijitTooltipRight {
+ padding-left: 10px;
+}
+.nihilo .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 .nihilo .dijitTooltipRight .dijitTooltipConnector {
+ background-image: url("images/tooltipConnectorLeft.gif");
+}
+