1 files changed, 50 insertions, 11 deletions
diff --git a/StoneIsland/platforms/ios/www/css/nav.css b/StoneIsland/platforms/ios/www/css/nav.css
index 03e3fb39..8ae57921 100755
--- a/StoneIsland/platforms/ios/www/css/nav.css
+++ b/StoneIsland/platforms/ios/www/css/nav.css
@@ -413,6 +413,8 @@ padding-bottom:0px;
 /* MODAL */
 
 .modal {
+  display: none;
+  z-index: 2;
   position: absolute;
   top: 50%; left: 50%;
   transform: translate3d(-50%, -50%, 0);
@@ -424,22 +426,12 @@ padding-bottom:0px;
   opacity: 0;
   pointer-events: none;
   transition: all 0.2s;
+  font-size: 1rem;
 }
 .modal.visible {
   opacity: 1;
   pointer-events: auto;
 }
-
-/* CONSENT MODAL */
-
-#consent_modal {
-  display: none;
-  z-index: 2;
-  font-size: 1rem;
-}
-#consent_modal a {
-  color: black;
-}
 .modal button {
   font-family: pfd, sans-serif;
   font-size: 0.875rem;
@@ -452,6 +444,12 @@ padding-bottom:0px;
   margin-top: 20px;
   width: 100px;
 }
+
+/* CONSENT MODAL */
+
+#consent_modal a {
+  color: black;
+}
 #consent_proceed {
   display: inline-block;
   background: black;
@@ -466,6 +464,47 @@ padding-bottom:0px;
 #consent_error.visible {
   opacity: 1;
 }
+
+/* INTRO MODAL */
+
+#intro_modal {
+  min-width: 360px;
+}
+#intro_modal .intro_title {
+  font-weight: bold;
+}
+#intro_modal .intro_title,
+#intro_modal .intro_tagline,
+#intro_modal .intro_content {
+  margin-bottom: 1rem;
+}
+#intro_modal .intro_content {
+  white-space: pre-line;
+}
+#intro_modal button {
+  display: block;
+}
+#intro_modal.black {
+  background-color: black;
+  color: white;
+}
+#intro_modal.white {
+  background-color: white;
+  color: black;
+}
+#intro_modal .intro_tagline.red {
+  color: #f00;
+}
+#intro_modal .intro_tagline.blue {
+  color: #11f;
+}
+#intro_modal .intro_tagline.white {
+  color: #fff;
+}
+#intro_modal .intro_tagline.black {
+  color: #000;
+}
+
 /* SELECTOR */
 
 #selector {