Black Info Box

Markup

[[div class="infobox"]]
+++ Title Goes Here
Content goes here. Text, image, video, html block, etc...
[[/div]]
spacer.png

Sample

Issue #14 On Shelves

hbc14.jpg

spacer.png

CSS

[[module CSS]]
/*---------------- Info Boxes -------------------*/

.infobox {
    text-align:;
    width: 288px;
    padding: 1px 8px 5px 8px;
    position: relative;
    background: #000000;
    color: #fff;
    font-size: 100%;
    opacity: 0.9;
}

.infobox h3 {
    position: relative;
    width: 302px;
    height: 40px;
    padding-top: 15px;
    color: #fff;
    left: -15;
    z-index: 100;
    margin-top: -1px;
    margin-left: -7px;
    font-size: 160%;
    text-align: center;
    font-weight: bold;
    background: #000000;
    background-image:url(http://onx.wdfiles.com/local--files/lab%3Ablack-info-box/infotitle.png);
}

.infobox a {
    color: #35b0ff;
    text-decoration: none;
    border-bottom: 1px dotted transparent;
}
.infobox a:hover, .ctinfobox a:focus {
    text-decoration: none;
    border-bottom: 1px dotted #35b0ff;
}
[[/module]]
spacer.png