css

layouts/_default/baseof.html

@@ -23,16 +23,7 @@
     		{{ block "sidebar" . }}
                     	{{ partial "sidebar" . }}
     		{{ end }}
-    		{{ if .IsTranslated }}
-    			<h4>{{ i18n "translations" }}</h4>
-        			<ul>
-            		{{ range .Translations }}
-                   		 <li>
-                           		<a href="{{ .RelPermalink }}">{{ .Site.Language.LanguageName }}: {{ .Title }}</a>
-                   		 </li>
-            		{{ end }}
-        			</ul>
-    		{{ end }}
+    		
         </div>
         <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
     		{{ block "main" . }}

layouts/partials/navbar.html

@@ -15,11 +15,6 @@
             	<span class="icon-bar"></span>
             	<span class="icon-bar"></span>
           	</button>
-
-        
-
-             
-            </form>
             </div>      
         </div> 
 	</div>

static/css/labs.css

@@ -66,13 +66,40 @@ pre {
 }
 
 .trans {
-	text-align: left;
-	float: left;
+  text-align: left;
+  float: left;
 }
 
 .input-group {
-  padding-right: 3rem;
-  padding-left:  2rem;
+  padding-right: 4rem;
+  padding-left:  3rem;
+  height: 1rem;
+}
+
+.form-control {
+  max-height: 2.6rem;
+  margin: 0 0;
+  border-color: #4d5363;
+  border-radius: 1rem;
+  color: #4d5363;
+}
+
+.btn {
+  font-size: 1.2rem;
+  color: #4d5363;
+  padding: 0.4rem 1.5rem;
+  max-height: 2.6rem;
+  max-width: auto;
+  margin: 0 0;
+  float: right;
+  border-color: #4d5363;
+  border-radius: 1rem;
+}
+
+.btn:hover {
+  color: #ba3232;
+  background-color: white;
+  border-color: #4d5363;
 }
 
 .warning {
@@ -102,13 +129,10 @@ pre {
 .navbar {
   background-color: #292929;
   position: fixed;
+  margin: 0rem 0rem;
+  border-bottom-width: 0rem;
 }
 
-.navbar h4 {
-	float: left;
-}
-
-
 a:link {
   color: #e00;
 }
@@ -121,6 +145,14 @@ a:hover {
   color: #000;
 }
 
+.navbar a {
+  padding-top: 1.1rem;
+  font-size: 2rem;
+  color: #fff;
+  text-align: right;
+  float: right;
+}
+
 .sidebar-header {
   color: #000;
   font-size: 1rem;
@@ -131,6 +163,7 @@ a:hover {
   background-color: rgb(186, 50, 50);/*#ba3232;*/
 }
 
+
 .sidebar-toggle {
   float: left;
   margin-left: 1.5rem;
@@ -139,7 +172,7 @@ a:hover {
 .sidebar {
   margin-top: -0.15rem;
   position: fixed;
-  top: 5.1rem;
+  top: 5rem;
   bottom: 0;
   left: 0;
   z-index: 1050;
@@ -151,7 +184,7 @@ a:hover {
   font-weight: 400;
   font-size: 1.25rem;
   line-height: 1.55;
-  width: 40rem;
+  width: 32rem;
   margin: 0 0;
 }
 
@@ -230,8 +263,9 @@ a:hover {
 
 @media (min-width: 768px) {
   .sidebar {
-    display: none; /* block;*/
+    display: block;
     top: 0rem;
+    width: 40rem;
   }
 
   .navbar a {
@@ -250,10 +284,13 @@ a:hover {
   .navbar {
     display: block;
     background-color: #fff;
+    max-width: 150rem;
+    margin: auto;
+    vertical-align: middle;
   }
 
   #trans{
-  	  text-align: left;
+  text-align: left;
   float: left;
   }