|
|
第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%;
| |
− | }
| |
− | }
| |