Difference between revisions of "User:あめろ/vector.css"

From Moegirlpedia
Jump to: navigation, search
m
m (test)
 
Line 1: Line 1:
−
@import url("/index.php?title=User:LiaMinina/common.css&action=raw&ctype=text/css");
+
/*
−
/*body {
+
  * CSS placed here will be applied to desktop skins
−
font-family: "Segoe UI", "Microsoft Yahei", "BIZ UDPGOTHIC", "Source Han San VF", sans-serif;
+
  * Moegirlpedia only opens with Vector skin
 +
  * Translated from https://zh.moegirl.org.cn/MediaWiki:Gadget-desktop-styles.css
 +
  *Copyright Agreement: Creative Commons Attribution-NonCommercial-ShareAlike 3.0
 +
  */  
 +
 
 +
* For Vector interface and title font customization, refer to Github for Emoji support.
 +
 
 +
* Remember to sync with [[MediaWiki:Gadget-GothicMoe.css]] when finished.
 +
 
 +
*/
 +
 
 +
body,
 +
 
 +
#firstHeading {
 +
 
 +
    font-family: sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 +
 
 
}
 
}
−
#bodyContent {
+
 
−
max-width: 1250px;
+
body.skin-vector {
 +
background-color:none;
 
}
 
}
−
#mw-content-text {
+
 
−
max-width: 1000px;
+
/* Page title heading */
−
margin: 0 auto;
+
 
 +
#firstHeading {
 +
 
 +
    font-weight: 500;
 +
 
 +
    padding-left: 0.25em;
 +
 
 
}
 
}
−
span[lang="ja"] {
+
 
−
font-family: "BIZ UDPGOTHIC";
+
 +
 
 +
/* Sidebar and topbar */
 +
 
 +
#content {
 +
 
 +
    position: relative;
 +
 
 +
    z-index: 7;
 +
 
 +
}
 +
 
 +
#mw-navigation div.vectorMenu div.menu {
 +
 
 +
    z-index: 9;
 +
 
 +
}
 +
 
 +
#mw-panel #p-logo .mw-wiki-logo, body.show-logo:not(.DeceasedPerson) #mw-panel #p-logo .mw-wiki-logo  {
 +
 
 +
    background-image:  url(https://img.moegirl.org.cn/logo/enMoegirl2015.png);
 +
 
 +
    width: 150px;
 +
 
 +
    height: 274px;
 +
   
 +
    margin-left: 0em;
 +
   
 +
    margin-top: -0.5em;
 +
}
 +
 
 +
div#mw-page-base {
 +
 
 +
    background: none;
 +
 
 +
    height: 100px;
 +
 
 +
}
 +
 
 +
 +
 
 +
#left-navigation,
 +
 
 +
#right-navigation {
 +
 
 +
    margin-top: 60px;
 +
 
 +
}
 +
 
 +
 +
 
 +
div#mw-panel {
 +
 
 +
    top: 245px;
 +
 
 +
    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,
 +
 
 +
#mw-head div.vectorMenu {
 +
 
 +
    background-image: none !important;
 +
 
 +
    background-color: transparent !important;
 +
 
 +
}
 +
 
 +
 +
 
 +
div.vectorTabs,
 +
 
 +
div.vectorTabs span,
 +
 
 +
div.vectorTabs ul,
 +
 
 +
div#mw-head div.vectorMenu h3 {
 +
 
 +
    background-image: none !important;
 +
 
 +
}
 +
 
 +
 +
 
 +
#left-navigation,
 +
 
 +
#right-navigation
 +
 
 +
 +
 
 +
/* {
 +
 
 +
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, .5) 30%, rgba(255, 255, 255, .75))!important;
 +
 
 +
    background-color: transparent!important;
 +
 
 
}*/
 
}*/
 +
 +
,
 +
 +
div.vectorTabs ul li.selected {
 +
 +
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, .3) 30%, rgba(255, 255, 255, .5)) !important;
 +
 +
    background-color: transparent !important;
 +
 +
}
 +
 +
 +
 +
#left-navigation,
 +
 +
#right-navigation {
 +
 +
    min-height: 40px;
 +
 +
}
 +
 +
 +
 +
/* Personal user menu */
 +
 +
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 comes with a width of 10em, which should be reserved for the test link. If you don't have it, remove it.  */
 +
 +
