Changed images to use CSS sprites

anwiki/_override-static/global/global/css/main-mobile.css

 header
 {
   width: auto;
   min-height: 60px;
   padding: 10px;
 }
 
 header li a
 {
   display: block;
@@ skipping 11 matching lines @@
   line-height: 84px;
   font-size: 28px;
   color: black;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
 }
 
 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. I wonder why this doesn't
work...

 {
   margin-top: 55px;
   margin-left: -11px;
   margin-right: -11px;
   padding: 12px 12px 0px 12px;
   border: 1px solid #d9d9d9;
   border-top: none;
   border-bottom: none;
   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;
 }
 
 #search
 {
   position: relative;
 }
 
 #search label, #current-language span
@@ skipping 20 matching lines @@
 {
   display: inline-block;
 }
 
 #logo
 {
   width: 76px;
   height: 76px;
   top: 2px;
   left: 2px;
+  background-size: 128px;
+  background-position: -50px -50px;
 }
 
 footer
 {
   text-align: center;
 }
 
 #content
 {
   margin: 20px 10px 50px 10px;
@@ skipping 10 matching lines @@
   margin: 0px;
 }
 
 footer nav li
 {
   display: none;
 }
 
 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
 {
   display: block;
 }
 
 #social ul
 {
   padding: 0px;
 }
 
 #anwiki-admin, #pageactions
 {
   display: none;
 }