Note: After publishing, you may have to bypass your browser's cache to see the changes.
/*
* 放置于这里的CSS将应用于所有皮肤
* 萌娘百科仅开放Vector皮肤
* 请尊重萌娘百科版权,以下代码除非注明均是管理员手敲出来的!!!复制需要注明源自萌娘百科,并且附上URL地址http://zh.moegirl.org/MediaWiki:Common.css
* 版权协定:知识共享 署名-非商业性使用-相同方式共享 3.0
* 复制之后请把图片换成自己网站上URL地址!
*/
/* 2012年12月24日空想之梦做出的首页样式 */
#mainpage {
display: block;
width: 100%;
text-align: left;
margin: 0 auto;
/* 居中 */
max-width: 1030px;
}
.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;
}
.mainpage-content,
.mainpage-1stcontent {
vertical-align: top;
padding: .5em .42890625rem;
min-height: 230px;
}
.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 {
flex: 2 1 calc(200% / 3);
}
.mainpage-container .mainpage-box {
flex: 1 1 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;
}
/* 解决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+ */
}
/* 导航条(完全没有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);
z-index: 73;
}
.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;
}