MediaWiki:Common.css

/* 
 * 全站css控制 
 * 此代码根据知识共享 署名-非商业性使用-相同方式共享 3.0复制自萌娘百科http://zh.moegirl.org/MediaWiki:Common.css
 * 版权协定：知识共享 署名-非商业性使用-相同方式共享 3.0
 */
/* 并列用的CSS3代码 */
.block,
.content-box {
    width: 100%;
}
.content-box {
    display: box;
    display: -moz-box;
    display: -webkit-box;
}
.parallel .content-box {
    box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-box-orient: horizontal;
}
.parallel .boite {
    box-flex: 1;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
}
/* 公告栏滚动Rollnews */
#scrollDiv {
    width: 100%;
    height: 25px;
    line-height: 25px;
    overflow: hidden
}
#scrollDiv li {
    height: 25px;
    padding-left: 10px;
    list-style: none;
}
/* 标题下划线增强 700 = bold */
h1 {
    font-weight: 700;
    border-bottom: 2px solid #8ec1ed;
}
h2 {
    font-weight: 700;
    border-bottom: 1px solid block;
}
/* 副标题 */
#siteSub {
    display: inline;
    font-size: 90%;
    font-weight: 400; /* 400 = normal */
    font-style: normal;
    text-align: right;
}
/* 被点过的外部链接不变色 */
div#content a.external:visited {
    color: #36b;
}
/* 斜体字右边距加大看以防止文字挤在一起 */
#mw-content-text i {
    margin-right: 3px;
}
/* 通用圆角框 */
.common-box {
    padding: .2em .4em;
    border: 1px solid #ddd;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -o-border-radius: 10px;
    -webkit-box-shadow: #666 0 2px 3px;
    -moz-box-shadow: #666 0 2px 3px;
    border-radius: 10px;
    box-shadow: #666 0 2px 3px;
}
/* info类模板 */
.infoBox {
    margin: 0 auto;
}
.infoBoxTitle {
    margin: 3px auto;
    padding: 0;
    text-align: center;
    font-weight: 700;
}
.infoBoxIcon {
    display: table-cell;
    padding: 2px 0 2px .5em;
    vertical-align: middle;
}
.infoBoxText {
    display: table-cell;
    padding: .25em .5em .25em 1.3em;
    width: 100%;
    vertical-align: middle;
}
.infoBoxContent {
    border: 1px solid #ddd;
    border-left-width: 0;
    background: #fbfbfb;
}
.infoBoxBelow {
    margin: 0 auto;
    padding: 0;
    text-align: center;
}
/* 数据表格宽度 */
.mw-datatable.TablePager {
    width: 100%;
}
/* 隐藏首页标题，空行，讨论、查看源代码tab */
.page-Mainpage h1.firstHeading,
.page-Mainpage #siteSub,
.page-Mainpage #contentSub,
.page-Mainpage li#ca-viewsource,
.page-Mainpage li#ca-talk {
    display: none;
}
/* 桌面版黑幕模板配合CSS */
.heimu,
.heimu a,
a .heimu,
.heimu a.new {
    background-color: #252525 !important;
    color: #252525 !important;
    text-shadow: none !important;
}
.heimu a:hover,
a:hover .heimu {
    color: #0645AD !important
}
.heimu .new:hover,
.new:hover .heimu {
    color: #BA0000 !important
}
/* 回到顶部 */
.backToTop {
    display: none;
    width: 20px;
    padding: 5px 0;
    background-color: #000;
    color: #fff;
    font-size: 12px;
    text-align: center;
    position: fixed;
    _position: absolute;
    right: 0;
    bottom: 100px;
    _bottom: "auto";
    cursor: pointer;
    opacity: .6;
    filter: Alpha(opacity=60);
}
/* 人物信息模板的css */
.infotemplatebox {
    float: right;
    width: 250px;
    font-size: 90%;
    margin: 1em 0 1em 1em;
    background: #f9f9f9;
    border: 1px #999 solid;
    border-collapse: collapse;
    word-break: break-all;
    clear: right;
}
/* 侧边栏logo或左下角图片添加 */
#sidebar-character {
    position: fixed;
    bottom: 0;
    left: -3px;
    z-index: -2;
}
#wglogo {
    display: none;
}
@media screen and (max-width: 600px) {
    /* 低像素设备隐藏 */
    #sidebar-character {
        display: none;
    }
}
/* 编辑区样式 */
.my-buttons {
    padding: .5em;
}
.my-buttons a {
    text-decoration: none;
    border: 1px #069 outset;
    padding: .1em;
}
.my-buttons a:hover,
.my-buttons a:active {
    border-style: inset;
}
/* 解决pre不换行的问题 */
pre {
    white-space: pre-wrap; /* CSS-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}
/* 页面底部导航框（2011年8月16日引自中文维基）(所谓大家族模板) */
table.navbox {
    border: 1px solid #aaa;
    clear: both;
    margin: auto;
    padding: 1px;
    text-align: center;
    width: 100%;
}
table.navbox+table.navbox {
    margin-top: -1px;
}
.navbox-title,
.navbox-abovebelow,
table.navbox th {
    padding-left: 1em;
    padding-right: 1em;
    text-align: center;
}
.navbox-group {
    font-weight: 700;
    padding-left: 1em;
    padding-right: 1em;
    white-space: nowrap;
}
.navbox,
.navbox-subgroup {
    background: none repeat scroll 0 0 #fdfdfd;
}
.navbox-list {
    border-color: #fdfdfd;
}
.navbox-title,
table.navbox th {
    background: none repeat scroll 0 0 #a5e4a5;
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
    background: none repeat scroll 0 0 #c0ecc0;
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
    background: none repeat scroll 0 0 #e6f6e6;
}
.navbox-even {
    background: none repeat scroll 0 0 #f5fcf5;
}
.navbox-odd {
    background: none repeat scroll 0 0 transparent;
}
.collapseButton {
    float: right;
    font-weight: 400;
    text-align: right;
    width: auto;
}
.navbox .collapseButton {
    width: 6em;
}
/* Tabs */
.tab .TabLabelText {
    display: inline-block;
    padding: 1px;
    cursor: pointer;
}
.tab .TabLabel {
    z-index: 2;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.tab .TabLabelText.selected {
    border-top: 3px solid green;
    padding: 1px;
    background: white;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
}
.tab .TabContent {
    background: white;
    padding: 20px 30px;
    position: relative;
    z-index: 1;
    border: 1px solid #aaa;
}
.tab .TabContentText {
    display: none;
}
.tab .TabContentText.selected {
    display: block;
}
.Tabs .Tab {
    border-bottom: 1px solid #aaa;
}
.Tabs .Tab:first-child {
    border-top: 1px solid #aaa;
}
.Tabs .Tab .TabLabelText {
    padding: 7px;
}
.Tabs .Tab .TabContentText {
    padding: 3px;
}
/* 隐藏只供管理员查看的内容 */
.sysop-show,
.accountcreator-show {
    display: none;
}
/* wikitable green */
table.wikitable-green {
    background: #c9f6e1
}
.wikitable-green th {
    background: #13ec93
}
.wikitable-green td {
    background: #f3f3f3
}
/*
 * Skeleton V2.0.4
 * Copyright 2014, Dave Gamache
 * www.getskeleton.com
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 12/29/2014
 */
/* 以下内容已被萌百格式化，注释已被翻译 */
.container {
    position: relative;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}
.div,
.divs,
.column,
.columns {
    width: 100%;
    float: left;
    box-sizing: border-box;
}
/* 适用于屏幕像素宽度大于400px的设备 */
@media (min-width: 400px) {
    .container {
        width: 85%;
        padding: 0;
    }
}
/* 适用于屏幕像素宽度大于800px的设备 */
@media (min-width: 800px) {
    .container {
        width: 80%;
    }
    .div,
    .divs,
    .column,
    .columns {
        margin-left: .3%;
    }
    .div:first-child,
    .divs:first-child,
    .column:first-child,
    .columns:first-child {
        margin-left: 0;
    }
    .one.div,
    .one.divs {
        width: 100%;
        margin-left: 0;
    }
    .two.divs {
        width: 49.85%;
    }
    .three.divs {
        width: 33.1333333333%;
    }
    .four.divs {
        width: 24.775%;
    }
    .five.divs {
        width: 19.76%;
    }
    .six.divs {
        width: 16.4166666667%;
    }
    .seven.divs {
        width: 14.0285714286%;
    }
    .eight.divs {
        width: 12.2375%;
    }
    .nine.divs {
        width: 10.8444444444%;
    }
    .ten.divs {
        width: 9.73%;
    }
    .eleven.divs {
        width: 8.81818181818%;
    }
    .twelve.divs {
        width: 8.05833333333%;
    }
    .one.column,
    .one.columns {
        width: 8.05833333333%;
    }
    .two.columns {
        width: 16.4166666667%;
    }
    .three.columns {
        width: 24.775%;
    }
    .four.columns {
        width: 33.1333333333%;
    }
    .five.columns {
        width: 41.4916666667%;
    }
    .six.columns {
        width: 49.85%;
    }
    .seven.columns {
        width: 58.2083333333%;
    }
    .eight.columns {
        width: 66.5666666667%;
    }
    .nine.columns {
        width: 74.925%;
    }
    .ten.columns {
        width: 83.2833333333%;
    }
    .eleven.columns {
        width: 91.6416666667%;
    }
    .twelve.columns {
        width: 100%;
        margin-left: 0;
    }
    .one-third.column {
        width: 33.1333333333%;
    }
    .two-thirds.column {
        width: 66.5666666667%;
    }
    .one-half.column {
        width: 49.85%;
    }
    /* Offsets设置 */
    .offset-by-one.column,
    .offset-by-one.columns {
        margin-left: 8.66666666667%;
    }
    .offset-by-two.column,
    .offset-by-two.columns {
        margin-left: 17.3333333333%;
    }
    .offset-by-three.column,
    .offset-by-three.columns {
        margin-left: 26%;
    }
    .offset-by-four.column,
    .offset-by-four.columns {
        margin-left: 34.6666666667%;
    }
    .offset-by-five.column,
    .offset-by-five.columns {
        margin-left: 43.3333333333%;
    }
    .offset-by-six.column,
    .offset-by-six.columns {
        margin-left: 52%;
    }
    .offset-by-seven.column,
    .offset-by-seven.columns {
        margin-left: 60.6666666667%;
    }
    .offset-by-eight.column,
    .offset-by-eight.columns {
        margin-left: 69.3333333333%;
    }
    .offset-by-nine.column,
    .offset-by-nine.columns {
        margin-left: 78.0%;
    }
    .offset-by-ten.column,
    .offset-by-ten.columns {
        margin-left: 86.6666666667%;
    }
    .offset-by-eleven.column,
    .offset-by-eleven.columns {
        margin-left: 95.3333333333%;
    }
    .offset-by-one-third.column,
    .offset-by-one-third.columns {
        margin-left: 34.6666666667%;
    }
    .offset-by-two-thirds.column,
    .offset-by-two-thirds.columns {
        margin-left: 69.3333333333%;
    }
    .offset-by-one-half.column,
    .offset-by-one-half.columns {
        margin-left: 52%;
    }
}