MediaWiki:Wikia.css：修订间差异

2021年5月1日 (六) 13:44的最新版本

@font-face {/* 弯引号显示为雅黑全角，但影响英文引号 */
font-family:YaHeiQuota;
src:local('Microsoft YaHei');
unicode-range: U+201C,U+201D;
}
@font-face {
font-family:YaHeiQuota;
src:local('Microsoft YaHei Bold');
font-weight: bold;
unicode-range: U+201C,U+201D;
}
@font-face {/* 日文比例假名 */
font-family:MeiryoKana;
src:local("Meiryo UI");
unicode-range:U+3040-30FA,U+30FC-30FF,U+31F0-31FF;
}
@font-face {
font-family:MeiryoKana;
src:local("Meiryo UI Bold");
font-weight: bold;
unicode-range:U+3040-30FA,U+30FC-30FF,U+31F0-31FF;
}
@font-face {/* 修正太细的☆ */
font-family:GothicStar;
src:local("MS Gothic");/* GulimChe，MS UI Gothic，MS PGothic，楷体 都可以 */
unicode-range:U+2606;
}

body {/* 暂时全局设为雅黑 */
    font-family:YaHeiQuota,MeiryoKana,GothicStar,'Microsoft YaHei UI','Microsoft YaHei',sans-serif;
}

/* 临时：信息框、目录、表格、导航圆角 */
aside, .pi-item, .toc, table, nav {
    border-radius:.2em;
}

/* 黑幕免刮 */
span:hover[style^="background-color:#3a3a3a"] {
    background-color:#38f!important;color:#fff!important;transition:all .2s
}

/* 全局链接样式 */
a {
    text-decoration:overline dotted #0000;
    transition:.8s ease;
}
a:hover {
    text-decoration:overline dashed;
}

/* 全局ruby注音字太小，放大 */
rt {
    font-size:62.5%;
}

.WikiaArticle blockquote {
    margin:16px 40px;
}
/* 全局blockquote引文框样式 */
blockquote {
    padding:.8em 1em;
    font-size:unset!important;
}
blockquote:before {
    content:open-quote;
    color:#ddd;
    z-index:-1;
    margin-top:-.3em;
    position:absolute;
    font:bold 9em arial;
}
blockquote:after {
    content:close-quote;
    color:#ddd;
    z-index:-1;
    max-height:.4em;
    float:right;
    margin-top:-.3em;
    position: relative;
    right:5%;
    font:bold 9em arial;
}
/* 不料改blockquote导致气泡尖儿爆炸，修复 */
.SpeechBubble .speech-bubble-message:before {top:44px;}
.SpeechBubble .speech-bubble-message:after {top:45px; z-index:unset;}

/* h1新式样式测试 */
.WikiaPage h1 {
    font-family:MeiryoKana,GothicStar,'Microsoft Yahei UI','Microsoft Yahei',sans-serif;
    font-weight:normal!important;
    /* font-family:MeiryoKana,'Microsoft Yahei UI Light','Microsoft Yahei Light',sans-serif;
    font-weight:300!important;字体支持不全，唯有网页字体能解决 */
}

/* h2样式 */
.WikiaPage h2 {
    font-family:MeiryoKana,GothicStar,'Microsoft Yahei UI','Microsoft Yahei',sans-serif;
}

/* 解决h2穿过目录 */
.WikiaArticle .toc {
    box-shadow:inset 0 0 9em 3em #f8f8f8;
}

/* 让h3样式与大字区分 */
.WikiaArticle h3 {
    border-bottom:1px solid #ECEFF1;
    margin-left:.5em;
}

/* 无序列表样式 */
.WikiaArticle ul {
    list-style:disc;
}

/* 让；：语法起作用 */
.WikiaArticle dl {
    border-radius:8px;
    border-left:4px solid #9636;
    /* margin-left:-4px; 没用，wikia不许内容出框 */
}
.WikiaArticle dt {
    font-weight:unset;
    border-left:4px solid transparent;
}
.WikiaArticle dd {
    font-size:13px;/* 原设87.5%，本意是可随屏幕变化，但导致嵌套时文字越来越小，行距没相应变小倒是小事 */
}

/* 区分出重定向链接 */
a.mw-redirect {
    color:#009688;
}
.allpagesredirect a.mw-redirect {
    color:silver;
    font:normal small-caps small MeiryoKana,sans-serif;
}

