Template:BSicon catalogue/styles.css

From Wikimedia Commons, the free media repository
Jump to navigation Jump to search
.BSicon-catalogue { 
	text-align: center;
}

.BSicon-catalogue > tbody > tr > td:first-child,
.BSicon-catalogue .BSc-n {
	text-align: left;
}

.BSicon-catalogue .BSc-t {
	text-align: center;
}

.BSicon-catalogue > tbody > tr > td:last-child {
	text-align: left;
	white-space: nowrap;
}

.BSicon-catalogue .BSc-s {
	font-size: 80%;
}

.BSicon-catalogue > tbody > tr > th:last-child:not(:first-child),
.BSicon-catalogue > tbody > tr > th.BSc-h:not(:first-child),
.BSicon-catalogue > tbody > tr > td:last-child:not(:first-child),
.BSicon-catalogue > tbody > tr > td.BSc-n:not(:first-child),
.BSicon-catalogue > tbody > tr > td.BSc-t:not(:first-child) {
	border-left-width: 3px;
	border-left-style: double;
}

.BSicon-catalogue.vertical-headers > tbody > tr > th:not(:last-child):not(.BSc-h) {
	white-space: nowrap;
	line-height: 99%;
	vertical-align: bottom;
	padding: .4em .4em .2em;
	background-position: 50% .4em !important;
	min-width: .875em;
	max-width: .875em;
	width: .875em;
	overflow: hidden;
}

.BSicon-catalogue.vertical-headers > tbody > tr > th:not(:last-child):not(.BSc-h) > div {
	writing-mode: vertical-rl;
	display: inline-block;
	transform: rotate(180deg);
	padding-left: 1px;
	text-align: left;
}

.BSicon-catalogue.vertical-headers .BSc-h > var,
.BSicon-catalogue.vertical-headers > tbody > tr > th:not(:last-child):not(.BSc-h) > div > var {
	display: inline-block;
	width: 1.1em;
	height: 1.1em;
	font-size: 85%;
	text-align: center;
	font-style: italic;
	border-width: 1px;
}

.BSicon-catalogue.vertical-headers .BSc-h {
	line-height: 99%;
}

.BSicon-catalogue.vertical-headers > tbody > tr > th:not(:last-child) var.BSc-c {
	border: 1px solid #222;
}

.BSicon-catalogue .BSc-1 {
	border: 1px solid #D77F7E;
}

.BSicon-catalogue .BSc-2 {
	border: 1px dotted #003399;
}

.BSicon-catalogue .BSc-3 {
	border: 1px solid #64B164;
}

.BSicon-catalogue .BSc-4 {
	border: 1px dotted #BE2D2C;
}

.BSicon-catalogue .BSc-5 {
	border: 1px solid #6281C0;
}

.BSicon-catalogue .BSc-6 {
	border: 1px dotted #008000;
}

.BSicon-catalogue .BSc-7 {
	border: 1px solid #D77F7E;
}

.BSicon-catalogue .BSc-8 {
	border: 1px dotted #003399;
}

.BSicon-catalogue .BSc-9 {
	border: 1px solid #64B164;
}

.BSicon-catalogue > tbody > tr > td:not(:last-child) > a > img {
	background-color: #F9F9F9;
}

.BSicon-catalogue.icon-dark-bg > tbody > tr > td:not(:first-child):not(:last-child):not(.BSc-n):not(.BSc-t),
.BSicon-catalogue.icon-dark-bg > tbody > tr > td:not(:first-child):not(:last-child):not(.BSc-n):not(.BSc-t) > a > img,
.BSicon-catalogue.icon-dark-bg-1 > tbody > tr > td:first-child + td:not(:last-child):not(.BSc-n):not(.BSc-t),
.BSicon-catalogue.icon-dark-bg-1 > tbody > tr > td.BSc-n + td:not(:last-child):not(.BSc-n):not(.BSc-t),
.BSicon-catalogue.icon-dark-bg-1 > tbody > tr > td:first-child + td:not(:last-child):not(.BSc-n):not(.BSc-t) > a > img,
.BSicon-catalogue.icon-dark-bg-1 > tbody > tr > td.BSc-n + td:not(:last-child):not(.BSc-n):not(.BSc-t) > a > img {
	background-color: #C0C0C0;
}