#p-personal ul {
 +
 +
    padding-left: 0;
 +
 +
}
 +
 +
 +
 +
/* Search bar */
 +
 +
div#simpleSearch button#searchButton {
 +
 +
    padding-top: .1em;
 +
 +
    padding-bottom: .2em;
 +
 +
    padding-right: .1em;
 +
 +
}
 +
 +
 +
 +
/* 2012年12月24日空想之梦做出的首页样式 */
 +
 +
#mainpage {
 +
 +
    display: block;
 +
 +
    width: 100%;
 +
 +
    text-align: left;
 +
 +
    margin: 0 auto;
 +
 +
    /* 居中 */
 +
 +
    max-width: 1030px;
 +
 +
}
 +
 +
 +
 +
.mainpage-title {
 +
 +
    font-family: PingFang SC, sans-serif;
 +
 +
    font-size: 1.618em;
 +
 +
    color: #ff4833;
 +
 +
    margin: 0;
 +
 +
    background: #228b22;
 +
 +
    font-weight: 400;
 +
 +
    /* 400 = normal */
 +
 +
    height: 30px;
 +
 +
    line-height: 30px;
 +
 +
    text-align: center;
 +
 +
}
 +
 +
:first-child>.mainpage-title,
 +
 +
:last-child>.mainpage-title {
 +
 +
    background-image: none;
 +
 +
    background-size: contain;
 +
 +
    background-repeat: no-repeat;
 +
 +
}
 +
 +
 +
 +
:first-child>.mainpage-title {
 +
 +
    background-position: left;
 +
 +
    background-size: contain;
 +
 +
    background-repeat: no-repeat;
 +
 +
}
 +
 +
 +
 +
:last-child>.mainpage-title {
 +
 +
    background-position: right;
 +
 +
}
 +
 +
/* Homepage using flex style */
 +
 +
.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;
 +
 +
}
 +
 +
 +
 +
/* Imouto portal */
 +
 +
.Mgsister {
 +
 +
    display: none;
 +
 +
}
 +
 +
 +
 +
/* Imouto flex style */
 +
 +
.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;
 +
 +
}
 +
 +
 +
 +
/* 调整侧边栏字体 */
 +
 +
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;
 +
 +
}
 +
 +
 +
/* 标题下划线增强 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;
 +
 +
}
 +
 +
 +
 +
/* Clicked external links do not change color. Take the same writing as the default skin in order to override */
 +
 +
.mw-body a.external:visited {
 +
 +
    color: #36b;
 +
 +
}
 +
 +
 +
 +
/* Italic font margin */
 +
 +
#mw-content-text i {
 +
 +
    margin-right: 0px;
 +
 +
}
 +
 +
 +
 +
/* 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;
 +
 +
}
 +
 +
 +
 +
/* multimediaViewer fix  */
 +
 +
.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;
 +
 +
}
 +
 +
 +
 +
/* Footer */
 +
 +
#footer-info-copyright {
 +
 +
    padding: 15px 0 30px 0;
 +
 +
    font-family: sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 +
 +
    min-height: 165px;
 +
 +
}
 +
 +
 +
 +
#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 {
 +
 +
    background-color: rgba(255, 255, 255, 0.8);
 +
 +
}
 +
 +
 +
 +
div#content,
 +
 +
div#p-cactions li a:hover,
 +
 +
div#p-cactions li.selected a {
 +
 +
    background-color: rgba(247, 251, 255, 0.8);
 +
 +
}
 +
 +
 +
 +
/* Navbars Source: http://www.jankoatwarpspeed.com/examples/breadcrumb/ */
 +
 +
#breadcrumb {
 +
 +
    background-image: url(//img.moegirl.org.cn/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.cn/breadcrumb/bc_separator.png) no-repeat right;
 +
 +
    padding-right: 15px;
 +
 +
    color: #454545;
 +
 +
}
 +
 +
 +
 +
#breadcrumb a:hover {
 +
 +
    color: #35acc5;
 +
 +
}
 +
 +
 +
 +
/* Infobox 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;
 +
 +
}
 +
 +
 +
 +
/* Unwrapped pre problem fix */
 +
 +
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+ */
 +
 +
}
 +
 +
 +
 +
