« Modèle:Note/styles.css » : différence entre les versions
mAucun résumé des modifications |
Aucun résumé des modifications |
||
(32 versions intermédiaires par 2 utilisateurs non affichées) | |||
Ligne 6 : | Ligne 6 : | ||
background-color: #f8f9fa; | background-color: #f8f9fa; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
border: | border-radius: 5px; | ||
} | position: relative; | ||
.note-inline { | } | ||
.note-inline { | |||
display: inline-block; | display: inline-block; | ||
vertical-align: middle; | vertical-align: middle; | ||
} | } | ||
.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: | background-size: 1rem; | ||
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: # | background-color: #dceaff; | ||
/ | padding-left: 40px; | ||
background-image: url(https://upload.wikimedia.org/wikipedia/commons/ | background-size: 25px; | ||
background-image: url(https://upload.wikimedia.org/wikipedia/commons/b/b4/Quebecflaground.svg); | |||
min-height: 28px; | |||
} | |||
.note-france { | |||
background-color: #ffdcdc; | |||
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 actuelle datée du 16 octobre 2023 à 16:38
.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; position: relative; } .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; background-size: 25px; background-image: url(https://upload.wikimedia.org/wikipedia/commons/b/b4/Quebecflaground.svg); 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; }