diff options
author | Marc Coquand <marc@mccd.space> | 2023-12-14 21:23:16 -0600 |
---|---|---|
committer | Marc Coquand <marc@mccd.space> | 2023-12-14 21:23:16 -0600 |
commit | c185e177af2dd2ed369dde20fdaa64e60aeb6e8e (patch) | |
tree | bb66c3f77c608f20d26eefd1d3fe6689a0512b3b /css | |
parent | 81d772e6cfeae2c4e9d96ada35a175464b51596d (diff) | |
download | mccd.space-c185e177af2dd2ed369dde20fdaa64e60aeb6e8e.tar.gz mccd.space-c185e177af2dd2ed369dde20fdaa64e60aeb6e8e.tar.bz2 mccd.space-c185e177af2dd2ed369dde20fdaa64e60aeb6e8e.zip |
New frontend design
Diffstat (limited to 'css')
-rw-r--r-- | css/main.css | 78 |
1 files changed, 41 insertions, 37 deletions
diff --git a/css/main.css b/css/main.css index 129e63b..add1177 100644 --- a/css/main.css +++ b/css/main.css @@ -1,6 +1,6 @@ @font-face { - font-family: "Didot"; - src: url("/assets/Didot Bold.otf") format("OpenType"); + font-family: "Didot"; + src: url("/assets/Didot Bold.otf") format("OpenType"); } .front-text { @@ -8,38 +8,37 @@ color: black; } - .code { font-family: "Noto Sans Mono", monospace; color: gray; } .date { - font-size: 16px; + font-size: 16px; } -@media (max-width:700px) { - .side-margin { - margin-left: 1rem; - margin-right: 1rem; - } +@media (max-width: 700px) { + .side-margin { + margin-left: 1rem; + margin-right: 1rem; + } } -@media (min-width:700px) { +@media (min-width: 700px) { .side-margin { - margin-left: 4rem; - margin-right: 1rem; + margin-left: 4rem; + margin-right: 1rem; } } .link { - color: black; - border-radius: 3%; + color: black; + border-radius: 3%; } .link:active { - color: white; - background: blue; - text-decoration: none; + color: white; + background: blue; + text-decoration: none; } .article-m { @@ -54,18 +53,18 @@ } .article-m:hover { - opacity: 1; - color: blue; + opacity: 1; + color: blue; } .article-m:active { - color: white; - background: blue; - text-decoration: none; + color: white; + background: blue; + text-decoration: none; } pre { - overflow-x: scroll; - font-size: 14px; + overflow-x: scroll; + font-size: 14px; } body { @@ -79,21 +78,26 @@ body { } h1 { - font-family: "Times New Roman", Serif; - font-weight: 700; - font-size: 20px; - margin-top: 3.0rem; - line-height: 1.5; - border-bottom: 1px solid; - display: flex; + font-family: "Times New Roman", Serif; + font-weight: 700; + font-size: 20px; + margin-top: 3rem; + line-height: 1.5; + border-bottom: 1px solid; + display: flex; +} + +hr { + border: solid 1px black; + width: 20%; + color: #ffff00; } h2 { - font-family: "Times New Roman", Serif; - font-weight: 500; - font-size: 24px; - line-height: 1.5; + font-family: "Times New Roman", Serif; + font-weight: 500; + font-size: 24px; + line-height: 1.5; - margin-bottom: 0; + margin-bottom: 0; } - |