diff options
author | Guilhem Moulin <guilhem@fripost.org> | 2025-06-12 13:32:40 +0200 |
---|---|---|
committer | Guilhem Moulin <guilhem@fripost.org> | 2025-06-12 13:33:02 +0200 |
commit | 35528bea06784737e614339e56537d335dd87c22 (patch) | |
tree | 0c45872a87f73d9f715893d5a6d877a237dc1070 /src/style2.css | |
parent | f84b38b2f6e8412a613c4c3ff0865e1230d920b5 (diff) |
Move *.css files to ./src.
Diffstat (limited to 'src/style2.css')
-rw-r--r-- | src/style2.css | 50 |
1 files changed, 50 insertions, 0 deletions
diff --git a/src/style2.css b/src/style2.css new file mode 100644 index 0000000..dfeaee5 --- /dev/null +++ b/src/style2.css @@ -0,0 +1,50 @@ +body { + text-align: center; + max-width: 960px; + font-family: "Helvetica Neue", Arial, "Noto Sans", sans-serif; + padding: 0; + margin: 0 auto; + height: 100vh; + --margin-y: 1em; + --margin-x: 0; +} +#wrapper { + height: 100%; + display: flex; + flex-flow: column; + margin: 0 var(--margin-x); +} +#desc { + margin: var(--margin-y) 0; +} +#desc > p:first-child { + margin-top: 0; +} +#desc > p:last-child { + margin-bottom: 0; +} +#map { + border: 1px solid black; + width: 500px; + max-height: 600px; + margin: 0 auto var(--margin-y) auto; + flex: 1; +} +@media screen and (max-width: 500px) { + body { + --margin-x: .25em; + } + #map { + width: 100%; + } +} +@media screen and (max-height: 1280px) { + body { + --margin-y: .5em; + } +} +@media screen and (max-height: 600px) { + body { + --margin-y: .25em; + } +} |