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;}

.zxtable td a.extiw        {color:#FFF;} .zxtable td a.extiw:visited {color:#FFF;} .zxtable td a.extiw:active {color:#FC0D1B;}

.zxtable td a.new      {color:#AC1B17;} .zxtable td a.new:hover {text-shadow:none;}

/* 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: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; }

/** Section for Multicolor Cards **/

.zxheader-RedBlue { background:-webkit-linear-gradient(left,#FE0000,#0066DD); background:-o-linear-gradient(left,#FE0000,#0066DD); background:-moz-linear-gradient(left,#FE0000,#0066DD); background:linear-gradient(left,#FE0000,#0066DD); color:#000; } .zxheader-RedWhite { background:-webkit-linear-gradient(left,#FE0000,#FEFE00); background:-o-linear-gradient(left,#FE0000,#FEFE00); background:-moz-linear-gradient(left,#FE0000,#FEFE00); background:linear-gradient(left,#FE0000,#FEFE00); color:#000; } .zxheader-RedBlack { background:-webkit-linear-gradient(left,#FE0000,#4E1692); background:-o-linear-gradient(left,#FE0000,#4E1692); background:-moz-linear-gradient(left,#FE0000,#4E1692); background:linear-gradient(left,#FE0000,#4E1692); color:#000; } .zxheader-RedGreen { background:-webkit-linear-gradient(left,#FE0000,#63BB0B); background:-o-linear-gradient(left,#FE0000,#63BB0B); background:-moz-linear-gradient(left,#FE0000,#63BB0B); background:linear-gradient(left,#FE0000,#63BB0B); color:#000; } .zxheader-BlueRed { background:-webkit-linear-gradient(left,#0066DD,#FE0000); background:-o-linear-gradient(left,#0066DD,#FE0000); background:-moz-linear-gradient(left,#0066DD,#FE0000); background:linear-gradient(left,#0066DD,#FE0000); color:#000; } .zxheader-BlueWhite { background:-webkit-linear-gradient(left,#0066DD,#FEFE00); background:-o-linear-gradient(left,#0066DD,#FEFE00); background:-moz-linear-gradient(left,#0066DD,#FEFE00); background:linear-gradient(left,#0066DD,#FEFE00); color:#000; } .zxheader-BlueBlack { background:-webkit-linear-gradient(left,#0066DD,#4E1692); background:-o-linear-gradient(left,#0066DD,#4E1692); background:-moz-linear-gradient(left,#0066DD,#4E1692); background:linear-gradient(left,#0066DD,#4E1692); color:#000; } .zxheader-BlueGreen { background:-webkit-linear-gradient(left,#0066DD,#63BB0B); background:-o-linear-gradient(left,#0066DD,#63BB0B); background:-moz-linear-gradient(left,#0066DD,#63BB0B); background:linear-gradient(left,#0066DD,#63BB0B); color:#000; } .zxheader-WhiteRed { background:-webkit-linear-gradient(left,#FEFE00,#FE0000); background:-o-linear-gradient(left,#FEFE00,#FE0000); background:-moz-linear-gradient(left,#FEFE00,#FE0000); background:linear-gradient(left,#FEFE00,#FE0000); color:#000; } .zxheader-WhiteBlue { background:-webkit-linear-gradient(left,#FEFE00,#0066DD); background:-o-linear-gradient(left,#FEFE00,#0066DD); background:-moz-linear-gradient(left,#FEFE00,#0066DD); background:linear-gradient(left,#FEFE00,#0066DD); color:#000; } .zxheader-WhiteBlack { background:-webkit-linear-gradient(left,#FEFE00,#4E1692); background:-o-linear-gradient(left,#FEFE00,#4E1692); background:-moz-linear-gradient(left,#FEFE00,#4E1692); background:linear-gradient(left,#FEFE00,#4E1692); color:#000; } .zxheader-WhiteGreen { background:-webkit-linear-gradient(left,#FEFE00,#63BB0B); background:-o-linear-gradient(left,#FEFE00,#63BB0B); background:-moz-linear-gradient(left,#FEFE00,#63BB0B); background:linear-gradient(left,#FEFE00,#63BB0B); color:#000; } .zxheader-BlackRed { background:-webkit-linear-gradient(left,#4E1692,#FE0000); background:-o-linear-gradient(left,#4E1692,#FE0000); background:-moz-linear-gradient(left,#4E1692,#FE0000); background:linear-gradient(left,#4E1692,#FE0000); color:#000; } .zxheader-BlackBlue { background:-webkit-linear-gradient(left,#4E1692,#0066DD); background:-o-linear-gradient(left,#4E1692,#0066DD); background:-moz-linear-gradient(left,#4E1692,#0066DD); background:linear-gradient(left,#4E1692,#0066DD); color:#000; } .zxheader-BlackWhite { background:-webkit-linear-gradient(left,#4E1692,#FEFE00); background:-o-linear-gradient(left,#4E1692,#FEFE00); background:-moz-linear-gradient(left,#4E1692,#FEFE00); background:linear-gradient(left,#4E1692,#FEFE00); color:#000; } .zxheader-BlackGreen { background:-webkit-linear-gradient(left,#4E1692,#63BB0B); background:-o-linear-gradient(left,#4E1692,#63BB0B); background:-moz-linear-gradient(left,#4E1692,#63BB0B); background:linear-gradient(left,#4E1692,#63BB0B); color:#000; } .zxheader-GreenRed { background:-webkit-linear-gradient(left,#63BB0B,#FE0000); background:-o-linear-gradient(left,#63BB0B,#FE0000); background:-moz-linear-gradient(left,#63BB0B,#FE0000); background:linear-gradient(left,#63BB0B,#FE0000); color:#000; } .zxheader-GreenBlue { background:-webkit-linear-gradient(left,#63BB0B,#0066DD); background:-o-linear-gradient(left,#63BB0B,#0066DD); background:-moz-linear-gradient(left,#63BB0B,#0066DD); background:linear-gradient(left,#63BB0B,#0066DD); color:#000; } .zxheader-GreenWhite { background:-webkit-linear-gradient(left,#63BB0B,#FEFE00); background:-o-linear-gradient(left,#63BB0B,#FEFE00); background:-moz-linear-gradient(left,#63BB0B,#FEFE00); background:linear-gradient(left,#63BB0B,#FEFE00); color:#000; } .zxheader-GreenBlack { background:-webkit-linear-gradient(left,#63BB0B,#4E1692); background:-o-linear-gradient(left,#63BB0B,#4E1692); background:-moz-linear-gradient(left,#63BB0B,#4E1692); background:linear-gradient(left,#63BB0B,#4E1692); 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;} .zxtable-image {margin-left: auto; margin-right: auto; margin-bottom: 10px;} }

/* 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, .zxtable-main 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; }