/* Shelves */ h1 { font-weight: normal; font-size: 500%; margin: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } h2.subtitle { margin: 0; font-size: 400%; font-weight: normal; color: #333; } h1.page-number { padding-left: 4mm; float: right; text-align: right; } .shelf { position: relative; margin: 0 auto; padding-top: 10mm; } .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: right; font-size: 55%; word-wrap: break-word; box-sizing: border-box; padding: 0 4%; } .color0 { background-color: #FDD !important; } .color1 { background-color: #DFD !important; } .color2 { background-color: #DDF !important; } .color3 { background-color: #DFF !important; } .color4 { background-color: #FFD !important; } /* Remaining amounts*/ ul { list-style-type: none; } li * { font-size: 200%; line-height: 200%; } .item-id { display: inline-block; text-align: right; margin: 0 5mm; width: 30mm; } .item { display: inline-block; width: 80mm; } .amount { color: #666; width: 10mm; text-align: right; padding-right: 1mm; }