MediaWiki:Fandomdesktop.css

.theme-fandomdesktop-light { --template-background-color-1:#faefd9; --template-background-color-2:#7d5873; --template-background-color-3:#523351; --template-header-color-1:#FCC56B; --template-header-color-2:#FAA15A; --template-border-color-1:#B2738D; --melee-background-color:#ffbb87; --melee-border-color:#bf5f31; --mental-background-color:#ef91cc; --mental-border-color:#86306a; --nature-background-color:#dcffa4; --nature-border-color:#659532; --neutral-background-color:#f2ffff; --neutral-border-color:#768585; --toxic-background-color:#9a939a; --toxic-border-color:#342e34; --water-background-color:#83fdff; --water-border-color:#0089ba; --wind-background-color:#57ffd5; --wind-border-color:#00bd7c; --crystal-background-color:#ff94a9; --crystal-border-color:#a00031; --digital-background-color:#c8e5e6; --digital-border-color:#577172; --earth-background-color:#eba586; --earth-border-color:#602a12; --electric-background-color:#fffc8e; --electric-border-color:#b2992e; --fire-background-color:#ff7e6c; --fire-border-color:#af2624; }

@font-face { font-family: 'GothamPro-Black'; src: local('GothamPro-Black'), local('GothamPro-Black'), url('/media/hydra/fonts/GothamPro-Black.ttf') format('truetype'); }

/* For elements which only display in the mobile view */ .mobileonly { display: none; }

.main-container { background-image: var(--theme-body-background-image); background-size: cover; background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-color: var(--theme-body-background-color); }

.fandom-community-header__background::before { background:none; }

/* This governs the sections on the Community portal */ .cpbox { display: flex; flex-direction: row-reverse; flex-wrap: wrap; }

.cpbox #admins { box-sizing: border-box; width: calc(33% - 10px); margin: 5px; flex-grow: 1; min-width: 300px; }

.cpbox #help { box-sizing: border-box; width: calc(67% - 10px); margin: 5px; flex-grow: 1; }

/* Template:FP link styles */ .fplinks { display: flex; flex-wrap: wrap; justify-content: space-evenly; align-items: stretch; text-align: center; }

.fplink-outer { padding: 5px; flex-basis: calc(25% - 10px); width: calc(25% - 15px); min-width: 115px; display: inline-block; vertical-align: middle; }

.fplink-wide { flex-basis: calc(33% - 10px); width: calc(33% - 15px); }

.fplink-fullwidth { flex-basis: 100%; width: calc(100% - 15px); font-weight: bold; }

.fplink { padding: 0.25em; box-sizing: border-box; width: 100%; height: 100%; display: table; }

.fplink-plain { background: transparent; border-radius: 0; border: 0; box-shadow: none; }

.fplink-inner { display: table-row; }

.fplink a { display: table-cell; vertical-align: middle; }

.fplink img { max-width: 150px; width: 100%; height: auto; }

/* Front page layout */

display: grid; grid-template-areas: "a" "b" "c"; grid-template-columns: 100%; } @media screen and (min-width:990px) { #fp-container { grid-template-areas: "a b" "c b"; grid-template-columns: 50% 50%; } } @media screen and (min-width:1350px) { #fp-container { grid-template-areas: "a b" "c b"; grid-template-columns: auto 520px; } }
 * 1) fp-container {

.fpbox { width: calc(100% - 2px); box-sizing: border-box; background:var(--template-background-color-1); border:2px solid var(--template-border-color-1); margin:5px; padding:5px; border-radius:5px; }

.fpbox .welcome { border-bottom: 1px solid var(--template-border-color-1); font-size: 150%; margin: 0 0 10px 0; padding: 0 0 5px 0; text-transform: uppercase; text-align: center; font-family: "GothamPro-Black", sans-serif; }

.fpbox .heading { background: var(--theme-sticky-nav-background-color); background: linear-gradient(var(--theme-sticky-nav-background-color), var(--template-background-color-3)); border: 2px solid var(--template-border-color-1); color: var(--template-header-color-1); font-size: 132%; text-transform: uppercase; margin: 0 0 10px 0; padding: 0 0 5px 0; font-family: "GothamPro-Black", sans-serif; }

.fpbox hr { border: none; border-bottom: 2px solid var(--theme-community-background-text-color); }

.fp-section { display: flex; flex-wrap: wrap; overflow:hidden; }

.fplinks { margin: -5px; }

.linkslabel { border-bottom: 2px solid var(--theme-page-text-color); margin: 15px 5px 5px 5px; padding: 0 0 5px 0; }

.fplink:not(.fplink-plain) { background: #FCC96E; background-image: linear-gradient(to bottom, var(--template-header-color-1) 0%, var(--template-header-color-2) 100%); border: 1px solid var(--template-border-color-1); border-radius: 4px; }

color: var(--theme-sticky-nav-background-color); }
 * 1) content .fplink a,
 * 2) content .fplink a.extiw {

grid-area: a; }
 * 1) fp-top {

grid-area: b; }
 * 1) fp-flex {

grid-area: c; }
 * 1) fp-bottom {

/* class for centering galleries */ .gallery-center-text .gallery .gallerybox .gallerytext { text-align:center; }

.gallery-center-text .gallery .gallerybox .thumb { margin:auto; }

/* Classes permitting setting of alignment on desktop only or differently on desktop and mobile */ /* (See .mobileleft, .mobilecenter, .mobileright in MediaWiki:Mobile.css for the mobile equivalents */ .desktopleft { text-align: left; }

.desktopcenter { text-align: center; }

.desktopright { text-align: right; }

/* Headings */

.mw-body h1, .mw-body h2 { border-bottom: 1px solid var(--theme-border-color); font-family: "GothamPro-Black", sans-serif; }

.page h1, .page h2, .page h3, .page h4, .page h5, .page h6 { font-family: "GothamPro-Black", sans-serif; background: none; font-weight: normal; margin: 0; overflow: hidden; padding-top: 0.5em; padding-bottom: 0.17em; }

.page h1, .page h2{ border-bottom: 1px solid var(--theme-border-color); }

.fakeh2 { font-family:"GothamPro-Black",sans-serif; background: none; font-weight: 500; margin: 24px 0; padding: 6px 0 12px; font-size: 24px; line-height: 1.25; border-bottom:1px solid var(--theme-border-color); overflow: auto; }

.mw-body h1 span:target, .mw-body h2 span:target, .mw-body h3 span:target, .mw-body h4 span:target, .mw-body h5 span:target, .mw-body h6 span:target { position: relative; padding-left: 36px; background: linear-gradient(to right, white, white 36px, transparent); border-radius: 4px 0 0 4px; animation-name: header-text-rest; animation-duration: .25s; animation-timing-function: ease-in-out; animation-delay: 1s; animation-fill-mode: forwards; }

.mw-body h1 span:target:before, .mw-body h2 span:target:before, .mw-body h3 span:target:before, .mw-body h4 span:target:before, .mw-body h5 span:target:before, .mw-body h6 span:target:before { content: ""; position: absolute; top: 50%; left: 4px; transform: translateY(-50%); width: .75em; height: .75em; background: black; clip-path: polygon(0 100%, 0 0, 100% 50%);

animation-name: header-pointer; animation-duration: .25s; animation-timing-function: ease-in; animation-direction: alternate; animation-iteration-count: 4; animation-fill-mode: forwards; }

@keyframes header-pointer { from {left: 4px;} to {left: 20px;} }

@keyframes header-text-rest { from {padding-left: 36px;} to {padding-left: 20px;} }

/* Template documentation styles */ /* If modifying these styles, be sure to update the mobile skin! */ .doc { margin: 0em auto 1em; background-color: rgba(0, 0, 0, 0.05); border: 2px solid #BDCAC3; border-radius: 1em; padding: 1em; }

.doc-header { padding-bottom: 3px; border-bottom: 1px solid #BDCAC3; margin-bottom: 1ex; }

.doc-footer { margin: 0; background-color: rgba(0, 0, 0, 0.05); border: 2px solid #BDCAC3; border-radius: 1em; padding: 1em; }

/*************************************** @supports (clip-path:polygon(1% 1%, 2% 2%, 3% 3%)) or (-webkit-clip-path:polygon(1% 1%, 2% 2%, 3% 3%)){ /*don't apply any of this if the browser doesn't support a necessary part*/ .temtemPortrait { position:relative; display:inline-block; text-align:center; vertical-align: middle; }
 * Used by Template:Temtem portrait *

.temtemPortrait:before { position:absolute; height:100%; width:100%; top:0; left:0; content:""; background:url(https://static.wikia.nocookie.net/temtem_gamepedia_en/images/9/98/Temtem_portrait_border.png/revision/latest) no-repeat top left; /**/ background-size:100%; pointer-events:none; z-index:2; }

.temtemPortrait.background { background:url(https://static.wikia.nocookie.net/temtem_gamepedia_en/images/7/76/Temtem_portrait_background.png/revision/latest) no-repeat 100% / 100%; /**/ }

.temtemPortrait img { vertical-align:top; -webkit-clip-path: polygon(51% 5%, 88% 28%, 89% 73%, 50% 92%, 14% 72%, 12% 29%); clip-path: polygon(51% 5%, 88% 28%, 89% 73%, 50% 92%, 14% 72%, 12% 29%); z-index:1; } } /*******************************
 * End Template:Temtem portrait *

/*********************************** .temtem-list td:nth-of-type(2){ text-align:left; white-space:nowrap; } /******************
 * Used by Template:Temtem list *
 * End Temtem list *

/********************************* .hover-gif .thumb { position: relative; opacity: 1; outline: 1px solid #3C4258; overflow:clip; top:1px; right:1px; }
 * Used by Template:Hover gif *

.hover-gif .thumb:not(:hover) img { opacity:0; transition: opacity 0.5s; }

.hover-gif .thumb:before { position: absolute; background: url(https://static.wikia.nocookie.net/temtem_gamepedia_en/images/6/64/Gif_icon_overlay.png/revision/latest) no-repeat; /* */ background-size: 50px; width: 50px; height: 50px; top: calc(50% - 25px); left: calc(50% - 25px); content: ""; z-index: 2; }

.hover-gif .thumb:hover:before { display: none; }

.hover-gif canvas { position: absolute; left: 0px; border-radius: 4px; opacity: 1; transition: opacity 0.3s; }

.hover-gif .thumb:hover canvas { opacity: 0; }

/***********************
 * End hover gif styles *

/************************************ .koish-tabs .tabbernav { display:flex; flex-flow:row wrap; }
 * Used to help de-clutter Koish *

.koish-tabs .tabbernav li { flex-grow:1; max-width:8em; }

.koish-tabs .tabbernav li a:link { display:block; text-align:center; } /*****************
 * End Koish tabs *

/**************************************** .evobox-container { display:inline-flex; padding:2px; border-radius:10px; }
 * Formatting for Template:Evobox   *
 * Coloring found in specific skin files *

.evobox { border-radius:10px; padding:5px; background:var(--theme-link-dynamic-color-2); border-collapse:separate; }

.evobox-portrait { text-align:center; }

.evobox-name, .evobox-trait { text-align:center; }

.evobox-evolution { text-align:center; align-self:center; margin:5px; max-width:8em; }

.evobox.selected { box-shadow:inset 0 0 5px 2px #523351; }

.evobox .evobox-trait { background-color:rgba(20,210,212,0.2); }

.evobox .evobox-trait:last-of-type { background-color:rgba(255,148,53,0.2) }

.evobox-container.melee { background-color:var(--melee-background-color); border:2px solid var(--melee-border-color); } .evobox-container.mental { background-color:var(--mental-background-color); border:2px solid var(--mental-border-color); } .evobox-container.nature { background-color:var(--nature-background-color); border:2px solid var(--nature-border-color); } .evobox-container.neutral { background-color:var(--neutral-background-color); border:2px solid var(--neutral-border-color); } .evobox-container.toxic { background-color:var(--toxic-background-color); border:2px solid var(--toxic-border-color); } .evobox-container.water { background-color:var(--water-background-color); border:2px solid var(--water-border-color); } .evobox-container.wind { background-color:var(--wind-background-color); border:2px solid var(--wind-border-color); } .evobox-container.crystal { background-color:var(--crystal-background-color); border:2px solid var(--crystal-border-color); } .evobox-container.digital { background-color:var(--digital-background-color); border:2px solid var(--digital-border-color); } .evobox-container.earth { background-color:var(--earth-background-color); border:2px solid var(--earth-border-color); } .evobox-container.electric { background-color:var(--electric-background-color); border:2px solid var(--electric-border-color); } .evobox-container.fire { background-color:var(--fire-background-color); border:2px solid var(--fire-border-color); } /**********************
 * End Template:Evobox *

/************************************ .encounterbox-table { border-radius: 10px; width: 100%; background: var(--template-background-color-1); border: 3px solid var(--theme-sticky-nav-background-color); padding: 5px; text-align:center; border-collapse:separate; border-spacing:3px; }
 * Used by Template:Encounterbox *

.encounterbox .areaName { border-radius: 10px; text-align: left; background: var(--theme-sticky-nav-background-color); padding: 3px; height: 25px; color: var(--template-header-color-1); border: 3px solid var(--template-border-color-1); }

.encounterbox .map { border-radius: 10px; background: var(--template-background-color-2); padding: 5px; width: 33%; }

.encounterbox .encounterbox-temtem { border-radius: 10px; border-collapse:separate; border-spacing:3px; width: 12%; padding: 3px; float: left; margin-right: 1%; margin-left: 8px; }

.encounterbox .type { border-radius: 10px; width: 45px; height: 45px; text-align: center; }

.encounterbox .temtemName { border-radius: 10px; text-align: center; background: var(--theme-sticky-nav-background-color); padding: 3px; color: var(--template-header-color-1); border: 3px solid var(--template-border-color-1); }

.encounterbox .row, .encounterbox .tv { border-radius: 10px; background: var(--template-background-color-2); width: 50px; height: 25px; text-align: center; color: var(--theme-sticky-nav-text-color); }

.tv-container { display:flex; flex-wrap:wrap; border-top:2px solid var(--template-background-color-2); padding-top:2px; }

.tv { margin-bottom:2px; border-radius:10px; padding:0 3px; text-align:center; flex:1 0 45%; }

@media screen and (max-width:1032px){ .encounterbox-table .map { display:block; width:calc(100% - 10px); } .encounterbox-table .map img { max-width:100%; height:auto; } .encounterbox-table .encounters { display:flex; width:100%; justify-content:center; flex-flow:row wrap; } .encounterbox-table .encounterbox-temtem { float:none; } .encounterbox-table .temtemPortrait img, .encounterbox-table .temtemPortrait { max-width:64px; max-height:64px; } .encounterbox-table .encounterbox-temtem .type img, .encounterbox-table .encounterbox-temtem .type { width:24px; height:24px; } } /****************************
 * End Template:Encounterbox *

/************************   display:inline-block; background:var(--template-background-color-1); border:2px solid var(--template-border-color-1); border-radius:10px; z-index:1; }
 * Widget:Postal mpa *
 * 1) postal-map {
 * 1) postal-map {

float:left; width:15em; text-align:center; padding:0.5em; }
 * 1) postal-map #legend-container {

margin:4px; background-color:#002343; border-radius:10px; overflow:clip; }
 * 1) postal-map #map-container {

background: var(--theme-sticky-nav-background-color); border: 3px solid var(--template-border-color-1); border-radius: 10px; text-align: center; color: var(--template-header-color-1); font-weight:bold; padding: 3px; margin:10px 0 15px; min-height:calc(1em + 6px); }
 * 1) postal-map .location {

display:inline-block; position:relative; }
 * 1) map-container {

.delivery-target { position:absolute; background-color:red; border-radius:50%; z-index:2; }

display:none; }
 * 1) map-container .map:not(.selected){

position: relative; display: inline-block; width:calc(100% - 17px); height:1.5rem; box-sizing:unset; /* mobile */ }
 * 1) postal-autocomplete {

position: absolute; border: 1px solid var(--theme-article-neutral-color--inverted); border-bottom: none; border-top: none; z-index: 99; /*position the autocomplete items to be the same width as the container:*/ top: 100%; left: 0; right: 0; }
 * 1) postal-autocomplete-list {

padding: 10px; cursor: pointer; background-color: var(--theme-article-neutral-color); border-bottom: 1px solid var(--theme-article-neutral-color--inverted); text-align:left; }
 * 1) postal-autocomplete-list div {

background-color: var(--theme-accent-color); color: var(--theme-accent-color--hover); }
 * 1) postal-autocomplete-list .postal-autocomplete-active,
 * 2) postal-autocomplete-list div:hover {

height:1.5rem; width:17px; border-style:none; float:right; direction:rtl; }
 * 1) postal-dropdown {

direction:ltr; }
 * 1) postal-dropdown option {

padding:2px; border:1px solid var(--theme-article-neutral-color--inverted); width:calc(100% - 5px); height:calc(100% - 6px); } /************************
 * 1) postal-input {
 * End Widget:Postal map *

/********************************** .gender-ratio { display:inline-block; border:1px solid black; height:1em; width:90%; max-width:10em; margin:0.1em; border-radius:5px; overflow:hidden; background-color:#aaa; }
 * Used by [[Template:Gender ratio *

.gender-ratio .male, .gender-ratio .female { height:1em; display:inline-block; margin:0; vertical-align:top; }

.gender-ratio .male { background-color:#25f; }

.gender-ratio .female { background-color:#fac; } /*******************
 * End gender ratio *

/******************************* .shopbox { border-radius: 10px; width: 100%; max-width: 70em; background: var(--template-background-color-1); border: 3px solid var(--template-border-color-1); padding: 5px; overflow:auto; }
 * Used by Template:Shopbox *

.shopbox-header { border-radius: 10px; background: var(--template-background-color-3); padding: 3px; min-height:38px; color: var(--template-header-color-1); border: 3px solid var(--template-border-color-1); }

.shopbox-group-header { border-radius: 10px; background: var(--template-background-color-2); height: 25px; margin:5px auto; text-align: left; text-indent: 15px; color: var(--theme-sticky-nav-text-color); }

.shopbox-group { display:flex; flex-flow:row wrap; }

.shopbox-item { display:grid; grid-template-areas:"a b" "a c"; grid-template-columns:100px auto; box-sizing:border-box; width:calc(25% - 2px); min-width:15em; border-radius: 10px; float: left; text-align: center; border: 3px solid var(--template-border-color-1); margin: 1px; }

.shopbox-image { float:left; grid-area:a; width:100px; }

.shopbox-image a { display:flex; width:100px; height:100px; align-items:center; justify-content:center; }

.shopbox-link { grid-area:b; padding-top:8px; }

.shopbox-cost { grid-area:c; display:flex; justify-content:center; align-items:flex-end; padding-bottom:8px; } /***********************
 * End Template:Shopbox *

/***************** .portable-infobox { --pi-background: var(--template-background-color-1); --pi-border-color: var(--template-border-color-1); }
 * Infobox styles *

.portable-infobox .pi-data-label { background:var(--template-background-color-2); border:0; color:var(--theme-sticky-nav-text-color); text-shadow:1px 1px 1px rgba(0,0,0,0.5); padding:2px 6px; border-radius:5px; font-size:14px; font-family:sans-serif; font-weight:bold; text-align:right; }

.pi-data-value { margin:auto; }

.pi-horizontal-group .pi-data-label, .pi-horizontal-group .pi-header { text-align:center; }

.pi-caption, .pi-data, .pi-navigation { padding-left: 4px; padding-right: 4px; }

.pi-item-spacing { padding-top:2px; padding-bottom:2px; }

.portable-infobox .pi-header, .portable-infobox .pi-title { background:linear-gradient(var(--template-background-color-3), var(--theme-accent-color)); color:var(--template-header-color-1); margin:4px; border:2px solid var(--template-border-color-1); border-radius:4px; }

.portable-infobox .pi-data-label a, .portable-infobox .pi-header a { color: #E5C3E5; font-weight:inherit; }

[data-item-name="temtem-height-weight"] .pi-horizontal-group { border-collapse:separate; border-spacing:4px; }

[data-item-name="temtem-height-weight"] .pi-horizontal-group .pi-horizontal-group-item { border:1px solid var(--pi-border-color); }

[data-item-name="tv-group"] .pi-data-label { background:none; font-size:10px; padding:1px; color:var(--theme-article-text-color); text-shadow:none; }

.portable-infobox.type-temtem [data-item-name="luma-tabs"] .wds-tabs { justify-content:center; }

@supports (clip-path:polygon(1% 1%, 2% 2%, 3% 3%)) or (-webkit-clip-path:polygon(1% 1%, 2% 2%, 3% 3%)){ /*don't apply any of this if the browser doesn't support a necessary part*/ [data-item-name="luma-tabs"] .pi-item.pi-image img { vertical-align: top; -webkit-clip-path: polygon(51% 5%,88% 28%,89% 73%,50% 92%,14% 72%,12% 29%); clip-path: polygon(51% 5%,88% 28%,89% 73%,50% 92%,14% 72%,12% 29%); z-index: 1; }	[data-item-name="luma-tabs"] .pi-item.pi-image { background: url(https://static.wikia.nocookie.net/temtem_gamepedia_en/images/7/76/Temtem_portrait_background.png/revision/latest) no-repeat 100% / 100%; position: relative; display: inline-block; text-align: center; vertical-align: middle; }	[data-item-name="luma-tabs"] .pi-item.pi-image::before { position: absolute; height: 100%; width: 100%; top: 0; left: 0; content: ""; background: url(https://static.wikia.nocookie.net/temtem_gamepedia_en/images/9/98/Temtem_portrait_border.png/revision/latest) no-repeat top left; background-size: 100%; pointer-events: none; z-index: 2; } } /*********************
 * End infobox styles *

/****************************************
 * Color styling for Template:Party Member *

.partymember-main { background-color: #b890ac; border: 2px solid #512f49; }

.partymember-main.neutral { background-color: #f2ffff; border: 2px solid #768585; }

.partymember-main.wind { background-color: #57ffd5; border: 2px solid #00bd7c; }

.partymember-main.earth { background-color: #eba586; border: 2px solid #602a12; }

.partymember-main.water { background-color: #83fdff; border: 2px solid #0089ba; }

.partymember-main.fire { background-color: #ff7e6c; border: 2px solid #af2624; }

.partymember-main.nature { background-color: #dcffa4; border: 2px solid #659532; }

.partymember-main.electric { background-color: #fffc8e; border: 2px solid #b2992e; }

.partymember-main.mental { background-color: #ef91cc; border: 2px solid #86306a; }

.partymember-main.digital { background-color: #c8e5e6; border: 2px solid #577172; }

.partymember-main.melee { background-color: #ffbb87; border: 2px solid #bf5f31; }

.partymember-main.crystal { background-color: #ff94a9; border: 2px solid #a00031; }

.partymember-main.toxic { background-color: #9a939a; border: 2px solid #342e34; }

.partymember-border { border: 2px solid #512f49; }

.partymember-border.neutral { border: 2px solid #768585; }

.partymember-border.wind { border: 2px solid #00bd7c; }

.partymember-border.earth { border: 2px solid #602a12; }

.partymember-border.water { border: 2px solid #0089ba; }

.partymember-border.fire { border: 2px solid #af2624; }

.partymember-border.nature { border: 2px solid #659532; }

.partymember-border.electric { border: 2px solid #b2992e; }

.partymember-border.mental { border: 2px solid #86306a; }

.partymember-border.digital { border: 2px solid #577172; }

.partymember-border.melee { border: 2px solid #bf5f31; }

.partymember-border.crystal { border: 2px solid #a00031; }

.partymember-border.toxic { border: 2px solid #342e34; }

.partymember-fill { background-color: #512f49; }

.partymember-fill.neutral { background-color: #768585; }

.partymember-fill.wind { background-color: #00bd7c; }

.partymember-fill.earth { background-color: #602a12; }

.partymember-fill.water { background-color: #0089ba; }

.partymember-fill.fire { background-color: #af2624; }

.partymember-fill.nature { background-color: #659532; }

.partymember-fill.electric { background-color: #b2992e; }

.partymember-fill.mental { background-color: #86306a; }

.partymember-fill.digital { background-color: #577172; }

.partymember-fill.melee { background-color: #bf5f31; }

.partymember-fill.crystal { background-color: #a00031; }

.partymember-fill.toxic { background-color: #342e34; }

/**********************
 * End Template:Party Member *

/***************** .infobox { float: right; width: 23em; max-width:100%; margin-left: 1em; margin-bottom: 0.5em; padding: 4px; border:2px solid var(--template-border-color-1); background-color:rgba(255,255,255,0.5); border-radius:10px; }
 * temp Infobox styles, should be removed after full portable infobox conversion *

.infobox-table { width: 100%; padding: 0; background-color:transparent; border: 0; border-collapse:separate; border-spacing:2px; }

.infobox-header, .infobox-section { background: linear-gradient(var(--template-background-color-3), var(--theme-accent-color)); background-color: var(--template-background-color-3); border:2px solid var(--template-border-color-1); border-radius: 4px; font-family: "GothamPro-Black", sans-serif; letter-spacing: 0.05em; color: var(--template-header-color-1); text-shadow: 0px 1px #8B8C99; font-weight:bold; text-align:center; }

.infobox-header { font-size: 150%; padding:0.4em; }

.infobox-section { padding:0.05em 0.5em; }

.infobox-centered { text-align: center; }

.infobox-centered img { max-width:100%; height:auto; }

.infobox-row { vertical-align: top; }

.infobox-row-name { min-width:50%; text-align: right; vertical-align:middle; background-color:var(--template-background-color-2); padding:0.1em 0.7em; color:var(--theme-sticky-nav-text-color); text-shadow:1px 1px 1px rgba(0,0,0,0.5); border-radius:5px; font-size:89%; }

.infobox .infobox-row-name a, .infobox .infobox-section a { color:#E5C3E5; }

.infobox-half-row { width:100%; height:100%; text-align:center; border: 1px solid var(--template-border-color-1); border-radius:10px; }

.infobox-half-row .infobox-row-name { text-align:center; height:.89em; }

.infobox-spacer { height: 0.5em; }

.infobox .tv-table { width:100%; text-align:center; border-spacing:2px 0; }

.infobox .tv-table th { border:1px solid var(--template-border-color-1); border-bottom:none; border-radius:5px 5px 0 0; width:14%; font-size:0.8em; }

.infobox .tv-table td { border:1px solid #875A7F; border-top:none; border-radius:0 0 5px 5px; height:1em; }

.typeMatchup { display:block; border-radius:6px; margin:3px auto; }

.typeMatchup .infobox-row-name, .typeMatchup .infobox-row-value { display:inline-block; width:calc(50% - 0.9em); }

.typeMatchup .infobox-row-name { background:none; text-shadow:none; color:#000; text-align:left; min-width:unset; }

.typeMatchup .infobox-row-value { text-align:center; }

.typeMatchup.green { background:#0F03; }

.typeMatchup.yellow { background:#FF03; }

.typeMatchup.gray { background:#0003; }

.typeMatchup.red { background:#F003; } /*********************
 * End temp infobox styles *