change font-family for sign → teletext
This commit is contained in:
Julie Blanc
parent
9344129a9f
commit
ce4d7285fe
7 changed files with 75 additions and 60 deletions
|
|
@ -8,7 +8,7 @@
|
|||
marks: crop;
|
||||
--symbol-top: 1px;
|
||||
--running-top: 8mm;
|
||||
--running-bottom: 10mm;
|
||||
--running-bottom: 10mm;
|
||||
}
|
||||
|
||||
@page:left {
|
||||
|
|
@ -18,9 +18,10 @@
|
|||
@top-left-corner {
|
||||
content: var(--symbol) var(--symbol) var(--symbol);
|
||||
font-size: var(--sign-size);
|
||||
color: var(--sign-color);
|
||||
letter-spacing: var(--sign-spacing);
|
||||
line-height: var(--sign-baseline);
|
||||
color: var(--sign-color);
|
||||
letter-spacing: var(--sign-spacing);
|
||||
font-family: var(--sign-family);
|
||||
line-height: var(--sign-baseline);
|
||||
vertical-align: top;
|
||||
padding-top: var(--running-top);
|
||||
text-align: left;
|
||||
|
|
@ -36,11 +37,12 @@
|
|||
width: calc(var(--unit)*2);
|
||||
font-size: var(--font-size);
|
||||
color: var(--sign-color);
|
||||
font-family: var(--sign-family);
|
||||
}
|
||||
|
||||
|
||||
|
||||
@top-center{
|
||||
|
||||
@top-center {
|
||||
content: element(author);
|
||||
vertical-align: top;
|
||||
padding-top: calc(var(--running-top) - var(--symbol-top));
|
||||
|
|
@ -48,53 +50,56 @@
|
|||
white-space: nowrap;
|
||||
padding-right: 1.5ch;
|
||||
padding-left: 0.5ch;
|
||||
font-size: var(--font-size);
|
||||
color: var(--sign-color);
|
||||
font-size: var(--font-size);
|
||||
color: var(--sign-color);
|
||||
font-family: var(--sign-family);
|
||||
|
||||
}
|
||||
|
||||
|
||||
@top-right {
|
||||
content: var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) ;
|
||||
content: var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol);
|
||||
font-size: var(--sign-size);
|
||||
color: var(--sign-color);
|
||||
letter-spacing: var(--sign-spacing);
|
||||
font-family: var(--sign-family);
|
||||
line-height: var(--sign-baseline);
|
||||
vertical-align: top;
|
||||
padding-top: var(--running-top);
|
||||
width: 100%;
|
||||
white-space: nowrap;
|
||||
|
||||
|
||||
}
|
||||
|
||||
@bottom-left {
|
||||
content: counter(page);
|
||||
content: counter(page);
|
||||
vertical-align: top;
|
||||
padding-top: var(--running-bottom);
|
||||
white-space: nowrap;
|
||||
font-size: var(--font-size);
|
||||
color: var(--sign-color);
|
||||
z-index: 100;
|
||||
white-space: nowrap;
|
||||
font-size: var(--font-size);
|
||||
color: var(--sign-color);
|
||||
z-index: 100;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
@page:right {
|
||||
margin-left: 26mm;
|
||||
margin-left: 26mm;
|
||||
margin-right: 18mm;
|
||||
|
||||
@top-left-corner {
|
||||
content: var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol);
|
||||
font-size: var(--sign-size);
|
||||
color: var(--sign-color);
|
||||
letter-spacing: var(--sign-spacing);
|
||||
line-height: var(--sign-baseline);
|
||||
color: var(--sign-color);
|
||||
letter-spacing: var(--sign-spacing);
|
||||
font-family: var(--sign-family);
|
||||
line-height: var(--sign-baseline);
|
||||
vertical-align: top;
|
||||
padding-top: var(--running-top);
|
||||
text-align: left;
|
||||
|
|
@ -103,20 +108,22 @@
|
|||
}
|
||||
|
||||
@top-left {
|
||||
content: element(title);
|
||||
content: element(title);
|
||||
vertical-align: top;
|
||||
padding-top: var(--running-top);
|
||||
white-space: nowrap;
|
||||
white-space: nowrap;
|
||||
padding-right: 1.5ch;
|
||||
font-size: var(--font-size);
|
||||
color: var(--sign-color);
|
||||
font-family: var(--sign-family);
|
||||
font-size: var(--font-size);
|
||||
color: var(--sign-color);
|
||||
}
|
||||
|
||||
@top-right {
|
||||
content: var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) ;
|
||||
content: var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol);
|
||||
font-size: var(--sign-size);
|
||||
color: var(--sign-color);
|
||||
letter-spacing: var(--sign-spacing);
|
||||
font-family: var(--sign-family);
|
||||
line-height: var(--sign-baseline);
|
||||
vertical-align: top;
|
||||
padding-top: var(--running-top);
|
||||
|
|
@ -125,15 +132,15 @@
|
|||
}
|
||||
|
||||
|
||||
@bottom-right {
|
||||
content: counter(page);
|
||||
@bottom-right {
|
||||
content: counter(page);
|
||||
vertical-align: top;
|
||||
padding-top: var(--running-bottom);
|
||||
text-align: right;
|
||||
white-space: nowrap;
|
||||
font-size: var(--font-size);
|
||||
color: var(--sign-color);
|
||||
z-index: 100;
|
||||
white-space: nowrap;
|
||||
font-size: var(--font-size);
|
||||
color: var(--sign-color);
|
||||
z-index: 100;
|
||||
|
||||
}
|
||||
|
||||
|
|
@ -149,13 +156,16 @@
|
|||
@top-left {
|
||||
content: none;
|
||||
}
|
||||
|
||||
@top-left-corner {
|
||||
content: none;
|
||||
}
|
||||
@top-right {
|
||||
|
||||
@top-right {
|
||||
content: none;
|
||||
}
|
||||
@top-center {
|
||||
|
||||
@top-center {
|
||||
content: none;
|
||||
}
|
||||
|
||||
|
|
@ -185,27 +195,28 @@
|
|||
position: running(decor);
|
||||
}
|
||||
|
||||
.pagedjs_area{
|
||||
position: relative;
|
||||
.pagedjs_area {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
|
||||
.pagedjs_margin-top-left .pagedjs_margin-content .nav-decor::after{
|
||||
content: var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) ;
|
||||
font-size: var(--sign-size);
|
||||
color: var(--sign-color);
|
||||
letter-spacing: var(--sign-spacing);
|
||||
line-height: var(--sign-baseline);
|
||||
padding-left: 1ch;
|
||||
width: calc(var(--unit) + var(--sub-unit));
|
||||
position: relative;
|
||||
top: var(--symbol-top);
|
||||
.pagedjs_margin-top-left .pagedjs_margin-content .nav-decor::after {
|
||||
content: var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol);
|
||||
font-size: var(--sign-size);
|
||||
color: var(--sign-color);
|
||||
letter-spacing: var(--sign-spacing);
|
||||
font-family: var(--sign-family);
|
||||
line-height: var(--sign-baseline);
|
||||
padding-left: 1ch;
|
||||
width: calc(var(--unit) + var(--sub-unit));
|
||||
position: relative;
|
||||
top: var(--symbol-top);
|
||||
}
|
||||
|
||||
.pagedjs_left_page .pagedjs_margin-top{
|
||||
width: calc(100% + var(--pagedjs-margin-right));
|
||||
overflow: hidden;
|
||||
}
|
||||
.pagedjs_left_page .pagedjs_margin-top {
|
||||
width: calc(100% + var(--pagedjs-margin-right));
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
||||
/* DELETE BEFORE PRINT */
|
||||
|
|
@ -223,7 +234,7 @@
|
|||
|
||||
|
||||
|
||||
.pagedjs_left_page .pagedjs_margin-bottom-left .pagedjs_margin-content::after{
|
||||
.pagedjs_left_page .pagedjs_margin-bottom-left .pagedjs_margin-content::after {
|
||||
background-color: white;
|
||||
display: inline-block;
|
||||
padding-left: 10px;
|
||||
|
|
@ -234,7 +245,7 @@
|
|||
|
||||
|
||||
|
||||
.pagedjs_right_page .pagedjs_margin-bottom-right .pagedjs_margin-content::after{
|
||||
.pagedjs_right_page .pagedjs_margin-bottom-right .pagedjs_margin-content::after {
|
||||
background-color: white;
|
||||
display: inline-block;
|
||||
padding-right: 10px;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue