Skip to content

Instantly share code, notes, and snippets.

@jamesgolick
Created February 26, 2009 01:29
Show Gist options
  • Select an option

  • Save jamesgolick/70581 to your computer and use it in GitHub Desktop.

Select an option

Save jamesgolick/70581 to your computer and use it in GitHub Desktop.
.block{
width:190px;
float:left;
font:10px Arial, Verdana, Tahoma sans-serif;
}
.block-center{
background:url(../images/bg-block.png) repeat-y;
overflow:hidden;
width:100%;
}
.block-bottom{
height:7px;
overflow:hidden;
background:url(../images/bg-block-bottom.png) no-repeat;
}
.block-top{
background:url(../images/bg-top.gif) no-repeat;
overflow:hidden;
height:1%;
padding:1px 6px 158px 2px;
}
.block h2{
font-size:11px;
text-transform:uppercase;
background:url(../images/bg-block-title.gif) no-repeat;
margin:0;
padding:12px 15px 9px;
}
.block ul{
margin:0;
padding:0;
list-style:none;
overflow:hidden;
height:1%;
}
.block li{
background:url(../images/bg-subnav.gif) no-repeat 4px 7px;
border-bottom:1px solid #a4a4a4;
padding:4px 70px 4px 6px;
margin:0 0 -1px;
height:1%;
vertical-align:top;
}
.block li a{
display:block;
margin:0 0 0 8px;
}
.block ul ul{
padding:5px 0 0;
display:none;
}
.block ul li.active{background:url(../images/bg-subnav-active.gif) no-repeat 3px 8px;}
.block ul li.active ul{display:block;}
.block ul ul li{
background:none;
padding:2px 0;
border:0;
}
.block ul ul li.active{background:none;}
.block ul ul li a:hover, .block ul ul li.active a{
background:url(../images/bg-subnav-li.gif) no-repeat 0 4px;
margin:0;
padding:0 0 0 8px;
text-decoration:none;
}
.main{
float:right;
width:504px;
margin:0 0 0 16px;
}
#content h1{
font:20px Arial, Verdana, Tahoma sans-serif;
margin:16px 0 0;
}
#content h1 span{color:#0088c6;}
#content p{
margin:11px 0;
line-height:16px;
}
/* sidebar */
#sidebar{
width:200px;
float:right;
padding:13px 0 0;
}
/* container */
.container{
background:url(../images/bg-bottom.gif) repeat-y;
width:100%;
overflow:hidden;
padding:0 0 5px;
}
.box{
float:left;
width:482px;
background:url(../images/bg-box.gif) repeat-y;
margin:11px 26px 0 12px;
display:inline;
}
.box-bottom{background:url(../images/bg-box-bottom.gif) no-repeat 0 100%;}
.box-top{
background:url(../images/bg-box-top.gif) no-repeat;
overflow:hidden;
height:1%;
padding:2px 7px 19px 2px
}
.box h3{
font:bold 11px Arial, Verdana, Tahoma sans-serif;
color:#fff;
text-transform:uppercase;
margin:0;
background:url(../images/bg-box-title.jpg) no-repeat;
padding:4px 12px;
}
.box ul{
margin:7px 0 0;
padding:0;
list-style:none;
overflow:hidden;
width:100%;
}
.box li{
background:url(../images/bg-box-ul.gif) no-repeat 12px 8px;
padding:5px 120px 5px 25px;
border-bottom:1px solid #a8a8a8;
margin:0 0 -1px;
font-size:9px;
height:1%;
}
.banner{
float:left;
width:249px;
height:139px;
background:url(../images/bg-banner.gif) no-repeat 100% 100%;
padding:2px 0 0 2px;
margin:11px 0 0;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment