Pārlūkot izejas kodu

Move header styles to shared css so that all pages have access to it.

Lee Morgan 5 gadi atpakaļ
vecāks
revīzija
ed9e6a26e6
2 mainītis faili ar 49 papildinājumiem un 49 dzēšanām
  1. 0 49
      views/otherPages/style.css
  2. 49 0
      views/shared/shared.css

+ 0 - 49
views/otherPages/style.css

@@ -66,55 +66,6 @@ form{
         background-color:rgb(0, 27, 45);
     }
 
-/*
-Header
-*/
-.header{
-    display: flex;
-    justify-content: space-between;
-    background: #001b2d;
-    width: 100%;
-    height: 75px;
-}
-
-    .headerStart{
-        display: flex;
-        align-items:center;
-        text-decoration: none;
-        margin-left: 25px;
-        width: 275px;
-    }
-
-        .headerStart img{
-            max-height: 75%;
-        }
-
-        .headerLogo{
-            color: white;
-            font-size: 25px;
-            margin-left: 10px;
-        }
-
-        .mobileHomeButton{
-            display: none;
-        }
-
-    .headerEnd{
-        display: flex;
-        align-items: center;
-        justify-content: flex-end;
-        margin-right: 25px;
-        
-    }
-
-        .headerEnd > *{
-            margin-left: 20px;
-        }
-
-        .headerEnd a{
-            color: rgb(255, 99, 107);
-        }
-
 #logInButton, #joinButton{
     color: white;
 }

+ 49 - 0
views/shared/shared.css

@@ -8,6 +8,55 @@ body{
     min-height: 100vh;
 }
 
+/*
+Header
+*/
+.header{
+    display: flex;
+    justify-content: space-between;
+    background: #001b2d;
+    width: 100%;
+    height: 75px;
+}
+
+    .headerStart{
+        display: flex;
+        align-items:center;
+        text-decoration: none;
+        margin-left: 25px;
+        width: 275px;
+    }
+
+        .headerStart img{
+            max-height: 75%;
+        }
+
+        .headerLogo{
+            color: white;
+            font-size: 25px;
+            margin-left: 10px;
+        }
+
+        .mobileHomeButton{
+            display: none;
+        }
+
+    .headerEnd{
+        display: flex;
+        align-items: center;
+        justify-content: flex-end;
+        margin-right: 25px;
+        
+    }
+
+        .headerEnd > *{
+            margin-left: 20px;
+        }
+
+        .headerEnd a{
+            color: rgb(255, 99, 107);
+        }
+
 /* Loader */
 #loaderContainer{
     justify-content: center;