更多操作
无编辑摘要 |
无编辑摘要 |
||
| 第27行: | 第27行: | ||
z-index: 1; | z-index: 1; | ||
} | } | ||
blockquote: | |||
blockquote:after { | |||
content: '”'; | content: '”'; | ||
font-size: 72px; | font-size: 72px; | ||
| 第38行: | 第39行: | ||
top: 0; | top: 0; | ||
z-index: 1; | z-index: 1; | ||
} | |||
.quote-authot { | |||
text-align: right; | |||
} | } | ||
2025年3月31日 (一) 16:22的版本
/* 这里放置的CSS将应用于所有皮肤 */
/* Animation */
.animation-02s {
transition: all 0.2s;
}
.animation-02s:hover {
transition: all 0.2s;
}
.animation-scale:hover {
transform: scale(1.05);
}
/* Blockquote */
blockquote:before {
content: '“';
font-size: 72px;
font-family: Arial;
color: #000;
opacity: 0.5;
display: block;
position: absolute;
left: 6px;
top: -25px;
z-index: 1;
}
blockquote:after {
content: '”';
font-size: 72px;
font-family: Arial;
color: #000;
opacity: 0.5;
display: block;
position: absolute;
right: 0;
top: 0;
z-index: 1;
}
.quote-authot {
text-align: right;
}
/* Template: LinkButton */
.link-button p {
display: flex;
text-align: center;
}
.link-button a {
flex-grow: 1;
padding: 0.3rem 0.6rem;
border: 1px solid;
border-color: var( --border-color-base );
background: var( --color-surface-2 );
border-radius: 12px;
color: var( --color-base--emphasized ) !important;
}
.link-button a:hover {
text-decoration: none;
background: var( --color-surface-2--hover );
}
.link-button a:active {
background: var( --color-surface-2--active );
}