第1行: |
第1行: |
− | /* 这里放置的CSS将应用于所有皮肤 */ | + | /* 这里放置的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(//fgo.wiki/images/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: 10; |
| + | 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 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 { |
− | body.skin-vector{ | + | background: #FFE7CE; |
− | background: url(//cdn.zbc.wiki/2020/06/11/zbc-slogen.png) no-repeat top right #f6f6f6; | + | /* 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(/images/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(/images/fortl/cecardbg.png) no-repeat; |
| + | width: 600px; |
| + | height: 342px; |
| + | display: block; |
| + | position: relative; |
| + | font-family: sans-serif; |
| + | } |
| + | |
| + | /** tl:cccard **/ |
| + | .tl-cccard { |
| + | background: url(/images/kngd/cccardbg.png) no-repeat; |
| + | width: 600px; |
| + | height: 342px; |
| + | display: block; |
| + | position: relative; |
| + | font-family: sans-serif; |
| + | } |
| + | |
| + | /** tl:章节羁绊**/ |
| + | .tl-chbond { |
| + | background: url(/images/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样式 **/ |
| + | .tabber { |
| + | display: inline-block; |
| + | } |
| + | |
| + | .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问题 */ |
− | #mw-panel #p-logo {
| + | section.lst { |
− | width: 176px;
| + | display: none; |
− | height: 176px;
| |
− | margin-left: -0.5em;
| |
| } | | } |
| | | |
− | div#mw-page-base {
| + | /* 修正结构式讨论在移动设备上无法点击的问题 */ |
− | background: none;
| + | .flow-ui-load-overlay { |
− | height: 100px;
| + | pointer-events: none; |
| } | | } |
− | #left-navigation,
| + | |
− | #right-navigation {
| + | /*tbui时间线专用样式表*/ |
− | margin-top: 60px;
| + | |
| + | .tbui-timeline-container { |
| + | margin: 0 auto; |
| + | width: 100%; |
| + | max-width: 768px; |
| } | | } |
− | div#mw-panel {
| + | |
− | top: 0;
| + | .tbui-timeline-container::after { |
− | text-shadow: 1px 1px #f6f6f6;
| + | /* clear */ |
| + | clear: both; |
| + | display: table; |
| + | content: ''; |
| } | | } |
− | div#mw-panel div.portal {
| + | |
− | padding-bottom: 1em;
| + | .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; |
| + | |
| } | | } |
− | div#mw-head div.vectorMenu h4 {
| + | |
− | height: 1.9em;
| + | @media only screen and (min-width: 768px) { |
− | margin-bottom: 0;
| + | |
− | padding-top: 1.25em; | + | /*双侧布局修正*/ |
− | padding-bottom: 0; | + | .tbui-timeline::before { |
− | padding-right: .5em;
| + | left: 50%; |
| + | margin-left: -2px; |
| + | } |
| } | | } |
| | | |
− | /* 链接栏 (暂时停用)
| + | .tbui-timeline-item { |
− | div#p-personal {
| + | position: relative; |
− | background-color: rgba(255, 255, 255, 0.8);
| + | /*单个节点容器的外边距*/ |
− | padding: 5px 10px 5px 0;
| + | margin: 2em 0; |
− | box-shadow: #444 0 1px 5px;
| |
| } | | } |
− | */ | + | |
− | /* 中部透明 (小图背景弃用) | + | .tbui-timeline-item:after { |
− | .mw-body, .parsoid-body { | + | 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; | | padding: 1em; |
− | background-color: transparent; | + | width: 45%; |
− | color: #222222; | + | } |
− | direction: ltr; | + | |
| + | .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; |
| } | | } |
| */ | | */ |
− | /* 禁止查看源代码 */
| |
− | <?php global $wgUser;if($wgUser->is Allower('edit')){?>
| |
− | <sytle type="text/css">
| |
− | #ca-viewsource{display:none !important;}
| |
− | </style>
| |
− | <?php}?>
| |