« Modèle:Note/styles.css » : différence entre les versions
Aucun résumé des modifications |
Aucun résumé des modifications |
||
Ligne 44 : | Ligne 44 : | ||
position: relative; | position: relative; | ||
} | } | ||
.note-quebec:before { | .note-quebec::before { | ||
content: ""; | content: ""; | ||
width: 25px; | width: 25px; |
Version du 16 octobre 2023 à 16:00
.note { background-position: left 7px top 50%; padding: 0.5em 0.5em 0.5em 40px; margin: 0.5em 0; overflow: hidden; background-color: #f8f9fa; background-repeat: no-repeat; border-radius: 5px; } .note-inline { display: inline-block; vertical-align: middle; } .note-info { background-color: #f6efe5; background-image: url(https://upload.wikimedia.org/wikipedia/commons/d/d5/OOjs_UI_icon_reference_20_ac6600.svg); background-size: 1rem; padding-left: 40px; min-height: 28px; } .note-reminder { background-color: #fff9ea; background-image: url(https://upload.wikimedia.org/wikipedia/commons/a/a8/OOjs_UI_icon_lightbulb-yellow.svg); background-size: 25px; min-height: 28px; } .note-warn { background-color: #fff9ea; background-image: url(https://upload.wikimedia.org/wikipedia/commons/3/3b/OOjs_UI_icon_alert-warning.svg); background-size: 25px; min-height: 28px; } .note-error { background-color: #fee7e6; background-image: url(https://upload.wikimedia.org/wikipedia/commons/b/bf/OOjs_UI_icon_notice-destructive.svg); background-size: 25px; min-height: 28px; } .note-quebec { background-color: #dceaff; padding-left: 40px; min-height: 28px; position: relative; } .note-quebec::before { content: ""; width: 25px; position: absolute; top: 0; bottom: 0; left: 7px; background-image: url(https://upload.wikimedia.org/wikipedia/commons/b/b4/Quebecflaground.svg); background-repeat: no-repeat; background-position: center; } .note-france { background-color: #ffdcdc; background-image: url(https://upload.wikimedia.org/wikipedia/commons/8/8c/Franceroundflag.svg); background-size: 25px; padding-left: 40px; min-height: 28px; }