styles.css: Reshuffle declarations and organize with some comments

1 files changed, 30 insertions, 13 deletions

diff --git a/styles.css b/styles.css
index 687fa72..8f00c9f 100644
--- a/styles.css
+++ b/styles.css
@@ -1,3 +1,5 @@
+/* General declarations */
+
 body {
   margin: 0px auto 0px auto;
   padding: 1%;
@@ -7,6 +9,14 @@ body {
   background-color: #f7f2f3;
 }
 
+.simple-icon {
+  height: 22px;
+  vertical-align: middle;
+}
+
+
+/* Navigation header */
+
 header {
   border-bottom: 2px solid black;
   margin-bottom: 30px;
@@ -36,6 +46,18 @@ nav ul li a {
   margin: 6px;
 }
 
+
+/* Article bodies */
+
+section.header {
+  color: #555;
+  font-size: 14px;
+  font-style: italic;
+}
+
+
+/* Footer */
+
 footer {
   border-top: solid 2px black;
   font-size: 14px;
@@ -52,6 +74,13 @@ footer li a {
   margin-left: 5px;
 }
 
+section.post-footer, div.footnotes {
+  border-top: 0.5px solid #555;
+}
+
+
+/* Code blocks */
+
 pre.lineno {
   margin-right: 3px;
   padding-right: 3px;
@@ -66,20 +95,8 @@ pre.highlight {
   border-bottom: 1px solid;
 }
 
-section.header {
-  color: #555;
-  font-size: 14px;
-  font-style: italic;
-}
-
-section.post-footer, div.footnotes {
-  border-top: 0.5px solid #555;
-}
 
-.simple-icon {
-  height: 22px;
-  vertical-align: middle;
-}
+/* Header anchor icons */
 
 a.header-anchor {
   color: black;