Updates cliff side assets, modified styles, more to come

WebHostLib/static/styles/cloudHeader.css

@@ -15,21 +15,23 @@
     z-index: 9999;
 }
 
+#cloud-header #site-title{
+    margin-right: 7px;
+}
+
+#cloud-header #cloud-header-spacer{
+    flex-grow: 1
+}
+
 #cloud-header #site-title img{
     width: 40px;
     height: 40px;
 }
 
 #cloud-header a{
-    color: #67bbab;
+    color: #2f6b83;
     text-decoration: none;
     cursor: pointer;
     margin-right: 1.2rem;
     font-size: 1.2rem;
 }
-
-@media (width: 800px) {
-    #cloud-header{
-        font-size: 4rem;
-    }
-}

WebHostLib/static/styles/generate.css

@@ -6,10 +6,15 @@
 }
 
 #generate-game{
-    width: 660px;
+    width: 700px;
+    min-height: 360px;
     text-align: center;
 }
 
+#generate-game p{
+    text-align: left;
+}
+
 #generate-game-form-wrapper{
     width: 100%;
     text-align: center;

WebHostLib/static/styles/globalStyles.css

@@ -8,22 +8,37 @@ html{
     background-repeat: repeat;
     background-size: 250px 250px;
     margin-top: 110px;
+    font-family: 'Jost', sans-serif;
+    font-size: 1.1rem;
+    color: #000000;
 }
 
 body{
     margin: 0;
 }
 
+a{
+    color: #ffef00;
+}
+
 button{
-    padding: 0.25rem;
-    margin: 0.25rem;
+    padding: 8px 12px;
     border-radius: 4px;
 }
 
+button.button-grass{
+    border: 1px solid black;
+}
+
+button.button-dirt{
+    border: 1px solid black;
+}
+
 h1, h2, h3, h4, h5, h6{
     font-family: HyliaSerif, sans-serif;
     font-weight: normal;
     margin: 0;
+    color: #032605;
 }
 
 h1{ font-size: 3rem; }
@@ -48,26 +63,26 @@ h5, h6{
         url('../static/backgrounds/cliffs/grass/cliff-bottom.png') bottom repeat-x,
         url('../static/backgrounds/cliffs/grass/cliff-left.png') left repeat-y,
         url('../static/backgrounds/cliffs/grass/cliff-right.png') right repeat-y,
-        url('../static/backgrounds/grass/grass-0004.png') repeat;
+        url('../static/backgrounds/grass/grass-0007-large.png') repeat;
 
     background-size:
         140px 120px, /* top-left */
         140px 120px, /* top-right */
         140px 140px, /* bottom-left */
         140px 140px, /* bottom-right */
-        20px 120px, /* top */
-        20px 140px, /* bottom */
-        140px 20px, /* left */
-        140px 20px, /* right */
-        140px 140px; /* center */
+        20px 71px, /* top */
+        20px 100px, /* bottom */
+        71px 20px, /* left */
+        71px 20px, /* right */
+        525px 525px; /* center */
 
     min-width: 280px;
     min-height: 280px;
 
-    padding-left: 80px;
-    padding-right: 80px;
-    padding-top: 76px;
-    padding-bottom: 106px;
+    padding-left: 120px;
+    padding-right: 120px;
+    padding-top: 100px;
+    padding-bottom: 120px;
 }
 
 .dirt-island{

WebHostLib/static/styles/hostGame.css

@@ -6,7 +6,8 @@
 }
 
 #host-game{
-    width: 620px;
+    width: 700px;
+    min-height: 360px;
     text-align: center;
 }
 

WebHostLib/static/styles/islandFooter.css

@@ -1,14 +1,20 @@
 #island-footer{
-    background: url('../static/backgrounds/footer/footer-0003.png') repeat-x bottom;
+    background: url('../static/backgrounds/footer/footer-0001.png') repeat-x bottom;
     background-size: auto 90px;
     display: flex;
-    flex-direction: column;
-    justify-content: flex-end;
+    flex-direction: row;
+    justify-content: space-between;
     width: calc(100% - 0.5rem);
-    height: 90px;
     padding-left: 0.5rem;
-    line-height: 30px;
+    padding-top: 50px;
     position: fixed;
     bottom: 0;
     left: 0;
+    color: #dfedc6
+}
+
+#island-footer #links a{
+    padding-right: 0.5rem;
+    padding-left: 0.5rem;
+    color: #dfedc6;
 }

WebHostLib/static/styles/landing.css

@@ -6,19 +6,38 @@
 }
 
 #landing{
-    width: 820px;
-    min-height: 440px;
+    width: 860px;
+    min-height: 320px;
 }
 
 #landing-header{
     text-align: center;
     width: 100%;
-    margin: 0;
+    margin-bottom: 50px;
+}
+
+#landing-header h1{
+    color: #ffffff;
+    font-size: 3.5rem;
+    text-shadow: 1px 1px 7px #000000;
+    -webkit-text-stroke: 1px #00582e;
+}
+
+#landing-header h4{
+    color: #ffffff;
+    font-size: 1.75rem;
+    margin-bottom: 0;
+    text-shadow: 1px 1px 7px #000000;
+    font-kerning: none;
+}
+
+#landing-header-links{
+    padding-bottom: 10px;
 }
 
 #landing-header-links a{
+    margin-bottom: 10px;
     margin-left: 1em;
-    margin-right: 1em;
 }
 
 #landing-buttons{
@@ -29,14 +48,3 @@
     margin-top: 1rem;
     margin-bottom: 1rem;
 }
-
-iframe{
-    margin-left: 0.5rem;
-    border: none;
-}
-
-@media only screen and (max-width: 1300px) {
-    iframe{
-        display: none;
-    }
-}

WebHostLib/static/styles/player-settings.css

@@ -100,3 +100,7 @@ html{
     justify-content: space-between;
     width: 100%;
 }
+
+#player-settings a{
+    color: #ffffff;
+}