Modèle:Compétences/Fenêtre : Différence entre versions

[version vérifiée][version vérifiée]
 
Ligne 5 : Ligne 5 :
 
<div class="popInfo button" style="position: absolute; border: hidden; padding: 0;">{{#if:{{{Image1|}}}|[[Image:{{{Image1}}}.png|link=]]{{IconeHelp|Version=2|{{PAGENAME}} (1 à 19)|Translate=-150}}}}</div>
 
<div class="popInfo button" style="position: absolute; border: hidden; padding: 0;">{{#if:{{{Image1|}}}|[[Image:{{{Image1}}}.png|link=]]{{IconeHelp|Version=2|{{PAGENAME}} (1 à 19)|Translate=-150}}}}</div>
 
<div class="modal" style="z-index: 101;">
 
<div class="modal" style="z-index: 101;">
<div class="modal-content" style="overflow-y: auto; width: min-content; max-width: 85%; min-width: min(300px, 80%); padding: 10px;"><span class="close" style="padding: 0; line-height: 40px; width: 40px; text-align: center;">×</span><div style="width: max-content;>'''{{PAGENAME}}''' (1 à 19)</div>
+
<div class="modal-content" style="overflow-y: auto; width: min-content; max-width: 85%; min-width: min(300px, 80%); padding: 10px;"><span class="close" style="padding: 0; line-height: 40px; width: 40px; text-align: center; font-size: 32px; user-select: none;">×</span><div style="width: max-content;>'''{{PAGENAME}}''' (1 à 19)</div>
 
<div style="margin-top: 10px; border-radius: 16px; overflow: hidden; border: 1px black solid; width: max-content; max-width: 100%;">{{#if:{{{Gif1|}}}|[[Image:{{{Gif1}}}.gif]]}}</div>
 
<div style="margin-top: 10px; border-radius: 16px; overflow: hidden; border: 1px black solid; width: max-content; max-width: 100%;">{{#if:{{{Gif1|}}}|[[Image:{{{Gif1}}}.gif]]}}</div>
 
</div>
 
</div>
Ligne 13 : Ligne 13 :
 
<div class="popInfo button" style="position: absolute; left: 38px; border: hidden; padding: 0;">{{#if:{{{ImageM|}}}|[[Image:{{{ImageM}}}.png|link=]]{{IconeHelp|Version=2|{{{NomM}}} (M1 à M10)}}}}</div>
 
<div class="popInfo button" style="position: absolute; left: 38px; border: hidden; padding: 0;">{{#if:{{{ImageM|}}}|[[Image:{{{ImageM}}}.png|link=]]{{IconeHelp|Version=2|{{{NomM}}} (M1 à M10)}}}}</div>
 
<div class="modal" style="z-index: 101;">
 
<div class="modal" style="z-index: 101;">
<div class="modal-content" style="overflow-y: auto; width: min-content; max-width: 85%; min-width: min(300px, 80%); padding: 10px;"><span class="close" style="padding: 0; line-height: 40px; width: 40px; text-align: center;">×</span><div style="width: max-content;>'''{{{NomM}}}''' (M1 à M10)</div>
+
<div class="modal-content" style="overflow-y: auto; width: min-content; max-width: 85%; min-width: min(300px, 80%); padding: 10px;"><span class="close" style="padding: 0; line-height: 40px; width: 40px; text-align: center; font-size: 32px; user-select: none;">×</span><div style="width: max-content;>'''{{{NomM}}}''' (M1 à M10)</div>
 
<div style="margin-top: 10px; border-radius: 16px; overflow: hidden; border: 1px black solid; width: max-content; max-width: 100%;">{{#if:{{{GifM|}}}|[[Image:{{{GifM}}}.gif]]}}</div>
 
<div style="margin-top: 10px; border-radius: 16px; overflow: hidden; border: 1px black solid; width: max-content; max-width: 100%;">{{#if:{{{GifM|}}}|[[Image:{{{GifM}}}.gif]]}}</div>
 
</div>
 
</div>
Ligne 21 : Ligne 21 :
 
<div class="popInfo button" style="position: absolute; left: 75px; border: hidden; padding: 0;">{{#if:{{{ImageG|}}}|[[Image:{{{ImageG}}}.png|link=]]{{IconeHelp|Version=2|{{{NomG}}} (G1 à G10)}}}}</div>
 
<div class="popInfo button" style="position: absolute; left: 75px; border: hidden; padding: 0;">{{#if:{{{ImageG|}}}|[[Image:{{{ImageG}}}.png|link=]]{{IconeHelp|Version=2|{{{NomG}}} (G1 à G10)}}}}</div>
 
<div class="modal" style="z-index: 101;">
 
<div class="modal" style="z-index: 101;">
<div class="modal-content" style="overflow-y: auto; width: min-content; max-width: 85%; min-width: min(300px, 80%); padding: 10px;"><span class="close" style="padding: 0; line-height: 40px; width: 40px; text-align: center;">×</span><div style="width: max-content;>'''{{{NomG}}}''' (G1 à G10)</div>
+
<div class="modal-content" style="overflow-y: auto; width: min-content; max-width: 85%; min-width: min(300px, 80%); padding: 10px;"><span class="close" style="padding: 0; line-height: 40px; width: 40px; text-align: center; font-size: 32px; user-select: none;">×</span><div style="width: max-content;>'''{{{NomG}}}''' (G1 à G10)</div>
 
<div style="margin-top: 10px; border-radius: 16px; overflow: hidden; border: 1px black solid; width: max-content; max-width: 100%;">{{#if:{{{GifG|}}}|[[Image:{{{GifG}}}.gif]]}}</div>
 
<div style="margin-top: 10px; border-radius: 16px; overflow: hidden; border: 1px black solid; width: max-content; max-width: 100%;">{{#if:{{{GifG|}}}|[[Image:{{{GifG}}}.gif]]}}</div>
 
</div>
 
</div>
Ligne 29 : Ligne 29 :
 
<div class="popInfo button" style="position: absolute; left: 112px; border: hidden; padding: 0;">{{#if:{{{ImageG|}}}|[[Image:{{{ImageG}}}.png|link=]]{{IconeHelp|Version=2|{{PAGENAME}} (Parfait)}}<div style="position: absolute; top: 13px; right: 2px;">[[File:Perfect.png|link=]]</div>}}</div>
 
<div class="popInfo button" style="position: absolute; left: 112px; border: hidden; padding: 0;">{{#if:{{{ImageG|}}}|[[Image:{{{ImageG}}}.png|link=]]{{IconeHelp|Version=2|{{PAGENAME}} (Parfait)}}<div style="position: absolute; top: 13px; right: 2px;">[[File:Perfect.png|link=]]</div>}}</div>
 
<div class="modal" style="z-index: 101;">
 
<div class="modal" style="z-index: 101;">
<div class="modal-content" style="overflow-y: auto; width: fit-content; max-width: 85%; padding: 10px 10px 10px 10px;"><span class="close" style="padding: 0; line-height: 40px; width: 40px; text-align: center;">×</span><div style="width: max-content;>'''{{PAGENAME}}''' (Parfait)</div>
+
<div class="modal-content" style="overflow-y: auto; width: fit-content; max-width: 85%; padding: 10px 10px 10px 10px;"><span class="close" style="padding: 0; line-height: 40px; width: 40px; text-align: center; font-size: 32px; user-select: none;">×</span><div style="width: max-content;>'''{{PAGENAME}}''' (Parfait)</div>
 
<div style="margin-top: 10px; border-radius: 16px; overflow: hidden; border: 1px black solid; width: max-content; max-width: 100%;">{{#if:{{{GifP|}}}|[[Image:{{{GifP}}}.gif]]}}</div>
 
<div style="margin-top: 10px; border-radius: 16px; overflow: hidden; border: 1px black solid; width: max-content; max-width: 100%;">{{#if:{{{GifP|}}}|[[Image:{{{GifP}}}.gif]]}}</div>
 
</div>
 
</div>

Version actuelle datée du 20 mars 2024 à 21:54

Fenetrecompetence.png

Cliquer sur une icône pour voir son animation