Nice Messageboxes, to display nice info-, success-, warning- and error-messages.

message.less

.message {
    margin: 1em 0;
    padding: 4px 8px;
    color: #333 ;
    border-radius: 5px;

    a {
        color: #333;
        text-decoration: underline;
    }

    &.message-info {
        background: #33B5E5;
        box-shadow: 2px 2px 0 #0099CC;
        text-shadow: 1px 1px 0 #0099CC;
    }

    &.message-success {
        background: #99CC00;
        box-shadow: 2px 2px 0 #669900;
        text-shadow: 1px 1px 1px #669900;
    }

    &.message-warning {
        background: #FFBB33;
        box-shadow: 2px 2px 0 #FF8800;
        text-shadow: 1px 1px 1px #FF8800;
    }

    &.message-error {
        background: #FF4444;
        box-shadow: 2px 2px 0 #CC0000;
        text-shadow: 1px 1px 1px #CC0000;
    }
}