User:小美粉粉/vector.css

/* Override mobile font scheme to make its font same from the Vector skin (compiled from modified LESS code) * Taken from Moegirlpedia, URL https://zh.moegirl.org.cn/MediaWiki:Gadget-site-styles.css, https://zh.moegirl.org.cn/MediaWiki:Gadget-desktop-styles.css * Modified for readability. */ /* * vector界面、主标题字体定制，参考Github添加了Emoji支持 * 更改后要同步到 MediaWiki:Gadget-GothicMoe.css */ body, font-family: sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
 * 1) firstHeading {

/* 主标题字型调整*/ font-weight: 500; padding-left: 0.25em; }
 * 1) firstHeading {

/* 对齐搜索按钮 */ div#simpleSearch button#searchButton { padding-top: .1em; padding-bottom: .2em; padding-right: .1em; }

/* 2012年12月24日空想之梦做出的首页样式 */ display: block; width: 100%; text-align: left; margin: 0 auto; /* 居中 */ max-width: 1030px; }
 * 1) mainpage {

.mainpage-title { font-family: PingFang SC, sans-serif; font-size: 1.618em; color: #228b22; margin: 0; background: #deede0; font-weight: 400; /* 400 = normal */ height: 30px; line-height: 30px; text-align: center; }

/* 春节装扮开始 * 在 #mainpage 上添加 is-sp class 即可 */ /*   color: #ff4833; background: #fee8bb; }
 * 1) mainpage.is-sp .mainpage-title {

background-image: url(https://img.moegirl.org.cn/common/f/f2/%E7%81%AF%E7%AC%BC1.png); background-size: contain; background-repeat: no-repeat; content: " "; height: 30px; width: 30px; top: 0; z-index: 2; }
 * 1) mainpage.is-sp .mainpage-title::before,
 * 2) mainpage.is-sp .mainpage-title::after {

float: left; }
 * 1) mainpage.is-sp .mainpage-title::before {

float: right; }
 * 1) mainpage.is-sp .mainpage-title::after {

margin: 0 15px 0 -15px; }
 * 1) mainpage.is-sp :not(:first-child)>.mainpage-title::before {

margin: 0 -15px 0 15px; }
 * 1) mainpage.is-sp :not(:last-child)>.mainpage-title::after {

@media (max-width: 1030px) {

#mainpage.is-sp :not(:first-child)>.mainpage-title::before, #mainpage.is-sp :not(:last-child)>.mainpage-title::after { display: none; } } /* 春节临时装扮结束 */

/* 愚人节装扮开始 * 在 #mainpage 上添加 is-afd class 即可 */ /*   color: #2cd5ca; background: #94c9ef33; text-shadow: -1px 0 #073f52, 0 1px #073f52, 1px 0 #073f52, 0 -1px #073f52; } /* 愚人节临时装扮结束 */
 * 1) mainpage.is-afd .mainpage-title {

.mainpage-title:lang(zh-hant), .mainpage-title:lang(zh-tw) { font-family: PingFang TC, sans-serif; }

.mainpage-title:lang(zh-hk) { font-family: PingFang HK, sans-serif; }

.mainpage-content, .mainpage-1stcontent { vertical-align: top; padding: .5em .42890625rem; min-height: 7em; }

.mainpage-content.nomobile { min-height: auto; }

.clear-div { clear: both; }

/* 以下是使用flex模型的首页样式，用以应对float模式下容器高度不能统一的问题 */ .mainpage-container { display: flex; }

.mainpage-container .mainpage-newsbox, .mainpage-container .mainpage-box { display: flex; flex-direction: column; }

.mainpage-container .mainpage-newsbox { width: calc(200% / 3); }

.mainpage-container .mainpage-box { width: calc(100% / 3); }

.mainpage-container .mainpage-content, .mainpage-container .mainpage-1stcontent { flex: auto; }

.mainpage-container .mainpage-title { flex: none; margin-right: -1px; }

/* 萌娘网姊妹项目 */ .Mgsister { display: none; }

/* 以下是使用flex模型的首页样式，用以简化样式编写 */ .moegirlSister { display: flex !important; justify-content: center; }

.moegirlSister_container { margin-right: 7rem; display: flex; }

.moegirlSister_icon { padding: 17px; }

.moegirlSister_text { display: flex; flex-direction: column; justify-content: center; color: #777; }

.moegirlSister_title { font-size: 1.00625rem; }

.moegirlSister_description { font-size: 0.8553125rem; }

/* 并列用的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; }

/* 副标题 */ display: inline; font-size: 90%; font-weight: 400; /* 400 = normal */ font-style: normal; text-align: right; }
 * 1) siteSub {

/* 被点过的外部链接不变色. 采取和默认皮肤相同写法，以便override */ .mw-body a.external:visited { color: #36b; }

/* 斜体字右边距加大看以防止文字挤在一起 */ margin-right: 3px; }
 * 1) mw-content-text i {

/* 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; }

.mw-mmv-warning-visible .mw-mmv-download-dialog .mw-mmv-dialog-down-arrow { background-color: #ffffff; }

.mw-mmv-warning-visible .mw-mmv-dialog-warning, .mw-mmv-warning-visible .mw-mmv-download-attribution { display: none !important; }

/* 通用圆角框 */ .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; }

/* 数据表格 */ .mw-datatable.TablePager { width: 100%; table-layout: fixed; word-wrap: break-word; }

/* 导航条（完全没有apple风格的apple风面包屑orz） 来源:http://www.jankoatwarpspeed.com/examples/breadcrumb/ */ background-image: url(//img.moegirl.org.cn/breadcrumb/bc_bg.png); color: red; border: solid 1px #cacaca; border-radius: 10px; overflow: hidden; }
 * 1) breadcrumb {

float: left; padding-left: 10px; }
 * 1) breadcrumb span {

display: block; background: url(//img.moegirl.org.cn/breadcrumb/bc_separator.png) no-repeat right; padding-right: 15px; color: #454545; }
 * 1) breadcrumb a {

color: #35acc5; }
 * 1) breadcrumb a:hover {

/* 信息模板的css */ .infotemplatebox { float: right; width: 280px; 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; 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; }

/* 表格宽度 */ .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%; } }

