MediaWiki:Common.css

/* 
 * 全站css控制 
 * 此代码根据知识共享 署名-非商业性使用-相同方式共享 3.0复制自萌娘百科http://zh.moegirl.org/MediaWiki:Common.css
 * 版权协定：知识共享 署名-非商业性使用-相同方式共享 3.0
 */
body.page-首页 h1.firstHeading { display:none; }
body.page-Main_Page h1.firstHeading { display:none; }
body.skin-vector {
    font-family: Arial, Tahoma, Microsoft YaHei, \5fae\8f6f\96c5\9ed1, Hiragino Sans GB, Microsoft JhengHei, 微軟正黑體, sans-serif;
}
/* 主页 */
#mainpage {
    display: block;
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    margin: 0 auto; /* 居中 */
    max-width: 1030px;
}
.mainpage-newsbox {
    width: 66.67%;
    float: left;
}
.mainpage-box {
    float: left;
    width: 33.33%;
}
.mainpage-title {
    font-size: 1.618em;
    color: #228b22;
    margin: 0;
    background: #deede0;
    font-weight: 400; /* 400 = normal */
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size-adjust: .43;
}
.mainpage-content,
.mainpage-1stcontent {
    vertical-align: top;
    padding: .5em 2%;
    min-height: 230px;
}
.mainpage-content.nomobile {
    min-height: auto;
}
.clear-div {
    clear: both;
}
/* 并列用的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-首页 h1.firstHeading,
.page-首页 #siteSub,
.page-首页 #contentSub,
.page-首页 li#ca-viewsource,
.page-首页 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;
    padding-top: 3px;
    padding-bottom: 3px;
}
.navbox-group {
    font-weight: 700;
    padding-left: 1em;
    padding-right: 1em;
    white-space: nowrap;
    padding-top: 2px;
    padding-bottom: 2px;
}
.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 #E4E4E4;
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
    background: none repeat scroll 0 0 #ECECEC;
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
    background: none repeat scroll 0 0 #F6F6F6;
}
.navbox-even {
    background: none repeat scroll 0 0 #F7F7F7;
}
.navbox-odd {
    background: none repeat scroll 0 0 transparent;
}
.collapseButton {
    float: right;
    font-weight: 400;
    text-align: right;
    width: auto;
}
.navbox .collapseButton {
    width: 6em;
}
.navbar {
    position: relative;
    min-height: 23px !important;
    margin-bottom: 0px !important;
    border: 1px solid transparent;
}


/* 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%;
    }
}
/* 错误信息 */
.errormessage {
    background: rgba(255,0,0,0.25);
    border-left: 5px solid #ff0000;
    padding: 5px;
    margin: 5px;
    font-weight: bolder;
}

/* Info Table */
.infotable {
    float:right;
    width:400px;
    background: #FFF;
    margin: 0 0 10px 10px;
}

.infotable-title {
    width:100%;
    height:50px;
    background:#4a84d9;
    color: #FFF;
    font-weight: bold;
    font-size: 18px;
    display: flex;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
}

.infotable-title-text {
    text-align: center;
    flex: 1;
}

.infotable-content {
    width:396px;
    border: #4a84d9 2px solid;
    border-top: none;
}

.infotable-banner {
    text-align: center;
}

.infotable-banner img {
    max-width: 396px;
    height: auto;
}

.infotable-list {
    width: 100%;
    border-collapse: collapse;
}

.infotable-item>td {
    border-top: #DDD 1px solid;
    padding: 3px 8px;
    word-break: break-word;
}

.infotable-item:first-child>td {
    border: none;
}

.infotable-item-left {
    width: 35%;
    font-weight: bold;
    vertical-align: top;
}