diff options
| author | Xe Iaso <me@christine.website> | 2022-12-28 12:14:08 -0500 |
|---|---|---|
| committer | Xe Iaso <me@christine.website> | 2022-12-28 12:14:08 -0500 |
| commit | b292f3830e43830308ebd8e8d17ab38e9ed2461b (patch) | |
| tree | 951d70bbdbc1592d1984d322bec9cdbaaf558d59 /static/css/shim.css | |
| parent | 3299a4fa2a58ba07b182b9f169493ba33dfbd6bb (diff) | |
| download | xesite-b292f3830e43830308ebd8e8d17ab38e9ed2461b.tar.xz xesite-b292f3830e43830308ebd8e8d17ab38e9ed2461b.zip | |
Update to axum 0.6
Closes #579
Closes #580
Signed-off-by: Xe <me@christine.website>
Diffstat (limited to 'static/css/shim.css')
| -rw-r--r-- | static/css/shim.css | 114 |
1 files changed, 114 insertions, 0 deletions
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; + } +} |
