Line 1: |
Line 1: |
− | /* 这里放置的CSS将应用于所有皮肤 */ | + | /* |
| + | * 放置于这里的CSS将应用于所有皮肤 |
| + | * 萌娘百科仅开放Vector皮肤 |
| + | * 请尊重萌娘百科版权,以下代码除非注明均是管理员手敲出来的!!!复制需要注明源自萌娘百科,并且附上URL地址http://zh.moegirl.org/MediaWiki:Common.css |
| + | * 版权协定:知识共享 署名-非商业性使用-相同方式共享 3.0 |
| + | * 复制之后请把图片换成自己网站上URL地址! |
| + | */ |
| + | /* 广告 */ |
| + | .please-donate { |
| + | height: 90px; |
| + | margin: 10px; |
| + | clear: both; |
| + | text-align: center; |
| + | } |
| + | .please-donate a { |
| + | display: block; |
| + | width: 728px; |
| + | height: 90px; |
| + | margin: 0 auto; |
| + | } |
| + | .ads-main { |
| + | width: 728px; |
| + | margin: 0 auto; |
| + | } |
| + | /* |
| + | * 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; |
| + | } |
| + | /* 2019冬季topbar */ |
| + | body.skin-vector { |
| + | background: url(//img.moegirl.org/topbar/zhMoegirl19winter.jpg) no-repeat top left #f6f6f6; |
| + | } |
| + | /* 主标题字型调整*/ |
| + | #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 ul { |
| + | margin-left: 0!important; |
| + | } |
| + | #scrollDiv li { |
| + | height: 25px; |
| + | padding-left: 0px; |
| + | list-style: none; |
| + | } |
| + | /* 标题下划线增强 700 = bold */ |
| h1 { | | h1 { |
| font-weight: 700; | | font-weight: 700; |
Line 8: |
Line 230: |
| border-bottom: 1px solid #0074f9; | | border-bottom: 1px solid #0074f9; |
| } | | } |
− | /* 被点过的外部链接不变色 */ | + | /* 副标题 */ |
− | div#content a.external:visited {
| + | #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; | | color: #36b; |
| } | | } |
− | /* 隐藏首页空行,讨论、查看源代码tab */ | + | /* 斜体字右边距加大看以防止文字挤在一起 */ |
| + | #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 #siteSub, |
| .page-Mainpage #contentSub, | | .page-Mainpage #contentSub, |
Line 19: |
Line 356: |
| display: none; | | display: none; |
| } | | } |
− |
| |
| /* 黑幕模板配合CSS */ | | /* 黑幕模板配合CSS */ |
− |
| |
| /* 把这几行单独拎出来写,否则会被Firefox合并到“.heimu a”这条规则,然后又被上面的“点过外链不变色”规则override */ | | /* 把这几行单独拎出来写,否则会被Firefox合并到“.heimu a”这条规则,然后又被上面的“点过外链不变色”规则override */ |
− |
| |
| span.heimu a.external, | | span.heimu a.external, |
− |
| |
| span.heimu a.external:visited, | | span.heimu a.external:visited, |
− |
| |
| span.heimu a.extiw, | | span.heimu a.extiw, |
− |
| |
| span.heimu a.extiw:visited { | | span.heimu a.extiw:visited { |
− |
| |
| color: #252525; | | color: #252525; |
− |
| |
| } | | } |
− |
| |
| .heimu, | | .heimu, |
− |
| |
| .heimu a, | | .heimu a, |
− |
| |
| a .heimu, | | a .heimu, |
− |
| |
| .heimu a.new { | | .heimu a.new { |
− |
| |
| background-color: #252525; | | background-color: #252525; |
− |
| |
| color: #252525; | | color: #252525; |
− |
| |
| text-shadow: none; | | text-shadow: none; |
− |
| |
| } | | } |
− |
| |
| body:not(.heimu_toggle_on) .heimu:hover, | | body:not(.heimu_toggle_on) .heimu:hover, |
− |
| |
| body:not(.heimu_toggle_on) .heimu:active, | | body:not(.heimu_toggle_on) .heimu:active, |
− |
| |
| body:not(.heimu_toggle_on) .heimu.off { | | body:not(.heimu_toggle_on) .heimu.off { |
− |
| |
| transition: color .13s linear; | | transition: color .13s linear; |
− |
| |
| color: white; | | color: white; |
− |
| |
| } | | } |
− |
| |
| body:not(.heimu_toggle_on) .heimu:hover a, | | body:not(.heimu_toggle_on) .heimu:hover a, |
− |
| |
| body:not(.heimu_toggle_on) a:hover .heimu, | | body:not(.heimu_toggle_on) a:hover .heimu, |
− |
| |
| body:not(.heimu_toggle_on) .heimu.off a, | | body:not(.heimu_toggle_on) .heimu.off a, |
− |
| |
| body:not(.heimu_toggle_on) a:hover .heimu.off { | | body:not(.heimu_toggle_on) a:hover .heimu.off { |
− |
| |
| transition: color .13s linear; | | transition: color .13s linear; |
− |
| |
| color: lightblue; | | color: lightblue; |
− |
| |
| } | | } |
− |
| |
| body:not(.heimu_toggle_on) .heimu.off .new, | | body:not(.heimu_toggle_on) .heimu.off .new, |
− |
| |
| body:not(.heimu_toggle_on) .heimu.off .new:hover, | | body:not(.heimu_toggle_on) .heimu.off .new:hover, |
− |
| |
| body:not(.heimu_toggle_on) .new:hover .heimu.off, | | 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, |
− |
| |
| body:not(.heimu_toggle_on) .heimu.off .new:hover, | | body:not(.heimu_toggle_on) .heimu.off .new:hover, |
− |
| |
| body:not(.heimu_toggle_on) .new:hover .heimu.off { | | body:not(.heimu_toggle_on) .new:hover .heimu.off { |
− |
| |
| transition: color .13s linear; | | transition: color .13s linear; |
− |
| |
| 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 */ |
| + | .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; |
| + | } |
| + | [style*="font"] span[lang] { |
| + | font-family: inherit; |
| + | } |
| + | /* 日语斜体 */ |
| + | @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; |
| + | } |
| + | [style*="font"] i span[lang=ja i], |
| + | [style*="font"] span[lang=ja i] i, |
| + | [style*="font"] [style*=italic i] span[lang=ja i], |
| + | [style*="font"] span[lang=ja i] [style*=italic i] { |
| + | font-family: inherit; |
| + | } |
| + | /* 折叠表格的定位处理 |
| + | 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; |
| + | } */ |
| + | /* wikitable 的 caption */ |
| + | .wikitable.mw-collapsible caption { |
| + | border: 1px solid rgba(170, 170, 170, 0.37); |
| + | border-bottom-width: 0; |
| + | background-color: rgb(249,249,249); |
| + | } |
| + | .wikitable.mw-collapsible.mw-collapsed caption { |
| + | border-bottom-width: 1px; |
| } | | } |