Amand1 : /* HTML */

2021-12-17T13:45:56Z

HTML

Amand1 : /* HTML */

2021-12-17T13:44:06Z

HTML

← Version précédente		Version du 17 décembre 2021 à 13:44
Ligne 4 :		Ligne 4 :
	==HTML==		==HTML==

	<syntaxhightlight lang="~~HTML~~">		<syntaxhightlight lang="html">

	<div id="TITRE">POIROT INVESTIGATES</div>		<div id="TITRE">POIROT INVESTIGATES</div>
Ligne 2 641 :		Ligne 2 641 :

	</syntaxhighlight>		</syntaxhighlight>

	== CSS ==		== CSS ==
	<syntaxhightlight lang="css">		<syntaxhightlight lang="css">

Amand1 le 17 décembre 2021 à 13:43

2021-12-17T13:43:31Z

← Version précédente		Version du 17 décembre 2021 à 13:43
Ligne 1 :		Ligne 1 :
	= Poirot Investigate, Agatha Christie =		= Poirot Investigate, Agatha Christie =
	== Note d'intention ==		== Note d'intention ==

	==HTML==		==HTML==
	<syntaxhightlight lang="~~html~~">
			<syntaxhightlight lang="HTML">

	<div id="TITRE">POIROT INVESTIGATES</div>		<div id="TITRE">POIROT INVESTIGATES</div>

Ligne 8 :		Ligne 11 :
	<div id="autrice">		<div id="autrice">
	<div> AGATHA CHRISTIE</div>		<div> AGATHA CHRISTIE</div>
			<div id="colofon">





	<div id="colofon">

	<div> by</div>		<div> by</div>
Ligne 21 :		Ligne 18 :
	<div>Copyright © 1924 Agatha Christie Limited</div>		<div>Copyright © 1924 Agatha Christie Limited</div>

	</div>		</div>

Amand1 le 17 décembre 2021 à 13:40

2021-12-17T13:40:31Z

Voir les modifications

Amand1 : /* Code CSS */

2021-12-17T13:39:18Z

Code CSS

← Version précédente		Version du 17 décembre 2021 à 13:39
Ligne 2 :		Ligne 2 :
	== Note d'intention ==		== Note d'intention ==

	== ~~Code HTML/~~CSS ==		== CSS ==
	<syntaxhightlight lang="css">		<syntaxhightlight lang="css">

Amand1 le 17 décembre 2021 à 13:38

2021-12-17T13:38:34Z

← Version précédente		Version du 17 décembre 2021 à 13:38
Ligne 2 :		Ligne 2 :
	== Note d'intention ==		== Note d'intention ==

			== Code HTML/CSS ==
	<syntaxhightlight lang="css">		<syntaxhightlight lang="css">

Amand1 : Page créée avec « = Poirot Investigate, Agatha Christie = == Note d'intention == @import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;800&fa... »

2021-12-17T13:37:48Z

Page créée avec « = Poirot Investigate, Agatha Christie = == Note d'intention == <syntaxhightlight lang="css"> @import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;800&fa... »

Nouvelle page

= Poirot Investigate, Agatha Christie =
== Note d'intention ==

<syntaxhightlight lang="css">

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;800&family=Cormorant+Garamond:ital,wght@0,300;0,700;1,400&family=Mochiy+Pop+P+One&family=Philosopher:ital@0;1&family=Zen+Antique&display=swap');

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>

Amandine Alonso - Historique des versions

Amand1 : /* HTML */

Amand1 : /* HTML */

Amand1 le 17 décembre 2021 à 13:43

Amand1 le 17 décembre 2021 à 13:40

Amand1 : /* Code CSS */

Amand1 le 17 décembre 2021 à 13:38

Amand1 : Page créée avec « = Poirot Investigate, Agatha Christie = == Note d'intention == @import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;800&fa... »

Amand1 : /* HTML */

Amand1 : /* HTML */

Amand1 : /* Code CSS */

Amand1 : Page créée avec « = Poirot Investigate, Agatha Christie = == Note d'intention == @import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;800&fa... »