diff options
author | Thomas Albers <thomas@thomaslabs.org> | 2023-03-08 23:43:00 +0100 |
---|---|---|
committer | Thomas Albers <thomas@thomaslabs.org> | 2023-03-08 23:43:00 +0100 |
commit | 61b5ce20f25c5785e41574998a12c6d06eb05a5e (patch) | |
tree | 20e2225b4f30b15d8dee30351041d1f33d42b34a /src/style.css | |
parent | 561bac75579391c14e47eaccfabdf9eda98855da (diff) |
Diffstat (limited to 'src/style.css')
-rw-r--r-- | src/style.css | 123 |
1 files changed, 0 insertions, 123 deletions
diff --git a/src/style.css b/src/style.css deleted file mode 100644 index bd731ad..0000000 --- a/src/style.css +++ /dev/null @@ -1,123 +0,0 @@ -html { - height: 100%; - color: #cccccc; - background-color: hsl(240, 30%, 10%);/*#452b41*/ /*#2c314b*/ -} - -body { - margin: auto; - max-width: 64em; - min-height: 100%; - display: flex; - flex-direction: column; - background-color: hsl(240, 30%, 15%); -} - -nav { - /*#3a2438*/ /*#2a3257*/ - background-color: hsl(240, 30%, 20%); -} - -nav > ul { - display: flex; - margin: 0 auto; -} - -nav > ul > li:last-child { - margin-left: auto; -} - -nav ul { - padding: 0; -} - -nav li { - margin: 2px; - display: block; - list-style: none; -} - -nav li:hover { - background-color: hsl(240, 30%, 30%); -} - -nav .submenu:hover .submenu-contents { - display: block; -} - -nav .submenu-contents { - display: none; - position: absolute; - z-index: 10; - background-color: red; -} - -nav a, -nav span { - text-decoration: none; - color: #dddddd; - display: block; - line-height: 2em; - height: 2em; - margin-left: 1em; - margin-right: 1em; -} - -nav span { - cursor: pointer; -} - -.article-date { - margin-left: auto; -} - -.link-like, a { - color: #eeeeee; - text-decoration: underline; -} - -.rel-header { - padding: 1em 2em 1em 2em; -} - -header { - background-color: hsl(240, 30%, 10%); -} - -header p { - text-align: center; - margin-bottom: 0.15em; -} - -header p ~ h1 { - margin-top: 0.15em; -} - -main { - padding: 2em 2em 2em 2em; - flex-grow: 1; -} - -hr { - margin: 0; - margin-top: auto; -} - -footer { - padding: 1em 2em 1em 2em; -} - -figure { - text-align: center; -} - -figure img { - max-width: 30em; - object-fit: contain; - display: block; - margin: auto; -} - -h1, h2, h3, h4, h5, h6 { - text-align: center; -} |