pro/2022_WEBSITE_kosmopolit
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ajustement des couleurs de liens

Browse Source
This commit is contained in:
hugogogo
2021-03-05 12:15:56 +01:00
parent deeb9f09bc
commit edd79b3848
3 changed files with 38 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
pages/litterall.html
View File

@@ -9,6 +9,22 @@
<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">
@@ -44,8 +60,8 @@
</div>
</div>
<br><br>
<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>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>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">

14
styles/global.css
View File

@@ -1,17 +1,3 @@
/*---------------------------------------------*/
/*GLOBAL VARIABLE*/
:root {
--gap-unit: 10px;
--max-screen: 1500px;
--base-font-size: 10px;
--nav-height: 40px;
--base-back-color: white;
--aside-left-width: 200px;
--aside-right-width: 200px;
--aside-margin: 30px;
}
/*DEBUG*/
/* borders on mains elements of pages for debugging*/
body * {

36
styles/style.css
View File

@@ -24,8 +24,8 @@
--color-water: hsl(189, 88%, 38%); /* #0c9cb5 - rgb(12, 156, 181) */
/* colors buttons */
--primary-hue: 12;
--color-button: hsl(var(primary-hue), 1%, 1%);
--hue-btn: 12;
--color-btn: hsl(var(--hue-btn), 1%, 1%);
/*TEXTE*/
/* fonts */
@@ -37,24 +37,28 @@
/*text*/
--color-text: hsl(0, 0%, 10%);
--color-text-light: hsl(0, 0%, 25%);
--color-text-strong: rgb(0, 0%, 5%);
--color-text-strong: hsl(0, 0%, 5%);
/*links*/
--color-link: rgb(120, 1, 1);
--color-link-hover: rgb(120, 1, 1);
--color-link-visited: rgb(120, 1, 1);
--color-link-active: rgb(120, 1, 1);
--hue-link: 59;
--hue-link: 189;
--hue-link: 324;
--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%);
/*titles*/
--color-title-1: hsl(0, 0%, 10%);
--color-title-2: hsl(0, 0%, 10%);
/*skeleton*/
--gap-unit: 10px;
--max-screen: 1060px;
--base-font-size: 10px;
--nav-height: 40px;
--base-back-color: white;
--aside-left-width: 200px;
--aside-right-width: 200px;
--aside-margin: 30px;
}
/*----------------------------------------------*/
/*INITIAL SETTINGS*/
html {
scroll-behavior: smooth;
font-size: 10px;
}
main {
min-height: calc(100vh - 70px);
}