« Modèle:Infobox/styles.css » : différence entre les versions
De Nefald
Autres actions
Aucun résumé des modifications |
m CSS # icone infobox en bas à droite |
||
| (Une version intermédiaire par le même utilisateur non affichée) | |||
| Ligne 12 : | Ligne 12 : | ||
text-align: left; | text-align: left; | ||
display: block; | display: block; | ||
/* Propriétés de flottement */ | |||
float: right; | |||
margin-left: 20px; | |||
margin-right: 0; | |||
/* Position relative pour l'icône absolue */ | |||
position: relative; | |||
} | } | ||
| Ligne 71 : | Ligne 77 : | ||
.infobox-value { | .infobox-value { | ||
flex: 1; | flex: 1; | ||
} | |||
/* Style pour l'icône en bas à droite */ | |||
.infobox-icon-bottom { | |||
position: absolute; | |||
bottom: 10px; | |||
right: 15px; | |||
font-size: 1.2em; | |||
color: var(--color-subtle); | |||
opacity: 0.7; | |||
z-index: 1; | |||
} | } | ||
@media only screen and (max-width: 720px) { | @media only screen and (max-width: 720px) { | ||
.infobox-table { | .infobox-table { | ||
float: none; | |||
margin-right: auto; | margin-right: auto; | ||
margin-left: auto; | margin-left: auto; | ||
margin-top: 0; | |||
} | |||
.infobox-icon-bottom { | |||
bottom: 8px; | |||
right: 12px; | |||
font-size: 1.1em; | |||
} | } | ||
} | } | ||