/* Navboxes style */
 +
 +
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;
 +
 +
}
 +
 +
 +
 +
/* Table widths */
 +
 +
.wikitable {
 +
 +
    max-width: 100%;
 +
 +
}
 +
 +
 +
 +
/* For centered thumbnails */
 +
 +
.thumb.tcenter {
 +
 +
    float: none;
 +
 +
    clear: both;
 +
 +
    display: block;
 +
 +
    margin: 0 auto;
 +
 +
}
 +
 +
 +
 +
/* Catlinks (userpages not categorized!) */
 +
 +
body.ns-2 div#catlinks {
 +
 +
    display: none !important;
 +
 +
}
 +
 +
 +
 +
/* Mobile-only content */
 +
 +
.mobileonly {
 +
 +
    display: none !important;
 +
 +
}
 +
 +
 +
 +
/* Edit requests */
 +
 +
.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;
 +
 +
}
 +
 +
 +
 +
/* Reflists */
 +
 +
.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
 +
 +
*/
 +
 +
 +
/* Containers */
 +
 +
.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;
 +
 +
}
 +
 +
 +
 +
/* For devices with a screen pixel width greater than 400px  */
 +
 +
@media (min-width: 400px) {
 +
 +
    /*.container {
 +
 +
        width: 85%;
 +
 +
        padding: 0;
 +
 +
    }*/
 +
 +
}
 +
 +
 +
 +
/* For devices with a screen pixel width greater than 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's 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;
 +
 +
}
 +
 +
 +
 +
/* vectorMenu 的排序 */
 +
 +
div.vectorMenu ul {
 +
 +
    display: flex;
 +
 +
    flex-flow: column;
 +
 +
}
 +
 +
 +
 +
/* 分类页同开头的页面的列表不分段 */
 +
 +
.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;
 +
 +
}
 +
 +
 +
 +
/* 关闭默认编辑器上传图片入口 */
 +
 +
#wikieditor-toolbar-file-dialog+.ui-dialog-buttonpane>.ui-dialog-buttonset>.ui-button:last-child {
 +
 +
    display: none;
 +
 +
}
 +
 +
 +
 +
/* Edit conflict layout */
 +
 +
.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 搜索相关差异，可拖动右下角斜线符号调整高度）";
 +
 +
}
 +
 +
.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 {
 +
 +
    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;
 +
 +
}

Latest revision as of 15:35, 31 January 2022

/*
  * CSS placed here will be applied to desktop skins
  * Moegirlpedia only opens with Vector skin
  * Translated from https://zh.moegirl.org.cn/MediaWiki:Gadget-desktop-styles.css
  *Copyright Agreement: Creative Commons Attribution-NonCommercial-ShareAlike 3.0
  */ 

 * For Vector interface and title font customization, refer to Github for Emoji support.

 * Remember to sync with [[MediaWiki:Gadget-GothicMoe.css]] when finished.

 */

body,

#firstHeading {

    font-family: sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

}

body.skin-vector {
	background-color:none;
}

/* Page title heading */

#firstHeading {

    font-weight: 500;

    padding-left: 0.25em;

}

 

/* Sidebar and topbar */

#content {

    position: relative;

    z-index: 7;

}

#mw-navigation div.vectorMenu div.menu {

    z-index: 9;

}

#mw-panel #p-logo .mw-wiki-logo, body.show-logo:not(.DeceasedPerson) #mw-panel #p-logo .mw-wiki-logo  {

    background-image:   url(https://img.moegirl.org.cn/logo/enMoegirl2015.png);

    width: 150px;

    height: 274px;
    
    margin-left: 0em;
    
    margin-top: -0.5em;
}

div#mw-page-base {

    background: none;

    height: 100px;

}

 

#left-navigation,

#right-navigation {

    margin-top: 60px;

}

 

div#mw-panel {

    top: 245px;

    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,

#mw-head div.vectorMenu {

    background-image: none !important;

    background-color: transparent !important;

}

 

div.vectorTabs,

div.vectorTabs span,

div.vectorTabs ul,

div#mw-head div.vectorMenu h3 {

    background-image: none !important;

}

 

#left-navigation,

#right-navigation

 

/* {

    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, .5) 30%, rgba(255, 255, 255, .75))!important;

    background-color: transparent!important;

}*/

,

