From 6056f5a2f5e00347c73e827e6f1f781d08d91799 Mon Sep 17 00:00:00 2001
From: blendoit <blendoit@gmail.com>
Date: Thu, 23 Jan 2020 19:21:01 -0800
Subject: Create placeholder content and "yes" page styles.

---
 app/static/styles/no.css | 35 +++++++++++++++++++----------------
 1 file changed, 19 insertions(+), 16 deletions(-)

(limited to 'app/static/styles/no.css')

diff --git a/app/static/styles/no.css b/app/static/styles/no.css
index 09171a6..352a635 100644
--- a/app/static/styles/no.css
+++ b/app/static/styles/no.css
@@ -1,47 +1,50 @@
 .main {
     height: 100%;
-    right: 0;
-    left: 6%;
     position: absolute;
     z-index: 1;
-    background: linear-gradient(to top, var(--secondary-color), var(--primary-color)) fixed;
+    left: 7%;
 }
 
-.tab-home {
+.tab-yes {
     height: 100%;
     width: 3%;
     float: left;
     position: relative;
-    z-index: 0;
-    background: var(--home);
+    z-index: 1;
+    background: var(--yes);
 }
 
-.tab-yes {
+.tab-home {
     height: 100%;
     width: 3%;
     float: left;
     position: relative;
-    z-index: -1;
-    background: var(--yes);
+    z-index: 1;
+    background: var(--home);
 }
 
-.tab-home:hover ~ .main {
-    left: 9%;
+.tab-home:hover {
+    width: 4%;
     transition: 0.2s;
 }
 
-.tab-home:hover {
-    width: 6%;
+.tab-yes:hover ~ .main {
+    left: 10%;
     transition: 0.2s;
 }
 
-.tab-yes:hover ~ .main {
-    left: 9%;
+.tab-home:hover ~ .main {
+    left: 8%;
+    transition: 0.2s;
+}
+
+.tab-yes:hover ~ .tab-home {
+    width: 5%;
     transition: 0.2s;
 }
 
 .tab-yes:hover {
-    width: 6%;
+    width: 4%;
     transition: 0.2s;
 }
 
-- 
cgit v1.2.3