MediaWiki:Cardtable.css

/* The current stylesheet for the Template:CardTable */
/* The default settings/values for the Template:CardTable */
.cftable {
    width: auto;
    background: #fff;
    border: 5px solid #000;
    border-radius: 6px;
    overflow: auto;
    padding: 7px;
}
.cftable .header {
    background: #000;
    border-radius: 8px;
    color: #fff;
    font-size: 1.75em;
    line-height: 1.5em;
    margin-bottom: 4px;
    text-align: center;
} 
.cftable [class*="info-"] {
    width: 58.06%;
    float: right;
}
.cftable [class*="info-"] table {
    width: 100%;
}
.cftable .info-main table {
    border-spacing: 0 3px;
}
.cftable .info-main td {
    font-size: 0.9em;
    padding-left: 7px;
}
.cftable .info-main td:first-child {
    width: 23.4%;
    background: #000;
    border-bottom-left-radius: 7px;
    color: #fff;
    font-weight: bold;
}
.cftable .info-main td:last-child {
    width: 63.6%;
    background: #eee;
    border-top-right-radius: 7px;
}
.cftable .info-extra th {
    background: #000;
    color: #fff;
}
.cftable .info-extra .sets li {
    font-size: 85%;
    line-height: 1.1em;
}
.cftable .info-extra .flavor td {
    text-align: center;
}
.cftable .info-extra .tourneystatus td {
    background: #eee;
    text-align: center;
}
.cftable .info-extra .tourneystatus td:first-child {
    background: #000;
    color: #fff;
    font-weight: bold;
}
.cftable .info-extra .misc td {
    text-align: center;
}

/* Individual nation/clan stylings */

/* Styling for units from the Dark Zone nation */
.cftable.dark {
    border-color: #4b0082;
}
.cftable.dark .header, .cftable.dark .info-extra th {
    background: #7851a9;
}
.cftable.dark .info-main td:first-child {
    background: #4b0082;
}

/* Styling for units from the Dragon Empire nation */
.cftable.dragon {
    border-color: #8b0000;
}
.cftable.dragon .header, .cftable.dragon .info-extra th {
    background: #e62020;
}
.cftable.dragon .info-main td:first-child {
    background: #8b0000;
}

/* Styling for units from the Magallanica nation */
.cftable.magallanica {
    border-color: #1010ff;
}
.cftable.magallanica .header, .magallanica .info-extra th {
    background: #4747ff;
}
.cftable.magallanica .info-main td:first-child {
    background: #1010ff;
}

/* Styling for units from the Star Gate nation */
.cftable.star {
    border-color: #696969;
}
.cftable.star .header, .cftable.star .info-extra th {
    background: #d6d6d6;
    color: #000;
}
.cftable.star .info-main td:first-child {
    background: #696969;
}

/* Styling for Link Joker units */
.cftable.link .header, .cftable.link .info-extra th {
    text-shadow: 0 0 1px red, 0 0 2px red, 0 0 3px red;
}

/* Styling for units from the United Sanctuary nation */
.cftable.united {
    border-color: #ffa00a;
}
.cftable.united .header, .cftable.united .info-extra th {
    background: #ffc54d;
    color: #000;
}
.cftable.united .info-main td:first-child {
    background: #ffa00a;
    color: #000;
}

/* Styling for units from the Zoo nation */
.cftable.zoo {
    border-color: #00853e;
}
.cftable.zoo .header, .cftable.zoo .info-extra th {
    background: #74c365;
}
.cftable.zoo .info-main td:first-child {
    background: #00853e;
}

/* Styling for Touken Ranbu clan */
.cftable.touken {
    border-color: #ff88c0;
}
.cftable.touken .header, .cftable.touken .info-extra th {
    background: pink;
    color: #000;
}
.cftable.touken .info-main td:first-child {
    background: #ff88c0;
    color: #000;
}

