Tweak margins in stylesheet

[cworth.org] / src / local.css

diff --git a/src/local.css b/src/local.css
index 219cfa88de9a8083abfbaf6db099be6d1d7aad20..60e5c99386e7b4834c5233ec454dcdb530cb8704 100644 (file)
--- a/src/local.css
+++ b/src/local.css
@@ -2,17 +2,58 @@
 
 /* Add local styling here, instead of modifying style.css. */
 body {
-    margin-left: 10%;
-    margin-right: 10%;
+    margin-left: 4%;
+    margin-right: 4%;
 }
 
 h1, .header, #footer {
-    margin-left: -8%;
+    font-size: 150%;
+    clear: both;
 }
 
-h1, .header {
+#content {
+    margin-left: 2%;
+    margin-right: 2%;
+}
+
+h1,h2,h3,h4,h5,h6, .header {
     font-family: sans-serif;
-    font-size: 150%;
+    clear: left;
+    color: #f29915;
+}
+
+h2,h3,h4,h5,h6 {
+    font-size: 125%;
+}
+
+p, ol, ul {
+    margin-left: 2%;
+    margin-right: 2%;
+}
+
+li p {
+    margin-left: 0%;
+}
+
+pre {
+    font-family: mono;
+    margin-left: 10%;
+    margin-right: 10%;
+    border: 1px solid #c5c5f6;
+    background-color: #dbdbf7;
+    padding: .5em;
+}
+
+a:link {
+    color: #4c4ce6;
+}
+
+a:visited {
+    color: #8f8fe6;
+}
+
+a:hover {
+    color: #f29915;
 }
 
 #logo {
@@ -30,15 +71,12 @@ h1, .header {
     margin-right: 15%;
 }
 
-h2,h3,h4,h5,h6 {
-    margin-left: -4%;
-    font-size: 125%;
-}
-
-.floatleft {
+.left {
     float: left;
+    padding-right: 0.5em;
 }
 
-.floatright {
+.right {
     float: right;
+    padding-left: 0.5em;
 }