article

Sunday, May 16, 2010

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.


Related Post