« Modèle:Note/styles.css » : différence entre les versions
mAucun résumé des modifications |
mAucun résumé des modifications |
||
Ligne 3 : | Ligne 3 : | ||
padding: 0.5em 0.5em 0.5em 40px; | padding: 0.5em 0.5em 0.5em 40px; | ||
margin: 0.5em 0; | margin: 0.5em 0; | ||
border-radius: 5px; | |||
overflow: hidden; | overflow: hidden; | ||
background-color: #f8f9fa; | background-color: #f8f9fa; | ||
Ligne 13 : | Ligne 14 : | ||
} | } | ||
.note-info { | .note-info { | ||
background-color: #f6efe5; | background-color: #f6efe5; | ||
background-image: url(https://upload.wikimedia.org/wikipedia/commons/d/d5/OOjs_UI_icon_reference_20_ac6600.svg); | background-image: url(https://upload.wikimedia.org/wikipedia/commons/d/d5/OOjs_UI_icon_reference_20_ac6600.svg); | ||
background-size: 25px; | background-size: 25px; | ||
padding-left: 40px; | padding-left: 40px; | ||
min-height: 28px; | min-height: 28px; | ||
} | } | ||
.note-reminder { | .note-reminder { | ||
background-color: #fff9ea; | background-color: #fff9ea; | ||
background-image: url(https://upload.wikimedia.org/wikipedia/commons/a/a8/OOjs_UI_icon_lightbulb-yellow.svg); | background-image: url(https://upload.wikimedia.org/wikipedia/commons/a/a8/OOjs_UI_icon_lightbulb-yellow.svg); | ||
background-size: 25px; | background-size: 25px; | ||
min-height: 28px; | min-height: 28px; | ||
} | } | ||
.note-warn { | .note-warn { | ||
background-color: #fff9ea; | background-color: #fff9ea; | ||
background-image: url(https://upload.wikimedia.org/wikipedia/commons/3/3b/OOjs_UI_icon_alert-warning.svg); | background-image: url(https://upload.wikimedia.org/wikipedia/commons/3/3b/OOjs_UI_icon_alert-warning.svg); | ||
background-size: 25px; | background-size: 25px; | ||
min-height: 28px; | min-height: 28px; | ||
} | } | ||
.note-error { | .note-error { | ||
background-color: #fee7e6; | background-color: #fee7e6; | ||
background-image: url(https://upload.wikimedia.org/wikipedia/commons/b/bf/OOjs_UI_icon_notice-destructive.svg); | background-image: url(https://upload.wikimedia.org/wikipedia/commons/b/bf/OOjs_UI_icon_notice-destructive.svg); | ||
background-size: 25px; | background-size: 25px; | ||
min-height: 28px; | min-height: 28px; | ||
} | } | ||
.note-quebec { | .note-quebec { | ||
background-color: #dceaff; | background-color: #dceaff; | ||
background-image: url(https://upload.wikimedia.org/wikipedia/commons/b/b4/Quebecflaground.svg); | background-image: url(https://upload.wikimedia.org/wikipedia/commons/b/b4/Quebecflaground.svg); | ||
background-size: 25px; | background-size: 25px; | ||
padding-left: 40px; | padding-left: 40px; | ||
min-height: 28px; | min-height: 28px; | ||
} | } | ||
.note-france { | .note-france { | ||
background-color: #ffdcdc; | background-color: #ffdcdc; | ||
background-image: url(https://upload.wikimedia.org/wikipedia/commons/8/8c/Franceroundflag.svg); | background-image: url(https://upload.wikimedia.org/wikipedia/commons/8/8c/Franceroundflag.svg); | ||
background-size: 25px; | background-size: 25px; | ||
padding-left: 40px; | padding-left: 40px; | ||
min-height: 28px; | min-height: 28px; | ||
} | } |
Version du 3 juin 2023 à 19:33
.note { background-position: left 7px top 50%; padding: 0.5em 0.5em 0.5em 40px; margin: 0.5em 0; border-radius: 5px; 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: 25px; 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; background-image: url(https://upload.wikimedia.org/wikipedia/commons/b/b4/Quebecflaground.svg); background-size: 25px; padding-left: 40px; min-height: 28px; } .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; }