Gauthier/Site_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Application du style CSS à tous lees fichiers d'exercice

Browse Source
This commit is contained in:
gauthier.chombart
2026-06-16 23:29:30 +02:00
parent b328bbdce6
commit c9efbfa578
11 changed files with 2081 additions and 1007 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
exercices/TD_Certibiocide.html
View File

@@ -7,41 +7,14 @@
<link href="https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&display=swap" rel="stylesheet">
<link rel="stylesheet" href="../header-style.css"/>
<style>
:root {
--teal: #0F6E56;
--teal-mid: #1D9E75;
--teal-light: #E1F5EE;
--teal-dark: #085041;
--amber: #BA7517;
--amber-light: #FAEEDA;
--amber-dark: #633806;
--coral: #993C1D;
--coral-mid: #D85A30;
--coral-light: #FAECE7;
--purple: #534AB7;
--purple-light: #EEEDFE;
--purple-dark: #3C3489;
--blue: #185FA5;
--blue-light: #E6F1FB;
--bg: #F7F6F2;
--white: #FFFFFF;
--text: #1a1a18;
--text-muted: #6b6a65;
--border: rgba(0,0,0,0.1);
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { height: 100%; }
body {
font-family: 'DM Sans', sans-serif;
background: var(--bg);
color: var(--text);
overflow: hidden;
}
/* SLIDES */
.slide {
position: absolute;
inset: 0;
top: 70px; left: 0; right: 0; bottom: 0;
display: none;
flex-direction: column;
align-items: center;
@@ -60,16 +33,7 @@ body {
to { opacity: 1; transform: translateY(0); }
}
/* PROGRESS BAR */
.progress-bar {
position: fixed;
top: 0; left: 0; right: 0;
height: 3px;
background: rgba(0,0,0,0.08);
z-index: 100;
}
.progress-fill {
height: 100%;
background: var(--teal-mid);
transition: width 0.4s ease;
}
@@ -77,7 +41,7 @@ body {
/* PHASE INDICATOR */
.phase-badge {
position: fixed;
top: 16px; right: 16px;
top: 80px; right: 16px;
font-family: 'Syne', sans-serif;
font-size: 11px;
font-weight: 700;
@@ -508,6 +472,18 @@ body {
</head>
<body>
<header>
<div class="logo">NextGN Formation</div>
<nav>
<a href="../index.html">Accueil</a>
<a href="../index.html#formations">Exercices</a>
<a href="../index.html#documentation">Documentation</a>
<a href="../index.html#rapports">Rapports</a>
<a href="../index.html#about">À propos</a>
<a href="../index.html#contact">Contact</a>
</nav>
</header>
<!-- Progress bar -->
<div class="progress-bar"><div class="progress-fill" id="progressFill"></div></div>