- Moved several static css rules from theme to core

- Tokenized overlay and shadow styles for TR integration

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