85 lines
1.5 KiB
CSS
85 lines
1.5 KiB
CSS
* {
|
|
box-sizing: border-box;
|
|
padding-right: 1%;
|
|
}
|
|
.label {
|
|
font-size: 1.2em;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
}
|
|
.barcode {
|
|
float: left;
|
|
width: 40%;
|
|
}
|
|
.barcode h1 {
|
|
text-align: center;
|
|
font-size: 1.8em;
|
|
margin: 0 0 10px 0
|
|
}
|
|
.barcode .image {
|
|
text-align: center
|
|
}
|
|
.barcode .image img {
|
|
width: 170px
|
|
}
|
|
.data {
|
|
float: left;
|
|
width: 60%;
|
|
}
|
|
.data .header {
|
|
background-color: #000;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
margin-bottom: 25px;
|
|
text-align: right;
|
|
font-size: 1.2em;
|
|
padding: 0.2em;
|
|
color: #FFF
|
|
}
|
|
.data .sector,
|
|
.data .producer {
|
|
text-transform: uppercase;
|
|
text-align: right;
|
|
font-size: 1.5em;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
}
|
|
.data .sector-sm {
|
|
text-transform: uppercase;
|
|
text-align: right;
|
|
font-size: 1.2em;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
}
|
|
.data .producer {
|
|
text-justify: inter-character;
|
|
}
|
|
.data .details {
|
|
border-top: 4px solid #000;
|
|
padding-top: 2px;
|
|
}
|
|
.data .details .package {
|
|
padding-right: 5px;
|
|
float: left;
|
|
width: 50%;
|
|
}
|
|
.package .packing,
|
|
.package .dated,
|
|
.package .labelNumber {
|
|
text-align: right
|
|
}
|
|
.package .packing {
|
|
font-size: 1.8em;
|
|
font-weight: 400
|
|
}
|
|
.data .details .size {
|
|
background-color: #000;
|
|
text-align: center;
|
|
font-size: 3em;
|
|
padding: 0.2em 0;
|
|
float: left;
|
|
width: 50%;
|
|
color: #FFF
|
|
} |