174 lines
2.2 KiB
CSS
174 lines
2.2 KiB
CSS
* {
|
|
margin: 0;
|
|
}
|
|
|
|
body {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
margin: 0;
|
|
background-color: gray;
|
|
}
|
|
|
|
html {
|
|
font: 12pt "Tinos";
|
|
}
|
|
|
|
section {
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
width: 210mm;
|
|
height: 297mm;
|
|
padding: 20mm 15mm 20mm 30mm;
|
|
background-color: white;
|
|
border-bottom: 1mm solid gray;
|
|
overflow: hidden;
|
|
}
|
|
|
|
section.landscape {
|
|
width: 297mm;
|
|
height: 210mm;
|
|
margin: 43.5mm 0 43.5mm 0;
|
|
padding: 15mm 20mm 30mm 20mm;
|
|
border-bottom: none;
|
|
border-right: 1mm solid gray;
|
|
}
|
|
|
|
header {
|
|
font-size: 1.5rem;
|
|
font-weight: bolder;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 1.3rem;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 1.15rem;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 1rem;
|
|
}
|
|
|
|
.colr {
|
|
gap: 5mm;
|
|
display: flex;
|
|
flex-direction: column-reverse;
|
|
}
|
|
|
|
.col {
|
|
gap: 5mm;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.row {
|
|
gap: 5mm;
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
|
|
.x-between {
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.x-center {
|
|
justify-content: center;
|
|
}
|
|
|
|
.x-end {
|
|
justify-content: end;
|
|
}
|
|
|
|
.y-start {
|
|
align-items: start;
|
|
}
|
|
|
|
.y-center {
|
|
align-items: center;
|
|
}
|
|
|
|
.y-end {
|
|
align-items: end;
|
|
}
|
|
|
|
.left {
|
|
text-align: left;
|
|
}
|
|
|
|
.right {
|
|
text-align: right;
|
|
}
|
|
|
|
.center {
|
|
text-align: center;
|
|
}
|
|
|
|
p {
|
|
text-indent: 12.5mm;
|
|
text-align: justify;
|
|
}
|
|
|
|
.page-number {
|
|
position: absolute;
|
|
left: 50%;
|
|
bottom: 10mm;
|
|
}
|
|
|
|
.table-of-contents {
|
|
overflow-x: hidden;
|
|
list-style: none;
|
|
padding: 0;
|
|
}
|
|
|
|
.table-of-contents ol {
|
|
list-style: none;
|
|
}
|
|
|
|
.table-of-contents li:before {
|
|
float: left;
|
|
width: 0;
|
|
white-space: nowrap;
|
|
content:
|
|
". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . "
|
|
". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . "
|
|
". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . "
|
|
". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
|
|
}
|
|
|
|
.table-of-contents span:first-child {
|
|
padding-right: 0.33em;
|
|
background-color: white;
|
|
}
|
|
|
|
.table-of-contents span+a {
|
|
float: right;
|
|
padding-left: 0.33em;
|
|
background-color: white;
|
|
}
|
|
|
|
img {
|
|
object-fit: contain;
|
|
}
|
|
|
|
table,
|
|
td,
|
|
th {
|
|
border-collapse: collapse;
|
|
border: 1px solid black;
|
|
}
|
|
|
|
.table-fixed {
|
|
width: 100%;
|
|
table-layout: fixed;
|
|
}
|
|
|
|
.tex.col {
|
|
gap: 0;
|
|
}
|
|
|
|
.tex math {
|
|
width: fit-content;
|
|
}
|