fancy modal
HTML
<div class="fancyModal">
<div class="errorSign"></div>
<h3>
ERROR: Error Message
</h3>
<p>Some details about the error go here. Praesent ut erat enim sed variu. Nam non risus ligula, id bibendum nisi. Aenean ut ligula enim.
</p><p>Please contact the site administrator if you continue to have problems.</p>
<a href="#" class="threeDee clear">OK</a>
<br class="clear"/>
</div>
CSS
body {
background: url( http://www.tastybytes.net/uploads/largebg.jpg ) center center no-repeat;
}
.clear { clear: both; }
p { margin: 10px 0; }
.fancyModal {
position: relative;
width: 300px;
padding: 15px;
margin: 100px auto;
background: #f2f2f2; /* Old browsers */
background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 18%, #f9f9f9 18%, #e1e1e1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(18%,#ffffff), color-stop(18%,#f9f9f9), color-stop(100%,#e1e1e1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f2f2f2 0%,#ffffff 18%,#f9f9f9 18%,#e1e1e1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f2f2f2 0%,#ffffff 18%,#f9f9f9 18%,#e1e1e1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f2f2f2 0%,#ffffff 18%,#f9f9f9 18%,#e1e1e1 100%); /* IE10+ */
background: linear-gradient(top, #f2f2f2 0%,#ffffff 18%,#f9f9f9 18%,#e1e1e1 100%); /* W3C */
background-clip: padding-box;
border-radius: 7px;
border: 7px solid rgba(255,255,255,.3);
box-shadow: 0 5px 20px 10px rgba(0,0,0,.5); /*0 0 0 5px rgba(255,255,255,.3),*/
font: normal normal normal 12px helvetica, arial, sans-serif;
color: #888;
text-shadow: 1px 1px 0 #fff;
}
.fancyModal h3 {
font: normal normal bold 18px helvetica, arial, sans-serif;
color: #888;
margin-bottom: 10px;
}
.errorSign {
display: block;
float: left;
height: 35px;
width: 35px;
margin: 0 10px 5px 0;
border: 3px solid #fff;
border-radius: 40px;
background: #aa0000; /* Old browsers */
background: -moz-linear-gradient(top, #aa0000 0%, #820000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aa0000), color-stop(100%,#820000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #aa0000 0%,#820000 100%); /*...