aboutsummaryrefslogtreecommitdiffstats
path: root/src/style/style.css
diff options
context:
space:
mode:
Diffstat (limited to 'src/style/style.css')
-rw-r--r--src/style/style.css16
1 files changed, 15 insertions, 1 deletions
diff --git a/src/style/style.css b/src/style/style.css
index ced8573..f011167 100644
--- a/src/style/style.css
+++ b/src/style/style.css
@@ -11,18 +11,21 @@
html {
margin: 2em auto 2em auto;
- max-width: 80ch;
+ max-width: 72ch;
}
header {
margin-bottom: 2em;
}
+
header ul {
padding-left: 0;
}
+
header ul li {
display: inline-block;
}
+
header ul li:last-child {
float: right;
}
@@ -30,6 +33,7 @@ header ul li:last-child {
a, a:hover, a:visited {
color: blue;
}
+
a:hover {
background-color: #eeeeee;
}
@@ -37,11 +41,13 @@ a:hover {
ul.index {
padding-inline-start: 0;
}
+
ul.index li {
margin: .4em 0 .4em 0;
display: block;
background-color: #eeeeee;
}
+
ul.index li span {
display: block;
}
@@ -55,11 +61,13 @@ table {
font-size: .8em;
overflow: auto;
}
+
table th, table td {
padding: .4em 1em .4em 1em;
margin: 0;
overflow: hidden;
}
+
table tr:hover {
background-color: #eeeeee;
}
@@ -82,10 +90,12 @@ blockquote {
margin-inline-end: 0;
margin-inline-start: 20%;
}
+
blockquote * {
background-color: yellow;
font-style: italic;
}
+
blockquote p {
margin-block-start: 0;
margin-block-end: 0;
@@ -100,6 +110,10 @@ footer blockquote {
}
@media only screen and (max-width: 100ch) {
+ * {
+ text-align: left;
+ }
+
body {
width: 90%;
}
remember that computers suck.