Template:Hint/styles.css

.hint { 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: 1px solid #ddd; } .hint-block { background-position: left 7px top 1.3em; } .hint-inline { display: inline-block; vertical-align: middle; } .hint-question { background-color: #f8f9fa; background-image: url(https://upload.wikimedia.org/wikipedia/commons/1/10/OOjs_UI_icon_help-ltr-progressive.svg); background-size: 25px; padding-left: 40px; min-height: 28px; } .hint-algorithm { background-color: #f8f9fa; background-image: url(https://upload.wikimedia.org/wikipedia/commons/f/f6/OOjs_UI_icon_math-progressive.svg); background-size: 25px; padding-left: 40px; min-height: 28px; } .hint-example { background-color: #f8f9fa; background-image: url(https://upload.wikimedia.org/wikipedia/commons/2/2a/OOjs_UI_icon_code-progressive.svg); background-size: 25px; padding-left: 40px; min-height: 28px; } .hint-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; border-color: #ac6600; padding-left: 40px; min-height: 28px; } .hint-history { background-color: #f6efe5; /* */	background-image: url(https://upload.wikimedia.org/wikipedia/commons/d/d5/OOjs_UI_icon_reference_20_ac6600.svg); background-size: 25px; border-color: #ac6600; padding-left: 40px; min-height: 28px; } .hint-reminder { background-color: #fff9ea; /* */	background-image: url(https://upload.wikimedia.org/wikipedia/commons/a/a8/OOjs_UI_icon_lightbulb-yellow.svg); background-size: 25px; border-color: #fc3; min-height: 28px; } .hint-warn { background-color: #fff9ea; /* */	background-image: url(https://upload.wikimedia.org/wikipedia/commons/3/3b/OOjs_UI_icon_alert-warning.svg); background-size: 25px; border-color: #fc3; min-height: 28px; } .hint-caution { background-color: #f8f9fa; /* */	background-image: url(https://upload.wikimedia.org/wikipedia/commons/3/3b/OOjs_UI_icon_alert-warning.svg); background-size: 25px; border-color: #ddd; min-height: 28px; } .hint-error { background-color: #fee7e6; /* */	background-image: url(https://upload.wikimedia.org/wikipedia/commons/b/bf/OOjs_UI_icon_notice-destructive.svg); background-size: 25px; border-color: #c33; min-height: 28px; }