logo size decreased, info link added, branding text changed -> #8 fixed

Author: kunzstef

Sidebar.html

@@ -15,11 +15,14 @@
 </div>
 
 <div class="sidebar bottom">
-    <div id="bottom-separator" class="block"></div>
-    <a href="http://eexcess.eu/" title="EEXCESS" target="_blank">
-        <img alt="Add-on logo" class="logo" width="222" height="70" src="http://eexcess.eu/wp-content/uploads/2013/04/eexcess_Logo_neu1.jpg">
-    </a>
-    <span class†="gray branding-text"> Recommendations by EEXCESS</span>
+    <div class="block"></div>
+    <div class="branding-container">
+        <img alt="Add-on logo" class="logo" src="http://eexcess.eu/wp-content/uploads/2013/04/eexcess_Logo_neu1.jpg">
+        <a class="info-link" href="http://eexcess.eu/" title="EEXCESS" target="_blank">more info</a>
+    </div>
+    <div class="branding-text">
+        <span class="gray">Search digital library content</span>
+    </div>
 </div>
 
 <?!= include('Scripts') ?>

Stylesheet.html

@@ -2,16 +2,19 @@
 <!-- The CSS package above applies Google styling to buttons and other elements. -->
 
 <style>
-    #bottom-separator {
-        padding-top: 12px;
+    /* general */
+    .block {
+        border-top: 1px solid gray;
     }
+
+    /* search bar */
     .fixed-top {
         position: fixed;
         top: 0;
         right: 0;
         left: 0;
         z-index: 1030;
-        width: 100%;
+        width: auto;
     }
     .inline-form {
         width:100%;
@@ -25,26 +28,14 @@
         width: 72px;
         height: 29px;
     }
-    .branding-text {
-        left: 7px;
-        position: relative;
-        top: 3px;
-    }
-    .logo {
-        vertical-align: middle;
-    }
-    #ajax-loader-container {
-        text-align: center;
-        margin-top: 50px;
-    }
-
     #search-container {
-        margin-bottom: 10px;
+        margin-bottom: 12px;
     }
 
+    /* recommendations */
     #eexcess-recommendations {
         clear: both;
-        top:65px;
+        top:66px;
         padding-top:0;
         bottom: 125px;
         height: auto;
@@ -54,10 +45,6 @@
         margin: 0px;
     }
 
-    .block {
-        border-top: 1px solid gray;
-    }
-
     /* ResultList styling */
     #eexcess-recommendations-list {
         padding-left: 2px;
@@ -119,4 +106,35 @@
         margin: 0px;
         font-size: 10px;
     }
+
+    /* bottom branding */
+    .branding-container {
+        padding-top: 12px;
+        width: 165px;
+        position: relative;
+        margin-left: auto ;
+        margin-right: auto ;
+    }
+    .branding-container .logo {
+        width: 121px;
+        max-width: 175px;
+        height: 40px;
+    }
+    .branding-container .info-link {
+        position: absolute;
+        bottom: 0;
+        right: 0;
+        z-index: 1;
+    }
+    .branding-text {
+        position: relative;
+        top: 3px;
+        text-align: center;
+    }
+
+    /* other stuff */
+    #ajax-loader-container {
+        text-align: center;
+        margin-top: 50px;
+    }
 </style>