diff options
-rw-r--r-- | src/style/style.css | 45 |
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% + } + } |