Created
August 21, 2020 03:18
-
-
Save Efimero/f099e5d29a47d20ed0abc1b6ac7fad34 to your computer and use it in GitHub Desktop.
fixed-width mastodon
This file contains hidden or 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