213 lines
3.9 KiB
CSS
213 lines
3.9 KiB
CSS
@font-face {
|
|
font-family: 'reglo';
|
|
src: url('fonts/Reglo/reglo-bold-webfont.eot');
|
|
src: url('fonts/Reglo/reglo-bold-webfont.eot?#iefix') format('embedded-opentype'),
|
|
url('fonts/Reglo/reglo-bold-webfont.woff2') format('woff2'),
|
|
url('fonts/Reglo/reglo-bold-webfont.woff') format('woff'),
|
|
url('fonts/Reglo/reglo-bold-webfont.ttf') format('truetype'),
|
|
url('fonts/Reglo/reglo-bold-webfont.svg#reglobold') format('svg');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'vollkorn';
|
|
src: url('fonts/volkorn/vollkorn-bold-webfont.woff2') format('woff2'),
|
|
url('fonts/volkorn/vollkorn-bold-webfont.woff') format('woff');
|
|
font-weight: bold;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'vollkorn';
|
|
src: url('fonts/volkorn/vollkorn-bolditalic-webfont.woff2') format('woff2'),
|
|
url('fonts/volkorn/vollkorn-bolditalic-webfont.woff') format('woff');
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'vollkorn';
|
|
src: url('fonts/volkorn/vollkorn-italic-webfont.woff2') format('woff2'),
|
|
url('fonts/volkorn/vollkorn-italic-webfont.woff') format('woff');
|
|
font-weight: normal;
|
|
font-style: italic;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'vollkorn';
|
|
src: url('fonts/volkorn/vollkorn-regular-webfont.woff2') format('woff2'),
|
|
url('fonts/volkorn/vollkorn-regular-webfont.woff') format('woff');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
|
|
body{
|
|
width: 100%;
|
|
margin:0;
|
|
color:#000;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6{ }
|
|
a{color:#000;}
|
|
ul{margin:0;}
|
|
li{list-style:none;}
|
|
img{width:100%;}
|
|
|
|
|
|
.toPrint header{
|
|
page-break-after: always;
|
|
}
|
|
|
|
.toPrint header .randomWord{
|
|
font-family: "reglo", sans-serif;
|
|
font-size: 280px;
|
|
color: rgb(255, 0, 0);
|
|
position: absolute;
|
|
word-break: break-all;
|
|
word-wrap: break-word;
|
|
top:-1.5cm;
|
|
text-transform: uppercase;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
left:50%;
|
|
transform: translateX(-50%);
|
|
width: 16cm;
|
|
z-index: -1;
|
|
line-height: 0.9;
|
|
}
|
|
|
|
.toPrint header .title{
|
|
font-family: "reglo", sans-serif;
|
|
color: rgb(0, 0, 255);
|
|
border: 3px solid blue;
|
|
padding: 0.5cm;
|
|
background-color: #FFF;
|
|
margin-top: 1cm;
|
|
width: 5.5cm;
|
|
|
|
}
|
|
|
|
.toPrint header h1,h2,h3, h4{
|
|
font-family: "reglo", sans-serif;
|
|
font-weight: normal;
|
|
margin:0;
|
|
/* text-align: center;*/
|
|
}
|
|
|
|
.toPrint header h1{
|
|
font-size: 38px;
|
|
line-height: 1;
|
|
margin: 0.5cm 0 2cm 0;
|
|
/* margin-top:1cm;
|
|
text-transform: uppercase;*/
|
|
|
|
}
|
|
|
|
.toPrint header h2{
|
|
/*//font-size: 20px;*/
|
|
}
|
|
|
|
.toPrint .page-titre{
|
|
padding-top: 1cm;
|
|
width: 5.5cm;
|
|
page-break-before: always;
|
|
page-break-after: always;
|
|
}
|
|
|
|
.toPrint .page-titre h1{
|
|
font-family: "reglo", sans-serif ;
|
|
font-size: 38px;
|
|
line-height: 1;
|
|
}
|
|
|
|
.toPrint .k{
|
|
page-break-after: avoid;
|
|
margin-top: 1cm;
|
|
}
|
|
|
|
.toPrint .k h3{
|
|
font-family: "reglo", sans-serif;
|
|
text-align: left;
|
|
text-transform: uppercase;
|
|
font-size: 15px;
|
|
width: 3cm;
|
|
margin-left: 6cm;
|
|
}
|
|
|
|
.toPrint .v{
|
|
page-break-after: always;
|
|
width: 6cm;
|
|
margin-top: 0.5cm;
|
|
/*border-left: 3px solid yellow;*/
|
|
/* padding-left: 0.2cm;
|
|
margin-left: 0.2cm;*/
|
|
}
|
|
|
|
.toPrint .v p{
|
|
font-size: 11px
|
|
}
|
|
|
|
|
|
.toPrint p{
|
|
font-family: 'vollkorn', Georgia, serif;
|
|
margin: 0;
|
|
margin-bottom: 1cm;
|
|
padding:0;
|
|
line-height: 1;
|
|
font-size: 11px;
|
|
}
|
|
|
|
footer, .last-page{
|
|
page-break-before: always;
|
|
}
|
|
|
|
footer {
|
|
width: 6cm;
|
|
padding-top: 1cm;
|
|
}
|
|
|
|
.toPrint footer p{
|
|
font-family: "reglo", sans-serif !important;
|
|
line-height: 1.3 ;
|
|
font-size: 11pt;
|
|
}
|
|
|
|
.last-page{
|
|
position: absolute;
|
|
top:-1.5cm;
|
|
left:-1.5cm;
|
|
height: 16cm;
|
|
width: 12cm;
|
|
background: rgb(252,0,0);
|
|
|
|
}
|
|
|
|
.blank-page{
|
|
/*page-break-before: always;*/
|
|
page-break-after: always;
|
|
}
|
|
|
|
/*.last-page .image-wrapper{
|
|
|
|
}
|
|
|
|
.last-page .image-wrapper:before{
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
top:0cm;
|
|
left:0cm;
|
|
height: 16cm;
|
|
width: 12cm;
|
|
opacity: 0.5;
|
|
background: rgb(252,0,0);
|
|
}*/
|
|
|
|
/*.last-page img{
|
|
width: 100%;
|
|
}*/
|
|
|