You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
177 lines
2.5 KiB
CSS
177 lines
2.5 KiB
CSS
@media print{
|
|
|
|
@page {
|
|
size: A5;
|
|
margin-top: 5mm;
|
|
margin-right: 10mm;
|
|
margin-bottom: 20mm;
|
|
margin-left: 7.5mm;
|
|
}
|
|
|
|
html, body {
|
|
font-size: 14px;
|
|
font-family: Fengardo;
|
|
}
|
|
|
|
.container{
|
|
display: block;
|
|
width: auto;
|
|
height: auto;
|
|
}
|
|
|
|
|
|
|
|
|
|
.atlas {
|
|
border: none;
|
|
}
|
|
|
|
.atlas svg {
|
|
width: auto;
|
|
height: auto;
|
|
max-width: 100%;
|
|
}
|
|
|
|
|
|
|
|
|
|
.contributions,
|
|
.contribution {
|
|
border-bottom: none;
|
|
}
|
|
|
|
|
|
|
|
header.cover{
|
|
width: auto;
|
|
height: 100%;
|
|
min-height: auto;
|
|
padding: 0;
|
|
border: none;
|
|
}
|
|
|
|
.cover .title {
|
|
font-size: 46px;
|
|
margin: 64px 0;
|
|
}
|
|
|
|
.atlas,
|
|
.cover,
|
|
.contributions,
|
|
.contribution,
|
|
.index,
|
|
.content img {
|
|
break-before: page;
|
|
}
|
|
|
|
|
|
.info{
|
|
display: none;
|
|
}
|
|
|
|
.index {
|
|
display: block;
|
|
columns: unset;
|
|
}
|
|
.index table{
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
|
|
}
|
|
.index tr{
|
|
border-top: solid 1px currentColor;
|
|
border-bottom: solid 1px currentColor;
|
|
}
|
|
|
|
.index-title {
|
|
font-weight: bold;
|
|
margin-top: 16px;
|
|
text-transform: uppercase;
|
|
text-align: right;
|
|
}
|
|
|
|
|
|
.symbol {
|
|
text-transform: lowercase;
|
|
width: 20%;
|
|
}
|
|
|
|
|
|
|
|
|
|
.libretto {
|
|
overflow: hidden;
|
|
/* height:100%; */
|
|
}
|
|
|
|
.libretto > *{
|
|
border-bottom: none;
|
|
}
|
|
|
|
.contribution .content h2,
|
|
.contribution .description{
|
|
font-size: 18px;
|
|
}
|
|
|
|
.contribution .title {
|
|
font-size: 28px;
|
|
}
|
|
|
|
.contribution {
|
|
border-bottom: none;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
img {
|
|
margin: 16px auto;
|
|
}
|
|
|
|
|
|
/*Sorry Gi, the multicolumn layout is too painful */
|
|
|
|
/* .contribution .content{
|
|
column-count: 2;
|
|
column-fill: auto;
|
|
}
|
|
.contribution li{
|
|
column-span: none;
|
|
}
|
|
|
|
.contribution img{
|
|
column-span: all;
|
|
float: left;
|
|
}
|
|
|
|
|
|
*/
|
|
|
|
|
|
/* .content p, .content h2 {
|
|
margin: default;
|
|
} */
|
|
|
|
button#btn-print {
|
|
display: none;
|
|
}
|
|
|
|
|
|
.full-height {
|
|
height: 100%;
|
|
}
|
|
|
|
}
|
|
|
|
|
|
@media print{
|
|
|
|
:root {
|
|
--text: tomato;
|
|
--wireframe: tomato;
|
|
--background: #ffffff;
|
|
}
|
|
|
|
html, body{
|
|
background-color: var(--background);
|
|
}
|
|
} |