From ec92c9432cf452badb6cca2c41e41d0546006692 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Tue, 24 Jul 2018 18:18:50 +0200
Subject: many updates. consent modal

---
 StoneIsland/www/css/blogs.css |  1 +
 StoneIsland/www/css/nav.css   | 56 +++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 57 insertions(+)

(limited to 'StoneIsland/www/css')

diff --git a/StoneIsland/www/css/blogs.css b/StoneIsland/www/css/blogs.css
index 4823fbef..bf5ab68f 100755
--- a/StoneIsland/www/css/blogs.css
+++ b/StoneIsland/www/css/blogs.css
@@ -43,6 +43,7 @@ animation: mfadein 0.6s;
 /* FAQ */
 
 .privacy #privacy { display: block }
+.account_terms #account_terms { display: block }
 .terms #terms { display: block }
 .returns #returns { display: block }
 .care #care { display: block }
diff --git a/StoneIsland/www/css/nav.css b/StoneIsland/www/css/nav.css
index a2448b0e..332e0ca1 100755
--- a/StoneIsland/www/css/nav.css
+++ b/StoneIsland/www/css/nav.css
@@ -318,6 +318,62 @@ padding-bottom:0px;
   display: block;
 }
 
+/* MODAL */
+
+.modal {
+  position: absolute;
+  top: 50%; left: 50%;
+  transform: translate3d(-50%, -50%, 0);
+  max-width: 95vw;
+  background: white;
+  box-sizing: border-box;
+  padding: 40px 20px;
+  box-shadow: 0 2px 2px #ddd;
+  opacity: 0;
+  pointer-events: none;
+  transition: all 0.2s;
+}
+.modal.visible {
+  opacity: 1;
+  pointer-events: auto;
+}
+
+/* CONSENT MODAL */
+
+#consent_modal {
+  display: none;
+  z-index: 2;
+}
+#consent_modal a {
+  color: black;
+}
+.modal button {
+  width: 100%;
+  padding: 10px;
+  box-sizing: border-box;
+  margin: 0;
+  border: 1px solid;
+  color: black;
+  background: white;
+  margin-top: 20px;
+  width: 100px;
+}
+#consent_proceed {
+  display: inline-block;
+  background: black;
+  color: white;
+  border-color: black;
+}
+#consent_proceed[disabled] {
+  color: #888;
+  background: white;
+}
+#consent_error {
+  display: none;
+}
+.consent-no #consent_error {
+  color: red;  
+}
 
 /* SELECTOR */
 
-- 
cgit v1.2.3-70-g09d2