152 lines
2.8 KiB
SCSS
152 lines
2.8 KiB
SCSS
.archetype-private_message {
|
|
--border-radius: 2em;
|
|
|
|
@keyframes current-user-background-fade-highlight {
|
|
0% {
|
|
background-color: var(--secondary);
|
|
border-color: var(--primary-low);
|
|
}
|
|
100% {
|
|
background-color: var(--tertiary-very-low);
|
|
border-color: transparent;
|
|
}
|
|
}
|
|
|
|
.topic-body .cooked {
|
|
box-sizing: border-box;
|
|
border: 1px solid var(--primary-low);
|
|
margin-top: 0.25em;
|
|
margin-left: -1.35em;
|
|
padding: 1.5em 1.5em 0.5em 2em;
|
|
border-radius: 0 var(--border-radius) var(--border-radius)
|
|
var(--border-radius);
|
|
}
|
|
|
|
.current-user-post {
|
|
&:not(.moderator) {
|
|
.topic-body .cooked {
|
|
background: var(--tertiary-very-low);
|
|
}
|
|
.topic-body.highlighted {
|
|
.cooked {
|
|
animation: current-user-background-fade-highlight 2.5s ease-out;
|
|
}
|
|
}
|
|
}
|
|
.topic-body .cooked {
|
|
border: 1px solid transparent;
|
|
}
|
|
.embedded-posts {
|
|
.topic-body .cooked {
|
|
border: 1px solid var(--primary-low);
|
|
background: transparent;
|
|
}
|
|
}
|
|
}
|
|
|
|
.moderator {
|
|
.topic-body .cooked {
|
|
border: 1px solid transparent;
|
|
}
|
|
}
|
|
|
|
.deleted .topic-body {
|
|
.cooked {
|
|
background: var(--danger-low);
|
|
}
|
|
}
|
|
|
|
.whisper {
|
|
.topic-body .cooked {
|
|
background: transparent;
|
|
border: 2px dashed var(--primary-low);
|
|
}
|
|
|
|
&.my-post .topic-body .cooked {
|
|
border: 2px dashed var(--tertiary-very-low);
|
|
}
|
|
}
|
|
|
|
.topic-body.highlighted {
|
|
animation: none;
|
|
.cooked {
|
|
animation: background-fade-highlight 2.5s ease-out;
|
|
}
|
|
}
|
|
|
|
.topic-avatar,
|
|
.topic-body {
|
|
border: none;
|
|
}
|
|
|
|
.post-menu-area {
|
|
margin-top: 0.5em;
|
|
}
|
|
|
|
.post-notice {
|
|
margin-bottom: 1em;
|
|
border: none;
|
|
background: var(--primary-very-low);
|
|
border-radius: var(--border-radius);
|
|
margin-left: 1.5em;
|
|
box-sizing: border-box;
|
|
padding: 1.5em 2em;
|
|
}
|
|
|
|
.topic-map {
|
|
margin-left: -1.5em;
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
padding: 1.25em;
|
|
|
|
section {
|
|
border: none;
|
|
}
|
|
.map:not(.map-collapsed) {
|
|
.avatars {
|
|
margin: 0.5em 0;
|
|
}
|
|
}
|
|
|
|
.participants {
|
|
margin-bottom: 1.5em;
|
|
.user {
|
|
border: none;
|
|
background: var(--primary-low);
|
|
padding: 2px 4px;
|
|
border-radius: var(--border-radius);
|
|
}
|
|
}
|
|
}
|
|
|
|
.map:first-of-type .buttons .btn {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
}
|
|
|
|
.embedded-posts {
|
|
border: none;
|
|
.topic-body {
|
|
overflow: visible;
|
|
}
|
|
.topic-body,
|
|
.topic-avatar {
|
|
border: none !important; // overrides some specificity for .bottom
|
|
}
|
|
.collapse-down,
|
|
.collapse-up {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.timeline-replies {
|
|
display: flex;
|
|
align-items: baseline;
|
|
margin-right: 0.15em;
|
|
}
|
|
|
|
.gap {
|
|
margin-bottom: 2em;
|
|
}
|
|
}
|