/* 代码语法呈现样式 */
code {
    background-color:#ddd3;
    border:2px dashed #ddd;
    padding:0 3px 2px;
    word-wrap:normal;
    border-radius:3px;
}
.WikiaArticle pre,pre.de1 {
    background-color:#ddd3!important;
    border:2px dashed #ddd!important;
    line-height:unset!important;
}

/* hi...I play a css, it was fun. */
/*body {
    counter-reset:section;
}*/
.WikiaPage h1:hover:after, .WikiaPage h3:hover:after {position:absolute;}
/*.WikiaPage h1{
    counter-reset:subsection;
}*/
.WikiaPage h1:hover:after {
    content:"\2764";
    color:#e1cebb;
    font-size:.5em;
}
/*.WikiaPage h2:before {
    counter-increment:section;
    content:counter(section)"\B6";color:gray;font-size:.8em;
}
.WikiaPage h3:before {
    counter-increment:subsection;
    content:counter(section) "." counter(subsection)"\B6";
    color:gray;
    font-size:.8em;
}*/
.WikiaPage h3:hover:after {
    content:"\B6";
    color:#e1cebb;
    font-size:.6em;
}

.wds-global-footer {display:none}/* 底下一大块占着有什么用？砍了 */

/* 修正火狐下的表格边框 */
.article-table, .article-table th, .article-table td {
    border:1px #ccc solid;
}
/* 表格满行 */
.article-table {
    width:100%;
}

/* title弹射 */
span[title]:hover:after {
    background-color:#889b;
    border-radius:15px;
    border:1px solid #eee;
    box-shadow:0 2px 6px #5555;
    content:attr(title);
    color:#fff;
    font-size:12px;
    line-height:22px;
    margin:-1em 0;
    padding:0 5px;
    position:absolute;
    white-space:nowrap;
    z-index:1;
}
span[title=東]:hover:after {
    background-color:#c80b!important;
}
span[title=萌]:hover:after {
    background-color:#080b!important;
}
span[title=淫]:hover:after {
    background-color:#808b!important;
}
span[title=维]:hover:after {
    background-color:#888b!important;
}
span.noco:hover:after {/* 现在，类含“noco”的不弹 */
    display:none;
}
span[style^="cursor:help"]:hover:after {
    background-color:#ffdb;
    border-radius:2px;
    border:1px solid #db3;
    box-shadow:0 2px 6px #5203;
    color:#521a;
    margin:-.6em;
    white-space:normal;/* 允许？模板的黄条换行免得被右边界截断。但这样临近右边界的超长黄条换行可能会很可怕 */
}

a[title^="Category:"][title$="（尚未撰写）"]:hover:before {
    /* display:unset; */
    background-color:#d00b;
    border-radius:15px;
    border:1px solid #eee;
    box-shadow:0 2px 6px #5555;
    content:"尚无归此役的页面";
    color:#fff;
    font-size:12px;
    line-height:22px;
    margin:-.8em -8px;
    padding:0 8px;
    position:absolute;
    z-index:1;
}
/* ---Unown报告这段妨碍触屏，先注释掉---
a[title]:hover:before {
    background-color:#fff9;
    border-radius:15px;
    box-shadow:0 1px 6px #7895;
    content:attr(title);
    font-size:12px;
    line-height:22px;
    margin:-.8em -8px;
    padding:0 8px;
    position:absolute;
    white-space:nowrap;
    z-index:1;
}
a[title^="Template:"]:hover:before,a[title^="Category:"]:hover:before,a[title^="编辑"]:hover:before,a[title^="Talk:"]:hover:before {
    display:none;
} */

/* hi...I play 2 css, it was fun 2. */
a[href^="/wiki/"] {
    text-decoration:none;
    transition:.5s ease;
    border-bottom:9px dotted #0000;}
a[href^="/wiki/"]:hover {
    text-decoration:none!important;
    color:#8f3000;
    border-bottom:3px solid #d0a77c;}
/* 修正上面所导致的问题 */
a[data-tracking] {
    border-bottom:unset;
}
a[data-tracking]:hover {
    border-bottom:unset;
}
a.wds-button.wds-is-secondary {/* 右上角按钮 */
    border-bottom:inset 1px;
}
.tabs a {/* 用户页的标签页栏 */
    border-bottom:unset!important;
}