|
|
| 第1行： |
第1行： |
| /*
| | |
| * 全站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 #0074f9;
| |
| }
| |
| h2 {
| |
| font-weight: 700;
| |
| border-bottom: 1px solid #0074f9;
| |
| }
| |
| /* 副标题 */
| |
| #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);
| |
| }
| |
| /* 侧边栏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%;
| |
| }
| |
| }
| |