Panel Style Test

Just a quick style test.

by conzett

HTML

<div id="test">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris condimentum facilisis ullamcorper. Donec mi mauris, viverra vel ullamcorper luctus, elementum a libero. Nullam hendrerit venenatis congue. Mauris pulvinar rhoncus facilisis. Vivamus mauris felis, eleifend in congue eu, luctus nec dui. Pellentesque in adipiscing sem. Cras tempor, libero eget tristique vehicula, magna sem blandit eros, vitae euismod elit mi nec est. Donec tempor massa non erat mattis tempor. Vestibulum nibh turpis, pharetra a ullamcorper vel, auctor eu purus.</p>
        </div>

CSS

* {
    margin: 0;
    padding: 0;
    border: 0;
}

body{
    padding: 30px;
    background-color: #f6f6f6;
}

p{
    font-family: Verdana, Geneva, sans-serif;
    color: #989898;
    font-size: 12px;
    line-height: 20px;
}

#test {
    width: 200px;
    
    padding: 10px;
    
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    
    border: 1px solid #989898;
    
    background: white;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1f1f1));
    background: -moz-linear-gradient(top,  #fff,  #f1f1f1);
    
    -moz-box-shadow: 0px 3px 5px #ebebeb;
    -webkit-box-shadow: 0px 3px 5px #ebebeb;
    box-shadow: 0px 3px 5px #c5c5c5;
    
}