Deuxfleurs/site
20
2
Fork 6
Code Issues 4 Pull requests 8 Releases Wiki Activity

reformat css

Browse source
This commit is contained in:
Quentin 2023-10-17 10:58:34 +02:00
parent 8986e5b6b1
commit dad198ea29
Signed by: quentin
GPG key ID: E9602264D639FF68
2 changed files with 306 additions and 333 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
static/index.html
View file

@ -98,7 +98,7 @@
</nav> </nav>
<div id="container"> <div id="container">
<main aria-label="contenu de la page web"> <main class="home" aria-label="contenu de la page web">
<h1 id="deuxfleurs"><span role="img" aria-label="2 emojis fleur blanche">💮💮 </span>deuxfleurs</h1> <h1 id="deuxfleurs"><span role="img" aria-label="2 emojis fleur blanche">💮💮 </span>deuxfleurs</h1>
<div id="jardin"> <div id="jardin">
<div id="illustration-accueil" class="noscroll" role="img" aria-label="deux fleurs dessinées en ascii animées"> <div id="illustration-accueil" class="noscroll" role="img" aria-label="deux fleurs dessinées en ascii animées">

33
static/style-bon.css
View file

@ -149,7 +149,9 @@ div#container{
} }
/*GESTION DE LA GRILLE DU MAIN*/ /*GESTION DE LA GRILLE DU MAIN*/
main{ main.home {
grid-area: main-row-debut / main-col-start / main-row-fin / main-col-sep 12;
display: grid; display: grid;
grid-template-columns: [col-start] repeat(12, calc(100% / 12) [col-sep]); grid-template-columns: [col-start] repeat(12, calc(100% / 12) [col-sep]);
grid-template-rows: grid-template-rows:
@ -170,8 +172,6 @@ main{
/*POSITIONNEMENT SUR LA GRILLE PRINCIPALE*/ /*POSITIONNEMENT SUR LA GRILLE PRINCIPALE*/
nav#menu{ nav#menu{
/*
grid-area: row-start / col-sep 6 / end-nav / col-sep 12;*/
background-color: var(--day-background); background-color: var(--day-background);
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
@ -181,10 +181,6 @@ nav#menu{
right: 1rem; right: 1rem;
} }
main{
grid-area: main-row-debut / main-col-start / main-row-fin / main-col-sep 12;
}
.icone > pre{ .icone > pre{
padding-top: 1rem; padding-top: 1rem;
color: black; color: black;
@ -554,27 +550,6 @@ section#liste_outils{
margin-top: var(--med_margin); margin-top: var(--med_margin);
} }
/*
section#liste_outils {
--demie-goutiere: calc(var(--small_margin) / 2);
--valeurs_width: calc(33% - var(--demie-goutiere));
display: grid;
grid-template-columns:
[col-tiers1-start] var(--valeurs_width) [col-tiers1-end] bloc de gauche
var(--small_margin) goutière
[col-tiers2-start] var(--valeurs_width) [col-tiers2-end]
var(--small_margin) goutière
[col-tiers3-start] var(--valeurs_width) [col-tiers3-end]; bloc de droite
grid-template-rows:
[line1-start] auto [line1-end]
var(--small_margin)
[line2-start] auto [line2-end]
var(--small_margin)
[faisons-connaissance-start] auto [faisons-connaissance-end];
);
}
*/
section#liste_outils{ section#liste_outils{
display: grid; display: grid;
@ -600,8 +575,6 @@ div#visio {
overflow: hidden; overflow: hidden;
} }
/**/
div#sites-web { div#sites-web {
background-color: var(--lightgrey); background-color: var(--lightgrey);
grid-area: line2-start / col-tiers1-start / line2-end / col-tiers1-end; grid-area: line2-start / col-tiers1-start / line2-end / col-tiers1-end;