Modified logo to change on :hover

diff --git a/mediagoblin/static/css/base.css b/mediagoblin/static/css/base.css
index 55e5a02e56c926208c5ccdbe45d93580f6e4441c..53efd079a362facc418e3cf9282d82987b3f2e9d 100644 (file)
--- a/mediagoblin/static/css/base.css
+++ b/mediagoblin/static/css/base.css
@@ -46,9 +46,17 @@ label {
   margin-bottom:40px;
 }
 
-.icon {
-  vertical-align:middle;
+a.mediagoblin_logo {
+  width:34px;
+  height:25px;
   margin-right:10px;
+  background-image:url('../images/icon.png');
+  background-position:0px 0px;
+  display:inline-block;
+}
+
+a.mediagoblin_logo:hover {
+  background-position:0px -28px;
 }
 
 .mediagoblin_container {

diff --git a/mediagoblin/static/images/icon.png b/mediagoblin/static/images/icon.png
index 47f07b9a4351a1c8f1192ab80dc15fc8c895e536..4f4f3e9c3c1b43c0f4149e031b69e34b2e9ce95b 100644 (file)
Binary files a/mediagoblin/static/images/icon.png and b/mediagoblin/static/images/icon.png differ

diff --git a/mediagoblin/templates/mediagoblin/base.html b/mediagoblin/templates/mediagoblin/base.html
index 0ba0964624cfd3af128b27c7b59ebffeb897561b..704e5aa7c70511c87f30a3c3348012a24328ad33 100644 (file)
--- a/mediagoblin/templates/mediagoblin/base.html
+++ b/mediagoblin/templates/mediagoblin/base.html
@@ -30,8 +30,8 @@
       <div class="mediagoblin_header">
       <div class="mediagoblin_container">
               {% block mediagoblin_logo %}
-                <a href="{{ request.urlgen('index') }}"><img src="{{ request.staticdirect('/images/icon.png') }}" class="icon" /></a>
-              {% endblock %}{% block mediagoblin_header_title %}GNU MediaGoblin Home{% endblock %}
+                <a class="mediagoblin_logo" href="{{ request.urlgen('index') }}"></a>
+              {% endblock %}{% block mediagoblin_header_title %}{% endblock %}
         <div class="mediagoblin_header_right">
           {% if request.user %}
                 {{ request.user['username'] }}'s account