« 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|}}}|# | <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> }}<span style="color: {{premier non vide|{{{titre-couleur|}}}|{{{couleurtitre|}}}|{{{couleur-titre|}}}|# | <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> }}<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|# | -->{{#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 --> |