MediaWiki:CardTable.css

/***** CSS stylesheet for Template:CardTable. Based on CSS used in Selector Wikia WIXOSS and Z/X Official Site. *****/

/* Links */

.zxtable a        {text-decoration:none;} .zxtable a:link   {color:#FFF;} .zxtable a:visited {color:#FFF;} .zxtable a:hover  { color:#FFF; text-shadow: 0 0 2px #FC3E3E, 0 0 5px #FC3E3E, 0 0 10px #FC3E3E } .zxtable a:active, a:focus {color:#FC0D1B;}

/* Card Table Border */

.zxtable { background:none repeat scroll 0 0 #171717; border:5px solid #A22020; border-radius:5px; overflow:auto; width:auto; padding:5px; margin:0 5px 5px; -moz-box-shadow:0 0 5px 1px #AC1B17; -webkit-box-shadow:0 0 5px 1px #AC1B17; box-shadow:0 0 5px 1px #AC1B17; } .zx-Red { border-color:#FBD7D5; } .zx-Blue { border-color:#CFE2F1; } .zx-White { border-color:#FFF9CD; } .zx-Black { border-color:#DFD1E8; } .zx-Green { border-color:#D2EED7; } .zx-Colorless { border-color:#EEE; } .tabbed { border:none; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; margin: 0px; }

/* Card Table Header */

.zxtable-header { background:none repeat scroll 0 0 #5D0909; color:#FFF; border-radius:5px 5px 0 0; font-size:1.5em; line-height:1.5em; margin-bottom:5px; padding:5px; text-align: center; } .zxheader-Red { background:none repeat scroll 0 0 #FE0000; color:#000; } .zxheader-Blue { background: none repeat scroll 0 0 #0066DD; color:#000; } .zxheader-White { background: none repeat scroll 0 0 #FEFE00; color:#000; } .zxheader-Black { background:none repeat scroll 0 0 #4E1692; color:#000; } .zxheader-Green { background:none repeat scroll 0 0 #63BB0B; color:#000; } .zxheader-Colorless { background:none repeat scroll 0 0 #CCC; color:#000; } .zxheader-tabbed { border-radius:5px; }

/* Container */

.zxtable-container { display:flex; }

.zxtable-image { color:#FFF; margin:5px 8px 0 0; text-align:center; }

.zxtable-info { width:100%; }

@media screen and (max-width: 900px) { .zxtable-container {flex-flow:column wrap;} }

/* Main Table */

.zxtable-wrapper { border:1px solid #FF0000; padding:2px; -moz-box-shadow:0 0 10px 1px #AC1B17; -webkit-box-shadow:0 0 10px 1px #AC1B17; box-shadow:0 0 10px 1px #AC1B17; margin:5px 3px 3px; }

.zxtable-main { border-collapse:collapse; border:1px solid #A22020; color:#FFF; font-size:12px; width:100%; } .zxtable-main th, td { vertical-align:middle; } .zxtable-main th { border:1px solid #A22020; background:none repeat scroll 0 0 #171717; /* Change to #5D0909 in Wikiaphone */ padding:1px; text-shadow: 0 0 6px #FF3E3E, 0 0 5px #FF3E3E, 0 0 10px #FF3E3E; width:25%; } .zxtable-main th .wrapper { border:1px solid #A22020; /* Change to 0 in Wikiaphone */ background:none repeat scroll 0 0 #5D0909; padding:5px; height:100%; } .zxtable-main th .mw-collapsible-toggle { padding:5px; } .zxtable-main td { padding:5px; border:1px solid #A22020; }

.zxtable-content { margin:0px; width:100%; } .zxtable-content th { text-align:center; } .zxtable-content td { background:#171717; text-align:justify; }

/* Miscellaneous Info */

.zxtable-misc { border-collapse:collapse; width:100%; padding:5px; margin:15px 0 10px 0; text-align:center; }