Box with shadow

sample-box.htm

<div class="codehilite">
   <pre>
      <span class="k">[extensions]</span>
      <span class="na">hgext.bookmarks</span> <span class="o">=</span>
      <span class="na">hggit</span> <span class="o">=</span>
   </pre>
</div>

style.css

.codehilite:before, .codehilite:after {
   content: " ";
   position: absolute;
   z-index: -1;
   transform: skew(-3deg,-2deg);
   -ms-transform: skew(-3deg,-2deg);
   -webkit-transform: skew(-3deg,-2deg);
   -o-transform: skew(-3deg,-2deg);
   -moz-transform: skew(-3deg,-2deg);
   bottom: 14px;
   box-shadow: 0px15px5px#aaa;
   height: 50px;
   left: 1px;
   max-width: 50%;
   width: 50%;
}

.codehilite:after {
   transform: skew(3deg,2deg);
   -ms-transform: skew(3deg,2deg); 
   -webkit-transform: skew(3deg,2deg);
   -o-transform: skew(3deg,2deg);
   -moz-transform: skew(3deg,2deg);
   left:auto;
   right:1px;
} 

.codehilite {
   position:relative;
   padding:1px;
   background:#fafafa;
   margin:25px;
   box-shadow:0px0px1px1px#ccc;
}