2015-10-21 23:34:35 +00:00
|
|
|
|
2015-10-22 06:59:38 +00:00
|
|
|
/* Shelves */
|
|
|
|
|
2015-10-21 23:34:35 +00:00
|
|
|
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: 1px solid black;
|
|
|
|
box-sizing: border-box;
|
|
|
|
}
|
|
|
|
.box
|
|
|
|
{
|
|
|
|
position: absolute;
|
|
|
|
border: 1px solid black;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
.box > span
|
|
|
|
{
|
2015-10-22 05:13:09 +00:00
|
|
|
font-size: 60%;
|
2015-10-21 23:34:35 +00:00
|
|
|
text-align: center;
|
|
|
|
margin: 5%;
|
|
|
|
display: inline-block;
|
|
|
|
line-height: 100%;
|
|
|
|
vertical-align: middle;
|
|
|
|
}
|
|
|
|
.color0
|
|
|
|
{
|
|
|
|
background-color: #ECC !important;
|
|
|
|
}
|
|
|
|
.color1
|
|
|
|
{
|
|
|
|
background-color: #CEC !important;
|
|
|
|
}
|
|
|
|
.color2
|
|
|
|
{
|
|
|
|
background-color: #CCE !important;
|
|
|
|
}
|
|
|
|
.color3
|
|
|
|
{
|
|
|
|
background-color: #ECE !important;
|
|
|
|
}
|
2015-10-22 06:59:38 +00:00
|
|
|
|
|
|
|
/* Remaining amounts*/
|
|
|
|
|
|
|
|
ul
|
|
|
|
{
|
|
|
|
list-style-type: none;
|
|
|
|
}
|
|
|
|
li *
|
|
|
|
{
|
|
|
|
font-size: 6mm;
|
|
|
|
}
|
|
|
|
.amount
|
|
|
|
{
|
|
|
|
width: 10mm;
|
|
|
|
text-align: right;
|
|
|
|
display: inline-block;
|
|
|
|
padding-right: 1mm;
|
|
|
|
}
|
|
|
|
|