1170 lines
30 KiB
CSS
1170 lines
30 KiB
CSS
|
@-moz-document domain("awoo.pub") {
|
||
|
body {
|
||
|
background: #222233;
|
||
|
}
|
||
|
.landing-page #mastodon-timeline,
|
||
|
.landing-page__forms,
|
||
|
.landing-page__information,
|
||
|
.landing-page__call-to-action,
|
||
|
.column > .scrollable {
|
||
|
background: #031d09;
|
||
|
}
|
||
|
.column-header {
|
||
|
background: #222233;
|
||
|
}
|
||
|
|
||
|
landing-page__call-to-action {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
.landing-page #mastodon-timeline,
|
||
|
.landing-page__forms,
|
||
|
.landing-page__information,
|
||
|
.landing-page__call-to-action,
|
||
|
.column > .scrollable {
|
||
|
background: #222233;
|
||
|
}
|
||
|
|
||
|
.column-header {
|
||
|
background: #031d09;
|
||
|
}
|
||
|
|
||
|
::-webkit-scrollbar-track {
|
||
|
background: #1d1d2b !important;
|
||
|
}
|
||
|
|
||
|
::-webkit-scrollbar:hover {
|
||
|
background: #1d1d29 !important;
|
||
|
}
|
||
|
|
||
|
::-webkit-scrollbar-thumb {
|
||
|
background: #29293d !important;
|
||
|
}
|
||
|
|
||
|
::-webkit-scrollbar-thumb:hover {
|
||
|
background: #3e3e50 !important;
|
||
|
}
|
||
|
|
||
|
::-webkit-scrollbar-track:hover {
|
||
|
background: #1d1d2b !important;
|
||
|
}
|
||
|
|
||
|
* {
|
||
|
outline: 0;
|
||
|
}
|
||
|
|
||
|
.column {
|
||
|
border-radius: 10px;
|
||
|
-moz-border-radius: 10px;
|
||
|
-webkit-border-radius: 10px;
|
||
|
}
|
||
|
|
||
|
.account__avatar,
|
||
|
.account__avatar-overlay-base,
|
||
|
.account__avatar-overlay-overlay,
|
||
|
.u-photo {
|
||
|
border-radius: 50% !important;
|
||
|
-moz-border-radius: 50% !important;
|
||
|
-webkit-border-radius: 50% !important;
|
||
|
}
|
||
|
|
||
|
.drawer__inner {
|
||
|
border-radius: 4px;
|
||
|
-moz-border-radius: 4px;
|
||
|
-webkit-border-radius: 4px;
|
||
|
}
|
||
|
|
||
|
.drawer__header {
|
||
|
border-radius: 4px;
|
||
|
-moz-border-radius: 4px;
|
||
|
-webkit-border-radius: 4px;
|
||
|
}
|
||
|
|
||
|
div.drawer__header a:first-child:hover {
|
||
|
border-top-left-radius: 5px !important;
|
||
|
-moz-border-top-left-radius: 5px !important;
|
||
|
-webkit-border-top-left-radius: 5px !important;
|
||
|
border-bottom-left-radius: 5px !important;
|
||
|
-moz-border-bottom-left-radius: 5px !important;
|
||
|
-webkit-border-bottom-left-radius: 5px !important;
|
||
|
}
|
||
|
|
||
|
div.drawer__header a:last-child:hover {
|
||
|
border-top-right-radius: 5px !important;
|
||
|
-moz-border-top-right-radius: 5px !important;
|
||
|
-webkit-border-top-right-radius: 5px !important;
|
||
|
border-bottom-right-radius: 5px !important;
|
||
|
-moz-border-bottom-right-radius: 5px !important;
|
||
|
-webkit-border-bottom-right-radius: 5px !important;
|
||
|
}
|
||
|
|
||
|
.getting-started {
|
||
|
overflow: hidden;
|
||
|
}
|
||
|
|
||
|
.user.simple_form {
|
||
|
-webkit-box-shadow: none !important;
|
||
|
-moz-box-shadow: none !important;
|
||
|
box-shadow: none !important;
|
||
|
border-radius: 10px !important;
|
||
|
-webkit-border-radius: 10px !important;
|
||
|
-moz-border-radius: 10px !important;
|
||
|
background: #1d2026 !important;
|
||
|
}
|
||
|
|
||
|
.search__input:focus {
|
||
|
background: #29293d;
|
||
|
}
|
||
|
|
||
|
.column-header,
|
||
|
.column-back-button {
|
||
|
-webkit-border-top-left-radius: 5px;
|
||
|
-webkit-border-top-right-radius: 5px;
|
||
|
-moz-border-radius-topleft: 5px;
|
||
|
-moz-border-radius-topright: 5px;
|
||
|
border-top-left-radius: 5px;
|
||
|
border-top-right-radius: 5px;
|
||
|
}
|
||
|
|
||
|
.scrollable {
|
||
|
-webkit-border-bottom-right-radius: 5px;
|
||
|
-webkit-border-bottom-left-radius: 5px;
|
||
|
-moz-border-radius-bottomright: 5px;
|
||
|
-moz-border-radius-bottomleft: 5px;
|
||
|
border-bottom-right-radius: 5px;
|
||
|
border-bottom-left-radius: 5px;
|
||
|
}
|
||
|
|
||
|
.search__input {
|
||
|
border-radius: 5px !important;
|
||
|
-moz-border-radius: 5px !important;
|
||
|
-webkit-border-radius: 5px !important;
|
||
|
}
|
||
|
|
||
|
.activity-stream {
|
||
|
margin-top: 10px;
|
||
|
}
|
||
|
|
||
|
.card {
|
||
|
border-radius: 4px !important;
|
||
|
-moz-border-radius: 4px !important;
|
||
|
-webkit-border-radius: 4px !important;
|
||
|
}
|
||
|
|
||
|
.simple_form .label_input label {
|
||
|
width: auto !important;
|
||
|
margin-left: 15px;
|
||
|
}
|
||
|
|
||
|
select[name="user[locale]"] {
|
||
|
margin-left: 10px;
|
||
|
}
|
||
|
|
||
|
.dropdown__icon {
|
||
|
margin: -3px;
|
||
|
}
|
||
|
|
||
|
.column-header__button {
|
||
|
border-top-right-radius: 4px !important;
|
||
|
-moz-border-top-right-radius: 4px !important;
|
||
|
-webkit-border-top-right-radius: 4px !important;
|
||
|
}
|
||
|
|
||
|
.button {
|
||
|
background-color: #0b8a00 !important;
|
||
|
}
|
||
|
.button:hover,
|
||
|
.button:disabled {
|
||
|
background-color: #52e0a3 !important;
|
||
|
border-radius: 4px;
|
||
|
}
|
||
|
|
||
|
.ui {
|
||
|
background-color: #223;
|
||
|
}
|
||
|
|
||
|
.drawer .drawer__header,
|
||
|
.column-header,
|
||
|
.column-icon {
|
||
|
background-color: #223;
|
||
|
}
|
||
|
|
||
|
.column-icon {
|
||
|
color: #eee;
|
||
|
transition: all 200ms;
|
||
|
}
|
||
|
.column-icon:hover {
|
||
|
color: #fff;
|
||
|
}
|
||
|
.column-icon.collapsable {
|
||
|
background-color: #0b8a00;
|
||
|
color: #fff;
|
||
|
font-size: 20px !important;
|
||
|
padding-bottom: 13px !important;
|
||
|
}
|
||
|
.column-settings--outer,
|
||
|
.column-settings--section {
|
||
|
background-color: #0b8a00;
|
||
|
color: #fff;
|
||
|
}
|
||
|
.setting-text,
|
||
|
.setting-text:hover,
|
||
|
.setting-text:focus {
|
||
|
color: #fff;
|
||
|
border-bottom: 2px solid #fff;
|
||
|
}
|
||
|
.react-toggle--checked .react-toggle-track,
|
||
|
.react-toggle--checked:hover:not(.react-toggle--disabled)
|
||
|
.react-toggle-track {
|
||
|
background-color: #223;
|
||
|
}
|
||
|
.react-toggle--checked .react-toggle-thumb {
|
||
|
border-color: #223;
|
||
|
}
|
||
|
|
||
|
.drawer .drawer__header .drawer__tab {
|
||
|
color: #0b8a00;
|
||
|
}
|
||
|
.drawer .drawer__header a:hover {
|
||
|
color: #0b8a00;
|
||
|
background: #223;
|
||
|
}
|
||
|
|
||
|
.search__input {
|
||
|
background-color: #223;
|
||
|
transition: all 200ms;
|
||
|
color: #fff;
|
||
|
}
|
||
|
|
||
|
.drawer__inner,
|
||
|
.drawer__inner__mastodon,
|
||
|
.getting-started {
|
||
|
background-color: #223;
|
||
|
}
|
||
|
.navigation-bar {
|
||
|
color: #eee;
|
||
|
}
|
||
|
.navigation-bar strong {
|
||
|
font-size: 14px;
|
||
|
margin-top: 2px;
|
||
|
}
|
||
|
|
||
|
.search-results__header {
|
||
|
background-color: #223;
|
||
|
color: #eee;
|
||
|
text-transform: capitalize;
|
||
|
}
|
||
|
.drawer__inner.darker {
|
||
|
background-color: #223;
|
||
|
}
|
||
|
.account__display-name {
|
||
|
outline: none;
|
||
|
}
|
||
|
.display-name span {
|
||
|
color: #ddd;
|
||
|
}
|
||
|
|
||
|
.status__prepend,
|
||
|
.column > .scrollable {
|
||
|
background-color: #031d09;
|
||
|
color: #fff;
|
||
|
border-bottom: 0;
|
||
|
}
|
||
|
|
||
|
.notification__message {
|
||
|
color: #ccc;
|
||
|
}
|
||
|
|
||
|
.status .status__relative-time {
|
||
|
color: #ccc;
|
||
|
}
|
||
|
|
||
|
.status__content a .fa,
|
||
|
.status__content a .fa:hover {
|
||
|
color: #0b8a00;
|
||
|
}
|
||
|
|
||
|
.column-link {
|
||
|
color: #fff;
|
||
|
}
|
||
|
|
||
|
.muted .status__display-name strong {
|
||
|
color: #ccc;
|
||
|
}
|
||
|
|
||
|
.status__prepend .status__display-name strong {
|
||
|
color: #fff;
|
||
|
outline: none;
|
||
|
}
|
||
|
|
||
|
.muted .status__content p {
|
||
|
color: #ccc;
|
||
|
}
|
||
|
|
||
|
.column-link,
|
||
|
.column {
|
||
|
background-color: #031d09;
|
||
|
}
|
||
|
.account__action-bar,
|
||
|
.account__action-bar__tab,
|
||
|
.detailed-status__action-bar {
|
||
|
border: 0;
|
||
|
background: #223;
|
||
|
}
|
||
|
|
||
|
.account {
|
||
|
border-bottom: 0;
|
||
|
}
|
||
|
|
||
|
.column-back-button {
|
||
|
background-color: #223;
|
||
|
color: #37dc94;
|
||
|
}
|
||
|
|
||
|
.status__content .status__content__spoiler-link,
|
||
|
.reply-indicator__content .status__content__spoiler-link {
|
||
|
background: #29293d;
|
||
|
}
|
||
|
.autosuggest-textarea__suggestions {
|
||
|
background: #fff;
|
||
|
}
|
||
|
.autosuggest-textarea__suggestions__item:hover {
|
||
|
background: #0b8a00;
|
||
|
color: #fff;
|
||
|
}
|
||
|
.autosuggest-textarea__suggestions__item.selected {
|
||
|
background: #0b8a00;
|
||
|
color: #fff;
|
||
|
}
|
||
|
.reply-indicator {
|
||
|
background: #29293d;
|
||
|
}
|
||
|
.reply-indicator__content {
|
||
|
color: #fff;
|
||
|
}
|
||
|
.reply-indicator .reply-indicator__display-name {
|
||
|
color: #fff;
|
||
|
}
|
||
|
.search__icon .fa {
|
||
|
color: #37dc94;
|
||
|
}
|
||
|
.detailed-status {
|
||
|
background: #223;
|
||
|
}
|
||
|
.account__header {
|
||
|
-webkit-box-flex: 0;
|
||
|
-ms-flex: 0 0 auto;
|
||
|
flex: 0 0 auto;
|
||
|
background: #223;
|
||
|
text-align: center;
|
||
|
background-size: cover;
|
||
|
background-position: center;
|
||
|
position: relative;
|
||
|
}
|
||
|
.account__header > div {
|
||
|
background: linear-gradient(to bottom, rgba(34, 34, 51, 0.75), #223);
|
||
|
}
|
||
|
.icon-button.inverted {
|
||
|
color: #0b8a00;
|
||
|
}
|
||
|
.icon-button.inverted.active {
|
||
|
color: #0b8a00;
|
||
|
}
|
||
|
|
||
|
.icon-button.inverted:hover,
|
||
|
.icon-button.inverted:active,
|
||
|
.icon-button.inverted:focus {
|
||
|
color: #0b8a00;
|
||
|
}
|
||
|
.compose-form__buttons,
|
||
|
.compose-form__buttons-wrapper {
|
||
|
background: #29293d !important;
|
||
|
}
|
||
|
.text-icon-button.active {
|
||
|
color: #37dc94;
|
||
|
}
|
||
|
.privacy-dropdown__option.active {
|
||
|
background: #0b8a00;
|
||
|
}
|
||
|
.privacy-dropdown__option:hover {
|
||
|
background: #0b8a00;
|
||
|
}
|
||
|
.privacy-dropdown__option.active:hover {
|
||
|
background: #0b8a00;
|
||
|
}
|
||
|
.column-header__button {
|
||
|
background: #031d09;
|
||
|
}
|
||
|
.column-header__button.active,
|
||
|
.column-header__button.active:hover {
|
||
|
background: #0b8a00;
|
||
|
}
|
||
|
.column-header__collapsible-inner {
|
||
|
background: #0b8a00;
|
||
|
color: #fff !important;
|
||
|
}
|
||
|
.column-settings__section {
|
||
|
color: #333;
|
||
|
}
|
||
|
.column-settings__section span {
|
||
|
color: #fff !important;
|
||
|
}
|
||
|
.setting-meta__label,
|
||
|
.setting-toggle__label {
|
||
|
color: #fff;
|
||
|
}
|
||
|
.column-subheading {
|
||
|
background: #031d09;
|
||
|
}
|
||
|
.column-header__back-button,
|
||
|
.navigation-bar,
|
||
|
.tabs-bar {
|
||
|
background: #031d09;
|
||
|
color: #37dc94;
|
||
|
}
|
||
|
.column-header__back-button:hover {
|
||
|
color: #52e0a3;
|
||
|
}
|
||
|
|
||
|
.status__content__read-more-button {
|
||
|
color: #0b8a00;
|
||
|
}
|
||
|
|
||
|
.search-results__section h5 {
|
||
|
border: 0;
|
||
|
background: #223;
|
||
|
}
|
||
|
.search-results__header {
|
||
|
color: #52e0a3;
|
||
|
}
|
||
|
.tabs-bar__link {
|
||
|
border: 0;
|
||
|
}
|
||
|
.flex-spacer {
|
||
|
visibility: hidden;
|
||
|
}
|
||
|
.account__section-headline {
|
||
|
background: transparent;
|
||
|
border: 0;
|
||
|
}
|
||
|
.account__section-headline a.active:after {
|
||
|
border: 0;
|
||
|
}
|
||
|
.account__section-headline a.active:after,
|
||
|
.account__section-headline a.active:before {
|
||
|
border-color: transparent transparent rgba(49, 53, 67, 0.5);
|
||
|
}
|
||
|
.account__section-headline {
|
||
|
margin-bottom: 20px;
|
||
|
padding-right: 10px;
|
||
|
}
|
||
|
.account__section-headline a:before {
|
||
|
margin-top: 5px;
|
||
|
}
|
||
|
.account__disclaimer {
|
||
|
border: 0;
|
||
|
}
|
||
|
dl {
|
||
|
border: 0 !important;
|
||
|
}
|
||
|
.account__header .account__header__fields dd {
|
||
|
background: #1e1e2d;
|
||
|
}
|
||
|
.account__header .account__header__fields dt {
|
||
|
background: #1b1b28;
|
||
|
}
|
||
|
.account__header__fields {
|
||
|
border: 0 !important;
|
||
|
}
|
||
|
.light {
|
||
|
background: #fff !important;
|
||
|
}
|
||
|
.content,
|
||
|
.content-wrapper,
|
||
|
.sidebar,
|
||
|
.sidebar-wrapper,
|
||
|
.sidebar ul ul a,
|
||
|
.selected,
|
||
|
.sidebar ul a:hover {
|
||
|
background: #223 !important;
|
||
|
}
|
||
|
.admin-wrapper .sidebar ul a i.fa {
|
||
|
color: #fff;
|
||
|
}
|
||
|
|
||
|
.landing-page .extended-description,
|
||
|
.landing-page .-links {
|
||
|
background: #17191f;
|
||
|
}
|
||
|
|
||
|
.public-layout .account__section-headline,
|
||
|
.activity-stream .entry,
|
||
|
.public-account-header__tabs__tabs,
|
||
|
.public-layout .public-account-header__bar:before,
|
||
|
.public-account-bio__extra,
|
||
|
.hero-widget__text,
|
||
|
.public-layout .account__header__content,
|
||
|
.public-layout .header,
|
||
|
.public-layout .public-account-header__tabs__tabs .counter,
|
||
|
.public-layout .public-account-header__tabs__tabs {
|
||
|
background: #223;
|
||
|
}
|
||
|
|
||
|
.account__section-headline a.active:after,
|
||
|
.account__section-headline a.active:before {
|
||
|
border-style: none !important;
|
||
|
}
|
||
|
|
||
|
.account__header__fields dl {
|
||
|
background: #223 !important;
|
||
|
}
|
||
|
|
||
|
.public-layout .public-account-bio .roles {
|
||
|
background: #223 !important;
|
||
|
}
|
||
|
|
||
|
.endorsements-widget {
|
||
|
background: #223;
|
||
|
border-radius: 4px;
|
||
|
box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
|
||
|
}
|
||
|
|
||
|
img[alt="Mastodon"] {
|
||
|
display: none !important;
|
||
|
}
|
||
|
|
||
|
.sidebar {
|
||
|
margin-top: 8%;
|
||
|
}
|
||
|
|
||
|
.modal-layout {
|
||
|
background: #223 !important;
|
||
|
}
|
||
|
|
||
|
.modal-layout__mastodon {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
.emoji-button {
|
||
|
background: url(/emoji/2622.svg);
|
||
|
filter: grayscale(100%) opacity(50%);
|
||
|
width: 20px;
|
||
|
height: 20px;
|
||
|
padding: 1px;
|
||
|
transition: 0.5s;
|
||
|
}
|
||
|
|
||
|
.emoji-button:hover,
|
||
|
.emoji-button:focus {
|
||
|
background: url(/emoji/2622.svg);
|
||
|
filter: grayscale(0%) opacity(100%);
|
||
|
width: 20px;
|
||
|
height: 20px;
|
||
|
padding: 1px;
|
||
|
transition: 0.5s;
|
||
|
}
|
||
|
|
||
|
.emoji-button img {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
.landing-page__forms .button[href="https://joinmastodon.org"]
|
||
|
{
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
.fa-bell:before {
|
||
|
content: "\f0e7";
|
||
|
}
|
||
|
|
||
|
a[href="https://joinmastodon.org/"]
|
||
|
{
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
.brand__tagline {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
.landing-page h1 small {
|
||
|
visibility: hidden;
|
||
|
}
|
||
|
.landing-page h1 small:after {
|
||
|
content: "A cute Mastodon instance!";
|
||
|
visibility: visible;
|
||
|
display: block;
|
||
|
position: absolute;
|
||
|
}
|
||
|
|
||
|
.landing-page h1 {
|
||
|
line-height: 0.75;
|
||
|
}
|
||
|
|
||
|
.report-modal__comment .setting-text {
|
||
|
color: #282c37 !important;
|
||
|
}
|
||
|
|
||
|
.admin-wrapper {
|
||
|
background: #222233;
|
||
|
padding-bottom: 300px;
|
||
|
}
|
||
|
|
||
|
.notification__filter-bar,
|
||
|
.account__section-headline,
|
||
|
.notification__filter-bar button,
|
||
|
.account__section-headline button,
|
||
|
.notification__filter-bar button.active::before,
|
||
|
.notification__filter-bar button.active::after,
|
||
|
.notification__filter-bar a.active::before,
|
||
|
.notification__filter-bar a.active::after,
|
||
|
.account__section-headline button.active::before,
|
||
|
.account__section-headline button.active::after,
|
||
|
.account__section-headline a.active::before,
|
||
|
.account__section-headline a.active::after,
|
||
|
.empty-column-indicator {
|
||
|
border: none;
|
||
|
background: #031d09;
|
||
|
}
|
||
|
|
||
|
html,
|
||
|
body,
|
||
|
div,
|
||
|
span,
|
||
|
applet,
|
||
|
object,
|
||
|
iframe,
|
||
|
h1,
|
||
|
h2,
|
||
|
h3,
|
||
|
h4,
|
||
|
h5,
|
||
|
h6,
|
||
|
p,
|
||
|
blockquote,
|
||
|
pre,
|
||
|
a,
|
||
|
abbr,
|
||
|
acronym,
|
||
|
address,
|
||
|
big,
|
||
|
cite,
|
||
|
code,
|
||
|
del,
|
||
|
dfn,
|
||
|
em,
|
||
|
img,
|
||
|
ins,
|
||
|
kbd,
|
||
|
q,
|
||
|
s,
|
||
|
samp,
|
||
|
small,
|
||
|
strike,
|
||
|
strong,
|
||
|
sub,
|
||
|
sup,
|
||
|
tt,
|
||
|
var,
|
||
|
b,
|
||
|
u,
|
||
|
i,
|
||
|
center,
|
||
|
dl,
|
||
|
dt,
|
||
|
dd,
|
||
|
ol,
|
||
|
ul,
|
||
|
li,
|
||
|
fieldset,
|
||
|
form,
|
||
|
label,
|
||
|
legend,
|
||
|
table,
|
||
|
caption,
|
||
|
tbody,
|
||
|
tfoot,
|
||
|
thead,
|
||
|
tr,
|
||
|
th,
|
||
|
td,
|
||
|
article,
|
||
|
aside,
|
||
|
canvas,
|
||
|
details,
|
||
|
embed,
|
||
|
figure,
|
||
|
figcaption,
|
||
|
footer,
|
||
|
header,
|
||
|
hgroup,
|
||
|
menu,
|
||
|
nav,
|
||
|
output,
|
||
|
ruby,
|
||
|
section,
|
||
|
summary,
|
||
|
time,
|
||
|
mark,
|
||
|
audio,
|
||
|
video {
|
||
|
scrollbar-color: #004d27 rgba(1, 53, 47, 0.1) !important;
|
||
|
}
|
||
|
|
||
|
.landing-page__information,
|
||
|
.landing-page__forms,
|
||
|
.landing-page #mastodon-timeline {
|
||
|
box-shadow: none !important;
|
||
|
}
|
||
|
|
||
|
.fa-home:before {
|
||
|
content: "\f015" !important;
|
||
|
}
|
||
|
|
||
|
body.lighter {
|
||
|
background: #031d09;
|
||
|
}
|
||
|
|
||
|
body.with-modals {
|
||
|
overflow-y: auto;
|
||
|
}
|
||
|
|
||
|
.user_setting_theme {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
.simple_form .fields-row__column {
|
||
|
flex: 0 0 auto;
|
||
|
}
|
||
|
|
||
|
.simple_form select {
|
||
|
width: 97%;
|
||
|
}
|
||
|
|
||
|
.landing-page.alternative .brand {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
.landing-page__forms {
|
||
|
padding-left: 20px;
|
||
|
padding-right: 20px;
|
||
|
}
|
||
|
|
||
|
.page-header {
|
||
|
background: #223;
|
||
|
box-shadow: none !important;
|
||
|
}
|
||
|
|
||
|
/*
|
||
|
|
||
|
.status a[href^="https://koyu.space/"] .display-name::after {
|
||
|
color: #fff !important;
|
||
|
padding-left: 36px !important;
|
||
|
font-size: 14px !important;
|
||
|
height: 16px !important;
|
||
|
background: url('https://web.koyu.space/img/pb-icon_small-rendered.png') !important;
|
||
|
background-repeat: repeat;
|
||
|
background-repeat: no-repeat,no-repeat !important;
|
||
|
content: '' !important;
|
||
|
display: inline !important;
|
||
|
white-space: pre !important;
|
||
|
text-overflow: ellipsis !important;
|
||
|
margin-left: 6px;
|
||
|
}
|
||
|
img[title=":circle:"] {
|
||
|
display: none !important;
|
||
|
}
|
||
|
|
||
|
*/
|
||
|
|
||
|
b.with-modals {
|
||
|
font-weight: bold !important;
|
||
|
color: #fff !important;
|
||
|
}
|
||
|
|
||
|
body.with-modals {
|
||
|
background: #223;
|
||
|
}
|
||
|
|
||
|
body.theme-default:after {
|
||
|
backdrop-filter: blur(8px);
|
||
|
}
|
||
|
|
||
|
.public-layout .container:last-of-type {
|
||
|
background: #223;
|
||
|
margin: 0 auto;
|
||
|
margin-top: 0px;
|
||
|
min-width: 100%;
|
||
|
padding: 60px;
|
||
|
padding-bottom: 0;
|
||
|
padding-top: 40px;
|
||
|
margin-top: calc(7px + 27vh);
|
||
|
}
|
||
|
|
||
|
.box-widget,
|
||
|
.contact-widget,
|
||
|
.landing-page__information.contact-widget,
|
||
|
.public-layout .public-account-header,
|
||
|
.public-layout .header,
|
||
|
.activity-stream,
|
||
|
.hero-widget,
|
||
|
.public-layout .public-account-bio,
|
||
|
.endorsements-widget {
|
||
|
background: #223;
|
||
|
box-shadow: none !important;
|
||
|
}
|
||
|
|
||
|
.landing-page__information strong {
|
||
|
display: block;
|
||
|
}
|
||
|
|
||
|
.fa-unlock:before {
|
||
|
content: "?" !important;
|
||
|
}
|
||
|
|
||
|
.landing-page__forms .subtle-hint a:active,
|
||
|
.landing-page__forms .subtle-hint a:focus,
|
||
|
.landing-page__forms .subtle-hint a:hover,
|
||
|
.simple_form .hint a {
|
||
|
color: #0b8a00;
|
||
|
}
|
||
|
|
||
|
.simple_form .block-button:active,
|
||
|
.simple_form .block-button:focus,
|
||
|
.simple_form .button:active,
|
||
|
.simple_form .button:focus,
|
||
|
.simple_form button:active,
|
||
|
.simple_form button:focus,
|
||
|
.simple_form .block-button,
|
||
|
.simple_form .button,
|
||
|
.simple_form button,
|
||
|
.simple_form .block-button:hover,
|
||
|
.simple_form .button:hover,
|
||
|
.simple_form button:hover {
|
||
|
background: #0b8a00;
|
||
|
}
|
||
|
|
||
|
.hero-widget__footer,
|
||
|
.directory__tag > a,
|
||
|
.directory__tag > div {
|
||
|
background: #223 !important;
|
||
|
box-shadow: none;
|
||
|
}
|
||
|
|
||
|
.hero-widget__img,
|
||
|
.hero-widget__footer__column {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
.hero-widget,
|
||
|
.landing .hero-widget__text {
|
||
|
border-radius: 4px !important;
|
||
|
}
|
||
|
|
||
|
.landing .simple_form p.lead {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
.landing__grid__column-registration .new_user:before {
|
||
|
content: "Sign up and become part of a social media revolution.";
|
||
|
font-weight: 400;
|
||
|
color: #9baec8;
|
||
|
font-size: 15px;
|
||
|
line-height: 80px;
|
||
|
}
|
||
|
|
||
|
body
|
||
|
> div
|
||
|
> div:nth-child(1)
|
||
|
> div
|
||
|
> div.landing__grid
|
||
|
> div.landing__grid__column.landing__grid__column-login {
|
||
|
padding-top: 25px;
|
||
|
}
|
||
|
|
||
|
/* Directory styles, if that ever gets back activated on koyu.space */
|
||
|
.directory {
|
||
|
background: #031d09;
|
||
|
box-shadow: none;
|
||
|
}
|
||
|
|
||
|
.accounts-table tbody td {
|
||
|
border-bottom: 0;
|
||
|
}
|
||
|
|
||
|
.dropdown-menu__item a:active,
|
||
|
.dropdown-menu__item a:focus,
|
||
|
.dropdown-menu__item a:hover {
|
||
|
background: #0b8a00;
|
||
|
color: #fff;
|
||
|
}
|
||
|
|
||
|
.dropdown-menu,
|
||
|
.dropdown-menu__item a {
|
||
|
background: #fff;
|
||
|
color: #031d09;
|
||
|
}
|
||
|
|
||
|
.dropdown-menu__arrow.bottom {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
.icon-button.active {
|
||
|
color: #0b8a00;
|
||
|
}
|
||
|
|
||
|
.dropdown-menu__separator {
|
||
|
border-bottom: 1px solid #ccc;
|
||
|
}
|
||
|
|
||
|
.simple_form .input.boolean label a {
|
||
|
color: #0b8a00;
|
||
|
}
|
||
|
|
||
|
.public-layout .footer .brand {
|
||
|
display: inline-block;
|
||
|
padding: 30px;
|
||
|
}
|
||
|
|
||
|
.public-layout .footer .brand svg {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
.account__header__bar {
|
||
|
border-bottom: none;
|
||
|
}
|
||
|
|
||
|
.button.logo-button:active,
|
||
|
.button.logo-button:focus,
|
||
|
.button.logo-button:hover,
|
||
|
.button.logo-button {
|
||
|
background: #0b8a00;
|
||
|
}
|
||
|
|
||
|
.confirmation-modal__action-bar .confirmation-modal__secondary-button,
|
||
|
.confirmation-modal__action-bar .confirmation-modal__cancel-button,
|
||
|
.confirmation-modal__action-bar .mute-modal__cancel-button,
|
||
|
.mute-modal__action-bar .confirmation-modal__secondary-button,
|
||
|
.mute-modal__action-bar .confirmation-modal__cancel-button,
|
||
|
.mute-modal__action-bar .mute-modal__cancel-button,
|
||
|
.confirmation-modal__action-bar .confirmation-modal__secondary-button:hover,
|
||
|
.confirmation-modal__action-bar .confirmation-modal__secondary-button:focus,
|
||
|
.confirmation-modal__action-bar .confirmation-modal__secondary-button:active,
|
||
|
.confirmation-modal__action-bar .confirmation-modal__cancel-button:hover,
|
||
|
.confirmation-modal__action-bar .confirmation-modal__cancel-button:focus,
|
||
|
.confirmation-modal__action-bar .confirmation-modal__cancel-button:active,
|
||
|
.confirmation-modal__action-bar .mute-modal__cancel-button:hover,
|
||
|
.confirmation-modal__action-bar .mute-modal__cancel-button:focus,
|
||
|
.confirmation-modal__action-bar .mute-modal__cancel-button:active,
|
||
|
.mute-modal__action-bar .confirmation-modal__secondary-button:hover,
|
||
|
.mute-modal__action-bar .confirmation-modal__secondary-button:focus,
|
||
|
.mute-modal__action-bar .confirmation-modal__secondary-button:active,
|
||
|
.mute-modal__action-bar .confirmation-modal__cancel-button:hover,
|
||
|
.mute-modal__action-bar .confirmation-modal__cancel-button:focus,
|
||
|
.mute-modal__action-bar .confirmation-modal__cancel-button:active,
|
||
|
.mute-modal__action-bar .mute-modal__cancel-button:hover,
|
||
|
.mute-modal__action-bar .mute-modal__cancel-button:focus,
|
||
|
.mute-modal__action-bar .mute-modal__cancel-button:active {
|
||
|
color: #fff;
|
||
|
}
|
||
|
|
||
|
@media screen and (min-width: 480px) {
|
||
|
.confirmation-modal {
|
||
|
max-width: 450px;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.boost-modal__action-bar .button,
|
||
|
.confirmation-modal__action-bar .button,
|
||
|
.mute-modal__action-bar .button {
|
||
|
margin: 5px;
|
||
|
}
|
||
|
|
||
|
.button.logo-button svg {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
.page-header p,
|
||
|
.public-layout .header .nav-button,
|
||
|
.directory__tag h4 small {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
.column-header > button {
|
||
|
margin: 0;
|
||
|
border: none;
|
||
|
padding: 15px 0 15px 15px;
|
||
|
color: inherit;
|
||
|
background: #031d09;
|
||
|
font: inherit;
|
||
|
text-align: left;
|
||
|
text-overflow: ellipsis;
|
||
|
overflow: hidden;
|
||
|
white-space: nowrap;
|
||
|
flex: 1;
|
||
|
}
|
||
|
|
||
|
.drawer .drawer__header,
|
||
|
.column-header,
|
||
|
.column-icon {
|
||
|
background-color: #031d09;
|
||
|
}
|
||
|
|
||
|
.drawer__inner,
|
||
|
.drawer__inner__mastodon,
|
||
|
.getting-started {
|
||
|
background-color: #031d09;
|
||
|
}
|
||
|
|
||
|
.compose-form__buttons,
|
||
|
.compose-form__buttons-wrapper {
|
||
|
background: #031d09 !important;
|
||
|
}
|
||
|
|
||
|
.search__input {
|
||
|
background-color: #031d09;
|
||
|
transition: all 200ms;
|
||
|
color: #fff;
|
||
|
}
|
||
|
.ui {
|
||
|
background-color: #031d09;
|
||
|
}
|
||
|
|
||
|
.status__content__spoiler-link {
|
||
|
color: #ffffff;
|
||
|
font-weight: 700;
|
||
|
font-size: 11px;
|
||
|
text-transform: uppercase;
|
||
|
line-height: 20px;
|
||
|
cursor: pointer;
|
||
|
}
|
||
|
|
||
|
.compose-form .autosuggest-textarea__textarea,
|
||
|
.compose-form .spoiler-input__input {
|
||
|
display: block;
|
||
|
box-sizing: border-box;
|
||
|
width: 100%;
|
||
|
margin: 0;
|
||
|
color: #282c37;
|
||
|
background: #fff;
|
||
|
padding: 10px;
|
||
|
padding-right: 10px;
|
||
|
padding-bottom: 10px;
|
||
|
font-family: inherit;
|
||
|
font-size: 14px;
|
||
|
resize: vertical;
|
||
|
border: 0;
|
||
|
outline: 0;
|
||
|
}
|
||
|
|
||
|
body {
|
||
|
background: #031d09;
|
||
|
}
|
||
|
|
||
|
.page-header {
|
||
|
background: #031d09;
|
||
|
box-shadow: none !important;
|
||
|
}
|
||
|
|
||
|
.box-widget,
|
||
|
.contact-widget,
|
||
|
.landing-page__information.contact-widget,
|
||
|
.public-layout .public-account-header,
|
||
|
.public-layout .header,
|
||
|
.activity-stream,
|
||
|
.hero-widget,
|
||
|
.public-layout .public-account-bio,
|
||
|
.endorsements-widget {
|
||
|
background: #031d09;
|
||
|
box-shadow: none !important;
|
||
|
}
|
||
|
|
||
|
.hero-widget__footer,
|
||
|
.directory__tag > a,
|
||
|
.directory__tag > div {
|
||
|
background: #031d09 !important;
|
||
|
box-shadow: none;
|
||
|
}
|
||
|
|
||
|
.detailed-status {
|
||
|
background: #031d09;
|
||
|
}
|
||
|
|
||
|
.detailed-status {
|
||
|
background: #031d09;
|
||
|
padding: 14px 10px;
|
||
|
}
|
||
|
|
||
|
.account__action-bar,
|
||
|
.account__action-bar__tab,
|
||
|
.detailed-status__action-bar {
|
||
|
border: 0;
|
||
|
background: #031d09;
|
||
|
}
|
||
|
|
||
|
.column-back-button {
|
||
|
background-color: #031d09;
|
||
|
color: #37dc94;
|
||
|
}
|
||
|
|
||
|
.account__header .account__header__fields dt {
|
||
|
background: #031d09;
|
||
|
}
|
||
|
|
||
|
.account__header .account__header__fields dd {
|
||
|
background: #002621;
|
||
|
}
|
||
|
|
||
|
.reply-indicator {
|
||
|
background: #031d09;
|
||
|
}
|
||
|
|
||
|
.column-header > .column-header__back-button {
|
||
|
color: #0b8a00;
|
||
|
}
|
||
|
|
||
|
.focusable:focus {
|
||
|
background: #004d27 !important;
|
||
|
}
|
||
|
|
||
|
.focusable:focus .detailed-status {
|
||
|
background: #004d27 !important;
|
||
|
}
|
||
|
|
||
|
.focusable:focus,
|
||
|
.focusable:focus .detailed-status,
|
||
|
.focusable:focus .detailed-status__action-bar {
|
||
|
background: #004d27;
|
||
|
}
|
||
|
|
||
|
.fa-globe::before {
|
||
|
content: "\f072";
|
||
|
}
|
||
|
|
||
|
.fa-group::before,
|
||
|
.fa-users::before {
|
||
|
content: "\f19c";
|
||
|
}
|
||
|
|
||
|
.reply-indicator__content a,
|
||
|
.status__content a {
|
||
|
color: #0b8a00;
|
||
|
text-decoration: none;
|
||
|
}
|
||
|
|
||
|
.drawer__inner__mastodon > img {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
.drawer__inner__mastodon {
|
||
|
background-image: url("https://toaster.sh/i/2qh30lj7.png");
|
||
|
}
|
||
|
|
||
|
body {
|
||
|
font-family: GohuFont Medium;
|
||
|
}
|
||
|
|
||
|
button.icon-button i.fa-retweet {
|
||
|
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyMicgaGVpZ2h0PScyMDknPjxwYXRoIGQ9J000Ljk3IDMuMTZjLS4xLjAzLS4xNy4xLS4yMi4xOEwuOCA4LjI0Yy0uMi4zLjAzLjc4LjQuOEgzLjZ2Mi42OGMwIDQuMjYtLjU1IDMuNjIgMy42NiAzLjYyaDcuNjZsLTIuMy0yLjg0Yy0uMDMtLjAyLS4wMy0uMDQtLjA1LS4wNkg3LjI3Yy0uNDQgMC0uNzItLjMtLjcyLS43MnYtMi43aDIuNWMuMzcuMDMuNjMtLjQ4LjQtLjc3TDUuNSAzLjM1Yy0uMTItLjE3LS4zNC0uMjUtLjUzLS4yem0xMi4xNi40M2MtLjU1LS4wMi0xLjMyLjAyLTIuNC4wMkg3LjFsMi4zMiAyLjg1LjAzLjA2aDUuMjVjLjQyIDAgLjcyLjI4LjcyLjcydjIuN2gtMi41Yy0uMzYuMDItLjU2LjU0LS4zLjhsMy45MiA0LjljLjE4LjI1LjYuMjUuNzggMGwzLjk0LTQuOWMuMjYtLjI4IDAtLjgzLS4zNy0uOEgxOC40di0yLjdjMC0zLjE1LjQtMy42Mi0xLjI1LTMuNjZ6JyBmaWxsPScjNzA3Qjk3JyBzdHJva2Utd2lkdGg9JzAnLz48cGF0aCBkPSdNNy43OCAxOS42NmMtLjI0LjAyLS40NC4yNS0uNDQuNXYyLjQ2aC0uMDZjLTEuMDggMC0xLjg2LS4wMy0yLjQtLjAzLTEuNjQgMC0xLjI1LjQzLTEuMjUgMy42NXY0LjQ3YzAgNC4yNi0uNTYgMy42MiAzLjY1IDMuNjJIOC41bC0xLjMtMS4wNmMtLjEtLjA4LS4xOC0uMi0uMi0uMy0uMDItLjE3LjA2LS4zNS4yLS40NWwxLjMzLTEuMUg3LjI4Yy0uNDQgMC0uNzItLjMtLjcyLS43di00LjQ4YzAtLjQ0LjI4LS43Mi43Mi0uNzJoLjA2djIuNWMwIC4zOC41NC42My44Mi4zOGw0LjktMy45M2MuMjUtLjE4LjI1LS42IDAtLjc4bC00LjktMy45MmMtLjEtLjEtLjI0LS4xNC0uMzgtLjEyem05LjM0IDIuOTNjLS41NC0uMDItMS4zLjAyLTIuNC4wMmgtMS4yNWwxLjMgMS4wN2MuMS4wNy4xOC4yLjIuMzMuMDIuMTYtLjA2LjMtLjIuNGwtMS4zMyAxLjFoMS4yOGMuNDIgMCAuNzIuMjguNzIuNzJ2NC40N2MwIC40Mi0uMy43Mi0uNzIuNzJoLS4xdi0yLjQ3YzAtLjMtLjMtLjUzLS42LS40Ny0uMDcgMC0uMTQuMDUtLjIuMWwtNC45IDMuOTNjLS4yNi4xOC0uMjYuNiAwIC43OGw0LjkgMy45MmMuMjcuMjUuODIgMCAuOC0uMzh2LTIuNWguMWM0LjI3IDAgMy42NS42NyAzLjY1LTMuNjJ2LTQuNDdjMC0zLjE1LjQtMy42Mi0xLjI1LTMuNjZ6TTEwLjM0IDM4LjY2Yy0uMjQuMDItLjQ0LjI1LS40My41djIuNDdINy4zYy0xLjA4IDAtMS44Ni0uMDQtMi40LS4wNC0xLjY0IDAtMS4yNS40My0xLjI1IDMuNjV2NC40N2MwIDMuNjYtLjIzIDMuNyAyLjM0IDMuNjZsLTEuMzQtMS4xYy0uMS0uMDgtLjE4LS4yLS4yLS4zIDAtLjE3LjA3LS4zNS4yLS40NWwxLjk2LTEuNmMtLjAzLS4wNi0uMDQtLjEzLS4wNC0uMnYtNC40OGMwLS40NC4yOC0uNzIuNzItLjcySDkuOXYyLjVjMCAuMzYuNS42LjguMzhsNC45My0zLjkzYy4yNC0uMTguMjQtLjYgMC0uNzhsLTQuOTQtMy45MmMtLjEtLjA4LS4yMy0uMTMtLjM2LS4xMnptNS42MyAyLjkzbDEuMzQgMS4xYy4xLjA3LjE4LjIuMi4zMy4wMi4xNi0uMDMuMy0uMTYuNGwtMS45NiAxLjZjLjAyLjA3LjA2LjEzLjA2LjIydjQuNDdjMCAuNDItLjMuNzItLjcyLjcyaC0yLjY2di0yLjQ3YzAtLjMtLjMtLjUzLS42LS40Ny0uMDYuMDItLjEyLjA1LS4xOC4xbC00Ljk0IDMuOTNjLS4yNC4xOC0uMjQuNiAwIC43OGw0Ljk0IDMuOTJjLjI4LjIyLjc4LS4wMi43OC0uMzh2LTIuNWgyLjY2YzQuMjcgMCAzLjY1LjY3IDMuNjUtMy42MnYtNC40N2MwLTMuNjYuMzQtMy43LTIuNC0zLjY2ek0xMy4wNiA1Ny42NmMtLjIzLjAzLS40LjI2LS40LjV2Mi40N0g3LjI4Yy0xLjA4IDAtMS44Ni0uMDQtMi40LS4wNC0xLjY0IDAtMS4yNS40My0xLjI1IDMuNjV2NC44N2wyLjkzLTIuMzd2LTIuNWMwLS40NC4yOC0uNzIuNzItLjcyaDUuMzh2Mi41YzAgLjM2LjUuNi43OC4zOGw0Ljk0LTMuOTNjLjI0LS4xOC4yNC0uNiAwLS43OGwtNC45NC0zLjkyYy0uMS0uMS0uMjQtLjE0LS4zOC0uMTJ6bTUuMyA2LjE1bC0yLjkyIDIuNHYyLjUyYzAgLjQyLS4zLjcyLS43Mi43MmgtNS40di0yLjQ3YzAtLjMtLjMyLS41My0uNi0uNDctLjA3LjAyLS4xMy4wNS0uMi4xTDMuNiA3MC41MmMtLjI1LjE4LS4yNS42IDAgLjc4bDQuOTMgMy45MmMuMjguMjIuNzgtLjAyLjc4LS4zOHYtMi41aDUuNDJjNC4yNyAwIDMuNjUuNjcgMy42NS0zLjYydi00LjQ3LS40NHpNMTkuMjUgNzguOGMtLjEuMDMtLjIuMS0uMjguMTdsLS45LjljLS40NC0uMy0xLjM2LS4yNS0zLjM1LS4yNUg3LjI4Yy0xLjA4IDAtMS44Ni0uMDMtMi40LS4wMy0xLjY0IDAtMS4yNS40My0xLjI1IDMuNjV2LjdsMi45My4zdi0xYzAtLjQ0LjI4LS43Mi43Mi0uNzJoNy40NGMuMiAwIC4zNy4wOC41LjJsLTEuOCAxLjhjLS4yNS4yNi0uMDguNzYuMjcuOGw2LjI3LjdjLjI4LjAzLjU2LS4yNS41My0uNTNsLS43LTYuMjVjMC0uMjctLjMtLjQ4LS41NS0uNDR6bS0xNy4yIDYuMWMtLjIuMDctLjM2LjMtLjMzLjU0bC43IDYuMjVjLjAyLjM2LjU4LjU1LjgzLjI3bC44LS44Yy4wMiAwIC4wNC0uMDIuMDQgMCAuNDYuMjQgMS4zNy4xNyAzLjE4LjE3aDcuNDRjNC4yNyAwIDMuNjUuNjcgMy42NS0zLjYydi0uNzVsLTIuOTMtLjN2MS4wNWMwIC40Mi0uMy43Mi0uNzIuNzJINy4yOGMtLjE1IDAtLjMtLjAzLS40LS4xTDguOCA4Ni40Yy4zLS4yNC4xLS44LS4yNy0uODRsLTYuMjgtLjY1aC0uMnpNNC44OCA5OC42Yy0xLjMzIDAtMS4zNC40OC0xLjMgMi4zbDEuMTQtMS4zN2MuMDgtLjEuMjItLjE3LjM0LS4yLjE2IDAgLjM0LjA4LjQ0LjJsMS42NiAyLjAzYy4wNCAwIC4wNy0uMDMuMTItLjAzaDcuNDRjLjM0IDAgLjU3LjIuNjUuNWgtMi40M2MtLjM0LjA1LS41My41Mi0uMy43OGwzLjkyIDQuOTVjLjE4LjI0LjYuMjQuNzggMGwzLjk0LTQuOTRjLjIyLS4yNy0uMDItLjc2LS4zNy0uNzdIMTguNGMuMDItMy45LjYtMy40LTMuNjYtMy40SDcuMjhjLTEuMDggMC0xLjg2LS4wNC0yLjQtLjA0em0uMTUgMi40NmMtLjEuMDMtLjIuMS0uMjguMmwtMy45NCA0LjljLS4yLjI4LjAzLjc3LjQuNz
|
||
|
}
|
||
|
}
|