Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse code

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
@@ -10,3 +10,4 @@
10 10 @import "jquery.ui.base.css";
11 11 @import "jquery.ui.theme.css";
12 12 @import "jquery.ui.ancient.css";
  13 +@import "jquery.ui.legacy.css";
13 themes/base/jquery.ui.ancient.css
@@ -15,3 +15,16 @@
15 15 opacity: 0;
16 16 filter: Alpha(Opacity=0);
17 17 }
  18 +
  19 +/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
  20 +.ui-datepicker-cover {
  21 + display: none; /*sorry for IE5*/
  22 + display/**/: block; /*sorry for IE5*/
  23 + position: absolute; /*must have*/
  24 + z-index: -1; /*must have*/
  25 + filter: mask(); /*must have*/
  26 + top: -4px; /*must have*/
  27 + left: -4px; /*must have*/
  28 + width: 200px; /*must have*/
  29 + height: 200px; /*must have*/
  30 +}
13 themes/base/jquery.ui.datepicker.css
@@ -182,16 +182,3 @@
182 182 border-right-width: 0;
183 183 border-left-width: 1px;
184 184 }
185   -
186   -/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
187   -.ui-datepicker-cover {
188   - display: none; /*sorry for IE5*/
189   - display/**/: block; /*sorry for IE5*/
190   - position: absolute; /*must have*/
191   - z-index: -1; /*must have*/
192   - filter: mask(); /*must have*/
193   - top: -4px; /*must have*/
194   - left: -4px; /*must have*/
195   - width: 200px; /*must have*/
196   - height: 200px; /*must have*/
197   -}
24 themes/base/jquery.ui.legacy.css
... ... @@ -0,0 +1,24 @@
  1 +/*
  2 + * jQuery UI CSS for non-latest browsers @VERSION
  3 + *
  4 + * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
  5 + * Dual licensed under the MIT or GPL Version 2 licenses.
  6 + * http://jquery.org/license
  7 + */
  8 +
  9 +/* IE 6-8 fixes */
  10 +
  11 +.ui-priority-secondary,
  12 +.ui-widget-content .ui-priority-secondary,
  13 +.ui-widget-header .ui-priority-secondary {
  14 + filter: Alpha(Opacity=70);
  15 +}
  16 +.ui-state-disabled,
  17 +.ui-widget-content .ui-state-disabled,
  18 +.ui-widget-header .ui-state-disabled {
  19 + filter: Alpha(Opacity=35);
  20 +}
  21 +
  22 +.ui-widget-shadow {
  23 + filter: Alpha(Opacity=30)/*{opacityShadow}*/;
  24 +}
6 themes/base/jquery.ui.theme.css
@@ -130,14 +130,12 @@
130 130 .ui-widget-content .ui-priority-secondary,
131 131 .ui-widget-header .ui-priority-secondary {
132 132 opacity: .7;
133   - filter: Alpha(Opacity=70);
134 133 font-weight: normal;
135 134 }
136 135 .ui-state-disabled,
137 136 .ui-widget-content .ui-state-disabled,
138 137 .ui-widget-header .ui-state-disabled {
139 138 opacity: .35;
140   - filter: Alpha(Opacity=35);
141 139 background-image: none;
142 140 }
143 141
@@ -396,13 +394,13 @@
396 394 /* Overlays */
397 395 .ui-widget-overlay {
398 396 background: #aaaaaa/*{bgColorOverlay}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/;
399   - opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/;
  397 + opacity: .3; filter: Alpha(Opacity=30)/*{opacityOverlay}*/;
400 398 }
401 399 .ui-widget-shadow {
402 400 margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/;
403 401 padding: 8px/*{thicknessShadow}*/;
404 402 background: #aaaaaa/*{bgColorShadow}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/;
405   - opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/;
  403 + opacity: .3/*{opacityShadow}*/;
406 404 -moz-border-radius: 8px/*{cornerRadiusShadow}*/;
407 405 -khtml-border-radius: 8px/*{cornerRadiusShadow}*/;
408 406 -webkit-border-radius: 8px/*{cornerRadiusShadow}*/;

0 comments on commit 3a181f7

Please sign in to comment.
Something went wrong with that request. Please try again.