« Modèle:Note/styles.css » : différence entre les versions
Aucun résumé des modifications |
Aucun résumé des modifications |
||
Ligne 1 : | Ligne 1 : | ||
.note { | .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 { | .note-inline { | ||
display: inline-block; | |||
vertical-align: middle; | |||
} | } | ||
.note-info { | .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 { | .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 { | .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 { | .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 { | .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 { | .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; | |||
} | } |
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; }