sorceress
/
snippets
1
0
Fork 0
Code Releases Activity

add skeumorphic mastodon css thing

This commit is contained in:
Agatha Lovelace 2021-07-14 00:57:13 +03:00
parent f072807940
commit 42c18c3b6a
No known key found for this signature in database
GPG Key ID: 2DB18BA2E0A80BC3
1 changed files with 67 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

67
skeumorphic-mastodon.css Normal file
View File

@ -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));
}