Created
August 21, 2020 03:18
-
-
Save Efimero/f099e5d29a47d20ed0abc1b6ac7fad34 to your computer and use it in GitHub Desktop.
fixed-width mastodon
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
html * { | |
_color: green !important; | |
_background-color: black; | |
} | |
body *:not(.fa) { | |
font-family: "GohuFont", monospace !important; | |
font-size: 11px !important; | |
font-weight: normal !important; | |
line-height: 11px !important; | |
border-radius: 0 !important; | |
} | |
.column-header__buttons { | |
height: 11px; | |
margin-right: 2px; | |
} | |
.columns-area > * { | |
padding: 2px; | |
} | |
.drawer__header { | |
height: 15px; | |
padding-top: 2px; | |
margin-bottom: 4px; | |
} | |
.drawer__tab { | |
padding: 0; | |
margin: 0; | |
} | |
.search__icon .fa { | |
height: 11px; | |
width: 11px; | |
font-size: 11px; | |
top: 2px !important; | |
} | |
.search { | |
margin-bottom: 4px; | |
} | |
.search input, .navigation-bar, .compose-form { | |
padding: 2px; | |
} | |
.compose-form textarea { | |
padding-left: 4px !important; | |
padding-top: 4px !important; | |
} | |
.compose-form__buttons-wrapper { | |
padding: 2px !important; | |
} | |
.compose-form__buttons { | |
display: block !important; | |
height: 11px; | |
} | |
.compose-form__buttons * { | |
padding: 0 !important; | |
margin: 0 !important; | |
height: 11px !important; | |
width: 13px !important; | |
} | |
.compose-form__buttons > * { | |
display: inline-block; | |
} | |
.compose-form__publish-button-wrapper { | |
padding: 2px !important; | |
padding-right: 0 !important; | |
} | |
.compose-form__publish-button-wrapper button { | |
padding: 2px !important; | |
height: 14px !important; | |
} | |
.compose-form__warning, .reply-indicator { | |
padding: 2px !important; | |
margin-bottom: 2px !important; | |
} | |
.reply-indicator__header { | |
padding: 2px; | |
margin-bottom: 0; | |
} | |
.reply-indicator__cancel button { | |
height: 11px !important; | |
width: 11px !important; | |
} | |
.reply-indicator__display-avatar, .reply-indicator__display-avatar div { | |
height: 22px !important; | |
width: 22px !important; | |
background-size: 22px 22px !important; | |
} | |
.reply-indicator__content p, .status__content p { | |
margin-bottom: 11px; | |
} | |
.spoiler-input input { | |
padding: 2px !important; | |
} | |
.spoiler-input.spoiler-input--visible { | |
height: 17px !important; | |
margin-bottom: 0px !important; | |
} | |
.privacy-dropdown__option { | |
padding: 2px; | |
} | |
.autosuggest-textarea__suggestions--visible { | |
padding: 2px !important; | |
} | |
.autosuggest-textarea__suggestions--visible > div { | |
padding: 2px !important; | |
} | |
.autosuggest-textarea__suggestions--visible .account__avatar { | |
width: 18px !important; | |
height: 18px !important; | |
background-size: 18px !important; | |
} | |
h1 button { | |
padding: 2px !important; | |
} | |
h1 { | |
_height: 18px; | |
} | |
.column-header__wrapper.active::before { | |
top: 6px; | |
} | |
.status, .activity-stream .status { | |
padding: 2px; | |
padding-left: 50px; | |
min-height: 0; | |
} | |
.status__avatar, .activity-stream .status__avatar { | |
top: 2px; | |
left: 2px; | |
width: 44px; | |
height: 44px; | |
} | |
.account__avatar { | |
width: 44px !important; | |
height: 44px !important; | |
background-size: 44px 44px !important; | |
} | |
.status__prepend, .activity-stream .status__prepend { | |
padding: 2px; | |
margin-left: 61px; | |
} | |
.status__prepend-icon-wrapper, .activity-stream .status__prepend-icon-wrapper { | |
left: -13px; | |
} | |
.status__action-bar, .activity-stream .status__action-bar { | |
margin-bottom: 4px; | |
margin-top: 4px; | |
} | |
.status__expand, .activity-stream .status__expand { | |
width: 50px; | |
} | |
.status-card:not(.horizontal):not(.interactive) { | |
margin-top: 11px; | |
height: 44px !important; | |
} | |
.status-card:not(.horizontal):not(.interactive) .status-card__image-image { | |
height: 44px !important; | |
} | |
.status__content__read-more-button { | |
padding-top: 11px; | |
} | |
.media-gallery { | |
margin-top: 4px; | |
} | |
.status__action-bar-button, .status__action-bar-dropdown { | |
height: 11px !important; | |
width: 11px !important; | |
margin-right: 4px; | |
} | |
.status__action-bar__counter, .activity-stream .status__action-bar__counter { | |
margin: 0; | |
} | |
.notification__message { | |
margin: 0; | |
margin-left: 62px; | |
padding-top: 2px; | |
} | |
.notification .account { | |
padding: 2px; | |
} | |
.notification .icon-button { | |
width: 11px !important; | |
height: 11px !important; | |
} | |
.account__avatar-wrapper { | |
margin: 0; | |
margin-right: 4px; | |
} | |
.notification__favourite-icon-wrapper { | |
left: -15px; | |
} | |
.notification__filter-bar > *{ | |
padding-top: 6px !important; | |
padding-bottom: 6px !important; | |
} | |
.notification__filter-bar button.active::after, .notification__filter-bar button.active::before { | |
border-width: 0 5px 5px; | |
} | |
.dropdown-menu { | |
padding: 0; | |
} | |
.dropdown-menu__item > a { | |
padding: 2px; | |
} | |
.dropdown-menu__separator { | |
margin: 0; | |
} | |
.account__action-bar-links a, .account__action-bar-dropdown { | |
padding: 4px; | |
} | |
.account__action-bar-dropdown .icon-button { | |
width: 22px !important; | |
height: 22px !important; | |
} | |
.account__section-headline a { | |
padding: 6px; | |
} | |
.account__section-headline a::before, .account__section-headline a::after { | |
border-width: 0 5px 5px !important; | |
} | |
.account__header__fields { | |
margin:0 !important; | |
_margin-top: 11px !important; | |
padding: 0 !important; | |
} | |
.account__header__fields dt, .account__header__fields dd { | |
padding: 6px !important; | |
} | |
.account__disclaimer, .column-back-button { | |
padding: 2px; | |
} | |
.account-gallery__item { | |
width: 16.6%; | |
} | |
.account__header > div { | |
text-align: left; | |
padding: 0px; | |
_padding-top: 15px; | |
} | |
.account__header__display-name, .account__header__username, .account__header__content { | |
margin-left: 4px; | |
} | |
.account__header__content { | |
padding: 10px !important; | |
padding-bottom: 0px !important; | |
} | |
.account__header__avatar { | |
margin: 0px 3px 11px; | |
} | |
.account__header__tabs { | |
margin: 0; | |
} | |
.account__header__tabs__buttons { | |
padding: 0; | |
} | |
.account--action-button { | |
top: 5px; | |
right: 5px; | |
float: right; | |
padding: 0 !important; | |
} | |
.account--action-button .icon-button { | |
width: 150px !important; | |
height: 22px !important; | |
text-align: right; | |
font-size: 22px !important; | |
} | |
.account--follows-info { | |
padding: 2px; | |
padding-right: 23px; | |
top: 0px; | |
left: 2px; | |
} | |
.detailed-status { | |
padding: 2px; | |
} | |
.detailed-status__action-bar { | |
padding: 0; | |
} | |
.detailed-status__display-name { | |
margin-bottom: 11px; | |
} | |
.detailed-status__meta { | |
margin-top: 11px; | |
} | |
.detailed-status__display-avatar { | |
margin-right: 2px; | |
} | |
.emojione { | |
width: 12px !important; | |
height: 11px !important; | |
margin: 0 !important; | |
} | |
.emoji-picker-dropdown { | |
top: 2px !important; | |
right: 4px !important; | |
} | |
.emoji-button { | |
width: auto; | |
} | |
.invisible { | |
display: none; | |
} | |
i.fa-retweet { | |
background-image: none !important; | |
} | |
.public-layout .public-account-header__bar { | |
margin-top: -120px; | |
} | |
.public-layout .public-account-header__bar .avatar img { | |
border: 0px; | |
background: none; | |
} | |
.public-layout .public-account-header__tabs__name { | |
padding-bottom: 19px; | |
} | |
.public-layout .button.logo-button { | |
position: absolute; | |
bottom: 0px; | |
right: 0px; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment