Szablon:OpisKsiążek/styles.css

.opis-książek{
	max-height:50rem;
	overflow:auto;
	/*padding-right:4px;*/
}
.opis-książek > table > tbody > tr > th:first-child,
.opis-książek > table > tbody > tr > td:first-child{
	text-align:center;
}
.opis-książek > table > tbody > tr > th:nth-child(2),
.opis-książek > table > tbody > tr > td:nth-child(2),
.opis-książek > table > tbody > tr:first-child > th:nth-child(3) > .opis-książki,
.opis-książek > table > tbody > tr:first-child > td:nth-child(3) > .opis-książki{
	text-align:center;
}
.opis-książek > table > tbody > tr:not(:first-child) > th:nth-child(3) > .opis-książki,
.opis-książek > table > tbody > tr:not(:first-child) > td:nth-child(3) > .opis-książki{
	text-align:justify !important;
	padding:0.4rem;
}
@media all and (max-width:745px), all and (max-device-height:745px){
	.opis-książek{
		 max-height:none;
		 overflow:visible;
		 padding:0;
	}
	.opis-książek > table{
		margin:0 !important;
	}
	.opis-książek > table,
	.opis-książek > table > tbody,
	.opis-książek > table > tbody > tr{
		border:0;
	}
	.opis-książek > table > tbody > tr:not(:first-child) > th:nth-child(3) > .opis-książki,
	.opis-książek > table > tbody > tr:not(:first-child) > td:nth-child(3) > .opis-książki{
		text-align:left !important;
	}
	.opis-książek > table > tbody > tr > th:nth-child(2),
	.opis-książek > table > tbody > tr > td:nth-child(2){
		border-left:0;
	}
	.opis-książek > table,
	.opis-książek > table > tbody,
	.opis-książek > table > tbody > tr,
	.opis-książek > table > tbody > tr > th,
	.opis-książek > table > tbody > tr > td{
		display:block;
		box-sizing:border-box;
		margin:0;
	}
	.opis-książek > table > tbody > tr > th:first-child,
	.opis-książek > table > tbody > tr > td:first-child,
	.opis-książek > table > tbody > tr > th:nth-child(2),
	.opis-książek > table > tbody > tr > td:nth-child(2),
	.opis-książek > table > tbody > tr:first-child > th:nth-child(3),
	.opis-książek > table > tbody > tr:first-child > td:nth-child(3){
		text-align:center !important;
	}
	.opis-książek > table > tbody > tr:not(:first-child) > th:first-child,
	.opis-książek > table > tbody > tr:not(:first-child) > td:first-child,
	.opis-książek > table > tbody > tr:not(:first-child) > th:nth-child(2),
	.opis-książek > table > tbody > tr:not(:first-child) > td:nth-child(2){
		margin-top:-1px;
	}
	.opis-książek > table > tbody > tr > th:first-child,
	.opis-książek > table > tbody > tr > td:first-child{
		clear:both;
		float:left;
		max-width:2rem;
	}
	.opis-książek > table > tbody > tr > th:nth-child(2),
	.opis-książek > table > tbody > tr > td:nth-child(2){
		float:left;
		max-width:calc( 100% - 2rem );
	}
	.opis-książek > table > tbody > tr:first-child > th:nth-child(2),
	.opis-książek > table > tbody > tr:first-child > td:nth-child(2){
		float:left;
		width:4rem;
		border-left:0;
	}
	.opis-książek > table > tbody > tr:first-child > th:nth-child(3),
	.opis-książek > table > tbody > tr:first-child > td:nth-child(3){
		float:left;
		max-width:calc( 100% - 2rem - 4rem );
		border-left:0;
	}
	.opis-książek > table > tbody > tr:first-child,
	.opis-książek > table > tbody > tr:first-child{
		display:flex;
		flex-direction:row;
		align-items: stretch;
		justify-content: center;
	}
	.opis-książek > table > tbody > tr:first-child > th,
	.opis-książek > table > tbody > tr:first-child > td{
		display:flex;
		flex-direction:column;
		align-items: stretch;
		justify-content: center;
		border-bottom:0;
	}
	.opis-książek > table > tbody > tr:not(:first-child):not(:last-child) > th:nth-child(3),
	.opis-książek > table > tbody > tr:not(:first-child):not(:last-child) > td:nth-child(3){
		padding-top:0;
		padding-bottom:0;
		border-top:0;
		border-bottom:0;
		display:flex;
		flex-direction:column;
	}
	.opis-książek > table > tbody > tr:last-child > th:nth-child(3),
	.opis-książek > table > tbody > tr:last-child > td:nth-child(3){
		padding-top:0;
		padding-bottom:0;
		border-top:0;
		display:flex;
		flex-direction:column;
	}
	.opis-książek > table > tbody > tr:not(:first-child) > th:nth-child(3) > .opis-książki:only-child:empty,
	.opis-książek > table > tbody > tr:not(:first-child) > td:nth-child(3) > .opis-książki:only-child:empty{
		display:none;
	}
	.opis-książek > table,
	.opis-książek > table > tbody,
	.opis-książek > table > tbody > tr,
	.opis-książek > table > tbody > tr > th,
	.opis-książek > table > tbody > tr > td{
		width:100%;
		height:auto;
	}
}

/*{{Kategoria|Szablony - arkusze stylów}}*/