From b0ecff9170b154641e5e66422937755c3416c619 Mon Sep 17 00:00:00 2001
From: meaz <meaz@disroot.org>
Date: Tue, 14 Jan 2020 18:32:07 +0100
Subject: [PATCH] Apply disroot flavors to selector

---
 themes/grav-theme-howto/css/media-queries.css | 28 ++++++++++++++++++
 themes/grav-theme-howto/css/style.css         | 29 ++++++++++++++++++-
 2 files changed, 56 insertions(+), 1 deletion(-)

diff --git a/themes/grav-theme-howto/css/media-queries.css b/themes/grav-theme-howto/css/media-queries.css
index a6c7a6ef3..125700b0c 100644
--- a/themes/grav-theme-howto/css/media-queries.css
+++ b/themes/grav-theme-howto/css/media-queries.css
@@ -108,6 +108,34 @@
 
 @media (max-width: 900px) and (min-width:601px) {
 
+  /* Language menu*/
+
+  #language {
+      position: fixed;
+      top: 0px;
+      right: 75px;
+  }
+
+  .language-selector .btn {
+      font-size: 1.2rem;
+      padding: 19px 15px;
+  }
+
+  .language-selector .btn i {
+      position: absolute;
+      top: 35px;
+      right: 20px;
+  }
+
+  .language-selector .dropdown-menu {
+    font-size: 1.1rem;
+  }
+
+  .language-selector .dropdown-menu>li>a {
+      padding: 12px 15px;
+  }
+
+
 }
 
 @media (max-width: 600px) {
diff --git a/themes/grav-theme-howto/css/style.css b/themes/grav-theme-howto/css/style.css
index ccfcfbf0d..def1b1b91 100644
--- a/themes/grav-theme-howto/css/style.css
+++ b/themes/grav-theme-howto/css/style.css
@@ -240,11 +240,38 @@ a:hover {
 /* hide toggle button */
 .main-nav > a.mobile-btn { display: none; }
 
-/* Language selector */
+/* age selector */
 
 .language-selector .btn {
     position: relative;
     top: 20px;
+    color: #b9a2ab;
+    background-color: #50162D;
+    border-color: #50162D;
+    font-size: 1.2rem;
+}
+
+.language-selector .btn i {
+    position: absolute;
+    top: 25px;
+    right: 15px;
+}
+
+.language-selector .dropdown-menu {
+  color: #b9a2ab;
+  background-color: #50162D;
+  border-color: #50162D;
+  right: 0px;
+  left: auto;
+  font-size: 1.1rem;
+}
+
+.language-selector .dropdown-menu li:hover {
+    background-color: #8EB726;
+}
+
+.language-selector .dropdown-menu>li>a {
+  color: #b9a2ab;
 }
 
 /* Volor bar */