style snippets

by J. Albert Bowden

HTML

<h1 class="shadow-white">Shadow White Font Color Class</h1>
<hr />
<div class="contentbg01"></div>
<hr />
<div class="contentbg02"></div>

CSS

.shadow-white { background:#eee;
text-shadow: 0px 1px rgba( 255, 255, 255, 0.85 );
color: #606060;
font-size: 0.55em; padding:.5em;
text-transform: uppercase; text-align:center;
}

.contentbg01{
width: 100%;
height: 34px;
border-top: 1px solid silver;
background: #D0D0D0;
background: -moz-linear-gradient(top, #E0E0E0, #D0D0D0);
background: -webkit-gradient(linear, left top, left bottom, from(#E0E0E0), to(#D0D0D0));
}

.contentbg02{
width: 100%;
height:220px;
border-top: 1px solid silver;
background: #D0D0D0;
background: -moz-linear-gradient(top, #E0E0E0, #D0D0D0);
background: -webkit-gradient(linear, left top, left bottom, from(#E0E0E0), to(#D0D0D0));
}