div.vectorTabs ul li.selected {

    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, .3) 30%, rgba(255, 255, 255, .5)) !important;

    background-color: transparent !important;

}

 

#left-navigation,

#right-navigation {

    min-height: 40px;

}

 

/* Personal user menu */

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 comes with a width of 10em, which should be reserved for the test link. If you don't have it, remove it.  */

#p-personal ul {

    padding-left: 0;

}

 

/* Search bar */

div#simpleSearch button#searchButton {

    padding-top: .1em;

    padding-bottom: .2em;

    padding-right: .1em;

}

 

/* 2012年12月24日空想之梦做出的首页样式 */

#mainpage {

    display: block;

    width: 100%;

    text-align: left;

    margin: 0 auto;

    /* 居中 */

    max-width: 1030px;

}

 

.mainpage-title {

    font-family: PingFang SC, sans-serif;

    font-size: 1.618em;

    color: #ff4833;

    margin: 0;

    background: #228b22;

    font-weight: 400;

    /* 400 = normal */

    height: 30px;

    line-height: 30px;

    text-align: center;

}

:first-child>.mainpage-title,

:last-child>.mainpage-title {

    background-image: none;

    background-size: contain;

    background-repeat: no-repeat;

}

 

:first-child>.mainpage-title {

    background-position: left;

    background-size: contain;

    background-repeat: no-repeat;

}

 

:last-child>.mainpage-title {

    background-position: right;

}

/* Homepage using flex style */

.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;

}

 

/* Imouto portal */

.Mgsister {

    display: none;

}

 

/* Imouto flex style */

.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;

}

 

/* 调整侧边栏字体 */

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;

}
 

/* 标题下划线增强 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;

}

 

/* Clicked external links do not change color. Take the same writing as the default skin in order to override */

.mw-body a.external:visited {

    color: #36b;

}

 

/* Italic font margin */

#mw-content-text i {

    margin-right: 0px;

}

 

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

}

 

/* multimediaViewer fix  */

.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;

}

 

/* Footer */

#footer-info-copyright {

    padding: 15px 0 30px 0;

    font-family: sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

    min-height: 165px;

}

 

#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 {

    background-color: rgba(255, 255, 255, 0.8);

}

 

div#content,

div#p-cactions li a:hover,

div#p-cactions li.selected a {

    background-color: rgba(247, 251, 255, 0.8);

}

 

/* Navbars Source: http://www.jankoatwarpspeed.com/examples/breadcrumb/ */

#breadcrumb {

    background-image: url(//img.moegirl.org.cn/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.cn/breadcrumb/bc_separator.png) no-repeat right;

    padding-right: 15px;

    color: #454545;

}

 

#breadcrumb a:hover {

    color: #35acc5;

}

 

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

}

 

/* Unwrapped pre problem fix */

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+ */

}

 

/* Navboxes style */

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;

}

 

/* Table widths */

.wikitable {

    max-width: 100%;

}

 

/* For centered thumbnails */

.thumb.tcenter {

    float: none;

    clear: both;

    display: block;

    margin: 0 auto;

}

 

/* Catlinks (userpages not categorized!) */

body.ns-2 div#catlinks {

    display: none !important;

}

 

/* Mobile-only content */

.mobileonly {

    display: none !important;

}

 

/* Edit requests */

.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;

}

 

/* Reflists */

.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

 */


/* Containers */

.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;

}

 

/* For devices with a screen pixel width greater than 400px  */

@media (min-width: 400px) {

    /*.container {

        width: 85%;

        padding: 0;

    }*/

}

 

/* For devices with a screen pixel width greater than 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's 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;

}

 

/* vectorMenu 的排序 */

div.vectorMenu ul {

    display: flex;

    flex-flow: column;

}

 

/* 分类页同开头的页面的列表不分段 */

.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;

}

 

/* 关闭默认编辑器上传图片入口 */

#wikieditor-toolbar-file-dialog+.ui-dialog-buttonpane>.ui-dialog-buttonset>.ui-button:last-child {

    display: none;

}

 

/* Edit conflict layout */

.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 搜索相关差异，可拖动右下角斜线符号调整高度）";

}

.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 {

    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;

}
Retrieved from "https://en.moegirl.org.cn/index.php?title=User:あめろ/vector.css&oldid=32482"