From 5a48acf3107eec332b5223cef8e50ea8222c8c59 Mon Sep 17 00:00:00 2001 From: Trevor Parscal Date: Wed, 22 Sep 2010 21:49:31 +0000 Subject: [PATCH] * Optimized watch star sprite (only linking to the the image once rather than 4 times, makes data-URLs more efficient) * Removed version numbers from links --- skins/vector/screen.css | 66 +++++++++++++++++++---------------------- 1 file changed, 30 insertions(+), 36 deletions(-) diff --git a/skins/vector/screen.css b/skins/vector/screen.css index 9cb9a2ad4a..ccc3069e1c 100644 --- a/skins/vector/screen.css +++ b/skins/vector/screen.css @@ -15,14 +15,14 @@ body { body { background-color: #f3f3f3; /* @embed */ - background-image: url(images/page-base.png?1); + background-image: url(images/page-base.png); } /* Content */ div#content { margin-left: 10em; padding: 1em; /* @embed */ - background-image: url(images/border.png?1); + background-image: url(images/border.png); background-position: top left; background-repeat: repeat-y; background-color: white; @@ -34,7 +34,7 @@ div#content { height: 5em; background-color: white; /* @embed */ - background-image: url(images/page-fade.png?1); + background-image: url(images/page-fade.png); background-position: bottom left; background-repeat: repeat-x; } @@ -43,7 +43,7 @@ div#content { margin-left: 10em; height: 5em; /* @embed */ - background-image: url(images/border.png?1); + background-image: url(images/border.png); background-position: bottom left; background-repeat: repeat-x; } @@ -111,7 +111,7 @@ div#mw-head h5 { } div.vectorTabs { /* @embed */ - background-image: url(images/tab-break.png?1); + background-image: url(images/tab-break.png); background-position: bottom left; background-repeat: no-repeat; padding-left: 1px; @@ -139,7 +139,7 @@ div#mw-head h5 { padding: 0; background-color: #f3f3f3; /* @embed */ - background-image: url(images/tab-normal-fade.png?1); + background-image: url(images/tab-normal-fade.png); background-position: bottom left; background-repeat: repeat-x; white-space:nowrap; @@ -150,7 +150,7 @@ div#mw-head h5 { } div.vectorTabs li.selected { /* @embed */ - background-image: url(images/tab-current-fade.png?1); + background-image: url(images/tab-current-fade.png); } /* OVERRIDDEN BY COMPLIANT BROWSERS */ div.vectorTabs li a { @@ -159,7 +159,7 @@ div#mw-head h5 { padding-left: 0.5em; padding-right: 0.5em; /* @embed */ - background-image: url(images/tab-break.png?1); + background-image: url(images/tab-break.png); background-position: bottom right; background-repeat: no-repeat; } @@ -200,7 +200,7 @@ div#mw-head h5 { direction: ltr; float: left; /* @embed */ - background-image: url(images/arrow-down-icon.png?1); + background-image: url(images/arrow-down-icon.png); background-position: 100% 60%; background-repeat: no-repeat; cursor: pointer; @@ -214,7 +214,7 @@ div#mw-head h5 { div#mw-head div.vectorMenu h5 { float: left; /* @embed */ - background-image: url(images/tab-break.png?1); + background-image: url(images/tab-break.png); background-repeat: no-repeat; } /* IGNORED BY IE6 */ @@ -242,7 +242,7 @@ div#mw-head h5 { height: 2.5em; text-decoration: none; /* @embed */ - background-image: url(images/tab-break.png?1); + background-image: url(images/tab-break.png); background-repeat: no-repeat; } div.vectorMenu h5 a{ @@ -351,7 +351,7 @@ div#mw-head h5 { border: solid 1px #AAAAAA; background-color: white; /* @embed */ - background-image: url(images/search-fade.png?1); + background-image: url(images/search-fade.png); background-position: top left; background-repeat: repeat-x; } @@ -427,7 +427,7 @@ div#mw-panel { padding-top: 0.5em; margin-left: 1.25em; /* @embed */ - background-image: url(images/portal-break.png?1); + background-image: url(images/portal-break.png); background-repeat: no-repeat; background-position: top left; } @@ -458,7 +458,7 @@ div#footer { margin-top: 0; padding: 0.75em; /* @embed */ - background-image: url(images/border.png?1); + background-image: url(images/border.png); background-position: top left; background-repeat: repeat-x; direction: ltr; @@ -531,7 +531,7 @@ div#footer #footer-places li { margin: 0 !important; padding: 0 !important; /* @embed */ - background-image: url(images/preferences-break.png?1); + background-image: url(images/preferences-break.png); background-position: bottom left; background-repeat: no-repeat; } @@ -546,7 +546,7 @@ div#footer #footer-places li { list-style-type: none; list-style-image: none; /* @embed */ - background-image: url(images/preferences-break.png?1); + background-image: url(images/preferences-break.png); background-position: bottom right; background-repeat: no-repeat; } @@ -570,7 +570,7 @@ div#footer #footer-places li { } #preftoc li.selected a { /* @embed */ - background-image: url(images/preferences-fade.png?1); + background-image: url(images/preferences-fade.png); background-position: bottom; background-repeat: repeat-x; color: #333333; @@ -585,7 +585,7 @@ div#footer #footer-places li { border: solid 1px #cccccc; background-color: #f9f9f9; /* @embed */ - background-image: url(images/preferences-base.png?1); + background-image: url(images/preferences-base.png); } #preferences fieldset.prefsection { border: none; @@ -766,7 +766,7 @@ ul { margin: .3em 0 0 1.5em; padding: 0; /* @embed */ - list-style-image: url(images/bullet-icon.png?1); + list-style-image: url(images/bullet-icon.png); } ol { line-height: 1.5em; @@ -1025,37 +1025,37 @@ h3, h4, h5 { div#content a.external, div#content a[href ^="gopher://"] { /* @embed */ - background: url(images/external-link-ltr-icon.png?2) center right no-repeat; + background: url(images/external-link-ltr-icon.png) center right no-repeat; padding: 0 13px 0 0; } div#content a[href ^="https://"], .link-https { /* @embed */ - background: url(images/lock-icon.png?2) center right no-repeat; + background: url(images/lock-icon.png) center right no-repeat; padding: 0 13px 0 0; } div#content a[href ^="mailto:"], .link-mailto { /* @embed */ - background: url(images/mail-icon.png?2) center right no-repeat; + background: url(images/mail-icon.png) center right no-repeat; padding: 0 13px 0 0; } div#content a[href ^="news://"] { /* @embed */ - background: url(images/news-icon.png?2) center right no-repeat; + background: url(images/news-icon.png) center right no-repeat; padding: 0 13px 0 0; } div#content a[href ^="ftp://"], .link-ftp { /* @embed */ - background: url(images/file-icon.png?2) center right no-repeat; + background: url(images/file-icon.png) center right no-repeat; padding: 0 13px 0 0; } div#content a[href ^="irc://"], div#content a.extiw[href ^="irc://"], .link-irc { /* @embed */ - background: url(images/talk-icon.png?2) center right no-repeat; + background: url(images/talk-icon.png) center right no-repeat; padding: 0 13px 0 0; } div#content a.external[href $=".ogg"], div#content a.external[href $=".OGG"], @@ -1104,7 +1104,7 @@ div#content .printfooter { #pt-anonuserpage, #pt-login { /* @embed */ - background: url(images/user-icon.png?1) left top no-repeat; + background: url(images/user-icon.png) left top no-repeat; padding-left: 15px !important; text-transform: none; } @@ -1142,33 +1142,27 @@ div#bodyContent { padding-top: 3.1em; height: 0; overflow: hidden; + /* @embed */ + background-image: url(images/watch-icons.png); } #ca-unwatch.icon a { - /* @embed */ - background-image: url(images/watch-icons.png?1); background-position: -43px 60%; } #ca-watch.icon a { - /* @embed */ - background-image: url(images/watch-icons.png?1); background-position: 5px 60%; } #ca-unwatch.icon a:hover, #ca-unwatch.icon a:focus { - /* @embed */ - background-image: url(images/watch-icons.png?1); background-position: -67px 60%; } #ca-watch.icon a:hover, #ca-watch.icon a:focus { - /* @embed */ - background-image: url(images/watch-icons.png?1); background-position: -19px 60%; } #ca-unwatch.icon a.loading, #ca-watch.icon a.loading { /* @embed */ - background-image: url(images/watch-icon-loading.gif?1); + background-image: url(images/watch-icon-loading.gif); background-position: center 60%; } #ca-unwatch.icon a span, @@ -1177,7 +1171,7 @@ div#bodyContent { } div.vectorTabs ul { /* @embed */ - background-image:url(images/tab-break.png?1); + background-image:url(images/tab-break.png); background-position:right bottom; background-repeat:no-repeat; } -- 2.20.1