aboutsummaryrefslogtreecommitdiff
path: root/includes/js/dijit/themes/soria/Dialog.css.commented.css
diff options
context:
space:
mode:
authormensonge <mensonge@b3834d28-1941-0410-a4f8-b48e95affb8f>2008-11-13 09:49:11 +0000
committermensonge <mensonge@b3834d28-1941-0410-a4f8-b48e95affb8f>2008-11-13 09:49:11 +0000
commite44a7e37b6c7b5961adaffc62b9042b8d442938e (patch)
tree95b67c356e93163467db2451f2b8cce84ed5d582 /includes/js/dijit/themes/soria/Dialog.css.commented.css
parenta62b9742ee5e28bcec6872d88f50f25b820914f6 (diff)
downloadsemanticscuttle-e44a7e37b6c7b5961adaffc62b9042b8d442938e.tar.gz
semanticscuttle-e44a7e37b6c7b5961adaffc62b9042b8d442938e.tar.bz2
New feature: basic Ajax suggestion for tags and implementation of Dojo toolkit
git-svn-id: https://semanticscuttle.svn.sourceforge.net/svnroot/semanticscuttle/trunk@151 b3834d28-1941-0410-a4f8-b48e95affb8f
Diffstat (limited to 'includes/js/dijit/themes/soria/Dialog.css.commented.css')
-rw-r--r--includes/js/dijit/themes/soria/Dialog.css.commented.css175
1 files changed, 175 insertions, 0 deletions
diff --git a/includes/js/dijit/themes/soria/Dialog.css.commented.css b/includes/js/dijit/themes/soria/Dialog.css.commented.css
new file mode 100644
index 0000000..ed48613
--- /dev/null
+++ b/includes/js/dijit/themes/soria/Dialog.css.commented.css
@@ -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");
+}
+