Amandine Alonso : Différence entre versions
(→Code CSS) |
|||
Ligne 2 : | Ligne 2 : | ||
== Note d'intention == | == Note d'intention == | ||
− | == | + | == CSS == |
<syntaxhightlight lang="css"> | <syntaxhightlight lang="css"> | ||
Version du 17 décembre 2021 à 13:39
Poirot Investigate, Agatha Christie
Note d'intention
CSS
<syntaxhightlight lang="css">
body,html {
font-size: 10pt; text-align: left; font-family: 'Cormorant Garamond', serif; color: black; line-height: 4mm; }
/*#autrice { font-family: 'Cormorant Garamond'; color:white; font-size:10pt; text-align: left; }*/
- colofon{
font-family: 'Cormorant Garamond', italic; font-size: 10pt; text-align: center; break-before: page; margin-top: 170mm; line-height: 4mm; margin-left: 10mm; color: black; }
- contents2{
font-size:15pt; }
- TITRE {
font-family: 'Cormorant Garamond', serif; font-weight: bold; font-size:30pt; color: white; text-align:left; line-height: 9mm; }
@page {
background: linear-gradient(to right , rgba(0, 100,90, 0.5) 0%, rgba (0, 100,90,1) 100%);
size:110mm 210mm; margin-left:5mm; margin-right:5mm; margin-bottom: 10mm; margin-top:10mm; border: width style color;
@left-middle{ transform: rotate(-90deg);
}
}
@page:left{ background: white; margin-left: 5mm; margin-right: 15mm;
@bottom-left-corner {
content: counter(page);
margin-left: 5mm; color: black; }
}
@page:right{
text-align: right;
margin-left:15mm; margin-right:5mm;
background: white;
@bottom-right-corner { content: counter(page);
margin-right: 5mm; color: black; } #rectangle { color: black; witdht:20mm; height: 190mm; }
}
- rectangle {
margin-left: 40mm;
width: 20mm; height: 20mm; border: 3mm solid black; position: absolute; break-before: right; margin-left: -10mm; box-shadow: 10px 8px 10px black;
}
h1 {
font-size: 20pt;
text-align:left;
font-weight: normal;
color:red; }
- titlepagemedium {
font-size: 40pt;
text-align: left; color:black; margin-top: 110mm; margin-left:-5mm; position:absolute;
}
- CH1{
text-align: center; margin-left: -5mm;
font-family: 'Cormorant Garamond',
font-size: 20pt; color: black;
position: absolute;
}
- CH2 {
text-align: center; margin-left: -5mm;
font-family: 'Cormorant Garamond',
font-size: 15pt; color: black;
position: absolute;
}
- CH3 {
text-align: center; margin-left: -5mm;
font-family: 'Cormorant Garamond',
font-size: 15pt; color: black;
position: absolute;
}
- CH4 {
text-align: center; margin-left: -5mm;
font-family: 'Cormorant Garamond',
font-size: 15pt; color: black;
position: absolute; }
- CH5 {
text-align: center; margin-left: -5mm;
font-family: 'Cormorant Garamond',
font-size: 15pt; color: black;
position: absolute; }
- CH6 {
text-align: center; margin-left: -5mm;
font-family: 'Cormorant Garamond',
font-size: 15pt; color: black;
position: absolute; }
- CH7 {
text-align: center; margin-left: -5mm;
font-family: 'Cormorant Garamond',
font-size: 15pt; color: black;
position: absolute; }
- CH8 {
text-align: center; margin-left: -5mm;
font-family: 'Cormorant Garamond',
font-size: 15pt; color: black;
position: absolute; }
- CH9 {
text-align: center; margin-left: -5mm;
font-family: 'Cormorant Garamond',
font-size: 15pt; color: black;
position: absolute; }
- CH10 {
text-align: center; margin-left: -5mm;
font-family: 'Cormorant Garamond',
font-size: 15pt; color: black;
position: absolute; }
- CH11 {
text-align: center; margin-left: -5mm;
font-family: 'Cormorant Garamond',
font-size: 15pt; color: black;
position: absolute; } div.contents2 {
margin-top: 20mm; text-align: left; font-size: 15pt; font-family: 'Cormorant Garamond', font-weight: bold; color: white; line-height: 10mm; position: absolute; text-decoration : none; }
- TOC{
text-align: center; margin-left; -10mm; font-size: 30pt; font-weight: normal;
font-family: 'Cormorant Garamond', serif; font-weight: bold;
font-weight: normal;
color:black;
}
h3 { font-size: 30pt;
font-weight: bold;
font-family: 'Philosopher';
font-weight: normal;
color:white; color:pink;
}
i{
margin-top: 30mm; font-family: 'Cormorant Garamond', Extra-bold;
font-size:30pt; color: black; line-height: 5mm;
}
div.dots {
font-size: 30pt; text-shadow: 4px 2px 4px black; }
div.chtitle {
margin-top:170mm;
font-size: 30pt; font-family: 'Cormorant Garamond', serif;
color: black; text-align: left; line-height: 12mm;
break-after : page; position: absolute;
/* border-width:1px 2px 3px 2px;
border-style:solid ; border-color:white; padding:100px;*/
}
@page : chtitle {
background: black; }
@page :first { background:black;
@right-middle { visibility: hidden; } @top-center { visibility: hidden; } @top-right-corner { visibility: hidden; } @bottom-right-corner { visibility: hidden; }
@top-left-corner {
visibility: hidden;
}
}
@page {
/*background: linear-gradient(to right , rgba(0, 100,90, 0.5) 0%, rgba (0, 100,90,1) 100%); */
size:110mm 210mm; margin-left:5mm; margin-right:5mm; margin-bottom: 10mm; margin-top:10mm; border: width style color;
@left-middle{ transform: rotate(-90deg); }
@top-center { content: "The Poirot Investigate"; text-size:9pt; margin-left: -5mm; color: white; } /* @bottom-right-corner { content: counter(page); color: white; padding-right: 8ch; }*/
}
- /
</syntaxhighlight>