MediaWiki:Fandomdesktop.css
Aller à la navigation
Aller à la recherche
Dans d’autres langues: English • Español
Tous changements apportés au fichiers CSS et Javascript doivent être conforme aux règles de design du wiki.
Note : après avoir enregistré vos modifications, il se peut que vous deviez forcer le rechargement complet du cache de votre navigateur pour voir les changements.
- Firefox / Safari : maintenez la touche Maj (Shift) en cliquant sur le bouton Actualiser ou pressez Ctrl-F5 ou Ctrl-R (⌘-R sur un Mac)
- Google Chrome : appuyez sur Ctrl-Maj-R (⌘-Shift-R sur un Mac)
- Internet Explorer : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl-F5
- Opera : allez dans Menu → Settings (Opera → Préférences sur un Mac) et ensuite à Confidentialité & sécurité → Effacer les données d’exploration → Images et fichiers en cache.
.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 */
#fp-container {
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;
}
}
.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;
}
#content .fplink a,
#content .fplink a.extiw {
color: var(--theme-sticky-nav-background-color);
}
#fp-top {
grid-area: a;
}
#fp-flex {
grid-area: b;
}
#fp-bottom {
grid-area: c;
}
/* 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;
}
/***************************************
* Used by [[Template:Temtem portrait]] *
****************************************/
@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;
}
.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; /*[[File:Temtem portrait border.png]]*/
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%; /*[[File:Temtem portrait background.png]]*/
}
.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 *
********************************/
/***********************************
* Used by [[Template:Temtem list]] *
************************************/
.temtem-list td:nth-of-type(2){
text-align:left;
white-space:nowrap;
}
/******************
* End Temtem list *
*******************/
/*********************************
* Used by [[Template:Hover gif]] *
**********************************/
.hover-gif .thumb {
position: relative;
opacity: 1;
outline: 1px solid #3C4258;
overflow:clip;
top:1px;
right:1px;
}
.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; /* [[File:Gif icon overlay.png]] */
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 *
************************/
/************************************
* Used to help de-clutter [[Koish]] *
*************************************/
.koish-tabs .tabbernav {
display:flex;
flex-flow:row wrap;
}
.koish-tabs .tabbernav li {
flex-grow:1;
max-width:8em;
}
.koish-tabs .tabbernav li a:link {
display:block;
text-align:center;
}
/*****************
* End Koish tabs *
******************/
/****************************************
* Formatting for [[Template:Evobox]] *
* Coloring found in specific skin files *
*****************************************/
.evobox-container {
display:inline-flex;
padding:2px;
border-radius:10px;
}
.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 *
***********************/
/************************************
* Used by [[Template:Encounterbox]] *
*************************************/
.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;
}
.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 *
*****************************/
/************************
* [[Widget:Postal mpa]] *
*************************/
#postal-map {
display:inline-block;
background:var(--template-background-color-1);
border:2px solid var(--template-border-color-1);
border-radius:10px;
z-index:1;
}
#postal-map #legend-container {
float:left;
width:15em;
text-align:center;
padding:0.5em;
}
#postal-map #map-container {
margin:4px;
background-color:#002343;
border-radius:10px;
overflow:clip;
}
#postal-map .location {
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);
}
#map-container {
display:inline-block;
position:relative;
}
.delivery-target {
position:absolute;
background-color:red;
border-radius:50%;
z-index:2;
}
#map-container .map:not(.selected){
display:none;
}
#postal-autocomplete {
position: relative;
display: inline-block;
width:calc(100% - 17px);
height:1.5rem;
box-sizing:unset; /* mobile */
}
#postal-autocomplete-list {
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;
}
#postal-autocomplete-list div {
padding: 10px;
cursor: pointer;
background-color: var(--theme-article-neutral-color);
border-bottom: 1px solid var(--theme-article-neutral-color--inverted);
text-align:left;
}
#postal-autocomplete-list .postal-autocomplete-active,
#postal-autocomplete-list div:hover {
background-color: var(--theme-accent-color);
color: var(--theme-accent-color--hover);
}
#postal-dropdown {
height:1.5rem;
width:17px;
border-style:none;
float:right;
direction:rtl;
}
#postal-dropdown option {
direction:ltr;
}
#postal-input {
padding:2px;
border:1px solid var(--theme-article-neutral-color--inverted);
width:calc(100% - 5px);
height:calc(100% - 6px);
}
/************************
* End Widget:Postal map *
*************************/
/**********************************
* Used by [[Template:Gender ratio *
***********************************/
.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;
}
.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 *
********************/
/*******************************
* Used by [[Template:Shopbox]] *
********************************/
.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;
}
.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 *
************************/
/*****************
* Infobox styles *
******************/
.portable-infobox {
--pi-background: var(--template-background-color-1);
--pi-border-color: var(--template-border-color-1);
}
.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 *
***********************/
/*****************
* temp Infobox styles, should be removed after full portable infobox conversion *
******************/
.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;
}
.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 *
**********************/