From 325b213b41d4e45eb6ae2ad7110efd53c9d7268f Mon Sep 17 00:00:00 2001
From: Ctibor <ctibor@brancik.cz>
Date: Thu, 23 Mar 2017 08:03:20 +0100
Subject: Better index display. Adjust positioning.

---
 style/style.css | 45 +++++++++++++++++++++++++++++++++++++++++----
 1 file changed, 41 insertions(+), 4 deletions(-)

diff --git a/style/style.css b/style/style.css
index c9e9178..688afa8 100644
--- a/style/style.css
+++ b/style/style.css
@@ -1,11 +1,20 @@
+html {
+    background: url(background.png) left top no-repeat #fffedf;
+    padding: 0;
+}
+
 body {
 	width: 920px;
-	margin: auto auto;
+        padding-top: 2em;
+	margin: -20px auto 0 auto;
 	font-family: Georgia, serif;
-	background: url(background.png) left top no-repeat #fffedf;
+        background: rgba(255, 248, 200, 0.7);
+
 }
 
-header {}
+header {
+    border-bottom: 1px dotted #f60;
+}
 
 h1 {
 	text-align: center;
@@ -18,6 +27,7 @@ a, a:link, a:hover, a:visited {
 
 nav {
 	text-align: center;
+        margin-bottom: 1em;
 }
 
 nav a, nav span, footer a {
@@ -40,6 +50,7 @@ nav a:hover, footer a:hover {
 }
 
 article {
+        margin-top: 2em;
 	float: left;
 	text-align: center;
 }
@@ -52,7 +63,8 @@ article img {
 
 article#prev, article#next {
 	width: 180px;
-	margin: 0 2.5%
+	margin: 2em 2.5%;
+	padding-top: 10%; 
 }
 
 article#now {
@@ -68,4 +80,29 @@ footer {
 	clear: both;
 	text-align: center;
 	padding: 1em;
+        border-top: 1px dotted #ff6600;
+}
+
+ul {
+    background: rgba(255, 248, 200, 0.7);
+    padding: 1em;
+    column-count: 5;
+    text-align: center;
+}
+
+ul li {
+    list-style: none;
+    margin-bottom: 1em;
+}
+
+ul li a {
+    display: inline-block;
+    background: #ff6600;
+    padding: 2px 5px;
+    border: 1px solid #000;
+    border-radius: 4px;
+}
+
+ul li a:hover {
+    background: #fffedf;
 }
-- 
cgit v1.2.3