old style: use kallithea-logo.png in page headers

Using http://openfontlibrary.org/en/font/fally-pin

rhodecode/public/css/style.css

@@ -249,8 +249,20 b' div:hover > a.permalink {'
     visibility: visible;
 }
 
-#header {
-}
+#header #logo {
+    padding-left: 20px;
+}
+
+#header #logo div.header,
+#header #logo div.branding {
+    font-size: 20px;
+    color: white;
+    float: left;
+    height: 44px;
+    line-height: 44px;
+    margin-right: 10px;
+}
+
 #header ul#logged-user {
     margin-bottom: 5px !important;
     -webkit-border-radius: 0px 0px 8px 8px;

rhodecode/templates/base/base.html

@@ -6,7 +6,7 b''
     <div id="header-inner" class="title">
         <div id="logo">
             <div class="header">
-                <a href="${h.url('home')}"><img src="${h.url('/images/rhodecode-logo-white-216x60.png')}" alt="RhodeCode"/></a>
+                <a href="${h.url('home')}"><img src="${h.url('/images/kallithea-logo.png')}" alt="RhodeCode"/></a>
             </div>
             %if c.rhodecode_name:
              <div class="branding">- ${c.rhodecode_name}</div>

rhodecode/templates/login.html

@@ -13,7 +13,7 b''
     <div id="header-inner" class="title">
         <div id="logo">
             <div class="header">
-                <a href="${h.url('home')}"><img src="/images/rhodecode-logo-white-216x60.png" alt="RhodeCode"/></a>
+                <a href="${h.url('home')}"><img src="${h.url('/images/kallithea-logo.png')}" alt="RhodeCode"/></a>
             </div>
             %if c.rhodecode_name:
              <div class="branding">- ${c.rhodecode_name}</div>

rhodecode/templates/password_reset.html

@@ -13,7 +13,7 b''
     <div id="header-inner" class="title">
         <div id="logo">
             <div class="header">
-                <a href="${h.url('home')}"><img src="/images/rhodecode-logo-white-216x60.png" alt="RhodeCode"/></a>
+                <a href="${h.url('home')}"><img src="${h.url('/images/kallithea-logo.png')}" alt="RhodeCode"/></a>
             </div>
             %if c.rhodecode_name:
              <div class="branding">- ${c.rhodecode_name}</div>

rhodecode/templates/register.html

@@ -11,7 +11,7 b''
     <div id="header-inner" class="title">
         <div id="logo">
             <div class="header">
-                <a href="${h.url('home')}"><img src="/images/rhodecode-logo-white-216x60.png" alt="RhodeCode"/></a>
+                <a href="${h.url('home')}"><img src="${h.url('/images/kallithea-logo.png')}" alt="RhodeCode"/></a>
             </div>
             %if c.rhodecode_name:
              <div class="branding">- ${c.rhodecode_name}</div>