derped/Berichtsheft
1
0
Fork 0
Code Issues Pull requests Projects Releases Activity

Init: basic templating.

Browse source
This commit is contained in:
Kevin Baensch 2021-04-17 10:30:52 +02:00
commit ec1b43754a
Signed by: derped
GPG key ID: C0F1D326C7626543
7 changed files with 608 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

193
berichtsheft/assets/css/notebook.css Normal file
View file

@ -0,0 +1,193 @@
body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
background: darkgray;
}
hr {
border-top: 1px solid black;
}
td {
height: 1.5em;
}
table.week {
width: 100%;
height: 80%;
}
table.week th {
height: 2em;
font-weight: normal;
text-align: center;
vertical-align: middle;
background-color: #f2f2f2;
}
table.week tbody:nth-child(odd) tr:nth-child(odd) {
background-color: #f2f2f2;
}
table.week tbody:nth-child(even) tr:nth-child(even) {
background-color: #f2f2f2;
}
table.week thead th:nth-last-child(-n+2) {
width: 10%;
font-size: 80%;
}
table.week td:nth-last-child(-n+2) {
text-align: center;
}
table.week tbody:last-child tr:last-child td:first-child {
text-align: right;
}
.vtable {
width: 1em;
}
.vertical {
vertical-align: middle;
writing-mode: vertical-lr;
transform: rotate(180deg);
}
.sign {
position: absolute;
bottom: 0;
width: 100%;
height: 15%;
}
.sign table {
width: 100%;
height: 100%;
}
.sign table, .sign table td {
border: 1px solid black;
border-collapse: collapse;
}
.sign td {
width: 50%;
}
.sign tr:last-child td {
height: 90%;
text-align: center;
vertical-align: bottom;
font-size: 0.7em;
}
.page {
position: relative;
margin: auto;
margin-bottom: 0.25cm;
width: 21cm;
height: 29.7cm;
display: grid;
grid-template-rows: 2cm auto 2cm;
background: white;
}
.page:nth-child(odd) {
grid-template-columns: 2.41cm auto 0.81cm;
}
.page:nth-child(even) {
grid-template-columns: 0.81cm auto 2.42cm;
}
.pg-head {
position: relative;
width: 100%;
height: 100%;
grid-row: 1 / 2;
grid-column: 2 / 3;
background: white;
}
.pg-head .flex {
position: absolute;
top: 1cm;
text-align: center;
}
.pg-head img {
position: absolute;
top: .5cm;
height: .5cm;
}
.page:nth-child(odd) .pg-head img {
right: 0;
}
.pg-content {
position: relative;
width: 100%;
height: 100%;
grid-row: 2 / 3;
grid-column: 2 / 3;
}
.pg-footer {
position: relative;
width: 100%;
height: 100%;
grid-row: 3 / 4;
grid-column: 2 / 3;
display: flex;
justify-content: center;
align-items: center;
white-space: pre;
}
div.sticky {
position: sticky;
position: -webkit-sticky;
align-self: flex-start;
top: 0;
}
.flex {
width: 100%;
display: flex;
white-space: pre;
}
.eightyw {
width: 80%;
}
.halfw {
width: 50%;
}
.quarterw {
width: 25%;
}
.tenw {
width: 10%;
}
.halfh {
height: 50%;
}
@media print {
body, .page {
margin: none;
}
.sticky, button {
display: none;
}
}