2023-05-21 09:41:51 -04:00
|
|
|
.tldr {
|
|
|
|
overflow: hidden;
|
|
|
|
text-overflow: " ... [点击展开]";
|
|
|
|
display: -webkit-box;
|
|
|
|
-webkit-line-clamp: 10;
|
|
|
|
-webkit-box-orient: vertical;
|
|
|
|
}
|
|
|
|
|
|
|
|
.tldr-2 {
|
|
|
|
overflow: hidden;
|
|
|
|
text-overflow: " ... [点击展开]";
|
|
|
|
display: -webkit-box;
|
|
|
|
-webkit-line-clamp: 2;
|
|
|
|
-webkit-box-orient: vertical;
|
|
|
|
}
|
|
|
|
|
2023-06-05 02:28:40 -04:00
|
|
|
.longlist {
|
|
|
|
max-height: 60vh;
|
|
|
|
overflow-y: scroll;
|
|
|
|
}
|
|
|
|
|
2023-05-21 09:41:51 -04:00
|
|
|
.hidden {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.invisible {
|
|
|
|
visibility: hidden;
|
|
|
|
}
|
|
|
|
|
2023-06-08 19:57:10 -04:00
|
|
|
.folded {
|
|
|
|
max-height: 0;
|
|
|
|
transform: scaleY(0);
|
|
|
|
transform-origin: top;
|
|
|
|
transition: transform 0.2s ease;
|
|
|
|
}
|
|
|
|
|
|
|
|
.folded.unfold {
|
|
|
|
max-height: max-content;
|
|
|
|
transform: scaleY(1);
|
|
|
|
}
|
|
|
|
|
2023-05-21 09:41:51 -04:00
|
|
|
a:not(:hover) {
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
2023-05-20 11:01:18 -04:00
|
|
|
body {
|
|
|
|
--pico-block-spacing-vertical: var(--pico-block-spacing-horizontal);
|
|
|
|
}
|
|
|
|
|
|
|
|
article.item-card {
|
|
|
|
padding: calc(var(--pico-block-spacing-horizontal));
|
|
|
|
margin-bottom: calc(var(--pico-block-spacing-vertical) / 2);
|
|
|
|
|
|
|
|
header,
|
|
|
|
footer {
|
|
|
|
padding: calc(var(--pico-block-spacing-horizontal) / 2);
|
|
|
|
}
|
|
|
|
|
|
|
|
section {
|
|
|
|
margin-bottom: calc(var(--pico-spacing) / 1);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
article.item-card.external h5 {
|
|
|
|
font-style: italic;
|
|
|
|
}
|
|
|
|
|
|
|
|
details {
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
|
2023-12-23 10:47:23 -05:00
|
|
|
.invalid {
|
|
|
|
color: var(--pico-del-color);
|
|
|
|
}
|
|
|
|
|
|
|
|
.valid {
|
|
|
|
color: var(--pico-ins-color);
|
|
|
|
}
|
|
|
|
|
2023-05-20 11:01:18 -04:00
|
|
|
.empty {
|
|
|
|
font-style: italic;
|
|
|
|
font-size: 80%;
|
|
|
|
color: var(--pico-muted-color);
|
|
|
|
}
|
|
|
|
|
2024-04-07 19:44:37 -04:00
|
|
|
.deleting {
|
|
|
|
background: repeating-linear-gradient(
|
|
|
|
135deg,
|
|
|
|
var(--pico-muted-border-color),
|
|
|
|
var(--pico-muted-border-color) 10px,
|
|
|
|
var(--pico-background-color) 10px,
|
|
|
|
var(--pico-background-color) 20px
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
2023-06-20 12:38:29 -04:00
|
|
|
.hint {
|
|
|
|
color: var(--pico-muted-color);
|
|
|
|
opacity: 0.5;
|
|
|
|
}
|
|
|
|
|
2023-05-20 11:01:18 -04:00
|
|
|
.oneline {
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
overflow: hidden;
|
|
|
|
white-space: nowrap;
|
|
|
|
}
|
|
|
|
|
|
|
|
.handler {
|
|
|
|
color: var(--pico-muted-color);
|
|
|
|
word-break: break-all;
|
|
|
|
opacity: 0.5;
|
|
|
|
}
|
|
|
|
|
|
|
|
.loading {
|
|
|
|
color: var(--pico-muted-color);
|
|
|
|
opacity: 0.5;
|
|
|
|
}
|
|
|
|
|
2024-01-05 22:44:13 -05:00
|
|
|
.shelf {
|
|
|
|
.action {
|
2024-05-29 10:50:41 -04:00
|
|
|
float: unset;
|
|
|
|
position: absolute;
|
|
|
|
right: 0;
|
2024-01-05 22:44:13 -05:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2024-04-20 22:02:42 -04:00
|
|
|
.post {
|
|
|
|
span.invisible {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
span.ellipsis:after {
|
|
|
|
content: "…";
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2023-05-20 11:01:18 -04:00
|
|
|
.action {
|
|
|
|
width: max-content;
|
|
|
|
float: right;
|
|
|
|
|
|
|
|
&.inline {
|
|
|
|
float: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
>span {
|
|
|
|
padding-left: calc(var(--pico-spacing)/2);
|
|
|
|
}
|
|
|
|
|
|
|
|
a {
|
|
|
|
cursor: pointer;
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.hidden {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.disabled,
|
|
|
|
.timestamp {
|
|
|
|
cursor: unset;
|
|
|
|
color: var(--pico-muted-color);
|
|
|
|
opacity: 0.5;
|
|
|
|
}
|
|
|
|
|
|
|
|
a:not(:hover) {
|
|
|
|
color: var(--pico-muted-color);
|
|
|
|
opacity: 0.5;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.activated:not(:hover) {
|
|
|
|
color: var(--pico-primary);
|
|
|
|
opacity: 1;
|
|
|
|
}
|
2023-07-07 16:54:15 -04:00
|
|
|
|
|
|
|
.tag-list a:not(:hover) {
|
|
|
|
color: white;
|
|
|
|
}
|
2023-05-20 11:01:18 -04:00
|
|
|
}
|
|
|
|
|
2023-07-17 19:00:29 -04:00
|
|
|
.hide-action {
|
|
|
|
.action {
|
|
|
|
display: none !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2024-04-13 00:53:56 -04:00
|
|
|
small.title_deco {
|
|
|
|
color: var(--pico-muted-color);
|
|
|
|
opacity: 0.5;
|
|
|
|
}
|
|
|
|
|
2023-05-20 11:01:18 -04:00
|
|
|
form img {
|
|
|
|
max-height: 20vh;
|
|
|
|
}
|
2023-05-26 16:14:07 -04:00
|
|
|
|
|
|
|
.avatar {
|
|
|
|
display: inline-block;
|
|
|
|
|
|
|
|
img {
|
2024-06-03 21:55:00 -04:00
|
|
|
max-width: unset;
|
2023-05-26 16:14:07 -04:00
|
|
|
border-radius: 50%;
|
|
|
|
height: calc(1rem * var(--pico-line-height) + var(--pico-nav-link-spacing-vertical) * 2 - var(--pico-border-width) * 2);
|
|
|
|
width: calc(1rem * var(--pico-line-height) + var(--pico-nav-link-spacing-vertical) * 2 - var(--pico-border-width) * 2);
|
|
|
|
border: 2px solid var(--pico-form-element-background-color);
|
|
|
|
border-radius: 50%;
|
|
|
|
transition: linear 0.25s;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.avatar a img:hover {
|
|
|
|
transition: ease-out 0.2s;
|
|
|
|
border: 2px solid var(--pico-primary);
|
|
|
|
-webkit-transition: ease-out 0.2s;
|
|
|
|
}
|
2023-06-09 02:23:15 -04:00
|
|
|
|
|
|
|
.multi-fields {
|
|
|
|
>span:not(:first-child):before {
|
|
|
|
content: "/";
|
|
|
|
margin: 0 0.5em;
|
|
|
|
}
|
|
|
|
}
|
2023-12-30 22:20:15 -05:00
|
|
|
|
|
|
|
.pagination {
|
|
|
|
text-align: center;
|
|
|
|
width: 100%;
|
|
|
|
margin-top: 1em;
|
|
|
|
a {
|
|
|
|
margin: 0 0.3em;
|
|
|
|
}
|
|
|
|
.s, .prev, .next {
|
|
|
|
font-size: 1.4em;
|
|
|
|
}
|
|
|
|
.prev {
|
|
|
|
margin-right: 0.5em;
|
|
|
|
}
|
|
|
|
.next {
|
|
|
|
margin-left: 0.5em;
|
|
|
|
}
|
|
|
|
.current {
|
|
|
|
font-weight: bold;
|
|
|
|
font-size: 1.1em;
|
|
|
|
color: var(--pico-secondary);
|
|
|
|
}
|
|
|
|
}
|