60 lines
1.5 KiB
CSS
60 lines
1.5 KiB
CSS
.barcode {
|
|
float:left;
|
|
clear:both;
|
|
padding: 0 10px; /*quiet zone*/
|
|
overflow:auto;
|
|
height:0.5in; /*size*/
|
|
}
|
|
.right { float:right; }
|
|
.barcode + * { clear:both; }
|
|
.barcode div {
|
|
float:left;
|
|
height: 0.35in; /*size*/
|
|
}
|
|
.barcode .bar1 { border-left:1px solid black; }
|
|
.barcode .bar2 { border-left:2px solid black; }
|
|
.barcode .bar3 { border-left:3px solid black; }
|
|
.barcode .bar4 { border-left:4px solid black; }
|
|
.barcode .space0 { margin-right:0 }
|
|
.barcode .space1 { margin-right:1px }
|
|
.barcode .space2 { margin-right:2px }
|
|
.barcode .space3 { margin-right:3px }
|
|
.barcode .space4 { margin-right:4px }
|
|
.barcode label {
|
|
clear:both;
|
|
display:block;
|
|
text-align:center;
|
|
font: 0.125in/100% helvetica; /*size*/
|
|
}
|
|
/*** bigger ******************************************/
|
|
.barcode2 {
|
|
float:left;
|
|
clear:both;
|
|
text-align:center;
|
|
padding: 0 10px; /*quiet zone*/
|
|
overflow:auto;
|
|
height:1in; /*size*/
|
|
}
|
|
.barcode2 + * { clear:both; }
|
|
.barcode2 div {
|
|
float:left;
|
|
margin:0 auto;
|
|
text-align:center;
|
|
height: 0.7in; /*size*/
|
|
}
|
|
.barcode2 .bar1 { border-left:2px solid black; }
|
|
.barcode2 .bar2 { border-left:4px solid black; }
|
|
.barcode2 .bar3 { border-left:6px solid black; }
|
|
.barcode2 .bar4 { border-left:8px solid black; }
|
|
.barcode2 .space0 { margin-right:0 }
|
|
.barcode2 .space1 { margin-right:2px }
|
|
.barcode2 .space2 { margin-right:4px }
|
|
.barcode2 .space3 { margin-right:6px }
|
|
.barcode2 .space4 { margin-right:8px }
|
|
.barcode2 label {
|
|
clear:both;
|
|
display:block;
|
|
text-align:center;
|
|
font: 0.250in/100% helvetica; /*size*/
|
|
}
|