查看“MediaWiki:Common.css”的源代码

/* 这里放置的CSS将应用于所有皮肤 */
/*
* 放置于这里的CSS将应用于所有皮肤
* 萌娘百科仅开放Vector皮肤
* 请尊重萌娘百科版权，以下代码除非注明均是管理员手敲出来的！！！复制需要注明源自萌娘百科，并且附上URL地址http://zh.moegirl.org/MediaWiki:Common.css
* 版权协定：知识共享 署名-非商业性使用-相同方式共享 3.0
* 复制之后请把图片换成自己网站上的图片！！！！！！！！！！！！！
*/

/*
* vector界面定制
* 英文默认字体arial。为了避免乱码微软雅黑改写成unicode编码形式\5fae\8f6f\96c5\9ed1,Hiragino Sans GB是Mac OS雪豹以后系统自带的一款字体,微软正黑体Microsoft JhengHei是为了台湾用户设置的）
*/

/* 2016冬季topbar，春节版地址：//static.mengniang.org/topbar/zhMoegirl17springFestival.jpg */
body.skin-vector {
background: url(//xilinghost.tk/title.png) no-repeat top left #f6f6f6;
font-family: Arial, Tahoma, "Microsoft YaHei", \5fae\8f6f\96c5\9ed1, "Hiragino Sans GB", "Microsoft JhengHei", 微軟正黑體, sans-serif;
}


/* 主标题字体字型调整*/
#firstHeading {
font-family: "Helvetica Neue", "Helvetica Arial", "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
font-weight: 500;
padding-left: 0.25em;
}
/* 侧边栏、顶部栏 */
#mw-panel #p-logo {
top: -199px;
left: 0;
width: 176px;
height: 199px;
}
#mw-panel #p-logo .mw-wiki-logo {
background-image: none;
width: 176px;
height: 199px;
}
div#mw-page-base {
background: none;
height: 100px;
}
#left-navigation,
#right-navigation {
margin-top: 60px;
}
div#mw-panel {
top: 310px;
padding-top: 0;
text-shadow: 3px 3px 6px #CCC;
}
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(//static.mengniang.org/skin/tab-normal-fade.png);
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #fff);
background-color: transparent;
}
div.vectorTabs li.selected {
background-image: url(//static.mengniang.org/skin/tab-current-fade.png);
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #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;
}
/* MW自带10em宽度，应该是留给测试链接的吧萌百没有就去掉 */
#p-personal ul {
padding-left: 0;
}
/* 对齐搜索按钮 */
div#simpleSearch button#searchButton {
padding-top: .1em;
padding-bottom: .2em;
padding-right: .1em;
}
/* table里ol和ul的左边距修正 */
.mw-content-ltr ul,
.mw-content-rtl .mw-content-ltr ul,
.mw-content-ltr table ol,
.mw-content-rtl .mw-content-ltr table ol {
margin-left: 1.2em;
}
/* 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;
}
/* 并列用的CSS3代码 */
.block,
.content-box {
width: 100%;
}
.content-box {
display: box;
display: -moz-box;
display: -webkit-box;
}
.parallel .content-box {
box-orient: horizontal;
-moz-box-orient: horizontal;
-webkit-box-orient: horizontal;
}
.parallel .boite {
box-flex: 1;
-moz-box-flex: 1;
-webkit-box-flex: 1;
}
/* 萌娘网姊妹项目 */
.Mgsister {
width: 100%;
color: #777;
font-size: 115%;
text-align: center;
}
.Mgsister > span {
display: inline-block;
vertical-align: middle;
}
.MgsisIcon {
text-align: center;
padding: 17px;
}
.MgsisText {
padding: 4px 7em 4px 0;
text-align: left;
}
.MgsisText span {
font-size: 85%;
}
/* 公告栏滚动Rollnews */
#scrollDiv {
width: 100%;
height: 25px;
line-height: 25px;
overflow: hidden
}
#scrollDiv li {
height: 25px;
padding-left: 10px;
list-style: none;
}
/* 标题下划线增强 700 = bold */
h1 {
font-weight: 700;
border-bottom: 2px solid #0074f9;
}
h2 {
font-weight: 700;
border-bottom: 1px solid #0074f9;
}
/* 副标题 */
#siteSub {
display: inline;
font-size: 90%;
font-weight: 400; /* 400 = normal */
font-style: normal;
text-align: right;
}
/* 被点过的外部链接不变色 */
div#content a.external:visited {
color: #36b;
}
/* 斜体字右边距加大看以防止文字挤在一起 */
#mw-content-text i {
margin-right: 3px;
}
/* Extension:MultimediaViewer的半透明化修改 */
.mw-mmv-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.8);
opacity: 0.73;
}
body.mediawiki.mw-mmv-lightbox-open #mw-page-base,
body.mediawiki.mw-mmv-lightbox-open #mw-head-base,
body.mediawiki.mw-mmv-lightbox-open #mw-navigation,
body.mediawiki.mw-mmv-lightbox-open #content,
body.mediawiki.mw-mmv-lightbox-open #footer,
body.mediawiki.mw-mmv-lightbox-open #globalWrapper {
display: inherit;
}
body.mediawiki.mw-mmv-lightbox-open > * {
display: inherit;
}
body.mediawiki.mw-mmv-lightbox-open > script,
body.mediawiki.mw-mmv-lightbox-open > style {
display: none;
}
body.mediawiki.mw-mmv-lightbox-open {
overflow: hidden;
}
body .mw-mmv-wrapper {
position: fixed;
}
/* mutilmediaViewer 信息栏修复 */
.mw-mmv-image-metadata-column.mw-mmv-image-metadata-desc-column {
width: 30%;
}
.mw-mmv-image-metadata-column.mw-mmv-image-metadata-links-column {
width: 70%;
max-width: 70%;
}
ul.mw-mmv-image-links li {
float: left;
padding: .3em 1em;
}
div.mw-mmv-image-desc-div,
div.mw-mmv-image-links-div{
display:block
}
div.metadata-panel-is-closed .mw-mmv-image-links li.mw-mmv-license-li {
height:inherit;
line-height:inherit;
}
/* 通用圆角框 */
.common-box {
padding: .2em .4em;
border: 1px solid #ddd;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-o-border-radius: 10px;
-webkit-box-shadow: #666 0 2px 3px;
-moz-box-shadow: #666 0 2px 3px;
border-radius: 10px;
box-shadow: #666 0 2px 3px;
}
/* info类模板 */
.infoBox {
margin: 0 auto;
}
.infoBoxTitle {
margin: 3px auto;
padding: 0;
text-align: center;
font-weight: 700;
}
.infoBoxIcon {
display: table-cell;
padding: 2px 0 2px .5em;
vertical-align: middle;
}
.infoBoxText {
display: table-cell;
padding: .25em .5em .25em 1.3em;
width: 100%;
vertical-align: middle;
}
.infoBoxContent {
border: 1px solid #ddd;
border-left-width: 0;
background: #fbfbfb;
}
.infoBoxBelow {
margin: 0 auto;
padding: 0;
text-align: center;
}
/* 数据表格 */
.mw-datatable.TablePager {
width: 100%;
table-layout: fixed;
word-wrap: break-word;
}
 
