Код:
/*Наружняя часть кода и спойлера*/
.codebox {
background: linear-gradient(180deg, #F4F4F4, #DAE1E3, #F4F4F4, #DAE1E3, #DAE1E3, #ffffff, #ffffff, #ffffff, #ffffff);
-moz-border-radius:8px;
-khtml-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px 8px 8px 8px;
padding-bottom:0.2em;
border-color:#C5C5C5;
border-style:solid;
box-shadow:0 0 14px 0 #debfbf;
-webkit-box-shadow:0 0 14px 0 #debfbf;
-moz-box-shadow:0 0 14px 0 #debfbf;
border-width:1px;
margin:1em;
display:block;
font-size:13px; /*размер текста заголовка*/
color:#9B889E;
}
/*Внутренняя часть кода и спойлера*/
.codebox dd {
background-color:#FFFFFF;
border-style:dashed;
-moz-border-radius:4px;
-khtml-border-radius:4px;
-webkit-border-radius:4px;
border-radius:2px;
border-color:#debfbf #FFFFFF #FFFFFF;
border-width:1px;
}
стрелка
Код:
dl.codebox.spoiler dt:after {
content: "";
position: absolute;
height: 1.3em;
width: 1.7em;
margin-left: -0.3em;
background: transparent url("http://i39.servimg.com/u/f39/17/88/20/04/e-mail10.gif")no-repeat 0% 70%;
}