Add right menu language switch

3 files changed, 67 insertions, 0 deletions

diff --git a/source/css/theme.css b/source/css/theme.css
index 357e3c89..dd0726d3 100644
--- a/source/css/theme.css
+++ b/source/css/theme.css
@@ -91,6 +91,14 @@ ul li:before {
     margin: 0;
     padding: 0; }
 
+.lia:hover .left-lia::after {
+  content: "█▓▒░";
+  white-space: pre; }
+
+.lia:hover .right-lia::after {
+  content: "░▒▓█";
+  white-space: pre; }
+
 /* subMenu design */
 .subnav {
   position: fixed;
@@ -188,6 +196,27 @@ ul li:before {
     font-size: 12px !important;
     white-space: normal; }
 
+/* menu lang switcher */
+.lang_switch {
+  position: fixed;
+  right: 11.5%;
+  width: 83px;
+  text-align: center; }
+
+.lang_switch .current {
+  color: black; }
+
+.lang_switch .current.lia li {
+  background-color: #fff; }
+
+.lang_switch .current .left-lia::after {
+  content: "    ";
+  white-space: pre; }
+
+.lang_switch .current .right-lia::after {
+  content: "    ";
+  white-space: pre; }
+
 /* end menus design */
 .content-separator, .footer {
   width: 60%;
diff --git a/source/css/theme.scss b/source/css/theme.scss
index ef5c3dc2..5ae5af95 100644
--- a/source/css/theme.scss
+++ b/source/css/theme.scss
@@ -138,6 +138,16 @@ ul li:before {
   }
 }
 
+.lia:hover  .left-lia::after {
+    content: "█▓▒░";
+    white-space: pre;
+}
+
+.lia:hover  .right-lia::after {
+    content: "░▒▓█";
+    white-space: pre;
+}
+
 /* subMenu design */
 .subnav {
   position: fixed;
@@ -282,6 +292,33 @@ ul li:before {
    }
  }
 
+/* menu lang switcher */
+
+.lang_switch {
+    position: fixed;
+    right: 11.5%;
+    width: 83px;
+    text-align: center;
+}
+
+.lang_switch .current {
+    color: black;
+}
+
+.lang_switch .current.lia li {
+    background-color: #fff;
+}
+
+.lang_switch .current .left-lia::after {
+    content: "    ";
+    white-space: pre;
+}
+
+.lang_switch .current .right-lia::after {
+    content: "    ";
+    white-space: pre;
+}
+
 /* end menus design */
 
 
diff --git a/source/template.html b/source/template.html
index 2de53eb5..b98ce358 100644
--- a/source/template.html
+++ b/source/template.html
@@ -44,6 +44,7 @@ $endif$
              ░░██ █████ ░░██     ███         ██   █████ ██
               ░░ ░░░░░   ░░     ░░░         ░░   ░░░░░ ░░
       </code></pre></div></a>
+    -- generate LANGSWITCH --
     <nav class="nav">
       <div class="lia-border">
         -- generate menu here --