/* 隐藏首页标题，空行，讨论、查看源代码tab */
.page-Mainpage h1.firstHeading,
.page-Mainpage #siteSub,
.page-Mainpage #contentSub,
.page-Mainpage li#ca-viewsource,
.page-Mainpage li#ca-talk {
display: none;
}
/* 黑幕模板配合CSS */
.heimu,
.heimu a,
a .heimu,
.heimu a.new {
background-color: #252525;
color: #252525;
text-shadow: none;
cursor: help;
}
body:not(.heimu_toggle_on) .heimu:hover,
body:not(.heimu_toggle_on) .heimu:active,
body:not(.heimu_toggle_on) .heimu.off {
color: white;
}
body:not(.heimu_toggle_on) .heimu:hover a,
body:not(.heimu_toggle_on) a:hover .heimu,
body:not(.heimu_toggle_on) .heimu.off a,
body:not(.heimu_toggle_on) a:hover .heimu.off {
color: lightblue;
}
body:not(.heimu_toggle_on) .heimu.off .new,
body:not(.heimu_toggle_on) .heimu.off .new:hover,
body:not(.heimu_toggle_on) .new:hover .heimu.off,
body:not(.heimu_toggle_on) .heimu.off .new,
body:not(.heimu_toggle_on) .heimu.off .new:hover,
body:not(.heimu_toggle_on) .new:hover .heimu.off {
color: #BA0000;
}

/* 名字空间改变背景色 */
.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(//static.mengniang.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(//static.mengniang.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);
}
/* 信息模板的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;
}
/* 侧边栏logo或左下角图片添加 */
#sidebar-character {
position: fixed;
bottom: 0;
left: -3px;
z-index: -2;
}
#wglogo {
display: none;
}
@media screen and (max-width: 600px) {
/* 低像素设备隐藏 */
#sidebar-character {
display: none;
}
}
/* 编辑区样式 */
.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;
}
/* 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%;
}
}

//阅读更多：https://zh.moegirl.org/MediaWiki:Common.css
//本文引自萌娘百科（https://zh.moegirl.org/），文字内容遵守【知识共享 署名-非商业性使用-相同方式共享 3.0】协议。