chrysalide

commit 6fe547f0c0d33b593bd783ea63248bd425962377
parent 8c896e7b8276a0a27aff8df43e4455ed02e62ff3
Author: Frederic Cambus <fred@statdns.com>
Date:   Mon, 24 Apr 2017 19:26:31 +0200

Improved styles and typography

Diffstat:
M
styles/chrysalide.css
 | 
20
+++++++++++---------

1 file changed, 11 insertions(+), 9 deletions(-)
diff --git a/styles/chrysalide.css b/styles/chrysalide.css
@@ -23,9 +23,10 @@
 
 body {
 	background: #fff;
-	color: #000;
-	font-size: 18px;
+	color: #333;
 	font-family: 'Work Sans';
+	font-size: 20px;
+	line-height: 1.6;
 	margin: 0;
 	padding: 0;
 }
@@ -35,10 +36,12 @@ h1, h3 {
 }
 
 header h2 {
-    margin: 0;
+	font-size: 48px;
+	line-height: 48px;
+	margin: 16px 0 0;
 }
 
-header, #container { max-width: 900px; margin: auto; padding: 0 10px; }
+header, #container { max-width: 1024px; margin : auto; padding: 0 10px; }
 
 time {
 	color: #aaa;
@@ -49,9 +52,7 @@ p {
 	text-align: justify;
 }
 
-hr {
-    border-top: 1px;
-}
+hr { border-top: 1px solid #eee; margin: 16px 0 }
 
 footer {
 	color: #aaa;
@@ -60,9 +61,10 @@ footer {
 
 #powered { float:right; }
 
-a { color: #555; text-decoration: none; }
+header > a, h3 > a { color: #555 }
 
-p a { border-bottom: 1px dotted }
+a { color: #af463e; text-decoration: none; }
+p a { border-bottom: 2px solid pink }
 
 img {
     max-width: 100%;