library-mirrors/jquery-ui
1
0
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2024-11-21 11:04:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

All: Quote CSS url() values

Browse Source 
Closes gh-1172
This commit is contained in:
Scott González 2014-01-24 16:18:30 -05:00
parent 21154cfa2e
commit fa23894dff
8 changed files with 30 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
demos/autocomplete/multiple-remote.html
View File

@ -13,7 +13,7 @@
<link rel="stylesheet" href="../demos.css"> <link rel="stylesheet" href="../demos.css">
<style> <style>
.ui-autocomplete-loading { .ui-autocomplete-loading {
background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat; background: white url("images/ui-anim_basic_16x16.gif") right center no-repeat;
} }
</style> </style>
<script> <script>

2
demos/autocomplete/remote-jsonp.html
View File

@ -13,7 +13,7 @@
<link rel="stylesheet" href="../demos.css"> <link rel="stylesheet" href="../demos.css">
<style> <style>
.ui-autocomplete-loading { .ui-autocomplete-loading {
background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat; background: white url("images/ui-anim_basic_16x16.gif") right center no-repeat;
} }
#city { width: 25em; } #city { width: 25em; }
</style> </style>

2
demos/autocomplete/remote-with-cache.html
View File

@ -13,7 +13,7 @@
<link rel="stylesheet" href="../demos.css"> <link rel="stylesheet" href="../demos.css">
<style> <style>
.ui-autocomplete-loading { .ui-autocomplete-loading {
background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat; background: white url("images/ui-anim_basic_16x16.gif") right center no-repeat;
} }
</style> </style>
<script> <script>

2
demos/autocomplete/remote.html
View File

@ -13,7 +13,7 @@
<link rel="stylesheet" href="../demos.css"> <link rel="stylesheet" href="../demos.css">
<style> <style>
.ui-autocomplete-loading { .ui-autocomplete-loading {
background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat; background: white url("images/ui-anim_basic_16x16.gif") right center no-repeat;
} }
</style> </style>
<script> <script>

4
demos/autocomplete/xml.html
View File

