valentin/simulation.wikibac.fr
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Conversion class vers id

Browse Source
This commit is contained in:
Valentin Moguérou 2023-07-16 09:09:08 +02:00
parent 0ef792bfdc
commit c57fda392a
3 changed files with 8 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
BCG/index.html
View File

@ -24,7 +24,7 @@
</div> </div>
<h1>Simulateur du Bac Général</h1> <h1>Simulateur du Bac Général</h1>
</header> </header>
<div class="resultat"> <div id="resultat">
<div> <div>
<span id="total-points"></span> <span id="total-points"></span>
<p>Points</p> <p>Points</p>

2
BFI/index.html
View File

@ -24,7 +24,7 @@
</div> </div>
<h1>Simulateur du Bac Français International</h1> <h1>Simulateur du Bac Français International</h1>
</header> </header>
<div class="resultat"> <div id="resultat">
<div> <div>
<span id="total-points"></span> <span id="total-points"></span>
<p>Points</p> <p>Points</p>

16
res/style.css
View File

@ -68,7 +68,7 @@ main {
margin: 30px auto; margin: 30px auto;
} }
.resultat { #resultat {
background-color: #ffffff; background-color: #ffffff;
position: sticky; position: sticky;
top: 0; top: 0;
@ -79,7 +79,7 @@ main {
gap: 15px; gap: 15px;
} }
.resultat div, .choix-appli-wrapper div { #resultat div, .choix-appli-wrapper div {
padding: 15px; padding: 15px;
border: 1px solid #ddd; border: 1px solid #ddd;
text-align: center; text-align: center;
@ -102,30 +102,26 @@ main {
background-color: #eeeeee; background-color: #eeeeee;
} }
.resultat div span, .choix-appli-wrapper span { #resultat div span, .choix-appli-wrapper span {
font-size: 2em; font-size: 2em;
} }
.resultat div p, .choix-appli-wrapper p { #resultat div p, .choix-appli-wrapper p {
margin-top: 15px; margin-top: 15px;
} }
.resultat table {
margin: 10px auto;
}
@media screen and (max-width: 1000px) { @media screen and (max-width: 1000px) {
main { main {
width: 100vw; width: 100vw;
} }
.resultat, .choix-appli-wrapper { #resultat, .choix-appli-wrapper {
position: static; position: static;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
} }
.resultat div, .choix-appli-wrapper a { #resultat div, .choix-appli-wrapper a {
width: clamp(300px, 60%, 700px); width: clamp(300px, 60%, 700px);
} }