css

layouts/partials/navbar.html

@@ -3,7 +3,7 @@
             {{ if .IsTranslated }}
                {{ i18n "translations" }}
                     {{ range .Translations }}
-                        <a href="{{ .RelPermalink }}">{{ .Site.Language.LanguageName }}</a>
+                        <a href="{{ .RelPermalink }}"><pre>{{ .Site.Language.LanguageName }}</pre></a>
                     {{ end }}
             {{ end }}
 
@@ -18,4 +18,3 @@
             </div>      
         </div> 
 	</div>
-</div>

layouts/partials/sidebar.html

@@ -3,30 +3,29 @@
   <div class="sidebar-header">
    {{ if eq .Lang "en"}}
       <a class="sidebar-brand" href="/en/">
-      <img src="/page-resources/wmilogo_red.png"></img>
+      <img src="/page-resources/wmilogo_red.png">
       {{ .Site.Title }}
       </a>
       {{else}}
       <a class="sidebar-brand" href="/">
-      <img src="/page-resources/wmilogo_red.png"></img>
+      <img src="/page-resources/wmilogo_red.png">
       {{ .Site.Title }}
       </a>
       {{end}}
 
       <form class="sidebar-header sidebar-brand" action="https://szukaj.wmi.amu.edu.pl/search/" method="GET">
         <div class="input-group">
-          <input type="text" class="form-control" name="q" placeholder="Search">
+          <input type="text" class="form-control" name="q" placeholder="Search" />
             <span class="input-group-btn">
               <button type="submit" class="btn btn-default">
                 <span class="glyphicon glyphicon-search"></span>
               </button>
             </span>
-      </form>
-    </div>
-  </div></br>
-
+    	</div>
+ 	</div>
 
 
+ <div class="sidebar-menu">
   {{ range .Site.Menus.main }}
     {{ if .HasChildren }}
       <li class="item {{ if $currentPage.IsMenuCurrent "main" . }}active{{ end }}"><a href="{{ .URL }}">{{ .Name }}</a>
@@ -56,4 +55,5 @@
       </li>
     {{ end }}
   {{ end }}
+ </div>
 </ul>

static/css/labs.css

@@ -65,6 +65,18 @@ pre {
   margin-bottom: 1rem;
 }
 
+.navbar pre {
+  font-family: "Open Sans","Helvetica","Tahoma","Geneva","Arial",sans-serif;
+  font-size: 2rem;
+  background-color: #292929;
+  border-color: #fff;
+  color: #fff;
+  border-width: 0rem;
+  margin-top: -1.5rem;
+  padding-top: 2rem;
+  
+}
+
 .trans {
   text-align: left;
   float: left;
@@ -131,6 +143,7 @@ pre {
   position: fixed;
   margin: 0rem 0rem;
   border-bottom-width: 0rem;
+  padding-top: 0.1rem;
 }
 
 a:link {
@@ -163,6 +176,9 @@ a:hover {
   background-color: rgb(186, 50, 50);/*#ba3232;*/
 }
 
+.sidebar-menu {
+	padding-top: 1.3rem;
+}
 
 .sidebar-toggle {
   float: left;
@@ -284,7 +300,7 @@ a:hover {
   .navbar {
     display: block;
     background-color: #fff;
-    max-width: 150rem;
+    max-width: 153.5rem;
     margin: auto;
     vertical-align: middle;
   }
@@ -300,6 +316,23 @@ a:hover {
   transition: width 2s;
   transition: height 2s;
   }
+
+  .navbar pre {
+  font-family: "Open Sans","Helvetica","Tahoma","Geneva","Arial",sans-serif;
+  font-size: 2rem;
+  line-height: 2rem;
+  background-color: #444;
+  border-color: #000;
+  color: #fff;
+  border-radius: 1rem;
+  margin-top: -2rem;
+  padding-top: 3.5rem;
+  padding-bottom: 1.2rem;
+  padding-right: 1.5rem;
+  padding-left: 1.5rem;
+}
+
+
 }  
 
 .bs-callout {