@ -12,7 +12,9 @@
<script src="../../ui/autocomplete.js"></script> <script src="../../ui/autocomplete.js"></script>
<link rel="stylesheet" href="../demos.css"> <link rel="stylesheet" href="../demos.css">
<style> <style>
.ui-autocomplete-loading { background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat; } .ui-autocomplete-loading {
background: white url("images/ui-anim_basic_16x16.gif") right center no-repeat;
}
</style> </style>
<script> <script>
$(function() { $(function() {

12
demos/selectmenu/custom_render.html
View File

@ -75,13 +75,13 @@
top: 0.1em; top: 0.1em;
} }
.ui-icon.video { .ui-icon.video {
background: url(images/24-video-square.png) 0 0 no-repeat; background: url("images/24-video-square.png") 0 0 no-repeat;
} }
.ui-icon.podcast { .ui-icon.podcast {
background: url(images/24-podcast-square.png) 0 0 no-repeat; background: url("images/24-podcast-square.png") 0 0 no-repeat;
} }
.ui-icon.rss { .ui-icon.rss {
background: url(images/24-rss-square.png) 0 0 no-repeat; background: url("images/24-rss-square.png") 0 0 no-repeat;
} }
/* select with CSS avatar icons */ /* select with CSS avatar icons */
@ -126,9 +126,9 @@
<fieldset> <fieldset>
<label for="people">Select a Person:</label> <label for="people">Select a Person:</label>
<select name="people" id="people"> <select name="people" id="people">
<option value="1" class="avatar" style="background-image: url(http://www.gravatar.com/avatar/b3e04a46e85ad3e165d66f5d927eb609?d=monsterid&amp;r=g&amp;s=16);">John Resig</option> <option value="1" class="avatar" style="background-image: url('http://www.gravatar.com/avatar/b3e04a46e85ad3e165d66f5d927eb609?d=monsterid&amp;r=g&amp;s=16');">John Resig</option>
<option value="2" class="avatar" style="background-image: url(http://www.gravatar.com/avatar/e42b1e5c7cfd2be0933e696e292a4d5f?d=monsterid&amp;r=g&amp;s=16);">Tauren Mills</option> <option value="2" class="avatar" style="background-image: url('http://www.gravatar.com/avatar/e42b1e5c7cfd2be0933e696e292a4d5f?d=monsterid&amp;r=g&amp;s=16');">Tauren Mills</option>
<option value="3" class="avatar" style="background-image: url(http://www.gravatar.com/avatar/bdeaec11dd663f26fa58ced0eb7facc8?d=monsterid&amp;r=g&amp;s=16);">Jane Doe</option> <option value="3" class="avatar" style="background-image: url('http://www.gravatar.com/avatar/bdeaec11dd663f26fa58ced0eb7facc8?d=monsterid&amp;r=g&amp;s=16');">Jane Doe</option>
</select> </select>
</fieldset> </fieldset>

2
themes/base/menu.css
View File

@ -25,7 +25,7 @@
cursor: pointer; cursor: pointer;
min-height: 0; /* support: IE7 */ min-height: 0; /* support: IE7 */
/* support: IE10, see #8844 */ /* support: IE10, see #8844 */
list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
} }
.ui-menu .ui-menu-divider { .ui-menu .ui-menu-divider {
margin: 5px 0; margin: 5px 0;

32
themes/base/theme.css
View File

@ -30,7 +30,7 @@
} }
.ui-widget-content { .ui-widget-content {
border: 1px solid #aaaaaa/*{borderColorContent}*/; border: 1px solid #aaaaaa/*{borderColorContent}*/;
background: #ffffff/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; background: #ffffff/*{bgColorContent}*/ url("images/ui-bg_flat_75_ffffff_40x100.png")/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/;
color: #222222/*{fcContent}*/; color: #222222/*{fcContent}*/;
} }
.ui-widget-content a { .ui-widget-content a {
@ -38,7 +38,7 @@
} }
.ui-widget-header { .ui-widget-header {
border: 1px solid #aaaaaa/*{borderColorHeader}*/; border: 1px solid #aaaaaa/*{borderColorHeader}*/;
background: #cccccc/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; background: #cccccc/*{bgColorHeader}*/ url("images/ui-bg_highlight-soft_75_cccccc_1x100.png")/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/;
color: #222222/*{fcHeader}*/; color: #222222/*{fcHeader}*/;
font-weight: bold; font-weight: bold;
} }
@ -52,7 +52,7 @@
.ui-widget-content .ui-state-default, .ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default { .ui-widget-header .ui-state-default {
border: 1px solid #d3d3d3/*{borderColorDefault}*/; border: 1px solid #d3d3d3/*{borderColorDefault}*/;
background: #e6e6e6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; background: #e6e6e6/*{bgColorDefault}*/ url("images/ui-bg_glass_75_e6e6e6_1x400.png")/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/;
font-weight: normal/*{fwDefault}*/; font-weight: normal/*{fwDefault}*/;
color: #555555/*{fcDefault}*/; color: #555555/*{fcDefault}*/;
} }
@ -69,7 +69,7 @@
.ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus { .ui-widget-header .ui-state-focus {
border: 1px solid #999999/*{borderColorHover}*/; border: 1px solid #999999/*{borderColorHover}*/;
background: #dadada/*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; background: #dadada/*{bgColorHover}*/ url("images/ui-bg_glass_75_dadada_1x400.png")/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/;
font-weight: normal/*{fwDefault}*/; font-weight: normal/*{fwDefault}*/;
color: #212121/*{fcHover}*/; color: #212121/*{fcHover}*/;
} }
@ -88,7 +88,7 @@
.ui-widget-content .ui-state-active, .ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active { .ui-widget-header .ui-state-active {
border: 1px solid #aaaaaa/*{borderColorActive}*/; border: 1px solid #aaaaaa/*{borderColorActive}*/;
background: #ffffff/*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; background: #ffffff/*{bgColorActive}*/ url("images/ui-bg_glass_65_ffffff_1x400.png")/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/;
font-weight: normal/*{fwDefault}*/; font-weight: normal/*{fwDefault}*/;
color: #212121/*{fcActive}*/; color: #212121/*{fcActive}*/;
} }
@ -105,7 +105,7 @@
.ui-widget-content .ui-state-highlight, .ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight { .ui-widget-header .ui-state-highlight {
border: 1px solid #fcefa1/*{borderColorHighlight}*/; border: 1px solid #fcefa1/*{borderColorHighlight}*/;
background: #fbf9ee/*{bgColorHighlight}*/ url(images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; background: #fbf9ee/*{bgColorHighlight}*/ url("images/ui-bg_glass_55_fbf9ee_1x400.png")/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/;
color: #363636/*{fcHighlight}*/; color: #363636/*{fcHighlight}*/;
} }
.ui-state-highlight a, .ui-state-highlight a,
@ -117,7 +117,7 @@
.ui-widget-content .ui-state-error, .ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error { .ui-widget-header .ui-state-error {
border: 1px solid #cd0a0a/*{borderColorError}*/; border: 1px solid #cd0a0a/*{borderColorError}*/;
background: #fef1ec/*{bgColorError}*/ url(images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; background: #fef1ec/*{bgColorError}*/ url("images/ui-bg_glass_95_fef1ec_1x400.png")/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/;
color: #cd0a0a/*{fcError}*/; color: #cd0a0a/*{fcError}*/;
} }
.ui-state-error a, .ui-state-error a,
@ -163,27 +163,27 @@
} }
.ui-icon, .ui-icon,
.ui-widget-content .ui-icon { .ui-widget-content .ui-icon {
background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; background-image: url("images/ui-icons_222222_256x240.png")/*{iconsContent}*/;
} }
.ui-widget-header .ui-icon { .ui-widget-header .ui-icon {
background-image: url(images/ui-icons_222222_256x240.png)/*{iconsHeader}*/; background-image: url("images/ui-icons_222222_256x240.png")/*{iconsHeader}*/;
} }
.ui-state-default .ui-icon { .ui-state-default .ui-icon {
background-image: url(images/ui-icons_888888_256x240.png)/*{iconsDefault}*/; background-image: url("images/ui-icons_888888_256x240.png")/*{iconsDefault}*/;
} }
.ui-state-hover .ui-icon, .ui-state-hover .ui-icon,
.ui-state-focus .ui-icon { .ui-state-focus .ui-icon {
background-image: url(images/ui-icons_454545_256x240.png)/*{iconsHover}*/; background-image: url("images/ui-icons_454545_256x240.png")/*{iconsHover}*/;
} }
.ui-state-active .ui-icon { .ui-state-active .ui-icon {
background-image: url(images/ui-icons_454545_256x240.png)/*{iconsActive}*/; background-image: url("images/ui-icons_454545_256x240.png")/*{iconsActive}*/;
} }
.ui-state-highlight .ui-icon { .ui-state-highlight .ui-icon {
background-image: url(images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/; background-image: url("images/ui-icons_2e83ff_256x240.png")/*{iconsHighlight}*/;
} }
.ui-state-error .ui-icon, .ui-state-error .ui-icon,
.ui-state-error-text .ui-icon { .ui-state-error-text .ui-icon {
background-image: url(images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/; background-image: url("images/ui-icons_cd0a0a_256x240.png")/*{iconsError}*/;
} }
/* positioning */ /* positioning */
@ -396,14 +396,14 @@
/* Overlays */ /* Overlays */
.ui-widget-overlay { .ui-widget-overlay {
background: #aaaaaa/*{bgColorOverlay}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; background: #aaaaaa/*{bgColorOverlay}*/ url("images/ui-bg_flat_0_aaaaaa_40x100.png")/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/;
opacity: .3/*{opacityOverlay}*/; opacity: .3/*{opacityOverlay}*/;
filter: Alpha(Opacity=30)/*{opacityFilterOverlay}*/; filter: Alpha(Opacity=30)/*{opacityFilterOverlay}*/;
} }
.ui-widget-shadow { .ui-widget-shadow {
margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/;
padding: 8px/*{thicknessShadow}*/; padding: 8px/*{thicknessShadow}*/;
background: #aaaaaa/*{bgColorShadow}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; background: #aaaaaa/*{bgColorShadow}*/ url("images/ui-bg_flat_0_aaaaaa_40x100.png")/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/;
opacity: .3/*{opacityShadow}*/; opacity: .3/*{opacityShadow}*/;
filter: Alpha(Opacity=30)/*{opacityFilterShadow}*/; filter: Alpha(Opacity=30)/*{opacityFilterShadow}*/;
border-radius: 8px/*{cornerRadiusShadow}*/; border-radius: 8px/*{cornerRadiusShadow}*/;