aboutsummaryrefslogtreecommitdiff
path: root/static/css/shim.css
diff options
context:
space:
mode:
authorXe Iaso <me@christine.website>2022-12-28 12:14:08 -0500
committerXe Iaso <me@christine.website>2022-12-28 12:14:08 -0500
commitb292f3830e43830308ebd8e8d17ab38e9ed2461b (patch)
tree951d70bbdbc1592d1984d322bec9cdbaaf558d59 /static/css/shim.css
parent3299a4fa2a58ba07b182b9f169493ba33dfbd6bb (diff)
downloadxesite-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.css114
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;
+ }
+}