From 42c18c3b6a8104d566e0ec717622caa659b97a6a Mon Sep 17 00:00:00 2001
From: Agatha Rose <agatharose@wantscuddl.es>
Date: Wed, 14 Jul 2021 00:57:13 +0300
Subject: [PATCH] add skeumorphic mastodon css thing

---
 skeumorphic-mastodon.css | 67 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 67 insertions(+)
 create mode 100644 skeumorphic-mastodon.css

diff --git a/skeumorphic-mastodon.css b/skeumorphic-mastodon.css
new file mode 100644
index 0000000..8db10ba
--- /dev/null
+++ b/skeumorphic-mastodon.css
@@ -0,0 +1,67 @@
+.notification, .status__wrapper {
+  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
+}
+
+.columns-area--mobile .notification__message {
+  padding-bottom: 10px;
+}
+
+.button.button--block {
+  background: linear-gradient(#a288bd, #42374d);
+}
+
+.button.button--block:hover {
+  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.6);
+}
+
+.search__input, .spoiler-input__input,
+.autosuggest-textarea__textarea {
+  border-radius: 4px;
+  border: 1px solid #1d1922;
+  box-shadow: inset 0 3px 10px rgba(0, 0, 0, 0.4);
+}
+
+.compose-form__uploads-wrapper:empty {
+  display: none !important;
+}
+
+.compose-form .compose-form__buttons-wrapper {
+  background: linear-gradient(0deg, #ddd5e6, #f9f9f9)
+}
+
+.search {
+  border-bottom: 1px solid #5a4f68;
+  border-radius: 4px;
+}
+
+.column-header, .column-header__button {
+  background: linear-gradient(0deg, #2a2531, #423a50);
+  filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.4));
+}
+
+.column-link {
+  background: linear-gradient(180deg, #27222f, #1d1a22);
+  border-radius: 4px;
+}
+
+.column-link.active, .column-link.active:hover,
+.column-header__button.active {
+  background: linear-gradient(0deg, #2a2531, #423a50);
+  text-shadow: 0 0 10px;
+  filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.4));
+}
+
+.column-link:hover {
+  background: linear-gradient(180deg, #27222f, #1d1a22);
+  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.6);
+}
+
+.icon-with-badge__badge {
+  border: 2px;
+  padding: 1px 5px;
+  filter: drop-shadow(0 0 5px #a288bd)
+}
+
+.navigation-panel {
+  filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.4));
+}