/* Shelves */ h1 { font-weight: normal; font-size: 15mm; margin: 0; } h1.title { float: left; } h1.page-number { float: right; text-align: right; } .shelf { position: relative; margin: 0 auto; padding-top: 40mm; } .edge, .tray { position: absolute; border-top: 2px solid black; box-sizing: border-box; } .edge { width: 0; } .box { position: absolute; border: 1px solid black; border-bottom: 0; box-sizing: border-box; } .box .box-label { text-align: left; font-size: 55%; word-wrap: break-word; box-sizing: border-box; padding: 4%; } .box .packing { margin-left: 4%; display: block; float: right; font-size: 140%; } .color0 { background-color: #FDD !important; } .color1 { background-color: #DFD !important; } .color2 { background-color: #DDF !important; } .color3 { background-color: #DFF !important; } .color4 { background-color: #FDF !important; } .color5 { background-color: #FFD !important; } /* Remaining amounts*/ ul { list-style-type: none; } li * { font-size: 6mm; line-height: 12mm; } .item { display: inline-block; width: 100mm; } .amount { color: #666; width: 10mm; text-align: right; padding-right: 1mm; }