Updated template

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

diff --git a/templates/style/screen.css b/templates/style/screen.css
index ebb16695451c1fa55dcd9902bcebdedfc8595c16..661edbcf7497b06fbe01acf443403537b729e65d 100644 (file)
--- a/templates/style/screen.css
+++ b/templates/style/screen.css
@@ -559,14 +559,20 @@ code {
 }
 
 body {
 }
 
 body {

+    background: #5fcde4;
+    background-image: url(../assets/bg.png);
+}
+
+.container {

   display: grid;
   display: grid;

-  width: 100%;
-  height: 200px;

   grid-template:
   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] "foot foot" auto [footer-right]

     / 300px auto;
     / 300px auto;

+
+    padding: 0 30px;
+    background-color: rgba(255.0, 255.0, 255.0, 0.8);

 }
 
 header {
 }
 
 header {


@@ -575,6 +581,13 @@ header {
 
 nav {
   grid-area: nav;
 
 nav {
   grid-area: nav;

+  padding: 15px !important;
+}
+
+nav > ul {
+    margin: 0 !important;
+    padding: 0;
+    list-style: none;

 }
 
 main {
 }
 
 main {


@@ -584,3 +597,8 @@ main {
 footer {
   grid-area: foot;
 }
 footer {
   grid-area: foot;
 }

+
+.container > * {
+    padding: 0 30px;
+    margin: 10px;
+}