打开/关闭菜单
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。

MediaWiki:Wikia.css

MediaWiki界面页面
MetroCrt留言 | 贡献2018年12月28日 (五) 20:16的版本 (测试字体)

注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。

  • Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5Ctrl-R(Mac为⌘-R
  • Google Chrome:Ctrl-Shift-R(Mac为⌘-Shift-R
  • Internet Explorer或Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5
  • Opera:Ctrl-F5
@import url('https://fonts.googleapis.com/css?family=Montserrat+Alternates:500i,800i|Montserrat:500,800');
/* ↑测试字体,2018-12-28 */
body {/* 暂时全局设为雅黑,半角引号显示为全角,但影响英文引号 */
    font-family: "Montserrat","Microsoft Yahei",Helvetica,Arial,sans-serif;
}

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

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

/* 全局blockquote引文框样式 */
blockquote {
    padding: .8em 1em;
    margin: 0 16em 0 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;
    margin-top: -.3em;
    position: absolute;
    right: 5%;
    font: bold 9em arial;
}
/* 不料改blockquote导致气泡尖儿爆炸,修复 */
.SpeechBubble .speech-bubble-message:before {top: 44px;}
.SpeechBubble .speech-bubble-message:after {top: 45px;z-index: unset;}

/* 让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 #c5d4c5;
    /* 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 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: #b86b!important;
    /* background-color:#9a6a38; */
}
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;
}