« Modèle:Boîte colorée » : différence entre les versions

m 1 version importée
Gestion du thème sombre
 
Ligne 1 : Ligne 1 :
<div style="box-shadow: 0 0 0.2em #999999; border-radius: 0.2em; margin: 0.5em 0.5em 1em 0.5em; background: {{premier non vide|{{{contenu-couleur-fond|}}}|{{{couleur-fond|}}}|#f8f9fa}}; flex: {{non vide|{{{flex|}}}|0 1 auto}}; {{{style|}}};">
<div style="box-shadow: 0 0 0.2em #999999; border-radius: 0.2em; margin: 0.5em 0.5em 1em 0.5em; background: {{premier non vide|{{{contenu-couleur-fond|}}}|{{{couleur-fond|}}}|var(--background-color-base, #fff)}}; color:inherit; flex: {{non vide|{{{flex|}}}|0 1 auto}}; {{{style|}}};">
<!-- Image et titre -->
<!-- Image et titre -->
<div style="background: {{premier non vide|{{{titre-couleur-fond|}}}|{{{couleurfond|}}}|{{{couleur-fond|}}}|#eaecf0}}; border-radius: 0.2em 0.2em 0 0; padding: 0.5em 1em 0.5em 1em;{{#if: {{{centrer|}}} | text-align: center; }}" class="titre">{{#if:{{{icone|}}}|<span style="opacity: 0.8;">[[Fichier:{{{icone}}}|{{{icone-taille|20px}}}|link=|alt=]]</span>&#32;}}<span style="color: {{premier non vide|{{{titre-couleur|}}}|{{{couleurtitre|}}}|{{{couleur-titre|}}}|#000000}}; font-weight: bold;">{{{titre}}}</span><!--
<div style="background: {{premier non vide|{{{titre-couleur-fond|}}}|{{{couleurfond|}}}|{{{couleur-fond|}}}|var(--background-color-interactive, #eaecf0)}}; color:inherit; border-radius: 0.2em 0.2em 0 0; padding: 0.5em 1em 0.5em 1em;{{#if: {{{centrer|}}} | text-align: center; }}" class="titre">{{#if:{{{icone|}}}|<span style="opacity: 0.8;">[[Fichier:{{{icone}}}|{{{icone-taille|20px}}}|link=|alt=]]</span>&#32;}}<span style="color: {{premier non vide|{{{titre-couleur|}}}|{{{couleurtitre|}}}|{{{couleur-titre|}}}|var(--color-emphasized, #000)}}; font-weight: bold;">{{{titre}}}</span><!--
-->{{#if:{{{lien|}}}|<div style="float: right; font-size: 0.7em;">[[{{{lien}}}|<span style="color: {{{lien-couleur|{{{titre-couleur|#000000}}}}}};">{{{titre-lien|modifier}}}</span>]]</div>}}
-->{{#if:{{{lien|}}}|<div style="float: right; font-size: 0.7em;">[[{{{lien}}}|<span style="color: {{{lien-couleur|{{{titre-couleur|var(--color-emphasized, #000)}}}}}};">{{{titre-lien|modifier}}}</span>]]</div>}}
</div>
</div>
<!-- Contenu -->
<!-- Contenu -->