查看“MediaWiki:Common.css”的源代码
←
MediaWiki:Common.css
跳转至:
导航
,
搜索
因为以下原因,您没有权限编辑本页:
您所请求的操作仅限于这些用户组的用户使用:
用户
,
管理员
,Editor
该页提供此wiki软件的界面文字,它已被保护以防止恶意修改。如欲修改所有wiki的翻译,请到
translatewiki.net
上的MediaWiki本地化计划。
您可以查看与复制此页面的源代码。
/* 这里放置的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】协议。
返回至
MediaWiki:Common.css
。
导航菜单
个人工具
创建账户
登录
命名空间
消息
讨论
变种
视图
阅读
查看源代码
查看历史
更多
搜索
导航
首页
最近更改
随机页面
讨论版
提问求助区
帮助
帮助
沙盒
编辑教程
创建新条目
工具
链入页面
相关更改
特殊页面
页面信息
返回顶部
评论预览
×