spanish-quizzer

commit f5d0f579f57a78871b491c72753d1f3af0afe28a
parent efe86e820c806ad92295685d7d36418aef412687
Author: AsherMorgan <59518073+AsherMorgan@users.noreply.github.com>
Date:   Sat,  4 Apr 2020 12:23:23 -0700

Add footer.

Diffstat:
M
Styles.css
 | 
48
++++++++++++++++++++++++++++--------------------
M
index.html
 | 
4
++++

2 files changed, 32 insertions(+), 20 deletions(-)
diff --git a/Styles.css b/Styles.css
@@ -8,6 +8,28 @@ body {
 
 
 
+/******** Control styles ********/
+button, input, select {
+    background-color: #FFFFFF;
+    border: 1px solid #808080;
+    color: #000000;
+    border-radius: 0px;
+}
+
+
+button:hover:enabled {
+    cursor: pointer;
+    background-color: #F0F0F0;
+}
+
+
+button:disabled {
+    background-color: #F0F0F0;
+    color: #808080;
+}
+
+
+
 /******** Settings styles ********/
 #settingsSets, #settingsOther, #referenceTable {
     margin: auto;
@@ -38,7 +60,7 @@ body {
 
 
 
-/******** Label styles ********/
+/******** Other styles ********/
 #title {
     font-size: 25px;
     font-weight: bold;
@@ -63,25 +85,11 @@ body {
 }
 
 
-
-/******** Control styles ********/
-button, input, select {
-    background-color: #FFFFFF;
-    border: 1px solid #808080;
-    color: #000000;
-    border-radius: 0px;
-}
-
-
-button:hover:enabled {
-    cursor: pointer;
-    background-color: #F0F0F0;
-}
-
-
-button:disabled {
-    background-color: #F0F0F0;
-    color: #808080;
+.footer {
+    position: fixed;
+    left: 0;
+    bottom: 5px;
+    width: 100%;
 }
 
 
diff --git a/index.html b/index.html
@@ -109,5 +109,9 @@
             <label id="quizzerFeedback" class="error"></label>
             <button id="quizzerContinue" onclick="Reset()">Continue</button>
         </div>
+
+        <div class="footer">
+            <a href="Reference">Reference Tables</a>
+        </div>
     </body>
 </html>
 \ No newline at end of file