Reworked css for nav, pre, code tags, added some colour

2 files changed, 45 insertions, 23 deletions

diff --git a/project/assets/css/default.css b/project/assets/css/default.css
index 84278f5..fce7fbf 100644
--- a/project/assets/css/default.css
+++ b/project/assets/css/default.css
@@ -3,14 +3,16 @@
 /* Some hopefully sensible defaults. */
 
 body {
-    margin:1em auto;
-    max-width:60em;
-    font:1.2em/1.62em sans-serif;
+    margin: auto;
+    max-width: 60em;
+    font: 1.2em/1.62em sans-serif;
 }
 
 
 figure {
     text-align: center;
+    margin-left: 0.5em;
+    margin-right: 0.5em;
 }
 
 
@@ -18,55 +20,74 @@ code {
     display: block;
     font-family: monospace;
     white-space: pre;
+    background-color: #ceecf5;
+    border-radius: 1.5em;
+    /* top padding seems to start at 2em on most browsers for code blocks... bug? */
+    /* nonetheless, for the moment padding-top will be left as default */
+    padding-right: 2em;
+    padding-bottom: 2em;
+    padding-left: 2em;
+    /*padding: 2em 2em 2em 2em;*/
+    margin: 1em 2em 1em 2em;
+}
+
+
+pre {
+    background-color: #cef6ce;
+    border-radius: 1.5em;
+    padding: 2em 2em 2em 2em;
+    margin: 1em 2em 1em 2em;
 }
 
 
 h2 {
-    padding-top: 1em;
-    padding-bottom: 1em;
+    padding: 1em 0.5em 1em 0.5em;
 }
 
 
 h4 {
     padding-top: 2em;
+    padding-left: 0.5em;
 }
 
 
 h5 {
     padding-top: 2em;
+    padding-left: 0.5em;
 }
 
 
 p {
-    margin-top: 2em;
-    margin-bottom: 2em;
+    margin: 2em 0.5em 2em 0.5em;
 }
 
 
 
 
-/* A bunch of nonsense to make the navbar
+/* Display the navbar like a table to make it
    horizontal and evenly spaced. */
 
 nav ul {
-    width: 85%;
-    text-align: justify;
-    line-height: 0;
-    margin: 0 auto 0 auto;
+    display: table;
+    width: 90%;
+    margin: auto;
     padding: 0;
 }
 
-
-nav ul:after {
-    content: '';
-    display: inline-block;
-    width: 100%;
+nav ul li {
+    display: table-cell;
+    text-align: center;
+    margin: 0;
+    padding: 0;
+    width: 33.33333333%;
 }
 
+nav ul li:first-child {
+    text-align: left;
+}
 
-nav ul li {
-    display: inline-block;
-    line-height: 100%;
+nav ul li:last-child {
+    text-align: right;
 }
 
 
diff --git a/project/assets/css/index.css b/project/assets/css/index.css
index 65676d1..e5dfd5d 100644
--- a/project/assets/css/index.css
+++ b/project/assets/css/index.css
@@ -6,13 +6,14 @@
 ul.index {
     text-align: center;
     list-style-type: none;
-    margin-top: 1.5cm;
+    margin: 3em 0em 0em 0em;
+    padding: 0;
 }
 
 
 ul.index li {
-    margin-top: 0.5em;
-    margin-bottom: 1.5em;
+    margin: 0.5em 0em 1.5em 0em;
+    padding: 0;
 }