Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

CSS cleanup: moved most IE filters

* moved .ui-datepicker-cover to IE6-only styles
* moved opacity filters for .ui-priority-secondary, .ui-state-disabled and .ui-widget-shadow to new css file for non-latest browsers (jquery.ui.legacy.css) as they enhance the usability but are not essential
* only left opacity filter for .ui-widget-overlay as removing this would make the overlay unusable in IEs<9
  • Loading branch information...
commit 3a181f76e37e6aa2930d34e5cb0db9759f63475e 1 parent 13ac5fe
Anika Henke authored
1  themes/base/jquery.ui.all.css
View
@@ -10,3 +10,4 @@
@import "jquery.ui.base.css";
@import "jquery.ui.theme.css";
@import "jquery.ui.ancient.css";
+@import "jquery.ui.legacy.css";
13 themes/base/jquery.ui.ancient.css
View
@@ -15,3 +15,16 @@
opacity: 0;
filter: Alpha(Opacity=0);
}
+
+/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
+.ui-datepicker-cover {
+ display: none; /*sorry for IE5*/
+ display/**/: block; /*sorry for IE5*/
+ position: absolute; /*must have*/
+ z-index: -1; /*must have*/
+ filter: mask(); /*must have*/
+ top: -4px; /*must have*/
+ left: -4px; /*must have*/
+ width: 200px; /*must have*/
+ height: 200px; /*must have*/
+}
13 themes/base/jquery.ui.datepicker.css
View
@@ -182,16 +182,3 @@
border-right-width: 0;
border-left-width: 1px;
}
-
-/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
-.ui-datepicker-cover {
- display: none; /*sorry for IE5*/
- display/**/: block; /*sorry for IE5*/
- position: absolute; /*must have*/
- z-index: -1; /*must have*/
- filter: mask(); /*must have*/
- top: -4px; /*must have*/
- left: -4px; /*must have*/
- width: 200px; /*must have*/
- height: 200px; /*must have*/
-}
24 themes/base/jquery.ui.legacy.css
View
@@ -0,0 +1,24 @@
+/*
+ * jQuery UI CSS for non-latest browsers @VERSION
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ */
+
+/* IE 6-8 fixes */
+
+.ui-priority-secondary,
+.ui-widget-content .ui-priority-secondary,
+.ui-widget-header .ui-priority-secondary {
+ filter: Alpha(Opacity=70);
+}
+.ui-state-disabled,
+.ui-widget-content .ui-state-disabled,
+.ui-widget-header .ui-state-disabled {
+ filter: Alpha(Opacity=35);
+}
+
+.ui-widget-shadow {
+ filter: Alpha(Opacity=30)/*{opacityShadow}*/;
+}
6 themes/base/jquery.ui.theme.css
View
@@ -130,14 +130,12 @@
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
- filter: Alpha(Opacity=70);
font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
- filter: Alpha(Opacity=35);
background-image: none;
}
@@ -396,13 +394,13 @@
/* Overlays */
.ui-widget-overlay {
background: #aaaaaa/*{bgColorOverlay}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/;
- opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/;
+ opacity: .3; filter: Alpha(Opacity=30)/*{opacityOverlay}*/;
}
.ui-widget-shadow {
margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/;
padding: 8px/*{thicknessShadow}*/;
background: #aaaaaa/*{bgColorShadow}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/;
- opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/;
+ opacity: .3/*{opacityShadow}*/;
-moz-border-radius: 8px/*{cornerRadiusShadow}*/;
-khtml-border-radius: 8px/*{cornerRadiusShadow}*/;
-webkit-border-radius: 8px/*{cornerRadiusShadow}*/;
Please sign in to comment.
Something went wrong with that request. Please try again.