Update screen

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

diff --git a/templates/style/screen.css b/templates/style/screen.css
index b7441f702e6fe52cf0e1b8adb168d4d83d5d5135..654121d9706f1734db0c1466aadf7a1e9302dc99 100644 (file)
--- a/templates/style/screen.css
+++ b/templates/style/screen.css
@@ -561,13 +561,22 @@ code {
 body {
     background: #5fcde4;
     background-image: url(../assets/bg.png);
+    padding: 0;
+}
+
+.container {
   display: grid;
-  width: 100%;
   grid-template:
     [header-left] "head head" auto [header-right]
     [main-left] "nav main" auto [main-right]
     [footer-left] "foot 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 {
@@ -577,6 +586,8 @@ header {
 nav {
   grid-area: nav;
   padding: 15px !important;
+  background-color: rgba(255.0, 255.0, 255.0, 0.8);
+  margin: 0;
 }
 
 nav > ul {
@@ -590,12 +601,12 @@ main {
 }
 
 footer {
+    margin: 20px 0 10px 0;
+    padding: 20px;
+    font-size: 0.6em;
   grid-area: foot;
 }
 
-body > * {
+.container > * {
     padding: 0 30px;
-    margin: 10px;
-    background-color: rgba(255.0, 255.0, 255.0, 0.8);
-    border-radius: 7px;
 }