Adding Interactive Tutorial files - incomplete

2026-04-17 23:08:36 +02:00 · 2017-05-05 16:27:35 -05:00
parent 9f7d6d7bba
commit e2cbc38920
13 changed files with 492 additions and 127 deletions
--- a/css/interactivetutorial.css
+++ b/css/interactivetutorial.css
@@ -0,0 +1,50 @@
+/* interactivetutorial.css */
+#interactive-tutorial-container {
+    display: none;
+    position: fixed; /* Stay in place */
+    left: 0;
+    top: 0;
+    height: 100%; /* Full height */
+    margin: 20% auto;
+    padding: 10px;
+    border: 5px solid #FFFFFF;
+    width: 40%;
+    overflow: auto; /* Enable scroll if needed */
+    background-color: black; /* Fallback color */
+    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
+}
+
+#interactive-tutorial-text {
+    
+}
+
+#interactive-tutorial-exit,
+#interactive-tutorial-next {
+    color: #aaa;
+    font-size: 20px;
+    font-weight: bold;
+    -webkit-border-radius: 12px;
+    -moz-border-radius: 12px;
+    border-radius: 12px;
+    -moz-box-shadow: 1px 1px 3px #000;
+    -webkit-box-shadow: 1px 1px 3px #000;
+    box-shadow: 1px 1px 3px #000;
+}
+
+#interactive-tutorial-exit {
+    float: left;
+}
+
+#interactive-tutorial-next {
+    float: right;
+}
+
+#interactive-tutorial-exit:hover,
+#interactive-tutorial-exit:focus,
+#interactive-tutorial-next:hover,
+#interactive-tutorial-next:focus {
+    color: white;
+    text-decoration: none;
+    cursor: pointer;
+}
+