注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的更改的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5。
/* 这里放置的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: 1rem;
z-index: 1;
}
.quote-author {
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 );
}