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

Unified Diff: anwiki/_override-static/global/global/css/main-mobile.css

Issue 9051084: Changed images to use CSS sprites (Closed)
Patch Set: Removed trailing whitespaces Created Dec. 20, 2012, 3:59 p.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
Index: anwiki/_override-static/global/global/css/main-mobile.css
===================================================================
--- a/anwiki/_override-static/global/global/css/main-mobile.css
+++ b/anwiki/_override-static/global/global/css/main-mobile.css
@@ -29,15 +29,19 @@
header nav li.selected::after
{
- content: url(/_override-static/global/global/img/mobile/menu.png);
+ content: "";
display: inline-block;
+ position: absolute;
+ width: 30px;
+ height: 30px;
+ top: 25px;
+ right: 10px;
font-size: 30px;
- position: absolute;
- top: 5px;
- right: 10px;
+ background-image: url(/_override-static/global/global/img/sprite-main.png);
+ background-position: 0px -164px;
}
-header nav>ul
+#menu
Felix Dahlke 2012/12/21 09:20:11 See contentclass_menu.tpl.php, we can't use #menu.
{
margin-top: 55px;
margin-left: -11px;
@@ -49,23 +53,23 @@
background-color: white;
}
-header nav>ul>li.selected, footer nav section h1
+#menu>li.selected, footer nav section h1
{
cursor: pointer;
}
-header nav>ul>li:not(.selected)
+#menu>li:not(.selected)
{
display: none;
padding: 10px 5px;
}
-header nav>ul.visible>li
+#menu.visible>li
{
display: block;
}
-header nav>ul>li a
+#menu>li a
{
font-size: 24px;
}
@@ -106,6 +110,8 @@
height: 76px;
top: 2px;
left: 2px;
+ background-size: 128px;
+ background-position: -50px -50px;
}
footer
@@ -136,13 +142,18 @@
footer nav section h1::after
{
- content: url(/_override-static/global/global/img/mobile/arrow-right.png);
+ content: "";
+ display: inline-block;
+ width: 11px;
+ height: 11px;
margin-left: 5px;
+ background-image: url(/_override-static/global/global/img/sprite-main.png);
+ background-position: -30px -164px;
}
footer nav section.visible h1::after
{
- content: url(/_override-static/global/global/img/mobile/arrow-down.png);
+ background-position: -30px -175px;
}
footer nav section.visible li

Powered by Google App Engine
This is Rietveld