Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code

Unified Diff: anwiki/_override-static/global/global/css/features.css

Issue 9051084: Changed images to use CSS sprites (Closed)
Patch Set: Removed regression fix Created Dec. 21, 2012, 9:47 a.m.
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « no previous file | anwiki/_override-static/global/global/css/features-mobile.css » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: anwiki/_override-static/global/global/css/features.css
===================================================================
--- a/anwiki/_override-static/global/global/css/features.css
+++ b/anwiki/_override-static/global/global/css/features.css
@@ -1,3 +1,8 @@
+#content .sprite
+{
+ background-image: url(/_override-static/global/global/img/sprite-features.png);
+}
+
#summary
{
margin: 10px 0px;
@@ -25,12 +30,42 @@
background-color: white;
}
-.feature-small img
+.feature-small .sprite
{
width: 50px;
height: 50px;
}
+.feature-small .feature-adblocking
+{
+ background-position: 0px -226px;
+}
+
+.feature-small .feature-acceptable
+{
+ background-position: -50px -226px;
+}
+
+.feature-small .feature-typo
+{
+ background-position: -100px -226px;
+}
+
+.feature-small .feature-malware
+{
+ background-position: -150px -226px;
+}
+
+.feature-small .feature-socialmedia
+{
+ background-position: -200px -226px;
+}
+
+.feature-small .feature-tracking
+{
+ background-position: -250px -226px;
+}
+
.feature-small p
{
margin: 0px;
@@ -55,13 +90,45 @@
border-top: none;
}
-.feature img
+.feature .sprite
{
position: absolute;
top: 25px;
+ width: 113px;
+ height: 113px;
margin-left: -150px;
}
+.feature .feature-adblocking
+{
+ background-position: 0px 0px;
+}
+
+.feature .feature-acceptable
+{
+ background-position: -113px 0px;
+}
+
+.feature .feature-typo
+{
+ background-position: -226px 0px;
+}
+
+.feature .feature-malware
+{
+ background-position: 0px -113px;
+}
+
+.feature .feature-socialmedia
+{
+ background-position: -113px -113px;
+}
+
+.feature .feature-tracking
+{
+ background-position: -226px -113px;
+}
+
.feature .description
{
display: inline;
« no previous file with comments | « no previous file | anwiki/_override-static/global/global/css/features-mobile.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld