From 2ceb91a0830e44c46e5903d745bd80d7d26df1db Mon Sep 17 00:00:00 2001 From: Scott Jehl Date: Thu, 11 Dec 2008 21:33:56 +0000 Subject: [PATCH] - Moved several static css rules from theme to core - Tokenized overlay and shadow styles for TR integration --- themes/base/ui.core.css | 21 ++++++++++++++++++++- themes/base/ui.theme.css | 8 ++++---- 2 files changed, 24 insertions(+), 5 deletions(-) diff --git a/themes/base/ui.core.css b/themes/base/ui.core.css index 778814574..efda4c26e 100644 --- a/themes/base/ui.core.css +++ b/themes/base/ui.core.css @@ -18,4 +18,23 @@ .ui-helper-clearfix { display:block; } /* end required block */ -.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 +.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } + + +/* Interaction Cues +----------------------------------*/ +.ui-state-disabled { cursor: default !important; } + + +/* Icons +----------------------------------*/ + +/* states and images */ +.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } + + +/* Misc visuals +----------------------------------*/ + +/* Overlays */ +.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } \ No newline at end of file diff --git a/themes/base/ui.theme.css b/themes/base/ui.theme.css index 47dddaa9f..81b066dda 100644 --- a/themes/base/ui.theme.css +++ b/themes/base/ui.theme.css @@ -28,7 +28,7 @@ .ui-state-highlight {border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/ url(images/fbf9ee_40x100_textures_02_glass_55.png)/*{bgImgUrlHighlight}*/ 0 50% repeat-x; color: #363636/*{fcHighlight}*/ !important; } .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ url(images/fef1ec_40x100_textures_05_inset_soft_95.png)/*{bgImgUrlError}*/ 0 50% repeat-x; color: #cd0a0a/*{fcError}*/ !important; } .ui-state-error-text { color: #cd0a0a/*{fcError}*/ !important; } -.ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); cursor: default !important; background-image: none !important; } +.ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none !important; } .ui-priority-primary { font-weight: bold; } .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } @@ -36,7 +36,7 @@ ----------------------------------*/ /* states and images */ -.ui-icon { width: 16px; height: 16px; display: block; text-indent: -99999px; overflow: hidden; background-image: url(images/222222_256x240_icons_icons.png)/*{iconsContent}*/; background-repeat: no-repeat; } +.ui-icon { width: 16px; height: 16px; background-image: url(images/222222_256x240_icons_icons.png)/*{iconsContent}*/; } .ui-widget-content .ui-icon {background-image: url(images/222222_256x240_icons_icons.png)/*{iconsContent}*/; } .ui-widget-header .ui-icon {background-image: url(images/222222_256x240_icons_icons.png)/*{iconsHeader}*/; } .ui-state-default .ui-icon { background-image: url(images/888888_256x240_icons_icons.png)/*{iconsDefault}*/; } @@ -233,5 +233,5 @@ .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 +.ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ none/*{bgImgUrlOverlay}*/ 0 0/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; } +.ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ none/*{bgImgUrlShadow}*/ 0 0/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .25;filter:Alpha(Opacity=25)/*{opacityShadow}*/; -moz-border-radius: 4px/*{cornerRadiusShadow}*/; -webkit-border-radius: 4px/*{cornerRadiusShadow}*/; border-radius: 4px/*{cornerRadiusShadow}*/; } \ No newline at end of file