Help:沙盒:修订间差异
跳到导航
跳到搜索
无编辑摘要
imported>Zyksnowy 无编辑摘要 |
imported>Zyksnowy 无编辑摘要 |
||
第31行: | 第31行: | ||
/* | |||
* 全站css控制 | |||
* 请尊重萌娘 百 科版权,以下代码除非注明均是管理员手敲出来的!!!复制需要注明源自萌娘百科,并且附上URL地址http://zh.moegirl.org/MediaWiki:Common.css | |||
* 版权协定:知识共享 署名-非商业性使用-相同 方 式共享 3.0 | |||
* 复制 之后 请把图片换成自己网站上的图片!!!!!!!!!!!!! | |||
*/ | |||
/* | |||
* vector界面定制 | |||
* 英文默认字体arial。为了避免乱码微软雅黑改写成unicode编码形式\5fae\8f6f\96c5\9ed1,Hiragino Sans GB是Mac OS雪豹以 后 系统自带的一款字体, 微软正黑体Microsoft JhengHei是为了台湾用户设置的) | |||
*/ | |||
/* 配合2016年的萌娘の夏的 更 改 */ | |||
body.skin-vector { | |||
font-family: Arial, Tahoma, "Microsoft YaHei", \5fae\8f6f\96c5\9ed1, "Hiragino Sans GB", "Microsoft JhengHei", 微軟正黑體, sans-serif; | |||
} | |||
/* 主标题字体字型调整*/ | |||
#firstHeading { | |||
font-family: "Helvetica Neue", "Helvetica Arial", "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif; | |||
font-weight: 500; | |||
padding-left: 0.25em; | |||
} | |||
/* 侧边栏、顶部栏 */ | |||
div#mw-page-base { | |||
height: 100px; | |||
} | |||
#left-navigation, | |||
#right-navigation { | |||
margin-top: 60px; | |||
} | |||
div#mw-head div.vectorMenu h4 { | |||
height: 1.9em; | |||
margin-bottom: 0; | |||
padding-top: 1.25em; | |||
padding-bottom: 0; | |||
padding-right: .5em; | |||
} | |||
.clear-div { | |||
clear: both; | |||
} | |||
/* 标题下划线增强 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; | |||
} | |||
/* 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%; | |||
table-layout: fixed; | |||
word-wrap: break-word; | |||
} | |||
/* 隐藏首页标题,空行,讨论、查看源代码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 | |||
} | |||
/* 表格宽度 */ | |||
.wikitable { | |||
max-width: 100%; | |||
} | |||
/* 缩略图居中*/ | |||
.thumb.tcenter { | |||
float: none; | |||
clear: both; | |||
display: block; | |||
margin: 0 auto; | |||
} | |||
/* 用户页没有分类! */ | |||
body.ns-2 div#catlinks { | |||
display: none !important; | |||
} | |||
/* | |||
* 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%; | |||
} | |||
} |