aboutsummaryrefslogtreecommitdiffstats
path: root/themes
diff options
context:
space:
mode:
authorScott Jehl <scott@scottjehl.com>2008-12-11 00:03:51 +0000
committerScott Jehl <scott@scottjehl.com>2008-12-11 00:03:51 +0000
commit8c7f9f31dab0c1f5ce31736bce114e89f3d3231a (patch)
treee7b6086a8ed60943ce00cb083a5f3185abaa367a /themes
parent4fdb6a132a504000984e5fc836b891d264de80c0 (diff)
downloadjquery-ui-8c7f9f31dab0c1f5ce31736bce114e89f3d3231a.tar.gz
jquery-ui-8c7f9f31dab0c1f5ce31736bce114e89f3d3231a.zip
- added overlay.html static demo to demonstrate the positionTo iframefix + shadow markup. It's actually not static, but a js demo with our markup recommendations, since we found it easier to communicate our recommendation that way.
- edited ui-widget-overlay and ui-widget-shadow in theme.css - added ui-helper-zfix to core.css for iframe fix needs Comment tokens and TR levers for the overlay classes will be added tomorrow.
Diffstat (limited to 'themes')
-rw-r--r--themes/base/ui.core.css3
-rw-r--r--themes/base/ui.theme.css9
2 files changed, 9 insertions, 3 deletions
diff --git a/themes/base/ui.core.css b/themes/base/ui.core.css
index 13a97cfda..74721eb2e 100644
--- a/themes/base/ui.core.css
+++ b/themes/base/ui.core.css
@@ -11,4 +11,5 @@
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; display: block; }
-* html .ui-helper-clearfix { height: 1%; } \ No newline at end of file
+* html .ui-helper-clearfix { height: 1%; }
+.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } \ No newline at end of file
diff --git a/themes/base/ui.theme.css b/themes/base/ui.theme.css
index 376ea1ca7..47dddaa9f 100644
--- a/themes/base/ui.theme.css
+++ b/themes/base/ui.theme.css
@@ -13,7 +13,6 @@
.ui-widget-header a { color: #222222/*{fcHeader}*/; }
.ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(images/ffffff_40x100_textures_02_glass_75.png)/*{bgImgUrlContent}*/ 0 0/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; }
.ui-widget-content a { color: #222222/*{fcContent}*/; }
-.ui-widget-overlay { background: #aaaaaa/*{borderColorContent}*/; opacity: .3; filter:Alpha(Opacity=30); }
/* Interaction states
----------------------------------*/
@@ -221,6 +220,8 @@
/* Misc visuals
----------------------------------*/
+
+/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; }
@@ -229,4 +230,8 @@
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/;}
.ui-corner-right { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-left { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; }
-.ui-corner-all { -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/;} \ No newline at end of file
+.ui-corner-all { -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/;}
+
+/* Overlays */
+.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #aaaaaa/*tbd overlayColor*/; opacity: .3;filter:Alpha(Opacity=30)/*tbd overlayOpacity*/; }
+.ui-widget-shadow { margin: -4px/*tbd shadowOffset*/ 0 0 -4px/*tbd shadowOffset*/; padding: 4px/*tbd shadowWidth*/; background: #aaaaaa/*tbd shadowColor*/; opacity:.1;filter:Alpha(Opacity=15);/*tbd shadowOpacity*/ } \ No newline at end of file