|
|
| （未显示同一用户的37个中间版本） |
| 第1行： |
第1行： |
| /* | | /* 全站CSS，对所有用户加载。*/ |
| * This stylesheet is always loaded, regardless of which theme is selected.
| |
| *
| |
| * Theme styles should go in [[MediaWiki:Vector.css]].
| |
| */
| |
|
| |
|
| /* | | /* 参考bwiki |
| * 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);
| |
| --poe-color-cold: rgb(54,100,146);
| |
| --poe-color-lightning: rgb(255,215,0);
| |
| --poe-color-chaos: rgb(208,32,144);
| |
| --poe-color-augmented: rgb(136,136,255);
| |
| --poe-color-crafted: rgb(184,218,242);
| |
| --poe-color-fractured: rgb(162,145,98);
| |
| --poe-color-enchanted: rgb(184,218,242);
| |
| --poe-color-hellscaped: rgb(255,110,37);
| |
| --poe-color-allocatedcruciblemod: rgb(255,115,57);
| |
| --poe-color-unmet: rgb(210,0,0);
| |
| --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;
| | cursor: url("https://patchwiki.biligame.com/images/wukong/b/bb/sb51zsgl3cjtl7eapbp6f8q651rtyn0.png"),auto; |
| flex-wrap: wrap;
| |
| clear: both;
| |
| margin-left: -16px;
| |
| }
| |
| .o-flex-grid__item {
| |
| display: flex;
| |
| box-sizing: border-box;
| |
| overflow: hidden;
| |
| flex: 0 0 auto;
| |
| margin-bottom: 16px;
| |
| padding-left: 16px;
| |
| width: 100%;
| |
| }
| |
| .o-flex-grid__inner {
| |
| flex: 0 1 100%; | |
| margin: 0 !important;
| |
| }
| |
| @media screen and (min-width: 45em) {
| |
| .o-flex-grid--c2\@sm > .o-flex-grid__item {
| |
| width: 50%;
| |
| }
| |
| }
| |
| @media screen and (min-width: 60em) {
| |
| .o-flex-grid--c2\@md > .o-flex-grid__item {
| |
| width: 50%;
| |
| }
| |
| .o-flex-grid--c3\@md > .o-flex-grid__item {
| |
| 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) {
| |
| .o-flex-grid--c2\@lg > .o-flex-grid__item {
| |
| width: 50%;
| |
| }
| |
| .o-flex-grid--c4\@lg > .o-flex-grid__item {
| |
| width: 25%;
| |
| }
| |
| } | | } |
| | /* ==[[模板:黑幕]]== */ |
| | .heimu,.heimu a:link,.heimu a:visited,.heimu a.external:visited,.heimu rt{background-color:#000;color:#000} |
| | .heimu:hover,.heimu:hover rt{-webkit-animation:heimugc 0.5s forwards;animation:heimugc 0.5s forwards;} |
| | .heimu:hover a:link,.heimu:hover a:visited{-webkit-animation:heimulinkgc 0.5s forwards;animation:heimulinkgc 0.5s forwards;} |
| | @-webkit-keyframes heimugc{to{color:#FFF}} |
| | @keyframes heimugc{to{color:#FFF}} |
| | @-webkit-keyframes heimulinkgc{to{color:#3B8BFF}} |
| | @keyframes heimulinkgc{to{color:#3B8BFF}} |
| | /* --[[模板:黑幕]]-- */ |
|
| |
|
| /* ===== Content blocks ===== */ | | /* 赛季首页专用样式 v2.0 (2025-04-13) */ |
| .c-cblock { | | /* == 基础样式模块 == */ |
| overflow: hidden; | | .season-block { |
| margin: 6px 0; | | position: relative; |
| border: 1px solid #2c2b2b; | | padding: 15px 20px 15px 35px; |
| | margin-bottom: 25px; |
| border-radius: 4px; | | border-radius: 4px; |
| padding: 8px 16px;
| | background: rgba(255,255,255,0.95); |
| background-color: #141414; | | box-shadow: 0 2px 5px rgba(0,0,0,0.08); |
| }
| | transition: transform 0.2s ease; |
| .c-cblock--violet { | |
| border-color: #585477;
| |
| background-color: #151517;
| |
| }
| |
| .c-cblock--gold {
| |
| border-color: #75693c; | |
| background-color: #1c1b19;
| |
| }
| |
| .c-cblock > *:first-child {
| |
| margin-top: 0 !important;
| |
| }
| |
| .c-cblock hr {
| |
| clear: both;
| |
| margin: 16px 0;
| |
| background-color: #2c2b2b !important;
| |
| }
| |
| .c-cblock--violet hr {
| |
| background-color: #585477 !important;
| |
| }
| |
| .c-cblock--gold hr {
| |
| background-color: #75693c !important;
| |
| }
| |
| .c-cblock h2,
| |
| .c-cblock h3,
| |
| .c-cblock h4,
| |
| .c-cblock h5,
| |
| .c-cblock h6 { | |
| border: none;
| |
| }
| |
| | |
| /* ===== Basic tooltips ([[Template:Tooltip]]) ===== */
| |
| .tooltip {
| |
| border-bottom: 1px dotted;
| |
| cursor: help; | |
| } | | } |
|
| |
|
| /* ===== Hoverbox ([[Template:Hoverbox]], [[Template:Item link]]) ===== */
| | .decorative-line { |
| .hoverbox { | |
| display: inline-block;
| |
| }
| |
| .hoverbox__display {
| |
| display: block;
| |
| visibility: hidden;
| |
| opacity: 0;
| |
| position: absolute; | | position: absolute; |
| padding: 8px; | | left: 0; |
| transition: opacity 0.25s;
| | top: 50%; |
| }
| | transform: translateY(-50%); |
| .hoverbox__display.is-visible {
| | width: 5px; |
| visibility: visible; | | height: 90%; |
| opacity: 1; | | border-radius: 2px; |
| }
| | background: #E67E22; |
| .hoverbox__activator {
| |
| display: inline; | |
| }
| |
| .hoverbox__icon {
| |
| vertical-align: -0.125em; | |
| }
| |
| .hoverbox-display-container {
| |
| position: fixed;
| |
| z-index: 9999; | |
| width: 100%; | |
| } | | } |
|
| |
|
| /* ===== Tooltip hoverbox ([[Template:Hoverbox]]) ===== */ | | .color-system-1 .decorative-line { background: #E67E22; } /* 物品系统橙色 */ |
| .c-tooltip__activator { | | .color-system-2 .decorative-line { background: #3498DB; } /* 游戏机制蓝色 */ |
| position: relative;
| | .color-system-3 .decorative-line { background: #2ECC71; } /* 职业体系绿色 */ |
| border-bottom: 1px dotted;
| | .color-system-4 .decorative-line { background: #9B59B6; } /* 终局内容紫色 */ |
| cursor: help;
| |
| } | |
| .c-tooltip__display { | |
| 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]]) ===== */
| | .season-block:hover { |
| .accordion__toggle button { | | transform: translateX(5px); |
| position: relative;
| |
| box-sizing: unset;
| |
| 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 {
| |
| content: "";
| |
| 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 {
| |
| transform: rotate(0.25turn); | |
| }
| |
| .accordion__toggle + .accordion__panel {
| |
| overflow: hidden;
| |
| margin-left: 1.6em;
| |
| 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,
| |
| .accordion__controls button:focus {
| |
| text-decoration: underline;
| |
| }
| |
| .accordion__controls button:active {
| |
| color: var(--link-active-color);
| |
| } | | } |
|
| |
|
| /* ===== Modifier compatibility ([[Template:Modifier compatibility]]) ===== */
| | .season-block h3 { |
| @media screen and (min-width: 80em) {
| | margin: 0 0 12px 0; |
| .mod-compat__section { | | padding-bottom: 8px; |
| display: grid;
| | border-bottom: 1px solid rgba(0,0,0,0.1); |
| grid-template-columns: 1fr 1fr;
| |
| column-gap: 1.6em;
| |
| }
| |
| .mod-compat__section-heading {
| |
| grid-column-start: span 2;
| |
| }
| |
| } | | } |
| .mod-compat__gentype-header {
| | /* 链接动态下划线 */ |
| margin: 1em 0;
| | .season-nav a { |
| }
| | position: relative; |
| .mod-compat__gentype-heading {
| | padding-bottom: 2px; |
| font-size: 1.1em;
| |
| font-weight: bold;
| |
| }
| |
| .mod-compat__group-list {
| |
| background-color: #1c1b19;
| |
| }
| |
| .mod-compat__group {
| |
| border-bottom: 1px solid #383736;
| |
| margin: 0.5em 0 1em;
| |
| }
| |
| .mod-compat__group:last-child {
| |
| border-bottom: none;
| |
| }
| |
| .mod-compat__group-label {
| |
| margin-bottom: 0.2em;
| |
| font-size: 11px;
| |
| color: #757169;
| |
| }
| |
| .mod-compat__type-list {
| |
| margin: 0 0 0.5em;
| |
| }
| |
| .mod-compat__type-summary {
| |
| margin-bottom: 0.25em;
| |
| }
| |
| .mod-compat__type-details .modifier-table {
| |
| margin-top: 0;
| |
| }
| |
| .modifier-table__tag-list {
| |
| display: flex;
| |
| flex-wrap: wrap;
| |
| align-content: center;
| |
| 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]]) ==== */
| | .season-nav a::after { |
| .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 {
| |
| float: right;
| |
| clear: right;
| |
| 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 {
| |
| padding-top: 1.0em;
| |
| }
| |
| .info-card__body .block:last-child {
| |
| padding-bottom: 1.0em;
| |
| }
| |
| | |
| /* ===== Disambiguation ([[Template:Disambiguation]]) ===== */
| |
| .dmbox {
| |
| display: flex;
| |
| align-items: center;
| |
| clear: both;
| |
| margin: 1em;
| |
| border-width: 1px 0;
| |
| border-style: solid;
| |
| border-color: #474233;
| |
| padding: 0.4em;
| |
| }
| |
| .dmbox-image {
| |
| margin-right: 0.4em;
| |
| }
| |
| | |
| /* ===== Discussion closed ([[Template:Discussion top]], [[Template:Discussion bottom]]) ===== */
| |
| .c-dcbox {
| |
| margin: 6px 0;
| |
| border: 1px solid #2c2b2b;
| |
| 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]]) ===== */
| |
| .bqbox {
| |
| margin: 6px 1em;
| |
| border: 1px solid #293137;
| |
| border-radius: 4px;
| |
| padding: 6px 1em;
| |
| background-color: #141517;
| |
| }
| |
| | |
| /* ===== Pull quote ([[Template:Pullquote]]) ===== */
| |
| .pull-quote {
| |
| display: table;
| |
| margin: 1em auto;
| |
| min-width: 25%;
| |
| }
| |
| .pull-quote > .quotation { | |
| margin: 0 auto;
| |
| 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,
| |
| .pull-quote.-aligncenter > .citation {
| |
| text-align: center;
| |
| }
| |
| .pull-quote > .citation > cite {
| |
| font-style: inherit;
| |
| }
| |
| .pull-quote > .citation::before {
| |
| content: "— ";
| |
| }
| |
| @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]]) ===== */
| |
| ol.references,
| |
| div.reflist,
| |
| div.refbegin {
| |
| font-size: 90%;
| |
| margin-bottom: 0.5em;
| |
| }
| |
| div.refbegin-100 {
| |
| 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;
| |
| }
| |
| .citation {
| |
| overflow-wrap: break-word;
| |
| }
| |
| .citation .printonly {
| |
| display: none;
| |
| }
| |
| | |
| /* ===== Semantic text formatting, aka "text colors" ([[Template:C]]) ===== */
| |
| .tc {
| |
| font-style: normal;
| |
| }
| |
| em.tc {
| |
| font-style: normal;
| |
| }
| |
| em.tc.-i {
| |
| font-style: italic;
| |
| }
| |
| .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 {
| |
| color: magenta;
| |
| }
| |
| /* Used in legacy variant tables. */
| |
| .tc.-not {
| |
| 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 {
| |
| display: inline-block;
| |
| 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 {
| |
| background-position: calc(-2em * 1) calc(-1.5577em * 0);
| |
| }
| |
| .glyph.hbgac {
| |
| background-position: calc(-2em * 2) calc(-1.5577em * 0);
| |
| }
| |
| .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]]) ===== */
| |
| .mon-cat {
| |
| 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 {
| |
| display: flex;
| |
| flex-direction: column;
| |
| float: right;
| |
| clear: right;
| |
| margin-left: 14px;
| |
| }
| |
| .item-infobox__navbar {
| |
| display: inline-block;
| |
| margin: 0;
| |
| text-align: right;
| |
| line-height: unset;
| |
| }
| |
| .infobox-page-container > .item-box {
| |
| margin-bottom: 1em;
| |
| }
| |
| .infobox-page-container em.header {
| |
| font-style: normal;
| |
| font-weight: bold;
| |
| font-size: 1.3em;
| |
| display: inline-block;
| |
| margin-bottom: 0.5em;
| |
| }
| |
| .infobox-disabled-drop {
| |
| color: red;
| |
| font-weight: bold;
| |
| }
| |
| | |
| /* ===== Item box ([[Template:Item]]) ===== */
| |
| .item-box {
| |
| display: inline-block;
| |
| box-sizing: border-box;
| |
| border-width: 1px;
| |
| 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,
| |
| .item-box a:active {
| |
| color: unset;
| |
| }
| |
| .item-box.-normal {
| |
| border-color: var(--poe-color-normal);
| |
| }
| |
| .item-box.-magic {
| |
| border-color: var(--poe-color-magic);
| |
| }
| |
| .item-box.-rare {
| |
| border-color: var(--poe-color-rare);
| |
| }
| |
| .item-box.-unique {
| |
| border-color: var(--poe-color-unique);
| |
| }
| |
| .item-box.-currency {
| |
| border-color: var(--poe-color-currency);
| |
| }
| |
| .item-box.-gem {
| |
| border-color: var(--poe-color-gem);
| |
| }
| |
| .item-box.-quest {
| |
| border-color: var(--poe-color-quest);
| |
| }
| |
| .item-box.-prophecy {
| |
| border-color: var(--poe-color-prophecy);
| |
| }
| |
| .item-box.-foil {
| |
| border-color: var(--poe-color-uniquefoil);
| |
| }
| |
| .item-box.-necropolis {
| |
| border-color: rgb(52,58,64);
| |
| }
| |
| .item-box > .header {
| |
| display: block;
| |
| overflow: hidden;
| |
| position: relative;
| |
| text-overflow: ellipsis;
| |
| white-space: nowrap;
| |
| font-size: 20px;
| |
| background-repeat: no-repeat, no-repeat, repeat-x;
| |
| }
| |
| .item-box > .header > .symbol {
| |
| content: ""; | | content: ""; |
| display: block;
| |
| position: absolute; | | position: absolute; |
| top: 0; | | bottom: 0; |
| background-position: center;
| | left: 50%; |
| background-repeat: no-repeat;
| | width: 0; |
| }
| | height: 1px; |
| .item-box > .header > .symbol:first-child {
| | background: currentColor; |
| left: 0; | | transition: all 0.3s; |
| }
| |
| .item-box > .header > .symbol:last-child {
| |
| right: 0;
| |
| }
| |
| .item-box > .header > .symbol.-shaper {
| |
| /* [[File:Shaper-item-symbol.png]] */
| |
| background-image: url(/w/images/5/55/Shaper-item-symbol.png);
| |
| }
| |
| .item-box > .header > .symbol.-elder {
| |
| /* [[File:Elder-item-symbol.png]] */
| |
| background-image: url(/w/images/1/1b/Elder-item-symbol.png);
| |
| }
| |
| .item-box > .header > .symbol.-crusader {
| |
| /* [[File:Crusader-item-symbol.png]] */
| |
| 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);
| |
| }
| |
| .item-box > .header > .symbol.-hunter {
| |
| /* [[File:Hunter-item-symbol.png]] */
| |
| background-image: url(/w/images/a/a8/Hunter-item-symbol.png);
| |
| }
| |
| .item-box > .header > .symbol.-warlord {
| |
| /* [[File:Warlord-item-symbol.png]] */
| |
| background-image: url(/w/images/f/f1/Warlord-item-symbol.png);
| |
| }
| |
| .item-box > .header > .symbol.-veiled {
| |
| /* [[File:Veiled-item-symbol.png]] */
| |
| background-image: url(/w/images/f/fd/Veiled-item-symbol.png);
| |
| }
| |
| .item-box > .header > .symbol.-fractured {
| |
| /* [[File:Fractured-item-symbol.png]] */
| |
| background-image: url(/w/images/9/97/Fractured-item-symbol.png);
| |
| }
| |
| .item-box > .header > .symbol.-synthesised {
| |
| /* [[File:Synthesised-item-symbol.png]] */
| |
| background-image: url(/w/images/4/4c/Synthesised-item-symbol.png);
| |
| }
| |
| .item-box > .header > .symbol.-searingexarch {
| |
| /* [[File:Searing-exarch-item-symbol.png]] */
| |
| background-image: url(/w/images/c/c2/Searing-exarch-item-symbol.png);
| |
| }
| |
| .item-box > .header > .symbol.-eaterofworlds {
| |
| /* [[File:Eater-of-worlds-item-symbol.png]] */
| |
| background-image: url(/w/images/a/a2/Eater-of-worlds-item-symbol.png);
| |
| }
| |
| .item-box > .header > .symbol.-replica {
| |
| /* [[File:Replica-item-symbol.png]] */
| |
| background-image: url(/w/images/5/50/Replica-item-symbol.png);
| |
| }
| |
| .item-box.-normal > .header {
| |
| color: var(--poe-color-normal);
| |
| }
| |
| .item-box.-magic > .header {
| |
| color: var(--poe-color-magic);
| |
| }
| |
| .item-box.-rare > .header {
| |
| color: var(--poe-color-rare);
| |
| }
| |
| .item-box.-unique > .header {
| |
| color: var(--poe-color-unique);
| |
| }
| |
| .item-box.-currency > .header {
| |
| color: var(--poe-color-currency);
| |
| }
| |
| .item-box.-gem > .header {
| |
| color: var(--poe-color-gem);
| |
| }
| |
| .item-box.-quest > .header {
| |
| color: var(--poe-color-quest);
| |
| }
| |
| .item-box.-prophecy > .header {
| |
| color: var(--poe-color-prophecy);
| |
| }
| |
| .item-box.-foil > .header {
| |
| color: var(--poe-color-uniquefoil);
| |
| }
| |
| .item-box.-necropolis > .header {
| |
| color: rgb(181,168,144);
| |
| }
| |
| .item-box > .header.-single {
| |
| /* [[File:Item-ui-header-single.png]] */
| |
| 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);
| |
| }
| |
| .item-box > .header.-single {
| |
| padding: 3px 32px;
| |
| height: 28px;
| |
| line-height: 25px;
| |
| }
| |
| .item-box > .header.-single > .symbol {
| |
| width: 32px;
| |
| height: 34px;
| |
| }
| |
| .item-box.-normal > .header.-single {
| |
| background-position: left 0, right -68px, center -34px;
| |
| }
| |
| .item-box.-magic > .header.-single {
| |
| background-position: left -102px, right -170px, center -136px;
| |
| }
| |
| .item-box.-currency > .header.-single {
| |
| background-position: left -204px, right -272px, center -238px;
| |
| }
| |
| .item-box.-gem > .header.-single {
| |
| background-position: left -306px, right -374px, center -340px;
| |
| }
| |
| .item-box.-quest > .header.-single {
| |
| background-position: left -408px, right -476px, center -442px;
| |
| }
| |
| .item-box.-prophecy > .header.-single {
| |
| background-position: left -510px, right -578px, center -544px;
| |
| }
| |
| .item-box.-necropolis > .header.-single {
| |
| margin: -5px -14px 0;
| |
| 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]] */
| |
| 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);
| |
| }
| |
| .item-box > .header.-double {
| |
| padding: 3px 44px;
| |
| height: 48px;
| |
| line-height: 23px;
| |
| }
| |
| .item-box > .header.-double > .symbol {
| |
| width: 32px; | |
| height: 54px;
| |
| }
| |
| .item-box.-rare > .header.-double {
| |
| background-position: left 0, right -108px, center -54px;
| |
| }
| |
| .item-box.-unique > .header.-double {
| |
| background-position: left -162px, right -270px, center -216px;
| |
| }
| |
| .item-stats {
| |
| display: block;
| |
| padding: 7px 12px;
| |
| margin: 0 auto;
| |
| }
| |
| .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 */
| | .season-nav a:hover::after { |
| .itembox-tabs { | |
| z-index: 1;
| |
| display: flex;
| |
| column-gap: 4px;
| |
| }
| |
| .itembox-tab {
| |
| height: 35px;
| |
| }
| |
| .itembox-tab * {
| |
| display: inline-block;
| |
| height: 34px;
| |
| line-height: 34px;
| |
| }
| |
| .itembox-tab a {
| |
| border-width: 1px 1px 0 1px;
| |
| border-style: solid;
| |
| border-color: transparent;
| |
| border-radius: 4px 4px 0 0;
| |
| background-color: #27292a;
| |
| }
| |
| .itembox-tab a:hover,
| |
| .itembox-tab a:focus {
| |
| background-color: #343738;
| |
| }
| |
| .itembox-tab.-selected a {
| |
| border-color: var(--poe-color-gem);
| |
| height: 35px;
| |
| background-color: #000;
| |
| }
| |
| .itembox-tab img {
| |
| vertical-align: baseline;
| |
| }
| |
| | |
| /* Divination card item box */
| |
| .item-box.-divicard {
| |
| border-color: var(--poe-color-divination);
| |
| }
| |
| .item-box.-divicard:first-child {
| |
| border: none;
| |
| padding: 0;
| |
| background: none;
| |
| }
| |
| .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 {
| |
| display: flex;
| |
| align-items: center;
| |
| justify-content: center;
| |
| width: 100%;
| |
| height: 100%;
| |
| }
| |
| .divicard-artlink img {
| |
| opacity: 0;
| |
| width: 100%;
| |
| height: 100%;
| |
| }
| |
| .divicard-frame {
| |
| 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; | | left: 0; |
| width: 100%; | | width: 100%; |
| font-size: 20px;
| |
| line-height: 44px;
| |
| color: #030301;
| |
| } | | } |
| .divicard-header a,
| | /* 添加文字渐变色与悬停放大 */ |
| .divicard-header .selflink { | | .season-block h3 { |
| font-weight: normal; | | background: linear-gradient(120deg, #2c3e50 30%, #3498db 70%); |
| }
| | -webkit-background-clip: text; |
| .divicard-stack {
| | background-clip: text; |
| display: block;
| | -webkit-text-fill-color: transparent; |
| position: absolute; | | transition: all 0.3s cubic-bezier(0.4,0,0.2,1); |
| top: 309px;
| |
| left: 42px;
| |
| width: 70px;
| |
| font-size: 16px;
| |
| line-height: 38px; | |
| color: #fff; | |
| }
| |
| .divicard-face {
| |
| display: flex;
| |
| flex-direction: column;
| |
| justify-content: space-evenly;
| |
| position: absolute;
| |
| top: 334px; | |
| left: 35px;
| |
| width: 374px;
| |
| height: 302px;
| |
| }
| |
| .divicard-face::after { | |
| display: block;
| |
| order: 1;
| |
| margin: 3px auto;
| |
| width: 256px;
| |
| 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; | | display: inline-block; |
| }
| | transform-origin: left center; |
| .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]]) ===== */ | | /* 悬停文字放大+投影 */ |
| .legacy-stats { | | .season-block:hover h3 { |
| font-family: var(--stylized-smallcaps-font); | | transform: scale(1.05); |
| font-size: 0.857em; | | text-shadow: 0 2px 8px rgba(52,152,219,0.2); |
| font-variant-ligatures: none;
| |
| color: #55548c;
| |
| }
| |
| .legacy-stats .tc {
| |
| font-size: 1.167em;
| |
| } | | } |
|
| |
|
| /* ===== Mod box ([[Template:Mod]]) ===== */
| |
| .modbox {
| |
| float:right;
| |
| }
| |
| .modbox table {
| |
| width: 100%;
| |
| float: right;
| |
| clear: both;
| |
| margin: 0 0 0.8em 0;
| |
| }
| |
|
| |
|
| /* ===== Skill progression table ([[Template:Skill progression]]) ===== */ | | /* 悬停时线条生长动画 */ |
| .skill-progression-table { | | .season-block:hover .decorative-line { |
| text-align: center; | | height: 100%; |
| | opacity: 0.8; |
| | background-size: 100% 200%; |
| | animation: lineFlow 1.2s infinite linear; |
| } | | } |
|
| |
|
| /* ===== Item table ([[Template:Item table]]) ===== */
| | @keyframes lineFlow { |
| .item-table {
| | 0% { background-position: 0 0; } |
| text-align: center; | | 100% { background-position: 0 200%; } |
| max-width: 100%; | |
| } | | } |
| | /* 列表 */ |
| | .season-block li { list-style: none; } |
| | .season-block li::before { content: "▸"; margin-right: 0.5em; } |
| | .season-block li li::before { content: "|"; color: #666; } |
|
| |
|
| /* ===== Harvest crafting options table ([[Template:Harvest crafting options]]) ===== */ | | /* 列表项悬停效果 */ |
| .harvest-crafting-options-table td:nth-child(n+2) { | | .season-block li { |
| 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; | | position: relative; |
| top: -3px;
| | padding-left: 12px; |
| border-radius: 4px;
| | transition: transform 0.2s; |
| 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]]) ===== */
| | .season-block li::before { |
| table.wikitable .table-yes,
| | content: "▶"; |
| table.wikitable .table-no,
| | position: absolute; |
| table.wikitable .table-na {
| | left: -15px; |
| vertical-align: middle;
| | color: currentColor; |
| text-align: center;
| | opacity: 0; |
| }
| | transition: all 0.3s; |
| @media screen {
| |
| table.wikitable .table-na {
| |
| color: var(--subdued-text-color);
| |
| }
| |
| }
| |
| | |
| /* ===== Horizontal lists ([[Template:Flatlist]]) ===== */
| |
| .hlist dl,
| |
| .hlist ol,
| |
| .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]]) ===== */
| |
| .plainlist ol,
| |
| .plainlist ul {
| |
| margin: 0;
| |
| padding: 0;
| |
| line-height: inherit;
| |
| list-style: none;
| |
| }
| |
| .plainlist ol li,
| |
| .plainlist ul li {
| |
| margin-bottom: 0;
| |
| }
| |
| | |
| /* ===== Main page ===== */
| |
| .page-Path_of_Exile_Wiki.action-view .firstHeading,
| |
| .page-Path_of_Exile_Wiki.action-submit .firstHeading {
| |
| display: none;
| |
| }
| |
| .mainpage-header {
| |
| margin-bottom: 32px;
| |
| text-align: center;
| |
| }
| |
| .mainpage-header h1 {
| |
| margin-bottom: 20px;
| |
| 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 {
| |
| 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%);
| |
| }
| |
| .mainpage-header .h1-1 {
| |
| font-size: 26px;
| |
| letter-spacing: 0.07em;
| |
| }
| |
| .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 {
| |
| vertical-align: top;
| |
| }
| |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| /* Default style for navigation boxes */
| |
| .navbox { /* Navbox container style */
| |
| 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 {
| |
| margin-top: 0; /* No top margin for nested navboxes */
| |
| }
| |
| .navbox + .navbox {
| |
| margin-top: -1px; /* Single pixel border between adjacent navboxes */
| |
| }
| |
| .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 {
| |
| /* @noflip */
| |
| 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
| |
| from [[Template:Navbar]], so they need to be the same width. */
| |
| .navbox .collapseButton {
| |
| width: 6em;
| |
| }
| |
| | |
| /* Styling for JQuery makeCollapsible, matching that of collapseButton */
| |
| .mw-collapsible-toggle {
| |
| font-weight: normal;
| |
| /* @noflip */
| |
| text-align: right;
| |
| }
| |
| .navbox .mw-collapsible-toggle {
| |
| width: 6em;
| |
| }
| |
| .navbox .selflink {
| |
| color:#00B6FF;
| |
| }
| |
| | |
| /* ===== Multiple column layout for lists ===== */
| |
| .multicol-15 ul,
| |
| .multicol-15 ol {
| |
| column-width: 15em;
| |
| }
| |
| | |
| /* Module:Item acquisition | Template:Item acquisition */
| |
| .upgraded-from-set:not(:first-child) td {
| |
| border-top-style: dashed !important;
| |
| border-top-width: 3px !important;
| |
| border-top-color: #111 !important;
| |
| }
| |
| | |
| /* ===== Skill (Module:Skill) ==== */
| |
| | |
| /* Template:Skill */
| |
| | |
| .skill-box-page-container {
| |
| float: right;
| |
| }
| |
| | |
| /* resize skill screenshot accordingly */
| |
| .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 {
| |
| width: 1%;
| |
| }
| |
| | |
| .skill-box-table th,.skill-box-table td{
| |
| font-size: 12px;
| |
| }
| |
| | |
| .skill-box-table td[colspan="2"]{
| |
| font-size: inherit;
| |
| }
| |
| | |
| /* ===== Status Infocard (Template:Status) ===== */
| |
| .status-icon {
| |
| height: 96px;
| |
| }
| |
| .status-icon .image,
| |
| .status-icon .frame {
| |
| height: 100%;
| |
| }
| |
| .status-icon .image img {
| |
| margin-top: 16px;
| |
| width: 64px;
| |
| height: 64px;
| |
| }
| |
| .status-icon .frame {
| |
| margin-top: -96px; | |
| }
| |
| .status-icon .frame img {
| |
| width: 98px;
| |
| height: 96px;
| |
| }
| |
| | |
| /* ===== Area Infocard (Template:Area) ==== */
| |
| .infocard.area > .topbar > .left,
| |
| .infocard.area > .topbar > .right {
| |
| width: 27px;
| |
| }
| |
| | |
| /* ===== Module:Passive skill ===== */
| |
| | |
| .passive-line {
| |
| display: block;
| |
| }
| |
| | |
| .passive-hover {
| |
| display: none;
| |
| position: relative;
| |
| }
| |
| | |
| .passive-hover:hover {
| |
| display: inline;
| |
| }
| |
| | |
| .passive-line:hover .passive-hover {
| |
| display: inline;
| |
| }
| |
| | |
| .passive-icon-container {
| |
| position: relative;
| |
| margin: 0px auto;
| |
| }
| |
| | |
| .passive-icon-frame {
| |
| position: absolute;
| |
| z-index: 10;
| |
| pointer-events: none;
| |
| }
| |
| | |
| .passive-icon-container a {
| |
| position: absolute;
| |
| z-index: 0;
| |
| }
| |
| | |
| /* sizes of icons have been adjusted to look similar to ingame placement */
| |
| .passive-icon-type__basic {
| |
| width: 60px;
| |
| height: 60px;
| |
| }
| |
| | |
| .passive-icon-type__basic .passive-icon-frame {
| |
| width: 60px;
| |
| height: 60px;
| |
| background-image: url(/w/images/a/a1/Basic_passive_frame.png);
| |
| background-repeat: round;
| |
| }
| |
| | |
| .passive-icon-type__basic a, .passive-icon-type__basic img{
| |
| left: 10px;
| |
| top: 10px;
| |
| width: 40px;
| |
| height: 40px;
| |
| }
| |
| | |
| .passive-icon-type__notable {
| |
| width: 100px;
| |
| height: 100px;
| |
| }
| |
| | |
| .passive-icon-type__notable .passive-icon-frame {
| |
| width: 100px;
| |
| height: 100px;
| |
| background-image: url(/w/images/5/50/Notable_passive_frame.png);
| |
| background-repeat: round;
| |
| }
| |
| | |
| .passive-icon-type__notable a, .passive-icon-type__notable img{
| |
| left: 14px;
| |
| top: 14px;
| |
| width: 72px;
| |
| height: 72px;
| |
| }
| |
| | |
| .passive-icon-type__keystone {
| |
| width: 175px;
| |
| height: 175px;
| |
| }
| |
| | |
| .passive-icon-type__keystone .passive-icon-frame {
| |
| width: 175px;
| |
| height: 175px;
| |
| background-image: url(/w/images/5/5a/Keystone_passive_frame.png);
| |
| background-repeat: round;
| |
| }
| |
| | |
| .passive-icon-type__keystone a, .passive-icon-type__keystone img{
| |
| left: 36px;
| |
| top: 36px;
| |
| height: 100px;
| |
| width: 100px;
| |
| }
| |
| | |
| .passive-icon-type__ascendancy_basic {
| |
| width: 60px;
| |
| height: 60px;
| |
| }
| |
| | |
| .passive-icon-type__ascendancy_basic .passive-icon-frame {
| |
| 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{
| |
| left: 10px;
| |
| top: 10px;
| |
| width: 39px;
| |
| height: 40px;
| |
| }
| |
| | |
| .passive-icon-type__ascendancy_notable {
| |
| width: 100px;
| |
| height: 100px;
| |
| }
| |
| | |
| .passive-icon-type__ascendancy_notable .passive-icon-frame {
| |
| width: 100px;
| |
| height: 100px;
| |
| background-image: url(/w/images/2/26/Ascendancy_notable_passive_frame.png);
| |
| background-repeat: round;
| |
| }
| |
| | |
| .passive-icon-type__ascendancy_notable a, .passive-icon-type__ascendancy_notable img{
| |
| left: 16px;
| |
| top: 16px;
| |
| width: 68px;
| |
| height: 68px;
| |
| }
| |
| | |
| .passive-icon-type__mastery {
| |
| width: 100px;
| |
| height: 100px;
| |
| }
| |
| | |
| .passive-icon-type__mastery .passive-icon-frame {
| |
| width: 100px;
| |
| height: 100px;
| |
| background-image: url(/w/images/1/16/PassiveMasteryConnectedButton.png);
| |
| background-repeat: round;
| |
| }
| |
| | |
| .passive-icon-type__mastery a, .passive-icon-type__mastery img{
| |
| left: 0px;
| |
| top: 0px;
| |
| width: 100px;
| |
| height: 100px;
| |
| z-index: 11;
| |
| }
| |
| | |
| .mastery_infocard{
| |
| width: auto;
| |
| }
| |
| | |
| .mastery_infocard table{
| |
| text-align: left;
| |
| }
| |
| | |
| /* ===== Support Gem ID template (Template:Id) ===== */
| |
| .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 ===== */
| |
| | |
| .quest-table {
| |
| width:300px;
| |
| color: #bfbfbf;
| |
| float:right;
| |
| padding:0.1em;
| |
| background-color:#1a1812;
| |
| margin: 0px 0px 5px 5px;
| |
| }
| |
| | |
| .quest-table td.quest-table-iconbox {
| |
| text-align:center;
| |
| font-size:20px;
| |
| font-weight:bold;
| |
| }
| |
| | |
| .quest-table td.quest-table-iconbox img {
| |
| width: 100px;
| |
| height: 100px;
| |
| }
| |
| | |
| .quest-table th {
| |
| text-align: right;
| |
| font-weight: bold;
| |
| background-color: #332f24;
| |
| }
| |
| | |
| .quest-table td {
| |
| text-align: center;
| |
| background-color: #26231b;
| |
| }
| |
| | |
| .quest-table td img {
| |
| max-width: 200px;
| |
| height: auto;
| |
| }
| |
| | |
| /* ===== Template:SMQ query mods (from Module:SMW query) ===== */
| |
| | |
| .mod-table {
| |
| width: 100%;
| |
| margin: 0px !important;
| |
| }
| |
| .mod-table-header {
| |
| width: 100%;
| |
| }
| |
| .mod-table-header .mw-collapsible-toggle {
| |
| | |
| }
| |
| .mod-table-header-container {
| |
| display: table;
| |
| }
| |
| .mod-table-header-stat {
| |
| display: table-cell;
| |
| vector-effect: middle;
| |
| text-align: left; | |
| width: 100%;
| |
| }
| |
| .mod-table-header-modgroup {
| |
| display: table-cell;
| |
| vector-effect: middle;
| |
| text-align: right;
| |
| padding-right: 1em;
| |
| }
| |
| .mod-table-cell-name {
| |
| width: 9em;
| |
| min-width: 9em;
| |
| max-width: 9em;
| |
| }
| |
| .mod-table-cell-level {
| |
| width: 1.4em;
| |
| min-width: 1.4em;
| |
| max-width: 1.4em;
| |
| }
| |
| .mod-table-cell-stat {
| |
| width: 32em;
| |
| min-width: 32em;
| |
| max-width: 32em;
| |
| }
| |
| .mod-table-cell-tags {
| |
| width: 100%;
| |
| }
| |
| | |
| /*
| |
| Atlas of Worlds
| |
| Template:Atlas of Worlds
| |
| Widget:Atlas of Worlds
| |
| */
| |
| | |
| .atlas_of_worlds {
| |
| position: relative;
| |
| }
| |
| | |
| .atlas_of_worlds .atlas_table {
| |
| display: none;
| |
| }
| |
| | |
| canvas#atlas_of_worlds {
| |
| background-image: url(/w/images/b/b8/Atlas_of_Worlds_background.jpg);
| |
| }
| |
| | |
| .atlas_of_worlds .region_button {
| |
| position: absolute;
| |
| width: max-content;
| |
| }
| |
| | |
| .atlas_of_worlds .map_container {
| |
| position: absolute;
| |
| }
| |
| | |
| .atlas_of_worlds .map_name, .atlas_of_worlds .map_tier, .atlas_of_worlds .map_drop {
| |
| text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
| |
| text-align: center;
| |
| }
| |
| | |
| .atlas_of_worlds .map_name, .atlas_of_worlds .map_tier {
| |
| font-weight: bold;
| |
| position: absolute;
| |
| }
| |
| | |
| .atlas_of_worlds .map_name {
| |
| top: -37px;
| |
| width: 200px;
| |
| left: -80px;
| |
| }
| |
| | |
| .atlas_of_worlds .map_tier {
| |
| top: 18px;
| |
| /* horizontal align works better with 38px instead of 39 */
| |
| width: 38px;
| |
| }
| |
| | |
| .atlas_of_worlds .map_icon { | |
| background-image: url(/w/images/9/98/Map_base_icon.png);
| |
| 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;
| |
| height: max-content;
| |
| }
| |
| | |
| .atlas_of_worlds .map_drop img {
| |
| display: block;
| |
| }
| |
| | |
| .atlas_of_worlds .map_drop {
| |
| display: none;
| |
| 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 {
| |
| color: rgb(255, 255, 255);
| |
| }
| |
| | |
| .atlas_of_worlds .mid_tier {
| |
| color: rgb(255, 210, 100);
| |
| }
| |
| | |
| .atlas_of_worlds .high_tier {
| |
| color: rgb(240, 30, 10);
| |
| }
| |
| | |
| .low_tier .map_icon img:not(.low_tier) {
| |
| display: none;
| |
| }
| |
| | |
| .mid_tier .map_icon img:not(.mid_tier) {
| |
| display: none;
| |
| }
| |
| | |
| .high_tier .map_icon img:not(.high_tier) {
| |
| display: none;
| |
| }
| |
| | |
| /*
| |
| Monster Javascript infobox styles
| |
| | |
| 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;
| |
| }
| |
| | |
| tr.monster td {
| |
| width: 800px;
| |
| }
| |
| | |
| .monster_info_container {
| |
| border-collapse: collapse;
| |
| }
| |
| | |
| .monster_info_container > tbody > tr > td, .monster_info_container > tbody > tr > th {
| |
| padding: 0px;
| |
| }
| |
| | |
| tr.monster_name {
| |
| border: solid white 1px;
| |
| }
| |
| | |
| tr.monster_name th {
| |
| }
| |
| | |
| | |
| .monster_info_container table {
| |
| padding: 0px;
| |
| 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;
| |
| background-position: top left;
| |
| display: inline-block;
| |
| }
| |
| | |
| .minimap_icon.minimap_grid {
| |
| display: grid;
| |
| }
| |
| | |
| /* Used by both inline boxes and grid cells in the overall display */
| |
| .minimap_64 {
| |
| width: 64px;
| |
| height: 64px;
| |
| }
| |
| | |
| .minimap_32 {
| |
| width: 32px;
| |
| height: 32px;
| |
| } | | } |
|
| |
|
| .minimap_16 {
| | /* 悬停时项目符号显现与位移 */ |
| width: 16px;
| | .season-block li:hover { |
| height: 16px;
| | transform: translateX(8px); |
| }
| |
| | |
| /* For the inline infoboxes */ | |
| .minimap_icon.minimap_64 { | |
| background-size: 896px auto;
| |
| }
| |
| | |
| .minimap_icon.minimap_32 {
| |
| background-size: 448px auto;
| |
| }
| |
| | |
| .minimap_icon.minimap_16 {
| |
| background-size: 224px auto;
| |
| }
| |
| | |
| .minimap_icon.tooltip-activator,.minimap_icon .tooltip-activator {
| |
| border: none;
| |
| }
| |
| | |
| /* ===== Helpers ===== */
| |
| | |
| /* Clearfix */
| |
| .clearfix::after {
| |
| content: "";
| |
| display: table;
| |
| clear: both; | |
| } | | } |
|
| |
|
| .u-truncate-line { | | .season-block li:hover::before { |
| display: block !important; | | opacity: 0.6; |
| overflow: hidden !important; | | left: -12px; |
| text-overflow: ellipsis !important;
| |
| white-space: nowrap !important;
| |
| } | | } |
