134 lines
1.5 KiB
CSS
134 lines
1.5 KiB
CSS
|
|
img
|
|
{
|
|
max-width: 300px;
|
|
max-height: 300px;
|
|
background: #ffffff;
|
|
}
|
|
|
|
.qrCodeImg
|
|
{
|
|
max-width: 100%;
|
|
max-height: 100%;
|
|
}
|
|
|
|
.qrCodeBackFront
|
|
{
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
|
|
.qrSettings
|
|
{
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-evenly;
|
|
align-items: center;
|
|
}
|
|
|
|
.vertFont
|
|
{
|
|
writing-mode: vertical-rl;
|
|
}
|
|
|
|
.column
|
|
{
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-evenly;
|
|
}
|
|
|
|
.qrCode
|
|
{
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-evenly;
|
|
background: #fff;
|
|
}
|
|
|
|
.qrCode____
|
|
{
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 3.7cm;
|
|
justify-content: space-evenly;
|
|
background: #fff;
|
|
width: 2.4cm;
|
|
}
|
|
|
|
.beschreibung
|
|
{
|
|
font-size: x-small;
|
|
}
|
|
|
|
.vert
|
|
{
|
|
flex-direction: row-reverse;
|
|
}
|
|
|
|
.spinBtn
|
|
{
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-evenly;
|
|
align-items: center;
|
|
}
|
|
|
|
.frame
|
|
{
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
}
|
|
|
|
.order1
|
|
{
|
|
order: 1;
|
|
}
|
|
.order2
|
|
{
|
|
order: 2;
|
|
}
|
|
.order3
|
|
{
|
|
order: 3;
|
|
}
|
|
|
|
.list-container
|
|
{
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.list-item
|
|
{
|
|
display:flex;
|
|
align-items: center;
|
|
padding:0px 20px;
|
|
margin-top:15px;
|
|
cursor:move;
|
|
}
|
|
|
|
.printButton, .saveButton
|
|
{
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.qr-input
|
|
{
|
|
width: 55px;
|
|
}
|
|
|
|
@media print
|
|
{
|
|
.qrSettings
|
|
{
|
|
display: none;
|
|
}
|
|
button, a
|
|
{
|
|
display: none;
|
|
}
|
|
}
|