« Modèle:Infobox/styles.css » : différence entre les versions
De ploums
Autres actions
Page créée avec « .infobox { float: right; background-color: var(--color-surface-1); margin-bottom: 1rem; width: 100%; max-width: 400px; border: 1px solid var(--border-color-base); border-radius: .2rem; line-height: 1.375; box-sizing: content-box; } .infobox-header { background-color: var(--infobox-header); border-radius: .1rem; } .infobox-label { text-align: left; } .infobox-title { font-size: larger; font-weight: bold; } » |
Aucun résumé des modifications |
||
| (5 versions intermédiaires par le même utilisateur non affichées) | |||
| Ligne 1 : | Ligne 1 : | ||
.infobox { | .infobox { | ||
float: right; | float: right; | ||
| Ligne 10 : | Ligne 8 : | ||
border-radius: .2rem; | border-radius: .2rem; | ||
line-height: 1.375; | line-height: 1.375; | ||
box-sizing: | box-sizing: border-box; | ||
padding: 1rem; | |||
margin-inline: 1rem; | |||
} | |||
@media only screen and (max-width: 750px) { | |||
.infobox { | |||
margin-inline: auto; | |||
float: inherit; | |||
} | |||
} | } | ||
.infobox-header { | .infobox-header { | ||
background-color: var(--infobox-header); | background-color: var(--infobox-header); | ||
border-radius: . | border-radius: .2rem; | ||
padding: .5rem; | |||
} | } | ||
| Ligne 25 : | Ligne 34 : | ||
font-size: larger; | font-size: larger; | ||
font-weight: bold; | font-weight: bold; | ||
} | |||
.maps-leaflet + i { | |||
text-align: center; | |||
display: block; | |||
} | } | ||
Dernière version du 6 juillet 2025 à 19:00
.infobox {
float: right;
background-color: var(--color-surface-1);
margin-bottom: 1rem;
width: 100%;
max-width: 400px;
border: 1px solid var(--border-color-base);
border-radius: .2rem;
line-height: 1.375;
box-sizing: border-box;
padding: 1rem;
margin-inline: 1rem;
}
@media only screen and (max-width: 750px) {
.infobox {
margin-inline: auto;
float: inherit;
}
}
.infobox-header {
background-color: var(--infobox-header);
border-radius: .2rem;
padding: .5rem;
}
.infobox-label {
text-align: left;
}
.infobox-title {
font-size: larger;
font-weight: bold;
}
.maps-leaflet + i {
text-align: center;
display: block;
}