|
|
@ -50,7 +50,6 @@ a, a:visited {
|
|
|
|
/* variable for flyer */
|
|
|
|
/* variable for flyer */
|
|
|
|
--bleeds: 5mm;
|
|
|
|
--bleeds: 5mm;
|
|
|
|
--bleeds-print: 3mm;
|
|
|
|
--bleeds-print: 3mm;
|
|
|
|
--margin: 0.8cm;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* A5 */
|
|
|
|
/* A5 */
|
|
|
|
--page-inner-w: 210mm;
|
|
|
|
--page-inner-w: 210mm;
|
|
|
@ -81,7 +80,7 @@ html{
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.pad{
|
|
|
|
.pad{
|
|
|
|
padding: var(--lh) var(--margin);
|
|
|
|
padding: var(--lh) calc(var(--lh) * 1.5);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.page{
|
|
|
|
.page{
|
|
|
@ -121,92 +120,60 @@ html{
|
|
|
|
|
|
|
|
|
|
|
|
/* crops mark */
|
|
|
|
/* crops mark */
|
|
|
|
:root{
|
|
|
|
:root{
|
|
|
|
--trsp: rgba(0,0,0,0);
|
|
|
|
|
|
|
|
|
|
|
|
/* --- variables */
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
--crop-marks-w: 1px;
|
|
|
|
|
|
|
|
--crop-marks-space: 1mm;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* --- pre-computed values */
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
--crop-mark-gradient:
|
|
|
|
|
|
|
|
white 0,
|
|
|
|
|
|
|
|
white var(--crop-marks-w),
|
|
|
|
|
|
|
|
black var(--crop-marks-w),
|
|
|
|
|
|
|
|
black calc(var(--crop-marks-w) * 2)
|
|
|
|
|
|
|
|
;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
--crop-marks-l: linear-gradient(to right, var(--crop-mark-gradient));
|
|
|
|
|
|
|
|
--crop-marks-r: linear-gradient(to left, var(--crop-mark-gradient));
|
|
|
|
|
|
|
|
--crop-marks-t: linear-gradient(to bottom, var(--crop-mark-gradient));
|
|
|
|
|
|
|
|
--crop-marks-b: linear-gradient(to top, var(--crop-mark-gradient));
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
--crop-mark-v-sizes: calc(var(--crop-marks-w) * 2) calc(var(--bleeds) - var(--crop-marks-space));
|
|
|
|
|
|
|
|
--crop-mark-h-sizes: calc(var(--bleeds) - var(--crop-marks-space)) calc(var(--crop-marks-w) * 2);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.page::after{
|
|
|
|
.page::after{
|
|
|
|
content: '';
|
|
|
|
content: '';
|
|
|
|
position: absolute;
|
|
|
|
position: absolute;
|
|
|
|
inset: 0;
|
|
|
|
inset: 0;
|
|
|
|
background:
|
|
|
|
|
|
|
|
linear-gradient(
|
|
|
|
background:
|
|
|
|
to right,
|
|
|
|
var(--crop-marks-l), var(--crop-marks-r),
|
|
|
|
var(--trsp) 0,
|
|
|
|
var(--crop-marks-l), var(--crop-marks-r),
|
|
|
|
var(--trsp) calc(var(--bleeds) - 1px),
|
|
|
|
var(--crop-marks-t), var(--crop-marks-b),
|
|
|
|
white calc(var(--bleeds) - 1px),
|
|
|
|
var(--crop-marks-t), var(--crop-marks-b)
|
|
|
|
white var(--bleeds),
|
|
|
|
|
|
|
|
black var(--bleeds),
|
|
|
|
|
|
|
|
black calc(var(--bleeds) + 1px),
|
|
|
|
|
|
|
|
var(--trsp) calc(var(--bleeds) + 1px),
|
|
|
|
|
|
|
|
var(--trsp) calc(var(--page-w) - var(--bleeds) - 1px),
|
|
|
|
|
|
|
|
black calc(var(--page-w) - var(--bleeds) - 1px),
|
|
|
|
|
|
|
|
black calc(var(--page-w) - var(--bleeds)),
|
|
|
|
|
|
|
|
white calc(var(--page-w) - var(--bleeds)),
|
|
|
|
|
|
|
|
white calc(var(--page-w) - var(--bleeds) + 1px),
|
|
|
|
|
|
|
|
var(--trsp) calc(var(--page-w) - var(--bleeds) + 1px),
|
|
|
|
|
|
|
|
var(--trsp) 100%
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
linear-gradient(
|
|
|
|
|
|
|
|
to right,
|
|
|
|
|
|
|
|
var(--trsp) 0,
|
|
|
|
|
|
|
|
var(--trsp) calc(var(--bleeds) - 1px),
|
|
|
|
|
|
|
|
white calc(var(--bleeds) - 1px),
|
|
|
|
|
|
|
|
white var(--bleeds),
|
|
|
|
|
|
|
|
black var(--bleeds),
|
|
|
|
|
|
|
|
black calc(var(--bleeds) + 1px),
|
|
|
|
|
|
|
|
var(--trsp) calc(var(--bleeds) + 1px),
|
|
|
|
|
|
|
|
var(--trsp) calc(var(--page-w) - var(--bleeds) - 1px),
|
|
|
|
|
|
|
|
black calc(var(--page-w) - var(--bleeds) - 1px),
|
|
|
|
|
|
|
|
black calc(var(--page-w) - var(--bleeds)),
|
|
|
|
|
|
|
|
white calc(var(--page-w) - var(--bleeds)),
|
|
|
|
|
|
|
|
white calc(var(--page-w) - var(--bleeds) + 1px),
|
|
|
|
|
|
|
|
var(--trsp) calc(var(--page-w) - var(--bleeds) + 1px),
|
|
|
|
|
|
|
|
var(--trsp) 100%
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
linear-gradient(
|
|
|
|
|
|
|
|
to bottom,
|
|
|
|
|
|
|
|
var(--trsp) 0,
|
|
|
|
|
|
|
|
var(--trsp) calc(var(--bleeds) - 1px),
|
|
|
|
|
|
|
|
white calc(var(--bleeds) - 1px),
|
|
|
|
|
|
|
|
white var(--bleeds),
|
|
|
|
|
|
|
|
black var(--bleeds),
|
|
|
|
|
|
|
|
black calc(var(--bleeds) + 1px),
|
|
|
|
|
|
|
|
var(--trsp) calc(var(--bleeds) + 1px),
|
|
|
|
|
|
|
|
var(--trsp) calc(var(--page-h) - var(--bleeds) - 1px),
|
|
|
|
|
|
|
|
black calc(var(--page-h) - var(--bleeds) - 1px),
|
|
|
|
|
|
|
|
black calc(var(--page-h) - var(--bleeds)),
|
|
|
|
|
|
|
|
white calc(var(--page-h) - var(--bleeds)),
|
|
|
|
|
|
|
|
white calc(var(--page-h) - var(--bleeds) + 1px),
|
|
|
|
|
|
|
|
var(--trsp) calc(var(--page-h) - var(--bleeds) + 1px),
|
|
|
|
|
|
|
|
var(--trsp) 100%
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
linear-gradient(
|
|
|
|
|
|
|
|
to bottom,
|
|
|
|
|
|
|
|
var(--trsp) 0,
|
|
|
|
|
|
|
|
var(--trsp) calc(var(--bleeds) - 1px),
|
|
|
|
|
|
|
|
white calc(var(--bleeds) - 1px),
|
|
|
|
|
|
|
|
white var(--bleeds),
|
|
|
|
|
|
|
|
black var(--bleeds),
|
|
|
|
|
|
|
|
black calc(var(--bleeds) + 1px),
|
|
|
|
|
|
|
|
var(--trsp) calc(var(--bleeds) + 1px),
|
|
|
|
|
|
|
|
var(--trsp) calc(var(--page-h) - var(--bleeds) - 1px),
|
|
|
|
|
|
|
|
black calc(var(--page-h) - var(--bleeds) - 1px),
|
|
|
|
|
|
|
|
black calc(var(--page-h) - var(--bleeds)),
|
|
|
|
|
|
|
|
white calc(var(--page-h) - var(--bleeds)),
|
|
|
|
|
|
|
|
white calc(var(--page-h) - var(--bleeds) + 1px),
|
|
|
|
|
|
|
|
var(--trsp) calc(var(--page-h) - var(--bleeds) + 1px),
|
|
|
|
|
|
|
|
var(--trsp) 100%
|
|
|
|
|
|
|
|
)
|
|
|
|
|
|
|
|
;
|
|
|
|
;
|
|
|
|
|
|
|
|
|
|
|
|
background-size:
|
|
|
|
background-size:
|
|
|
|
100% calc(var(--bleeds) - 1mm),
|
|
|
|
var(--crop-mark-v-sizes), var(--crop-mark-v-sizes),
|
|
|
|
100% calc(var(--bleeds) - 1mm),
|
|
|
|
var(--crop-mark-v-sizes), var(--crop-mark-v-sizes),
|
|
|
|
calc(var(--bleeds) - 1mm) 100%,
|
|
|
|
var(--crop-mark-h-sizes), var(--crop-mark-h-sizes),
|
|
|
|
calc(var(--bleeds) - 1mm) 100%;
|
|
|
|
var(--crop-mark-h-sizes), var(--crop-mark-h-sizes)
|
|
|
|
|
|
|
|
;
|
|
|
|
|
|
|
|
|
|
|
|
background-position:
|
|
|
|
background-position:
|
|
|
|
0% 0%,
|
|
|
|
calc(var(--bleeds) - var(--crop-marks-w)) 0%,
|
|
|
|
0% 100%,
|
|
|
|
calc(var(--page-w) - var(--bleeds) - var(--crop-marks-w)) 0%,
|
|
|
|
0% 0%,
|
|
|
|
calc(var(--bleeds) - var(--crop-marks-w)) 100%,
|
|
|
|
100% 0%;
|
|
|
|
calc(var(--page-w) - var(--bleeds) - var(--crop-marks-w)) 100%,
|
|
|
|
|
|
|
|
0% calc(var(--bleeds) - var(--crop-marks-w)),
|
|
|
|
|
|
|
|
0% calc(var(--page-h) - var(--bleeds) - var(--crop-marks-w)),
|
|
|
|
|
|
|
|
100% calc(var(--bleeds) - var(--crop-marks-w)),
|
|
|
|
|
|
|
|
100% calc(var(--page-h) - var(--bleeds) - var(--crop-marks-w))
|
|
|
|
|
|
|
|
;
|
|
|
|
|
|
|
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
pointer-events: none;
|
|
|
|
pointer-events: none;
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -230,21 +197,41 @@ html{
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* FLYER
|
|
|
|
|
|
|
|
===================================================== */
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.flyer{
|
|
|
|
|
|
|
|
--clr-back: white;
|
|
|
|
|
|
|
|
--clr-text: black;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
--border-width: 0.5px;
|
|
|
|
|
|
|
|
--border: var(--border-width) solid var(--clr-text);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.flyer section.data-section {
|
|
|
|
|
|
|
|
padding: calc(var(--lh) * 1) 0 0;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.flyer section.data-section > *{
|
|
|
|
|
|
|
|
z-index: 9;
|
|
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.flyer section.data-section:after{
|
|
|
|
|
|
|
|
line-height: 1.1;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* RECTO
|
|
|
|
/* RECTO
|
|
|
|
===================================================== */
|
|
|
|
===================================================== */
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.recto__title{
|
|
|
|
.recto__title{
|
|
|
|
/* padding-top: var(--lh); */
|
|
|
|
margin-left: calc(0 * var(--lh));
|
|
|
|
position: relative;
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.recto__title h2{
|
|
|
|
.recto__title h2{
|
|
|
|
line-height: 0.95;
|
|
|
|
line-height: 0.95;
|
|
|
|
display: inline-block;
|
|
|
|
display: inline-block;
|
|
|
|
/* text-transform: uppercase; */
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.recto__title h2:nth-of-type(3){
|
|
|
|
.recto__title h2:nth-of-type(3){
|
|
|
|
margin-left: calc(var(--lh) * 3);
|
|
|
|
/* margin-left: calc(var(--lh) * 2); */
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.new-moon-slanted-fvs,
|
|
|
|
.new-moon-slanted-fvs,
|
|
|
@ -252,6 +239,8 @@ html{
|
|
|
|
text-transform: none !important;
|
|
|
|
text-transform: none !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.recto__text{
|
|
|
|
.recto__text{
|
|
|
|
display: grid;
|
|
|
|
display: grid;
|
|
|
|
grid-template-rows: min-content 1fr min-content;
|
|
|
|
grid-template-rows: min-content 1fr min-content;
|
|
|
@ -261,6 +250,11 @@ html{
|
|
|
|
.recto__langs{
|
|
|
|
.recto__langs{
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
|
gap: var(--lh);
|
|
|
|
gap: var(--lh);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
margin-left: calc(var(--lh) * 4);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
height: min-content;
|
|
|
|
|
|
|
|
margin-top: auto;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.recto__langs > *{
|
|
|
|
.recto__langs > *{
|
|
|
|
flex: 0 1 100%;
|
|
|
|
flex: 0 1 100%;
|
|
|
@ -271,74 +265,128 @@ html{
|
|
|
|
margin: 0;
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.recto__footer{
|
|
|
|
/* VERSO
|
|
|
|
display: flex;
|
|
|
|
===================================================== */
|
|
|
|
justify-content: space-between;
|
|
|
|
|
|
|
|
color: white;
|
|
|
|
.verso{
|
|
|
|
|
|
|
|
--clr-back: black;
|
|
|
|
|
|
|
|
--clr-text: white;
|
|
|
|
|
|
|
|
--border: var(--border-width) solid var(--clr-text);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.verso .data-section:after{
|
|
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.verso__calendar{
|
|
|
|
|
|
|
|
display: grid;
|
|
|
|
|
|
|
|
grid-template-rows: 1fr min-content;
|
|
|
|
|
|
|
|
gap: calc(var(--lh) / 2);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.date-time-info{
|
|
|
|
|
|
|
|
line-height: var(--lh);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* GRADIENTS
|
|
|
|
|
|
|
|
===================================================== */
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.recto{
|
|
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
|
|
--border-width: 1px;
|
|
|
|
|
|
|
|
--border: var(--border-width) solid var(--clr-text);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.recto__back{
|
|
|
|
.recto__back{
|
|
|
|
background: linear-gradient(to top,
|
|
|
|
background: linear-gradient(to top,
|
|
|
|
black calc(var(--bleeds-print) + var(--lh)),
|
|
|
|
black calc(var(--bleeds-print) + calc(var(--lh) * 0.5)),
|
|
|
|
white calc(var(--bleeds-print) + calc(var(--lh) * 3))
|
|
|
|
white calc(var(--bleeds-print) + calc(var(--lh) * 3))
|
|
|
|
);
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* VERSO
|
|
|
|
|
|
|
|
===================================================== */
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.verso{
|
|
|
|
.verso{
|
|
|
|
color: white;
|
|
|
|
color: white;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.verso__back{
|
|
|
|
.verso__back{
|
|
|
|
background: black;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
background: linear-gradient(to top,
|
|
|
|
background: linear-gradient(to top,
|
|
|
|
white calc(var(--bleeds-print) + var(--lh)),
|
|
|
|
white calc(var(--bleeds-print) + calc(var(--lh) * 0.5)),
|
|
|
|
black calc(var(--bleeds-print) + calc(var(--lh) * 3))
|
|
|
|
black calc(var(--bleeds-print) + calc(var(--lh) * 3))
|
|
|
|
);
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.calendar-content{
|
|
|
|
/* FOOTERS
|
|
|
|
padding: calc(var(--lh) / 2) 0;
|
|
|
|
===================================================== */
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.verso__calendar{
|
|
|
|
|
|
|
|
display: grid;
|
|
|
|
|
|
|
|
grid-template-rows: min-content 1fr min-content;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.mono{
|
|
|
|
|
|
|
|
line-height: var(--lh);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.recto__footer{
|
|
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
|
|
justify-content: flex-end;
|
|
|
|
|
|
|
|
color: white;
|
|
|
|
|
|
|
|
}
|
|
|
|
.verso__footer{
|
|
|
|
.verso__footer{
|
|
|
|
color: black;
|
|
|
|
color: black;
|
|
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
|
|
justify-content: flex-end;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.recto__footer .mono,
|
|
|
|
|
|
|
|
.verso__footer .mono{
|
|
|
|
|
|
|
|
line-height: 1;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* CALENDAR
|
|
|
|
|
|
|
|
===================================================== */
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.flyer section.data-section.calendar-content > header{
|
|
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
|
|
top: -0.9em;
|
|
|
|
|
|
|
|
right: 0;
|
|
|
|
|
|
|
|
height: var(--lh);
|
|
|
|
|
|
|
|
background: black;
|
|
|
|
|
|
|
|
padding-left: var(--lh);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* --- calendar */
|
|
|
|
|
|
|
|
.flyer-cal-entry{
|
|
|
|
.flyer-cal-entry{
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
|
justify-content: space-between;
|
|
|
|
|
|
|
|
align-items: baseline;
|
|
|
|
align-items: baseline;
|
|
|
|
height: var(--lh);
|
|
|
|
height: var(--lh);
|
|
|
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
justify-content: flex-start;
|
|
|
|
|
|
|
|
gap: var(--lh);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.flyer-cal-entry .day {
|
|
|
|
.flyer-cal-entry .day {
|
|
|
|
width: 10ch;
|
|
|
|
width: 6em;
|
|
|
|
|
|
|
|
margin-right: calc(var(--lh) * 0.5);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.flyer-cal-entry .phase-name {
|
|
|
|
.flyer-cal-entry .phase-name {
|
|
|
|
width: 10ch;
|
|
|
|
width: 4.6em;
|
|
|
|
|
|
|
|
margin-left: calc(var(--lh) * 2.5);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.flyer-cal-entry > *{
|
|
|
|
.flyer-cal-entry > *{
|
|
|
|
/* outline: 1px solid white; */
|
|
|
|
flex-grow: 0;
|
|
|
|
|
|
|
|
background-color: black;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.cal-entry__time{
|
|
|
|
.cal-entry__time{
|
|
|
|
margin-right: 10em;
|
|
|
|
flex-grow: 1;
|
|
|
|
|
|
|
|
background: none;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.moon-time{
|
|
|
|
|
|
|
|
background-color: black;
|
|
|
|
|
|
|
|
padding: 0.2em 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* --- moon drawing */
|
|
|
|
/* --- moon drawing */
|
|
|
|
|
|
|
|
|
|
|
|
.cal-entry__moon {
|
|
|
|
.cal-entry__moon {
|
|
|
|
width: 3rem;
|
|
|
|
width: calc(var(--lh) * 2);
|
|
|
|
margin-right: 2em;
|
|
|
|
margin-right: 1em;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.moon-drawing {
|
|
|
|
.moon-drawing {
|
|
|
@ -365,19 +413,20 @@ html{
|
|
|
|
display: block;
|
|
|
|
display: block;
|
|
|
|
margin: 0 auto;
|
|
|
|
margin: 0 auto;
|
|
|
|
max-width: 100%;
|
|
|
|
max-width: 100%;
|
|
|
|
max-height: 85%;
|
|
|
|
|
|
|
|
position: absolute;
|
|
|
|
position: absolute;
|
|
|
|
right: 11.0%;
|
|
|
|
|
|
|
|
top: 0.7cm;
|
|
|
|
/* top: var(--lh);
|
|
|
|
|
|
|
|
max-height: 86%;
|
|
|
|
|
|
|
|
right: 14%; */
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
top: calc(var(--lh) * 2);
|
|
|
|
|
|
|
|
max-height: 82.0%;
|
|
|
|
|
|
|
|
right: 16.4%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.recto__drawing path{
|
|
|
|
.recto__drawing path{
|
|
|
|
fill: none;
|
|
|
|
fill: none;
|
|
|
|
stroke: white;
|
|
|
|
stroke: white;
|
|
|
|
vector-effect: non-scaling-stroke;
|
|
|
|
vector-effect: non-scaling-stroke;
|
|
|
|
stroke-width: 0.5px;
|
|
|
|
stroke-width: var(--border-width);
|
|
|
|
/* stroke-dasharray: 4; */
|
|
|
|
/* stroke-dasharray: 4; */
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.flyer-cal-entry > *{
|
|
|
|
|
|
|
|
background-color: black;
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|