[Web-development (jquery)] Simple css message boxes

Simple css message boxes

<style>
 .message {
 padding: 10px;
 border: 2px solid #ddd;
 background-color: #eee;
 color: #222;
 }
 .notice {
 background: #FFF6BF;
 color: #817134;
 border-color: #FFD324;
 }
 .success {
 background: #E6EFC2;
 color: #529214;
 border-color: #C6D880;
 }
 .error {
 background: #FBE3E4;
 color: #D12F19;
 border-color: #FBC2C4;
 }
</style>
this is a notice.
something was successful.
oops! an error occured.

source : http://log.viva.co.id, http://tutorial101.blogspot.com, http://lintas.me

Posted by Unknown