Federated social network node, running on kosmos.social
https://kosmos.social
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
381 lines
6.7 KiB
381 lines
6.7 KiB
body.rtl { |
|
direction: rtl; |
|
|
|
.column-header > button { |
|
text-align: right; |
|
padding-left: 0; |
|
padding-right: 15px; |
|
} |
|
|
|
.landing-page__logo { |
|
margin-right: 0; |
|
margin-left: 20px; |
|
} |
|
|
|
.landing-page .features-list .features-list__row .visual { |
|
margin-left: 0; |
|
margin-right: 15px; |
|
} |
|
|
|
.column-link__icon, |
|
.column-header__icon { |
|
margin-right: 0; |
|
margin-left: 5px; |
|
} |
|
|
|
.compose-form .compose-form__buttons-wrapper .character-counter__wrapper { |
|
margin-right: 0; |
|
margin-left: 4px; |
|
} |
|
|
|
.navigation-bar__profile { |
|
margin-left: 0; |
|
margin-right: 8px; |
|
} |
|
|
|
.search__input { |
|
padding-right: 10px; |
|
padding-left: 30px; |
|
} |
|
|
|
.search__icon .fa { |
|
right: auto; |
|
left: 10px; |
|
} |
|
|
|
.column-header__buttons { |
|
left: 0; |
|
right: auto; |
|
margin-left: 0; |
|
margin-right: -15px; |
|
} |
|
|
|
.column-inline-form .icon-button { |
|
margin-left: 0; |
|
margin-right: 5px; |
|
} |
|
|
|
.column-header__links .text-btn { |
|
margin-left: 10px; |
|
margin-right: 0; |
|
} |
|
|
|
.account__avatar-wrapper { |
|
float: right; |
|
} |
|
|
|
.column-header__back-button { |
|
padding-left: 5px; |
|
padding-right: 0; |
|
} |
|
|
|
.column-header__setting-arrows { |
|
float: left; |
|
} |
|
|
|
.setting-toggle__label { |
|
margin-left: 0; |
|
margin-right: 8px; |
|
} |
|
|
|
.status__avatar { |
|
left: auto; |
|
right: 10px; |
|
} |
|
|
|
.status, |
|
.activity-stream .status.light { |
|
padding-left: 10px; |
|
padding-right: 68px; |
|
} |
|
|
|
.status__info .status__display-name, |
|
.activity-stream .status.light .status__display-name { |
|
padding-left: 25px; |
|
padding-right: 0; |
|
} |
|
|
|
.activity-stream .pre-header { |
|
padding-right: 68px; |
|
padding-left: 0; |
|
} |
|
|
|
.status__prepend { |
|
margin-left: 0; |
|
margin-right: 68px; |
|
} |
|
|
|
.status__prepend-icon-wrapper { |
|
left: auto; |
|
right: -26px; |
|
} |
|
|
|
.activity-stream .pre-header .pre-header__icon { |
|
left: auto; |
|
right: 42px; |
|
} |
|
|
|
.account__avatar-overlay-overlay { |
|
right: auto; |
|
left: 0; |
|
} |
|
|
|
.column-back-button--slim-button { |
|
right: auto; |
|
left: 0; |
|
} |
|
|
|
.status__relative-time, |
|
.activity-stream .status.light .status__header .status__meta { |
|
float: left; |
|
} |
|
|
|
.status__action-bar { |
|
|
|
&__counter { |
|
margin-right: 0; |
|
margin-left: 11px; |
|
|
|
.status__action-bar-button { |
|
margin-right: 0; |
|
margin-left: 4px; |
|
} |
|
} |
|
} |
|
|
|
.status__action-bar-button { |
|
float: right; |
|
margin-right: 0; |
|
margin-left: 18px; |
|
} |
|
|
|
.status__action-bar-dropdown { |
|
float: right; |
|
} |
|
|
|
.privacy-dropdown__dropdown { |
|
margin-left: 0; |
|
margin-right: 40px; |
|
} |
|
|
|
.privacy-dropdown__option__icon { |
|
margin-left: 10px; |
|
margin-right: 0; |
|
} |
|
|
|
.detailed-status__display-name .display-name { |
|
text-align: right; |
|
} |
|
|
|
.detailed-status__display-avatar { |
|
margin-right: 0; |
|
margin-left: 10px; |
|
float: right; |
|
} |
|
|
|
.detailed-status__favorites, |
|
.detailed-status__reblogs { |
|
margin-left: 0; |
|
margin-right: 6px; |
|
} |
|
|
|
.fa-ul { |
|
margin-left: 2.14285714em; |
|
} |
|
|
|
.fa-li { |
|
left: auto; |
|
right: -2.14285714em; |
|
} |
|
|
|
.admin-wrapper { |
|
direction: rtl; |
|
} |
|
|
|
.admin-wrapper .sidebar ul a i.fa, |
|
a.table-action-link i.fa { |
|
margin-right: 0; |
|
margin-left: 5px; |
|
} |
|
|
|
.simple_form .check_boxes .checkbox label { |
|
padding-left: 0; |
|
padding-right: 25px; |
|
} |
|
|
|
.simple_form .input.with_label.boolean label.checkbox { |
|
padding-left: 25px; |
|
padding-right: 0; |
|
} |
|
|
|
.simple_form .check_boxes .checkbox input[type="checkbox"], |
|
.simple_form .input.boolean input[type="checkbox"] { |
|
left: auto; |
|
right: 0; |
|
} |
|
|
|
.simple_form .input.radio_buttons .radio { |
|
left: auto; |
|
right: 0; |
|
} |
|
|
|
.simple_form .input.radio_buttons .radio > label { |
|
padding-right: 28px; |
|
padding-left: 0; |
|
} |
|
|
|
.simple_form .input-with-append .input input { |
|
padding-left: 142px; |
|
padding-right: 0; |
|
} |
|
|
|
.simple_form .input.boolean label.checkbox { |
|
left: auto; |
|
right: 0; |
|
} |
|
|
|
.simple_form .input.boolean .label_input, |
|
.simple_form .input.boolean .hint { |
|
padding-left: 0; |
|
padding-right: 28px; |
|
} |
|
|
|
.simple_form .label_input__append { |
|
right: auto; |
|
left: 3px; |
|
|
|
&::after { |
|
right: auto; |
|
left: 0; |
|
background-image: linear-gradient(to left, rgba(darken($ui-base-color, 10%), 0), darken($ui-base-color, 10%)); |
|
} |
|
} |
|
|
|
.simple_form select { |
|
background: darken($ui-base-color, 10%) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(lighten($ui-base-color, 12%))}'/></svg>") no-repeat left 8px center / auto 16px; |
|
} |
|
|
|
.table th, |
|
.table td { |
|
text-align: right; |
|
} |
|
|
|
.filters .filter-subset { |
|
margin-right: 0; |
|
margin-left: 45px; |
|
} |
|
|
|
.landing-page .header-wrapper .mascot { |
|
right: 60px; |
|
left: auto; |
|
} |
|
|
|
.landing-page__call-to-action .row__information-board { |
|
direction: rtl; |
|
} |
|
|
|
.landing-page .header .hero .floats .float-1 { |
|
left: -120px; |
|
right: auto; |
|
} |
|
|
|
.landing-page .header .hero .floats .float-2 { |
|
left: 210px; |
|
right: auto; |
|
} |
|
|
|
.landing-page .header .hero .floats .float-3 { |
|
left: 110px; |
|
right: auto; |
|
} |
|
|
|
.landing-page .header .links .brand img { |
|
left: 0; |
|
} |
|
|
|
.landing-page .fa-external-link { |
|
padding-right: 5px; |
|
padding-left: 0 !important; |
|
} |
|
|
|
.landing-page .features #mastodon-timeline { |
|
margin-right: 0; |
|
margin-left: 30px; |
|
} |
|
|
|
@media screen and (min-width: 631px) { |
|
.column, |
|
.drawer { |
|
padding-left: 5px; |
|
padding-right: 5px; |
|
|
|
&:first-child { |
|
padding-left: 5px; |
|
padding-right: 10px; |
|
} |
|
} |
|
|
|
.columns-area > div { |
|
.column, |
|
.drawer { |
|
padding-left: 5px; |
|
padding-right: 5px; |
|
} |
|
} |
|
} |
|
|
|
.public-layout { |
|
.header { |
|
.nav-button { |
|
margin-left: 8px; |
|
margin-right: 0; |
|
} |
|
} |
|
|
|
.public-account-header__tabs { |
|
margin-left: 0; |
|
margin-right: 20px; |
|
} |
|
} |
|
|
|
.landing-page__information { |
|
.account__display-name { |
|
margin-right: 0; |
|
margin-left: 5px; |
|
} |
|
|
|
.account__avatar-wrapper { |
|
margin-left: 12px; |
|
margin-right: 0; |
|
} |
|
} |
|
|
|
.card__bar .display-name { |
|
margin-left: 0; |
|
margin-right: 15px; |
|
text-align: right; |
|
} |
|
|
|
.fa-chevron-left::before { |
|
content: "\F054"; |
|
} |
|
|
|
.fa-chevron-right::before { |
|
content: "\F053"; |
|
} |
|
|
|
.column-back-button__icon { |
|
margin-right: 0; |
|
margin-left: 5px; |
|
} |
|
|
|
.column-header__setting-arrows .column-header__setting-btn:last-child { |
|
padding-left: 0; |
|
padding-right: 10px; |
|
} |
|
|
|
.simple_form .input.radio_buttons .radio > label input { |
|
left: auto; |
|
right: 0; |
|
} |
|
}
|
|
|