« Test page 3 » : différence entre les versions
Aucun résumé des modifications |
Aucun résumé des modifications |
||
| Ligne 14 : | Ligne 14 : | ||
<!-- ARTICLES CHAUDS + ARTICLES DE QUALITÉ --> | <!-- ARTICLES CHAUDS + ARTICLES DE QUALITÉ --> | ||
<div style="display: flex; flex-flow: row wrap; gap: 10px; justify-content: | <div style="display: flex; flex-flow: row wrap; gap: 10px; justify-content: space-between;"> | ||
<div style="flex: 6; justify-content: center;"> | <div style="flex: 6; justify-content: center;"> | ||
<div style="background: radial-gradient(circle, #ff6f00 50%, #ffa159 100%); border-radius: 5px 5px 0px 0px; padding: 10px; font-size: 170%; color: white; height: 20px; display: flex; align-items: center; justify-content: center;">[[Fichier:fleche jvc bas.png|25px]] '''Article du moment''' | <div style="background: radial-gradient(circle, #ff6f00 50%, #ffa159 100%); border-radius: 5px 5px 0px 0px; padding: 10px; font-size: 170%; color: white; height: 20px; display: flex; align-items: center; justify-content: center;">[[Fichier:fleche jvc bas.png|25px]] '''Article du moment''' | ||
</div> | </div> | ||
| Ligne 21 : | Ligne 23 : | ||
{{AccueilArticleSemaine}} | {{AccueilArticleSemaine}} | ||
</div> | </div> | ||
<div style="display: flex; gap: 5px; border: 1px solid #b3ddef; background-color: #f8fafc; box-shadow: 0px 8px #d9edf6; border-top: 0px; border-radius: 0px 0px 5px 5px;"> | <div style="display: flex; gap: 5px; border: 1px solid #b3ddef; background-color: #f8fafc; box-shadow: 0px 8px #d9edf6; border-top: 0px; border-radius: 0px 0px 5px 5px;"> | ||
<div style="border: 0; margin: 0; flex: 2; align-self: flex-end;">[[Fichier:sticker depardieu redbird moto.png|130px]]</div> | <div style="border: 0; margin: 0; flex: 2; align-self: flex-end;">[[Fichier:sticker depardieu redbird moto.png|130px]]</div> | ||
| Ligne 47 : | Ligne 50 : | ||
</div> | </div> | ||
<div style="display: flex; flex-flow: row wrap; gap: 10px; justify-content: | <div style="display: flex; flex-flow: row wrap; gap: 10px; justify-content: space-between; margin: 40px 0;"> | ||
<div style="flex: 1; justify-content: center;"> | <div style="flex: 1; justify-content: center;"> | ||
<div style="background: linear-gradient(45deg, #FFF0B1 10%, #EFBC27 30%, #FFF0B1 50%, #EFBC27 70%, #FFF0B1 90%); border-radius: 5px 5px 0px 0px; padding: 10px; font-size:170%; color:black; height: 20px; display: flex; align-items: center; justify-content: center;">[[Fichier:fleche jvc bas.png|25px]] '''Articles de qualité''' | <div style="background: linear-gradient(45deg, #FFF0B1 10%, #EFBC27 30%, #FFF0B1 50%, #EFBC27 70%, #FFF0B1 90%); border-radius: 5px 5px 0px 0px; padding: 10px; font-size: 170%; color: black; height: 20px; display: flex; align-items: center; justify-content: center;">[[Fichier:fleche jvc bas.png|25px]] '''Articles de qualité''' | ||
<div class="remove_from_mobile" style="margin-bottom: 20px; margin-left: 80px; width:0%">[[File:etchebest_qualité.png|70px|link=|alt=]]</div> | <div class="remove_from_mobile" style="margin-bottom: 20px; margin-left: 80px; width:0%">[[File:etchebest_qualité.png|70px|link=|alt=]]</div> | ||
</div> | </div> | ||
| Ligne 60 : | Ligne 63 : | ||
</div> | </div> | ||
<div style="flex: 1; justify-content: center; border: 1px solid black;"> | <div style="flex: 1; justify-content: center; border: 1px solid black;"> | ||
| Ligne 92 : | Ligne 94 : | ||
</div> | </div> | ||
<div style="display: flex; justify-content: center; margin: 40px 0; border: 1px solid black; "> | <div style="display: flex; justify-content: center; gap: 10px; margin: 40px 0; border: 1px solid black; "> | ||
<div style="border: 1px solid black; flex: 1; display:flex; flex-flow: column; justify-content: center;"> | <div style="border: 1px solid black; flex: 1; display: flex; flex-flow: column; justify-content: center;"> | ||
<div style="flex: 1; align-items: center; padding: 0em 0em 0em 0.5em; margin-bottom: 8px; border: 1px solid #099BCC; background-color: #D5F3FD; border-radius: 3px; font-size:90%"> | <div style="flex: 1; align-items: center; padding: 0em 0em 0em 0.5em; margin-bottom: 8px; border: 1px solid #099BCC; background-color: #D5F3FD; border-radius: 3px; font-size:90%"> | ||
<div style="flex: | <div style="flex: 2 content; margin-bottom: 0px; margin-left: 0px; align-self: flex-end;">[[Fichier:pepe-triste.png|70px|alt=|link=]]</div> | ||
<p style="flex: | <p style="flex: 8; margin-left: 15px; margin-right: 15px;line-height:1.5em">'''{{PuceJVC}}[[:Catégorie:Article_à_refaire_(créer)|'''Liste des articles manquants ayant besoin d'être rédigés.''']] <br> | ||
Ces articles sont pourtant cruciaux et font partie intégrante de l'histoire et de la culture de JVC {{triste}}</p> | Ces articles sont pourtant cruciaux et font partie intégrante de l'histoire et de la culture de JVC {{triste}}</p> | ||
</div> | </div> | ||
<div style="flex: 1; align-items: center; padding: 0em 0em 0em 0.5em; margin-bottom: 8px; border: 1px solid #099BCC; background-color: #D5F3FD; border-radius: 3px; font-size:90%"> | <div style="flex: 1; align-items: center; padding: 0em 0em 0em 0.5em; margin-bottom: 8px; border: 1px solid #099BCC; background-color: #D5F3FD; border-radius: 3px; font-size: 90%"> | ||
<div style="flex: 0 1 content; margin-bottom: 0px; margin-left: 0px; align-self: flex-end">[[Fichier:pepe-triste.png|70px|alt=|link=]]</div> | <div style="flex: 0 1 content; margin-bottom: 0px; margin-left: 0px; align-self: flex-end">[[Fichier:pepe-triste.png|70px|alt=|link=]]</div> | ||