Template:Collapsible with classes/style.css

table.collapsible-with-classes {border: 1px solid #aaa;}
table.collapsible-with-classes > tbody > tr > th {background-color: #ddd;}
table.collapsible-with-classes > tbody > tr:first-child > th {padding-right: 30px;}
table.collapsible-with-classes > tbody > tr > td {padding: 6px;}


/* color classes */

table.collapsible-with-classes.color-cream {border: 1px solid #d6c77c;}
table.collapsible-with-classes.color-cream > tbody > tr > th {background-color: #fcf4ca; color: #80774a;}

table.collapsible-with-classes.color-beige {border: 1px solid #b8aa93;}
table.collapsible-with-classes.color-beige > tbody > tr > th {background-color: #e9d9bf; color: #807666;}

table.collapsible-with-classes.color-rose {border: 1px solid #e5baba;}
table.collapsible-with-classes.color-rose > tbody > tr > th {background-color: #ffe7e7; color: #896f6f;}


/* classes */

table.collapsible-with-classes.light {border: 1px solid #ddd;}
table.collapsible-with-classes.light > tbody > tr > th {background-color: #f0f0f0;}
table.collapsible-with-classes.light > tbody > tr > th {opacity: .6;}
table.collapsible-with-classes.light > tbody > tr > th > span.collapseButton {opacity: 1;}  /* restrict line before */

table.collapsible-with-classes.strong {border: 2px solid #999;}
table.collapsible-with-classes.strong > tbody > tr > th {background-color: #ccc;}
table.collapsible-with-classes.strong > tbody > tr > td {padding: 10px;}

table.collapsible-with-classes.wide {width: 100%;}
table.collapsible-with-classes.followed {border-bottom: none;}
table.collapsible-with-classes.gap-above {margin-top: 10px;}
table.collapsible-with-classes.gap-below {margin-bottom: 10px;}
table.collapsible-with-classes.center {text-align: center;}


/* move collapse button to the left */

table.collapsible-with-classes span.collapseButton {
	float: left;
	margin-left: 10px;
	opacity: .6;
	margin-right: 30px;
}


/* wrapper for templates of NP equivalence classes */

table.collapsible-with-classes.boolf-np {
	border-collapse: collapse;
}
table.collapsible-with-classes.boolf-np > tbody > tr > td {
	border: 3px solid #e2c1a8;
	padding: 0;
}
table.collapsible-with-classes.boolf-np > tbody > tr > th {
	border: 3px solid #e2c1a8;
	background-color: #edd9ca;
	padding-top: 2px;
	padding-bottom: 2px;
}