CSS Alert Messages

I found this great css messages code here (read about it for a fuller explanation):

/* CSS messages */

.alert { background: #fff6bf url('exclamation.png') 15px 50% no-repeat; padding: 5px 20px 5px 45px; border-top: 2px solid #ffd324; border-bottom: 2px solid #ffd324; }
.info { background: #f8fafc url('information.png') 15px 50% no-repeat; padding: 5px 20px 5px 45px; border-top: 2px solid #b5d4fe; border-bottom: 2px solid #b5d4fe; }
.download { background: #cfc url('download.png') 15px 50% no-repeat; padding: 5px 20px 5px 45px; border-top: 2px solid #3C6; border-bottom: 2px solid #3C6; }
.german { background: transparent url('de.png') 15px 50% no-repeat; padding: 5px 20px 5px 45px; }
.english { background: transparent url('gb.png') 15px 50% no-repeat; padding: 5px 20px 5px 45px; }

Or more Explicitly here:

http://www.bioneural.net/wp-content/themes/k2bn/styles/bioneural/bioneural.css

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.