changes to footer

[garden.git] / templates / style / screen.css

diff --git a/templates/style/screen.css b/templates/style/screen.css
index ebb16695451c1fa55dcd9902bcebdedfc8595c16..b6a243eabba64eeecd77ed96b531d700920a3c7b 100644 (file)
--- a/templates/style/screen.css
+++ b/templates/style/screen.css
@@ -559,14 +559,24 @@ code {
 }
 
 body {
+    background: #5fcde4;
+    background-image: url(../assets/bg.png);
+    padding: 0;
+}
+
+.container {
   display: grid;
-  width: 100%;
-  height: 200px;
   grid-template:
-    [header-left] "head head" 60px [header-right]
-    [main-left] "nav main" 100px [main-right]
-    [footer-left] "nav foot" 30px [footer-right]
+    [header-left] "head head" auto [header-right]
+    [main-left] "nav main" auto [main-right]
+    [footer-left] "nav foot" auto [footer-right]
     / 300px auto;
+    
+    margin: 0 auto;
+    min-height: 100%;
+
+    padding: 0;
+    background-color: rgba(255.0, 255.0, 255.0, 0.8);
 }
 
 header {
@@ -575,6 +585,15 @@ header {
 
 nav {
   grid-area: nav;
+  padding: 15px !important;
+  background-color: rgba(255.0, 255.0, 255.0, 0.8);
+  margin: 0;
+}
+
+nav > ul {
+    margin: 0 !important;
+    padding: 0;
+    list-style: none;
 }
 
 main {
@@ -582,5 +601,13 @@ main {
 }
 
 footer {
+    margin: 20px 0 10px 0;
+    padding: 20px;
+    font-size: 0.6em;
+    text-align: right;
   grid-area: foot;
 }
+
+.container > * {
+    padding: 0 30px;
+}