aboutsummaryrefslogtreecommitdiffstats
path: root/src/style
diff options
context:
space:
mode:
Diffstat (limited to 'src/style')
-rw-r--r--src/style/style.css45
1 files changed, 29 insertions, 16 deletions
diff --git a/src/style/style.css b/src/style/style.css
index 1aaf857..4770d2d 100644
--- a/src/style/style.css
+++ b/src/style/style.css
@@ -10,15 +10,12 @@
}
html {
- margin-left: auto;
- margin-right: auto;
+ margin: 2em auto 2em auto;
max-width: 80ch;
-
- margin-top: 3em;
}
header {
- margin-bottom: 1em;
+ margin-bottom: 2em;
}
header ul {
padding-left: 0;
@@ -30,12 +27,6 @@ header ul li:last-child {
float: right;
}
-header img {
- padding-right: 1em;
- max-width: 2em;
- float: left;
-}
-
a, a:hover, a:visited {
color: blue;
}
@@ -55,11 +46,14 @@ ul.index li span {
display: block;
}
+li {
+ overflow-wrap: break-word;
+}
+
table {
border-collapse: collapse;
- min-width: 100%;
- display: table;
font-size: .8em;
+ overflow: auto;
}
table th, table td {
padding: .4em 1em .4em 1em;
@@ -78,6 +72,11 @@ pre {
overflow: auto;
}
+p code {
+ background-color: #cccccc;
+ font-style: italic;
+}
+
blockquote {
margin-inline-end: 0;
margin-inline-start: 20%;
@@ -86,19 +85,33 @@ blockquote * {
background-color: yellow;
font-style: italic;
}
+blockquote p {
+ margin-block-start: 0;
+ margin-block-end: 0;
+}
footer {
margin-top: 16em;
}
+footer blockquote {
+ margin-inline-start: 0;
+}
@media only screen and (max-width: 100ch) {
body {
width: 90%;
}
- header nav li {
+
+ header ul li {
display: block;
}
- .float-right {
- float: none;
+ header ul li:last-child {
+ float: left;
}
+
+ table {
+ table-layout: fixed;
+ width: 100%
+ }
+
}
remember that computers suck.