]> git.pond.sub.org Git - eow/blobdiff - static/dojo-release-1.1.1/dijit/themes/soria/Dialog.css.commented.css
add Dojo 1.1.1
[eow] / static / dojo-release-1.1.1 / dijit / themes / soria / Dialog.css.commented.css
diff --git a/static/dojo-release-1.1.1/dijit/themes/soria/Dialog.css.commented.css b/static/dojo-release-1.1.1/dijit/themes/soria/Dialog.css.commented.css
new file mode 100644 (file)
index 0000000..ed48613
--- /dev/null
@@ -0,0 +1,175 @@
+
+/* Dialog */
+
+.soria .dijitDialog {
+       background: #eee;
+       border: 1px solid #cbcbcb;
+       -webkit-box-shadow: 0px 5px 10px #adadad;
+       padding: 0px;
+}
+
+.soria .dijitDialog .dijitDialogTitle {
+       border-top: none;
+       border-left: none;
+       border-right: none;
+       font-size: 0.9em;
+       color: #3243C5F;
+}
+
+.soria .dijitDialog .dijitDialogPaneContent {
+       background: #ffffff;
+       border:none;
+       border-top: 1px solid #b1badf; /* #cddde9;      /* w/out this, an <h1> on the top line causes a gap between the .content and .label */
+       padding:10px;
+
+}
+
+.soria .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 */
+}
+
+.soria .dijitDialogTitle {
+       /* typography and styling of the dialog title */
+       font-weight: bold;
+       padding: 8px 12px 8px 12px;
+       outline:0;
+}
+
+.soria .dijitDialogCloseIcon {
+       /* the default close icon for the dialog */
+       background : url("images/spriteRoundedIconsSmallBl.png") no-repeat right top;
+       float: right;
+       position: absolute;
+       vertical-align: middle;
+       right: 6px;
+       top: 4px;
+       height: 15px;
+       width: 15px;
+       cursor: pointer;
+}
+.dj_ie6 .soria .dijitDialogCloseIcon {
+       background : url("images/spriteRoundedIconsSmallBl.gif") no-repeat right top;
+}
+
+.soria .dijitDialogContent {
+       /* the body of the dialog */
+       padding: 8px;
+}
+
+
+/* Tooltip and TooltipDialog */
+
+.soria .dijitTooltip,
+.soria .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;
+}
+
+.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;
+       /*
+       border-radius: 6px;
+       -moz-border-radius: 7px;
+       -webkit-border-radius: 6px;
+       */
+}
+
+.soria .dijitTooltipConnector {
+       /* the arrow piece */
+       border:0px;
+       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: 0px;
+       left: 6px;
+       background:url("images/tooltipConnectorUp.png") no-repeat top left;
+       width:17px;
+       height:11px;
+}
+
+.dj_ie6 .soria .dijitTooltipBelow .dijitTooltipConnector {
+       background-image: url("images/tooltipConnectorUp.gif");
+}
+
+.soria .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 .soria .dijitTooltipAbove .dijitTooltipConnector {
+       background-image: url("images/tooltipConnectorDown.gif");
+       bottom: -5px;
+}
+
+.soria .dijitTooltipLeft {
+       padding-right: 10px;
+}
+.dj_ie6 .soria .dijitTooltipLeft {
+       padding-left: 11px;
+}
+.soria .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 .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: 0px;
+       bottom: 7px;
+       background:url("images/tooltipConnectorLeft.png") no-repeat top left;
+       width:11px;
+       height:17px;
+}
+.dj_ie6 .soria .dijitTooltipRight .dijitTooltipConnector {
+       background-image: url("images/tooltipConnectorLeft.gif");
+}
+