From 360e10592a4f0e72240b4844c04ec17445a71799 Mon Sep 17 00:00:00 2001
From: hugogogo <hugogogo@protonmail.com>
Date: Mon, 8 Mar 2021 17:43:18 +0100
Subject: [PATCH] essai de reglage largeur texte main

---
 pages/litterall.html | 22 +++-------------------
 styles/global.css    |  9 ++-------
 styles/style.css     | 11 +++++++----
 styles/text.css      | 10 ++++++----
 4 files changed, 18 insertions(+), 34 deletions(-)
diff --git a/pages/litterall.html b/pages/litterall.html
index e127b5d..03621ce 100644
--- a/pages/litterall.html
+++ b/pages/litterall.html
@@ -9,22 +9,6 @@
 		<meta name="keywords" content="truc, bidule, chouette">
 		<link href="./styles/style.css" type="text/css" rel="stylesheet">
 		<link href="./styles/litterall.css" type="text/css" rel="stylesheet">
-		<style>
-			span.link {
-				color: var(--color-link);
-				cursor: pointer;
-			}
-			span.link:hover {
-				color: var(--color-link-hover);
-			}
-			span.link_visited {
-				color: var(--color-link-visited);
-				cursor: pointer;
-			}
-			span.link_visited:hover {
-				color: var(--color-link-hover);
-			}
-		</style>
 	</head>
 	<body>
 		<nav class="sticky">
@@ -60,8 +44,8 @@
 					</div>
 				</div>
 				<br><br>
-				<p>Cette revue <span class="link">publie une fois</span> par an un choix de textes germanophones, inédits en traduction française.</p>
-				<p>Poésie, essai, récit, nouvelle, discours, <span class="link_visited">extrait de roman</span> – nous mettons en avant des voix singulières de la littérature et des formes créatives.</p>
+				<p>Cette revue publie une fois par an un choix de textes germanophones, inédits en traduction française.</p>
+				<p>Poésie, essai, récit, nouvelle, discours, extrait de roman – nous mettons en avant des voix singulières de la littérature et des formes créatives.</p>
 				<p>Fondée en 1989 par Les Amis du Roi des Aulnes et poursuivie depuis 2020 par KOSMOPOLIT, la revue peut prendre un tour thématique ou bien suivre sa propre voie, dans un souci de composition d’ensemble.</p>
 				<div class="image full">
 					<img src="./docs/revues/bibliotheque_litterall.jpg" alt="bibliotheque litterall">
@@ -184,7 +168,7 @@
 						<p>litterall numero 01</p>
 					</div>
 				</div>
-				<p class="date right"><i><small>mis à jour le 01/03/2020</small></i></p>
+				<p class="date right"><i><small>le 01/03/2021</small></i></p>
 			</main>
 
 			<aside class="relative_content">
diff --git a/styles/global.css b/styles/global.css
index 66c6159..ee484a2 100644
--- a/styles/global.css
+++ b/styles/global.css
@@ -62,8 +62,6 @@ html {
 /*BODY*/
 /* the page is designed for a maximum screen*/
 body {
-	max-width: var(--max-screen);
-	margin: auto;
 	background-color: var(--base-back-color);
 }
 
@@ -112,6 +110,7 @@ body nav a.nav_logo {
 
 /*CONTAINER*/
 body .container_main {
+	margin: auto;
 	flex-direction: row;
 }
 
@@ -139,6 +138,7 @@ body aside.page_content .table_box > * {
 
 /*MAIN*/
 body main {
+	max-width: var(--max-main-width);
 }
 body main > * {
 	margin: var(--gap-unit) 0px;
@@ -152,11 +152,6 @@ body main h2 {
 	border-bottom: 1px solid lightgrey;
 }
 
-/*PATH*/
-body main .page_path {
-	margin-top: 0px;
-}
-
 /*TITLE*/
 body main .page_title {
 	position: relative;
diff --git a/styles/style.css b/styles/style.css
index 9d74441..72a15ad 100644
--- a/styles/style.css
+++ b/styles/style.css
@@ -33,32 +33,35 @@
 	--font-texts:			'louisgeorge';
 	--font-fallback:		'cabrion';
 
+	--max-p-width: 			700px;
+
 	/* colors texts */
 	/*text*/
 	--color-text:			hsl(0, 0%, 10%);
 	--color-text-light:		hsl(0, 0%, 25%);
 	--color-text-strong:	hsl(0, 0%,  5%);
 	/*links*/
-	--hue-link: 			59;
-	--hue-link: 			189;
 	--hue-link: 			324;
+	--hue-link: 			189;
+	--hue-link: 			59;
 	--color-link:			hsl(var(--hue-link), 70%, 40%);
 	--color-link-hover:		hsl(var(--hue-link), 70%, 50%);
 	--color-link-active:	hsl(var(--hue-link), 70%, 50%);
-	--color-link-visited:	hsl(var(--hue-link), 70%, 20%);
+	--color-link-visited:	hsl(var(--hue-link), 60%, 30%);
 	/*titles*/
 	--color-title-1:		hsl(0, 0%, 10%);
 	--color-title-2:		hsl(0, 0%, 10%);
 
 	/*skeleton*/
 	--gap-unit: 10px;
-	--max-screen: 1060px;
+	--max-screen: 1560px;
 	--base-font-size: 10px;
 	--nav-height: 40px;
 	--base-back-color: white;
 	--aside-left-width: 200px;
 	--aside-right-width: 200px;
 	--aside-margin: 30px;
+	--max-main-width: var(--max-p-width);
 }
 
 
diff --git a/styles/text.css b/styles/text.css
index cf8ea5e..2daa65c 100644
--- a/styles/text.css
+++ b/styles/text.css
@@ -9,16 +9,17 @@ a, p, li {
 	font-family: var(--font-texts), var(--font-fallback), sans-serif;
 }
 /*colors*/
-a, a:link {
+/*links when they are part of a text*/
+p a, p a:link {
 	color: var(--color-link);
 }
-a:visited {
+p a:visited {
 	color: var(--color-link-visited);
 }
-a:hover {
+p a:hover {
 	color: var(--color-link-hover);
 }
-a:active {
+p a:active {
 	color: var(--color-link-active);
 }
 p, span {
@@ -34,6 +35,7 @@ main {
 p {
 	font-size: 1.8em;
 	line-height: 1.5em;
+	max-width: var(--max-p-width);
 }
 h1 {
 	font-size: 3.5em;
