aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorRomain Gonçalves <me@rgoncalves.se>2021-12-19 20:29:56 +0000
committerRomain Gonçalves <me@rgoncalves.se>2021-12-19 20:29:56 +0000
commit162b9e74a134de1b9425f433e8e5138d1177cffc (patch)
tree86b9735983e35e5ae3a05bdedc07ce7d54fc0e91
parentf620526e38f9f550dec2ca174085ab9f67f687a4 (diff)
downloadrgoncalves.se-162b9e74a134de1b9425f433e8e5138d1177cffc.tar.gz
styles: Refactor and reduce stylesheet
-rw-r--r--src/style/style.css75
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%
}
}
remember that computers suck.