Changed images to use CSS sprites

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

Index: anwiki/_override-static/global/global/css/main.css
===================================================================
--- a/anwiki/_override-static/global/global/css/main.css
+++ b/anwiki/_override-static/global/global/css/main.css
@@ -25,6 +25,14 @@
   cursor: pointer;
 }
 
+.sprite
+{
+  display: inline-block;
+  font-size: 0px; /* fix for IE6 height bug */
+  background-image: url(/_override-static/global/global/img/sprite-main.png);
+  background-repeat: no-repeat;
+}
+
 nav ul
 {
   list-style: none;
@@ -79,16 +87,105 @@
   appearance: none;
 }
 
-#current-language, #language a
+#language-arrow
 {
-  padding-left: 22px;
-  background-repeat: no-repeat;
-  background-position: left center;
+  width: 16px;
+  height: 9px;
+  background-position: -30px -186px;
+}
+
+#language .flag
+{
+  width: 16px;
+  height: 11px;
+  max-height: 11px;
+  margin-right: 5px;
+  border: 1px solid #777;
+  background-image: url(/_override-static/global/global/img/sprite-flags.png);
+  vertical-align: middle;
+}
+
+#flag-ar
+{
+  background-position: 0px 0px;
+}
+
+#flag-bg
+{
+  background-position: -16px 0px;
+}
+
+#flag-de
+{
+  background-position: -32px 0px;
+}
+
+#flag-en
+{
+  background-position: -48px 0px;
+}
+
+#flag-es
+{
+  background-position: -64px 0px;
+}
+
+#flag-fr
+{
+  background-position: 0px -11px;
+}
+
+#flag-he
+{
+  background-position: -16px -11px;
+}
+
+#flag-hu
+{
+  background-position: -32px -11px;
+}
+
+#flag-ko
+{
+  background-position: -48px -11px;
+}
+
+#flag-lt
+{
+  background-position: -64px -11px;
+}
+
+#flag-nl
+{
+  background-position: 0px -22px;
+}
+
+#flag-pt_br
+{
+  background-position: -16px -22px;
+}
+
+#flag-ru
+{
+  background-position: -32px -22px;
+}
+
+#flag-zh_cn
+{
+  background-position: -48px -22px;
+}
+
+#flag-zh_tw
+{
+  background-position: -64px -22px;
 }
 
 #logo
 {
   position: absolute;
+  width: 128px;
+  height: 128px;
+  background-position: -82px -82px;
 }
 
 #content h1
@@ -138,8 +235,10 @@
   margin: 0px 5px;
 }
 
-#social a img
+#social a
 {
+  width: 82px;
+  height: 82px;
   -webkit-transition: opacity .5s ease;
   -moz-transition: opacity .5s ease;
   -ms-transition: opacity .5s ease;
@@ -147,8 +246,22 @@
   opacity: .6;
 }
 
-#social a img:hover
+#social a:hover
 {
   opacity: 1.0;
 }
 
+#social-facebook
+{
+  background-position: 0px 0px;
+}
+
+#social-twitter
+{
+  background-position: 0px -82px;
+}
+
+#social-gplus
+{
+  background-position: -82px 0px;
+}