Template:Vol/styles.css

From JoJo's Bizarre Encyclopedia - JoJo Wiki
Jump to navigation Jump to search
.volumeTable {
	display: table;
	width: 100%;
	background-color: #F0F0F0;
	border: 3px groove #444;
}

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

.volumeTable dl {
	margin-left: 20px;
}

.volumeTable dd {
	margin-left: 0;
}

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

.volumeTableRow {
	display: table-row;
}

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

.volumeTableHeading {
	color: white;
}

.volumeTableChTitles {
	padding: 3px 10px;
	text-align: center;
}

.volumeTableNumber {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #999;
	width: 11%;
	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;
	display: table-cell;
	position: relative;
}

.volumeTableTitle2 {
	padding: 5px;
}

.volumeTableImage {
	border: 1px solid #999;
	display: table-cell;
	text-align: center;
	min-width: 150px;
	width: 150px;
	vertical-align: middle;
}

.volumeTableImage img {
  border: 2px solid black;
}

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

.volumeTableAll {
	display: table-cell;
	width: 100%;
	vertical-align: top;
}

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

.volumeTableChapters {
	display: table;
	width: 100%;
	margin-top: 10px;
}

.volumeTableAllChapters {
  display: table-cell;
  width: 100%;
}

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

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

.volumeTableNone {
	padding-left: 15px;
}

.boxAnchorLink {
	float: none;
	display: inline-block;
	position: absolute;
	right: 0;
	top: 10%;
}

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

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

	.skin-minerva .volumeTableNumber {
    	display: table-header-group;
	}
	
	.skin-minerva .volumeTableChList2 .noexcerpt {
		display: initial;
	}
	
	.skin-minerva .volumeTable .boxAnchorLink {
		display: none;
	}
}