Page de test 2 : Différence entre versions
[version vérifiée] | [version vérifiée] |
Ligne 1 : | Ligne 1 : | ||
− | + | <div class="grid2" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); justify-content: left; grid-gap: 5px;"> | |
− | | | + | <div style="padding: 5px; border: 1px solid #2f1d1f; display: flex; flex-direction: column;"> |
− | + | <div class="fondfenetre" style="display: flex; line-height: 25px; color: white; flex-wrap: nowrap; flex-basis: 100%; justify-content: space-between;"> | |
− | + | <div id="soulignement" style="padding: 0 5px;">[[Épée|<span style="color: white;">Épée</span>]]</div> | |
− | + | <div style="padding: 0 5px;>(1)</div> | |
− | + | </div> | |
− | + | <div style="margin: 5px auto;">[[Image:Epee.png]]</div> | |
− | + | <div style="margin: 5px auto 0;"> | |
− | + | <div class="button">Détail</div> | |
− | + | </div> | |
− | + | </div> | |
− | + | <div style="padding: 5px; border: 1px solid #2f1d1f; display: flex; flex-direction: column;"> | |
− | + | <div class="fondfenetre" style="display: flex; line-height: 25px; color: white; flex-wrap: nowrap; flex-basis: 100%; justify-content: space-between;"> | |
− | + | <div id="soulignement" style="padding: 0 5px;">[[Épée longue|<span style="color: white;">Épée longue</span>]]</div> | |
+ | <div style="padding: 0 5px;>(5)</div> | ||
+ | </div> | ||
+ | <div style="margin: 5px auto;">[[Image:Epeelongue.png]]</div> | ||
+ | <div style="margin: 5px auto 0;"> | ||
+ | <div class="button">Détail</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div style="padding: 5px; border: 1px solid #2f1d1f; display: flex; flex-direction: column;"> | ||
+ | <div class="fondfenetre" style="display: flex; line-height: 25px; color: white; flex-wrap: nowrap; flex-basis: 100%; justify-content: space-between;"> | ||
+ | <div id="soulignement" style="padding: 0 5px;">[[Lame courbe|<span style="color: white;">Lame courbe</span>]]</div> | ||
+ | <div style="padding: 0 5px;>(10)</div> | ||
+ | </div> | ||
+ | <div style="margin: 5px auto;">[[Image:Lamecourbe.png]]</div> | ||
+ | <div style="margin: 5px auto 0;"> | ||
+ | <div class="button">Détail</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div style="padding: 5px; border: 1px solid #2f1d1f; display: flex; flex-direction: column;"> | ||
+ | <div class="fondfenetre" style="display: flex; line-height: 25px; color: white; flex-wrap: nowrap; flex-basis: 100%; justify-content: space-between;"> | ||
+ | <div id="soulignement" style="padding: 0 5px;">[[Canne épée|<span style="color: white;">Canne épée</span>]]</div> | ||
+ | <div style="padding: 0 5px;>(15)</div> | ||
+ | </div> | ||
+ | <div style="margin: 5px auto;">[[Image:Canneepee.png]]</div> | ||
+ | <div style="margin: 5px auto 0;"> | ||
+ | <div class="button">Détail</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div style="padding: 5px; border: 1px solid #2f1d1f; display: flex; flex-direction: column;"> | ||
+ | <div class="fondfenetre" style="display: flex; line-height: 25px; color: white; flex-wrap: nowrap; flex-basis: 100%; justify-content: space-between;"> | ||
+ | <div id="soulignement" style="padding: 0 5px;">[[Épée large|<span style="color: white;">Épée large</span>]]</div> | ||
+ | <div style="padding: 0 5px;>(20)</div> | ||
+ | </div> | ||
+ | <div style="margin: 5px auto;">[[Image:Epeelarge.png]]</div> | ||
+ | <div style="margin: 5px auto 0;"> | ||
+ | <div class="button">Détail</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div style="padding: 5px; border: 1px solid #2f1d1f; display: flex; flex-direction: column;"> | ||
+ | <div class="fondfenetre" style="display: flex; line-height: 25px; color: white; flex-wrap: nowrap; flex-basis: 100%; justify-content: space-between;"> | ||
+ | <div id="soulignement" style="padding: 0 5px;">[[Épée en argent|<span style="color: white;">Épée en argent</span>]]</div> | ||
+ | <div style="padding: 0 5px;>(25)</div> | ||
+ | </div> | ||
+ | <div style="margin: 5px auto;">[[Image:Epeeenargent.png]]</div> | ||
+ | <div style="margin: 5px auto 0;"> | ||
+ | <div class="button">Détail</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div style="padding: 5px; border: 1px solid #2f1d1f; display: flex; flex-direction: column;"> | ||
+ | <div class="fondfenetre" style="display: flex; line-height: 25px; color: white; flex-wrap: nowrap; flex-basis: 100%; justify-content: space-between;"> | ||
+ | <div id="soulignement" style="padding: 0 5px;">[[Épée de la lune pleine|<span style="color: white;">Épée de la lune pleine</span>]]</div> | ||
+ | <div style="padding: 0 5px;>(30)</div> | ||
+ | </div> | ||
+ | <div style="margin: 5px auto;">[[Image:Epeedelalunepleine.png]]</div> | ||
+ | <div style="margin: 5px auto 0;"> | ||
+ | <div class="button">Détail</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div style="padding: 5px; border: 1px solid #2f1d1f; display: flex; flex-direction: column;"> | ||
+ | <div class="fondfenetre" style="display: flex; line-height: 25px; color: white; flex-wrap: nowrap; flex-basis: 100%; justify-content: space-between;"> | ||
+ | <div id="soulignement" style="padding: 0 5px;">[[Épée aux orchidées|<span style="color: white;">Épée aux orchidées</span>]]</div> | ||
+ | <div style="padding: 0 5px;>(32)</div> | ||
+ | </div> | ||
+ | <div style="margin: 5px auto;">[[Image:Epeeauxorchidees.png]]</div> | ||
+ | <div style="margin: 5px auto 0;"> | ||
+ | <div class="button">Détail</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> |