MediaWiki:Common.css: Difference between revisions

Revision as of 18:20, 17 May 2025

/* --- Bulbapedia-style infobox tweaks ---------------------------------- */
table.pkmn-infobox {
    border: 4px solid var(--pkmn-border, #4CAF50);  /* default green */
    border-radius: 12px;
    background: #fefefe;
}
table.pkmn-infobox th.header-main {
    background: var(--pkmn-border, #4CAF50);
    color:#fff;
    font-size: 150%;
    text-align: center;
    padding:6px 0;
}
table.pkmn-infobox th.subhead {
    background:#d8d8d8;
    text-align:center;
    font-size:110%;
    padding:4px 0;
}
table.pkmn-infobox th[scope=row] {
    background:#f0f0f0;
    width:120px;
    text-align:left;
    padding:4px 6px;
}
table.pkmn-infobox td {
    padding:4px 6px;
}
span.type-badge {
    display:inline-block; min-width:64px;
    color:#fff; font-weight:bold; text-align:center;
    border-radius:6px; margin:2px 2px; padding:2px 4px 3px;
}
span.type-Bug       { background:#A8B820;}
span.type-Dark      { background:#705848;}
span.type-Dragon    { background:#7038F8;}
span.type-Electric  { background:#F8D030;}
span.type-Fairy     { background:#EE99EE;}
span.type-Fighting  { background:#C03028;}
span.type-Fire      { background:#F08030;}
span.type-Flying    { background:#A890F0;}
span.type-Ghost     { background:#705898;}
span.type-Grass     { background:#78C850;}
span.type-Ground    { background:#E0C068;}
span.type-Ice       { background:#98D8D8;}
span.type-Normal    { background:#A8A878;}
span.type-Poison    { background:#A040A0;}
span.type-Psychic   { background:#F85888;}
span.type-Rock      { background:#B8A038;}
span.type-Steel     { background:#B8B8D0;}
span.type-Water     { background:#6890F0;}


/* ----- EV yield boxes ------------------------------------------------- */
.evbar-wrapper {
    text-align:center;
    padding:4px 0;
}
span.ev-box {
    display:inline-block;
    width:64px; min-height:48px;
    margin:2px 4px;
    border-radius:12px;
    font-weight:bold; line-height:18px;
    color:#000; background:#ddd;
}
.ev-box .value { display:block; font-size:110%; padding-top:4px; }
.ev-box .label { display:block; font-size:90%; }
.ev-HP      { background:#A7DB8D; }  /* Light green */
.ev-Atk     { background:#F5AC78; }  /* Peach */
.ev-Def     { background:#FAE078; }  /* Light yellow */
.ev-SpAtk   { background:#9DB7F5; }  /* Light blue */
.ev-SpDef   { background:#AFAFDC; }  /* Periwinkle */
.ev-Speed   { background:#FA92B2; }  /* Pink */