body {
/* only occurs on 1st page - replaced with inline divs:
background-image: url("http://localhost/images/YH-GMC.jpg");
background-repeat: no-repeat;
background-position: right top;
*/
}
td {
font-family: verdana, sans-serif;
font-size: 13px;
}
div.inline { display: inline-block; }
div.logo { float: right }
div.header { font-size: 28px; color: #808080; }
p.header {
font-size: 20px;
font-weight: bold;
text-align: center;
padding: 5px;
}
span.header { font-weight: bold; }
span.red { color: #f00 }
div.participant {
display: inline-block;
vertical-align: top;
width: 40%;
}
div.sample {
display: inline-block;
vertical-align: top;
margin-left: 1%;
width: 58%;
}
div.barcode-text { text-align: center; font-size: 11px; margin-top: 5px; }
div.participant-barcode { margin-top: 5px; }
table.content { border-collapse: collapse; width: 100%; }
table.content td,
table.content th { border: none; padding: 10px; }
table.content tr { vertical-align: top; }
table.content th { background: #c0c0c0; color: #00f; }
td.label {
width: 50%;
color: #c0c0c0;
text-align: center;
vertical-align: middle;
}
td.purple { color: #fff; background: #5a3465 }
td.sticker {
height: 75px;
vertical-align: middle;
border: 1px solid #fff !important; /* #c0c0c0 */
}
td.with-border {
/* border: dotted 1px #c0c0c0 !important; // leaks over to sticker !! */
}
td.id-label {
/* border: solid 1px silver !important; */
padding-top: 6px;
height: 75px;
}
td.id-label div {
font-weight: bold;
font-size: 7pt;
margin-left: 30px;
}
td.borderless { border: none !important; }
td.edta { color: #fff; background: #5a3465; width: 55%; }
td.plasma { background: #acc8b1; }
td.serum { background: #ecb241; }
td.spacer { width: 80px; border: none; }
#info {
border: none;
text-align: right;
color: #800000;
}
/* styles for linear (1D) barcodes */
table.hbc { border-width: 0; border-spacing: 0; margin: auto; }
table.hbc tr,
table.hbc td { border: none; margin: 0; padding: 0; text-align: center; }
td.hbc_on,
td.hbc_off { width: 2px; height: 20px; }
td.hbc_on { background-color: #000; color: inherit; }
td.hbc_off { background-color: #fff; color: inherit; }
/* styles for 2D (DataMatrix & QRCode) barcodes */
table.hbc2d { border-width: 0; border-spacing: 0; margin: auto; }
table.hbc2d tr,
table.hbc2d td { border: none; margin: 0; padding: 0; text-align: center; }
table.hbc2d td.hbc2d_on,
table.hbc2d td.hbc2d_off { width: 3px; height: 3px; }
table.hbc2d td.hbc2d_on { background-color: #000; color: inherit; }
table.hbc2d td.hbc2d_off { background-color: #fff; color: inherit; }
/* reduced dimensions for RHS barcodes */
table.hbc2d_small { border-width: 0; border-spacing: 0; margin: auto; }
table.hbc2d_small tr,
table.hbc2d_small td { border: none; margin: 0; padding: 0; text-align: center; }
table.hbc2d_small td.hbc2d_on { background-color: #000; color: inherit; }
table.hbc2d_small td.hbc2d_off { background-color: #fff; color: inherit; }
table.hbc2d_small td.hbc2d_on,
table.hbc2d_small td.hbc2d_off { width: 2px; height: 2px; }