sidebar and css changes

layouts/partials/sidebar.html

@@ -1,9 +1,15 @@
 {{ $currentPage := . }}
 <ul>
   <div class="sidebar-header">
+   {{ if eq .Lang "en"}}
+      <a class="sidebar-brand" href="/en/">
+      {{ .Site.Title }}
+      </a>
+      {{else}}
       <a class="sidebar-brand" href="/">
       {{ .Site.Title }}
       </a>
+      {{end}}
 
       <form class="sidebar-header sidebar-brand" action="https://szukaj.wmi.amu.edu.pl/search/" method="GET">
         <div class="input-group">
@@ -13,9 +19,11 @@
                 <span class="glyphicon glyphicon-search"></span>
               </button>
             </span>
+            
       </form>
     </div>
-  </div>
+  </div></br>
+
 
 
   {{ range .Site.Menus.main }}

static/css/labs.css

@@ -9,14 +9,16 @@ BODY {
 
 code {
   color: f00;
-  font-size: 1.7rem;
+  font-size: 1.6rem;
+  background-color: #f9f2f4;
+  
 }
 
 h1 {
   text-align: center; 
   font-size: 3.5rem;
-
 }
+
 h1, h2, h3, h4, h5, h6 {
   font-family: "Open Sans","Helvetica","Tahoma","Geneva","Arial",sans-serif;
   text-rendering: optimizeLegibility;
@@ -47,8 +49,11 @@ video {
 }
 
 pre {
-  font-size: 1.7rem;
-  line-height: 1.7;
+  font-size: 1.6rem;
+  line-height: 1.7rem;
+  margin-top: 10px;
+  margin-bottom: 10px;
+
 }
 
 .input-group {
@@ -56,8 +61,30 @@ pre {
   padding-left:  20px;
 }
 
-.navbar {
 
+.warning {
+  border-left: 10px solid #ba3232;
+  margin-left: auto;
+  margin-bottom: 20px;
+  margin-top: 20px;     
+  color: #ba3232;
+  padding: 25px 35px;
+  text-align: left;
+  background-color: #fdf7f7;
+}
+
+.info {
+  border-left: 10px solid #918f8a; /*#4d5363*/
+  margin-left: auto;
+  margin-bottom: 20px;
+  margin-top: 20px;     
+  color: black;
+  padding: 25px 35px;
+  text-align: left;
+  background-color: #f2f2f2;
+}
+
+.navbar {
 
   letter-spacing: +.05rem;
   font-weight: bold;
@@ -111,7 +138,7 @@ a:hover {
 }
 
 .sidebar {
-  margin-top: -2px;
+  margin-top: -1px;
   position: fixed;
   top: 51px;
   bottom: 0;
@@ -126,6 +153,7 @@ a:hover {
   font-weight: 400;
   font-size: 1.25rem;
   line-height: 1.55;
+  width: 325px;
 }
 
 .sidebar.active {
@@ -136,7 +164,7 @@ a:hover {
 @media (min-width: 768px) {
   .sidebar {
     display: block;
-    padding-top: 0px;
+    top: 0px;
   }
   .navbar a {
   font-size: 2rem;
@@ -211,6 +239,7 @@ a:hover {
     display: none;
   }
 }
+
 .main .page-header {
   margin-top: 0;
 }