css

layouts/partials/sidebar.html

@@ -3,12 +3,12 @@
   <div class="sidebar-header">
    {{ if eq .Lang "en"}}
       <a class="sidebar-brand" href="/en/">
-      <img src="/page-resources/wmi_black.png">
+      <img src="/page-resources/wmi_transparent.png">
       {{ .Site.Title }}
       </a>
       {{else}}
       <a class="sidebar-brand" href="/">
-      <img src="/page-resources/wmi_black.png">
+      <img src="/page-resources/wmi_transparent.png">
       {{ .Site.Title }}
       </a>
       {{end}}

static/css/labs.css

@@ -3,15 +3,20 @@ BODY {
   letter-spacing: +.02rem;
   font-weight: 300;
   font-size: 1.6rem;
-  color: #4d5363;
+  color: #000;
   max-width: 160rem; /*160rem lub 68%*/
   margin: auto;
   vertical-align: middle;
 }
 
+:root{
+  --bg-color: #14396d;/*#14396d; #222d32; 252525, 292929*/
+  --child-color: #305d9a;/*#305d9a;#2c3b41; 444, 111*/
+}
 code {
   font-size: 1.6rem;
-  background-color: #f9f2f4;
+  background-color: #f2f7ff;/*#f9f2f4;*/
+  color: #00c;
 }
 
 p, li, ul, .table {
@@ -80,11 +85,6 @@ td {
   
 }
 
-.trans {
-  text-align: left;
-  float: left;
-}
-
 .input-group {
   padding-right: 4rem;
   padding-left:  3rem;
@@ -125,19 +125,19 @@ td {
   color: #ba3232;
   padding: 2.5rem 3.5rem;
   text-align: left;
-  background-color: #fdf7f7;
+  /*background-color: #fdf7f7;*/
   font-size: 1.6rem;
 }
 
 .info {
-  border-left: 0.6em solid #918f8a; /*#4d5363*/
+  border-left: 0.6em solid #305d9a;/*#918f8a; #4d5363*/
   margin-left: auto;
   margin-bottom: 1em;
   margin-top: 1em;     
-  color: black;
+  color: #14396d;
   padding: 2.5rem 3.5rem;
   text-align: left;
-  background-color: #f2f2f2;
+  /*background-color: #f2f2f2;*/
   font-size: 1.6rem;
 }
 
@@ -150,11 +150,11 @@ td {
 }
 
 a:link {
-  color: #e00;
+  color: #00c;
 }
 
 a:visited {
-  color: #e00;
+  color: #00c;
 }
 
 a:hover {
@@ -175,8 +175,8 @@ a:hover {
   text-align: center;
   letter-spacing: 0.3rem;
   font-weight: bold;
-  padding-bottom: 1rem;
-  background-color: #292929;/*rgb(186, 50, 50); #ba3232;*/
+  padding-bottom: 0.3rem;
+  background-color: var(--bg-color);/*#292929; rgb(186, 50, 50); #ba3232;*/
 }
 
 .sidebar-menu {
@@ -198,14 +198,15 @@ a:hover {
   padding-left: 2rem;
   overflow-x: hidden;
   overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
-  background-color: #292929;
-  border-right: 0.1rem solid #eee;
+  background-color: var(--bg-color);/*#292929;*/
+  /*border-right: 0.1rem solid #eee;*/
   font-weight: 400;
   font-size: 1.25rem;
   line-height: 1.55;
   width: 32rem;
   margin: 0 0;
 }
+
 /*
 .sidebar img {
   max-width: 42rem;
@@ -214,6 +215,7 @@ a:hover {
   margin-right: 
 }
 */
+
 .sidebar.active {
   display: block;
 }
@@ -222,7 +224,7 @@ a:hover {
   display: block;
   padding: 1rem 2rem;
   text-decoration: none;
-  color: #ccc;
+  color: #eee; /*ccc*/
 }
 
 .sidebar-header a {
@@ -244,30 +246,33 @@ a:hover {
 
 .sidebar li {
   line-height: 1.7rem;
-
 }
 
 .sidebar .sub-item > a{
   padding-left: 4rem;
-  background-color: #111;
+  background-color: var(--child-color);/*#252525;#111;*/
 }
 
 .sidebar .subsub-item > a{
   padding-left: 6rem;
-  background-color: #111;
+  background-color: var(--child-color);
 }
 
 .sidebar .subsubsub-item > a{
   padding-left: 8rem;
-  background-color: #111;
+  background-color: var(--child-color);
 }
 
 .sidebar .active > a {
-  color: #fff;
-  background-color: #ba3232;
+  color: #000;
+  background-color: #fff;
   font-weight: bold;
 }
 
+.sidebar .active > a:hover{
+  color: #000;
+}
+
 .sidebar a:hover {
   color: #fff;
   font-weight: bold;
@@ -315,11 +320,6 @@ a:hover {
     vertical-align: middle;
   }
 
-  #trans{
-  text-align: left;
-  float: left;
-  }
-
   img {
   width: 50rem;
   height: auto;
@@ -331,7 +331,7 @@ a:hover {
   font-family: "Open Sans","Helvetica","Tahoma","Geneva","Arial",sans-serif;
   font-size: 2rem;
   line-height: 2rem;
-  background-color: #444;
+  background-color: var(--bg-color);
   border-color: #000;
   color: #fff;
   border-radius: 1rem;
@@ -341,8 +341,6 @@ a:hover {
   padding-right: 1.5rem;
   padding-left: 1.5rem;
 }
-
-
 }  
 
 .bs-callout {