|
|
第1行: |
第1行: |
| /* | | /* 全站CSS,对所有用户加载。*/ |
| * This stylesheet is always loaded, regardless of which theme is selected.
| |
| *
| |
| * Theme styles should go in [[MediaWiki:Vector.css]].
| |
| */
| |
|
| |
|
| /* | | /* |
| * Colors exported from Metadata/UI/UISettings.xml wherein 3-digit colors are in RGB format. 4-digit colors
| | |
| * are not in any known format and have therefore been approximated.
| | == 基础样式 == |
| */
| | |
| :root {
| | */ |
| --poe-color-default: rgb(127,127,127);
| | |
| --poe-color-valuedefault: rgb(255,255,255);
| | /* 颜色 暗色主题 */ |
| --poe-color-fire: rgb(150,0,0);
| | html { |
| --poe-color-cold: rgb(54,100,146);
| | --bg-color: #1b1b1b; /* 背景色 */ |
| --poe-color-lightning: rgb(255,215,0);
| | --font-color: #c6c6c6; /* 文字色 */ |
| --poe-color-chaos: rgb(208,32,144);
| | --unit-color: #5c5c5c; /* 组件背景色 */ |
| --poe-color-augmented: rgb(136,136,255);
| | --box-color: #c6c6c6; /* 容器背景色、组件提示颜色 */ |
| --poe-color-crafted: rgb(184,218,242);
| | --title-color: #000000; /* 标题文字色 */ |
| --poe-color-fractured: rgb(162,145,98);
| | --table-odd-color: #3A3A3A; /* 表格深背景色 */ |
| --poe-color-enchanted: rgb(184,218,242);
| | --table-even-color: #444444; /* 表格浅背景色 */ |
| --poe-color-hellscaped: rgb(255,110,37);
| | --a-color:#4493f8; /* 链接色 */ |
| --poe-color-allocatedcruciblemod: rgb(255,115,57);
| | --a-hover-color:#ddbf6f; /* 已浏览链接色 */ |
| --poe-color-unmet: rgb(210,0,0);
| | --new-a-color:#ff84af; /* 不存在链接色 */ |
| --poe-color-uniqueitem: rgb(175,96,37);
| |
| --poe-color-unique: rgb(175,96,37);
| |
| --poe-color-rareitem: rgb(255,255,119);
| |
| --poe-color-rare: rgb(255,255,119);
| |
| --poe-color-magicitem: rgb(136,136,255);
| |
| --poe-color-magic: rgb(136,136,255);
| |
| --poe-color-whiteitem: rgb(200,200,200);
| |
| --poe-color-normal: rgb(200,200,200);
| |
| --poe-color-gemitem: rgb(27,162,155);
| |
| --poe-color-gem: rgb(27,162,155);
| |
| --poe-color-currencyitem: rgb(170,158,130);
| |
| --poe-color-currency: rgb(170,158,130);
| |
| --poe-color-questitem: rgb(74,230,58);
| |
| --poe-color-quest: rgb(74,230,58);
| |
| --poe-color-nemesismod: rgb(255,200,0);
| |
| --poe-color-nemesismodoutline: rgb(219,34,0); /* 220,255,40,0 */
| |
| --poe-color-talismanmod: rgb(141,241,79);
| |
| --poe-color-talismanmodoutline: rgb(0,0,0); /* 220,0,0,0 */
| |
| --poe-color-title: rgb(231,180,120);
| |
| --poe-color-corrupted: rgb(210,0,0);
| |
| --poe-color-favour: rgb(170,158,130);
| |
| --poe-color-supporterpacknewitem: rgb(180,96,0);
| |
| --poe-color-supporterpackitem: rgb(163,141,109);
| |
| --poe-color-supporterpackincludes: rgb(242,162,47);
| |
| --poe-color-bloodlinemod: rgb(210,0,220);
| |
| --poe-color-bloodlinemodoutline: rgb(58,0,125); /* 200,74,0,160 */
| |
| --poe-color-tormentmod: rgb(50,230,100);
| |
| --poe-color-tormentmodoutline: rgb(0,78,117); /* 200,0,100,150 */
| |
| --poe-color-canttradeormodify: rgb(210,0,0);
| |
| --poe-color-lockedtoaccount: rgb(136,136,255);
| |
| --poe-color-divination: rgb(14,186,255);
| |
| --poe-color-prophecy: rgb(181,75,255);
| |
| --poe-color-essencemod: rgb(164,210,255);
| |
| --poe-color-essencemodoutline: rgb(0,41,82); /* 210,0,50,100 */
| |
| --poe-color-premiumchat: rgb(253,242,126);
| |
| --poe-color-premiumchatoutline: rgb(209,46,46);
| |
| --poe-color-uniquefoil: rgb(130,173,106);
| |
| --poe-color-legacy: rgb(212,145,63);
| |
| --poe-color-bestiarymod: rgb(255,255,255);
| |
| --poe-color-bestiarymodoutline: rgb(219,34,0); /* 220,255,40,0 */
| |
| --poe-color-blightmod: rgb(255,255,255);
| |
| --poe-color-blightmodoutline: rgb(215,0,0); /* 255,215,0,0 */
| |
| --poe-color-afflictionmod: rgb(22,25,28);
| |
| --poe-color-afflictionmodoutline: rgb(151,164,181); /* 200,193,210,232 */
| |
| --poe-color-necropolisupside: rgb(255,204,27);
| |
| --poe-color-necropolisdownside: rgb(175,181,203);
| |
| --poe-color-necropolisoutline: rgb(0,0,0);
| |
| --poe-color-necropoliscraftbook: rgb(33,32,31);
| |
| --poe-color-stackitemlevel: rgb(255,255,255);
| |
| --poe-color-harvestprimary: rgb(100,111,73);
| |
| --poe-color-harvestsecondary: rgb(83,130,161);
| |
| --poe-color-craftingcaster: rgb(179,248,254);
| |
| --poe-color-craftingphysical: rgb(199,157,147);
| |
| --poe-color-craftingfire: rgb(255,154,119);
| |
| --poe-color-craftingcold: rgb(147,216,255);
| |
| --poe-color-craftinglightning: rgb(248,203,118);
| |
| --poe-color-craftingchaos: rgb(216,167,211);
| |
| --poe-color-craftingspeed: rgb(207,238,165);
| |
| --poe-color-craftingcrit: rgb(178,167,214);
| |
| --poe-color-craftingred: rgb(200,103,110);
| |
| --poe-color-craftingblue: rgb(162,207,251);
| |
| --poe-color-craftinggreen: rgb(134,189,163);
| |
| --poe-color-craftinglife: rgb(201,110,110);
| |
| --poe-color-craftingdefences: rgb(168,143,103);
| |
| --poe-color-craftingattack: rgb(218,129,77);
| |
| --poe-color-heist: rgb(25,30,25);
| |
| --poe-color-heiststolenitem: rgb(210,0,0);
| |
| --poe-color-atlasmaven: rgb(182,12,169);
| |
| --poe-color-ultimatumnumber: rgb(254,92,81);
| |
| --poe-color-incursionunreachable: rgb(90,90,90);
| |
| --poe-color-lockedinplaceitem: rgb(127,127,127);
| |
| --poe-color-craftaffectremove: rgb(254,153,0);
| |
| --poe-color-craftaffectwarning: rgb(235,200,80);
| |
| --poe-color-craftaffectreroll: rgb(254,153,0);
| |
| --poe-color-skillpopuptitle: rgb(249,230,202);
| |
| --poe-color-disabledstats: rgb(150,150,167);
| |
| --poe-color-skillextrainfo: rgb(255,192,119);
| |
| --poe-color-fakeitemcount: rgb(200,200,200);
| |
| } | | } |
|
| |
|
| /* ===== Flex grid ===== */ | | /* 字体 */ |
| .o-flex-grid {
| | html body { |
| display: flex;
| | font-family: "Microsoft YaHei", Arial, sans-serif, "PingFang SC"; |
| flex-wrap: wrap;
| |
| clear: both;
| |
| margin-left: -16px;
| |
| } | | } |
| .o-flex-grid__item {
| | |
| display: flex;
| | /* 调整鼠标样式 */ |
| box-sizing: border-box;
| | html, body{ |
| overflow: hidden; | | cursor: url("https://patchwiki.biligame.com/images/wukong/b/bb/sb51zsgl3cjtl7eapbp6f8q651rtyn0.png"),auto; |
| flex: 0 0 auto;
| |
| margin-bottom: 16px;
| |
| padding-left: 16px;
| |
| width: 100%;
| |
| } | | } |
| .o-flex-grid__inner { | | |
| flex: 0 1 100%; | | /* 自定义logo */ |
| margin: 0 !important;
| | .wiki-logo > .pic-logo { |
| | display: none !important; |
| } | | } |
| @media screen and (min-width: 45em) {
| | .wiki-logo:after { |
| .o-flex-grid--c2\@sm > .o-flex-grid__item { | | content: ""; |
| width: 50%;
| | display: inline-block; |
| } | | background: url("https://patchwiki.biligame.com/images/wukong/3/3f/th32vv1paik3a8wbwkmn4z73fyn8p2c.png") center no-repeat; |
| | background-size:contain; |
| | width: 100%; |
| | height: 100%; |
| } | | } |
| @media screen and (min-width: 60em) { | | @media (max-width: 768px) { |
| .o-flex-grid--c2\@md > .o-flex-grid__item { | | .wiki-logo:after { |
| width: 50%; | | position: relative; |
| }
| | top: 50%; |
| .o-flex-grid--c3\@md > .o-flex-grid__item {
| | transform: translateY(-50%); |
| width: 33.3%; | |
| }
| |
| .o-flex-grid--c4\@md > .o-flex-grid__item {
| |
| width: 25%; | |
| }
| |
| }
| |
| @media screen and (min-width: 80em) {
| |
| .o-flex-grid--c3\@lg > .o-flex-grid__item {
| |
| width: 33.3%;
| |
| } | | } |
| } | | } |
| @media screen and (min-width: 100em) {
| | .mediawiki .wiki-header .wiki-logo{ |
| .o-flex-grid--c2\@lg > .o-flex-grid__item {
| | height: 60px; |
| width: 50%;
| |
| } | |
| .o-flex-grid--c4\@lg > .o-flex-grid__item {
| |
| width: 25%;
| |
| }
| |
| } | | } |
|
| |
|
| /* ===== Content blocks ===== */ | | /* 隐藏移动端菜单logo*/ |
| .c-cblock { | | .mediawiki .mobile-nav-menu .navTop{ |
| overflow: hidden;
| | display: none; |
| margin: 6px 0;
| |
| border: 1px solid #2c2b2b;
| |
| border-radius: 4px;
| |
| padding: 8px 16px;
| |
| background-color: #141414;
| |
| } | | } |
| .c-cblock--violet { | | .mediawiki .mobile-nav-menu .menutop{ |
| border-color: #585477;
| | height: auto; |
| background-color: #151517;
| |
| } | | } |
| .c-cblock--gold {
| | |
| border-color: #75693c;
| | /* 隐藏 手机端:顶栏打开app,下方悬浮的打开app*/ |
| background-color: #1c1b19;
| | #wikiToapp{ |
| | display:none !important; |
| } | | } |
| .c-cblock > *:first-child { | | .btn-open-app{ |
| margin-top: 0 !important;
| | display:none !important; |
| } | | } |
| .c-cblock hr { | | |
| clear: both;
| | /* === 清除部分元素背景 === */ |
| margin: 16px 0;
| | .mediawiki .game-bg{ |
| background-color: #2c2b2b !important;
| | background: transparent; |
| | box-shadow: none; |
| } | | } |
| .c-cblock--violet hr { | | .mediawiki .wiki-header{ |
| background-color: #585477 !important;
| | background: transparent; |
| } | | } |
| .c-cblock--gold hr { | | .mediawiki .bili-game-header-nav .bili-game-header-nav-bar{ /*bili游戏 导航*/ |
| background-color: #75693c !important;
| | background: transparent; |
| } | | } |
| .c-cblock h2, | | /* mediawiki 导航栏 */ |
| .c-cblock h3, | | .mediawiki .menu-wrap .wiki-menu-li-1, |
| .c-cblock h4, | | .mediawiki .menu-wrap .wiki-menu-li-1 .wiki-menu-ul-2, |
| .c-cblock h5, | | .mediawiki .menu-wrap .wiki-menu-li-1 .wiki-menu-ul-2 .wiki-menu-li-2, |
| .c-cblock h6 { | | .mediawiki .menu-wrap .wiki-menu-li-1 .wiki-menu-ul-2 .wiki-menu-li-2 .wiki-menu-ul-3 .wiki-menu-li-3, |
| border: none;
| | .wiki-hoverbox .wiki-hoverbox-inner .wiki-menu-li-3{ |
| }
| | background: transparent; |
| | | border:none; |
| /* ===== Basic tooltips ([[Template:Tooltip]]) ===== */
| |
| .tooltip {
| |
| border-bottom: 1px dotted;
| |
| cursor: help;
| |
| } | | } |
|
| |
|
| /* ===== Hoverbox ([[Template:Hoverbox]], [[Template:Item link]]) ===== */ | | /* === 背景设置 === */ |
| .hoverbox {
| | body.mediawiki{ |
| display: inline-block; | | background-image: |
| | url('https://patchwiki.biligame.com/images/wukong/6/6b/f1432i4nm7ma2gqc72kvrqpq3ua3wi3.png'), /* 顶部背景图像,平铺 */ |
| | url('https://patchwiki.biligame.com/images/wukong/c/c6/bycjvikiz3wjhc02wo017x60tbddoy8.png'); /* 暗金色纹理背景图,中间显示 */ |
| | background-repeat: |
| | no-repeat, /* 图像不重复 */ |
| | no-repeat; /* 图像不重复 */ |
| | background-position: |
| | 50% top, /* 第一个图像位置 */ |
| | 50% 0; /* 第二个图像位置 */ |
| | background-size: |
| | 100%, /* 第一个图像保持原始尺寸 */ |
| | cover; /* 第二个图像覆盖整个元素 */ |
| | background-attachment: |
| | scroll, /* 图像随着页面的其余部分滚动 */ |
| | fixed; /* 图像固定,不随着页面的其余部分滚动 */ |
| | background-color:#080606; |
| | background-blend-mode:lighten;/* 混合模式 使用背景图像和背景色中较亮的颜色。*/ |
| | |
| } | | } |
| .hoverbox__display {
| | @media (max-width: 992px){ /* 窄屏幕更好的显示背景图片 */ |
| display: block;
| | body.mediawiki { |
| visibility: hidden;
| | background-size: auto; |
| opacity: 0;
| | background-position: center top; |
| position: absolute;
| | } |
| padding: 8px;
| |
| transition: opacity 0.25s;
| |
| }
| |
| .hoverbox__display.is-visible {
| |
| visibility: visible;
| |
| opacity: 1;
| |
| }
| |
| .hoverbox__activator {
| |
| display: inline;
| |
| }
| |
| .hoverbox__icon { | |
| vertical-align: -0.125em;
| |
| }
| |
| .hoverbox-display-container {
| |
| position: fixed;
| |
| z-index: 9999;
| |
| width: 100%;
| |
| } | | } |
|
| |
|
| /* ===== Tooltip hoverbox ([[Template:Hoverbox]]) ===== */ | | /* 基本文字颜色设置 */ |
| .c-tooltip__activator { | | .pc-serve-msg, |
| position: relative;
| | .wiki-componment-rank .rank-num, |
| border-bottom: 1px dotted;
| | .wiki-componment-rank .rank-title, |
| cursor: help;
| | .parsoid-body, |
| }
| | .pc-serve-msg .serve-cont{ |
| .c-tooltip__display { | | color: inherit; |
| box-sizing: border-box;
| |
| border: 1px solid #7f7f7f;
| |
| padding: 0.5em 1.5em;
| |
| text-align: unset;
| |
| max-width: 32em;
| |
| font-size: 12px;
| |
| line-height: 1.5;
| |
| font-weight: normal;
| |
| color: #7f7f7f;
| |
| background-color: #000;
| |
| } | | } |
|
| |
|
| /* ===== Accordion (used by [[Template:Modifier compatibility]]) ===== */
| | .mediawiki .container .mw-body, |
| .accordion__toggle button { | | .mediawiki #flowthread *, |
| position: relative;
| | table{ |
| box-sizing: unset;
| | color:var(--font-color); |
| border: 1px solid transparent;
| |
| border-radius: 4px;
| |
| padding: 0 0.5em 0 1.6em;
| |
| text-align: unset;
| |
| font-family: unset;
| |
| font-size: unset;
| |
| line-height: unset;
| |
| color: unset;
| |
| background: unset;
| |
| }
| |
| .accordion__toggle button:hover {
| |
| border-color: #757169;
| |
| } | | } |
| .accordion__toggle button::before {
| | h1, h2{ |
| content: ""; | | color: var(--a-hover-color); |
| position: absolute;
| |
| top: 0.4em;
| |
| left: 0.333em;
| |
| width: 1em;
| |
| height: 1em;
| |
| background-image: url("data:image/svg+xml;utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512' width='14' height='14'><path d='M246.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-9.2-9.2-22.9-11.9-34.9-6.9s-19.8 16.6-19.8 29.6l0 256c0 12.9 7.8 24.6 19.8 29.6s25.7 2.2 34.9-6.9l128-128z' fill='%235a5751'/></svg>");
| |
| background-repeat: no-repeat;
| |
| transition: transform 150ms ease;
| |
| } | | } |
| .accordion__toggle.is-open button::before {
| | h3, h4, h5, h6{ |
| transform: rotate(0.25turn);
| | color:var(--font-color); |
| } | | } |
| .accordion__toggle + .accordion__panel { | | .vectorMenu h3 span, |
| overflow: hidden;
| | .vectorMenu h3 .glyphicon-menu-down{ |
| margin-left: 1.6em;
| | color:var(--a-color); |
| max-height: 0;
| |
| }
| |
| .accordion__toggle.is-open + .accordion__panel {
| |
| max-height: none;
| |
| }
| |
| .accordion__controls button {
| |
| border: unset;
| |
| padding: unset;
| |
| font-family: unset;
| |
| font-size: unset;
| |
| line-height: unset;
| |
| color: var(--link-color);
| |
| background: unset;
| |
| } | | } |
| .accordion__controls button:hover, | | .vectorMenu h3:hover span, .vectorMenu h3:focus span, |
| .accordion__controls button:focus { | | .vectorMenu:hover h3 .glyphicon-menu-down{ |
| text-decoration: underline;
| | color:var(--a-hover-color); |
| } | | } |
| .accordion__controls button:active { | | .navpopup table { /* navpopup 的文字颜色 */ |
| color: var(--link-active-color); | | color: black; |
| } | | } |
|
| |
|
| /* ===== Modifier compatibility ([[Template:Modifier compatibility]]) ===== */ | | /* 链接颜色 使用使用更高优先级的选择器,可以少写很多覆盖样式 */ |
| @media screen and (min-width: 80em) {
| | .mediawiki .mw-body #bodyContent a{ /* 页面名颜色 */ |
| .mod-compat__section { | | color: #3e85de; /* 跟背景的对比度约4.5 */ |
| display: grid;
| |
| grid-template-columns: 1fr 1fr;
| |
| column-gap: 1.6em;
| |
| }
| |
| .mod-compat__section-heading {
| |
| grid-column-start: span 2;
| |
| }
| |
| } | | } |
| .mod-compat__gentype-header { | | .mediawiki .mw-body #bodyContent a:visited{ |
| margin: 1em 0; | | color: #3e85de; |
| } | | } |
| .mod-compat__gentype-heading { | | .mediawiki .mw-body #bodyContent a.mw-selflink{ |
| font-size: 1.1em;
| | color:var(--font-color); |
| font-weight: bold;
| |
| } | | } |
| .mod-compat__group-list { | | .mediawiki .mw-body #bodyContent a:hover { |
| background-color: #1c1b19; | | color: var(--a-hover-color); |
| } | | } |
| .mod-compat__group { | | |
| border-bottom: 1px solid #383736;
| | .mediawiki .mw-body #bodyContent a.new, |
| margin: 0.5em 0 1em; | | .mediawiki .mw-body #bodyContent a.new:hover { |
| | color: #ff4400; |
| } | | } |
| .mod-compat__group:last-child { | | .mediawiki .comment-user a, |
| border-bottom: none; | | .mediawiki .comment-user-name a{ |
| | color: var(--a-color) !important; |
| } | | } |
| .mod-compat__group-label { | | |
| margin-bottom: 0.2em;
| | |
| font-size: 11px;
| | .mediawiki .wiki-header{ |
| color: #757169;
| | padding: 0 0 12px 0; |
| } | | } |
| .mod-compat__type-list { | | |
| margin: 0 0 0.5em; | | |
| | |
| | /* === 全局样式优化 === */ |
| | |
| | .client-js #mw-content-text{ /* 原来是2em,但.client-js由js添加会导致页面动一下,直接扬了强制给0 */ |
| | margin-top:0em !important; |
| } | | } |
| .mod-compat__type-summary { | | |
| margin-bottom: 0.25em;
| | /* 斜体字右边距加大以防止文字挤叠在一起 */ |
| | .mw-parser-output i { |
| | margin-right: 2px; |
| } | | } |
| .mod-compat__type-details .modifier-table {
| | |
| margin-top: 0;
| | |
| }
| | /* === 通用样式 === */ |
| .modifier-table__tag-list {
| | |
| display: flex;
| | /* 设置垂直居中方式为sub */ |
| flex-wrap: wrap;
| | .align-sub{ |
| align-content: center;
| | vertical-align: sub; |
| gap: 6px;
| |
| margin: 0 !important;
| |
| list-style: none;
| |
| }
| |
| .modifier-table__tag {
| |
| margin: 0;
| |
| padding: 1px 4px;
| |
| font-family: sans-serif;
| |
| font-size: 11px;
| |
| line-height: normal;
| |
| color: #89847c;
| |
| background-color: #383634;
| |
| } | | } |
|
| |
|
| /* ===== Succession box (used by [[Template:Version]]) ===== */
| |
| table.successionbox {
| |
| margin-left: auto;
| |
| margin-right: auto;
| |
| text-align: center;
| |
| }
| |
|
| |
|
| /* ===== Hatnote ([[Template:Hatnote]]) ===== */ | | /* |
| .hatnote {
| |
| display: flex;
| |
| margin-bottom: 0.4em;
| |
| }
| |
| .hatnote__icon {
| |
| flex-shrink: 0;
| |
| padding-right: 0.4em;
| |
| width: 1.6em;
| |
| }
| |
| .hatnote__icon img {
| |
| width: 100%;
| |
| height: auto;
| |
| }
| |
| .hatnote__text {
| |
| font-style: italic;
| |
| }
| |
| .hatnote__text i {
| |
| font-style: normal;
| |
| }
| |
|
| |
|
| /* ===== Message box ([[Template:Message box]]) ===== */
| | == 组件 == |
| .c-mbox {
| |
| display: flex;
| |
| align-items: center;
| |
| column-gap: 1em;
| |
| margin: 6px 0;
| |
| border: 1px solid var(--mbox-default-border-color, #383736);
| |
| border-top-width: 4px;
| |
| padding: 0.4em 1em;
| |
| min-width: min-content;
| |
| background-color: var(--mbox-default-background-color, #1c1b19);
| |
| }
| |
| @media screen and (min-width: 45em) {
| |
| .c-mbox {
| |
| margin-left: 20%;
| |
| margin-right: 20%;
| |
| }
| |
| }
| |
| .c-mbox--warning {
| |
| border-color: var(--mbox-warning-border-color, #781c1c);
| |
| background-color: var(--mbox-warning-background-color, #241515);
| |
| }
| |
| .c-mbox--action {
| |
| border-color: var(--mbox-action-border-color, #693a1e);
| |
| background-color: var(--mbox-action-background-color, #26211f);
| |
| }
| |
| .c-mbox--content {
| |
| border-color: var(--mbox-content-border-color, #664c1e);
| |
| background-color: var(--mbox-content-background-color, #26231f);
| |
| }
| |
| .c-mbox--style {
| |
| border-color: var(--mbox-style-border-color, #75693c);
| |
| background-color: var(--mbox-style-background-color, #24231f);
| |
| }
| |
| .c-mbox--info {
| |
| border-color: var(--mbox-info-border-color, #4b5e6a);
| |
| background-color: var(--mbox-info-background-color, #191b1c);
| |
| }
| |
| .c-mbox--legal {
| |
| border-color: var(--mbox-legal-border-color, #403b2d);
| |
| background-color: var(--mbox-legal-background-color, #21201c);
| |
| }
| |
| .c-mbox--proposal {
| |
| border-color: var(--mbox-proposal-border-color, #585477);
| |
| background-color: var(--mbox-proposal-background-color, #19191c);
| |
| }
| |
| .c-mbox--lock {
| |
| border-color: var(--mbox-lock-border-color, #59534e);
| |
| background-color: var(--mbox-lock-background-color, #211f1d);
| |
| }
| |
| .c-mbox__main {
| |
| flex-grow: 1;
| |
| }
| |
| .c-mbox__title {
| |
| font-weight: bold;
| |
| }
| |
| .c-mbox__text {
| |
| font-size: 0.86em;
| |
| }
| |
| .c-mbox--full {
| |
| clear: both;
| |
| margin: 10px 0;
| |
| border-top-width: 6px;
| |
| padding-left: 2em;
| |
| padding-right: 2em;
| |
| }
| |
| .c-mbox--full .c-mbox__title {
| |
| font-size: 1.2em;
| |
| }
| |
| .c-mbox--full .c-mbox__text {
| |
| font-size: 1em;
| |
| }
| |
|
| |
|
| /* ===== Simple sidebar ([[Template:Lua]], [[Template:Template shortcut]]) ==== */
| | */ |
| .c-sidebar {
| |
| box-sizing: border-box;
| |
| clear: right;
| |
| float: right;
| |
| margin: 6px 0;
| |
| border: 1px solid #59534e;
| |
| padding: 0.4em 1em;
| |
| min-width: 100%;
| |
| max-width: auto;
| |
| overflow-wrap: anywhere;
| |
| font-size: 0.86em;
| |
| background-color: #211f1d;
| |
| }
| |
| @media screen and (min-width: 45em) {
| |
| .c-sidebar {
| |
| margin-left: 14px;
| |
| min-width: min-content;
| |
| max-width: 220px;
| |
| overflow-wrap: break-word;
| |
| }
| |
| }
| |
|
| |
|
| /* ===== Infocard ([[Template:Infocard]]) ==== */ | | /* === 全站通告 === */ |
| .info-card {
| | /* 全站通告背景色移除,在hover时显示背景色 */ |
| float: right;
| | .top-news { |
| clear: right;
| | background: transparent; |
| margin-left: 14px;
| |
| margin-bottom: 14px;
| |
| text-align: center;
| |
| }
| |
| .info-card__card {
| |
| border-style: solid;
| |
| border-width: 2px 1px;
| |
| border-color: #474233 #403b2e #1a1812;
| |
| border-radius: 6px;
| |
| padding: 2px 3px;
| |
| width: 292px;
| |
| background-color: #332f24;
| |
| }
| |
| .info-card__header {
| |
| display: flex;
| |
| align-items: center;
| |
| justify-content: space-between;
| |
| margin-bottom: 4px;
| |
| }
| |
| .info-card__header .heading { | |
| font-size: 20px;
| |
| line-height: 1.5;
| |
| color: #dfcf99;
| |
| }
| |
| .info-card__header .subheading {
| |
| padding-bottom: 4px;
| |
| font-size: 14px;
| |
| line-height: 1.0;
| |
| font-weight: bold;
| |
| }
| |
| .info-card__body {
| |
| margin: 0;
| |
| border-style: solid;
| |
| border-width: 2px 1px;
| |
| border-color: #1a1812 #1f1c15 #474233;
| |
| border-radius: 6px;
| |
| background-color: #26231b; | |
| }
| |
| .info-card__body .block {
| |
| margin: 0;
| |
| padding: 0.5em 1.0em;
| |
| list-style: none;
| |
| } | | } |
| .info-card__body .block:first-child { | | .top-news:hover { |
| padding-top: 1.0em;
| | background: #2b2b2b; |
| }
| |
| .info-card__body .block:last-child {
| |
| padding-bottom: 1.0em; | |
| } | | } |
|
| |
|
| /* ===== Disambiguation ([[Template:Disambiguation]]) ===== */ | | /* === 贡献者列表 === */ |
| .dmbox {
| | /* 贡献者列表的错误z-index设置,会遮挡「Wiki功能」菜单(仅当此菜单通过js置底时) */ |
| display: flex;
| | .container #content .wiki-componment-rank { |
| align-items: center;
| | z-index: unset; |
| clear: both;
| |
| margin: 1em;
| |
| border-width: 1px 0;
| |
| border-style: solid;
| |
| border-color: #474233; | |
| padding: 0.4em;
| |
| } | | } |
| .dmbox-image { | | /* 移动端贡献者相关适配 */ |
| margin-right: 0.4em;
| | @media (max-width: 768px){ |
| | .mediawiki .serve-msg p:last-child .serve-cont { |
| | color: #b6b6b6; |
| | } |
| | .mediawiki .serve-msg { |
| | color: #6b6b6b; |
| | } |
| | .mediawiki .wiki-componment-rank{ |
| | justify-content: center; |
| | } |
| } | | } |
|
| |
|
| /* ===== Discussion closed ([[Template:Discussion top]], [[Template:Discussion bottom]]) ===== */ | | /* === 右侧导航栏=== */ |
| .c-dcbox {
| | /* 位置调整,右侧官方按钮组,bui-sns-info */ |
| margin: 6px 0;
| | .mediawiki .bui-sns-info { /* 调整按钮栏定位 */ |
| border: 1px solid #2c2b2b;
| | display: block !important; |
| border-radius: 4px;
| |
| padding: 6px 1em;
| |
| background-color: #141414;
| |
| }
| |
| .c-dcbox--resolved { | |
| border-color: #678236;
| |
| background-color: #1b1c19;
| |
| }
| |
| .c-dcbox--moved { | |
| border-color: #585477;
| |
| background-color: #151517;
| |
| }
| |
| .c-dcbox__header {
| |
| margin-bottom: 12px;
| |
| border-bottom: 1px solid #383736;
| |
| padding-bottom: 4px;
| |
| }
| |
| .c-dcbox__status {
| |
| font-size: 1.1em;
| |
| font-weight: bold;
| |
| text-transform: uppercase;
| |
| }
| |
| .c-dcbox__reminder {
| |
| font-size: 0.9em;
| |
| font-style: italic;
| |
| color: #5e4f45;
| |
| }
| |
|
| |
|
| /* ===== Blockquote ([[Template:Blockquote top]]) ===== */ | | filter: invert(100%) hue-rotate(10deg); /* 先反色临时用一下, */ |
| .bqbox {
| | position: fixed; |
| margin: 6px 1em; | | top: unset; |
| border: 1px solid #293137; | | bottom: 5px; |
| border-radius: 4px; | | right: 20px; |
| padding: 6px 1em; | | z-index: 1; |
| background-color: #141517; | | margin: 0 !important; |
| | width: 65px; |
| | background-color: unset; |
| } | | } |
|
| |
|
| /* ===== Pull quote ([[Template:Pullquote]]) ===== */
| | @media (max-width: 1500px) { /* 较窄屏幕隐藏所有按钮,除了回到顶部的小火箭 */ |
| .pull-quote { | | .bui-sns-info a { |
| display: table; | | display: none; |
| margin: 1em auto;
| | } |
| min-width: 25%;
| |
| } | | } |
| .pull-quote > .quotation {
| | #goScroll { /* 始终显示回到顶部的小火箭 */ |
| margin: 0 auto;
| | display: block !important; |
| font-size: 1.15em;
| |
| font-style: italic;
| |
| color: #736551;
| |
| }
| |
| .pull-quote > .citation {
| |
| margin: 0 auto; | |
| text-align: right;
| |
| font-size: 0.85em;
| |
| font-style: normal;
| |
| } | | } |
| .pull-quote.-aligncenter > .quotation, | | .bui-sns-info a div { |
| .pull-quote.-aligncenter > .citation {
| | color: rgb(0 0 0 / 60%); |
| text-align: center; | |
| } | | } |
| .pull-quote > .citation > cite { | | .bui-sns-info a svg{ /* 右侧按钮颜色,但是客服是图片,通过调整透明度实现*/ |
| font-style: inherit;
| | opacity: 0.6; |
| } | | } |
| .pull-quote > .citation::before { | | .bui-sns-info .bili-kf-1{ |
| content: "— ";
| | opacity: 0.6; |
| }
| |
| @media all and (min-width: 50em) {
| |
| .pull-quote.-aligncenter > .quotation,
| |
| .pull-quote.-aligncenter > .citation {
| |
| width: 75%;
| |
| }
| |
| .pull-quote.-alignleft {
| |
| float: left;
| |
| margin: 0 1.75em 1em 0;
| |
| border-right: 3px solid #51453d;
| |
| padding-right: .75em;
| |
| }
| |
| .pull-quote.-alignright {
| |
| float: right;
| |
| margin: 0 0 1em 1.75em;
| |
| border-left: 3px solid #51453d;
| |
| padding-left: .75em;
| |
| }
| |
| .pull-quote.-alignleft,
| |
| .pull-quote.-alignright {
| |
| width: 33.3%;
| |
| }
| |
| }
| |
| @media all and (min-width: 73em) {
| |
| .pull-quote.-alignnone > .quotation,
| |
| .pull-quote.-alignnone > .citation {
| |
| width: 80%;
| |
| }
| |
| .pull-quote.-aligncenter > .quotation,
| |
| .pull-quote.-aligncenter > .citation {
| |
| width: 50%;
| |
| }
| |
| .pull-quote.-alignleft,
| |
| .pull-quote.-alignright {
| |
| width: 25%;
| |
| }
| |
| } | | } |
|
| |
|
| /* ===== Documentation ([[Template:Documentation]]) ===== */ | | /* === 顶部导航栏 === */ |
| .template-documentation {
| |
| clear: both;
| |
| margin: 14px 0 0;
| |
| border: 1px solid var(--documentation-border-color, #383736);
| |
| padding: 1em;
| |
| background-color: var(--documentation-background-color, #1c1b19);
| |
| }
| |
| .template-documentation__start {
| |
| margin-bottom: 0.9em;
| |
| border-bottom: 1px solid var(--documentation-border-color, #383736);
| |
| padding-bottom: 3px;
| |
| }
| |
| .template-documentation__heading {
| |
| font-size: 1.5em;
| |
| font-weight: bold;
| |
| }
| |
| .template-documentation__end {
| |
| margin: 7px 0;
| |
| border: 1px solid var(--documentation-border-color, #383736);
| |
| padding: 1em;
| |
| font-style: italic;
| |
| background-color: var(--documentation-background-color, #1c1b19);
| |
| }
| |
| .template-documentation__toolbar {
| |
| font-size: 0.8em;
| |
| font-style: normal;
| |
| }
| |
|
| |
|
| /* ===== References ([[Template:Reflist]]) ===== */ | | /* biligame 导航栏*/ |
| ol.references,
| | .mediawiki .bili-game-header-nav li a{ /* 顶部链接颜色 */ |
| div.reflist,
| | color:var(--font-color); |
| div.refbegin {
| |
| font-size: 90%;
| |
| margin-bottom: 0.5em;
| |
| } | | } |
| div.refbegin-100 {
| | .mediawiki .bili-game-header-nav-search { |
| font-size: 100%;
| |
| }
| |
| div.reflist ol.references {
| |
| font-size: 100%;
| |
| list-style-type: inherit;
| |
| }
| |
| ol.references li:target,
| |
| sup.reference:target,
| |
| span.citation:target {
| |
| background-color: rgba(0, 182, 255, 0.1);
| |
| border: 1px dotted #00b6ff;
| |
| border-radius: 4px;
| |
| }
| |
| sup.reference {
| |
| font-style: normal;
| |
| font-weight: normal;
| |
| }
| |
| span.brokenref {
| |
| display: none; | | display: none; |
| } | | } |
| .citation { | | /* 由于全局搜索栏隐藏,这里的主题适配无意义 |
| overflow-wrap: break-word;
| | .mediawiki .bili-game-header-nav-search input{ |
| | background: none; |
| } | | } |
| .citation .printonly { | | .mediawiki .bili-game-header-nav-search { |
| display: none;
| | position: relative; |
| | background: url(https://patchwiki.biligame.com/images/wukong/d/d1/ly326npb5sjd51rkd2slkdtnyt7io6u.png) center no-repeat; |
| | background-size: 108% 128%; |
| | opacity: 0.7; |
| } | | } |
| | .mediawiki .bili-game-header-nav-search input::placeholder { |
| | color: var(--font-color); |
| | } |
| | */ |
|
| |
|
| /* ===== Semantic text formatting, aka "text colors" ([[Template:C]]) ===== */ | | /* 偷偷隐藏几个按钮 */ |
| .tc { | | .bili-game-header-nav-wrap li:nth-child(2), |
| font-style: normal;
| | .bili-game-header-nav-wrap li:nth-child(3), |
| | .bili-game-header-nav-wrap li:nth-child(4), |
| | .bili-game-header-nav-wrap li:nth-child(6), |
| | .bili-game-header-nav-wrap li:nth-child(7) { |
| | display: none; |
| } | | } |
| em.tc {
| | |
| font-style: normal;
| | /* header 我的消息 和 关于本站 的颜色,暗色主题适配 */ |
| }
| | .mediawiki #pt-notifications-alert a, |
| em.tc.-i {
| | .mediawiki .about-site .about-site-title{ |
| font-style: italic;
| | color: var(--font-color) !important; |
| }
| |
| .tc a {
| |
| color: inherit !important;
| |
| }
| |
| .tc abbr {
| |
| color: inherit;
| |
| }
| |
| .tc.-mod {
| |
| font-family: var(--stylized-smallcaps-font);
| |
| font-variant-ligatures: none;
| |
| color: var(--poe-color-augmented);
| |
| }
| |
| .tc.-default,
| |
| .tc.-stat {
| |
| color: var(--poe-color-default);
| |
| }
| |
| .tc.-valuedefault,
| |
| .tc.-value { | |
| color: var(--poe-color-valuedefault);
| |
| }
| |
| .tc.-fire {
| |
| color: var(--poe-color-fire);
| |
| }
| |
| .tc.-cold {
| |
| color: var(--poe-color-cold);
| |
| }
| |
| .tc.-lightning {
| |
| color: var(--poe-color-lightning);
| |
| }
| |
| .tc.-chaos {
| |
| color: var(--poe-color-chaos);
| |
| }
| |
| .tc.-augmented {
| |
| color: var(--poe-color-augmented);
| |
| }
| |
| .tc.-crafted,
| |
| .tc.-craft {
| |
| color: var(--poe-color-crafted);
| |
| }
| |
| .tc.-fractured {
| |
| color: var(--poe-color-fractured);
| |
| }
| |
| .tc.-enchanted {
| |
| color: var(--poe-color-enchanted);
| |
| }
| |
| .tc.-unmet {
| |
| color: var(--poe-color-unmet);
| |
| }
| |
| .tc.-uniqueitem {
| |
| color: var(--poe-color-uniqueitem);
| |
| }
| |
| .tc.-unique {
| |
| color: var(--poe-color-unique);
| |
| }
| |
| .tc.-rareitem {
| |
| color: var(--poe-color-rareitem);
| |
| }
| |
| .tc.-rare {
| |
| color: var(--poe-color-rare);
| |
| }
| |
| .tc.-magicitem {
| |
| color: var(--poe-color-magicitem);
| |
| }
| |
| .tc.-magic {
| |
| color: var(--poe-color-magic);
| |
| }
| |
| .tc.-whiteitem,
| |
| .tc.-white {
| |
| color: var(--poe-color-whiteitem);
| |
| }
| |
| .tc.-normal {
| |
| color: var(--poe-color-normal);
| |
| }
| |
| .tc.-gemitem {
| |
| color: var(--poe-color-gemitem);
| |
| }
| |
| .tc.-gem,
| |
| .tc.-gemdesc {
| |
| color: var(--poe-color-gem);
| |
| }
| |
| .tc.-currencyitem {
| |
| color: var(--poe-color-currencyitem);
| |
| }
| |
| .tc.-currency,
| |
| .tc.-cosmetic {
| |
| color: var(--poe-color-currency);
| |
| }
| |
| .tc.-questitem {
| |
| color: var(--poe-color-questitem);
| |
| }
| |
| .tc.-quest {
| |
| color: var(--poe-color-quest);
| |
| }
| |
| .tc.-nemesismod,
| |
| .tc.-nemesis {
| |
| font-weight: bold;
| |
| color: var(--poe-color-nemesismod);
| |
| text-shadow: -1px -1px 0 var(--poe-color-nemesismodoutline), 1px -1px 0 var(--poe-color-nemesismodoutline), -1px 1px 0 var(--poe-color-nemesismodoutline), 1px 1px 0 var(--poe-color-nemesismodoutline);
| |
| }
| |
| .tc.-talismanmod {
| |
| font-weight: bold;
| |
| color: var(--poe-color-talismanmod);
| |
| text-shadow: -1px -1px 0 var(--poe-color-talismanmodoutline), 1px -1px 0 var(--poe-color-talismanmodoutline), -1px 1px 0 var(--poe-color-talismanmodoutline), 1px 1px 0 var(--poe-color-talismanmodoutline);
| |
| }
| |
| .tc.-title {
| |
| color: var(--poe-color-title);
| |
| }
| |
| .tc.-corrupted {
| |
| color: var(--poe-color-corrupted);
| |
| }
| |
| .tc.-favour {
| |
| color: var(--poe-color-favour);
| |
| }
| |
| .tc.-supporterpacknewitem {
| |
| color: var(--poe-color-supporterpacknewitem);
| |
| }
| |
| .tc.-supporterpackitem {
| |
| color: var(--poe-color-supporterpackitem);
| |
| }
| |
| .tc.-bloodlinemod,
| |
| .tc.-bloodline {
| |
| font-weight: bold;
| |
| color: var(--poe-color-bloodlinemod);
| |
| text-shadow: -1px -1px 0 var(--poe-color-bloodlinemodoutline), 1px -1px 0 var(--poe-color-bloodlinemodoutline), -1px 1px 0 var(--poe-color-bloodlinemodoutline), 1px 1px 0 var(--poe-color-bloodlinemodoutline);
| |
| }
| |
| .tc.-tormentmod,
| |
| .tc.-torment {
| |
| font-weight: bold;
| |
| color: var(--poe-color-tormentmod);
| |
| text-shadow: -1px -1px 0 var(--poe-color-tormentmodoutline), 1px -1px 0 var(--poe-color-tormentmodoutline), -1px 1px 0 var(--poe-color-tormentmodoutline), 1px 1px 0 var(--poe-color-tormentmodoutline);
| |
| }
| |
| .tc.-canttradeormodify {
| |
| color: var(--poe-color-canttradeormodify);
| |
| }
| |
| .tc.-lockedtoaccount {
| |
| color: var(--poe-color-lockedtoaccount);
| |
| }
| |
| .tc.-divination,
| |
| .tc.-card {
| |
| color: var(--poe-color-divination);
| |
| }
| |
| .tc.-prophecy {
| |
| color: var(--poe-color-prophecy);
| |
| }
| |
| .tc.-essencemod,
| |
| .tc.-essence {
| |
| font-weight: bold;
| |
| color: var(--poe-color-essencemod);
| |
| text-shadow: -1px -1px 0 var(--poe-color-essencemodoutline), 1px -1px 0 var(--poe-color-essencemodoutline), -1px 1px 0 var(--poe-color-essencemodoutline), 1px 1px 0 var(--poe-color-essencemodoutline);
| |
| }
| |
| .tc.-uniquefoil,
| |
| .tc.-foil {
| |
| color: var(--poe-color-uniquefoil);
| |
| }
| |
| .tc.-legacy {
| |
| color: var(--poe-color-legacy);
| |
| }
| |
| .tc.-bestiarymod,
| |
| .tc.-bestiary {
| |
| font-weight: bold;
| |
| color: var(--poe-color-bestiarymod);
| |
| text-shadow: -1px -1px 0 var(--poe-color-bestiarymodoutline), 1px -1px 0 var(--poe-color-bestiarymodoutline), -1px 1px 0 var(--poe-color-bestiarymodoutline), 1px 1px 0 var(--poe-color-bestiarymodoutline);
| |
| }
| |
| .tc.-blightmod,
| |
| .tc.-blight {
| |
| font-weight: bold;
| |
| color: var(--poe-color-blightmod);
| |
| text-shadow: -1px -1px 0 var(--poe-color-blightmodoutline), 1px -1px 0 var(--poe-color-blightmodoutline), -1px 1px 0 var(--poe-color-blightmodoutline), 1px 1px 0 var(--poe-color-blightmodoutline);
| |
| }
| |
| .tc.-afflictionmod,
| |
| .tc.-deliriummod,
| |
| .tc.-delirium {
| |
| font-weight: bold;
| |
| color: var(--poe-color-afflictionmod);
| |
| text-shadow: -1px -1px 0 var(--poe-color-afflictionmodoutline), 1px -1px 0 var(--poe-color-afflictionmodoutline), -1px 1px 0 var(--poe-color-afflictionmodoutline), 1px 1px 0 var(--poe-color-afflictionmodoutline);
| |
| }
| |
| .tc.-stackitemlevel {
| |
| color: var(--poe-color-stackitemlevel);
| |
| }
| |
| .tc.-harvestprimary {
| |
| color: var(--poe-color-harvestprimary);
| |
| }
| |
| .tc.-harvestsecondary {
| |
| color: var(--poe-color-harvestsecondary);
| |
| }
| |
| .tc.-craftingcaster {
| |
| color: var(--poe-color-craftingcaster);
| |
| }
| |
| .tc.-craftingphysical {
| |
| color: var(--poe-color-craftingphysical);
| |
| }
| |
| .tc.-craftingfire {
| |
| color: var(--poe-color-craftingfire);
| |
| }
| |
| .tc.-craftingcold {
| |
| color: var(--poe-color-craftingcold);
| |
| }
| |
| .tc.-craftinglightning {
| |
| color: var(--poe-color-craftinglightning);
| |
| }
| |
| .tc.-craftingchaos {
| |
| color: var(--poe-color-craftingchaos);
| |
| }
| |
| .tc.-craftingspeed {
| |
| color: var(--poe-color-craftingspeed);
| |
| }
| |
| .tc.-craftingcrit {
| |
| color: var(--poe-color-craftingcrit);
| |
| }
| |
| .tc.-craftingred {
| |
| color: var(--poe-color-craftingred);
| |
| }
| |
| .tc.-craftingblue {
| |
| color: var(--poe-color-craftingblue);
| |
| }
| |
| .tc.-craftinggreen {
| |
| color: var(--poe-color-craftinggreen);
| |
| }
| |
| .tc.-craftinglife {
| |
| color: var(--poe-color-craftinglife);
| |
| }
| |
| .tc.-craftingdefences {
| |
| color: var(--poe-color-craftingdefences);
| |
| }
| |
| .tc.-craftingattack {
| |
| color: var(--poe-color-craftingattack);
| |
| }
| |
| .tc.-help {
| |
| font-style: italic;
| |
| color: var(--poe-color-default);
| |
| }
| |
| .tc.-flavour {
| |
| font-style: italic;
| |
| color: var(--poe-color-unique);
| |
| }
| |
| .tc.-hellscaped
| |
| .tc.-scourge {
| |
| color: var(--poe-color-hellscaped);
| |
| }
| |
| .tc.-primal {
| |
| color: cyan;
| |
| }
| |
| .tc.-vivid {
| |
| color: yellow;
| |
| } | | } |
| .tc.-wild { | | .about-site .about-site-des{ |
| color: magenta;
| | background: var(--bg-color); |
| | color: var(--font-color); |
| } | | } |
| /* Used in legacy variant tables. */
| | .about-site .about-site-des a{ |
| .tc.-not {
| | color: var(--a-color) |
| text-decoration: line-through;
| |
| color: var(--poe-color-default);
| |
| } | | } |
|
| |
|
| /* ===== Veiled modifiers (Template:Veiled modifier) ===== */
| |
| .veiled {
| |
| display: inline-block;
| |
| white-space: nowrap;
| |
| color: transparent;
| |
| background-repeat: no-repeat;
| |
| background-position: center;
| |
| }
| |
| .veiled.-prefix {
| |
| width: 158px;
| |
| }
| |
| .veiled.-prefix.-m01 {
| |
| /* [[File:Veiled prefix 01.gif]] */
| |
| background-image: url(/w/images/b/b3/Veiled_prefix_01.gif);
| |
| }
| |
| .veiled.-prefix.-m02 {
| |
| /* [[File:Veiled prefix 02.gif]] */
| |
| background-image: url(/w/images/2/29/Veiled_prefix_02.gif);
| |
| }
| |
| .veiled.-prefix.-m03 {
| |
| /* [[File:Veiled prefix 03.gif]] */
| |
| background-image: url(/w/images/5/58/Veiled_prefix_03.gif);
| |
| }
| |
| .veiled.-prefix.-m04 {
| |
| /* [[File:Veiled prefix 04.gif]] */
| |
| background-image: url(/w/images/d/dd/Veiled_prefix_04.gif);
| |
| }
| |
| .veiled.-prefix.-m05 {
| |
| /* [[File:Veiled prefix 05.gif]] */
| |
| background-image: url(/w/images/c/c7/Veiled_prefix_05.gif);
| |
| }
| |
| .veiled.-prefix.-m06 {
| |
| /* [[File:Veiled prefix 06.gif]] */
| |
| background-image: url(/w/images/8/8c/Veiled_prefix_06.gif);
| |
| }
| |
| .veiled.-suffix {
| |
| width: 85px;
| |
| }
| |
| .veiled.-suffix.-m01 {
| |
| /* [[File:Veiled suffix 01.gif]] */
| |
| background-image: url(/w/images/0/0a/Veiled_suffix_01.gif);
| |
| }
| |
| .veiled.-suffix.-m02 {
| |
| /* [[File:Veiled suffix 02.gif]] */
| |
| background-image: url(/w/images/4/44/Veiled_suffix_02.gif);
| |
| }
| |
| .veiled.-suffix.-m03 {
| |
| /* [[File:Veiled suffix 03.gif]] */
| |
| background-image: url(/w/images/3/31/Veiled_suffix_03.gif);
| |
| }
| |
| .veiled.-suffix.-m04 {
| |
| /* [[File:Veiled suffix 04.gif]] */
| |
| background-image: url(/w/images/7/7a/Veiled_suffix_04.gif);
| |
| }
| |
| .veiled.-suffix.-m05 {
| |
| /* [[File:Veiled suffix 05.gif]] */
| |
| background-image: url(/w/images/9/95/Veiled_suffix_05.gif);
| |
| }
| |
| .veiled.-suffix.-m06 {
| |
| /* [[File:Veiled suffix 06.gif]] */
| |
| background-image: url(/w/images/0/0e/Veiled_suffix_06.gif);
| |
| }
| |
|
| |
|
| /* ===== Harbinger glyphs ([[Template:Glyph]]) ===== */ | | /* 关于本站 移动到顶部后的样式 */ |
| .glyph { | | .bili-game-header-nav .about-site { |
| display: inline-block;
| | position: static; |
| width: 2em;
| |
| height: 1.5577em;
| |
| vertical-align: middle;
| |
| /* [[File:Harbinger-glyphs.png]] */
| |
| background: url(/w/images/4/41/Harbinger-glyphs.png) no-repeat;
| |
| background-size: 12em auto;
| |
| background-position: 2em;
| |
| }
| |
| .glyph.hbgaa {
| |
| background-position: calc(-2em * 0) calc(-1.5577em * 0); | |
| } | | } |
| .glyph.hbgab { | | .bili-game-header-nav .about-site .about-site-des { |
| background-position: calc(-2em * 1) calc(-1.5577em * 0); | | width: 230px; |
| | right: unset; |
| | top: unset; |
| } | | } |
| .glyph.hbgac { | | .bili-game-header-nav .about-site .about-site-des a { |
| background-position: calc(-2em * 2) calc(-1.5577em * 0);
| | display: inline-block !important; |
| }
| |
| .glyph.hbgad {
| |
| background-position: calc(-2em * 3) calc(-1.5577em * 0);
| |
| }
| |
| .glyph.hbgae {
| |
| background-position: calc(-2em * 4) calc(-1.5577em * 0);
| |
| }
| |
| .glyph.hbgaf {
| |
| background-position: calc(-2em * 5) calc(-1.5577em * 0);
| |
| }
| |
| .glyph.hbgag {
| |
| background-position: calc(-2em * 0) calc(-1.5577em * 1);
| |
| }
| |
| .glyph.hbgah {
| |
| background-position: calc(-2em * 1) calc(-1.5577em * 1);
| |
| }
| |
| .glyph.hbgai {
| |
| background-position: calc(-2em * 2) calc(-1.5577em * 1);
| |
| }
| |
| .glyph.hbgaj {
| |
| background-position: calc(-2em * 3) calc(-1.5577em * 1);
| |
| }
| |
| .glyph.hbgak {
| |
| background-position: calc(-2em * 4) calc(-1.5577em * 1);
| |
| }
| |
| .glyph.hbgal {
| |
| background-position: calc(-2em * 5) calc(-1.5577em * 1);
| |
| }
| |
| .glyph.hbgam {
| |
| background-position: calc(-2em * 0) calc(-1.5577em * 2);
| |
| }
| |
| .glyph.hbgan {
| |
| background-position: calc(-2em * 1) calc(-1.5577em * 2);
| |
| }
| |
| .glyph.hbgao {
| |
| background-position: calc(-2em * 2) calc(-1.5577em * 2);
| |
| }
| |
| .glyph.hbgap {
| |
| background-position: calc(-2em * 3) calc(-1.5577em * 2);
| |
| }
| |
| .glyph.hbgaq {
| |
| background-position: calc(-2em * 4) calc(-1.5577em * 2);
| |
| }
| |
| .glyph.hbgar {
| |
| background-position: calc(-2em * 5) calc(-1.5577em * 2);
| |
| }
| |
| .glyph.hbgas {
| |
| background-position: calc(-2em * 0) calc(-1.5577em * 3);
| |
| }
| |
| .glyph.hbgat {
| |
| background-position: calc(-2em * 1) calc(-1.5577em * 3);
| |
| }
| |
| .glyph.hbgau {
| |
| background-position: calc(-2em * 2) calc(-1.5577em * 3);
| |
| }
| |
| .glyph.hbgav {
| |
| background-position: calc(-2em * 3) calc(-1.5577em * 3);
| |
| }
| |
| .glyph.hbgaw {
| |
| background-position: calc(-2em * 4) calc(-1.5577em * 3);
| |
| }
| |
| .glyph.hbgax {
| |
| background-position: calc(-2em * 5) calc(-1.5577em * 3);
| |
| }
| |
| .glyph.hbgay {
| |
| background-position: calc(-2em * 0) calc(-1.5577em * 4);
| |
| }
| |
| .glyph.hbgaz {
| |
| background-position: calc(-2em * 1) calc(-1.5577em * 4);
| |
| }
| |
| .glyph.hbgba {
| |
| background-position: calc(-2em * 2) calc(-1.5577em * 4);
| |
| }
| |
| .glyph.hbg03i,
| |
| .glyph.hgbi03 {
| |
| background-position: calc(-2em * 3) calc(-1.5577em * 4);
| |
| }
| |
| .glyph.hbgbc {
| |
| background-position: calc(-2em * 4) calc(-1.5577em * 4);
| |
| }
| |
| .glyph.hbgbd {
| |
| background-position: calc(-2em * 5) calc(-1.5577em * 4);
| |
| }
| |
| .glyph.hbgbe {
| |
| background-position: calc(-2em * 0) calc(-1.5577em * 5);
| |
| }
| |
| .glyph.hbg00 {
| |
| width: 0.7692em;
| |
| background-position: -2em calc(-1.5577em * 5);
| |
| }
| |
| .glyph.hbg01 {
| |
| width: 0.8077em;
| |
| background-position: -2.7692em calc(-1.5577em * 5);
| |
| }
| |
| .glyph.hbg02 {
| |
| width: 0.9808em;
| |
| background-position: -3.5769em calc(-1.5577em * 5);
| |
| }
| |
| .glyph.hbg03 {
| |
| width: 0.8654em;
| |
| background-position: -4.5577em calc(-1.5577em * 5);
| |
| }
| |
| .glyph.hbg04 {
| |
| width: 1.0769em;
| |
| background-position: -5.4231em calc(-1.5577em * 5);
| |
| }
| |
| .glyph.hbg00i,
| |
| .glyph.hbgi00 {
| |
| width: 0.8462em;
| |
| background-position: -6.5em calc(-1.5577em * 5);
| |
| }
| |
| .glyph.hbg04i,
| |
| .glyph.hbgi04 {
| |
| background-position: calc(-2em * 4) calc(-1.5577em * 5);
| |
| }
| |
| .glyph.hbg02i, | |
| .glyph.hbgi02 {
| |
| background-position: calc(-2em * 5) calc(-1.5577em * 5);
| |
| }
| |
| .glyph.hbg07i,
| |
| .glyph.hbgi07 {
| |
| background-position: calc(-2em * 0) calc(-1.5577em * 6);
| |
| }
| |
| .glyph.hbgc01 {
| |
| background-position: calc(-2em * 1) calc(-1.5577em * 6); | |
| }
| |
| .glyph.hbgc02 {
| |
| background-position: calc(-2em * 2) calc(-1.5577em * 6);
| |
| }
| |
| .glyph.hbgc03 {
| |
| background-position: calc(-2em * 3) calc(-1.5577em * 6);
| |
| }
| |
| .glyph.hbgc04 {
| |
| background-position: calc(-2em * 4) calc(-1.5577em * 6);
| |
| }
| |
| .glyph.hbgc05 {
| |
| background-position: calc(-2em * 5) calc(-1.5577em * 6);
| |
| }
| |
| .glyph.hbgc06 {
| |
| background-position: calc(-2em * 0) calc(-1.5577em * 7);
| |
| }
| |
| .glyph.hbgc07 {
| |
| background-position: calc(-2em * 1) calc(-1.5577em * 7);
| |
| }
| |
| .glyph.hbgc08 {
| |
| background-position: calc(-2em * 2) calc(-1.5577em * 7);
| |
| }
| |
| .glyph.hbgc09 {
| |
| background-position: calc(-2em * 3) calc(-1.5577em * 7);
| |
| }
| |
| .glyph.hbgc010 {
| |
| background-position: calc(-2em * 4) calc(-1.5577em * 7);
| |
| }
| |
| .glyph.hbgc011 {
| |
| background-position: calc(-2em * 5) calc(-1.5577em * 7);
| |
| }
| |
| .glyph.hbgc012 {
| |
| background-position: calc(-2em * 0) calc(-1.5577em * 8);
| |
| }
| |
| .glyph.hbgc013 {
| |
| background-position: calc(-2em * 1) calc(-1.5577em * 8);
| |
| }
| |
| .glyph.hbg05i,
| |
| .glyph.hbgi05 {
| |
| background-position: calc(-2em * 2) calc(-1.5577em * 8);
| |
| }
| |
| .glyph.hbg06i,
| |
| .glyph.hbgi06 {
| |
| background-position: calc(-2em * 3) calc(-1.5577em * 8);
| |
| } | | } |
|
| |
|
| /* ===== Monster category icons ([[Template:Monster category icon]]) ===== */
| | .bili-game-header-nav .about-site .about-site-title { |
| .mon-cat { | | color: rgb(24 25 28 / 90%); |
| display: inline-block;
| |
| margin-right: 0.15em;
| |
| width: 1.265em;
| |
| height: 1.265em;
| |
| vertical-align: middle;
| |
| /* [[File:Monster category icons.png]] */
| |
| background: url(/w/images/c/c3/Monster_category_icons.png) no-repeat;
| |
| background-size: auto 1.265em;
| |
| }
| |
| .mon-cat.-demon { | |
| background-position-x: calc(-1.265em * 0); | |
| }
| |
| .mon-cat.-humanoid {
| |
| background-position-x: calc(-1.265em * 1);
| |
| }
| |
| .mon-cat.-eldritch {
| |
| background-position-x: calc(-1.265em * 2);
| |
| }
| |
| .mon-cat.-beast {
| |
| background-position-x: calc(-1.265em * 3);
| |
| }
| |
| .mon-cat.-construct {
| |
| background-position-x: calc(-1.265em * 4);
| |
| }
| |
| .mon-cat.-undead {
| |
| background-position-x: calc(-1.265em * 5);
| |
| } | | } |
|
| |
|
| /* ===== Item page ([[Template:Item]]) ===== */ | | /* 我的消息 移动到顶部后的样式 */ |
| .infobox-page-container { | | .mediawiki .bili-game-header-nav #p-personal { |
| display: flex; | | position: static; |
| flex-direction: column;
| |
| float: right;
| |
| clear: right;
| |
| margin-left: 14px;
| |
| } | | } |
| .item-infobox__navbar { | | .mediawiki .bili-game-header-nav #p-personal #pt-notifications-alert { |
| display: inline-block;
| |
| margin: 0; | | margin: 0; |
| text-align: right; | | padding: 0; |
| | position: relative; |
| | top: unset; |
| line-height: unset; | | line-height: unset; |
| | width: unset; |
| } | | } |
| .infobox-page-container > .item-box { | | .bili-game-header-nav #pt-notifications-alert a { |
| margin-bottom: 1em; | | color: rgb(24 25 28 / 90%) !important; |
| } | | } |
| .infobox-page-container em.header { | | |
| font-style: normal;
| | /* 我的消息 移动端图标,在768px以上不显示,因为下方强制显示了电脑版本 */ |
| font-weight: bold; | | /* 关于本站 按钮,强制在768以上宽度显示 */ |
| font-size: 1.3em; | | @media screen and (min-width: 768px) { |
| display: inline-block;
| | #navNote, .mobile-mask, .mobile-operation { |
| margin-bottom: 0.5em; | | display: none; |
| | } |
| | .about-site { |
| | display: block !important; |
| | } |
| } | | } |
| .infobox-disabled-drop { | | /* 强制显示顶部导航栏中的 我的消息 (否则会窄屏自动隐藏,强制显示后可以与顶部导航共存亡)*/ |
| color: red; | | .bili-game-header-nav #p-personal .mw-echo-notification-badge-nojs{ |
| font-weight: bold;
| | display: block !important; |
| } | | } |
|
| |
|
| /* ===== Item box ([[Template:Item]]) ===== */ | | |
| .item-box {
| | /* 尽量保证顶部导航栏显示。默认窄了会隐藏 */ |
| display: inline-block;
| | @media screen and (min-width: 768px) { |
| box-sizing: border-box;
| | .mediawiki > .visible-md-block.visible-lg-block { |
| border-width: 1px;
| | display: block !important; |
| border-style: solid;
| | } |
| padding: 2px;
| |
| min-width: 220px;
| |
| max-width: 440px;
| |
| text-align: center;
| |
| font-family: var(--stylized-smallcaps-font);
| |
| font-size: 15px; | |
| line-height: 1.265;
| |
| font-weight: normal;
| |
| font-style: normal;
| |
| font-variant-ligatures: none;
| |
| color: var(--poe-color-default);
| |
| background-color: #000; | |
| } | | } |
| .item-box a, | | |
| .item-box a:visited, | | /* === 导航栏 Sidebar === */ |
| .item-box a:active {
| | .wiki-header .wiki-nav-celling{ /* 隐藏页面滚动后的导航栏 */ |
| color: unset;
| | /*top: -50px;*/ |
| | top: -300px; /* 50px就够,但罕见情况可能导致搜索框被挤下来,写大点保险 */ |
| } | | } |
| .item-box.-normal { | | /* 缩窄下滑后上方导航栏的宽度 */ |
| border-color: var(--poe-color-normal);
| | /* .wiki-nav.wiki-nav-celling #simpleSearch1 { |
| | width: 179px; |
| | } */ |
| | /* 如果不隐藏滚动后固定在顶部的导航栏,为其设置透明黑色背景色 */ |
| | /* .wiki-header .wiki-nav-celling { |
| | background: #000000c4; |
| | } */ |
| | |
| | /* 移动端导航栏 */ |
| | .navbar-default .navbar-toggle .icon-bar{ |
| | background: white; |
| } | | } |
| .item-box.-magic {
| | #navNote{ |
| border-color: var(--poe-color-magic);
| | filter: invert(100%) hue-rotate(180deg); |
| } | | } |
| .item-box.-rare { | | #navSearch.visible-xs{ |
| border-color: var(--poe-color-rare);
| | filter: invert(100%) hue-rotate(180deg); |
| } | | } |
| .item-box.-unique { | | |
| border-color: var(--poe-color-unique);
| | |
| | /* 搜索框 */ |
| | .mediawiki .wiki-header .wiki-nav .nav-search-box { /* 导航栏搜索框背景 */ |
| | padding: 0; |
| | border: none; |
| | background: url(https://patchwiki.biligame.com/images/wukong/d/d1/ly326npb5sjd51rkd2slkdtnyt7io6u.png) no-repeat; |
| | background-color: transparent !important; |
| | background-size: 108% 128%; |
| | background-position: -8px -3px; |
| } | | } |
| .item-box.-currency {
| | #simpleSearch1 #searchInput{ /* 导航栏搜索框 输入框的大小和文字颜色 */ |
| border-color: var(--poe-color-currency);
| | line-height: 48px; |
| | height: 48px; |
| | width: 85%; |
| | color:var(--font-color); |
| } | | } |
| .item-box.-gem {
| | #simpleSearch1, #searchButton, #searchDelete{ /* 移除搜索框在鼠标移入时的背景 */ |
| border-color: var(--poe-color-gem);
| | background-color:unset !important; |
| } | | } |
| .item-box.-quest {
| | #searchInput:focus, #simpleSearch:hover #searchInput:focus{ /* 移除搜索框激活时的边框 */ |
| border-color: var(--poe-color-quest);
| | box-shadow: none; |
| } | | } |
| .item-box.-prophecy {
| | #simpleSearch1 #searchDelete{ /* 搜索框删除按钮,反色 */ |
| border-color: var(--poe-color-prophecy);
| | filter: invert(80%); |
| | opacity: 0.6; |
| } | | } |
| .item-box.-foil {
| | #simpleSearch1 #searchButton{ /* 搜索框搜索按钮,反色 */ |
| border-color: var(--poe-color-uniquefoil);
| | filter: invert(60%); |
| | opacity: 0.8; |
| } | | } |
| .item-box.-necropolis { | | .mediawiki .wiki-nav{ /* 移除导航栏上下边框 */ |
| border-color: rgb(52,58,64);
| | border: none; |
| } | | } |
| .item-box > .header { | | .suggestions-results, |
| display: block;
| | .suggestions-special{ /* 搜索栏下放列出的搜索建议 */ |
| overflow: hidden;
| | background: var(--bg-color); |
| position: relative;
| | color: var(--font-color); |
| text-overflow: ellipsis;
| | border: solid 1px #555; |
| white-space: nowrap;
| | margin-top:3px |
| font-size: 20px;
| |
| background-repeat: no-repeat, no-repeat, repeat-x;
| |
| } | | } |
| .item-box > .header > .symbol { | | .suggestions-result, |
| content: "";
| | .suggestions-special .special-query{ |
| display: block;
| | color: var(--font-color); |
| position: absolute;
| |
| top: 0;
| |
| background-position: center;
| |
| background-repeat: no-repeat;
| |
| } | | } |
| .item-box > .header > .symbol:first-child { | | .suggestions-result-current, |
| left: 0;
| | .suggestions-result-current .special-query{ |
| | background: var(--bg-color); |
| | color: var(--a-color); |
| } | | } |
| .item-box > .header > .symbol:last-child { | | |
| right: 0;
| | |
| | /* 导航栏 一级按钮 */ |
| | .mediawiki .menu-wrap .wiki-menu-li-1>a{ /* 一级导航文字 */ |
| | color: var(--font-color); |
| | font-size: 1.2em; |
| } | | } |
| .item-box > .header > .symbol.-shaper { | | .mediawiki .menu-wrap .wiki-menu-li-1 a .caret{/* 隐藏 ▲ 小箭头,因为hover时使用了墨迹背景,这可以让文字更居中 */ |
| /* [[File:Shaper-item-symbol.png]] */
| | display: none; |
| background-image: url(/w/images/5/55/Shaper-item-symbol.png);
| |
| } | | } |
| .item-box > .header > .symbol.-elder { | | .mediawiki .menu-wrap .wiki-menu-li-1.title_active { /* 白色墨迹背景 文件:Button-primary-white.png */ |
| /* [[File:Elder-item-symbol.png]] */
| | background: round url('https://patchwiki.biligame.com/images/wukong/0/0d/darlo5cge1cluktfi4yi9qkw9mipsog.png'); |
| background-image: url(/w/images/1/1b/Elder-item-symbol.png);
| |
| } | | } |
| .item-box > .header > .symbol.-crusader { | | .mediawiki .menu-wrap .wiki-menu-li-1.title_active>a{ /* hover时文字颜色为黑色 */ |
| /* [[File:Crusader-item-symbol.png]] */
| | color: #000000; |
| background-image: url(/w/images/d/d1/Crusader-item-symbol.png);
| |
| } | | } |
| .item-box > .header > .symbol.-redeemer { | | |
| /* [[File:Redeemer-item-symbol.png]] */
| | |
| background-image: url(/w/images/9/9c/Redeemer-item-symbol.png);
| | /* 二级菜单 */ |
| | .mediawiki .menu-wrap .wiki-menu-li-1 .wiki-menu-ul-2 .wiki-menu-li-2 a{ /* 文字颜色 */ |
| | color: var(--font-color); |
| | font-size: 1.1em; |
| } | | } |
| .item-box > .header > .symbol.-hunter { | | .mediawiki .menu-wrap .wiki-menu-li-1 .wiki-menu-ul-2 .wiki-menu-li-2:hover a{ /* 文字颜色 */ |
| /* [[File:Hunter-item-symbol.png]] */
| | color: var(--a-hover-color); |
| background-image: url(/w/images/a/a8/Hunter-item-symbol.png);
| |
| } | | } |
| .item-box > .header > .symbol.-warlord { | | .mediawiki .menu-wrap .wiki-menu-li-2:before{ /* 噪声边框使用 before + 背景filter实现。奇偶使用不同的参数避免重复 */ |
| /* [[File:Warlord-item-symbol.png]] */
| | background-image: radial-gradient(var(--bg-color),var(--bg-color)); |
| background-image: url(/w/images/f/f1/Warlord-item-symbol.png);
| | content: ' '; |
| | position: absolute; |
| | top: 0px; |
| | right: 0px; |
| | bottom: 0px; |
| | left: 0px; |
| | z-index: -3; |
| | display: block; |
| | /*margin: -3px 3px 0;*/ |
| | margin: -3px -3px 0 -5px; |
| } | | } |
| .item-box > .header > .symbol.-veiled { | | .mediawiki .menu-wrap .wiki-menu-li-2:nth-child(odd):before{ /* 背景色,以及噪声边 */ |
| /* [[File:Veiled-item-symbol.png]] */
| | filter: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter id='crumple-effect'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.07' numOctaves='3' result='turbulence'/%3E%3CfeDisplacementMap in2='turbulence' in='SourceGraphic' scale='6'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E#crumple-effect"); |
| background-image: url(/w/images/f/fd/Veiled-item-symbol.png);
| |
| } | | } |
| .item-box > .header > .symbol.-fractured { | | .mediawiki .menu-wrap .wiki-menu-li-2:nth-child(even):before{ /* 背景色,以及噪声边,奇偶参数略有不同 */ |
| /* [[File:Fractured-item-symbol.png]] */
| | filter: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter id='crumple-effect'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.05' numOctaves='3' result='turbulence'/%3E%3CfeDisplacementMap in2='turbulence' in='SourceGraphic' scale='7'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E#crumple-effect"); |
| background-image: url(/w/images/9/97/Fractured-item-symbol.png);
| |
| } | | } |
| .item-box > .header > .symbol.-synthesised { | | .mediawiki .menu-wrap .wiki-menu-li-2.li_active:before{ /* 为激活的二级菜单增加渐变背景 */ |
| /* [[File:Synthesised-item-symbol.png]] */
| | background-image: radial-gradient(#444444,var(--bg-color)); |
| background-image: url(/w/images/4/4c/Synthesised-item-symbol.png);
| | z-index: -1; |
| } | | } |
| .item-box > .header > .symbol.-searingexarch { | | |
| /* [[File:Searing-exarch-item-symbol.png]] */
| | /* 手机菜单 */ |
| background-image: url(/w/images/c/c2/Searing-exarch-item-symbol.png); | | .mediawiki .mobile-nav-menu, |
| | .mediawiki .mobile-nav-menu .ul-menu-2 { |
| | background: var(--bg-color); |
| } | | } |
| .item-box > .header > .symbol.-eaterofworlds { | | .mediawiki .mobile-nav-menu a:not(.menu-title-1) { |
| /* [[File:Eater-of-worlds-item-symbol.png]] */
| | color: var(--font-color) !important; |
| background-image: url(/w/images/a/a2/Eater-of-worlds-item-symbol.png); | |
| } | | } |
| .item-box > .header > .symbol.-replica { | | .mediawiki .mobile-nav-menu .bg-c { |
| /* [[File:Replica-item-symbol.png]] */ | | background: var(--a-hover-color); |
| background-image: url(/w/images/5/50/Replica-item-symbol.png);
| |
| } | | } |
| .item-box.-normal > .header { | | |
| color: var(--poe-color-normal); | | .mediawiki .mobile-nav-menu .bg-c>a:not(.menu-title-1) { |
| | color: white !important; |
| } | | } |
| .item-box.-magic > .header { | | |
| color: var(--poe-color-magic);
| | /* 「Wiki功能」 菜单 */ |
| | .vectorMenu li a:hover { |
| | background-color: var(--a-hover-color); |
| } | | } |
| .item-box.-rare > .header {
| | #firstHeadingTools { |
| color: var(--poe-color-rare); | | border-bottom: 1px solid #a2a9b14a; /* 减弱wiki功能菜单栏下方的边框 */ |
| } | | } |
| .item-box.-unique > .header { | | .firstHeadingTools .vectorMenu h3 .glyphicon-menu-down { |
| color: var(--poe-color-unique);
| | top: 15px; |
| | right: 10px; |
| } | | } |
| .item-box.-currency > .header { | | |
| color: var(--poe-color-currency);
| | /* 评论 */ |
| | .comments-title { |
| | border-bottom: 1px solid var(--font-color); |
| } | | } |
| .item-box.-gem > .header { | | .comment-body textarea, |
| color: var(--poe-color-gem);
| | .comment-toolbar{ |
| | background: #232323; |
| } | | } |
| .item-box.-quest > .header { | | .comment-submit{ /* 提交按钮 */ |
| color: var(--poe-color-quest); | | border:1px solid #232323; |
| | font-size: 1.5em; |
| | text-shadow: none; |
| } | | } |
| .item-box.-prophecy > .header { | | .comment-submit:hover { |
| color: var(--poe-color-prophecy); | | border: 1px solid #665725; |
| | font-size: 1.5em; |
| | box-shadow: 0px 0px 0px red inset, 0 5px 11px 0 #ddbf5f; |
| | transition: all 0.3s ease-out; |
| | text-shadow: none; |
| } | | } |
| .item-box.-foil > .header {
| | :focus { /* 提交框 */ |
| color: var(--poe-color-uniquefoil);
| | outline-color: #ddbf6f; |
| } | | } |
| .item-box.-necropolis > .header { | | /* 手机评论区 底部输入框颜色 */ |
| color: rgb(181,168,144);
| | .mediawiki .h5-wiki-comment { |
| | background: #1b1b1b; |
| | } |
| | .mediawiki .h5-wiki-comment .bui-reply-box .bui-reply-table .bui-reply-container{ |
| | background: #363636; |
| | } |
| | .mediawiki .h5-wiki-comment .bui-reply-box .bui-reply-table .bui-reply-container .bui-reply-input { |
| | background: #363636; |
| | color: #c6c6c6; |
| | } |
| | |
| | |
| | /* 页尾 */ |
| | .mediawiki .game-bg{ /* 减小页尾边距,给图片腾地方 */ |
| | padding-bottom: 0px; |
| | margin-bottom: 0px; |
| } | | } |
| .item-box > .header.-single { | | |
| /* [[File:Item-ui-header-single.png]] */
| | .footer-public:before{ /* 页尾图片 */ |
| background-image: url(/w/images/9/9b/Item-ui-header-single.png), url(/w/images/9/9b/Item-ui-header-single.png), url(/w/images/9/9b/Item-ui-header-single.png);
| | content: ""; |
| | display: block; |
| | pointer-events: none; |
| | height: 550px; |
| | position: relative; |
| | background-image: url('https://patchwiki.biligame.com/images/wukong/b/b1/9t6x44ni3xza23qstb2jn48wdyirn6e.png'),url('https://patchwiki.biligame.com/images/wukong/9/97/2nxeepxtpb3br3qphkcwzxru7rtp6ea.jpg'),url('https://wiki.biligame.com/wukong/%E6%96%87%E4%BB%B6:Feature-bottom-1-pc.DfZ55gaS.png'); |
| | background-repeat: no-repeat; |
| | background-size: 100% auto; |
| } | | } |
| .item-box > .header.-single { | | .footer-public{ |
| padding: 3px 32px;
| | background: unset; |
| height: 28px;
| |
| line-height: 25px;
| |
| } | | } |
| .item-box > .header.-single > .symbol { | | /* 窄屏幕仍然显示底部footer图片 */ |
| width: 32px;
| | @media (max-width: 992px){ |
| height: 34px;
| | .mediawiki .footer-public{ |
| | display: block !important; |
| | } |
| | .mediawiki .footer-box{ /* 保持底部信息不显示 */ |
| | display: none; |
| | } |
| | .footer-public:before { |
| | height: 200px; |
| | } |
| | .footer-public .footer-box { |
| | max-width: 95%; |
| | } |
| } | | } |
| .item-box.-normal > .header.-single { | | |
| background-position: left 0, right -68px, center -34px;
| | |
| | /* 页面 杂项 */ |
| | .catlinks{ /* 分类 (位于页尾 */ |
| | background: none; |
| } | | } |
| .item-box.-magic > .header.-single { | | .catlinks .mw-normal-catlinks > ul > li { /* 多个分类之间的分割线,用了相同颜色 */ |
| background-position: left -102px, right -170px, center -136px;
| | border-left: 1px solid #a2a9b1; |
| } | | } |
| .item-box.-currency > .header.-single {
| | #catlinks a { |
| background-position: left -204px, right -272px, center -238px; | | color: #3e85de; |
| } | | } |
| .item-box.-gem > .header.-single {
| | #catlinks a:hover { |
| background-position: left -306px, right -374px, center -340px; | | color: #ddbf6f; |
| } | | } |
| .item-box.-quest > .header.-single { | | #catlinks a.new { |
| background-position: left -408px, right -476px, center -442px; | | color: #dd3333; |
| } | | } |
| .item-box.-prophecy > .header.-single { | | #catlinks a.new:hover { |
| background-position: left -510px, right -578px, center -544px; | | color: #dd3333; |
| } | | } |
| .item-box.-necropolis > .header.-single {
| | #catlinks { |
| margin: -5px -14px 0; | | border: none; /* 分类栏的边框,移除 */ |
| padding: 0 40px;
| |
| height: 45px;
| |
| line-height: 42px;
| |
| /* [[File:Item-ui-header-necropolis.png]] */
| |
| background-image: url(/w/images/a/a0/Item-ui-header-necropolis.png), url(/w/images/a/a0/Item-ui-header-necropolis.png), url(/w/images/a/a0/Item-ui-header-necropolis.png);
| |
| background-position: left 0, right -90px, center -45px;
| |
| background-clip: border-box, border-box, content-box;
| |
| } | | } |
| .item-box > .header.-double { | | |
| /* [[File:Item-ui-header-double.png]] */
| | .rank-item-detail-wrap span { /* 贡献者浮窗的文字颜色,适配 localusercard */ |
| background-image: url(/w/images/e/e8/Item-ui-header-double.png), url(/w/images/e/e8/Item-ui-header-double.png), url(/w/images/e/e8/Item-ui-header-double.png);
| | color: black; |
| } | | } |
| .item-box > .header.-double {
| | #redirectsub{ |
| padding: 3px 44px;
| | color: var(--font-color); |
| height: 48px;
| |
| line-height: 23px;
| |
| } | | } |
| .item-box > .header.-double > .symbol { | | |
| width: 32px;
| | /* 图片 缩略图 暗色主题 */ |
| height: 54px;
| | div.thumbinner{ |
| | background: none; |
| | border: 1px solid #373737; |
| } | | } |
| .item-box.-rare > .header.-double { | | html .thumbimage{ |
| background-position: left 0, right -108px, center -54px;
| | border: none; |
| } | | } |
| .item-box.-unique > .header.-double { | | /* gallery slideshow 的按钮是黑色图片,反色成白色 */ |
| background-position: left -162px, right -270px, center -216px; | | .mediawiki .mw-gallery-slideshow-buttons.oo-ui-layout.oo-ui-panelLayout { |
| | filter: invert(100%) hue-rotate(180deg); |
| } | | } |
| .item-stats {
| | |
| display: block;
| | li.gallerybox div.thumb { |
| padding: 7px 12px;
| | border: 1px solid #555; |
| margin: 0 auto;
| | background-color: transparent; |
| }
| |
| .item-stats.-nopad {
| |
| padding: 0;
| |
| }
| |
| .item-stats > .group {
| |
| display: block;
| |
| margin: 0 auto;
| |
| }
| |
| .item-stats > .group:nth-last-child(n+2)::after,
| |
| .item-stat-separator::before {
| |
| display: block;
| |
| margin: 5px auto;
| |
| width: auto;
| |
| height: 3px;
| |
| /* [[File:Item-ui-separators.png]] */
| |
| background-image: url(/w/images/e/ef/Item-ui-separators.png);
| |
| background-position: center 0;
| |
| background-repeat: no-repeat;
| |
| content: "";
| |
| }
| |
| .item-box.-magic > .item-stats > .group::after,
| |
| .item-stat-separator.-magic::before {
| |
| background-position: center -3px;
| |
| }
| |
| .item-box.-rare > .item-stats > .group::after,
| |
| .item-stat-separator.-rare::before {
| |
| background-position: center -6px;
| |
| }
| |
| .item-box.-unique > .item-stats > .group::after,
| |
| .item-stat-separator.-unique::before {
| |
| background-position: center -9px;
| |
| }
| |
| .item-box.-currency > .item-stats > .group::after,
| |
| .item-stat-separator.-currency::before,
| |
| .item-box.-divicard > .item-stats > .group::after, | |
| .item-stat-separator.-divicard::before {
| |
| background-position: center -12px;
| |
| }
| |
| .item-box.-gem > .item-stats > .group::after,
| |
| .item-stat-separator.-gem::before {
| |
| background-position: center -15px;
| |
| }
| |
| .item-box.-quest > .item-stats > .group::after,
| |
| .item-stat-separator.-quest::before {
| |
| background-position: center -18px;
| |
| }
| |
| .item-box.-prophecy > .item-stats > .group::after,
| |
| .item-stat-separator.-prophecy::before {
| |
| background-position: center -21px;
| |
| }
| |
| .item-box.-foil > .item-stats > .group::after,
| |
| .item-stat-separator.-foil::before {
| |
| background-position: center -24px;
| |
| }
| |
| .item-box.-necropolis > .item-stats > .group::after,
| |
| .item-stat-separator.-necropolis::before {
| |
| height: 5px;
| |
| /* [[File:Item-ui-separator-necropolis.png]] */
| |
| background-image: url(/w/images/a/af/Item-ui-separator-necropolis.png);
| |
| }
| |
| .item-box > .image {
| |
| display: block;
| |
| padding: 7px 12px;
| |
| } | | } |
|
| |
|
| /* Variant tabs above item infobox */ | | |
| .itembox-tabs { | | |
| z-index: 1;
| | /* 用户卡片适配暗色主题 */ |
| display: flex;
| | .user-follow-wrap{ |
| column-gap: 4px;
| | border: 1px solid #424242; |
| | } |
| | .user-follow-wrap .user-item-detail { |
| | background-color: var(--bg-color); |
| | } |
| | .user-follow-wrap .user-item-detail .detail-des .des-name { |
| | color:white; |
| | } |
| | .user-follow-wrap .user-item-detail .detail-follow-normal { |
| | background: #ddbf6f; |
| | color: #000; |
| | } |
| | |
| | /* |
| | |
| | == 标签 == |
| | |
| | */ |
| | |
| | /* 标题风格化(主页可能使用了单独的css样式) */ |
| | #content h1 { |
| | font-family: STKaiti, Kaiti SC, Kaiti, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, Arial, sans-serif; |
| } | | } |
| .itembox-tab { | | /* h2 标题 风格化*/ |
| height: 35px;
| | #bodyContent h2 { |
| | border: none; |
| | margin: 10px 0 5px 0; |
| | font-size: 1.7em; |
| | font-weight: bold; |
| | font-family: STKaiti, Kaiti SC, Kaiti, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, Arial, sans-serif; |
| } | | } |
| .itembox-tab * { | | #bodyContent h2::before { |
| display: inline-block;
| | content: ""; |
| height: 34px;
| | background: no-repeat url(https://patchwiki.biligame.com/images/wukong/thumb/b/bd/hoji7so9dz13tqgpaw7spd83udm5aaq.png/20px-H2-%E5%A4%B4%E5%9B%BE.png); |
| line-height: 34px;
| | width: 25px; |
| | display: inline-block; |
| | height: 40px; |
| | margin-bottom: -11px; |
| | vertical-align: middle; |
| } | | } |
| .itembox-tab a {
| | #bodyContent h2:after { |
| border-width: 1px 1px 0 1px;
| | content: ""; |
| border-style: solid;
| | display: block; |
| border-color: transparent;
| | height: 3px; |
| border-radius: 4px 4px 0 0;
| | background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-type='color' viewBox='0 0 290 2' aria-hidden='true'%3E%3Cpath fill='%23c6c6c6' d='M281.448.82c.741 0 .185-.04.933-.172a2.74 2.74 0 0 1 1.111-.07c2.071.434 4.041.055 6.16.241 0 0 .452.209.326.307-1.853.165-3.83.49-5.673.404-1.245-.055-1.19.116-2.464-.193a1.883 1.883 0 0 0-.436-.043l.043-.475zm-6.756.306c-2.876.226-4.944.658-7.831.554-.273 0-.487-.19-.796-.117-.686.163-1.375 0-2.071-.046-.543-.045-1.199-.232-1.625-.055a1.93 1.93 0 0 1-1.391-.04 1.593 1.593 0 0 0-.829-.128 7.325 7.325 0 0 1-3.199 0c-.208-.037-.429-.049-.498-.236l.576-.633a.19.19 0 0 1 0 .088c.626-.007 1.252-.05 1.872-.131 2.598-.358 5.211-.267 7.831-.23 1.889.025 6.076.698 7.961.667v.307zm-25.355.266c-.108-.168-.218-.343-.469-.242-.672.266-1.371.132-2.064.123-.244 0-.53-.074-.65.223a.337.337 0 0 1-.127.135l-.435.018a1.084 1.084 0 0 1-.459-.233c-.364-.404-1.95-.514-2.451-.199-.097.307-.504-.104-.53.169-.052.526-.451.327-.725.34-.88.049-1.765-.545-2.649-.515-.376.087-.76.141-1.147.163-.472 0-.959.235-1.424-.028h-.293c-.452.061-.884.306-1.365.129-.875-.187-1.765-.114-2.65-.105-.364 0 .17.41-.188.334-1.271-.278-2.581-.257-3.865-.306-1.58-.073-3.17-.23-4.766-.12-1.664.117-3.345.074-5.003.233-1.04.098-2.083.141-3.124.187-1.43.058-2.873-.095-4.294.015-1.609.123-3.234.123-4.86.123-2.643 0-5.292-.113-7.938-.162-1.265-.022-2.523-.147-3.797-.086-1.086.052-2.185-.12-3.251-.046-1.066.073-2.11-.227-3.199-.116-1.089.11-2.168-.059-3.25-.105a.413.413 0 0 1-.221-.198h-.69a1.813 1.813 0 0 1-1.059.352c-2.081.052-4.155-.282-6.239.021-.843.09-1.693.127-2.542.11-1.95.037-3.868.162-5.815.055-1.317-.07-2.601-.29-3.992-.073-1.469.26-2.964.363-4.457.306a1.136 1.136 0 0 0-.601-.058c-1.301 0-2.585.156-3.885-.03-.608-.09-1.261-.212-1.889 0a1.893 1.893 0 0 0-1.027.051c-.19.02-.382.014-.569-.021a4.323 4.323 0 0 0-1.19-.101c-.156 0-.211.046-.36.046-5.249-.023-10.5-.041-15.754-.055-1.518 0-3.033.04-4.551.07-1.849.037-3.702.162-5.549.104-2.903-.089-5.802-.306-8.712-.288h-5.26c-.152-.257-.325-.306-.49-.021-.862-.022-1.727-.05-2.601-.067-1.375-.025-2.744.306-4.112.116a11.729 11.729 0 0 0-2.893-.11c-.9.076-1.803.098-2.705.067-1.898 0-3.8-.037-5.695.028-2.045.067-4.09-.07-6.138.11-1.388.12-2.818-.254-4.193.257-.075.027-.192-.022-.28-.055-1.2-.417-2.45-.334-3.686-.306-.446 0-.888.217-1.174-.282-.071-.125-.156-.092-.204 0-.153.306-.469.248-.722.251-1.684.025-3.358-.15-5.045-.165-3.378-.03-6.755-.205-10.133-.07-1.365.051-2.73-.184-4.102.018-.371.052-.768.56-1.174.052-.358-.055-.718-.233-1.07.024-.442.227-.903-.26-1.3 0-.27.178-.439.227-.65-.036-.16-.206-.38-.166-.598-.102a7.881 7.881 0 0 0-1.08.26c-1.205.393-2.457.307-3.699.307a.189.189 0 0 1-.133-.05c-.42-.667-1.05-.363-1.625-.305a1.31 1.31 0 0 1-.51.033c-1.44-.4-2.926-.208-4.37-.153l-4.2.15c-2.89.104-5.783.123-8.676.209-2.012.06-4.024.333-6.02-.172-.784-.199-1.401.135-2.195.113-.855-.021-1.723-.49-2.6 0-.407.23-.956.04-1.512.062-3.228.113-6.453.244-9.68.08C4.053 1.3 0 2.193 0 1.712V.49C1.651.489 4.327.25 5.978.464c.219.038.444.017.65-.06.855-.426 1.733 0 2.6-.08 1.067-.105 2.189.052 3.284.073 3.485.067 6.973-.453 10.455.055.325-.22.76.306 1.053-.138.364-.208.702.05 1.053.052 2.045 0 4.086-.046 6.131.074s4.05-.138 6.082 0c1.177.073 2.364-.03 3.55 0 2.718.1 5.435-.11 8.156-.034.741.022 1.564.285 2.208.025.76-.306 1.469-.052 2.158-.062.894 0 1.788.157 2.711 0 .325-.058.826-.147 1.102.334.163.288.504.429.67-.055.104-.306.325-.125.48-.125 1.363 0 2.725-.065 4.08-.025 1.255.04 2.487-.205 3.736-.174 1.047.056 2.096.056 3.143 0 2.403-.215 4.792.073 7.188.091 1.71 0 3.42.129 5.133.077 1.3-.04 2.616-.279 3.9-.187 2.344.165 4.682.107 7.025.169 1.447.04 2.884-.086 4.32-.175a49.484 49.484 0 0 1 4.766 0c1.626.055 3.251.242 4.876.12a81.77 81.77 0 0 1 5.257-.19c2.071 0 4.151.22 6.215.125 2.195-.1 4.392.015 6.57-.162 1.626-.135 3.306.514 4.909-.184a.188.188 0 0 1 .146.016c.673.38 1.427.11 2.129.235 1.047.184 2.13-.159 3.118 0 1.862.328 3.696-.125 5.542.068.539.015 1.076.07 1.606.165.361.361.728.398 1.102.018.761-.174 1.538-.588 2.24.129a.293.293 0 0 0 .178.114.308.308 0 0 0 .212-.032c.384-.19.826-.125 1.222-.26.755-.428 1.538.11 2.292-.058a.689.689 0 0 1 .461.035.631.631 0 0 1 .319.314c.735.113 1.476.276 2.123-.257.852-.092 1.7-.178 2.529.132.452.306.842.073 1.235-.129a.184.184 0 0 0 .127-.028c.28-.159.607-.23.933-.202h3.456c1.966 0 3.933.15 5.9-.046h.396c.914.062 1.795.463 2.738.23.126-.034.325-.034.325.08 0 .486.364.202.442.153.325-.211.627-.098.975-.04s.731-.03 1.109.04h.448c.156-.03.325.202.478.067.153-.135.325-.257.374-.067h1.736c-.28-.144-.65.12-.566-.306h.218c.676.046 1.352.171 2.028 0l8.267-.043c1.242.037 2.48-.086 3.725-.061 1.824.033 3.648.03 5.475.064 1.723.034 3.449.19 5.175.037l8.276.107c2.926.033 5.832.021 8.745-.153 1.648-.101 3.296-.227 4.941-.2 5.081.08 10.159.132 15.236.337 4.103.166 8.212-.272 12.321-.015l.166.94z'/%3E%3C/svg%3E"); |
| background-color: #27292a;
| | background-repeat: no-repeat; |
| | margin-top: -2px; |
| | margin-left: 26px; |
| } | | } |
| .itembox-tab a:hover,
| | #bodyContent #toc h2:before, |
| .itembox-tab a:focus {
| | #bodyContent #toc h2:after{ |
| background-color: #343738;
| | display: none; |
| } | | } |
| .itembox-tab.-selected a { | | /* 章节编辑按钮 悬浮出现*/ |
| border-color: var(--poe-color-gem);
| | h2 .mw-editsection, h3 .mw-editsection, h4 .mw-editsection, h5 .mw-editsection { |
| height: 35px; | | opacity: 0; |
| background-color: #000;
| |
| } | | } |
| .itembox-tab img { | | h2:hover .mw-editsection, h3:hover .mw-editsection, h4:hover .mw-editsection, h5:hover .mw-editsection { |
| vertical-align: baseline; | | opacity: 1; |
| | transition: opacity 0.5s; |
| } | | } |
|
| |
|
| /* Divination card item box */ | | /* 表格样式 */ |
| .item-box.-divicard { | | .mediawiki .wikitable{ |
| border-color: var(--poe-color-divination); | | border: 1px solid #debf6f7d; |
| }
| | background: #1b1b1bf0; |
| .item-box.-divicard:first-child {
| | /*background-image: url('https://patchwiki.biligame.com/images/wukong/a/ac/byqa704g6kw6ap6p3zl48kp5vnrd8fq.png');*/ |
| border: none;
| | /*background-blend-mode: darken;*/ |
| padding: 0; | | background-size: 1080px; |
| background: none; | | background-position: -60px 10px; |
| }
| |
| .divicard-wrapper {
| |
| display: block;
| |
| position: relative;
| |
| width: 440px; | |
| height: 668px;
| |
| }
| |
| .divicard-background,
| |
| .divicard-art,
| |
| .divicard-artlink {
| |
| overflow: hidden;
| |
| display: block;
| |
| position: absolute;
| |
| top: 56px;
| |
| left: 26px;
| |
| width: 390px;
| |
| height: 280px;
| |
| }
| |
| .divicard-background {
| |
| background-color: #161618; | |
| }
| |
| .divicard-background video {
| |
| width: 100% !important;
| |
| height: 100% !important;
| |
| }
| |
| .divicard-art a {
| |
| display: none;
| |
| }
| |
| .divicard-art img {
| |
| width: 100%;
| |
| height: 100%;
| |
| } | | } |
| .divicard-artlink a { | | .mediawiki .wikitable th,.mediawiki .wikitable td{ |
| display: flex;
| | border: 1px solid #c6c6c6; |
| align-items: center;
| |
| justify-content: center;
| |
| width: 100%;
| |
| height: 100%;
| |
| } | | } |
| .divicard-artlink img { | | .mediawiki .wikitable th{ |
| opacity: 0;
| | color: #ddbf6f; |
| width: 100%;
| | padding: 10px 15px; |
| height: 100%;
| | background: #8a86831a; |
| }
| | font-size: 18px; |
| .divicard-frame { | | font-family: STKaiti, Kaiti SC, Kaiti, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, Arial, sans-serif; |
| display: block; | |
| position: absolute;
| |
| top: 0; | |
| left: 0;
| |
| width: 100%;
| |
| height: 100%;
| |
| /* [[File:Divination card frame.png]] */
| |
| background: url(/w/images/e/ec/Divination_card_frame.png) no-repeat; | |
| }
| |
| .divicard-header {
| |
| display: block;
| |
| position: absolute;
| |
| top: 14px;
| |
| left: 0;
| |
| width: 100%;
| |
| font-size: 20px; | |
| line-height: 44px; | |
| color: #030301;
| |
| }
| |
| .divicard-header a,
| |
| .divicard-header .selflink {
| |
| font-weight: normal; | | font-weight: normal; |
| } | | } |
| .divicard-stack { | | .mediawiki .wikitable td{ |
| display: block;
| | padding: 10px 15px; |
| position: absolute;
| | font-size: 16px; |
| top: 309px;
| |
| left: 42px;
| |
| width: 70px;
| |
| font-size: 16px;
| |
| line-height: 38px;
| |
| color: #fff;
| |
| } | | } |
| .divicard-face { | | .wikitable, |
| display: flex;
| | .wikitable > tr > th, .wikitable > * > tr > th, |
| flex-direction: column;
| | .mw-datatable td, |
| justify-content: space-evenly;
| | .mw-datatable tr:hover td{ |
| position: absolute;
| | color: var(--font-color); |
| top: 334px;
| |
| left: 35px;
| |
| width: 374px;
| |
| height: 302px;
| |
| } | | } |
| .divicard-face::after {
| | |
| display: block;
| | /* 部分页面的表格内边距需要更大 */ |
| order: 1;
| | .client-js .mediawiki .wikitable.sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable), |
| margin: 3px auto;
| | .mediawiki .wikitable.jquery-tablesorter th.headerSort{ |
| width: 256px;
| | padding-right: 21px; |
| height: 3px;
| |
| /* [[File:Divination card separator.png]] */
| |
| background: url(/w/images/a/a5/Divination_card_separator.png) no-repeat;
| |
| content: "";
| |
| }
| |
| .divicard-reward { | |
| display: block;
| |
| order: 0;
| |
| top: 334px;
| |
| left: 35px;
| |
| font-size: 16px;
| |
| }
| |
| .divicard-flavour { | |
| display: block;
| |
| order: 2;
| |
| top: 452px;
| |
| left: 35px;
| |
| font-size: 16px;
| |
| font-style: italic;
| |
| color: var(--poe-color-unique);
| |
| } | | } |
|
| |
|
| /* ===== Item hoverbox ([[Template:Item link]]) ===== */
| |
| .c-item-hoverbox {
| |
| display: inline-block;
| |
| }
| |
| .c-item-hoverbox__display {
| |
| display: block;
| |
| visibility: hidden;
| |
| opacity: 0;
| |
| position: absolute;
| |
| padding: 8px;
| |
| transition: opacity 0.25s;
| |
| }
| |
| .c-item-hoverbox__display.is-visible {
| |
| visibility: visible;
| |
| opacity: 1;
| |
| }
| |
| .c-item-hoverbox__display > .item-box + img {
| |
| position: absolute;
| |
| top: 0;
| |
| left: 100%;
| |
| }
| |
| .c-item-hoverbox__display.is-left-of-activator > .item-box + img,
| |
| .c-item-hoverbox__display.is-above-activator.is-right-side-of-viewport > .item-box + img,
| |
| .c-item-hoverbox__display.is-below-activator.is-right-side-of-viewport > .item-box + img {
| |
| left: auto;
| |
| right: 100%;
| |
| }
| |
| .c-item-hoverbox__activator {
| |
| display: flex;
| |
| align-items: baseline;
| |
| }
| |
| .c-item-hoverbox--large .c-item-hoverbox__activator {
| |
| flex-direction: column;
| |
| align-items: stretch;
| |
| }
| |
|
| |
|
| /* ===== Legacy variant tables ([[Template:Legacy variant table row]]) ===== */ | | /* reference 增加间隙 */ |
| .legacy-stats { | | .mediawiki ol.references > li { |
| font-family: var(--stylized-smallcaps-font); | | margin-bottom: 0.5em; |
| font-size: 0.857em;
| |
| font-variant-ligatures: none;
| |
| color: #55548c;
| |
| }
| |
| .legacy-stats .tc {
| |
| font-size: 1.167em;
| |
| } | | } |
|
| |
|
| /* ===== Mod box ([[Template:Mod]]) ===== */ | | /* pre 和 code */ |
| .modbox { | | .mediawiki pre, |
| float:right; | | .mediawiki code, |
| | .mediawiki .mw-code { |
| | background-color: #22222299; |
| | color: #c6c6c6; |
| | border: 1px solid #46464677; |
| } | | } |
| .modbox table { | | .mediawiki .mw-highlight pre{ |
| width: 100%;
| | filter: invert(100%) hue-rotate(180deg); |
| float: right;
| | background: white; |
| clear: both;
| | color: black; |
| margin: 0 0 0.8em 0;
| |
| } | | } |
|
| |
|
| /* ===== Skill progression table ([[Template:Skill progression]]) ===== */ | | /* ul */ |
| .skill-progression-table { | | .ns-0.mediawiki #mw-content-text ul { |
| text-align: center;
| | margin: 0.3em 0 0 0.6em; |
| | list-style-image: none; |
| | list-style-type: disc; |
| | padding: 0; |
| } | | } |
|
| |
|
| /* ===== Item table ([[Template:Item table]]) ===== */
| |
| .item-table {
| |
| text-align: center;
| |
| max-width: 100%;
| |
| }
| |
|
| |
|
| /* ===== Harvest crafting options table ([[Template:Harvest crafting options]]) ===== */
| |
| .harvest-crafting-options-table td:nth-child(n+2) {
| |
| text-align: right;
| |
| }
| |
|
| |
|
| /* ===== Math block ([[Template:Math]]) ===== */ | | /* |
| .c-math-block {
| |
| display: flex;
| |
| align-items: center;
| |
| white-space: nowrap;
| |
| }
| |
| .c-math-block__formula {
| |
| flex: 1 0 auto;
| |
| }
| |
| .c-math-block__formula .mwe-math-fallback-image-display {
| |
| margin-left: 0 !important;
| |
| margin-right: 0 !important;
| |
| }
| |
| .c-math-block__ref {
| |
| flex: 0 1 auto;
| |
| font-weight: bold;
| |
| }
| |
|
| |
|
| /* ===== Keyboard key ([[Template:Key press]]) ===== */
| | == 编辑器 == |
| .keyboard-key {
| |
| display: inline-block;
| |
| position: relative;
| |
| top: -3px;
| |
| border-radius: 4px;
| |
| padding: 0 5px;
| |
| font-family: inherit;
| |
| font-size: 0.86em;
| |
| line-height: 1.25;
| |
| font-weight: normal;
| |
| color: #fff;
| |
| white-space: nowrap;
| |
| background-color: #4f4d4a;
| |
| box-shadow: 0 3px #2f2e2c;
| |
| transform: perspective(42px) rotateX(10deg);
| |
| }
| |
|
| |
|
| /* ===== Table cell templates ([[Template:Yes]], [[Template:No]], [[Template:N/a]]) ===== */
| | */ |
| table.wikitable .table-yes,
| |
| table.wikitable .table-no,
| |
| table.wikitable .table-na {
| |
| vertical-align: middle;
| |
| text-align: center;
| |
| }
| |
| @media screen {
| |
| table.wikitable .table-na {
| |
| color: var(--subdued-text-color);
| |
| }
| |
| }
| |
|
| |
|
| /* ===== Horizontal lists ([[Template:Flatlist]]) ===== */ | | /* 隐藏 编辑器按钮 “切换至富文本编辑器” */ |
| .hlist dl,
| | #editor-switch-button{ |
| .hlist ol,
| | display:none; |
| .hlist ul {
| |
| margin: 0;
| |
| padding: 0;
| |
| }
| |
| .hlist dd,
| |
| .hlist dt,
| |
| .hlist li {
| |
| margin: 0;
| |
| display: inline;
| |
| }
| |
| .hlist dl dl,
| |
| .hlist dl ol,
| |
| .hlist dl ul,
| |
| .hlist ol dl,
| |
| .hlist ol ol,
| |
| .hlist ol ul,
| |
| .hlist ul dl,
| |
| .hlist ul ol,
| |
| .hlist ul ul {
| |
| display: inline;
| |
| }
| |
| .hlist .mw-empty-li {
| |
| display: none;
| |
| }
| |
| .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;
| |
| }
| |
| .hlist dd dd:first-child::before,
| |
| .hlist dd dt:first-child::before,
| |
| .hlist dd li:first-child::before,
| |
| .hlist dt dd:first-child::before,
| |
| .hlist dt dt:first-child::before,
| |
| .hlist dt li:first-child::before,
| |
| .hlist li dd:first-child::before,
| |
| .hlist li dt:first-child::before,
| |
| .hlist li li:first-child::before {
| |
| content: " (";
| |
| font-weight: normal;
| |
| }
| |
| .hlist dd dd:last-child::after,
| |
| .hlist dd dt:last-child::after,
| |
| .hlist dd li:last-child::after,
| |
| .hlist dt dd:last-child::after,
| |
| .hlist dt dt:last-child::after,
| |
| .hlist dt li:last-child::after,
| |
| .hlist li dd:last-child::after,
| |
| .hlist li dt:last-child::after,
| |
| .hlist li li:last-child::after {
| |
| content: ")";
| |
| font-weight: normal;
| |
| }
| |
| .hlist ol {
| |
| counter-reset: listitem;
| |
| }
| |
| .hlist ol > li {
| |
| counter-increment: listitem;
| |
| }
| |
| .hlist ol > li::before {
| |
| content: " " counter(listitem) "\a0";
| |
| }
| |
| .hlist dd ol > li:first-child::before,
| |
| .hlist dt ol > li:first-child::before,
| |
| .hlist li ol > li:first-child::before {
| |
| content: " (" counter(listitem) "\a0";
| |
| } | | } |
|
| |
|
| /* ===== Plain list ([[Template:Plainlist]]) ===== */ | | .mediawiki .mw-body #bodyContent .wikiEditor-ui a, /* 编辑器,白色主题的话链接用蓝色 */ |
| .plainlist ol, | | .mediawiki .mw-body #bodyContent .editOptions a{ |
| .plainlist ul { | | color: royalblue; |
| margin: 0;
| |
| padding: 0;
| |
| line-height: inherit;
| |
| list-style: none;
| |
| }
| |
| .plainlist ol li,
| |
| .plainlist ul li { | |
| margin-bottom: 0;
| |
| } | | } |
|
| |
|
| /* ===== Main page ===== */ | | #editform .booklet.section{ /* 编辑器菜单 如特殊字符、快速插入等子菜单左侧列表的颜色 */ |
| .page-Path_of_Exile_Wiki.action-view .firstHeading,
| | color: black; |
| .page-Path_of_Exile_Wiki.action-submit .firstHeading {
| |
| display: none;
| |
| } | | } |
| .mainpage-header { | | .CodeMirror-scroll{ /* 编辑器背景,不使用纯白 */ |
| margin-bottom: 32px;
| | background: #f5f5f5; |
| text-align: center;
| |
| } | | } |
| .mainpage-header h1 { | | .wikiEditor-ui .wikiEditor-ui-top{ /* 避免深色背景漏出黑边 */ |
| margin-bottom: 20px;
| | background: #f5f5f5; |
| border: none;
| |
| line-height: 1.1 !important;
| |
| color: #ffaf46 !important;
| |
| text-shadow: 0px 0px 10px rgba(209, 28, 0, 1);
| |
| } | | } |
| .mainpage-header .h1-1,
| | /* 编辑器不加载时设置背景 */ |
| .mainpage-header .h1-2 { | | .mediawiki .mw-editform textarea { |
| background: radial-gradient(ellipse at center, rgba(154,2,0,0.9) 0%,rgba(154,2,0,0) 65%,rgba(154,2,0,0) 100%);
| | background: #dddddd; |
| | color: black; |
| } | | } |
| .mainpage-header .h1-1 {
| | /* 更改 */ |
| font-size: 26px;
| | .mediawiki td.diff-addedline.diff-side-added { |
| letter-spacing: 0.07em;
| | color: black; |
| }
| | background: aliceblue; |
| .mainpage-header .h1-2 { | |
| padding: 0 0.2em;
| |
| font-size: 38px;
| |
| font-weight: bold;
| |
| letter-spacing: 0.01em;
| |
| }
| |
| .mainpage-version {
| |
| display: table; | |
| border-collapse: collapse;
| |
| width: 100%;
| |
| }
| |
| .mainpage-version > div {
| |
| display: table-cell;
| |
| vertical-align: middle;
| |
| }
| |
| .mainpage-version > div:first-child {
| |
| width: 100%;
| |
| }
| |
| .mainpage-version > div:last-child {
| |
| text-align: center;
| |
| }
| |
| .mainpage-news {
| |
| margin: -12px -0.7em;
| |
| }
| |
| .mainpage-news > div {
| |
| display: table;
| |
| border-collapse: separate;
| |
| border-spacing: 12px 0.7em;
| |
| }
| |
| .mainpage-news > div > div {
| |
| display: table-row;
| |
| }
| |
| .mainpage-news .date,
| |
| .mainpage-news .title {
| |
| display: table-cell;
| |
| vertical-align: middle;
| |
| }
| |
| .mainpage-news .date > div {
| |
| border-radius: 6px;
| |
| width: 40px;
| |
| height: 40px;
| |
| text-align: center;
| |
| font-size: 122%;
| |
| line-height: 1.1;
| |
| background-color: #332f24; | |
| }
| |
| .mainpage-skills {
| |
| width: 100%;
| |
| text-align: center;
| |
| }
| |
| .mainpage-skills tr + tr td {
| |
| padding-top: 12px;
| |
| }
| |
| .mainpage-equipment {
| |
| width: 100%;
| |
| text-align: center;
| |
| }
| |
| .mainpage-equipment tr + tr td {
| |
| padding-top: 12px;
| |
| }
| |
| .mainpage-acts {
| |
| width: 100%;
| |
| }
| |
| .mainpage-acts td {
| |
| vertical-align: top;
| |
| }
| |
| .mainpage-mechanics {
| |
| width: 100%;
| |
| } | | } |
| .mainpage-mechanics td { | | .mediawiki td.diff-deletedline.diff-side-deleted { |
| vertical-align: top; | | color: black; |
| | background: #fffaed; |
| } | | } |
|
| |
|
|
| |
|
|
| |
|
| | /* |
|
| |
|
| | == 非官方插件 == */ |
| | /* SmartClick css (指 MediaWiki:SmartClick.js) */ |
| | .popover-content{word-break:break-all} |
|
| |
|
|
| |
|
| | /* |
|
| |
|
| | == 特定页面优化 == |
|
| |
|
| | */ |
|
| |
|
| | | /* 特殊页面 */ |
| | | .ns-special h2, |
| | | .ns-special h3, |
| | | .ns-special h4, |
| /* Default style for navigation boxes */ | | .ns-special h5{ |
| .navbox { /* Navbox container style */ | | color: white; |
| box-sizing: border-box;
| |
| border: 1px solid #75511D;
| |
| width: 100%;
| |
| clear: both;
| |
| font-size: 88%;
| |
| text-align: center;
| |
| padding: 1px;
| |
| margin: 1em auto 0; /* Prevent preceding content from clinging to navboxes */
| |
| } | | } |
| .navbox .navbox { | | .ns-special .oo-ui-iconElement-icon, |
| margin-top: 0; /* No top margin for nested navboxes */
| | .ns-special .oo-ui-indicator-down{ |
| | filter: invert(100%) hue-rotate(180deg); |
| } | | } |
| .navbox + .navbox { | | .ns-special .oo-ui-icon-highlight{ /* 最近更改的高亮结果 */ |
| margin-top: -1px; /* Single pixel border between adjacent navboxes */
| | filter:none; |
| }
| |
| .navbox-inner, | |
| .navbox-subgroup {
| |
| width: 100%;
| |
| }
| |
| .navbox-group,
| |
| .navbox-title,
| |
| .navbox-abovebelow {
| |
| padding: 0.25em 1em; /* Title, group and above/below styles */
| |
| line-height: 1.5em;
| |
| text-align: center;
| |
| }
| |
| th.navbox-group { /* Group style */
| |
| white-space: nowrap;
| |
| /* @noflip */
| |
| text-align: right;
| |
| }
| |
| .navbox,
| |
| .navbox-subgroup {
| |
| background: #101010; /* Background color */
| |
| }
| |
| .navbox-list {
| |
| line-height: 1.5em;
| |
| border-color: #101010; /* Must match background color */
| |
| }
| |
| .navbox th,
| |
| .navbox-title {
| |
| background: #141414; /* Level 1 color */
| |
| }
| |
| .navbox-abovebelow,
| |
| th.navbox-group,
| |
| .navbox-subgroup .navbox-title {
| |
| background: #101010; /* Level 2 color */
| |
| }
| |
| .navbox-subgroup .navbox-group,
| |
| .navbox-subgroup .navbox-abovebelow {
| |
| background: #141414; /* Level 3 color */
| |
| }
| |
| .navbox-even {
| |
| background: #101010; /* Even row striping */
| |
| }
| |
| .navbox-odd {
| |
| background: transparent; /* Odd row striping */
| |
| }
| |
| .navbox .hlist td dl,
| |
| .navbox .hlist td ol,
| |
| .navbox .hlist td ul,
| |
| .navbox td.hlist dl,
| |
| .navbox td.hlist ol,
| |
| .navbox td.hlist ul {
| |
| padding: 0.125em 0; /* Adjust hlist padding in navboxes */
| |
| } | | } |
|
| |
|
| /* Default styling for Navbar template */
| |
| .navbar {
| |
| display: inline;
| |
| font-size: 88%;
| |
| font-weight: normal;
| |
| }
| |
| .navbar ul {
| |
| display: inline;
| |
| white-space: nowrap;
| |
| }
| |
| .mw-body-content .navbar ul {
| |
| line-height: inherit;
| |
| }
| |
| .navbar li {
| |
| word-spacing: -0.125em;
| |
| }
| |
| .navbar.mini li abbr[title] {
| |
| font-variant: small-caps;
| |
| border-bottom: none;
| |
| text-decoration: none;
| |
| cursor: inherit;
| |
| }
| |
| /* Navbar styling when nested in infobox and navbox */
| |
| .infobox .navbar {
| |
| font-size: 100%;
| |
| }
| |
| .navbox .navbar {
| |
| display: block;
| |
| font-size: 100%;
| |
| }
| |
| .navbox-title .navbar {
| |
| /* @noflip */
| |
| float: left;
| |
| /* @noflip */
| |
| text-align: left;
| |
| /* @noflip */
| |
| margin-right: 0.5em;
| |
| width: 6em;
| |
| }
| |
|
| |
|
| /* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript | | |
| in [[MediaWiki:Common.js]] are styled here so they can be customised. */
| | /* 特殊:版本 让「解析器扩展标签」正确换行 */ |
| .collapseButton { | | .rootpage-特殊_版本 #mw-content-text{ |
| /* @noflip */
| | line-break: anywhere; |
| float: right;
| |
| font-weight: normal;
| |
| /* @noflip */
| |
| margin-left: 0.5em;
| |
| /* @noflip */
| |
| text-align: right; | |
| width: auto;
| |
| } | | } |
| /* In navboxes, the show/hide button balances the v·d·e links
| | .rootpage-特殊_版本 .wikitable { |
| from [[Template:Navbar]], so they need to be the same width. */
| | line-break: auto; |
| .navbox .collapseButton { | |
| width: 6em; | |
| } | | } |
| | | .rootpage-特殊_版本 p{ |
| /* Styling for JQuery makeCollapsible, matching that of collapseButton */
| | line-break: auto; |
| .mw-collapsible-toggle { | |
| font-weight: normal; | |
| /* @noflip */
| |
| text-align: right;
| |
| } | | } |
| .navbox .mw-collapsible-toggle { | | .rootpage-特殊_版本 div{ |
| width: 6em; | | line-break: auto; |
| }
| |
| .navbox .selflink {
| |
| color:#00B6FF;
| |
| } | | } |
|
| |
|
| /* ===== Multiple column layout for lists ===== */
| |
| .multicol-15 ul,
| |
| .multicol-15 ol {
| |
| column-width: 15em;
| |
| }
| |
|
| |
|
| /* Module:Item acquisition | Template:Item acquisition */ | | /* API页面 背景和基本样式 */ |
| .upgraded-from-set:not(:first-child) td { | | body.mediawiki.mw-special-ApiHelp{ |
| border-top-style: dashed !important;
| | background: blanchedalmond url(https://patchwiki.biligame.com/images/wukong/a/ad/10ndnekw57c9izfsesypo8058t5q5z7.png) !important; |
| border-top-width: 3px !important;
| |
| border-top-color: #111 !important;
| |
| } | | } |
| | | body.mediawiki.mw-special-ApiHelp #bodyContent:before{ |
| /* ===== Skill (Module:Skill) ==== */
| | display:none; |
| | | background:none; |
| /* Template:Skill */
| |
| | |
| .skill-box-page-container { | |
| float: right;
| |
| } | | } |
| | | body.mediawiki.mw-special-ApiHelp h2{ |
| /* resize skill screenshot accordingly */
| | color: black; |
| .skill-box-page-container img { | |
| max-width: 400px;
| |
| height: auto;
| |
| } | | } |
|
| |
|
| .skill-box-table {
| |
| max-width: 400px;
| |
| }
| |
|
| |
|
| /* force the header section to be as small as possible */ | | /* 最近更改页面。页面较宽时,尝试给予最小宽度,来纵向对齐*/ |
| .skill-box-table th { | | @media (min-width: 992px){ |
| width: 1%;
| | .mediawiki .mw-changeslist-line-inner .mw-title { |
| | min-width: 12em; |
| | display: inline-block; |
| | } |
| | .mediawiki .mw-changeslist-links { |
| | min-width: 8em; |
| | } |
| | .mediawiki .mw-usertoollinks.mw-changeslist-links { |
| | min-width: auto; |
| | } |
| | .mediawiki .mw-diff-bytes { |
| | min-width: 5em; |
| | display: inline-block; |
| | } |
| | .mw-special-Recentchanges table span.changedby, .mw-special-Recentchanges .mw-changeslist-line-inner-userLink { |
| | min-width: 13em; |
| | display: inline-block; |
| | } |
| } | | } |
|
| |
|
| .skill-box-table th,.skill-box-table td{ | | /* 最近更改页面,将全角括号改为半角,减小所占空间 */ |
| font-size: 12px; | | .mw-special-Recentchanges .comment--without-parentheses:before, |
| | .mw-special-Recentchanges .mw-changeslist-links:before, |
| | .mw-special-Recentchanges .mw-diff-bytes:before, |
| | .mw-special-Recentchanges .mw-tag-markers:before, |
| | .mw-special-Recentchanges .mw-uctop:before{ |
| | content: '('; |
| } | | } |
| | | .mw-special-Recentchanges .comment--without-parentheses:after, |
| .skill-box-table td[colspan="2"]{ | | .mw-special-Recentchanges .mw-changeslist-links:after, |
| font-size: inherit; | | .mw-special-Recentchanges .mw-diff-bytes:after, |
| | .mw-special-Recentchanges .mw-tag-markers:after, |
| | .mw-special-Recentchanges .mw-uctop:after{ |
| | content: ')'; |
| } | | } |
|
| |
|
| /* ===== Status Infocard (Template:Status) ===== */ | | /* 最近更改页面。页面名显示深蓝色,用户名显示暗金色*/ |
| .status-icon { | | .mw-special-Recentchanges .mw-body #bodyContent .mw-changeslist-links a, |
| height: 96px;
| | .mw-special-Recentchanges .mw-body #bodyContent .mw-changeslist-links a:visited{ |
| | color: cornflowerblue !important; |
| | opacity: 0.85; |
| } | | } |
| .status-icon .image, | | .mediawiki .mw-body #bodyContent a.mw-changeslist-title { /* 最近更改,页面名颜色 */ |
| .status-icon .frame {
| | color: var(--a-hover-color); |
| height: 100%; | |
| } | | } |
| .status-icon .image img { | | .mw-special-Recentchanges .mw-plusminus-neg { /* 最近更改,增减文字的颜色标识 */ |
| margin-top: 16px;
| | color: #ff2929; |
| width: 64px;
| |
| height: 64px;
| |
| } | | } |
| .status-icon .frame { | | .mw-special-Recentchanges .mw-plusminus-pos { /* 最近更改,增减文字的颜色标识 */ |
| margin-top: -96px; | | color: #009a00; |
| } | | } |
| .status-icon .frame img { | | .mediawiki #bodyContent span.mw-rollback-link a { /* 回退按钮颜色 */ |
| width: 98px; | | color: cornflowerblue; |
| height: 96px; | | opacity: 0.85; |
| } | | } |
| | | .mediawiki #bodyContent span.mw-rollback-link a:hover { /* 回退按钮 hover 颜色 */ |
| /* ===== Area Infocard (Template:Area) ==== */ | | color: #cc4b3d; |
| .infocard.area > .topbar > .left,
| | opacity: 1; |
| .infocard.area > .topbar > .right {
| |
| width: 27px; | |
| } | | } |
| | | .mw-special-Recentchanges table span.changedby, |
| /* ===== Module:Passive skill ===== */
| | .mw-special-Recentchanges .mw-changeslist-line-inner-userLink{ |
| | | color: var(--font-color); |
| .passive-line { | |
| display: block;
| |
| } | | } |
| | | .mw-special-Recentchanges table bdi{ |
| .passive-hover { | | color: #bfa61c; |
| display: none;
| |
| position: relative;
| |
| } | | } |
| | | .mw-special-Recentchanges table a bdi{ |
| .passive-hover:hover { | | color: var(--font-color); |
| display: inline;
| |
| } | | } |
| | | span.comment.comment--without-parentheses { /* 最近更改的更改摘要颜色 */ |
| .passive-line:hover .passive-hover { | | color: #a49aff; |
| display: inline;
| |
| } | | } |
|
| |
|
| .passive-icon-container { | | /* 最近更改页面,弱化部分链接,仅鼠标悬浮时,显示 */ |
| position: relative;
| | .mw-changeslist-line:hover { |
| margin: 0px auto;
| | background: #333333; |
| } | | } |
| | | .mw-special-Recentchanges .mw-usertoollinks-talk { /* 隐藏用户讨论页面 */ |
| .passive-icon-frame { | | display: none; |
| position: absolute;
| |
| z-index: 10;
| |
| pointer-events: none;
| |
| } | | } |
| | | .mw-special-Recentchanges .mw-usertoollinks-block{ /* 隐藏封禁页面 */ |
| .passive-icon-container a { | | display: none; |
| position: absolute;
| |
| z-index: 0;
| |
| } | | } |
| | | .mw-special-Recentchanges .mw-usertoollinks.mw-changeslist-links > span:not(:first-child):before { |
| /* sizes of icons have been adjusted to look similar to ingame placement */
| | display: none; /* 隐藏由于上方隐藏按钮多出来的的竖线 */ |
| .passive-icon-type__basic { | |
| width: 60px;
| |
| height: 60px;
| |
| } | | } |
|
| |
|
| .passive-icon-type__basic .passive-icon-frame { | | .mw-special-Recentchanges .mw-changeslist-separator:empty:before{ |
| width: 60px;
| | content: ' '; |
| height: 60px;
| | display: inline-block; |
| background-image: url(/w/images/a/a1/Basic_passive_frame.png);
| |
| background-repeat: round;
| |
| } | | } |
| | | span.mw-rc-unwatched { |
| .passive-icon-type__basic a, .passive-icon-type__basic img{
| | font-weight: bold; |
| left: 10px;
| |
| top: 10px;
| |
| width: 40px;
| |
| height: 40px;
| |
| } | | } |
| | | .mw-special-Recentchanges .mw-changeslist ul, .mw-special-Recentchanges .mw-changeslist table.mw-enhanced-rc { /* 最近更改列表的左侧边距,缩小 */ |
| .passive-icon-type__notable { | | margin-left: 0; |
| width: 100px;
| |
| height: 100px;
| |
| } | | } |
| | | .mw-changeslist { /* 最近更改列表集体左移 缩小文字 */ |
| .passive-icon-type__notable .passive-icon-frame {
| | margin-left: -2em; |
| width: 100px;
| | font-size: 0.9em; |
| height: 100px;
| |
| background-image: url(/w/images/5/50/Notable_passive_frame.png);
| |
| background-repeat: round;
| |
| } | | } |
| | | .mw-changeslist h4 { |
| .passive-icon-type__notable a, .passive-icon-type__notable img{
| | margin-left: 2em; |
| left: 14px;
| |
| top: 14px;
| |
| width: 72px;
| |
| height: 72px;
| |
| } | | } |
|
| |
|
| .passive-icon-type__keystone {
| |
| width: 175px;
| |
| height: 175px;
| |
| }
| |
|
| |
|
| .passive-icon-type__keystone .passive-icon-frame { | | /* == 特殊和其他mw页面中,暗色主题的是适配 == */ |
| width: 175px;
| | .mediawiki .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input{ |
| height: 175px;
| | color: var(--font-color); /* 移动页面表单输入框 */ |
| background-image: url(/w/images/5/5a/Keystone_passive_frame.png);
| |
| background-repeat: round;
| |
| } | | } |
| | | .ns-special select, |
| .passive-icon-type__keystone a, .passive-icon-type__keystone img{ | | .ns-special input, |
| left: 36px;
| | .ns-special textarea{ |
| top: 36px;
| | color: #fff; |
| height: 100px;
| | background: #393939; |
| width: 100px;
| |
| } | | } |
| | | .ns-special .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle{ |
| .passive-icon-type__ascendancy_basic { | | background: var(--bg-color); |
| width: 60px;
| |
| height: 60px;
| |
| } | | } |
| | | .ns-special .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label{ |
| .passive-icon-type__ascendancy_basic .passive-icon-frame { | | color: #fff; |
| width: 60px;
| |
| height: 60px;
| |
| background-image: url(/w/images/f/fa/Ascendancy_basic_passive_frame.png);
| |
| background-repeat: round;
| |
| } | | } |
| | | /* 最近更改页面 */ |
| .passive-icon-type__ascendancy_basic a, .passive-icon-type__ascendancy_basic img{ | | .ns-special .oo-ui-textInputWidget input.oo-ui-inputWidget-input{ |
| left: 10px;
| | color: white; |
| top: 10px;
| | background: var(--bg-color); |
| width: 39px;
| |
| height: 40px;
| |
| } | | } |
| | | .ns-special .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button, |
| .passive-icon-type__ascendancy_notable { | | .ns-special .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover{ |
| width: 100px;
| | color: white; |
| height: 100px;
| | background: var(--bg-color); |
| } | | } |
| | | .ns-special .mw-rcfilters-ui-filterMenuHeaderWidget-header, |
| .passive-icon-type__ascendancy_notable .passive-icon-frame { | | .ns-special .mw-rcfilters-ui-filterMenuSectionOptionWidget{ |
| width: 100px;
| | background: var(--bg-color); |
| height: 100px;
| |
| background-image: url(/w/images/2/26/Ascendancy_notable_passive_frame.png);
| |
| background-repeat: round;
| |
| } | | } |
| | | .mw-rcfilters-ui-filterMenuHeaderWidget-title, |
| .passive-icon-type__ascendancy_notable a, .passive-icon-type__ascendancy_notable img{ | | .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label{ |
| left: 16px;
| | color: white; |
| top: 16px;
| |
| width: 68px;
| |
| height: 68px;
| |
| } | | } |
| | | .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled{ |
| .passive-icon-type__mastery { | | background: var(--bg-color); |
| width: 100px;
| |
| height: 100px;
| |
| } | | } |
| | | .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { |
| .passive-icon-type__mastery .passive-icon-frame { | | border-bottom: 1px solid var(--font-color); |
| width: 100px;
| |
| height: 100px;
| |
| background-image: url(/w/images/1/16/PassiveMasteryConnectedButton.png);
| |
| background-repeat: round;
| |
| } | | } |
| | | .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { |
| .passive-icon-type__mastery a, .passive-icon-type__mastery img{ | | border-top: 2px solid var(--font-color); |
| left: 0px;
| |
| top: 0px;
| |
| width: 100px;
| |
| height: 100px;
| |
| z-index: 11;
| |
| } | | } |
| | | .mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color-none.oo-ui-buttonOptionWidget.oo-ui-buttonElement-active, .mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color-none.oo-ui-buttonOptionWidget.oo-ui-optionWidget-pressed, .mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color-none.oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected{ |
| .mastery_infocard{ | | background: var(--bg-color); |
| width: auto;
| |
| } | | } |
| | | .mw-rcfilters-ui-menuSelectWidget-footer{ |
| .mastery_infocard table{ | | background: var(--bg-color); |
| text-align: left;
| |
| } | | } |
| | | .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget{ |
| /* ===== Support Gem ID template (Template:Id) ===== */
| | color: white; |
| .support-gem-id-red, .support-gem-id-green, .support-gem-id-blue {
| |
| width: 1em;
| |
| color: white !important;
| |
| background-color:#c51e1e;
| |
| display: inline-block;
| |
| text-align: center;
| |
| font-family: var(--default-font);
| |
| text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
| |
| } | | } |
| .support-gem-id-red { background-color:#c51e1e; }
| |
| .support-gem-id-green { background-color:#08a842; }
| |
| .support-gem-id-blue { background-color:#4163c9; }
| |
|
| |
|
| /* ===== Module:Util ===== */
| |
|
| |
|
| .module-error {
| |
| border-width: 1px;
| |
| border-style: solid;
| |
| border-color: #7d1e1e;
| |
| padding: 0.1em 0.25em;
| |
| }
| |
|
| |
|
| /* ===== Module:Quest & Template:Quest ===== */ | | /* 特殊页面 */ |
| | | .ns-special .mw-datatable th{ /* 特殊:追踪分类 表头*/ |
| .quest-table { | | color:black; |
| width:300px;
| |
| color: #bfbfbf;
| |
| float:right;
| |
| padding:0.1em;
| |
| background-color:#1a1812;
| |
| margin: 0px 0px 5px 5px;
| |
| } | | } |
| | | .ns-special .mw-widget-dateInputWidget-handle label{ /* 特殊:用户贡献 日期筛选*/ |
| .quest-table td.quest-table-iconbox { | | color:black; |
| text-align:center;
| |
| font-size:20px;
| |
| font-weight:bold;
| |
| } | | } |
|
| |
|
| .quest-table td.quest-table-iconbox img {
| | #mw-indicator-mw-helplink .mw-helplink{/* 特殊页面右上角的问号帮助 */ |
| width: 100px;
| | filter: invert(100%) hue-rotate(180deg); |
| height: 100px;
| | color: var(--bg-color); |
| } | | } |
| | | #pt-notifications-alert .oo-ui-labelElement .oo-ui-labelElement-label, .oo-ui-labelElement.oo-ui-labelElement-label{ |
| .quest-table th { | | color:var(--font-color); |
| text-align: right;
| |
| font-weight: bold;
| |
| background-color: #332f24;
| |
| } | | } |
|
| |
|
| .quest-table td { | | /* 参数设置 */ |
| text-align: center;
| | .ns-special .mw-prefs-buttons{ |
| background-color: #26231b;
| | background: var(--bg-color); |
| } | | } |
| | | .ns-special .oo-ui-tabSelectWidget-framed{ |
| .quest-table td img { | | background: var(--bg-color); |
| max-width: 200px;
| |
| height: auto;
| |
| } | | } |
| | | .ns-special .oo-ui-tabOptionWidget > .oo-ui-labelElement-label{ |
| /* ===== Template:SMQ query mods (from Module:SMW query) ===== */
| | color: white; |
| | |
| .mod-table { | |
| width: 100%;
| |
| margin: 0px !important;
| |
| } | | } |
| .mod-table-header { | | .ns-special .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, |
| width: 100%;
| | .ns-special .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected span{ |
| | background: #d0d0d0; |
| | color: black; |
| } | | } |
| .mod-table-header .mw-collapsible-toggle {
| |
|
| |
|
| | /* 特殊 通知 */ |
| | .ns-special .mw-echo-ui-notificationsInboxWidget-toolbarWrapper, |
| | .ns-special .mw-echo-ui-notificationsInboxWidget-main .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button{ |
| | background: var(--bg-color) !important; /* 原css滥用了important */ |
| } | | } |
| .mod-table-header-container { | | .ns-special .mw-echo-ui-notificationsInboxWidget-main .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button{ |
| display: table;
| | color:var(--font-color) !important; |
| } | | } |
| .mod-table-header-stat { | | .ns-special .mw-echo-ui-notificationItemWidget{ |
| display: table-cell;
| | background: var(--bg-color) !important; |
| vector-effect: middle;
| |
| text-align: left;
| |
| width: 100%;
| |
| } | | } |
| .mod-table-header-modgroup { | | .ns-special .mw-echo-ui-notificationItemWidget *{ |
| display: table-cell;
| | color:var(--font-color) !important; |
| vector-effect: middle;
| |
| text-align: right;
| |
| padding-right: 1em;
| |
| } | | } |
| .mod-table-cell-name { | | /* 编辑原始监视列表 */ |
| width: 9em;
| | .mediawiki .oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input{ |
| min-width: 9em;
| | background: var(--bg-color); |
| max-width: 9em;
| | color:var(--font-color); |
| } | | } |
| .mod-table-cell-level { | | /* 特殊:监视列表 */ |
| width: 1.4em;
| | .ns-special .mw-rcfilters-ui-itemMenuOptionWidget-label-title, |
| min-width: 1.4em;
| | .ns-special .mw-rcfilters-ui-itemMenuOptionWidget-label-desc{ |
| max-width: 1.4em;
| | color:var(--font-color); |
| }
| |
| .mod-table-cell-stat {
| |
| width: 32em;
| |
| min-width: 32em;
| |
| max-width: 32em;
| |
| }
| |
| .mod-table-cell-tags {
| |
| width: 100%;
| |
| } | | } |
|
| |
|
| /* | | /* api沙盒*/ |
| Atlas of Worlds
| | .ns-special .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled, |
| Template:Atlas of Worlds
| | .ns-special .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle, |
| Widget:Atlas of Worlds
| | .ns-special .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle{ |
| */ | | background: var(--bg-color); |
| | |
| .atlas_of_worlds { | |
| position: relative;
| |
| } | | } |
| | | .ns-special .mw-apisandbox-toolbar{ |
| .atlas_of_worlds .atlas_table { | | background: unset; |
| display: none;
| |
| } | | } |
| | | .ns-special .oo-ui-labelWidget.oo-ui-inline-help{ |
| canvas#atlas_of_worlds {
| | color:var(--font-color); |
| background-image: url(/w/images/b/b8/Atlas_of_Worlds_background.jpg);
| |
| } | | } |
| | | .ns-special .oo-ui-toggleSwitchWidget{ |
| .atlas_of_worlds .region_button { | | background: unset; |
| position: absolute;
| |
| width: max-content;
| |
| } | | } |
| | | /* 替换页面 */ |
| .atlas_of_worlds .map_container { | | .ns-special .ext-replacetext-searchoptions{ |
| position: absolute;
| | background: unset; |
| } | | } |
| | | /* 所有信息 */ |
| .atlas_of_worlds .map_name, .atlas_of_worlds .map_tier, .atlas_of_worlds .map_drop { | | .ns-special #mw-allmessagestable tbody:hover td{ |
| text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
| | background-color:#373737; |
| text-align: center;
| |
| } | | } |
| | | /* 特殊 询问*/ |
| .atlas_of_worlds .map_name, .atlas_of_worlds .map_tier { | | .ns-special .smw-ask-options-row-odd, |
| font-weight: bold;
| | .ns-special .smw-ask-options-row-even, |
| position: absolute;
| | .ns-special .smw-ask-toplinks{ |
| | background: unset; |
| } | | } |
| | | .ns-special .smw-tabs input.nav-tab:checked + label.nav-label{ |
| .atlas_of_worlds .map_name { | | color:var(--font-color); |
| top: -37px;
| |
| width: 200px;
| |
| left: -80px;
| |
| } | | } |
| | | .ns-special .smw-icon-compact, |
| .atlas_of_worlds .map_tier { | | .ns-special .smw-icon-info{ |
| top: 18px;
| | filter: invert(100%) hue-rotate(180deg); |
| /* horizontal align works better with 38px instead of 39 */
| |
| width: 38px;
| |
| } | | } |
| | | /* 管理评论 */ |
| .atlas_of_worlds .map_icon {
| | .mw-special-FlowThreadManage button{ |
| background-image: url(/w/images/9/98/Map_base_icon.png);
| | color:black; |
| background-size: cover;
| |
| top: -18px;
| |
| position:absolute;
| |
| } | | } |
|
| |
|
| .atlas_of_worlds .map_icon, .atlas_of_worlds .map_icon img {
| |
| width: 39px;
| |
| height: 39px;
| |
| }
| |
|
| |
|
| .atlas_of_worlds .map_drop_container { | | /* 特殊页面页面细节 */ |
| width: max-content;
| | .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, |
| height: max-content;
| | .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, |
| | .mw-rcfilters-ui-savedLinksListItemWidget:hover, |
| | .mw-rcfilters-ui-savedLinksListItemWidget-label, |
| | .oo-ui-popupWidget-popup, |
| | .oo-ui-menuSelectWidget, |
| | .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget, |
| | .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, |
| | .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled{ |
| | background: var(--bg-color); |
| | color: white; |
| } | | } |
|
| |
|
| .atlas_of_worlds .map_drop img { | | .updatedmarker{ |
| display: block;
| | color: var(--bg-color); |
| } | | } |
| | | .diffchange.diffchange-inline, |
| .atlas_of_worlds .map_drop { | | .diffchange{ |
| display: none;
| | color:var(--bg-color); |
| z-index: 2;
| |
| } | | } |
|
| |
|
| .atlas_of_worlds .map_container:hover .map_drop {
| |
| display: block;
| |
| position: relative;
| |
| float: right;
| |
| top: 38px;
| |
| left: -50%;
| |
| }
| |
|
| |
|
| .atlas_of_worlds .low_tier {
| | #filetoc{ |
| color: rgb(255, 255, 255);
| | background-color: transparent; |
| } | | } |
| | | .mw-userrights-groups label{ |
| .atlas_of_worlds .mid_tier {
| | color: white; |
| color: rgb(255, 210, 100);
| |
| } | | } |
|
| |
|
| .atlas_of_worlds .high_tier { | | .mw-search-profile-tabs, |
| color: rgb(240, 30, 10);
| | #mw-searchoptions{ |
| | background: inherit; |
| } | | } |
|
| |
|
| .low_tier .map_icon img:not(.low_tier) { | | /* 搜索结果页面的输入框下的自动列表 */ |
| display: none;
| | .mediawiki .oo-ui-defaultOverlay a{ |
| | color: var(--a-color); |
| } | | } |
| | | .mediawiki .oo-ui-defaultOverlay a:hover{ |
| .mid_tier .map_icon img:not(.mid_tier) { | | color: var(--a-hover-color); |
| display: none;
| |
| } | | } |
|
| |
|
| .high_tier .map_icon img:not(.high_tier) { | | /* 创建模版页面 */ |
| display: none;
| | .fieldBox{ |
| | background: inherit; |
| } | | } |
| | | /* 特殊:滥用日志 */ |
| /* | | .mw-widgets-datetime-dateTimeInputWidget-handle{ |
| Monster Javascript infobox styles
| | background: inherit; |
| | |
| Template:Monster
| |
| Widget:Monster
| |
| */ | |
| | |
| /*
| |
| Layout is nested in multiple tables
| |
| | |
| table.monster_container
| |
| - tr.monster (one each per monster)
| |
| -- table.monster_info_container
| |
| --- tr.monster_name
| |
| --- tr.controls
| |
| ---- table.controls
| |
| --- tr.monster_table
| |
| ---- table.monster_table
| |
| --- tr.monster_stats | |
| ---- table.monster_stts
| |
| */
| |
| | |
| table.monster_container {
| |
| width: 800px !important;
| |
| float: right;
| |
| } | | } |
| | | .ns-special .mw-widgets-datetime-calendarWidget{ |
| tr.monster td {
| | background: var(--bg-color); |
| width: 800px;
| |
| } | | } |
| | | .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active, |
| .monster_info_container { | | .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select{ |
| border-collapse: collapse;
| | background: var(--bg-color); |
| | color: var(--font-color); |
| } | | } |
|
| |
|
| .monster_info_container > tbody > tr > td, .monster_info_container > tbody > tr > th { | | /* 历史页面 */ |
| padding: 0px; | | .mediawiki #pagehistory li.selected { |
| | background: #444444; |
| | color: inherit; |
| | outline: 1px dashed #767676; |
| } | | } |
|
| |
|
| tr.monster_name {
| | .mediawiki .mw-echo-ui-placeholderItemWidget { |
| border: solid white 1px;
| | background-color: #3d3d3d; |
| } | | } |
|
| |
|
| tr.monster_name th {
| | /*跳转引文时,引文高亮色*/ |
| | ol.references li:target, sup.reference:target { |
| | background-color: #434343; |
| } | | } |
|
| |
|
| | | /* 版主页面的冲突词条背景 */ |
| .monster_info_container table { | | .mediawiki .modconflict { |
| padding: 0px;
| | background-color: #ffaaaa70; |
| margin: 0px;
| |
| width: 100%;
| |
| } | | } |
|
| |
|
| .controls th {
| |
| min-width: max-content;
| |
| }
| |
|
| |
|
| .controls td {
| |
| width: 100%;
| |
| }
| |
|
| |
|
| .controls input:not([type="checkbox"]), select {
| |
| width: 100%;
| |
| }
| |
|
| |
|
| /*
| |
| Module:Minimap
| |
| */
| |
|
| |
|
| .minimap_icon { | | /* == 响应式修复 == */ |
| background-image: url(/w/images/1/18/Minimap_icons.png);
| | /* 避免顶部导航超宽 */ |
| background-repeat: no-repeat;
| | .mediawiki .bili-game-header-nav .bili-game-header-nav-bar { |
| background-position: top left;
| | min-width: auto; |
| display: inline-block;
| | max-width: 100%; |
| | margin: 0 auto; |
| | padding: 0; |
| } | | } |
| | | @media (min-width: 768px) { |
| .minimap_icon.minimap_grid { | | .mediawiki .bili-game-header-nav .bili-game-header-nav-main { |
| display: grid;
| | width: auto; |
| | max-width: 750px; |
| | } |
| } | | } |
| | | @media (min-width: 992px) { |
| /* Used by both inline boxes and grid cells in the overall display */
| | .mediawiki .bili-game-header-nav .bili-game-header-nav-main { |
| .minimap_64 { | | width: auto; |
| width: 64px;
| | max-width: 970px; |
| height: 64px;
| | } |
| } | | } |
| | | @media (min-width: 1200px) { |
| .minimap_32 { | | .mediawiki .bili-game-header-nav .bili-game-header-nav-main { |
| width: 32px;
| | width: auto; |
| height: 32px;
| | max-width: 1160px; |
| | } |
| } | | } |
|
| |
|
| .minimap_16 { | | /* 避免底部页脚超宽 */ |
| width: 16px;
| | .mediawiki .footer-public .footer-box { |
| height: 16px;
| | max-width: 100%; |
| | width: auto; |
| } | | } |
|
| |
|
| /* For the inline infoboxes */ | | /* 页面边距调整,避免超宽 */ |
| .minimap_icon.minimap_64 { | | @media (min-width: 768px) { |
| background-size: 896px auto;
| | .game-bg { |
| | padding: 0 6px 100px; |
| | padding: 0 min(calc((100% - 750px) / 2), 60px) 100px; |
| | } |
| } | | } |
| | | @media (min-width: 992px) { |
| .minimap_icon.minimap_32 { | | .game-bg { |
| background-size: 448px auto;
| | padding: 0 6px 100px; |
| | padding: 0 min(calc((100% - 970px) / 2), 60px) 100px; |
| | } |
| } | | } |
| | | @media (min-width: 1200px) { |
| .minimap_icon.minimap_16 {
| | .game-bg { |
| background-size: 224px auto;
| | padding: 0 6px 100px; |
| }
| | padding: 0 min(calc((100% - 1160px) / 2), 60px) 100px; |
| | | } |
| .minimap_icon.tooltip-activator,.minimap_icon .tooltip-activator {
| |
| border: none;
| |
| }
| |
| | |
| /* ===== Helpers ===== */
| |
| | |
| /* Clearfix */
| |
| .clearfix::after {
| |
| content: ""; | |
| display: table;
| |
| clear: both;
| |
| }
| |
| | |
| .u-truncate-line { | |
| display: block !important;
| |
| overflow: hidden !important;
| |
| text-overflow: ellipsis !important;
| |
| white-space: nowrap !important; | |
| } | | } |