MediaWiki:Common.css: Difference between revisions

Latest revision as of 13:37, 7 January 2025

/* CSS placed here will be applied to all skins */

/* Infobox template style */
.infobox {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    color: black;
    margin: 0.5em 0 0.5em 1em;
    padding: 0.2em;
    float: right;
    clear: right;
}
.infobox td,
.infobox th {
    vertical-align: top;
}
.infobox caption {
    font-size: larger;
}
.infobox.bordered {
    border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
    border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
    border: 0;
}

/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
    border: 0;
    border-top: 1px solid #aaa;
    border-right: 1px solid #aaa;
}

.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
    border: 0;
    border-right: 1px solid #aaa;
}

.elementaltypetable > * > * > * {
    border-color: #585a5c !important;
}

th.sidecell {
    text-align: left !important;
}

th.rotatecell
{
  vertical-align: bottom;
  text-align: center;
  width: 30px;
  padding-bottom: 5px !important;
  padding-top: 15px !important;
}

th.rotatecell > a
{
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  white-space: nowrap;
}

th.rotatecell#dark > a, th.sidecell#dark > a
{
    color: black !important;
}

th.rotatecell#light > a, th.sidecell#light > a
{
    color: white !important;
}


span.infobox_elemental_type {
    overflow: auto;
    display: block;
    padding: 4px 6px;
    font-weight: bold;
}

span#typeUntyped {
    background-color: #EFEFEF;
}

span#typeUntyped > a {
    color: black !important;
}

span#typeEarth {
    background-color: #BF9000;
}

span#typeEarth > a {
    color: black !important;
}

span#typeWind {
    background-color: #EEAEFF;
}

span#typeWind > a {
    color: black !important;
}

span#typeForce {
    background-color: #D9694B;
}

span#typeForce > a {
    color: black !important;
}

span#typeFlame {
    background-color: #FF9900;
}

span#typeFlame > a {
    color: black !important;
}

span#typeWater {
    background-color: #6D9EEB;
}

span#typeWater > a {
    color: black !important;
}

span#typeFrost {
    background-color: #C0E7FF;
}

span#typeFrost > a {
    color: black !important;
}

span#typeShock {
    background-color: #FFE620;
}

span#typeShock > a {
    color: black !important;
}

span#typeOrganic {
    background-color: #3FE020;
}

span#typeOrganic > a {
    color: black !important;
}

span#typeToxic {
    background-color: #8E7CC3;
}

span#typeToxic > a {
    color: black !important;
}

span#typeLight {
    background-color: #FFEFC0;
}

span#typeLight > a {
    color: black !important;
}

span#typeShadow {
    background-color: #202020;
}

span#typeShadow > a {
    color: white !important;
}

span#typeMetal {
    background-color: #999999;
}

span#typeMetal > a {
    color: black !important;
}

span#typePlasma {
    background-color: #CC0000;
}

span#typePlasma > a {
    color: white !important;
}

span#typeCrystal {
    background-color: #A64D79;
}

span#typeCrystal > a {
    color: white !important;
}

span#typeLogic {
    background-color: #DC268D;
}

span#typeLogic > a {
    color: white !important;
}

span#typeMystic {
    background-color: #0B5394;
}

span#typeMystic > a {
    color: white !important;
}

span#typeChaos {
    background-color: #0F7F6E;
}

span#typeChaos > a {
    color: white !important;
}

span#typeDeath {
    background-color: #660000;
}

span#typeDeath > a {
    color: white !important;
}