diff options
author | pdp8 <pdp8@pdp8.info> | 2023-06-04 09:56:44 +0200 |
---|---|---|
committer | pdp8 <pdp8@pdp8.info> | 2023-06-04 09:56:44 +0200 |
commit | 74378829ebe3da4d339bdff37a00675bfc12118f (patch) | |
tree | 2182bff3475d7065f565954442b41ce6924ce642 /public/style.css | |
parent | c727922afd124ae59e05b2da56634a271863f8af (diff) |
css, wait updates
Diffstat (limited to 'public/style.css')
-rw-r--r-- | public/style.css | 101 |
1 files changed, 9 insertions, 92 deletions
diff --git a/public/style.css b/public/style.css index 63fdb65..3e3b1e2 100644 --- a/public/style.css +++ b/public/style.css @@ -1,51 +1,10 @@ body { - width: 100vw; - margin: 0; font-family: sans-serif; + font-size: 2em; } -nav { - background: #000; - color: #fff; - padding: 0.75em 0 1em 0; -} - -nav a { - padding: 0 1em; - text-decoration: none; -} - -nav img { - height: 2em; - display: inline; - vertical-align: bottom; -} - -nav #logo img { height: 2em; } - -nav .current { color: #fff; } - -nav #menu { display:none; } - -nav a:hover { color: #fff; } - -@media screen and (max-width: 600px) { - nav .item { - display: none; - padding-left: 1em; - padding-top: 0.5em; - } - - nav #menu { - float: right; - display: inline; - font-size: 2em; - } -} - -.post { padding: 1em; } - -img, video { +img, +video { max-width: 100%; max-height: 80vh; display: block; @@ -53,56 +12,14 @@ img, video { margin-right: auto; } -iframe { - width: 100%; - height: 90vh; - border: none; -} - -a { - color: #888; -} - -#image { - padding-top: 2.5%; - padding-bottom: 1%; -} - -.cover { - max-height: 50vh; - margin-left: 0; -} - - -#controller { - position: fixed; - left: 0; - bottom: 2.5%; - width: 100%; - text-align: center; - padding: 0 -} - -.btn { +form { display: inline-block; - cursor: pointer; - color: #000; - font-size: 2em; - font-weight: bold; - width: 4em; } -#prev, #next { - cursor: pointer; - position: absolute; - color: lightgrey; - font-weight: bold; - font-size: 8em; - transition: 0.5s ease; - bottom: 6vh; +button { + font-size: 1.5em; } -#prev { left: 1%; } -#next { right: 1%; } -#prev:hover, #next:hover { text-decoration: none; } -#prev:active, #next:active { color: black; } +a { + color: #888; +}
\ No newline at end of file |