更多操作
无编辑摘要 |
无编辑摘要 |
||
| 第17行: | 第17行: | ||
blockquote:before { | blockquote:before { | ||
content: '“'; | content: '“'; | ||
font-size: | font-size: 4rem; | ||
font-family: Arial; | font-family: Arial; | ||
color: #000; | color: #000; | ||
| 第23行: | 第23行: | ||
display: block; | display: block; | ||
position: absolute; | position: absolute; | ||
left: | left: 0.5rem; | ||
top: - | top: -1.5rem; | ||
z-index: 1; | z-index: 1; | ||
} | } | ||
| 第30行: | 第30行: | ||
blockquote:after { | blockquote:after { | ||
content: '”'; | content: '”'; | ||
font-size: | font-size: 4rem; | ||
font-family: Arial; | font-family: Arial; | ||
color: #000; | color: #000; | ||
| 第36行: | 第36行: | ||
display: block; | display: block; | ||
position: absolute; | position: absolute; | ||
right: | right: 1rem; | ||
top: | top: 2rem; | ||
z-index: 1; | z-index: 1; | ||
} | } | ||
2025年3月31日 (一) 16:26的版本
/* 这里放置的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: 4rem;
font-family: Arial;
color: #000;
opacity: 0.5;
display: block;
position: absolute;
left: 0.5rem;
top: -1.5rem;
z-index: 1;
}
blockquote:after {
content: '”';
font-size: 4rem;
font-family: Arial;
color: #000;
opacity: 0.5;
display: block;
position: absolute;
right: 1rem;
top: 2rem;
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 );
}