模板:标识符/styles.css
来自ANACHRONISM
更多操作
< 模板:标识符
/* ============================================
标识符通用样式
============================================ */
.identifier {
display: flex;
justify-content: space-between;
align-items: center;
box-sizing: border-box;
width: 100%;
padding: 8px 12px;
gap: 12px;
font-size: 1rem;
line-height: 1.4;
border-radius: 4px;
margin: 6px 0;
}
.identifier__left {
font-weight: 800;
flex: 0 1 auto;
min-width: 0;
}
.identifier__left a {
color: inherit;
text-decoration: none;
}
.identifier__left a:hover {
text-decoration: underline;
}
.identifier__right {
font-size: 0.6em;
display: flex;
align-items: center;
gap: 6px;
flex: 1 1 auto;
justify-content: flex-end;
text-align: right;
min-width: 0;
}
.identifier__author {
font-size: 1.8em;
font-weight: bold;
white-space: nowrap;
}
.identifier__author a {
color: inherit;
text-decoration: none;
}
.identifier__author a:hover {
text-decoration: underline;
}
/* 窄屏:改为两行 */
@media (max-width: 700px) {
.identifier {
flex-direction: column;
align-items: flex-start;
gap: 6px;
}
.identifier__right {
justify-content: flex-start;
text-align: left;
}
}
/* 夜间模式:作者链接颜色跟随正文,不再额外处理 */