From add8e4dc5e754c19dc504993bf9abadcc30f2171 Mon Sep 17 00:00:00 2001
From: Tomochin <tomochin@sugoimusic.me>
Date: Mon, 19 Oct 2020 04:12:58 +0700
Subject: [PATCH] filter_menu CSS for Beluga and Ganaviv

---
 static/styles/beluga/style.css  | 38 ++++++++++++++++++++++++++++++++++++++
 static/styles/genaviv/style.css | 40 ++++++++++++++++++++++++++++++++++++++++
 2 files changed, 78 insertions(+)

diff --git a/static/styles/beluga/style.css b/static/styles/beluga/style.css
index 7834c98..5f2c2dd 100644
--- a/static/styles/beluga/style.css
+++ b/static/styles/beluga/style.css
@@ -368,6 +368,44 @@ p.min_padding {
   background-color: rgba(255,255,255,0.2);
 }
 
+#filter_menu {
+  width: 100%;
+  text-align: center;
+  background-color: #1e7682;
+  font-size: 10pt;
+}
+
+#filter_menu > ul {
+  display: flex;
+  width: 80%;
+  margin: 0 auto;
+}
+
+#filter_menu > ul > li {
+  position: relative;
+  height: 26px;
+  display: flex;
+  margin: 0;
+  flex: 1 1 auto;
+}
+
+#filter_menu ul > li > a {
+  padding: 0.4em 0;
+  display: inline-block;
+  width: 100%;
+  color: #FFFFFF;
+  transition: ease-in-out 0.1s;
+}
+
+#filter_menu ul li a.active {
+  background-color: #565656;
+}
+
+#filter_menu ul li a:hover {
+  background-color: #80af8a;
+  text-decoration: none;
+}
+
 #userinfo {
   position: absolute;
   top: 10px;
diff --git a/static/styles/genaviv/style.css b/static/styles/genaviv/style.css
index 7a960fe..d89c81d 100644
--- a/static/styles/genaviv/style.css
+++ b/static/styles/genaviv/style.css
@@ -503,6 +503,46 @@ td.left {
 div#searchbars ul>li {
 
 }
+
+#filter_menu {
+  width: 100%;
+  text-align: center;
+  background-color: #5aada5;
+  font-size: 10pt;
+}
+
+#filter_menu > ul {
+  display: flex;
+  width: 80%;
+  margin: 0 auto;
+}
+
+#filter_menu > ul > li {
+  position: relative;
+  height: 26px;
+  display: flex;
+  margin: 0;
+  flex: 1 1 auto;
+}
+
+#filter_menu ul > li > a {
+  padding: 0.4em 0;
+  display: inline-block;
+  width: 100%;
+  color: #FFFFFF;
+  transition: ease-in-out 0.1s;
+}
+
+#filter_menu ul li a.active {
+  background-color: #565656;
+}
+
+#filter_menu ul li a:hover {
+  background-color: #45847e;
+  text-decoration: none;
+}
+
+
 div#userinfo {
   text-align:center;
   padding-bottom: 8px;