MediaWiki:Common.css
注意:在保存之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Internet Explorer:按住Ctrl的同时单击刷新,或按Ctrl-F5
- Opera:前往菜单 → 历史(Mac为Opera → Preferences),或按Ctrl-Shift-Del,然后清除浏览数据 → 勾选“已缓存的图片和文件” → 清除数据。
/* 这里放置的CSS将应用于所有非移动端皮肤 */
body {
--lightpurple: #F7F1FC;
--purple: #C794F6;
--darkpurple: #A443DF;
--lightgreen: #F9FFEA;
--green: #B9E66B;
--darkgreen: #84B63C;
--lightblue: #EBF7FE;
--blue: #85C1F7;
--darkblue: #4487DF;
--lightyellow: #FEF9DE;
--yellow: #F9E179;
--darkyellow: #F1BD4C;
--lightorange: #FFF7ED;
--orange: #F4C89C;
--darkorange: #E7815C;
--lightred: #FDF5F5;
--red: #F3ACAA;
--darkred: #E7615C;
--theme: #2196F3;
}
/**
* CharInsert插入项样式
* Styling for links generated by [[MediaWiki:Edittools]]
* @source https://www.mediawiki.org/wiki/Extension:CharInsert#Styling
* @updated 2012-02-29
*/
.mw-charinsert-buttons {
margin-top: 10px;
border: 1px solid #aaaaaa;
padding: 1px;
text-align: center;
font-size: 110%;
}
.mw-charinsert-buttons a {
color: black;
background-color: #cde !important;
font-weight: bold;
font-size: .9em;
text-decoration: none;
border: thin #069 outset;
padding: 0 .1em .1em;
}
.mw-charinsert-buttons a:hover,
.mw-charinsert-buttons a:active {
background-color: #bcd;
border-style: inset;
}
.client-js .mw-edittools-section {
display: inline;
}
.client-js .mw-edittools-section input[type="button"] {
font-size: 0.9em;
padding-left: 1px;
padding-right: 1px;
margin-left: 1px;
}
/*模糊样式*/
.fuzzy {
filter: blur(3px);
text-shadow: 0px 0px 5px white;
transition: all 0.1s ease-in-out;
}
.fuzzy:hover {
filter: none;
text-shadow: none;
}
/*水印表格样式*/
table.logo {
position: relative;
}
table.logo::after {
content: "";
position: absolute;
bottom: 0;
right: 0;
pointer-events: none;
width: 250px;
height: 250px;
background: url(//media.fgo.wiki/3/31/Mooncell-bg-norepeat.png) no-repeat right bottom;
}
/*表格半透明样式*/
table.wikitable>tr>th,
table.wikitable>*>tr>th {
background-color: rgba(213, 215, 219, .4);
}
/*筛选工具样式*/
.filterable-button {
float: right;
color: black;
padding: 0 2px 0 0.5em;
text-shadow: none;
transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
cursor: pointer;
}
.filterable-button:hover {
text-shadow: 1px 1px 2px #888;
}
.filterable-button-active {
color: black;
}
.filterable-input-group {
position: absolute;
max-width: 45vw;
display: none;
}
.filterable-input-group .list-group-item input {
vertical-align: text-bottom;
margin: 0 5px 0 0;
}
.filterable-input-group .dropdown-content {
padding: 0 10px;
}
.filterable-input-group .dropdown-content .list-group-item {
/*overflow: hidden; */
white-space: nowrap;
text-overflow: ellipsis;
}
.filterable-input-group .list-group {
margin-bottom: 10px;
max-height: 206px;
overflow-y: auto;
}
.dropdown-menu {
padding: 7px;
position: absolute;
top: 100%;
left: 0;
z-index: 95;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
font-size: 14px;
text-align: left;
background-color: #ffffff;
border: 1px solid #cccccc;
border:
1px solid rgba(0, 0, 0, 0.15);
border-radius: 0;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background-clip: padding-box;
}
.dropdown-menu.pull-right {
right: 0;
left: auto;
}
.dropdown-menu .divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.dropdown-menu>li>a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.42857143;
color: #333333;
white-space: nowrap;
}
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
text-decoration: none;
color: #262626;
background-color: #f5f5f5;
}
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
color: #ffffff;
text-decoration: none;
outline: 0;
background-color: #337ab7;
}
.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
color: #777777;
}
.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
text-decoration: none;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
cursor: not-allowed;
}
.btn-group-sm {
display: inline-block;
}
.dropdown-menu {
padding: 7px;
}
/* 在桌面浏览器中隐藏元素 */
.nodesktop {
display: none !important;
}
.mw-collapsible-toggle {
position: relative;
z-index: 50;
}
/* 图片注释 */
.custom-img-comment {
opacity: 0;
transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
}
.custom-img-comment:hover {
opacity: 1;
}
/* 全局1.6倍行高 */
#mw-content-text {
line-height: 1.6;
}
/*** 目录相关 ***/
/* 目录自动隐藏并设置显示按钮 */
/* 经投票决定撤销此改动
#toc:not(.toc-custom) {
display: none;
}
#btn-showtoc {
cursor: pointer;
}
.toc .toctoggle {
display: none;
}
*/
/* 浮动目录效果
.toc-custom类添加逻辑在Mediawiki:Common.js
*/
.toc-custom {
position: fixed;
right: 0;
top: 240px;
background: rgba(255, 255, 255, 0.8);
z-index: 100;
max-width: 347px;
opacity: 0.5;
filter: alpha(opacity=50);
-webkit-transition: -webkit-transform .2s ease-in;
transition: transform .2s ease-in;
}
.toc-custom:hover {
opacity: 1;
filter: alpha(opacity=100);
box-shadow: 0 0 4px black;
-webkit-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
transform: translate(-100%, 0);
}
.toc-custom:hover:before {
opacity: 0;
filter: alpha(opacity=0);
}
.toc-custom:before {
content: '目录';
text-align: center;
font-size: 12px;
width: 20px;
padding: 15px 3px;
height: 45px;
background: #000;
color: #fff;
position: absolute;
left: -26px;
top: 50%;
margin-top: -30px;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all .2s ease-in;
transition: all .2s ease-in;
}
.toc-custom>ul {
max-height: 45vh;
overflow-y: scroll;
}
.toc-custom>ul {
max-height: 45vh;
overflow-y: scroll;
}
/* 条目目录1级标题(对应条目2级标题)自动加粗 */
li.toclevel-1>a>span.toctext {
font-weight: bold;
}
/* 条目2级标题(对应条目目录1级标题)自动加粗 */
.mw-body-content h2 {
font-weight: bold;
}
/*** 隐藏首页标题 ***/
body.page-首页.action-view h1.firstHeading,
body.page-首页.action-submit h1.firstHeading,
body.page-Mooncell_SE_RA_PH.action-view h1.firstHeading,
body.page-Mooncell_SE_RA_PH.action-submit h1.firstHeading,
body.page-首页_sandbox.action-view h1.firstHeading,
body.page-首页_sandbox.action-submit h1.firstHeading {
display: none;
}
/*** *** ***/
/*** plainlist & plainlinks ***/
.plainlist ol,
.plainlist ul {
line-height: inherit;
list-style: none none;
margin: 0;
}
.plainlist ol li,
.plainlist ul li {
margin-bottom: 0;
}
/*** *** ***/
/*黑幕CSS引自萌娘百科(https://zh.moegirl.org/),文字内容遵守【知识共享 署名-非商业性使用-相同方式共享 3.0】协议。*/
/* 黑幕模板配合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 .heimugray,
body:not(.heimu_toggle_on) .heimu:active .heimugray,
body:not(.heimu_toggle_on) .heimu.off .heimugray{
transition: color .13s linear;
color: #666666;
}
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;
}
/************************
**Styles from Wikipwdia**
************************/
/* Make the list of references smaller */
ol.references,
div.reflist {
font-size: 90%;
/* Default font-size */
margin-bottom: 0.5em;
}
div.reflist ol.references {
font-size: 100%;
/* Reset font-size when nested in div.reflist */
}
div.reflist ol.references,
div.notelist ol.references {
list-style-type: inherit;
/* Enable custom list style types */
}
/* .references-2column b/c */
div.references-2column {
-moz-column-count: 2;
column-count: 2;
font-size: 90%;
}
div.references-2column ol.references,
div.references-2column div.reflist {
font-size: 100%;
}
/* Reset top margin for lists embedded in columns */
div.columns {
margin-top: 0.3em;
}
div.columns dl,
div.columns ol,
div.columns ul {
margin-top: 0;
}
/* Avoid list items from breaking between columns */
div.columns li,
div.columns dd dd {
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid-column;
}
/* Highlight clicked reference in blue to help navigation */
ol.references li:target,
sup.reference:target,
span.citation:target {
background-color: #DEF;
}
/* Prevent line breaks in silly places:
1) Where desired
2) Links when we don't want them to
3) Bold "links" to the page itself
4) HTML formulae
5) Ref tags with group names <ref group="Note"> --> "[Note 1]"
*/
.nowrap,
.nowraplinks a,
.nowraplinks .selflink,
span.texhtml,
sup.reference a {
white-space: nowrap;
}
/* In the case where non-CJK links are joined with CJK punctuations
(thus no space after punctuations), browsers tend to disallow link wrap
around those punctuations (see diff=37708459). Insert an empty pseudo-
element with standard wrapping to work around this. */
.nowraplinks a:before,
.nowraplinks .selflink:before {
content: " ";
font-size: 0;
white-space: normal;
}
/* However if there is a manual nowrap, do not ignore it. */
.nowraplinks .nowrap a:before,
.nowraplinks .nowrap .selflink:before {
white-space: nowrap;
}
/* Style for horizontal lists (separator following item) */
.skin-monobook .hlist dl,
.skin-modern .hlist dl,
.skin-vector .hlist dl {
line-height: 1.5em;
}
.hlist dl,
.hlist ol,
.hlist ul {
margin: 0;
}
.hlist dd,
.hlist dt,
.hlist li {
display: inline;
margin: 0;
}
/* Display nested lists inline */
.hlist dl dl,
.hlist ol ol,
.hlist ul ul {
display: inline;
}
/* Generate interpuncts */
.hlist dt:after {
content: " :";
}
.hlist dd:after,
.hlist li:after {
content: " · ";
font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
content: none;
}
/* for IE 8 */
.hlist dd.nopunct:after,
.hlist dt.nopunct:after,
.hlist li.nopunct:after {
content: none;
}
/* Add parens around nested lists */
.hlist dl dl:before,
.hlist ol ol:before,
.hlist ul ul:before {
content: "(";
}
.hlist dl dl:after,
.hlist ol ol:after,
.hlist ul ul:after {
content: ")";
}
/* Put numbers in ordered lists */
.hlist.hnum ol li {
counter-increment: level1;
}
.hlist.hnum ol li:before {
content: counter(level1) " ";
}
.hlist.hnum ol ol li {
counter-increment: level2;
}
.hlist.hnum ol ol li:before {
content: counter(level2) " ";
}
/* Unbulleted lists */
.plainlist ul {
line-height: inherit;
list-style: none none;
margin: 0;
}
.plainlist ul li {
margin-bottom: 0;
}
.same-bg {
background: none
}
/********************
**Styles for mboxes**
********************/
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
th.mbox-text,
td.mbox-text {
/* The message body cell(s) */
border: none;
padding: 0.25em 0.9em;
/* 0.9em left/right */
width: 100%;
/* Make all mboxes the same width regardless of text length */
}
td.mbox-image {
/* The left image cell */
border: none;
padding: 2px 0 2px 0.9em;
/* 0.9em left, 0px right */
text-align: center;
}
td.mbox-imageright {
/* The right image cell */
border: none;
padding: 2px 0.9em 2px 0;
/* 0px left, 0.9em right */
text-align: center;
}
td.mbox-empty-cell {
/* An empty narrow cell */
border: none;
padding: 0px;
width: 1px;
}
/* Article message box styles */
table.ambox {
margin: 0px 10%;
/* 10% = Will not overlap with other elements */
border: 1px solid #a2a9b1;
border-left: 10px solid #36c;
/* Default "notice" blue */
background: #f8f9fa;
}
table.ambox+table.ambox {
/* Single border between stacked boxes. */
margin-top: -1px;
}
.ambox th.mbox-text,
.ambox td.mbox-text {
/* The message body cell(s) */
padding: 0.25em 0.5em;
/* 0.5em left/right */
}
.ambox td.mbox-image {
/* The left image cell */
padding: 2px 0 2px 0.5em;
/* 0.5em left, 0px right */
}
.ambox td.mbox-imageright {
/* The right image cell */
padding: 2px 0.5em 2px 0;
/* 0px left, 0.5em right */
}
table.ambox-notice {
border-left: 10px solid #36c;
/* Blue */
}
table.ambox-speedy {
border-left: 10px solid #b32424;
/* Red */
background: #fee7e6;
/* Pink */
}
table.ambox-delete {
border-left: 10px solid #b32424;
/* Red */
}
table.ambox-content {
border-left: 10px solid #f28500;
/* Orange */
}
table.ambox-style {
border-left: 10px solid #fc3;
/* Yellow */
}
table.ambox-move {
border-left: 10px solid #9932cc;
/* Purple */
}
table.ambox-protection {
border-left: 10px solid #a2a9b1;
/* Gray-gold */
}
/* Image message box styles */
table.imbox {
margin: 4px 10%;
border-collapse: collapse;
border: 3px solid #36c;
/* Default "notice" blue */
background: #f8f9fa;
}
.imbox .mbox-text .imbox {
/* For imboxes inside imbox-text cells. */
margin: 0 -0.5em;
/* 0.9 - 0.5 = 0.4em left/right. */
}
.mbox-inside .imbox {
/* For imboxes inside other templates. */
margin: 4px;
}
table.imbox-notice {
border: 3px solid #36c;
/* Blue */
}
table.imbox-speedy {
border: 3px solid #b32424;
/* Red */
background: #fee7e6;
/* Pink */
}
table.imbox-delete {
border: 3px solid #b32424;
/* Red */
}
table.imbox-content {
border: 3px solid #f28500;
/* Orange */
}
table.imbox-style {
border: 3px solid #fc3;
/* Yellow */
}
table.imbox-move {
border: 3px solid #9932cc;
/* Purple */
}
table.imbox-protection {
border: 3px solid #a2a9b1;
/* Gray-gold */
}
table.imbox-license {
border: 3px solid #88a;
/* Dark gray */
background: #f7f8ff;
/* Light gray */
}
table.imbox-featured {
border: 3px solid #cba135;
/* Brown-gold */
}
/* Category message box styles */
table.cmbox {
margin: 3px 10%;
border-collapse: collapse;
border: 1px solid #a2a9b1;
background: #eaf3ff;
/* Default "notice" blue */
}
table.cmbox-notice {
background: #eaf3ff;
/* Blue */
}
table.cmbox-speedy {
margin-top: 4px;
margin-bottom: 4px;
border: 4px solid #b32424;
/* Red */
background: #fee7e6;
/* Pink */
}
table.cmbox-delete {
background: #fee7e6;
/* Red */
}
table.cmbox-content {
background: #FFE7CE;
/* Orange */
}
table.cmbox-style {
background: #FFF9DB;
/* Yellow */
}
table.cmbox-move {
background: #E4D8FF;
/* Purple */
}
table.cmbox-protection {
background: #EFEFE1;
/* Gray-gold */
}
/* Other pages message box styles */
table.ombox {
margin: 4px 10%;
border-collapse: collapse;
border: 1px solid #a2a9b1;
/* Default "notice" gray */
background: #f8f9fa;
}
table.ombox-notice {
border: 1px solid #a2a9b1;
/* Gray */
}
table.ombox-speedy {
border: 2px solid #b32424;
/* Red */
background: #fee7e6;
/* Pink */
}
table.ombox-delete {
border: 2px solid #b32424;
/* Red */
}
table.ombox-content {
border: 1px solid #f28500;
/* Orange */
}
table.ombox-style {
border: 1px solid #fc3;
/* Yellow */
}
table.ombox-move {
border: 1px solid #9932cc;
/* Purple */
}
table.ombox-protection {
border: 2px solid #a2a9b1;
/* Gray-gold */
}
/* Talk page message box styles */
table.tmbox {
margin: 4px 10%;
border-collapse: collapse;
border: 1px solid #c0c090;
/* Default "notice" gray-brown */
background: #f8eaba;
}
.mediawiki .mbox-inside .tmbox {
/* For tmboxes inside other templates. The "mediawiki" */
margin: 2px 0;
/* class ensures that this declaration overrides other */
width: 100%;
/* For Safari and Opera */
/* styles (including mbox-small above) */
}
.mbox-inside .tmbox.mbox-small {
/* "small" tmboxes should not be small when */
line-height: 1.5em;
/* also "nested", so reset styles that are */
font-size: 100%;
/* set in "mbox-small" above. */
}
table.tmbox-speedy {
border: 2px solid #b32424;
/* Red */
background: #fee7e6;
/* Pink */
}
table.tmbox-delete {
border: 2px solid #b32424;
/* Red */
}
table.tmbox-content {
border: 2px solid #f28500;
/* Orange */
}
table.tmbox-style {
border: 2px solid #fc3;
/* Yellow */
}
table.tmbox-move {
border: 2px solid #9932cc;
/* Purple */
}
table.tmbox-protection,
table.tmbox-notice {
border: 1px solid #c0c090;
/* Gray-brown */
}
/* Disambig and set index box styles */
table.dmbox {
clear: both;
margin: 0.9em 1em;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: transparent;
font-size: small;
}
/* Footer and header message box styles */
table.fmbox {
clear: both;
margin: 0.2em 0;
width: 100%;
border: 1px solid #a2a9b1;
background: #f8f9fa;
/* Default "system" gray */
}
table.fmbox-system {
background: #f8f9fa;
}
table.fmbox-warning {
border: 1px solid #bb7070;
/* Dark pink */
background: #ffdbdb;
/* Pink */
}
table.fmbox-editnotice {
background: transparent;
}
/* Div based "warning" style fmbox messages. */
div.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon {
clear: both;
margin: 0.2em 0;
border: 1px solid #bb7070;
background: #ffdbdb;
padding: 0.25em 0.9em;
}
/* Div based "system" style fmbox messages. Used in
[[MediaWiki:Noarticletext]] and [[MediaWiki:Readonly lag]]. */
div.mw-lag-warn-normal,
div.noarticletext,
div.fmbox-system {
clear: both;
margin: 0.2em 0;
border: 1px solid #a2a9b1;
background: #f8f9fa;
padding: 0.25em 0.9em;
}
/* These mbox-small classes must be placed after all other
ambox/tmbox/ombox etc classes. "body.mediawiki" is so
they override "table.ambox + table.ambox" above. */
body.mediawiki table.mbox-small {
/* For the "small=yes" option. */
clear: right;
float: right;
margin: 4px 0 4px 1em;
width: 238px;
font-size: 88%;
line-height: 1.25em;
}
body.mediawiki table.mbox-small-left {
/* For the "small=left" option. */
margin: 4px 1em 4px 0;
width: 238px;
border-collapse: collapse;
font-size: 88%;
line-height: 1.25em;
}
/* CODE FOR COMPACT AMBOX */
/* Hide the images */
.compact-ambox table .mbox-image,
.compact-ambox table .mbox-imageright,
.compact-ambox table .mbox-empty-cell {
display: none;
}
/* Remove borders, backgrounds, padding, etc. */
.compact-ambox table.ambox {
border: none;
border-collapse: collapse;
background: transparent;
margin: 0 0 0 1.6em !important;
padding: 0 !important;
width: auto;
display: block;
}
body.mediawiki .compact-ambox table.mbox-small-left {
font-size: 100%;
width: auto;
margin: 0;
}
/* Style the text cell as a list item and remove its padding */
.compact-ambox table .mbox-text {
padding: 0 !important;
margin: 0 !important;
}
.compact-ambox table .mbox-text-span {
display: list-item;
line-height: 1.5em;
list-style-type: square;
list-style-image: url("data:image/gif;base64,R0lGODlhBQANAIAAAGOMnP///yH5BAEAAAEALAAAAAAFAA0AAAIJjI+pu+APo4SpADs=");
}
/* Allow for hiding text in compact form */
.compact-ambox .hide-when-compact {
display: none;
}
#siteNotice div {
margin: 0;
}
#mw-dismissable-notice {
background: transparent;
}
#wpSummary,
#wpSummaryLabel,
input#wpSummary,
input.mw-summary {
margin-top: 0;
margin-bottom: 0;
}
/* When div class="nonumtoc" is used on the table of contents, the ToC will display without numbers */
.nonumtoc .tocnumber {
display: none;
}
.nonumtoc #toc ul,
.nonumtoc .toc ul {
line-height: 1.5em;
list-style: none;
margin: .3em 0 0;
padding: 0;
}
.nonumtoc #toc ul ul,
.nonumtoc .toc ul ul {
margin: 0 0 0 2em;
}
/* Allow limiting of which header levels are shown in a TOC;
div class="toclimit-3", for instance, will limit to
showing ==headings== and ===headings=== but no further
(as long as there are no =headings= on the page, which
there shouldn't be according to the MoS).
*/
.toclimit-2 .toclevel-2,
.toclimit-3 .toclevel-3,
.toclimit-4 .toclevel-4,
.toclimit-5 .toclevel-5,
.toclimit-6 .toclevel-6,
.toclimit-7 .toclevel-7 {
display: none;
}
/* styles for {{copyvio}} and {{copyvio/bot}{.
To reduce the HTML code produced by these templates.
*/
.copyvio-title {
font-family: Microsoft Yahei, 微软雅黑, Microsoft Jhenghei, 微軟正黑體, Arial Unicode MS, 黑体;
text-align: center;
font-size: 150%;
font-weight: bold;
}
.copyvio-titlebox {
border-bottom: 2px solid #003153;
color: white;
background: #999999;
padding: 0.5em;
height: 3em;
-moz-border-radius: 5px 5px 0 0;
}
.copyvio-box {
width: 95%;
border: 3px solid #003153;
background: white;
margin: .5em auto;
font-size: 90%;
-o-border-radius: 8px;
-icab-border-radius: 8px;
-khtml-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-o-box-shadow: 10px 10px 5px #888;
-icab-box-shadow: 10px 10px 5px #888;
-khtml-box-shadow: 10px 10px 5px #888;
-moz-box-shadow: 10px 10px 5px #888;
-webkit-box-shadow: 10px 10px 5px #888;
box-shadow: 10px 10px 5px #888;
}
/* 这是catlinks(分类)的CSS,通过变更margin-bottom属性可以更改与评分的间距 */
#page-content #catlinks {
margin-bottom: 15px;
}
/* 回到顶部 */
.backToTop {
opacity: 1;
filter: alpha(opacity=100);
position: fixed;
_position: absolute;
z-index: 9999;
bottom: 10px;
right: 5px;
display: none;
height: 120px;
width: 65px;
background: url(images/topx.png) no-repeat;
cursor: pointer;
color: #272727;
}
/* 隐藏编辑页面中的返回顶部按钮 */
.action-edit .backToTop,
.action-submit .backToTop {
display: none !important;
}
/* 数据表格 */
.mw-datatable.TablePager {
width: 100%;
table-layout: fixed;
word-wrap: break-word;
}
/* 表格宽度 */
.wikitable {
max-width: 100%;
display: table;
}
/*表格居中*/
.centertable {
margin-left: auto;
margin-right: auto;
}
/* 黑幕反白 */
.spoiler {
background-color: black;
color: #000000;
}
.spoiler:hover {
background-color: black;
color: #ffffff;
}
/* 悬浮 */
.iteminfo {
display: none;
}
.itemhover:hover .iteminfo {
display: block;
}
/*** for templates ***/
/** tl:svtcard **/
.tl-svtcard {
background: url(//media.fgo.wiki/fortl/svtcardbg.png) no-repeat;
width: 800px;
height: 400px;
display: block;
position: relative;
font-family: "Noto Serif", "Noto Serif CJK SC", "Noto Serif CJK JP", source-han-serif-sc, serif;
}
/** tl:cecard **/
.tl-cecard {
background: url(//media.fgo.wiki/fortl/cecardbg.png) no-repeat;
width: 600px;
height: 342px;
display: block;
position: relative;
font-family: sans-serif;
}
/** tl:cccard **/
.tl-cccard {
background: url(//media.fgo.wiki/kngd/cccardbg.png) no-repeat;
width: 600px;
height: 342px;
display: block;
position: relative;
font-family: sans-serif;
}
/** tl:章节牵绊**/
.tl-chbond {
background: url(//media.fgo.wiki/fortl/chbondbg.jpg) no-repeat;
width: 480px;
height: 138px;
display: block;
position: relative;
font-family: sans-serif;
}
/** 限制图表最大宽度 **/
.vega .canvas {
max-width: 100%;
}
/** pathnav2 **/
.pathnav2-center a,
.pathnav2-center a:visited {
color: white;
}
.pathnav2-center a:hover {
color: #DDDDDD;
}
/** tl-idnav **/
.tl-idnav a,
.tl-idnav a:visited {
color: white;
}
.tl-idnav a:hover {
color: #DDDDDD;
}
/** tl-splink **/
.tl-splink a,
.tl-splink a:visited,
.tl-splink a:hover {
border-bottom: dashed 1px;
}
/** tabber样式 **/
.tabbernav {
border-bottom: none !important;
}
.tabbertab {
border-radius: 4px;
background: rgba(248, 248, 248, 0.4) !important;
border: 1px solid #ccc !important;
}
.tabbernav li a:link {
border-radius: 4px 4px 0 0;
background: #63b8ff !important;
color: #f8f8f8 !important;
}
.tabbernav li a:visited {
background: #63b8ff !important;
color: #f8f8f8 !important;
}
.tabbernav li a:hover {
background: #1c86ee !important;
color: #f8f8f8 !important;
}
.tabbernav li.tabberactive a:link {
color: #0645ad !important;
background-color: #f8f8f8 !important;
border: 1px solid #ccc !important;
border-bottom: 1px solid #f8f8f8 !important;
}
.tabbernav li.tabberactive a:visited {
color: #0645ad !important;
background-color: #f8f8f8 !important;
border: 1px solid #ccc !important;
border-bottom: 1px solid #f8f8f8 !important;
}
.tabbernav li.tabberactive a:hover {
color: #0645ad !important;
background-color: #f8f8f8 !important;
border: 1px solid #ccc !important;
border-bottom: 1px solid #f8f8f8 !important;
}
abbr[original-title],
.explain[original-title] {
border-bottom: 1px dotted;
cursor: help;
}
/* 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;
}
/* MW自带10em宽度去掉 */
#p-personal ul {
padding-left: 0;
}
/* wikitable MD化 */
table.wikitable {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
border-radius: 4px;
overflow: hidden;
}
/* 折叠表格的定位处理 */
body:not(.ns--1):not(.ns--2) .mw-collapsible:not(.mw-collapsed) tr:first-child> :last-child {
position: relative;
}
body:not(.ns--1):not(.ns--2) .mw-collapsible:not(.mw-collapsed) tr:first-child> :last-child .mw-collapsible-toggle:not(:last-child) {
position: absolute;
right: .1em;
top: 0;
float: none;
}
/*paginator*/
.tbui-paginator {
/*最外部容器,上下描边*/
margin: 24px 0 !important;
padding: 10px 0 !important;
border: 1px solid #56340f;
border-right: 0;
border-left: 0;
}
.tbui-paginator li {
/*列表项,单倍行高*/
line-height: 1 !important;
}
.tbui-paginator li.paginator-btn a {
/*列表项中的翻页按钮链接*/
border: 1px solid #1E90FF;
color: #1E90FF;
padding: 0 24px;
height: 40px;
line-height: 40px;
border-radius: 0;
max-width: none;
text-align: center;
background: rgba(255, 255, 255, 0.5);
}
.tbui-paginator li.paginator-btn a:hover {
/*列表项中的翻页按钮链接,悬停时*/
background: rgba(30, 144, 255, 0.5) !important;
color: #FFFFFF !important;
}
.tbui-paginator .tbui-paginator-current {
/*当前页的页码和母页面名称外框*/
margin: 0 !important;
padding: 0 !important;
display: inline-block;
text-align: center;
color: #000000;
}
.tbui-paginator .tbui-paginator-title,
.tbui-paginator .tbui-paginator-pagenum {
/*当前页的页码和母页面名称*/
display: inline-block;
font-size: 16px;
height: 20px;
line-height: 20px;
text-align: center;
}
/*全站弹窗样式*/
.tbui-popupdialog {
overflow: auto;
background: #fff;
border-radius: 4px;
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.tbui-popupdialog a {
color: #0645ad;
}
.tbui-popupdialog .panel-heading {
background-color: #6ea4df;
padding: 0.5em;
color: #fff;
font-size: 1.4em;
font-weight: bold;
}
.tbui-popupdialog .panel-body {
padding: 0.5em;
font-size: 1.15em
}
#tbui-popupclose {
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
background-color: #6ea4df !important;
color: #fff !important;
font-weight: bold;
font-size: 1.2em;
border: none !important;
padding: 0.5em;
margin: 0.5em;
}
/*热门评论*/
.comment-container-top>div:not(.comment-thread) {
background-color: rgba(68, 135, 223, 0.8) !important;
color: white !important;
font-weight: bolder !important;
}
.comment-thread.comment-popular {
background-color: rgba(68, 135, 223, 0.1) !important;
}
/* 评论头像的圣诞帽
.comment-avatar {
position: relative;
}
.comment-avatar:after {
content: '';
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAADRElEQVRIidWTb0gUeRjHv880u63LGR6WWupZe7bVipxiL8K4Q0u4kryrQwp6FwS9sECCgwpZOCSiM+ld3j/Q4o7jSvJ2rbvzKFLKW8EKJcLcNDKXLG/9uzo7Ozs7z72Ydp2a7cy7e3E98DAPM8/v+3n+/AZ4223ZYgkiYBOAfAFYKQCaBoSXAqC/Ec4qTLE1bluR+lmu1WIDgAk1pgUU5UnvvPT7oBzpYKBTBSaXDBCBjKq0FTePrc502kgAGxIZAIMxoijomZOkG7OhX+5I4dMqcPuNASUptkvn1uZW6+IMEIEYpphAiIHRGZrTvhkPfjcUUY6ogGLUMu1ABEqPr8lscNisRPRyCWQKACJg3XIrlaemljwIyyXPomqrBsRMABGwFrhcZw4dONBQ7dqUAikMLRQCeEHv1afR7IKAD+z29d7pmScK466plqLCwm89V64czM7OBjMDzIg8Gkao8wZmOn5FxO8HoO+A4kthBhOBWH/BBLgDY7e8M7MfvgQQgdLWtrabu6qqhCTFAQDk4SFMe37GdLsXsckJHcasC9BCT98HJ5Wzz/98VwWkBGDXzp1XL3s8lUSvvbUJY0XBbMdvCJ5vhvzQb/reMy/h8EigRIU+JkEEYLFYMqampvSWDJBkMVmtSPvkU7x/sRVZRz8HCcKLURBAhGyLBQAc8XPLNABDg4OXLrS0zIyOjq7RYrH09/LyyKIngogWxI2xIMBeVAxL1mrMdXUB0MclEtAcnOzSgF5Te6LuRRvz8xvcdXXPA4EAR6PRRX3s6ybuczkTbgNOLDprEXgnLyfHfbaxcV6SJFZVNSFoihWF/fv3cV/BBu53OTlNEL5YFGAArf1o69a269euxeKCyfzpjz9wf8EG7nM52U5UFz//2msZNxV4/Ed3956qyso9R2trH4+Pj4OZTd58f0ALKArCAFSiVeIbaCcdm9PhOP1VU1NEluVE9QMDA5yRnt7b1vAlj7jr2Ofz8brc3GNLBhhAzu1lZVfbvd5Yj8/Hm4uLmz+uqPjJOLIjNTX3/jHgBQQisEUEdouA4HQ4Tk0EgxyNRlmWZa7csaP9XwGSANMqyss9J+vrI3urq32i4Wf7r0FLX+7/2v4CaVfDebE8Np0AAAAASUVORK5CYII=') no-repeat top left;
position: absolute;
top: -9px;
right: -6px;
z-index: 2;
width: 24px;
height: 24px;
}
.comment-container>.comment-thread>.comment-post>.comment-avatar:after,
.comment-popular>.comment-post>.comment-avatar:after,
.comment-replybox>.comment-avatar:after {
content: '';
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAFoUlEQVRYhe2XbUxTVxjH//f2UFootVAGxEmUyIDxFpc5FHFbFB3vKmS+hmzzhahLFuNcopvOLdkHje7DpgG3xcxNZIks6JCxDUXBxEXJpsJE2awoMtQJUmh5a2/vvc8+8LLSFkpRdB/8JzdtnvOcc373PM9z7jnAUz3VkxU33o4MCAEQAUADwALACKBZ7P99ZPIIkAFKABu0PL9+hq86aqpSCTXP8zYimCRJvifYcN1qbWoXpXMAygCcFAHzYwFkQIiK40rzntEnLNf7Q83zLv2ICDetAqq6ulDT3Stc7bPUWonKARwTgfoJAWRAoJbnz+6bOiU6zkft0QQWWUZNdy9Oms1ylbn7dyvRLgAnREB+JICs36l0/9QpixI1vh7BOeqBTcSRdqN8rMN0rUeW3xGBand9FO4ceGDZ8gDdByv0/uMuqEH5KHjM1vhyGTptULNVyG0RbIwHqkdbylEBGaDUKRQle0Of1atGyLnxyFehQMokP95K9Gpdb18gD1TIAHkEyAAVgI1vBAasSvLTOLUT0VB+DI48tMTcoE//XwLAccMDwHEcZml8YZXlhLo+i1kGzrvicBk2BmyYHh7+SUpqasAqtTfv32iAxWAAJMmZYgwiIifAQYlEWNHY1HnLKoSJQKcLFifDzjXr1n302b59vFKpHLJLPT3oqbmArrNV6D53DuKDtjEDjibGcVjqr9Pt+ad1GYCvHNuHvRYD5mdkZVV8X1LC+FFyjmQZvZcvwVTxM8ynTkEytrsnIQJGWMU2mw2p12/+KAJZIwIyQKnT6erq6uujgkNC3E84OK8koafmAjpKf0DXmUqQIIzAN3KYAWDZjVudjVZB77g/2oc4d9PmzR7BAQCnUEAzJwmaOUmQTCZ0lpfBWHwUwq2bw/0AEAjcCLkbrVZpG61CFIBr9nbFACULCAj47nBRkd7b29sjQHvxKhV84uIRsHwl1HHxEI3tsLW0DBBy4PrL2WXfZkHganp6q2UHwMFEi8rIzAzXarXjhrMXx3Hwm/sypn15ENO+/haq56Pd9gntL8hwR7tigLK7+fbtJUHBwUExsbEYrUA8lXLyZPgvzoZwpwVWg2HEXOyTCcc7TNdl4CcnQBmwCRZLUdmJE7bCw4efa2tt9dPr9QjxMB9HEqdQwG9eMsS2VlgarrkMM4FQ1N7xtwwUD+vr6Dhw5lsAYGlsXFxOdk6OdlVuLsLCwh4alGQZdz7cDlNZqROkRZaR1GCoFoF5owI6wPoASOU4bvX85OTXNm/ZolywcOHDQYoimvLWoPfSRae2WVf/umQBXrS3jZpsItArAsdsRFmnKysjM9PSDmakpgr1V66MG5BjDFN27wXvoiCVPKd0tI25GkSgSQTyTldWvpSYkHDm3U2b5M5Op0/nmOQVHIyg9Rud7Dw4Jx6Py1UE/rDZbMkF+fkrX4iPbzlSWAhZHtPheJh0i5YADruFROQ00Lj2E7H/Kb53927MutWrP01PSRFuGAwejaHQanFD8d+HTCaChah7PDxuxYCZGpXq/M4dO6jLbCZRFN0+tbW1FKfyli5GR1BdTCRVRU4nBpwfKMwJgWQM2BAdEdFeXlbmFvD17GyJATUfx0ZTXUwkXV6UQXt27ya9Tlc3cOeeGDEghAGHchYvlv5saHAJd6CggBhwfEZcXJfZZKK7+z8nY8UvJIoina2uJi+OK5kwQDvQ2RqV6tft27aR0Wgcgvvm0CFSe3mVM+DtLwoKXL7A3MTEvgkLtQMkz4C3QgIDDe9v3Upv5uZKDChkgIoB7xUfPeoSMDMtTWJA4IQD2oEyBqQy4BU729y8tWslR7gOo5GC9XqD013kcYsBUPL88QP5+SQIAomiSPfv36es9HQbA3KeNB+A/oMJA3aFhYbemT1zpnWSr+9vDEh/0lwuxVzcMJ/qqf4P+hfx0LXml0wgfAAAAABJRU5ErkJggg==') no-repeat top left;
position: absolute;
top: -15px;
right: -10px;
z-index: 2;
width: 40px;
height: 40px;
}
*/
/* 信息框 */
.infobox {
border: 1px solid #a2a9b1;
background-color: #f8f9fa;
color: black;
margin-bottom: 0.5em;
margin-left: 1em;
padding: 0.2em;
float: right;
clear: right;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
border-radius: 4px;
overflow: hidden;
}
.infobox td,
.infobox th {
vertical-align: top;
}
.infobox th {
background-color: rgba(213, 215, 219, .4);
}
.infobox caption {
font-size: larger;
}
.infobox.bordered {
border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid #a2a9b1;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0;
}
/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
border: 0;
border-top: 1px solid #a2a9b1;
border-right: 1px solid #a2a9b1;
}
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
border: 0;
border-right: 1px solid #a2a9b1;
}
/* 为cbox2设置自动宽度 */
@media screen and (max-width: 1500px) {
div.cbox-autonarrow {
width: 640px !important;
}
}
/* 临时修正section问题 */
section.lst {
display: none;
}
/* 修正结构式讨论在移动设备上无法点击的问题 */
.flow-ui-load-overlay {
pointer-events: none;
}
/*tbui时间线专用样式表*/
.tbui-timeline-container {
margin: 0 auto;
width: 100%;
max-width: 768px;
}
.tbui-timeline-container::after {
/* clear */
clear: both;
display: table;
content: '';
}
.tbui-timeline {
position: relative;
/*外层容器的上下外边距和内边距*/
margin-top: 2em;
margin-bottom: 2em;
padding: 2em 0;
}
.tbui-timeline::before {
/* 时间线主体(竖线) */
position: absolute;
top: 0;
left: 18px;
height: 100%;
content: '';
/*配置主体时间线的宽度和颜色。*/
background: #cccccc;
width: 4px;
}
@media only screen and (min-width: 768px) {
/*双侧布局修正*/
.tbui-timeline::before {
left: 50%;
margin-left: -2px;
}
}
.tbui-timeline-item {
position: relative;
/*单个节点容器的外边距*/
margin: 2em 0;
}
.tbui-timeline-item:after {
clear: both;
display: table;
content: "";
}
.tbui-timeline-item:first-child {
margin-top: 0;
}
.tbui-timeline-item:last-child {
margin-bottom: 0;
}
.tbui-timeline-node {
position: absolute;
/*时间线上圆点的样式(窄屏)*/
top: 12px;
left: 10px;
width: 20px;
height: 20px;
border-radius: 50%;
background: #cccccc;
box-shadow: 0 0 0 2px #333333,
color: #333333;
vertical-align: middle;
text-align: center;
font-size: 14px;
line-height: 20px;
}
@media only screen and (min-width: 768px) {
.tbui-timeline-node {
left: 50%;
margin-left: -10px;
/*时间线上圆点的样式(宽屏)*/
top: 5px;
}
}
.tbui-timeline-content .tbui-timeline-more,
.tbui-timeline-content .tbui-timeline-date {
display: inline-block;
}
.tbui-timeline-content {
position: relative;
/*内容区域(窄屏)*/
margin-left: 60px;
padding: 1em;
border: 1px solid #CCCCCC;
background: #f7f7f9;
}
.tbui-timeline-content:after {
clear: both;
display: table;
content: "";
}
.tbui-timeline-content::before {
position: absolute;
top: 16px;
right: 100%;
width: 0;
height: 0;
border: 7px solid transparent;
border-right: 7px solid #CCCCCC;
content: '';
}
.tbui-timeline-content .tbui-timeline-title {
display: block;
/*内容标题*/
margin: 0 0 10px;
border-left: 6px solid #428bca;
color: #333333;
text-indent: 0.4em;
font-size: 18px;
line-height: 18px;
}
.tbui-timeline-content .tbui-timeline-date {
float: left;
/*日期样式*/
padding: .8em 0 .4em;
color: #666666;
}
@media only screen and (min-width: 768px) {
.tbui-timeline-content {
margin-left: 0;
padding: 1em;
width: 45%;
}
.tbui-timeline-content::before {
top: 8px;
left: 100%;
border-color: transparent;
/*内容框体尖角颜色*/
border-left-color: #e1e1e8;
}
.tbui-timeline-content .tbui-timeline-date {
/*在宽屏下使日期飞出框架*/
position: absolute;
top: 4px;
left: 122%;
padding: 0;
width: 100%;
font-size: 16px;
}
/*宽屏下按奇偶数左右排列*/
.tbui-timeline-item:nth-child(even) .tbui-timeline-content {
float: right;
}
.tbui-timeline-item:nth-child(even) .tbui-timeline-content::before {
top: 8px;
right: 100%;
left: auto;
border-color: transparent;
/*内容框体尖角颜色*/
border-right-color: #CCCCCC;
}
.tbui-timeline-item:nth-child(even) .tbui-timeline-content .tbui-timeline-date {
right: 122%;
left: auto;
text-align: right;
}
}
/******************************************************************************/
/*懒加载渐入*/
.lazyload,
.lazyloading {
opacity: 0;
}
.lazyloaded {
opacity: 1;
transition: opacity 300ms;
}
/*** 根据页面隐藏评论 ***/
/** 英灵图鉴(不包括) **/
/*
body.page-英灵图鉴 .comment-container-top,
body.page-英灵图鉴 .comment-container,
body.page-英灵图鉴 .comment-paginator,
body.page-英灵图鉴 .comment-body {
display: none !important;
}*/
/** 结构式讨论话题页面 **/
body.ns-2600 .comment-container-top,
body.ns-2600 .comment-container,
body.ns-2600 .comment-paginator,
body.ns-2600 .comment-body {
display: none !important;
}
/* 页面载入完毕前不显示未激活的tabber内容 */
div.tabbertab ~ div.tabbertab {
display: none;
}
/* 页面载入完毕前不显示表格中设置为默认折叠的内容 */
table.mw-collapsible.mw-collapsed > tbody > tr ~ tr {
display: none;
}
/*******************************************************************************/
/*** 全站灰阶 ***/
/*
html {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-webkit-filter: grayscale(1);
filter: gray;
}
*/