Template:Vol/styles.css

.volumeTable {
	display: table;
	width: 100%;
	background-color: #F0F0F0;
	border: 3px groove #162e62;
}

.volumeTable ul {
	margin: 0 0 0 -10px !important;
}

.listCol1, .listCol2 {
  border: 1px solid #999;
}

.volumeTableRow {
	display: table-row;
}

.volumeTableHead {
	display: table;
	width: 100%;
}

.volumeTableHeading {
	color: white;
}

.volumeTableNumber {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #999;
	width: 10%;
	color: white;
	font-size: small;
	font-variant: small-caps;
}

.volumeTableNumber a, .volumeTableHeading a, .volumeTableTitle a {
	color: white !important;
}

.noTitle {
	width: 100%;
	font-size: initial;
	padding: 10px;
}

.volumeTableTitle {
	border: 1px solid #999;
	font-weight: bold;
	text-align: center;
	color: white;
}

.volumeTableTopInner {
	display: table-cell;
	width: 85%;
	vertical-align: top;
}

.volumeTableImage {
	border: 1px solid #999;
	display: table-cell;
	text-align: center;
}

.volumeTableCell {
	border: 1px solid #999;
	display: table-cell;
	padding: 3px 10px;
	width: 50%;
}

.volumeTableTop {
	display: table;
	width: 100%;
}

.volumeTableInfo {
	display: table;
	width: 100%;
}

.volumeTableChapters {
	display: table;
	width: 100%;
}

.volumeTableChList, .volumeTableChList2 {
  font-size: small;
}

.volumeTableChList2 .noexcerpt {
  font-size: smaller !important;
  display: block;
}

@media only screen and (min-width: 1100px) {
	.volumeTableDate {
		width: 58.85%;
	}
}

@media only screen and (max-width: 1100px) {
	.volumeTableImage {
    	display: table-header-group;
	}

	.volumeTableNumber {
    	display: table-header-group;
	}
	
	.content .volumeTableChList ol {
    	padding-left: 1.2em !important;
	}
	
	.content .volumeTableChList2 ol {
    	padding-left: 1.2em !important;
	}
	
	.volumeTableChList2 .noexcerpt {
		display: initial;
	}
}