Files
roadworthiness-sticker-gene…/templates/maadu-garage.css

77 lines
1.5 KiB
CSS

/* Maadu Garage Template Styles */
.sticker-maadu-garage {
width: 280px;
border: 1px solid #000;
font-family: Arial, sans-serif;
font-size: 11px;
background: #fff;
color: #000;
}
.sticker-maadu-garage .sticker-header {
background-color: #000;
color: #fff;
text-align: center;
padding: 4px 8px;
font-size: 16px;
font-weight: bold;
letter-spacing: 6px;
}
.sticker-maadu-garage .sticker-barcode-row {
display: flex;
align-items: center;
justify-content: center;
border-bottom: 1px solid #000;
padding: 2px 6px;
background: #fff;
}
.sticker-maadu-garage .sticker-barcode-row .barcode-number {
font-size: 11px;
font-weight: bold;
}
.sticker-maadu-garage .sticker-body {
display: flex;
border-bottom: 1px solid #000;
}
.sticker-maadu-garage .sticker-info {
flex: 1;
padding: 4px 6px;
font-size: 10px;
line-height: 1.3;
border-right: 1px solid #000;
}
.sticker-maadu-garage .sticker-info .date-row {
margin-bottom: 0;
}
.sticker-maadu-garage .sticker-right {
width: 85px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
padding: 4px;
}
.sticker-maadu-garage .sticker-right .barcode {
width: 100%;
height: 30px;
}
.sticker-maadu-garage .sticker-right .logo-img {
width: 50px;
height: auto;
}
.sticker-maadu-garage .sticker-footer {
text-align: center;
padding: 3px 8px;
font-size: 10px;
font-weight: bold;
}