“MediaWiki:Common.css”的版本间的差异
跳到导航
跳到搜索
LapisLazuli33(讨论 | 贡献) |
LapisLazuli33(讨论 | 贡献) |
||
第1行: | 第1行: | ||
− | /* | + | /* |
+ | * vector界面、主标题字体定制,借鉴多家网站设定(包括中文维基百科、Mozilla Developer Network Web Docs、Twitter等设定),在保留苹果系统的自定义字符串的同时,采用Mozilla Developer Network Web Docs的字体设定,以最大程度减少字体冲突,保证字体兼容度 | ||
+ | */ | ||
+ | body, | ||
+ | #firstHeading { | ||
+ | font-family: BlinkMacSystemFont, -apple-system, Arial, x-locale-body, sans-serif; | ||
+ | } | ||
+ | |||
+ | /* 主标题字型调整*/ | ||
+ | #firstHeading { | ||
+ | font-weight: 500; | ||
+ | padding-left: 0.25em; | ||
+ | } | ||
+ | /* 侧边栏、顶部栏 */ | ||
+ | #mw-panel #p-logo { | ||
+ | width: 176px; | ||
+ | height: 300px; | ||
+ | margin-left: -0.5em; | ||
+ | } | ||
+ | #mw-panel #p-logo .mw-wiki-logo { | ||
+ | background-image: none; | ||
+ | width: 176px; | ||
+ | height: 300px; | ||
+ | } | ||
+ | div#mw-page-base { | ||
+ | background: none; | ||
+ | height: 100px; | ||
+ | } | ||
+ | #left-navigation, | ||
+ | #right-navigation { | ||
+ | margin-top: 60px; | ||
+ | } | ||
+ | div#mw-panel { | ||
+ | top: 0; | ||
+ | text-shadow: 1px 1px #f6f6f6; | ||
+ | } | ||
+ | div#mw-panel div.portal { | ||
+ | padding-bottom: 1em; | ||
+ | } | ||
+ | div#mw-head div.vectorMenu h4 { | ||
+ | height: 1.9em; | ||
+ | margin-bottom: 0; | ||
+ | padding-top: 1.25em; | ||
+ | padding-bottom: 0; | ||
+ | padding-right: .5em; | ||
+ | } | ||
+ | /* 提升背景颜色纯度 */ | ||
+ | div.vectorTabs ul li, | ||
+ | #p-variants, | ||
+ | #p-cactions { | ||
+ | background-image: url(//img.moegirl.org/skin/tab-normal-fade.png); | ||
+ | background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5) 30%, rgba(255, 255, 255, 1)); | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | div.vectorTabs li.selected { | ||
+ | background-image: url(//img.moegirl.org/skin/tab-current-fade.png); | ||
+ | background-image:-webkit-linear-gradient(top, rgba(167, 215, 249, 0), rgba(167, 215, 249, .5) 30%, rgba(167, 215, 249, 1));/* rgba(167, 215, 249, 1) = #a7d7f9 */ | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | #p-variants-label, | ||
+ | div.vectorTabs, | ||
+ | div.vectorTabs span, | ||
+ | div.vectorTabs ul, | ||
+ | div#mw-head div.vectorMenu h3 { | ||
+ | background-image: none; | ||
+ | } | ||
+ | /* 右上个人链接栏 */ | ||
+ | div#p-personal { | ||
+ | background-color: rgba(255, 255, 255, 0.8); | ||
+ | padding: 5px 10px 5px 0; | ||
+ | box-shadow: #666 0 1px 5px; | ||
+ | } | ||
+ | /* 右上通知处奇怪的数字移除 */ | ||
+ | #pt-notifications-alert .mw-echo-notifications-badge, | ||
+ | #pt-notifications-notice .mw-echo-notifications-badge { | ||
+ | text-indent: -99999px; | ||
+ | } | ||
+ | #pt-notifications-alert .mw-echo-notifications-badge:after, | ||
+ | #pt-notifications-notice .mw-echo-notifications-badge:after { | ||
+ | text-indent: 0; | ||
+ | } | ||
+ | /* MW自带10em宽度,应该是留给测试链接的吧萌百没有就去掉 */ | ||
+ | #p-personal ul { | ||
+ | padding-left: 0; | ||
+ | } | ||
+ | /* 对齐搜索按钮 */ | ||
+ | div#simpleSearch button#searchButton { | ||
+ | padding-top: .1em; | ||
+ | padding-bottom: .2em; | ||
+ | padding-right: .1em; | ||
+ | } | ||
+ | /* 2012年12月24日空想之梦做出的首页样式 */ | ||
+ | #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-family: EasonPro, "黑体", serif; | ||
+ | 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; | ||
+ | } | ||
+ | /* 调整侧边栏字体 */ | ||
+ | div#mw-panel { | ||
+ | font-size:18px; | ||
+ | /* mw-panel的宽度是10em,改了font-size以后也需要修改一下 */ | ||
+ | width: 10.5rem; | ||
+ | } | ||
+ | /* 并列用的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; | ||
+ | } | ||
+ | /* 萌娘网姊妹项目 */ | ||
+ | .Mgsister { | ||
+ | width: 100%; | ||
+ | color: #777; | ||
+ | font-size: 115%; | ||
+ | text-align: center; | ||
+ | } | ||
+ | .Mgsister > span { | ||
+ | display: inline-block; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | .MgsisIcon { | ||
+ | text-align: center; | ||
+ | padding: 17px; | ||
+ | } | ||
+ | .MgsisText { | ||
+ | padding: 4px 7em 4px 0; | ||
+ | text-align: left; | ||
+ | } | ||
+ | .MgsisText span { | ||
+ | font-size: 85%; | ||
+ | } | ||
+ | /* 公告栏滚动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; | ||
+ | } | ||
+ | /* 被点过的外部链接不变色。采取和默认皮肤相同写法,以便override */ | ||
+ | .mw-body a.external:visited { | ||
+ | color: #36b; | ||
+ | } | ||
+ | /* 斜体字右边距加大看以防止文字挤在一起 */ | ||
+ | #mw-content-text i { | ||
+ | margin-right: 3px; | ||
+ | } | ||
+ | /* Extension:MultimediaViewer的半透明化修改 */ | ||
+ | .mw-mmv-overlay { | ||
+ | position: fixed; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | right: 0; | ||
+ | bottom: 0; | ||
+ | background-color: rgba(0,0,0,0.8); | ||
+ | opacity: 0.73; | ||
+ | } | ||
+ | body.mediawiki.mw-mmv-lightbox-open #mw-page-base, | ||
+ | body.mediawiki.mw-mmv-lightbox-open #mw-head-base, | ||
+ | body.mediawiki.mw-mmv-lightbox-open #mw-navigation, | ||
+ | body.mediawiki.mw-mmv-lightbox-open #content, | ||
+ | body.mediawiki.mw-mmv-lightbox-open #footer, | ||
+ | body.mediawiki.mw-mmv-lightbox-open #globalWrapper { | ||
+ | display: inherit; | ||
+ | } | ||
+ | body.mediawiki.mw-mmv-lightbox-open > * { | ||
+ | display: inherit; | ||
+ | } | ||
+ | body.mediawiki.mw-mmv-lightbox-open > script, | ||
+ | body.mediawiki.mw-mmv-lightbox-open > style { | ||
+ | display: none; | ||
+ | } | ||
+ | body.mediawiki.mw-mmv-lightbox-open { | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | body .mw-mmv-wrapper { | ||
+ | position: fixed; | ||
+ | } | ||
+ | /* mutilmediaViewer 信息栏修复 */ | ||
+ | .mw-mmv-image-metadata-column.mw-mmv-image-metadata-desc-column { | ||
+ | width: 30%; | ||
+ | } | ||
+ | .mw-mmv-image-metadata-column.mw-mmv-image-metadata-links-column { | ||
+ | width: 70%; | ||
+ | max-width: 70%; | ||
+ | } | ||
+ | ul.mw-mmv-image-links li { | ||
+ | float: left; | ||
+ | padding: .3em 1em; | ||
+ | } | ||
+ | div.mw-mmv-image-desc-div, | ||
+ | div.mw-mmv-image-links-div{ | ||
+ | display:block | ||
+ | } | ||
+ | div.metadata-panel-is-closed .mw-mmv-image-links li.mw-mmv-license-li { | ||
+ | height:inherit; | ||
+ | line-height:inherit; | ||
+ | } | ||
+ | /* 通用圆角框 */ | ||
+ | .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%; | ||
+ | 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 */ | /* 黑幕模板配合CSS */ | ||
/* 把这几行单独拎出来写,否则会被Firefox合并到“.heimu a”这条规则,然后又被上面的“点过外链不变色”规则override */ | /* 把这几行单独拎出来写,否则会被Firefox合并到“.heimu a”这条规则,然后又被上面的“点过外链不变色”规则override */ | ||
第38行: | 第364行: | ||
color: #BA0000; | color: #BA0000; | ||
} | } | ||
− | + | /* 页脚 */ | |
+ | #footer-info-copyright { | ||
+ | background: url(//img.moegirl.org/weixin_mengbai.png) 0 15px no-repeat; | ||
+ | padding: 15px 0 30px 0; | ||
+ | font-family: Helvetica Neue, Arial, Helvetica, Geneva, sans-serif; | ||
+ | } | ||
+ | #footer-moegirl { | ||
+ | padding-left: 160px; | ||
+ | color: #2f2f2f; | ||
+ | } | ||
+ | #footer-moegirl h4 { | ||
+ | color: #243c4a; | ||
+ | font: normal normal AllerBold, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; | ||
+ | margin-bottom: 8px; | ||
+ | } | ||
+ | #footer-moegirl ul { | ||
+ | float: left; | ||
+ | margin: 0 100px 20px 0; | ||
+ | line-height: 1.7; | ||
+ | width: 120px; | ||
+ | font-size: 12pt; | ||
+ | } | ||
+ | #footer-moegirl ul.lastlist { | ||
+ | margin-right: 0; | ||
+ | } | ||
+ | #footer-moegirl ul a { | ||
+ | color: #2f2f2f; | ||
+ | } | ||
+ | #footer-moegirl .copyright { | ||
+ | clear: left; | ||
+ | display: block; | ||
+ | line-height: 1.3; | ||
+ | color: #999; | ||
+ | } | ||
+ | /* 名字空间改变背景色 */ | ||
+ | .ns-0 div#content, | ||
+ | .ns-0 div#p-cactions li a:hover, | ||
+ | .ns-0 div#p-cactions li.selected a, | ||
+ | .ns-0 div#content div.thumb { | ||
+ | background-color: rgba(255,255,255,0.8); | ||
+ | } | ||
+ | div#content, | ||
+ | div#p-cactions li a:hover, | ||
+ | div#p-cactions li.selected a, | ||
+ | div#content div.thumb { | ||
+ | background-color: rgba(247,251,255,0.8); | ||
+ | } | ||
+ | /* 导航条(完全没有apple风格的apple风面包屑orz) 来源:http://www.jankoatwarpspeed.com/examples/breadcrumb/ */ | ||
+ | #breadcrumb { | ||
+ | background-image: url(//img.moegirl.org/breadcrumb/bc_bg.png); | ||
+ | color: red; | ||
+ | border: solid 1px #cacaca; | ||
+ | border-radius: 10px; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | #breadcrumb span { | ||
+ | float: left; | ||
+ | padding-left: 10px; | ||
+ | } | ||
+ | #breadcrumb a { | ||
+ | display: block; | ||
+ | background: url(//img.moegirl.org/breadcrumb/bc_separator.png) no-repeat right; | ||
+ | padding-right: 15px; | ||
+ | color: #454545; | ||
+ | } | ||
+ | #breadcrumb a:hover { | ||
+ | color: #35acc5; | ||
+ | } | ||
+ | /* 回到顶部 */ | ||
+ | .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); | ||
+ | } | ||
+ | .mw-mmv-lightbox-open .backToTop { | ||
+ | display: none !important; | ||
+ | } | ||
+ | /* 信息模板的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; | ||
+ | } | ||
+ | /* 编辑区样式 */ | ||
+ | .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; | ||
+ | } | ||
+ | /* Fix by case : Rev 1327309 ([[Special:Permalink/1327309]]) | ||
+ | Address alignment issue of nested tabs in Navbox */ | ||
+ | .navbox .TabLabel { | ||
+ | text-align: left; | ||
+ | } | ||
/* Tabs */ | /* Tabs */ | ||
.tab .TabLabelText { | .tab .TabLabelText { | ||
第86行: | 第598行: | ||
padding: 3px; | padding: 3px; | ||
} | } | ||
+ | /* 隐藏只供管理员查看的内容 */ | ||
+ | .sysop-show, | ||
+ | .accountcreator-show { | ||
+ | display: none !important; | ||
+ | } | ||
+ | /* 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; | ||
+ | } | ||
+ | /* 仅手机版显示支持 */ | ||
+ | .mobileonly { | ||
+ | display: none !important; | ||
+ | } | ||
+ | /* 编辑请求 */ | ||
+ | .editRequest { | ||
+ | text-align: center; | ||
+ | border: 1px solid #ddd; | ||
+ | border-radius: 3px; | ||
+ | margin:1em 2.5em; | ||
+ | padding: 1em; | ||
+ | background: white; | ||
+ | } | ||
+ | .editRequest .newComment { | ||
+ | white-space: nowrap; | ||
+ | background: #347bff; | ||
+ | color: #fff; | ||
+ | border: 1px solid #347bff; | ||
+ | text-shadow: 0 1px rgba(0,0,0,0.1); | ||
+ | font-family: inherit; | ||
+ | font-size: 1em; | ||
+ | min-width: 4em; | ||
+ | max-width: 28.75em; | ||
+ | padding: .5em 1em; | ||
+ | margin: 0; | ||
+ | border-radius: 2px; | ||
+ | -webkit-box-sizing: border-box; | ||
+ | -moz-box-sizing: border-box; | ||
+ | box-sizing: border-box; | ||
+ | -webkit-appearance: none; | ||
+ | zoom: 1; | ||
+ | vertical-align: middle; | ||
+ | text-align: center; | ||
+ | font-weight: bold; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | /* 注释里的列表 */ | ||
+ | .reference-text > ul.listInRef, | ||
+ | .reference-text > ol.listInRef { | ||
+ | margin: -1.5em 0 0 2em; | ||
+ | } | ||
+ | /* | ||
+ | * 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%; | ||
+ | } | ||
+ | } | ||
+ | /* | ||
+ | * 感谢[[User:Great Brightstar]]的贡献,源码来自[[special:diff/834104]] | ||
+ | * 以下是原注释: | ||
+ | * 在这里使用 font-feature-settings 属性会让使用“lang”标签的元素强制使用 OpenType 技术显示本地化的变体字(通过激活 locl 标签,即便浏览器本身不直接激活)。 | ||
+ | * 如果你使用思源黑体(非 CN、JP、KO、TW 版)、Noto Sans CJK 显示文字的话就有可能看到效果。 | ||
+ | * 关于上述这个 CSS 属性的用法,参阅:https://developer.mozilla.org/en-US/docs/Web/CSS/font-feature-settings 注意:此文引用的 OpenType Feature Tags list 同样需要关注。 | ||
+ | * 如有任何问题请即刻禁用之 | ||
+ | * Nbdd0121: 将原来的[lang]改为span[lang],这样就不会影响非{{lang}}的[lang]了 (e.g. div#mw-content-text) | ||
+ | */ | ||
+ | span[lang] { | ||
+ | font-family: initial; | ||
+ | font-feature-settings: "locl" on; | ||
+ | -webkit-font-feature-settings: "locl" on; | ||
+ | } | ||
+ | /* 日语斜体 */ | ||
+ | @font-face { | ||
+ | font-family: JapaneseItalic; | ||
+ | src: local(meiryo); | ||
+ | } | ||
+ | i span[lang="ja" i], | ||
+ | span[lang="ja" i] i, | ||
+ | [style*="italic" i] span[lang="ja" i], | ||
+ | span[lang="ja" i] [style*="italic" i] { | ||
+ | font-family: JapaneseItalic; | ||
+ | } | ||
+ | /* 折叠表格的定位处理 | ||
+ | body:not(.ns--1):not(.ns--2) .mw-collapsible > tbody > tr:first-child > th:last-child { | ||
+ | position: relative; | ||
+ | padding-right: 0; | ||
+ | } | ||
+ | body:not(.ns--1):not(.ns--2) .mw-collapsible:not(.mw-collapsed) > tbody > tr:first-child > th:last-child { | ||
+ | position: relative; | ||
+ | padding-left: 4em; | ||
+ | padding-right: 4em; | ||
+ | } | ||
+ | body:not(.ns--1):not(.ns--2) .mw-collapsible > tbody > tr:first-child > th:last-child > .mw-collapsible-toggle { | ||
+ | margin: 0 .5em; | ||
+ | } | ||
+ | body:not(.ns--1):not(.ns--2) .mw-collapsible:not(.mw-collapsed) > tbody > tr:first-child > th:last-child > .mw-collapsible-toggle { | ||
+ | position: absolute; | ||
+ | right: .5em; | ||
+ | top: .15em; | ||
+ | float: none; | ||
+ | margin: 0; | ||
+ | } */ | ||
+ | /* 大家族模板下折叠表格的定位处理 | ||
+ | body:not(.ns--1):not(.ns--2) .navbox .mw-collapsible > tbody > tr:first-child > th:last-child { | ||
+ | position: relative; | ||
+ | padding-right: 0; | ||
+ | padding-left: 0; | ||
+ | } | ||
+ | body:not(.ns--1):not(.ns--2) .navbox .mw-collapsible .mw-collapsible-toggle { | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | body:not(.ns--1):not(.ns--2) .navbox .mw-collapsible > tbody > tr:first-child > th:last-child > [style*="float:left"] { | ||
+ | position: absolute; | ||
+ | left: 1em; | ||
+ | top: 0; | ||
+ | float: none; | ||
+ | } | ||
+ | body:not(.ns--1):not(.ns--2) .navbox .mw-collapsible > tbody > tr:first-child > th:last-child > .mw-collapsible-toggle { | ||
+ | position: absolute; | ||
+ | right: 1em; | ||
+ | top: 0; | ||
+ | float: none; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | body:not(.ns--1):not(.ns--2) .navbox .mw-collapsible:not(.mw-collapsed) > tbody > tr:first-child > th:last-child > .mw-collapsible-toggle:last-child { | ||
+ | position: static; | ||
+ | float: right; | ||
+ | margin-right: -3.5em; | ||
+ | } */ | ||
+ | |||
+ | /*阅读更多:https://zh.moegirl.org/MediaWiki:Common.css | ||
+ | 本文引自萌娘百科(https://zh.moegirl.org/),文字内容默认使用【知识共享 署名-非商业性使用-相同方式共享 3.0】协议。*/ |
2019年4月28日 (日) 10:20的版本
/* * vector界面、主标题字体定制,借鉴多家网站设定(包括中文维基百科、Mozilla Developer Network Web Docs、Twitter等设定),在保留苹果系统的自定义字符串的同时,采用Mozilla Developer Network Web Docs的字体设定,以最大程度减少字体冲突,保证字体兼容度 */ body, #firstHeading { font-family: BlinkMacSystemFont, -apple-system, Arial, x-locale-body, sans-serif; } /* 主标题字型调整*/ #firstHeading { font-weight: 500; padding-left: 0.25em; } /* 侧边栏、顶部栏 */ #mw-panel #p-logo { width: 176px; height: 300px; margin-left: -0.5em; } #mw-panel #p-logo .mw-wiki-logo { background-image: none; width: 176px; height: 300px; } div#mw-page-base { background: none; height: 100px; } #left-navigation, #right-navigation { margin-top: 60px; } div#mw-panel { top: 0; text-shadow: 1px 1px #f6f6f6; } div#mw-panel div.portal { padding-bottom: 1em; } div#mw-head div.vectorMenu h4 { height: 1.9em; margin-bottom: 0; padding-top: 1.25em; padding-bottom: 0; padding-right: .5em; } /* 提升背景颜色纯度 */ div.vectorTabs ul li, #p-variants, #p-cactions { background-image: url(//img.moegirl.org/skin/tab-normal-fade.png); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5) 30%, rgba(255, 255, 255, 1)); background-color: transparent; } div.vectorTabs li.selected { background-image: url(//img.moegirl.org/skin/tab-current-fade.png); background-image:-webkit-linear-gradient(top, rgba(167, 215, 249, 0), rgba(167, 215, 249, .5) 30%, rgba(167, 215, 249, 1));/* rgba(167, 215, 249, 1) = #a7d7f9 */ background-color: transparent; } #p-variants-label, div.vectorTabs, div.vectorTabs span, div.vectorTabs ul, div#mw-head div.vectorMenu h3 { background-image: none; } /* 右上个人链接栏 */ div#p-personal { background-color: rgba(255, 255, 255, 0.8); padding: 5px 10px 5px 0; box-shadow: #666 0 1px 5px; } /* 右上通知处奇怪的数字移除 */ #pt-notifications-alert .mw-echo-notifications-badge, #pt-notifications-notice .mw-echo-notifications-badge { text-indent: -99999px; } #pt-notifications-alert .mw-echo-notifications-badge:after, #pt-notifications-notice .mw-echo-notifications-badge:after { text-indent: 0; } /* MW自带10em宽度,应该是留给测试链接的吧萌百没有就去掉 */ #p-personal ul { padding-left: 0; } /* 对齐搜索按钮 */ div#simpleSearch button#searchButton { padding-top: .1em; padding-bottom: .2em; padding-right: .1em; } /* 2012年12月24日空想之梦做出的首页样式 */ #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-family: EasonPro, "黑体", serif; 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; } /* 调整侧边栏字体 */ div#mw-panel { font-size:18px; /* mw-panel的宽度是10em,改了font-size以后也需要修改一下 */ width: 10.5rem; } /* 并列用的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; } /* 萌娘网姊妹项目 */ .Mgsister { width: 100%; color: #777; font-size: 115%; text-align: center; } .Mgsister > span { display: inline-block; vertical-align: middle; } .MgsisIcon { text-align: center; padding: 17px; } .MgsisText { padding: 4px 7em 4px 0; text-align: left; } .MgsisText span { font-size: 85%; } /* 公告栏滚动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; } /* 被点过的外部链接不变色。采取和默认皮肤相同写法,以便override */ .mw-body a.external:visited { color: #36b; } /* 斜体字右边距加大看以防止文字挤在一起 */ #mw-content-text i { margin-right: 3px; } /* Extension:MultimediaViewer的半透明化修改 */ .mw-mmv-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.8); opacity: 0.73; } body.mediawiki.mw-mmv-lightbox-open #mw-page-base, body.mediawiki.mw-mmv-lightbox-open #mw-head-base, body.mediawiki.mw-mmv-lightbox-open #mw-navigation, body.mediawiki.mw-mmv-lightbox-open #content, body.mediawiki.mw-mmv-lightbox-open #footer, body.mediawiki.mw-mmv-lightbox-open #globalWrapper { display: inherit; } body.mediawiki.mw-mmv-lightbox-open > * { display: inherit; } body.mediawiki.mw-mmv-lightbox-open > script, body.mediawiki.mw-mmv-lightbox-open > style { display: none; } body.mediawiki.mw-mmv-lightbox-open { overflow: hidden; } body .mw-mmv-wrapper { position: fixed; } /* mutilmediaViewer 信息栏修复 */ .mw-mmv-image-metadata-column.mw-mmv-image-metadata-desc-column { width: 30%; } .mw-mmv-image-metadata-column.mw-mmv-image-metadata-links-column { width: 70%; max-width: 70%; } ul.mw-mmv-image-links li { float: left; padding: .3em 1em; } div.mw-mmv-image-desc-div, div.mw-mmv-image-links-div{ display:block } div.metadata-panel-is-closed .mw-mmv-image-links li.mw-mmv-license-li { height:inherit; line-height:inherit; } /* 通用圆角框 */ .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%; 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 */ /* 把这几行单独拎出来写,否则会被Firefox合并到“.heimu a”这条规则,然后又被上面的“点过外链不变色”规则override */ span.heimu a.external, span.heimu a.external:visited, span.heimu a.extiw, span.heimu a.extiw:visited { color: #252525; } .heimu, .heimu a, a .heimu, .heimu a.new { background-color: #252525; color: #252525; text-shadow: none; } body:not(.heimu_toggle_on) .heimu:hover, body:not(.heimu_toggle_on) .heimu:active, body:not(.heimu_toggle_on) .heimu.off { transition: color .13s linear; color: white; } body:not(.heimu_toggle_on) .heimu:hover a, body:not(.heimu_toggle_on) a:hover .heimu, body:not(.heimu_toggle_on) .heimu.off a, body:not(.heimu_toggle_on) a:hover .heimu.off { transition: color .13s linear; color: lightblue; } body:not(.heimu_toggle_on) .heimu.off .new, body:not(.heimu_toggle_on) .heimu.off .new:hover, body:not(.heimu_toggle_on) .new:hover .heimu.off, body:not(.heimu_toggle_on) .heimu.off .new, body:not(.heimu_toggle_on) .heimu.off .new:hover, body:not(.heimu_toggle_on) .new:hover .heimu.off { transition: color .13s linear; color: #BA0000; } /* 页脚 */ #footer-info-copyright { background: url(//img.moegirl.org/weixin_mengbai.png) 0 15px no-repeat; padding: 15px 0 30px 0; font-family: Helvetica Neue, Arial, Helvetica, Geneva, sans-serif; } #footer-moegirl { padding-left: 160px; color: #2f2f2f; } #footer-moegirl h4 { color: #243c4a; font: normal normal AllerBold, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; margin-bottom: 8px; } #footer-moegirl ul { float: left; margin: 0 100px 20px 0; line-height: 1.7; width: 120px; font-size: 12pt; } #footer-moegirl ul.lastlist { margin-right: 0; } #footer-moegirl ul a { color: #2f2f2f; } #footer-moegirl .copyright { clear: left; display: block; line-height: 1.3; color: #999; } /* 名字空间改变背景色 */ .ns-0 div#content, .ns-0 div#p-cactions li a:hover, .ns-0 div#p-cactions li.selected a, .ns-0 div#content div.thumb { background-color: rgba(255,255,255,0.8); } div#content, div#p-cactions li a:hover, div#p-cactions li.selected a, div#content div.thumb { background-color: rgba(247,251,255,0.8); } /* 导航条(完全没有apple风格的apple风面包屑orz) 来源:http://www.jankoatwarpspeed.com/examples/breadcrumb/ */ #breadcrumb { background-image: url(//img.moegirl.org/breadcrumb/bc_bg.png); color: red; border: solid 1px #cacaca; border-radius: 10px; overflow: hidden; } #breadcrumb span { float: left; padding-left: 10px; } #breadcrumb a { display: block; background: url(//img.moegirl.org/breadcrumb/bc_separator.png) no-repeat right; padding-right: 15px; color: #454545; } #breadcrumb a:hover { color: #35acc5; } /* 回到顶部 */ .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); } .mw-mmv-lightbox-open .backToTop { display: none !important; } /* 信息模板的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; } /* 编辑区样式 */ .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; } /* Fix by case : Rev 1327309 ([[Special:Permalink/1327309]]) Address alignment issue of nested tabs in Navbox */ .navbox .TabLabel { text-align: left; } /* 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 !important; } /* 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; } /* 仅手机版显示支持 */ .mobileonly { display: none !important; } /* 编辑请求 */ .editRequest { text-align: center; border: 1px solid #ddd; border-radius: 3px; margin:1em 2.5em; padding: 1em; background: white; } .editRequest .newComment { white-space: nowrap; background: #347bff; color: #fff; border: 1px solid #347bff; text-shadow: 0 1px rgba(0,0,0,0.1); font-family: inherit; font-size: 1em; min-width: 4em; max-width: 28.75em; padding: .5em 1em; margin: 0; border-radius: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; zoom: 1; vertical-align: middle; text-align: center; font-weight: bold; cursor: pointer; } /* 注释里的列表 */ .reference-text > ul.listInRef, .reference-text > ol.listInRef { margin: -1.5em 0 0 2em; } /* * 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%; } } /* * 感谢[[User:Great Brightstar]]的贡献,源码来自[[special:diff/834104]] * 以下是原注释: * 在这里使用 font-feature-settings 属性会让使用“lang”标签的元素强制使用 OpenType 技术显示本地化的变体字(通过激活 locl 标签,即便浏览器本身不直接激活)。 * 如果你使用思源黑体(非 CN、JP、KO、TW 版)、Noto Sans CJK 显示文字的话就有可能看到效果。 * 关于上述这个 CSS 属性的用法,参阅:https://developer.mozilla.org/en-US/docs/Web/CSS/font-feature-settings 注意:此文引用的 OpenType Feature Tags list 同样需要关注。 * 如有任何问题请即刻禁用之 * Nbdd0121: 将原来的[lang]改为span[lang],这样就不会影响非{{lang}}的[lang]了 (e.g. div#mw-content-text) */ span[lang] { font-family: initial; font-feature-settings: "locl" on; -webkit-font-feature-settings: "locl" on; } /* 日语斜体 */ @font-face { font-family: JapaneseItalic; src: local(meiryo); } i span[lang="ja" i], span[lang="ja" i] i, [style*="italic" i] span[lang="ja" i], span[lang="ja" i] [style*="italic" i] { font-family: JapaneseItalic; } /* 折叠表格的定位处理 body:not(.ns--1):not(.ns--2) .mw-collapsible > tbody > tr:first-child > th:last-child { position: relative; padding-right: 0; } body:not(.ns--1):not(.ns--2) .mw-collapsible:not(.mw-collapsed) > tbody > tr:first-child > th:last-child { position: relative; padding-left: 4em; padding-right: 4em; } body:not(.ns--1):not(.ns--2) .mw-collapsible > tbody > tr:first-child > th:last-child > .mw-collapsible-toggle { margin: 0 .5em; } body:not(.ns--1):not(.ns--2) .mw-collapsible:not(.mw-collapsed) > tbody > tr:first-child > th:last-child > .mw-collapsible-toggle { position: absolute; right: .5em; top: .15em; float: none; margin: 0; } */ /* 大家族模板下折叠表格的定位处理 body:not(.ns--1):not(.ns--2) .navbox .mw-collapsible > tbody > tr:first-child > th:last-child { position: relative; padding-right: 0; padding-left: 0; } body:not(.ns--1):not(.ns--2) .navbox .mw-collapsible .mw-collapsible-toggle { margin-left: 0; } body:not(.ns--1):not(.ns--2) .navbox .mw-collapsible > tbody > tr:first-child > th:last-child > [style*="float:left"] { position: absolute; left: 1em; top: 0; float: none; } body:not(.ns--1):not(.ns--2) .navbox .mw-collapsible > tbody > tr:first-child > th:last-child > .mw-collapsible-toggle { position: absolute; right: 1em; top: 0; float: none; margin-left: 0; } body:not(.ns--1):not(.ns--2) .navbox .mw-collapsible:not(.mw-collapsed) > tbody > tr:first-child > th:last-child > .mw-collapsible-toggle:last-child { position: static; float: right; margin-right: -3.5em; } */ /*阅读更多:https://zh.moegirl.org/MediaWiki:Common.css 本文引自萌娘百科(https://zh.moegirl.org/),文字内容默认使用【知识共享 署名-非商业性使用-相同方式共享 3.0】协议。*/