MediaWiki:Common.css: Difference between revisions

From Pixelrus
Jump to navigation Jump to search
(Created page with "→‎===== Prettier Pokémon infobox =====: table.pkmn-infobox { font-family: Verdana, Arial, sans-serif; font-size: 90%; border-collapse: collapse; border-radius: 10px; overflow: hidden; →‎keep rounded corners: box-shadow: 0 0 6px rgba(0,0,0,0.2); } table.pkmn-infobox th, table.pkmn-infobox td { padding: 4px 6px; } table.pkmn-infobox th { background:#f9f9f9; text-align: left; white-space: nowrap; } table.pkmn-infobox t...")
 
No edit summary
Line 1: Line 1:
/* ===== Prettier Pokémon infobox ===== */
/* --- Bulbapedia-style infobox tweaks ---------------------------------- */
table.pkmn-infobox {
table.pkmn-infobox {
     font-family: Verdana, Arial, sans-serif;
     border: 4px solid var(--pkmn-border, #4CAF50); /* default green */
    font-size: 90%;
     border-radius: 12px;
    border-collapse: collapse;
     background: #fefefe;
     border-radius: 10px;
     overflow: hidden;          /* keep rounded corners */
    box-shadow: 0 0 6px rgba(0,0,0,0.2);
}
}
table.pkmn-infobox th,
table.pkmn-infobox th.header-main {
table.pkmn-infobox td {
    background: var(--pkmn-border, #4CAF50);
     padding: 4px 6px;
    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 {
table.pkmn-infobox th[scope=row] {
     background:#f9f9f9;
     background:#f0f0f0;
     text-align: left;
    width:120px;
     white-space: nowrap;
     text-align:left;
     padding:4px 6px;
}
}
table.pkmn-infobox th[scope="row"] {
table.pkmn-infobox td {
     width:110px;
     padding:4px 6px;
    font-weight:bold;
}
}
table.pkmn-infobox img {
span.type-badge {
     border: none;
    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;}

Revision as of 18:09, 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;}