Template:CC2Stage/styles.css

.cc2StageBox { width: 99.5%; display: table; border-color: #111b2f; }

.cc2StageRow { display: table; width: 100%; border-style: inset; }

.cc2StageNo { display: table-cell; vertical-align: middle; color: white; text-shadow: 1px 1px 1px #333333; text-align: center; }

.cc2StageName { display: table-cell; padding-left: 5px; vertical-align: middle; }

.cc2StageMiddle { width: 100%; border-style: inset; border-top: none; color: white; }

.cc2StageHeading { text-align:center; color:white; }

.cc2StageHeading2 { background-color: white; }

.cc2StageDesc { display:inline-block; text-align:start; }

.cc2StageP1, .cc2StageE1 { width: 80px; text-align: center; }

.cc2StageP2 a, .cc2StageE2 a { color: white !important; font-weight: bold; text-shadow: 1px 1px 5px black; }

.cc2StageP2, .cc2StageE2 { text-shadow: 1px 1px 3px black; text-align: center; width: 50%; }

.cc2StageBottom { width: 100%; border-style: inset; border-top: none; display: table; text-align: center; }

.cc2StageBottom .mw-collapsible-content { display: grid; width: 100%; }

.epsbox .mw-collapsible-toggle a { color: white !important; }

@media only screen and (max-width: 600px) { .cc2StageP1, .cc2StageE1 { width: 50px !important; }	.cc2StageP1 img, .cc2StageE1 img { width: 50px !important; } }