From cb1d7b77e433f92830e5f04df231e0163d35254c Mon Sep 17 00:00:00 2001
From: Bart Haak <b.haak@student.tue.nl>
Date: Sun, 5 Apr 2015 16:07:44 +0200
Subject: style: improve colors and home page styling

---
 style/main.less | 42 +++++++++++++++++++++++++++++-------------
 1 file changed, 29 insertions(+), 13 deletions(-)

(limited to 'style/main.less')

diff --git a/style/main.less b/style/main.less
index c421382..718f517 100644
--- a/style/main.less
+++ b/style/main.less
@@ -6,8 +6,7 @@
 body {
     text-align: center;
     line-height: 2em;
-    background: linear-gradient(-45deg,
-        @color-secondary-2-4, @color-secondary-2-1);
+    background: @color-background;
     display: flex;
     flex-direction: column;
     min-height: 100vh;
@@ -16,7 +15,7 @@ body {
 
 /* header */
 header {
-    background: @color-secondary-1-4;
+    background: @color-header-background;
     margin-bottom: 1em;
 }
 
@@ -45,30 +44,47 @@ body[data-page="home"] {
         height: 300px;
         padding: 1em;
         margin: 1em;
-        background-color: @color-secondary-2-1;
+        background-color: @color-home-block;
     }
     .block {
-        background: no-repeat url(../images/filler.png);
-        height: 200px;
-        background-color: @color-secondary-2-1;
-        padding: 1em;
+        height: 300px;
+        background-color: @color-home-block;
         margin: 1em;
 
         transition: background 0.2s; /* TODO floats over text */
         &:hover {
-            background-color: @color-secondary-2-0;
+            background-color: @color-home-hover;
+        }
+
+        a {
+            color: black;
+            text-decoration: none;
         }
+    }
+    .block .inner {
+        width: 100%;
+        height: 100%;
+        padding: 1em;
 
         p {
             margin: 1em;
         }
 
         &:nth-child(2n+1) {
-            padding-left: 200px;
+            p, h2 {
+                margin-left: 200px;
+            }
+            .side-picture {
+                float: left;
+            }
         }
         &:nth-child(2n) {
-            background-position: right;
-            padding-right: 200px;
+            p, h2 {
+                margin-right: 200px;
+            }
+            .side-picture {
+                float: right;
+            }
         }
     }
 }
@@ -78,7 +94,7 @@ body[data-page="home"] {
 
 /* footer */
 footer {
-    background: @color-secondary-1-4;
+    background: @color-footer-background;
     margin-top: 1em;
 }
 
-- 
cgit v1.2.1