/* Styling for G Units */
#gunit {
    border-color: #daa520;
}
#gunit .header, #gunit .info-extra th {
    background: #800;
    border: #daa520 solid 3px;
    color: #fff;
}
#gunit .info-main td:first-child {
    background: #800;
    border: #daa520 solid 2px;
    border-right-style: none;
    color: #fff;
}
#gunit .info-main td:last-child {
    border: #daa520 solid 2px;
    border-left-style: none;
}
#gunit.dark .header, #gunit.dark .info-extra th {
    background: #7851a9;
}
#gunit.dragon .header, #gunit.dragon .info-extra th {
    background: #e62020;
}
#gunit.magallanica .header, #gunit.magallanica .info-extra th {
    background: #4747ff;
}
#gunit.star .header,  #gunit.star .info-extra th {
    background: #d6d6d6;
    color: #000;
}
#gunit.united .header, #gunit.united .info-extra th {
    background: #ffc54d;
    color: #000;
}
#gunit.zoo .header, #gunit.zoo .info-extra th {
    background: #74c365;
}
#gunit.touken .header, #gunit.touken .info-extra th {
    background: pink;
    color: #000;
}

/* Styling for Cray Elemental G units */
#gunit-ce.cftable {
    border-color: #daa520;
} 
#gunit-ce .header, #gunit-ce .info-extra th {
    background: linear-gradient(45deg, #60c2c4, #c1b9da, #e0b5c0, #ded3a2, #d0e2a6, #74b490);
    border: #daa520 solid 3px;
    color: #fff;
    text-shadow: 0 0 4px #cc00cc, 0 0 4px #cc00cc, 0 0 4px #cc00cc, 0 0 4px #cc00cc, 0 0 4px #cc00cc, 0 0 4px #cc00cc;
}
#gunit-ce .info-main td:first-child {
    background: #800;
    border: #daa520 solid 2px;
    border-right-style: none;
    color: #fff;  
}
#gunit-ce .info-main td:last-child {
    border: #daa520 solid 2px;
    border-left-style: none;  
}

/* Styling for Trigger units */
#trigger .info-main td:first-child, #trigger .info-extra th {
    background: yellow;
    color: #000;
}

/* Styles below this line are experimentals */
#messiah .header, #messiah .info-extra th {
    background: linear-gradient(45deg, #60c2c4, #c1b9da, #e0b5c0, #ded3a2, #d0e2a6, #74b490);
    text-shadow: 0 0 2px #cc00cc, 0 0 2px #cc00cc, 0 0 2px #cc00cc, 0 0 2px #cc00cc, 0 0 2px #cc00cc, 0 0 2px #cc00cc;
}

/* Styling for G Guardian G Units */
#gunit-gg {
    border-color: #daa520;
}
#gunit-gg .header, #gunit-gg .info-extra th {
    background: #01632F;
    border: #daa520 solid 3px;
    color: #fff;
}
#gunit-gg .info-main td:first-child {
    background: #01632F;
    border: #daa520 solid 2px;
    border-right-style: none;
    color: #fff;
}
#gunit-gg .info-main td:last-child {
    border: #daa520 solid 2px;
    border-left-style: none;
}
#gunit-gg.dark .header, #gunit-gg.dark .info-extra th {
    background: #7851a9;
}
#gunit-gg.dragon .header, #gunit-gg.dragon .info-extra th {
    background: #e62020;
}
#gunit-gg.magallanica .header, #gunit-gg.magallanica .info-extra th {
    background: #4747ff;
}
#gunit-gg.star .header,  #gunit-gg.star .info-extra th {
    background: #d6d6d6;
    color: #000;
}
#gunit-gg.united .header, #gunit-gg.united .info-extra th {
    background: #ffc54d;
    color: #000;
}
#gunit-gg.zoo .header, #gunit-gg.zoo .info-extra th {
    background: #74c365;
}
#gunit-gg.touken .header, #gunit-gg.touken .info-extra th {
    background: pink;
    color: #000;
}

/* Styling for Cray Elemental G Guaridan G units */
#gunit-ce-gg.cftable {
    border-color: #daa520;
} 
#gunit-ce-gg .header, #gunit-ce-gg .info-extra th {
    background: linear-gradient(45deg, #60c2c4, #c1b9da, #e0b5c0, #ded3a2, #d0e2a6, #74b490);
    border: #daa520 solid 3px;
    color: #fff;
    text-shadow: 0 0 4px #cc00cc, 0 0 4px #cc00cc, 0 0 4px #cc00cc, 0 0 4px #cc00cc, 0 0 4px #cc00cc, 0 0 4px #cc00cc;
}
#gunit-ce-gg .info-main td:first-child {
    background: #01632F;
    border: #daa520 solid 2px;
    border-right-style: none;
    color: #fff;  
}
#gunit-ce-gg .info-main td:last-child {
    border: #daa520 solid 2px;
    border-left-style: none;  
}