@import url(http://fonts.googleapis.com/css?family=Forum&subset=cyrillic,latin);
#spoiler {
    width:700px;
}
#spoiler_title {
    font:18px 'Forum', cursive;
    padding:2px 5px;
    color:#f0f0f0;
    cursor:pointer;
    
    /* Border Radius */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    
    /* Gradient */
    background: rgb(30, 115, 201);
    background: -moz-linear-gradient(90deg, rgb(30, 115, 201) 0%, rgb(90, 143, 255) 100%);
    background: -webkit-linear-gradient(90deg, rgb(30, 115, 201) 0%, rgb(90, 143, 255) 100%);
    background: -o-linear-gradient(90deg, rgb(30, 115, 201) 0%, rgb(90, 143, 255) 100%);
    background: -ms-linear-gradient(90deg, rgb(30, 115, 201) 0%, rgb(90, 143, 255) 100%);
    background: linear-gradient(90deg, rgb(30, 115, 201) 0%, rgb(90, 143, 255) 100%);
}
#spoiler_title:hover {
    background: rgb(30, 115, 221);
    background: -moz-linear-gradient(90deg, rgb(30, 115, 221) 0%, rgb(90, 143, 255) 100%);
    background: -webkit-linear-gradient(90deg, rgb(30, 115, 221) 0%, rgb(90, 143, 255) 100%);
    background: -o-linear-gradient(90deg, rgb(30, 115, 221) 0%, rgb(90, 143, 255) 100%);
    background: -ms-linear-gradient(90deg, rgb(30, 115, 221) 0%, rgb(90, 143, 255) 100%);
    background: linear-gradient(90deg, rgb(30, 115, 221) 0%, rgb(90, 143, 255) 100%);
}
#spoiler_container {
    margin:0 3px;
    border:1px solid #f0f0f0;
    padding-bottom:5px;
    
    /* Border Radius Bottom */
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    
    /* Gradient */
    background: rgb(247, 247, 255);
    background: -moz-linear-gradient(227deg, rgb(247, 247, 255) 0%, rgb(252, 252, 255) 100%);
    background: -webkit-linear-gradient(227deg, rgb(247, 247, 255) 0%, rgb(252, 252, 255) 100%);
    background: -o-linear-gradient(227deg, rgb(247, 247, 255) 0%, rgb(252, 252, 255) 100%);
    background: -ms-linear-gradient(227deg, rgb(247, 247, 255) 0%, rgb(252, 252, 255) 100%);
    background: linear-gradient(227deg, rgb(247, 247, 255) 0%, rgb(252, 252, 255) 100%);
}

#spoiler_content {
    font:16px 'Forum', cursive;
    padding:2px 5px;
    color:#333;
}

А вот html код:

<div id="spoiler">
    <div id="spoiler_title" onclick="toggle('spoiler_content')">Показать/Скрыть видео</div>
    <div id="spoiler_container">
        <div id="spoiler_content">Смотреть трейлер к игре...<br /> [xfvalue_youtube]</div>
    </div>
</div>