MediaWiki:Common.css：修订间差异

2026年2月14日 (六) 02:25的版本

/* 这里放置的CSS将应用于所有皮肤 */
html{-webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);}
*,.page-info__label{font-family:Roboto !important;}
#siteSub{display:none !important;}

/* 全站节日氛围 */
body {
    background-color: #f9ebea;  /* 淡红色背景 */
}

/* 内容区背景加个“福”字水印 */
.mw-body {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" opacity="0.1"><text x="10" y="50" font-size="80" fill="%23c0392b">福</text></svg>');
    background-repeat: repeat;
    background-size: 150px;
}

/* 一级标题变红 */
h1, h2 {
    color: #b03a2e;
    border-bottom-color: #e6b9b4;
}

/* 链接变色（春节金红色系） */
a {
    color: #b03a2e;
}
a:visited {
    color: #884538;
}
a:hover {
    color: #e67e22;
}

/* 左侧导航栏加点红 */
#mw-panel {
    background-color: #fadbd8;
    border-right: 2px solid #c0392b;
}
/* 右上角挂个灯笼 */
#p-logo:after {
    content: "🏮";
    font-size: 48px;
    position: absolute;
    top: -10px;
    right: 20px;
    transform: rotate(15deg);
    text-shadow: 0 0 10px orange;
    pointer-events: none;
}

/* 左下角再挂一个 */
#footer:before {
    content: "🏮";
    font-size: 40px;
    position: relative;
    bottom: -10px;
    left: 10px;
    float: left;
    margin-right: 20px;
}
/* 全站主色调调整 */
:root {
    /* 主色：红色调（适合春节）*/
    --color-primary__h: 350;    /* 红色系 */
    --color-primary__s: 80%;    /* 饱和度稍高 */
    --color-primary__l: 55%;    /* 亮度适中 */
    
    /* 如果想改其他特定颜色，可以继续加 */
    --color-link: hsl(var(--color-primary__h), var(--color-primary__s), var(--color-primary__l));
    --color-link--hover: hsl(var(--color-primary__h), calc(var(--color-primary__s) - 10%), calc(var(--color-primary__l) + 10%));
}

/* 如果你想单独调整深色模式的颜色 */
:root.skin-citizen-dark {
    --color-primary__h: 350;     /* 深色模式下也用红色 */
    --color-primary__s: 70%;
    --color-primary__l: 65%;
}