From b292f3830e43830308ebd8e8d17ab38e9ed2461b Mon Sep 17 00:00:00 2001 From: Xe Iaso Date: Wed, 28 Dec 2022 12:14:08 -0500 Subject: Update to axum 0.6 Closes #579 Closes #580 Signed-off-by: Xe --- static/css/artemis.css | 125 ++++++ static/css/gruvbox-dark.css | 256 ++++++++++++ static/css/hack.css | 803 +++++++++++++++++++++++++++++++++++++ static/css/no-fun-allowed.user.css | 10 + static/css/shim.css | 114 ++++++ static/css/snow.css | 31 ++ 6 files changed, 1339 insertions(+) create mode 100644 static/css/artemis.css create mode 100644 static/css/gruvbox-dark.css create mode 100644 static/css/hack.css create mode 100644 static/css/no-fun-allowed.user.css create mode 100644 static/css/shim.css create mode 100644 static/css/snow.css (limited to 'static/css') diff --git a/static/css/artemis.css b/static/css/artemis.css new file mode 100644 index 0000000..515f5bd --- /dev/null +++ b/static/css/artemis.css @@ -0,0 +1,125 @@ +.artemis { + font-family: sans-serif; + line-height: 1.6; + font-size: 18px; + color: #fbf5ef; + background-color: #272744; + margin: 1em auto; + max-width: 750px; + padding: 0 0.55em +} + +.artemis h1,h2,h3 { + line-height: 1.2 +} + +.artemis h1 { + margin-top: 1em; + margin-bottom: 0.34em +} + +.artemis h2 { + margin-top: 1.25em; + margin-bottom: 0.41em +} + +.artemis h3 { + margin-top: 1.5em; + margin-bottom: 0.5em +} + +.artemis hr { + color: #494d7e; + background-color: #494d7e; + border: none; + height: 2px +} + +.artemis a { + color: #f2d3ab +} + +.artemis a:visited { + color: #f2d3ab +} + +.artemis time { + font-weight: bold +} + +.artemis table { + width: 100%; + outline: none; + border-spacing: 0px +} + +.artemis th,td { + padding-left: 0.7em; + padding-right: 0.7em; + padding-top: 0.4em; + padding-bottom: 0.4em +} + +.artemis table,th,td { + border: 1px solid #494d7e +} + +.artemis code { + font-family: monospace +} + +.artemis :not(pre) code { + background-color: #494d7e; + padding-left: 0.1em; + padding-right: 0.1em; + border-radius: 2px +} + +.artemis img { + border: 0.1em solid #494d7e +} + +.artemis video { + border: 0.1em solid #494d7e +} + +.artemis img.right { + float: right; + margin-left: 1em +} + +.artemis img.left { + float: left; + margin-right: 0.5em +} + +.artemis img.full { + width: 100%; + height: auto +} + +.artemis img.half { + width: 50%; + height: auto +} + +.artemis img.emoji { + width: auto; + height: 0.75em; + border: none +} + +.artemis pre { + font-family: monospace; + line-height: 1.45; + overflow-x: auto; + background-color: #494d7e; + padding: 0.2em; + border-radius: 2px +} + +.artemis pre code { + font-size: 0.8em; + padding: 0.2em; + display: block +} diff --git a/static/css/gruvbox-dark.css b/static/css/gruvbox-dark.css new file mode 100644 index 0000000..327bfa1 --- /dev/null +++ b/static/css/gruvbox-dark.css @@ -0,0 +1,256 @@ +.gruvbox-dark { + background-color: #1d2021; + color: #f9f5d7 +} + +.gruvbox-dark h1, +.gruvbox-dark h2, +.gruvbox-dark h3, +.gruvbox-dark h4, +.gruvbox-dark h5, +.gruvbox-dark h6 { + color: #CDCD23 +} + +.gruvbox-dark h1 a, +.gruvbox-dark h2 a, +.gruvbox-dark h3 a, +.gruvbox-dark h4 a, +.gruvbox-dark h5 a, +.gruvbox-dark h6 a { + color: #d79921; + border-bottom-color: #d79921 +} + +.gruvbox-dark h1 a:hover, +.gruvbox-dark h2 a:hover, +.gruvbox-dark h3 a:hover, +.gruvbox-dark h4 a:hover, +.gruvbox-dark h5 a:hover, +.gruvbox-dark h6 a:hover { + background-color: #d79921; + color: #fbf1c7 +} + +.gruvbox-dark pre { + background-color: #1d2021; + border: none +} + +.gruvbox-dark pre code { + color: #689d6a +} + +.gruvbox-dark .progress-bar-filled:after, +.gruvbox-dark .progress-bar-filled:before, +.gruvbox-dark code, +.gruvbox-dark strong { + color: #98971a +} + +.gruvbox-dark .progress-bar-filled { + background-color: #98971a +} + +.gruvbox-dark table { + color: #fdf4c1 +} + +.gruvbox-dark table td, +.gruvbox-dark table th { + border-color: #b0bec5 +} + +.gruvbox-dark table tbody td:first-child { + color: #b0bec5 +} + +.gruvbox-dark .form-control, +.gruvbox-dark .form-group label { + color: #fdf4c1; + border-color: #98971a +} + +.gruvbox-dark .form-group.form-textarea label:after { + background-color: #282828 +} + +.gruvbox-dark .form-control:focus { + border-color: #bdae93; + color: #bdae93 +} + +.gruvbox-dark textarea.form-control { + color: #fdf4c1 +} + +.gruvbox-dark .card { + border-color: #98971a +} + +.gruvbox-dark .card .card-header { + background-color: transparent; + color: #fdf4c1; + border-bottom: 1px solid #98971a +} + +.gruvbox-dark .btn.btn-ghost.btn-default { + border-color: #607d8b; + color: #607d8b +} + +.gruvbox-dark .btn.btn-ghost.btn-default:focus, +.gruvbox-dark .btn.btn-ghost.btn-default:hover { + z-index: 1; + border-color: #ebdbb2; + color: #ebdbb2 +} + +.gruvbox-dark .btn.btn-ghost.btn-primary:focus, +.gruvbox-dark .btn.btn-ghost.btn-primary:hover { + border-color: #689d6a; + color: #689d6a +} + +.gruvbox-dark .btn.btn-ghost.btn-success:focus, +.gruvbox-dark .btn.btn-ghost.btn-success:hover { + border-color: #98971a; + color: #98971a +} + +.gruvbox-dark .btn.btn-ghost.btn-info:focus, +.gruvbox-dark .btn.btn-ghost.btn-info:hover { + border-color: #458588; + color: #458588 +} + +.gruvbox-dark .btn.btn-ghost.btn-error:focus, +.gruvbox-dark .btn.btn-ghost.btn-error:hover { + border-color: #cc241d; + color: #cc241d +} + +.gruvbox-dark .btn.btn-ghost.btn-warning:focus, +.gruvbox-dark .btn.btn-ghost.btn-warning:hover { + border-color: #d79931; + color: #d79931 +} + +.gruvbox-dark .avatarholder, +.gruvbox-dark .placeholder { + background-color: transparent; + border-color: #3c3836 +} + +.gruvbox-dark .menu .menu-item { + color: #fdf4c1; + border-color: #98971a +} + +.gruvbox-dark .menu .menu-item.active, +.gruvbox-dark .menu .menu-item:hover { + color: #fdf4c1; + border-color: #fdf4c1 +} + +.gruvbox-dark a:visited { + color: #C1B7A9; + border-color: #a89984; +} + +.gruvbox-dark a:visited:hover { + color: #fdf4c1; + background-color: #282828; +} + +@media (prefers-color-scheme: light) { + .gruvbox-dark { + background-color: #f9f5d7; + color: #1d2021; + } + .gruvbox-dark h1, + .gruvbox-dark h2, + .gruvbox-dark h3, + .gruvbox-dark h4, + .gruvbox-dark h5, + .gruvbox-dark h6 { + color: #4F4F0D + } + .gruvbox-dark h1 a:hover, + .gruvbox-dark h2 a:hover, + .gruvbox-dark h3 a:hover, + .gruvbox-dark h4 a:hover, + .gruvbox-dark h5 a:hover, + .gruvbox-dark h6 a:hover { + background-color: #d79921; + color: #282828; + } + .gruvbox-dark pre { + background-color: #f9f5d7; + padding: 0; + border: none; + } + .gruvbox-dark a { + color: #B80050; + border-color: #B80050; + } + .gruvbox-dark a:hover { + color: #f9f5d7; + background-color: #9E0045; + border-color: #9E0045; + } + .gruvbox-dark a:visited { + color: #53493C; + border-color: #53493C; + } + .gruvbox-dark a:visited:hover { + color: #fdf4c1; + background-color: #282828; + } + .gruvbox-dark table { + color: #1d2021; + } + .gruvbox-dark .form-control, + .gruvbox-dark .form-group label { + color: #1d2021; + border-color: #98971a + } + .gruvbox-dark .form-group.form-textarea label:after { + background-color: #3c3836; + } + .gruvbox-dark .form-control:focus { + border-color: #665c54; + color: #665c54; + } + .gruvbox-dark textarea.form-control { + color: #282828; + } + .gruvbox-dark .card .card-header { + background-color: transparent; + color: #282828; + border-bottom: 1px solid #98971a + } + .gruvbox-dark .btn.btn-ghost.btn-default:focus, + .gruvbox-dark .btn.btn-ghost.btn-default:hover { + z-index: 1; + border-color: #3c3836; + color: #3c3836; + } + .gruvbox-dark .menu .menu-item { + color: #282828; + border-color: #98971a + } + .gruvbox-dark .menu .menu-item.active, + .gruvbox-dark .menu .menu-item:hover { + color: #282828; + border-color: #282828; + } + .gruvbox-dark a:visited { + color: #4D4442; + border-color: #4D4442; + } + .gruvbox-dark a:visited:hover { + color: #3c3836; + background-color: #bdae93; + } +} diff --git a/static/css/hack.css b/static/css/hack.css new file mode 100644 index 0000000..79666eb --- /dev/null +++ b/static/css/hack.css @@ -0,0 +1,803 @@ +html { + font-size: 14px; +} +* { + box-sizing: border-box; + text-rendering: geometricPrecision; +} +body { + font-size: 1rem; + line-height: 1.5rem; + margin: 0; + font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, + Bitstream Vera Sans Mono, Courier New, monospace, serif; + word-wrap: break-word; +} +::selection { + background: #d3869b; +} +h1, +h2, +h3, +h4, +h5, +h6 { + line-height: 1.3em; +} +fieldset { + border: none; + padding: 0; + margin: 0; +} +pre { + background-color: #fff; + border: 1px solid #ccc; + overflow: auto; +} +code[class*="language-"], +pre[class*="language-"], +pre code { + font-weight: 100; + text-shadow: none; + margin: 1.75rem 0; +} +iframe { + max-width: 100%; +} +a { + cursor: pointer; + color: #FFA8CE; + text-decoration: none; + border-bottom: 1px solid; + border-color: #FFA8CE; +} +a:hover { + background-color: #B3004D; + color: #fff; +} +.grid { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.grid.\-top { + -ms-flex-align: start; + align-items: flex-start; +} +.grid.\-middle { + -ms-flex-align: center; + align-items: center; +} +.grid.\-bottom { + -ms-flex-align: end; + align-items: flex-end; +} +.grid.\-stretch { + -ms-flex-align: stretch; + align-items: stretch; +} +.grid.\-baseline { + -ms-flex-align: baseline; + align-items: baseline; +} +.grid.\-left { + -ms-flex-pack: start; + justify-content: flex-start; +} +.grid.\-center { + -ms-flex-pack: center; + justify-content: center; +} +.grid.\-right { + -ms-flex-pack: end; + justify-content: flex-end; +} +.grid.\-between { + -ms-flex-pack: justify; + justify-content: space-between; +} +.grid.\-around { + -ms-flex-pack: distribute; + justify-content: space-around; +} +.cell { + -ms-flex: 1; + flex: 1; + box-sizing: border-box; +} +@media screen and (min-width: 768px) { + .cell.\-1of12 { + -ms-flex: 0 0 8.33333%; + flex: 0 0 8.33333%; + } + .cell.\-2of12 { + -ms-flex: 0 0 16.66667%; + flex: 0 0 16.66667%; + } + .cell.\-3of12 { + -ms-flex: 0 0 25%; + flex: 0 0 25%; + } + .cell.\-4of12 { + -ms-flex: 0 0 33.33333%; + flex: 0 0 33.33333%; + } + .cell.\-5of12 { + -ms-flex: 0 0 41.66667%; + flex: 0 0 41.66667%; + } + .cell.\-6of12 { + -ms-flex: 0 0 50%; + flex: 0 0 50%; + } + .cell.\-7of12 { + -ms-flex: 0 0 58.33333%; + flex: 0 0 58.33333%; + } + .cell.\-8of12 { + -ms-flex: 0 0 66.66667%; + flex: 0 0 66.66667%; + } + .cell.\-9of12 { + -ms-flex: 0 0 75%; + flex: 0 0 75%; + } + .cell.\-10of12 { + -ms-flex: 0 0 83.33333%; + flex: 0 0 83.33333%; + } + .cell.\-11of12 { + -ms-flex: 0 0 91.66667%; + flex: 0 0 91.66667%; + } +} +@media screen and (max-width: 768px) { + .grid { + -ms-flex-direction: column; + flex-direction: column; + } + .cell { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + } +} +.hack, +.hack blockquote, +.hack code, +.hack em, +.hack h1, +.hack h2, +.hack h3, +.hack h4, +.hack h5, +.hack h6, +.hack strong { + font-size: 1rem; + font-style: normal; + font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, + Bitstream Vera Sans Mono, Courier New, monospace, serif; +} +.hack blockquote, +.hack code, +.hack em, +.hack strong { + line-height: 20px; +} +.hack blockquote, +.hack code, +.hack footer, +.hack h1, +.hack h2, +.hack h3, +.hack h4, +.hack h5, +.hack h6, +.hack header, +.hack li, +.hack ol, +.hack p, +.hack section, +.hack ul { + float: none; + margin: 0; + padding: 0; +} +.hack blockquote, +.hack h1, +.hack ol, +.hack p, +.hack ul { + margin-top: 20px; + margin-bottom: 20px; +} +.hack h1 { + position: relative; + display: inline-block; + display: table-cell; + padding: 20px 0 30px; + margin: 0; + overflow: hidden; +} +.hack h1:after { + content: "==============================================================================================================================================================="; + position: absolute; + bottom: 10px; + left: 0; +} +.hack h1 + * { + margin-top: 0; +} +.hack h2, +.hack h3, +.hack h4, +.hack h5, +.hack h6 { + position: relative; + margin-bottom: 1.75rem; +} +.hack h2:before, +.hack h3:before, +.hack h4:before, +.hack h5:before, +.hack h6:before { + display: inline; +} +.hack h2:before { + content: "## "; +} +.hack h3:before { + content: "### "; +} +.hack h4:before { + content: "#### "; +} +.hack h5:before { + content: "##### "; +} +.hack h6:before { + content: "###### "; +} +.hack li { + position: relative; + display: block; + padding-left: 20px; +} +.hack li:after { + position: absolute; + top: 0; + left: 0; +} +.hack ul > li:after { + content: "-"; +} +.hack ol { + counter-reset: a; +} +.hack ol > li:after { + content: counter(a) "."; + counter-increment: a; +} +.hack blockquote { + position: relative; + padding-left: 17px; + padding-left: 2ch; + overflow: hidden; +} +.hack blockquote:after { + content: ">\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>"; + white-space: pre; + position: absolute; + top: 0; + left: 0; + line-height: 20px; +} +.hack em:after, +.hack em:before { + content: "*"; + display: inline; +} +.hack pre code:after, +.hack pre code:before { + display: none; +} +.hack code { + font-weight: 700; +} +.hack code:after, +.hack code:before { + content: "`"; + display: inline; +} +.hack hr { + position: relative; + height: 20px; + overflow: hidden; + border: 0; + margin: 20px 0; +} +.hack hr:after { + content: "---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------"; + position: absolute; + top: 0; + left: 0; + line-height: 20px; + width: 100%; + word-wrap: break-word; +} +@-moz-document url-prefix() { + .hack h1 { + display: block; + } +} +.hack-ones ol > li:after { + content: "1."; +} +p { + margin: 0 0 1.75rem; +} +.container { + max-width: 70rem; +} +.container, +.container-fluid { + margin: 1em auto; + padding: 0 1rem; +} +.inner { + padding: 1rem; +} +.inner2x { + padding: 2rem; +} +.pull-left { + float: left; +} +.pull-right { + float: right; +} +.progress-bar { + height: 8px; + opacity: 0.8; + background-color: #ccc; + margin-top: 12px; +} +.progress-bar.progress-bar-show-percent { + margin-top: 38px; +} +.progress-bar-filled { + background-color: gray; + height: 100%; + transition: width 0.3s ease; + position: relative; + width: 0; +} +.progress-bar-filled:before { + content: ""; + border: 6px solid transparent; + border-top-color: gray; + position: absolute; + top: -12px; + right: -6px; +} +.progress-bar-filled:after { + color: gray; + content: attr(data-filled); + display: block; + font-size: 12px; + white-space: nowrap; + position: absolute; + border: 6px solid transparent; + top: -38px; + right: 0; + -ms-transform: translateX(50%); + transform: translateX(50%); +} +table { + width: 100%; + border-collapse: collapse; + margin: 1.75rem 0; + color: #778087; +} +table td, +table th { + vertical-align: top; + border: 1px solid #ccc; + line-height: 15px; + padding: 10px; +} +table thead th { + font-size: 10px; +} +table tbody td:first-child { + font-weight: 700; + color: #333; +} +.form { + width: 30rem; +} +.form-group { + margin-bottom: 1.75rem; + overflow: auto; +} +.form-group label { + border-bottom: 2px solid #ccc; + color: #333; + width: 10rem; + display: inline-block; + height: 38px; + line-height: 38px; + padding: 0; + float: left; + position: relative; +} +.form-group.form-success label { + color: #4caf50 !important; + border-color: #4caf50 !important; +} +.form-group.form-warning label { + color: #ff9800 !important; + border-color: #ff9800 !important; +} +.form-group.form-error label { + color: #f44336 !important; + border-color: #f44336 !important; +} +.form-control { + outline: none; + border: none; + border-bottom: 2px solid #ccc; + padding: 0.5rem 0; + width: 20rem; + height: 38px; + background-color: transparent; +} +.form-control:focus { + border-color: #555; +} +.form-group.form-textarea label:after { + position: absolute; + content: ""; + width: 2px; + background-color: #fff; + right: -2px; + top: 0; + bottom: 0; +} +textarea.form-control { + height: auto; + resize: none; + padding: 1rem 0; + border-bottom: 2px solid #ccc; + border-left: 2px solid #ccc; + padding: 0.5rem; +} +select.form-control { + border-radius: 0; + background-color: transparent; + -webkit-appearance: none; + -moz-appearance: none; + -ms-appearance: none; +} +.help-block { + color: #999; + margin-top: 0.5rem; +} +.form-actions { + margin-bottom: 1.75rem; +} +.btn { + display: -ms-inline-flexbox; + display: inline-flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + cursor: pointer; + outline: none; + padding: 0.65rem 2rem; + font-size: 1rem; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + position: relative; + z-index: 1; +} +.btn:active { + box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12); +} +.btn.btn-ghost { + border-color: #757575; + color: #757575; + background-color: transparent; +} +.btn.btn-ghost:focus, +.btn.btn-ghost:hover { + border-color: #424242; + color: #424242; + z-index: 2; +} +.btn.btn-ghost:hover { + background-color: transparent; +} +.btn-block { + width: 100%; + display: -ms-flexbox; + display: flex; +} +.btn-default { + color: #fff; + background-color: #e0e0e0; + border: 1px solid #e0e0e0; + color: #333; +} +.btn-default:focus:not(.btn-ghost), +.btn-default:hover { + background-color: #dcdcdc; + border-color: #dcdcdc; +} +.btn-success { + color: #fff; + background-color: #4caf50; + border: 1px solid #4caf50; +} +.btn-success:focus:not(.btn-ghost), +.btn-success:hover { + background-color: #43a047; + border-color: #43a047; +} +.btn-success.btn-ghost { + border-color: #4caf50; + color: #4caf50; +} +.btn-success.btn-ghost:focus, +.btn-success.btn-ghost:hover { + border-color: #388e3c; + color: #388e3c; + z-index: 2; +} +.btn-error { + color: #fff; + background-color: #f44336; + border: 1px solid #f44336; +} +.btn-error:focus:not(.btn-ghost), +.btn-error:hover { + background-color: #e53935; + border-color: #e53935; +} +.btn-error.btn-ghost { + border-color: #f44336; + color: #f44336; +} +.btn-error.btn-ghost:focus, +.btn-error.btn-ghost:hover { + border-color: #d32f2f; + color: #d32f2f; + z-index: 2; +} +.btn-warning { + color: #fff; + background-color: #ff9800; + border: 1px solid #ff9800; +} +.btn-warning:focus:not(.btn-ghost), +.btn-warning:hover { + background-color: #fb8c00; + border-color: #fb8c00; +} +.btn-warning.btn-ghost { + border-color: #ff9800; + color: #ff9800; +} +.btn-warning.btn-ghost:focus, +.btn-warning.btn-ghost:hover { + border-color: #f57c00; + color: #f57c00; + z-index: 2; +} +.btn-info { + color: #fff; + background-color: #00bcd4; + border: 1px solid #00bcd4; +} +.btn-info:focus:not(.btn-ghost), +.btn-info:hover { + background-color: #00acc1; + border-color: #00acc1; +} +.btn-info.btn-ghost { + border-color: #00bcd4; + color: #00bcd4; +} +.btn-info.btn-ghost:focus, +.btn-info.btn-ghost:hover { + border-color: #0097a7; + color: #0097a7; + z-index: 2; +} +.btn-primary { + color: #fff; + background-color: #2196f3; + border: 1px solid #2196f3; +} +.btn-primary:focus:not(.btn-ghost), +.btn-primary:hover { + background-color: #1e88e5; + border-color: #1e88e5; +} +.btn-primary.btn-ghost { + border-color: #2196f3; + color: #2196f3; +} +.btn-primary.btn-ghost:focus, +.btn-primary.btn-ghost:hover { + border-color: #1976d2; + color: #1976d2; + z-index: 2; +} +.btn-group { + overflow: auto; +} +.btn-group .btn { + float: left; +} +.btn-group .btn-ghost:not(:first-child) { + margin-left: -1px; +} +.card { + border: 1px solid #ccc; +} +.card .card-header { + color: #333; + text-align: center; + background-color: #ddd; + padding: 0.5rem 0; +} +.alert { + color: #ccc; + padding: 1rem; + border: 1px solid #ccc; + margin-bottom: 1.75rem; +} +.alert-success { + color: #4caf50; + border-color: #4caf50; +} +.alert-error { + color: #f44336; + border-color: #f44336; +} +.alert-info { + color: #00bcd4; + border-color: #00bcd4; +} +.alert-warning { + color: #ff9800; + border-color: #ff9800; +} +.media:not(:last-child) { + margin-bottom: 1.25rem; +} +.media-left { + padding-right: 1rem; +} +.media-left, +.media-right { + display: table-cell; + vertical-align: top; +} +.media-right { + padding-left: 1rem; +} +.media-body { + display: table-cell; + vertical-align: top; +} +.media-heading { + font-size: 1.16667rem; + font-weight: 700; +} +.media-content { + margin-top: 0.3rem; + word-break: break-word; +} +.avatarholder, +.placeholder { + background-color: #f0f0f0; + text-align: center; + color: #b9b9b9; + font-size: 1rem; + border: 1px solid #f0f0f0; +} +.avatarholder { + width: 48px; + height: 48px; + line-height: 46px; + font-size: 2rem; + background-size: cover; + background-position: 50%; + background-repeat: no-repeat; +} +.avatarholder.rounded { + border-radius: 33px; +} +.loading { + display: inline-block; + content: " "; + height: 20px; + width: 20px; + margin: 0 0.5rem; + animation: a 0.6s infinite linear; + border: 2px solid #e91e63; + border-right-color: transparent; + border-radius: 50%; +} +.btn .loading { + margin-bottom: 0; + width: 14px; + height: 14px; +} +.btn div.loading { + float: left; +} +.alert .loading { + margin-bottom: -5px; +} +@keyframes a { + 0% { + transform: rotate(0deg); + } + to { + transform: rotate(1turn); + } +} +.menu { + width: 100%; +} +.menu .menu-item { + display: block; + color: #616161; + border-color: #616161; +} +.menu .menu-item.active, +.menu .menu-item:hover { + color: #000; + border-color: #000; + background-color: transparent; +} +@media screen and (max-width: 768px) { + .form-group label { + display: block; + border-bottom: none; + width: 100%; + } + .form-group.form-textarea label:after { + display: none; + } + .form-control { + width: 100%; + } + textarea.form-control { + border-left: none; + padding: 0.5rem 0; + } + pre::-webkit-scrollbar { + height: 3px; + } +} +@media screen and (max-width: 480px) { + .form { + width: 100%; + } +} + +.signalboost > .cell { + padding-right: 1rem; + padding-bottom: 2rem; +} +.signalboost > .cell > p { + margin-top: 0.5rem; + margin-bottom: 0.5rem; +} diff --git a/static/css/no-fun-allowed.user.css b/static/css/no-fun-allowed.user.css new file mode 100644 index 0000000..8f9b584 --- /dev/null +++ b/static/css/no-fun-allowed.user.css @@ -0,0 +1,10 @@ +/* ==UserStyle== +@name No Fun Allowed +@updateURL https://xeiaso.net/static/css/no-fun-allowed.user.css +==/UserStyle== */ + +@-moz-document domain("xeiaso.net") { + .xeblog-slides-fluff { + display: none !important; + } +} diff --git a/static/css/shim.css b/static/css/shim.css new file mode 100644 index 0000000..2e1df90 --- /dev/null +++ b/static/css/shim.css @@ -0,0 +1,114 @@ +.main { + padding: 20px 10px; +} + +.hack h1 { + padding-top: 0; +} + +footer.footer { + border-top: 1px solid #ccc; + margin-top: 80px; + margin-top: 5rem; + padding: 48px 0; + padding: 3rem 0; +} + +img { + max-width: 100%; +} + +.conversation { + display: flex; +} + +.conversation-picture { + flex: 1; + min-width: 9rem; + max-width: calc(((70rem - 2rem)/6)); +} + +.conversation-smol { + min-width: 6rem; + max-width: 6rem; + padding: 0.5rem; +} + +.conversation-chat { + align-self: center; + min-width: 0; +} + +.gruvbox-dark pre, pre { + padding-left: 1em; + padding-right: 1em; +} + +.warning { + background-color: #282828; +} + +figcaption { + background-color: #282828; + margin-left: 1em; + margin-right: 1em; + margin-bottom: 1em; +} + +.logo { + background-color: #fdf5d7; + -webkit-mask: url("/static/img/xeiaso.svg"); + -webkit-mask-repeat: no-repeat; + -webkit-mask-size: 100%; + mask: url("/static/img/xeiaso.svg"); + mask-repeat: no-repeat; + mask-size: 100%; + height: 32px; + width: 19px; + float: left; + display: inline; + margin: 0.5em; +} + +.ea-placement.ea-type-image { + background-color: #282828; +} + +.media { + background-color: #32302f; + color: #fbf1c7; + + margin: auto; + max-width: 80ch; + padding: 2ch; +} + +.verified { + max-width: 16px; + max-height: 16px; + min-width: 16px; + min-height: 16px; +} + +@media (prefers-color-scheme: light) { + .warning { + background-color: #fbf1c7; + } + + .ea-placement.ea-type-image { + background: #fbf1c7; + } + + figcaption { + background-color: #fbf1c7; + } + + .logo { + background-color: #1d2021; + } + + .media { + color: #32302f; + background-color: #fbf1c7; + } +} diff --git a/static/css/snow.css b/static/css/snow.css new file mode 100644 index 0000000..cdca39e --- /dev/null +++ b/static/css/snow.css @@ -0,0 +1,31 @@ +.snow { + background-image: + url(data:image/png;base64,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), + url(data:image/png;base64,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); + animation: snow 30s linear infinite; +} + +@media (prefers-reduced-motion: reduce) { + .snow { + animation: none; + } +} + +.snowframe { + background-color: #1d2021; +} + +@media (prefers-color-scheme: light) { + .snowframe { + background-color: #f9f5d7; + } +} + +.container{ + padding: 1em; +} + +/* @keyframes snow { */ +/* 0% {background-position: 0px 0px, 0px 0px, 0px 0px;} */ +/* 100% {background-position: 500px 1000px, 400px 400px, 300px 300px} */ +/* } */ -- cgit v1.2.3