/* 折叠表格的定位处理 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; }

/* 分类页同开头的页面的列表不分段 */ .mw-category-group { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; }

.mw-category-group:nth-child(1):nth-last-child(1), /* 只有一个列表时 */ .mw-category-group:nth-child(1):nth-last-child(2), /* 只有两个列表时 */ .mw-category-group:nth-child(2):nth-last-child(1) { /* 只有两个列表时 */ -webkit-column-break-inside: auto; page-break-inside: auto; break-inside: auto; }

/* 关闭默认编辑器上传图片入口 */ display: none; }
 * 1) wikieditor-toolbar-file-dialog+.ui-dialog-buttonpane>.ui-dialog-buttonset>.ui-button:last-child {

/* 编辑冲突界面排版 */ .mw-explainconflict~#editform { display: flex; flex-direction: column; }

.mw-explainconflict~#editform>* { order: 2; }

.mw-explainconflict~#editform>h2, .mw-explainconflict~#editform>h2~* { order: 1; }

.mw-explainconflict~#editform>h2>.mw-headline:after { content: "（请滚动查看，可拖动右下角斜线符号调整高度）"; }

.mw-explainconflict~#editform>.diff+h2>.mw-headline:after, .mw-explainconflict~#editform>.diff-container+h2>.mw-headline:after { content: "（由于技术限制，此处为全文版本，请使用 Ctrl+F | ⌘+F 搜索相关差异，可拖动右下角斜线符号调整高度）"; }

html[lang="zh-hant"i] .mw-explainconflict~#editform>h2>.mw-headline:after, html[lang="zh-hk"i] .mw-explainconflict~#editform>h2>.mw-headline:after, html[lang="zh-tw"i] .mw-explainconflict~#editform>h2>.mw-headline:after { content: "（請滾動查看，可拖動右下角斜線符號調整高度）"; }

html[lang="zh-hant"i] .mw-explainconflict~#editform>.diff+h2>.mw-headline:after, html[lang="zh-hk"i] .mw-explainconflict~#editform>.diff+h2>.mw-headline:after, html[lang="zh-tw"i] .mw-explainconflict~#editform>.diff+h2>.mw-headline:after, html[lang="zh-hant"i] .mw-explainconflict~#editform>.diff-container+h2>.mw-headline:after, html[lang="zh-hk"i] .mw-explainconflict~#editform>.diff-container+h2>.mw-headline:after, html[lang="zh-tw"i] .mw-explainconflict~#editform>.diff-container+h2>.mw-headline:after { content: "（由於技術限制，此處為全文版本，請使用 Ctrl+F | ⌘+F 搜索相關差異，可拖動右下角斜線符號調整高度）"; }

.mw-explainconflict~#editform>textarea[readonly] { height: 20vh; width: 100% !important; resize: vertical; }

.mw-explainconflict~#editform>.diff-container { height: 20vh; overflow-y: auto; border: 1px solid gray; resize: vertical; }

.mw-explainconflict~#editform>.wikiEditor-ui:before { content: "编辑框（最新版本）"; font-size: 1.5em; margin: 1em 0 0.25em; font-family: serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; line-height: 1.3; padding: 0; font-weight: 700; border-bottom: 1px solid #0074f9; color: #000; background: none; overflow: hidden; display: block; }

html[lang="zh-hant"i] .mw-explainconflict~#editform>.wikiEditor-ui:before, html[lang="zh-hk"i] .mw-explainconflict~#editform>.wikiEditor-ui:before, html[lang="zh-tw"i] .mw-explainconflict~#editform>.wikiEditor-ui:before { content: "編輯框（最新修訂）"; }

/* 浮动滚动条 */ body.overlay-scrollbars #bodyContent { padding-right: 24px; }