diff options
author | Miquel Lionel <lionel@les-miquelots.net> | 2021-06-17 22:30:49 +0100 |
---|---|---|
committer | Miquel Lionel <lionel@les-miquelots.net> | 2021-06-17 22:31:25 +0100 |
commit | 015a31a14f5de5a1c7aa3dc71175eb0c2fe58b30 (patch) | |
tree | 81cf315da47e263a79a892428240502cf0f7d079 /views/i18n/style.css | |
parent | bf1a991d4337ebc15ed4e52176c8acf382ef0701 (diff) | |
download | honk_custom-015a31a14f5de5a1c7aa3dc71175eb0c2fe58b30.tar.gz honk_custom-015a31a14f5de5a1c7aa3dc71175eb0c2fe58b30.zip |
shorter patch names, updated README.md, new Makefile
Diffstat (limited to 'views/i18n/style.css')
-rw-r--r-- | views/i18n/style.css | 334 |
1 files changed, 0 insertions, 334 deletions
diff --git a/views/i18n/style.css b/views/i18n/style.css deleted file mode 100644 index b1da23d..0000000 --- a/views/i18n/style.css +++ /dev/null @@ -1,334 +0,0 @@ -html { - --bg-page: #306; - --bg-dark: #002; - --fg: #dcf; - --hl: #dcf; - --fg-subtle: #a9c; - --fg-limited: #a79; -} - -body { - background: var(--bg-page); - color: var(--fg); - font-size: 1em; - word-wrap: break-word; - font-family: sans-serif, "Noto Color Emoji"; - line-height: 1.2; - overscroll-behavior-y: contain; -} -pre, code { - white-space: pre-wrap; -} -blockquote { - margin-left: 0em; - padding-left: 0.5em; - border-left: 1px solid var(--fg-subtle); -} -blockquote cite { - margin-left: 2em; -} -table { - display: block; - max-width: 100%; - overflow-x: auto; -} -a { - color: var(--fg); -} -form, input, textarea { - font-family: monospace, "Noto Color Emoji"; -} -p { - margin-top: 1em; - margin-bottom: 1em; -} -input { - background: var(--bg-page); - color: var(--fg); - font-size: 1.0em; - line-height: 1.2em; - padding: 0.4em; -} -#honkform input { - font-size: 0.8em; -} -body > header { - margin: 1em auto; - font-size: 1.5em; -} -body > header span { - margin-left: 2em; -} -body > header p { - padding: 1em; -} -header > details { - background: var(--bg-page); - padding: 1em 1em 1em 1em; - position: fixed; - top: 0; - left: 0; - display: inline; - max-height: calc(100% - 1em); - overflow: auto; - opacity: 0.7; - overscroll-behavior: contain; -} -header > details[open] { - padding: 1em 1em 0em 1em; - background: var(--bg-dark); - border: 1px solid var(--hl); - margin-bottom: 1em; - opacity: 1.0; -} -header > details summary span { - display: none; -} -header > details[open] summary span { - display: inline; -} -header > details li { - margin: 1em 0em 1em 0em; -} -details summary { - display: inline; -} -@supports (-moz-appearance:none) { - details summary { - display: list-item; - } -} -main { - max-width: 1200px; - margin: auto; - font-size: 1.5em; -} -hr { - border-color: var(--hl); -} -.info { - background: var(--bg-dark); - border: 1px solid var(--hl); - margin-bottom: 1em; - padding: 0em 1em 0em 1em; -} -.info div { - margin-top: 1em; - margin-bottom: 1em; -} -label { - font-size: 0.8em; -} -label.button, button, select { - font-size: 16px; - font-family: monospace; - color: var(--fg); - background: var(--bg-page); - border: 1px solid var(--hl); - padding: 0.5em; - white-space: nowrap; -} -.buttonarray { - margin-top: -2.0em; -} -.buttonarray button, .buttonarray > span { - margin-top: 2.0em; - display: inline-block; -} -button a { - text-decoration: none; -} -form { - margin-top: 1em; -} -textarea { - padding: 0.5em; - font-size: 1em; - background: var(--bg-page); - color: var(--fg); - width: 600px; - height: 4em; - margin-bottom: 0.5em; - box-sizing: border-box; - max-width: 100%; -} -textarea#honknoise { - height: 10em; -} -input[type="checkbox"] { - position: fixed; - top: -9999px; -} -input[type="checkbox"] + span:after { - content: "no"; -} -input[type="checkbox"]:checked + span:after { - content: "yes"; -} -input[type="checkbox"]:focus + span:after { - outline: 1px solid var(--fg); -} -input[type=file] { - display: none; -} - -.glow { - /* box-shadow: 0px 0px 16px var(--hl);*/ - box-shadow: 0px 0px 16px black; -} - -.honk { - margin: auto; - background: var(--bg-dark); - border: 1px solid var(--hl); - border-radius: 1em; - margin-bottom: 1em; - padding-left: 1em; - padding-right: 1em; - padding-top: 0; - overflow: hidden; -} - -.chat { - border-bottom: 0.5px solid var(--fg-subtle); - padding-left: 1em; -} -.chat p { - margin-top: 0.2em; - margin-bottom: 0.2em; -} -.chattarget { - border-bottom: 1px solid var(--fg-subtle); -} -.chatstamp { - margin-left: -1em; -} - -.honk #honkform { - padding: 1em; - border: 1px solid var(--fg); - } -.honk a { - color: var(--fg); - } -.honk header { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - font-size: 0.8em; - line-height: 1.1; - margin-top: 1em; - height: 64px; - } - -.honk header .clip a { - color: var(--fg-subtle); - } -.honk header img { - float: left; - margin-right: 1em; - width: 64px; - height: 64px; - } -.honk header p { - margin-top: 0px; - } -.honk .actions button { - margin-left: 4em; - margin-top: 2em; - } -.honk .noise { - line-height: 1.4; - } - -.honk .noise code .kw { font-weight: bold; } -.honk .noise code .bi { font-weight: bold; } -.honk .noise code .st { color: var(--fg-subtle); } -.honk .noise code .nm { color: #ba88ff; } -.honk .noise code .op { color: #ba88ff; } -.honk .noise code .tp { font-weight: bold; } -.honk .noise code .cm { color: var(--fg-subtle); font-style: italic; } -.honk .noise code .al { color: #aaffbb; } -.honk .noise code .dl { color: #ffaabb; } - -.honk details.actions summary { - color: var(--fg-subtle); -} -.subtle .noise { - color: var(--fg-subtle); - font-size: 0.8em; -} -.subtle .noise a { - color: var(--fg-subtle); -} -.limited { - border: 1px solid var(--fg-limited); - color: var(--fg-limited); -} -.limited .glow { - box-shadow: 0px 0px 16px var(--fg-limited); -} -.limited .noise { - color: var(--fg-limited); - } -.limited .noise a { - color: var(--fg-limited); - } -.limited details.actions summary { - color: var(--fg-limited); - } -details.noise[open] summary { - display: none; -} -h1, h2 { - font-size: 1.2em; -} -h3, h4 { - font-size: 1.1em; -} - -img:not(.emu) { - background: var(--bg-page); -} -img, video { - max-width: 100%; - max-height: 600px; -} -.noise img:not(.emu) { - display: block; -} -img.emu { - width: 2em; - height: 2em; - vertical-align: middle; - margin: -2px; - object-fit: contain; -} -@media screen and (max-width: 740px) { - body { - font-size: 12px; - } - .honk header { - height: 52px; - } - .honk header img { - width: 48px; - height: 48px; - } - details summary { - outline: none; - } -} -@media print { - #topmenu, #topspacer, #infobox, #refreshbox, .actions { - display: none; - } - - html { - --bg-page: white; - --bg-dark: white; - --fg: black; - --fg-subtle: black; - --fg-limited: #a79; - } -} |