查看“MediaWiki:Common.css”的源代码
←
MediaWiki:Common.css
跳到导航
跳到搜索
因为以下原因,您没有权限编辑本页:
您所请求的操作仅限于该用户组的用户使用:
用户
此页提供此wiki软件的界面文字,并受到保护以防止滥用。如欲修改所有wiki的翻译,请访问
translatewiki.net
上的MediaWiki本地化项目。
您无权编辑此CSS页面,因为编辑此页面可能会影响所有访问者。
您可以查看和复制此页面的源代码。
/* * vector界面、主标题字体定制,借鉴多家网站设定(包括中文维基百科、Mozilla Developer Network Web Docs、Twitter等设定),在保留苹果系统的自定义字符串的同时,采用Mozilla Developer Network Web Docs的字体设定,以最大程度减少字体冲突,保证字体兼容度 * 部分设置被删除,部分变量被修改以适配mist.wiki */ body, #firstHeading { font-family: BlinkMacSystemFont, -apple-system, Arial, x-locale-body, sans-serif; } body.skin-vector { background: url(//mist.wiki/images/b/b9/MagicBox_LOGO_2st.png) no-repeat top left #f6f6f6; } /* 主标题字型调整*/ #firstHeading { font-weight: 500; padding-left: 0.25em; } /* 侧边栏、顶部栏 */ #mw-panel #p-logo { width: 170px; height: 170px; margin-left: -0.5em; } #mw-panel #p-logo .mw-wiki-logo { background-image: none; width: 170px; height: 170px; } div#mw-page-base { background: none; height: 100px; } #left-navigation, #right-navigation { margin-top: 60px; } div#mw-panel { top: 0; 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, #p-variants, #p-cactions { background-image: url(//img.moegirl.org/skin/tab-normal-fade.png); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5) 30%, rgba(255, 255, 255, 1)); background-color: transparent; } div.vectorTabs li.selected { background-image: url(//img.moegirl.org/skin/tab-current-fade.png); background-image:-webkit-linear-gradient(top, rgba(167, 215, 249, 0), rgba(167, 215, 249, .5) 30%, rgba(167, 215, 249, 1));/* rgba(167, 215, 249, 1) = #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; } /* 右上通知处奇怪的数字移除 */ #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自带10em宽度,应该是留给测试链接的吧萌百没有就去掉 */ #p-personal ul { padding-left: 0; } /* 对齐搜索按钮 */ div#simpleSearch button#searchButton { padding-top: .1em; padding-bottom: .2em; padding-right: .1em; } /* 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; /* 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; } /* 萌娘网姊妹项目 */ .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; } /* 被点过的外部链接不变色。采取和默认皮肤相同写法,以便override */ .mw-body 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 */ /* 把这几行单独拎出来写,否则会被Firefox合并到“.heimu a”这条规则,然后又被上面的“点过外链不变色”规则override */ span.heimu a.external, span.heimu a.external:visited, span.heimu a.extiw, span.heimu a.extiw:visited { color: #252525; } .heimu, .heimu a, a .heimu, .heimu a.new { background-color: #252525; color: #252525; text-shadow: none; } body:not(.heimu_toggle_on) .heimu:hover, body:not(.heimu_toggle_on) .heimu:active, body:not(.heimu_toggle_on) .heimu.off { transition: color .13s linear; 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 { transition: color .13s linear; 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 { transition: color .13s linear; color: #BA0000; } /* 页脚 */ #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, .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); } /* 回到顶部 */ .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); } .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; } /* 解决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; } /* Fix by case : Rev 1327309 ([[Special:Permalink/1327309]]) Address alignment issue of nested tabs in Navbox */ .navbox .TabLabel { text-align: left; } /* 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; min-height: 0px; } .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; } /*Tabs with min-height*/ .TabsMH { min-height: 250px; } /* 隐藏只供管理员查看的内容 */ .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%; } } /* * 感谢[[User:Great Brightstar]]的贡献,源码来自[[special:diff/834104]] * 以下是原注释: * 在这里使用 font-feature-settings 属性会让使用“lang”标签的元素强制使用 OpenType 技术显示本地化的变体字(通过激活 locl 标签,即便浏览器本身不直接激活)。 * 如果你使用思源黑体(非 CN、JP、KO、TW 版)、Noto Sans CJK 显示文字的话就有可能看到效果。 * 关于上述这个 CSS 属性的用法,参阅:https://developer.mozilla.org/en-US/docs/Web/CSS/font-feature-settings 注意:此文引用的 OpenType Feature Tags list 同样需要关注。 * 如有任何问题请即刻禁用之 * Nbdd0121: 将原来的[lang]改为span[lang],这样就不会影响非{{lang}}的[lang]了 (e.g. div#mw-content-text) */ span[lang] { font-family: initial; font-feature-settings: "locl" on; -webkit-font-feature-settings: "locl" on; } /* 日语斜体 */ @font-face { font-family: JapaneseItalic; src: local(meiryo); } i span[lang="ja" i], span[lang="ja" i] i, [style*="italic" i] span[lang="ja" i], span[lang="ja" i] [style*="italic" i] { font-family: JapaneseItalic; } /* 折叠表格的定位处理 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; } */ /*阅读更多:https://zh.moegirl.org/MediaWiki:Common.css 本文引自萌娘百科(https://zh.moegirl.org/),文字内容默认使用【知识共享 署名-非商业性使用-相同方式共享 3.0】协议。*/
该页面使用的模板:
模板:Lang
(
查看源代码
)
返回至
MediaWiki:Common.css
。
导航菜单
个人工具
登录
名字空间
消息
讨论
变种
视图
阅读
查看源代码
查看历史
更多
搜索
导航
首页
舰娘图鉴
装备图鉴
游戏机制
勋章陈列
剧情一览
活动日志
卡池列表
最近更改
随机页面
帮助
工具
链入页面
相关更改
上传文件
特殊页面
页面信息