styles: Refactor and reduce stylesheet

1 files changed, 27 insertions, 48 deletions

diff --git a/src/style/style.css b/src/style/style.css
index 8cde3e1..eaf6088 100644
--- a/src/style/style.css
+++ b/src/style/style.css
@@ -1,8 +1,4 @@
-
-/*
- * rgoncalves.se
- * /do whatever you want with that shit/
- */
+/* page */
 
 * {
 	font-family: monospace, monospace;
@@ -30,10 +26,19 @@ header ul li:last-child {
 	float: right;
 }
 
+footer {
+	margin-top: 16em;
+	background-color: yellow;
+}
+
+/* link */
+
 a, a:hover, a:visited {
 	color: blue;
 }
 
+/* list */
+
 ul.index {
 	padding-inline-start: 0;
 }
@@ -52,15 +57,22 @@ li {
 	overflow-wrap: break-word;
 }
 
-ul li p {
+* li p {
 	margin-top: .6em;
 	margin-bottom: .6em;
 }
 
+* li, p {
+	line-height: 1.5em;
+}
+
+/* table */
+
 table {
-	border-collapse: collapse;
 	font-size: .8em;
 	overflow: auto;
+	width: 100%;
+	border-collapse: collapse;
 }
 
 table th, table td {
@@ -73,51 +85,21 @@ table tr:hover {
 	background-color: #eeeeee;
 }
 
-pre {
+/* code */
+
+pre, p code, li code {
 	background-color: #eeeeee;
 	overflow: auto;
 }
 
-p, ul li {
-	line-height: 1.5em;
-}
-
-p code, li code {
-	background-color: blue;
-	color: white;
-}
-
-blockquote {
-	margin-inline-end: 0;
-	margin-inline-start: 0;
-	background-color: #cccccc;
-}
-
-blockquote * {
-	font-style: italic;
-}
-
-blockquote p {
-	margin-block-start: 0;
-	margin-block-end: 0;
-}
-
-footer blockquote {
-	background-color: yellow;
-}
-
-footer {
-	margin-top: 16em;
-}
+/* media file */
 
-footer blockquote {
-	margin-inline-start: 0;
-}
-
-img {
+img, video {
 	max-width: 100%;
 }
 
+/* screen size */
+
 @media only screen and (max-width: 72ch) {
 	* {
 		text-align: left;
@@ -129,14 +111,11 @@ img {
 
 	header ul li {
 		display: block;
-	}
-	header ul li:last-child {
-		float: left;
+		float: inherit !important;
 	}
 
 	table {
 		table-layout: fixed;
-		width: 100%
 	}
 
 }