116 lines
2.0 KiB
CSS
116 lines
2.0 KiB
CSS
html {
|
|
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
|
margin: 10px;
|
|
font-size: 22px;
|
|
}
|
|
.mainTable, .specialTable, .categoryTable, .observationTable {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
font-size: inherit;
|
|
}
|
|
.mainTable td {
|
|
width: 50%;
|
|
border: 1px solid black;
|
|
vertical-align: top;
|
|
padding: 15px;
|
|
font-size: inherit;
|
|
}
|
|
.signTable {
|
|
height: 12%;
|
|
}
|
|
.signTable td {
|
|
width: calc(100% / 3);
|
|
border: 1px solid black;
|
|
vertical-align: top;
|
|
font-size: inherit;
|
|
padding: 15px;
|
|
border-top: none;
|
|
}
|
|
#title {
|
|
font-weight: bold;
|
|
font-size: 85px;
|
|
}
|
|
hr {
|
|
border: 1px solid #cccccc;
|
|
height: 0px;
|
|
border-radius: 25px;
|
|
}
|
|
#cellHeader {
|
|
border: 0px;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
}
|
|
#label, #merchandiseLabels {
|
|
font-size: 13px;
|
|
}
|
|
#merchandiseLabels {
|
|
border: none;
|
|
}
|
|
.imgSection {
|
|
text-align: center;
|
|
height: 200px;
|
|
overflow: hidden;
|
|
}
|
|
img {
|
|
object-fit: contain;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
#lineBreak {
|
|
white-space: pre-line;
|
|
}
|
|
.specialTable td {
|
|
border: 1px solid black;
|
|
vertical-align: top;
|
|
padding: 15px;
|
|
font-size: inherit;
|
|
border-top: none;
|
|
border-bottom: none;
|
|
}
|
|
.specialTable #itemCategoryList {
|
|
width: 70%;
|
|
padding-top: 10px;
|
|
}
|
|
.categoryTable {
|
|
padding-bottom: none;
|
|
}
|
|
.categoryTable td {
|
|
vertical-align: top;
|
|
font-size: inherit;
|
|
border: none;
|
|
padding: 5px;
|
|
overflow: hidden;
|
|
}
|
|
.categoryTable #merchandiseLabels {
|
|
border-bottom: 4px solid #cccccc;
|
|
padding: none;
|
|
}
|
|
#merchandiseDetail {
|
|
font-weight: bold;
|
|
padding-top: 10px;
|
|
}
|
|
#merchandiseData {
|
|
font-weight: bold;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
#merchandiseLabels td {
|
|
padding-bottom: 11px;
|
|
max-width: 300px;
|
|
}
|
|
|
|
.observationTable tr td {
|
|
border: none;
|
|
padding: 5px;
|
|
}
|
|
|
|
#qrSection {
|
|
text-align: center;
|
|
width: 30%;
|
|
}
|
|
|
|
#truckPlateQr {
|
|
width: 125px;
|
|
margin-bottom: 10px;
|
|
} |