Notification Box2

Just like Notification Box, but with different styles.

Note: This is a note.

Tip: This is a tip.

Example: This is an example.

Warning: This is a warning.

Important! This is important.

This is a box without label.

The css for page Template:Box_note/styles.css:

.notification-note {
border-left: solid 4px #3498db;
background:#d9edf7;
}
.notification-tip {
border-left: solid 4px #f2c412;
background:#FFF5C9;
}
.notification-warning {
border-left: solid 4px #c23c2b;
background: #f2dede
}
.notification-important {
border-left: solid 4px #ffa406;
background: #fedb9c;
}
.notification-example {
border-left: solid 4px #00b241;
background: #dff0d8;
}
.notification-backgroundbox {
background:#ffd67f; 
padding:12px;
}
.notification-backgroundbox .boxlabel {
display:none;
}