css

layouts/partials/navbar.html

@@ -1,5 +1,13 @@
 <div class="navbar navbar-default navbar-fixed-top" role="navigation">
     <div class="container-fluid">
+            {{ if .IsTranslated }}
+               {{ i18n "translations" }}
+                    {{ range .Translations }}
+                        <a href="{{ .RelPermalink }}">{{ .Site.Language.LanguageName }}</a>
+                    {{ end }}
+            {{ end }}
+
+
         <div class="navbar-header">
         	<button type="button" class="navbar-toggle sidebar-toggle" data-toggle="collapse" data-target=".sidebar">
             	<span class="sr-only">Toggle sidebar</span>
@@ -7,8 +15,12 @@
             	<span class="icon-bar"></span>
             	<span class="icon-bar"></span>
           	</button>
-                </div>
+
+        
+
+             
             </form>
-        </div>
+            </div>      
+        </div> 
 	</div>
 </div>

static/css/labs.css

@@ -4,6 +4,9 @@ BODY {
   font-weight: 300;
   font-size: 1.6rem;
   color: #4d5363;
+  max-width: 160rem; /*160rem lub 68%*/
+  margin: auto;
+  vertical-align: middle;
 }
 
 code {
@@ -23,7 +26,7 @@ h1 {
 
 h1, h2, h3, h4, h5, h6 {
   font-family: "Open Sans","Helvetica","Tahoma","Geneva","Arial",sans-serif;
-  text-rendering: optimizeLegibility;
+ /* text-rendering: optimizeLegibility;*/
   letter-spacing: 0;
   margin: 0 0;
 }
@@ -47,7 +50,7 @@ h4 {
 img{
   max-width: 100%;
   height: auto;
-  padding: 1.5rem 0rem;
+  padding: 0rem 0rem;
 }
 
 video {
@@ -62,6 +65,11 @@ pre {
   margin-bottom: 1rem;
 }
 
+.trans {
+	text-align: left;
+	float: left;
+}
+
 .input-group {
   padding-right: 3rem;
   padding-left:  2rem;
@@ -96,6 +104,11 @@ pre {
   position: fixed;
 }
 
+.navbar h4 {
+	float: left;
+}
+
+
 a:link {
   color: #e00;
 }
@@ -138,7 +151,7 @@ a:hover {
   font-weight: 400;
   font-size: 1.25rem;
   line-height: 1.55;
-  width: 32.5rem;
+  width: 40rem;
   margin: 0 0;
 }
 
@@ -217,12 +230,15 @@ a:hover {
 
 @media (min-width: 768px) {
   .sidebar {
-    display: block;
+    display: none; /* block;*/
     top: 0rem;
   }
 
   .navbar a {
   font-size: 2rem;
+  color: #000;
+  text-align: right;
+  float: right;
   }
 
   .main {
@@ -232,7 +248,13 @@ a:hover {
   }
 
   .navbar {
-    display: none;
+    display: block;
+    background-color: #fff;
+  }
+
+  #trans{
+  	  text-align: left;
+  float: left;
   }
 
   img {