跳转到内容
打开/关闭菜单
  • 1 条目
  • 2 文件
  • 8 用户
  • 590 编辑
ANACHRONISM
打开/关闭外观设置菜单
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。

模板:标识符/styles.css:修订间差异

来自ANACHRONISM
Ancimen​(留言 | 贡献)
无编辑摘要
Ancimen​(留言 | 贡献)
无编辑摘要
第1行: 第1行:
.wiki-marker {
.wiki-marker {
    /* 定位:给四角箭头做参照 */
     position: relative;
     position: relative;
    /* 布局:横向 flex,宽度撑满容器,永不换行 */
     display: flex;
     display: flex;
     align-items: center;
     align-items: center;
     gap: 0.5rem;
     gap: 0.5rem;
     width: 100%;
     width: 100%;
     min-height: 2.25rem;
     min-height: 2.5rem;
     padding: 0.45rem 2.25rem;
     padding: 0.5rem 2.5rem;
     box-sizing: border-box;
     box-sizing: border-box;
     white-space: nowrap;
     white-space: nowrap;
     overflow: hidden;
     overflow: hidden;


    /* 视觉:暗红渐变底色 + 圆角 */
     border-radius: 0.4rem;
     border-radius: 0.4rem;
     background: linear-gradient(90deg, #56000d 0%, #8b1a2b 50%, #56000d 100%);
     background: linear-gradient(90deg, #56000d 0%, #8b1a2b 50%, #56000d 100%);
第23行: 第19行:
}
}


/* 四角箭头:纯装饰 */
/* 四角箭头:纯装饰,围绕自身中心旋转 */
.wiki-marker__corner {
.wiki-marker__corner {
     position: absolute;
     position: absolute;
第29行: 第25行:
     align-items: center;
     align-items: center;
     justify-content: center;
     justify-content: center;
     width: 1.4rem;
     width: 1.6rem;
     height: 1.4rem;
     height: 1.6rem;
     font-size: 1.5rem;
     font-size: 1.5rem;
     line-height: 1;
     line-height: 1;
     color: rgba(255, 255, 255, 0.55);
     color: rgba(255, 255, 255, 0.6);
     user-select: none;
     user-select: none;
    /* 关键:默认 transform-origin 是 center,旋转不偏移 */
    /* 呼吸发光(浅白 + 主色光晕),跟随标识符主色 */
    animation: wiki-marker-corner-glow 2s ease-in-out infinite;
}
@keyframes wiki-marker-corner-glow {
    0%, 100% {
        text-shadow:
            0 0 3px rgba(255, 215, 221, 0.7),
            0 0 6px rgba(139, 26, 43, 0.5);
    }
    50% {
        text-shadow:
            0 0 5px rgba(255, 215, 221, 1),
            0 0 12px rgba(139, 26, 43, 0.9),
            0 0 20px rgba(139, 26, 43, 0.6);
    }
}
}


.wiki-marker__corner--tl {
.wiki-marker__corner--tl {
     top: 0;
     top: 0.15rem;
     left: 0;
     left: 0.15rem;
     transform-origin: top left;
     transform: rotate(0deg);
}
}
.wiki-marker__corner--tr {
.wiki-marker__corner--tr {
     top: 0;
     top: 0.15rem;
     right: 0;
     right: 0.15rem;
    transform-origin: top right;
     transform: rotate(90deg);
     transform: rotate(90deg);
}
}
.wiki-marker__corner--br {
.wiki-marker__corner--br {
     bottom: 0;
     bottom: 0.15rem;
     right: 0;
     right: 0.15rem;
    transform-origin: bottom right;
     transform: rotate(180deg);
     transform: rotate(180deg);
}
}
.wiki-marker__corner--bl {
.wiki-marker__corner--bl {
     bottom: 0;
     bottom: 0.15rem;
     left: 0;
     left: 0.15rem;
    transform-origin: bottom left;
     transform: rotate(-90deg);
     transform: rotate(-90deg);
}
}


/* 说明文字(可点击) */
/* 说明文字 */
.wiki-marker__label {
.wiki-marker__label {
     flex: 1 1 auto;
     flex: 1 1 auto;
第89行: 第100行:
}
}


/* 夜间模式:加深一层底色,白字保持可读 */
/* 夜间模式 */
html.skin-theme-clientpref-night .wiki-marker,
html.skin-theme-clientpref-night .wiki-marker,
html.skin-theme-clientpref-pureblack .wiki-marker {
html.skin-theme-clientpref-pureblack .wiki-marker {
     background: linear-gradient(90deg, #3a0008 0%, #6b1010 50%, #3a0008 100%);
     background: linear-gradient(90deg, #3a0008 0%, #6b1010 50%, #3a0008 100%);
}
}

2026年9月29日 (二) 20:55的版本

.wiki-marker {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    min-height: 2.5rem;
    padding: 0.5rem 2.5rem;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;

    border-radius: 0.4rem;
    background: linear-gradient(90deg, #56000d 0%, #8b1a2b 50%, #56000d 100%);
    color: #fff;

    font-size: 0.88rem;
    line-height: 1.4;
}

/* 四角箭头:纯装饰,围绕自身中心旋转 */
.wiki-marker__corner {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.6rem;
    height: 1.6rem;
    font-size: 1.5rem;
    line-height: 1;
    color: rgba(255, 255, 255, 0.6);
    user-select: none;
    /* 关键:默认 transform-origin 是 center,旋转不偏移 */

    /* 呼吸发光(浅白 + 主色光晕),跟随标识符主色 */
    animation: wiki-marker-corner-glow 2s ease-in-out infinite;
}

@keyframes wiki-marker-corner-glow {
    0%, 100% {
        text-shadow:
            0 0 3px rgba(255, 215, 221, 0.7),
            0 0 6px rgba(139, 26, 43, 0.5);
    }
    50% {
        text-shadow:
            0 0 5px rgba(255, 215, 221, 1),
            0 0 12px rgba(139, 26, 43, 0.9),
            0 0 20px rgba(139, 26, 43, 0.6);
    }
}

.wiki-marker__corner--tl {
    top: 0.15rem;
    left: 0.15rem;
    transform: rotate(0deg);
}
.wiki-marker__corner--tr {
    top: 0.15rem;
    right: 0.15rem;
    transform: rotate(90deg);
}
.wiki-marker__corner--br {
    bottom: 0.15rem;
    right: 0.15rem;
    transform: rotate(180deg);
}
.wiki-marker__corner--bl {
    bottom: 0.15rem;
    left: 0.15rem;
    transform: rotate(-90deg);
}

/* 说明文字 */
.wiki-marker__label {
    flex: 1 1 auto;
    min-width: 0;
    text-align: center;
    color: #fff;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
}
.wiki-marker__label:hover {
    color: #ffd7dd;
    text-decoration: none;
}

/* 作者栏 */
.wiki-marker__author {
    flex: 0 0 auto;
    padding-left: 0.75rem;
    border-left: 1px solid rgba(255, 255, 255, 0.35);
    color: rgba(255, 255, 255, 0.92);
    font-size: 0.82rem;
}
.wiki-marker__author a {
    color: #fff;
    text-decoration: underline;
}

/* 夜间模式 */
html.skin-theme-clientpref-night .wiki-marker,
html.skin-theme-clientpref-pureblack .wiki-marker {
    background: linear-gradient(90deg, #3a0008 0%, #6b1010 50%, #3a0008 100%);
}