闭社主体 forked from https://github.com/tootsuite/mastodon
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.
 
 
 
 

221 lines
4.3 KiB

/* Fil */
/* Status */
/* Drawer */
body {
background: rgba(73, 58, 99, 1) url(https://www.tsinghua.edu.cn/images/footer.jpg) no-repeat fixed;
background-size: cover;
background-attachment: fixed;
background-position: center;
height: 100vh !important;
}
body.theme-thu {
background: rgba(73, 58, 99, 1) url(https://www.tsinghua.edu.cn/images/footer.jpg) no-repeat fixed;
background-size: cover;
background-attachment: fixed;
background-position: center;
height: 100vh !important;
}
.ui {
background: rgba(0, 0, 0, .4);
}
.column {
>.scrollable {
background: rgba(128, 112, 132, 0);
border-radius: 0 0 0.25rem 0.25rem;
color: rgba(240, 240, 240, 1);
}
}
.column-back-button {
background: rgba(240, 240, 240, 1);
box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.05);
border-bottom: 1px solid transparent;
height: auto;
}
.column-header {
background: rgba(73, 58, 99, 0.4);
border-bottom: 1px solid #aaa;
border-radius: 0.25rem 0.25rem 0 0;
}
.column-icon {
background: transparent !important;
color: rgba(255, 255, 255, .5);
}
.collapsable-collapsed {
background: transparent !important;
color: rgba(255, 255, 255, .5);
}
.column-header__button {
background: transparent !important;
color: rgba(255, 255, 255, .5);
}
.column-header__back-button {
background: transparent !important;
color: rgba(255, 255, 255, .5);
}
.column-link {
background: rgba(40, 40, 40, 0);
color: rgba(200, 200, 200, 1);
box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.05);
&:hover {
background: rgba(102, 8, 116, 0.5);
color: rgba(255, 255, 255, 1);
}
}
.drawer__header {
a {
&:hover {
background: rgba(66, 40, 72, 1);
}
}
background: transparent;
}
.getting-started {
p {
color: rgba(102, 102, 102, 1);
}
background: rgb(52, 40, 62, 0.4);
}
.static-content {
p {
margin-bottom: 0.5rem;
}
}
.column-subheading {
background: rgba(255, 255, 255, 0.2);
color: white;
}
.column-header__collapsible {
>div {
background: rgba(40, 60, 85, 0.6);
border-bottom: 1px solid;
}
}
.account__moved-note__message {
color: rgba(255, 255, 255, 1);
}
.account__moved-note {
.detailed-status__display-name {
span {
color: rgba(255, 255, 255, 1);
}
strong {
color: rgba(255, 255, 255, 0.5) !important;
}
}
}
.reply-indicator__content {
color: #DDD;
a {
color: rgba(37, 136, 208, 1);
}
.status__content__spoiler-link {
background: rgba(49, 53, 67, 1);
line-height: 1.2rem;
}
}
.status__content {
color: #DDD;
a {
color: rgba(37, 136, 208, 1);
}
.status__content__spoiler-link {
background: rgba(49, 53, 67, 1);
line-height: 1.2rem;
}
}
.status__wrapper {
border-top: 1px solid #ccc;
}
.focusable {
&:focus {
background: rgba(200, 222, 243, 0.5);
}
}
.account__header {
.icon-button {
color: rgba(255, 255, 255, 1);
color: rgba(255, 255, 255, 0.8);
&:hover {
color: rgba(255, 255, 255, 1);
}
}
background: rgba(57, 48, 59, 0);
>div {
background: rgba(57, 48, 59, 0);
}
}
.icon-button {
color: rgba(255, 255, 255, 0.6);
}
.status__display-name {
strong {
color: rgba(240, 240, 240, 1);
}
}
.account__display-name {
strong {
color: rgba(240, 240, 240, 1);
}
}
.status__content__spoiler-link {
span {
color: rgba(255, 255, 255, 1);
}
}
.account__action-bar {
.icon-button {
color: rgba(255, 255, 255, 0.8);
&:hover {
color: rgba(255, 255, 255, 1);
}
}
background: rgba(255, 255, 255, 1);
border-top: 1px solid rgba(255, 255, 255, 0.25);
border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.account__action-bar__tab {
border-left: 1px solid rgba(255, 255, 255, 0.25);
}
.notification__message {
a {
&:hover {
color: rgba(37, 136, 208, 1);
}
}
}
.detailed-status {
background: rgba(200, 222, 243, .2);
color: rgba(51, 51, 51, 1);
}
.detailed-status__display-name {
color: rgba(255, 255, 255, 0.5);
strong {
color: rgba(255, 255, 255, 0.5);
}
}
.detailed-status__meta {
color: rgba(255, 255, 255, 0.5);
}
.detailed-status__action-bar {
background: rgba(0, 0, 0, 0.05);
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.05);
}
.drawer__inner {
background: rgb(52, 40, 62, 0.7);
border-radius: 0.25rem;
height: auto;
max-height: 100%;
overflow-y: auto;
}
.getting-started__wrapper {
background: rgb(52, 40, 62, 0.4);
}
.pinned-info {
background: rgba(73, 58, 99, 0.7);
}
.tabs-bar__wrapper {
background: rgba(23,25,31);
}