diff options
Diffstat (limited to 'src/style/style.css')
-rw-r--r-- | src/style/style.css | 16 |
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%; } |