Create website-redesign branch. Include incomplete redesign assets. Very much in-progress.

WebHostLib/static/styles/cookieNotice.css

@@ -0,0 +1,11 @@
+#cookie-notice{
+    display: block;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    line-height: 40px;
+    background-color: #c7cda5;
+    text-align: center;
+    cursor: pointer;
+}

WebHostLib/static/styles/layout.css

@@ -1,58 +0,0 @@
-/** Global colors for all pages */
-body{
-    background-color: #dce2bd;
-    font-size: 1.2rem;
-    font-family: "Segoe UI", Arial, sans-serif;
-}
-
-/** Button Styles */
-button, input[type=submit]{
-    border: 1px solid #7d8c35;
-    border-radius: 4px;
-    width: 200px;
-    height: 75px;
-    margin-left: 0.25rem;
-    margin-right: 0.25rem;
-    background-color: #dce2bd;
-    font-family: inherit;
-    font-size: 1.5rem;
-    cursor: pointer;
-}
-
-button:hover, input[type=submit]:hover{
-    background-color: #e0e7bd;
-}
-
-/** Content styles */
-.main-content{
-    max-width: 1000px;
-    border-radius: 8px;
-    background-color: #bbb288;
-    padding: 0.5em 1.5rem 1.5rem;
-    color: #282b28;
-}
-
-.main-content h3{
-    margin: 0;
-    font-size: 3rem;
-    text-align: center;
-    font-weight: normal;
-}
-
-.main-content a{
-    color: #34768a;
-    text-decoration: none;
-}
-
-/** Tooltip styles */
-[data-tooltop]{
-    position: relative;
-    z-index: 10;
-    cursor: pointer;
-}
-
-[data-tooltip]:before, [data-tooltip]:after{
-    visibility: hidden;
-    opacity: 0;
-    pointer-events: none;
-}

WebHostLib/static/styles/tooltip.css

@@ -67,6 +67,12 @@ give it one of the following classes: tooltip-left, tooltip-right, tooltip-top,
 	line-height: 1.2;
 }
 
+[data-tooltip]:before, [data-tooltip]:after{
+    visibility: hidden;
+    opacity: 0;
+    pointer-events: none;
+}
+
 [data-tooltip]:before, [data-tooltip]:after, .tooltip:before, .tooltip:after,
 .tooltip-top:before, .tooltip-top:after {
 	bottom: 100%;