Template:Note/styles.css

div.note {
    position: relative;
    min-height: 3.1em;
    margin: 0.5em 5em;
    padding: 0.1em 1em 0.1em 4em;
    border: 1px solid #8d8d8d;
    border-radius: 0.5em;
    display: flex;
    align-items: center;
    box-shadow: 0 12px 18px -12px #373737;
    background-color: #efefef;
}
div.note-warning {
    border-color: #c63f17;
    background-color: #ffab91;
    box-shadow: 0 12px 18px -12px #c63f17;
}
div.note-lore {
    border-color: #6b9b37;
    background-color: #cfff95;
    box-shadow: 0 12px 18px -12px #6b9b37;
}
div.note img:first-of-type {
    position: absolute;
    width: 2em;
    height: 2em;
    left: 2em;
    top: 0.6em;
    transform: translatex(-50%);
    opacity: .60
}