.BSicon-catalogue.BSc-p-1c > tbody > tr > th:not(:first-child):not(:last-child):not(.BSc-n) > div,
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:not(:first-child):not(:last-child):not(.BSc-n) > div {
	padding-top: 4px;
}

.BSicon-catalogue.BSc-p-1c > tbody > tr > th:nth-child(35n+2):not(.BSc-n) > div { border-top: 6px solid #BE2D2C; }
.BSicon-catalogue.BSc-p-1c > tbody > tr > th:nth-child(35n+3):not(.BSc-n) > div { border-top: 6px solid #003399; }
.BSicon-catalogue.BSc-p-1c > tbody > tr > th:nth-child(35n+4):not(.BSc-n) > div { border-top: 6px solid #008000; }
.BSicon-catalogue.BSc-p-1c > tbody > tr > th:nth-child(35n+5):not(.BSc-n) > div { border-top: 6px solid #2CA05A; }
.BSicon-catalogue.BSc-p-1c > tbody > tr > th:nth-child(35n+6):not(.BSc-n) > div { border-top: 6px solid #800000; }
.BSicon-catalogue.BSc-p-1c > tbody > tr > th:nth-child(35n+7):not(.BSc-n) > div { border-top: 6px solid #EF161E; }
.BSicon-catalogue.BSc-p-1c > tbody > tr > th:nth-child(35n+8):not(.BSc-n) > div { border-top: 6px solid #FF6600; }
.BSicon-catalogue.BSc-p-1c > tbody > tr > th:nth-child(35n+9):not(.BSc-n) > div { border-top: 6px solid #FFAB2E; }
.BSicon-catalogue.BSc-p-1c > tbody > tr > th:nth-child(35n+10):not(.BSc-n) > div { border-top: 6px solid #FFD702; }
.BSicon-catalogue.BSc-p-1c > tbody > tr > th:nth-child(35n+11):not(.BSc-n) > div { border-top: 6px solid #D7C447; }
.BSicon-catalogue.BSc-p-1c > tbody > tr > th:nth-child(35n+12):not(.BSc-n) > div { border-top: 6px solid #837902; }
.BSicon-catalogue.BSc-p-1c > tbody > tr > th:nth-child(35n+13):not(.BSc-n) > div { border-top: 6px solid #99CC00; }
.BSicon-catalogue.BSc-p-1c > tbody > tr > th:nth-child(35n+14):not(.BSc-n) > div { border-top: 6px solid #2DBE2C; }
.BSicon-catalogue.BSc-p-1c > tbody > tr > th:nth-child(35n+15):not(.BSc-n) > div { border-top: 6px solid #53B147; }
.BSicon-catalogue.BSc-p-1c > tbody > tr > th:nth-child(35n+16):not(.BSc-n) > div { border-top: 6px solid #339999; }
.BSicon-catalogue.BSc-p-1c > tbody > tr > th:nth-child(35n+17):not(.BSc-n) > div { border-top: 6px solid #40E0D0; }
.BSicon-catalogue.BSc-p-1c > tbody > tr > th:nth-child(35n+18):not(.BSc-n) > div { border-top: 6px solid #00BFFF; }
.BSicon-catalogue.BSc-p-1c > tbody > tr > th:nth-child(35n+19):not(.BSc-n) > div { border-top: 6px solid #3399FF; }
.BSicon-catalogue.BSc-p-1c > tbody > tr > th:nth-child(35n+20):not(.BSc-n) > div { border-top: 6px solid #069DD3; }
.BSicon-catalogue.BSc-p-1c > tbody > tr > th:nth-child(35n+21):not(.BSc-n) > div { border-top: 6px solid #1A8BB9; }
.BSicon-catalogue.BSc-p-1c > tbody > tr > th:nth-child(35n+22):not(.BSc-n) > div { border-top: 6px solid #0078BE; }
.BSicon-catalogue.BSc-p-1c > tbody > tr > th:nth-child(35n+23):not(.BSc-n) > div { border-top: 6px solid #00619F; }
.BSicon-catalogue.BSc-p-1c > tbody > tr > th:nth-child(35n+24):not(.BSc-n) > div { border-top: 6px solid #9999FF; }
.BSicon-catalogue.BSc-p-1c > tbody > tr > th:nth-child(35n+25):not(.BSc-n) > div { border-top: 6px solid #8171AC; }
.BSicon-catalogue.BSc-p-1c > tbody > tr > th:nth-child(35n+26):not(.BSc-n) > div { border-top: 6px solid #800080; }
.BSicon-catalogue.BSc-p-1c > tbody > tr > th:nth-child(35n+27):not(.BSc-n) > div { border-top: 6px solid #B5198D; }
.BSicon-catalogue.BSc-p-1c > tbody > tr > th:nth-child(35n+28):not(.BSc-n) > div { border-top: 6px solid #CC0066; }
.BSicon-catalogue.BSc-p-1c > tbody > tr > th:nth-child(35n+29):not(.BSc-n) > div { border-top: 6px solid #F0668D; }
.BSicon-catalogue.BSc-p-1c > tbody > tr > th:nth-child(35n+30):not(.BSc-n) > div { border-top: 6px solid #ED9121; }
.BSicon-catalogue.BSc-p-1c > tbody > tr > th:nth-child(35n+31):not(.BSc-n) > div { border-top: 6px solid #CC6600; }
.BSicon-catalogue.BSc-p-1c > tbody > tr > th:nth-child(35n+32):not(.BSc-n) > div { border-top: 6px solid #8D5B2D; }
.BSicon-catalogue.BSc-p-1c > tbody > tr > th:nth-child(35n+33):not(.BSc-n) > div { border-top: 6px solid #A1B3D4; }
.BSicon-catalogue.BSc-p-1c > tbody > tr > th:nth-child(35n+34):not(.BSc-n) > div { border-top: 6px solid #999999; }
.BSicon-catalogue.BSc-p-1c > tbody > tr > th:nth-child(35n+35):not(.BSc-n) > div { border-top: 6px solid #000000; }

.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+2):not(.BSc-n) > div { border-top: 6px solid #BE2D2C; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+3):not(.BSc-n) > div { border-top: 6px solid #D77F7E; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+4):not(.BSc-n) > div { border-top: 6px solid #003399; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+5):not(.BSc-n) > div { border-top: 6px solid #6281C0; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+6):not(.BSc-n) > div { border-top: 6px solid #008000; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+7):not(.BSc-n) > div { border-top: 6px solid #64B164; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+8):not(.BSc-n) > div { border-top: 6px solid #2CA05A; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+9):not(.BSc-n) > div { border-top: 6px solid #7EC49A; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+10):not(.BSc-n) > div { border-top: 6px solid #800000; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+11):not(.BSc-n) > div { border-top: 6px solid #B16464; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+12):not(.BSc-n) > div { border-top: 6px solid #EF161E; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+13):not(.BSc-n) > div { border-top: 6px solid #F37176; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+14):not(.BSc-n) > div { border-top: 6px solid #FF6600; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+15):not(.BSc-n) > div { border-top: 6px solid #FF9955; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+16):not(.BSc-n) > div { border-top: 6px solid #FFAB2E; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+17):not(.BSc-n) > div { border-top: 6px solid #FFC969; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+18):not(.BSc-n) > div { border-top: 6px solid #FFD702; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+19):not(.BSc-n) > div { border-top: 6px solid #FFEB81; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+20):not(.BSc-n) > div { border-top: 6px solid #D7C447; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+21):not(.BSc-n) > div { border-top: 6px solid #E5DA8E; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+22):not(.BSc-n) > div { border-top: 6px solid #837902; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+23):not(.BSc-n) > div { border-top: 6px solid #B2AC64; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+24):not(.BSc-n) > div { border-top: 6px solid #99CC00; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+25):not(.BSc-n) > div { border-top: 6px solid #D1E681; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+26):not(.BSc-n) > div { border-top: 6px solid #2DBE2C; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+27):not(.BSc-n) > div { border-top: 6px solid #7FD67E; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+28):not(.BSc-n) > div { border-top: 6px solid #53B147; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+29):not(.BSc-n) > div { border-top: 6px solid #95CE8E; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+30):not(.BSc-n) > div { border-top: 6px solid #339999; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+31):not(.BSc-n) > div { border-top: 6px solid #82C0C0; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+32):not(.BSc-n) > div { border-top: 6px solid #40E0D0; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+33):not(.BSc-n) > div { border-top: 6px solid #8AEAE1; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+34):not(.BSc-n) > div { border-top: 6px solid #00BFFF; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+35):not(.BSc-n) > div { border-top: 6px solid #7FDFFF; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+36):not(.BSc-n) > div { border-top: 6px solid #3399FF; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+37):not(.BSc-n) > div { border-top: 6px solid #99CCFF; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+38):not(.BSc-n) > div { border-top: 6px solid #069DD3; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+39):not(.BSc-n) > div { border-top: 6px solid #67C2E3; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+40):not(.BSc-n) > div { border-top: 6px solid #1A8BB9; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+41):not(.BSc-n) > div { border-top: 6px solid #73B7D3; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+42):not(.BSc-n) > div { border-top: 6px solid #0078BE; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+43):not(.BSc-n) > div { border-top: 6px solid #64ACD6; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+44):not(.BSc-n) > div { border-top: 6px solid #00619F; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+45):not(.BSc-n) > div { border-top: 6px solid #649EC3; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+46):not(.BSc-n) > div { border-top: 6px solid #9999FF; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+47):not(.BSc-n) > div { border-top: 6px solid #C0C0FF; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+48):not(.BSc-n) > div { border-top: 6px solid #8171AC; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+49):not(.BSc-n) > div { border-top: 6px solid #B1A8CB; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+50):not(.BSc-n) > div { border-top: 6px solid #800080; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+51):not(.BSc-n) > div { border-top: 6px solid #B164B1; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+52):not(.BSc-n) > div { border-top: 6px solid #B5198D; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+53):not(.BSc-n) > div { border-top: 6px solid #D173B8; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+54):not(.BSc-n) > div { border-top: 6px solid #CC0066; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+55):not(.BSc-n) > div { border-top: 6px solid #DE64A1; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+56):not(.BSc-n) > div { border-top: 6px solid #F0668D; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+57):not(.BSc-n) > div { border-top: 6px solid #F4A1B8; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+58):not(.BSc-n) > div { border-top: 6px solid #ED9121; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+59):not(.BSc-n) > div { border-top: 6px solid #F1BA76; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+60):not(.BSc-n) > div { border-top: 6px solid #CC6600; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+61):not(.BSc-n) > div { border-top: 6px solid #DEA164; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+62):not(.BSc-n) > div { border-top: 6px solid #8D5B2D; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+63):not(.BSc-n) > div { border-top: 6px solid #B89A7F; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+64):not(.BSc-n) > div { border-top: 6px solid #A1B3D4; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+65):not(.BSc-n) > div { border-top: 6px solid #C6D1E5; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+66):not(.BSc-n) > div { border-top: 6px solid #999999; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+67):not(.BSc-n) > div { border-top: 6px solid #C0C0C0; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+68):not(.BSc-n) > div { border-top: 6px solid #000000; }
.BSicon-catalogue.BSc-p-2c > tbody > tr > th:nth-child(69n+69):not(.BSc-n) > div { border-top: 6px solid #646464; }


.BSicon-catalogue > tbody > tr:hover > td:not(:last-child) {
	background-color: #eaf3ff !important;
}

.BSicon-catalogue > tbody > tr:hover > td.BSc-e {
	background-color: #f3ffea !important;
}