diff options
Diffstat (limited to 'assets/stylesheets/style.css')
-rw-r--r-- | assets/stylesheets/style.css | 112 |
1 files changed, 58 insertions, 54 deletions
diff --git a/assets/stylesheets/style.css b/assets/stylesheets/style.css index b5a6aed..24b860d 100644 --- a/assets/stylesheets/style.css +++ b/assets/stylesheets/style.css @@ -9,6 +9,7 @@ body { overflow-x: hidden; } +/* header */ header { display: grid; grid-template-columns: 1fr auto 1fr; @@ -33,11 +34,14 @@ header { header a { color: white; - text-decoration: none; position: relative; width: fit-content; } +header a:hover { + text-decoration: none; +} + header a:hover::after { content: ""; background: green; @@ -49,6 +53,7 @@ header a:hover::after { width: calc(100% + 2ex); } +/* page */ main, footer{ max-width: 900px; margin: 1.5em auto; @@ -63,6 +68,13 @@ main, footer{ color: #555; } +#copyright, #theme-copyright { + text-align: center; + display: block; + opacity: .2; +} + +/* elements */ hr { color: #555; margin: 2em 0; @@ -72,16 +84,49 @@ h1, h2, h3, h4, h5, h6 { text-align: center; } -.monodate { - font-family: monospace; +a { + color: lightgreen; + text-decoration: none; } -.bold { - font-weight: bold; +a:hover { + text-decoration: underline; } -a { - color: lightgreen; +/* images */ +img, figcaption { + margin: auto; + display: block; + width: fit-content; + max-width: 60%; + color: #ddd; +} + +/* tables */ +table { + border-collapse: collapse; +} + +tr:nth-child(even) { + background: #252525; +} + +th { + background: #333; + border-right: 1.5px solid #222; + padding: .25em; +} + +td:not(.img) { + padding-inline: .75ex; +} + +td:not(:last-child) { + border-right: 1.5px solid #2b2b2b; +} + +td.img { + border: none; } /* highlighted code */ @@ -123,53 +168,12 @@ ol, ul, pre code { max-width: 100%; } -.alpha-ol ol { - list-style-type: lower-alpha; -} - -img, figcaption { - margin: auto; - display: block; - width: fit-content; - max-width: 60%; - color: #ddd; -} - -#copyright, #theme-copyright { - text-align: center; - display: block; - opacity: .2; -} - -.overflow-box { - overflow: scroll; -} - -table { - border-collapse: collapse; -} - -tr:nth-child(even) { - background: #252525; -} - -th { - background: #333; - border-right: 1.5px solid #222; - padding: .25em; -} - -td:not(.img) { - padding-inline: .75ex; -} - -td:not(:last-child) { - border-right: 1.5px solid #2b2b2b; -} - -td.img { - border: none; -} +/* utility classes */ +.monodate { font-family: monospace } +.bold { font-weight: bold } +.nowrap { white-space: nowrap } +.overflow-box { overflow: scroll } +.alpha-ol ol { list-style-type: lower-alpha } @media (max-width: 1000px) { header { |