Skip to content

Instantly share code, notes, and snippets.

@clivemurray
Created November 11, 2011 12:09
Show Gist options
  • Select an option

  • Save clivemurray/1357858 to your computer and use it in GitHub Desktop.

Select an option

Save clivemurray/1357858 to your computer and use it in GitHub Desktop.
body {
background: url(../images/bg/page/blue-tile.gif) repeat;
}
div {
position: relative;
}
.replace {
display: block;
overflow: hidden;
text-indent: -999em;
background-position: 0 0;
background-repeat: none;
background-color: transparent;
}
.replace a {
width: 100%;
height: 100%;
}
.cleared, .clear {
display: block;
}
.cleared:after, .clear:after {
clear: both;
content: " ";
display: block;
font-size: 0;
height: 0;
visibility: hidden;
}
ul ul li {
font-size: inherit !important;
}
.constrain {
width: 986px;
margin: auto;
}
div.header {
background: #033c5f url(../images/bg/page/top-gradient.gif) bottom left repeat-x;
}
ul.top-nav {
width: 980px;
height: 47px;
float: left;
clear: both;
margin-left: 3px;
position: relative;
}
ul.top-nav li {
text-align: center;
position: relative;
color: #fff;
margin-top: 20px;
}
ul.top-nav li a {
color: #fff;
text-decoration: none;
}
ul.top-nav li.sitemap-nav {
position: absolute;
left: 0;
top: 0;
width: 200px;
}
ul.top-nav li.account-nav {
position: absolute;
right: 0;
top: 0;
width: 200px;
}
ul.top-nav li li {
float: left;
margin-top: 0;
margin-right: 10px;
padding-right: 10px;
background: url(../images/furniture/topnav-divider.gif) right center no-repeat;
}
ul.top-nav li.sitemap-nav li.last,
ul.top-nav li.account-nav li.first {
margin-right: 0;
padding-right: 0;
background: none;
}
ul.top-nav li.account-nav li {
float: right;
}
ul.top-nav a.nature-link {
margin-top: 1px;
background-image: url(../images/furniture/home-link.gif);
width: 88px;
height: 13px;
}
div.leaderboard {
width: 980px;
height: 101px;
float: left;
clear: both;
margin-left: 3px;
background: url(../images/furniture/ad/bg-trans.png) repeat;
}
div.leaderboard-inner {
width: 758px;
height: 90px;
margin-left: 111px;
margin-top: 5px;
overflow: hidden;
padding-left: 15px;
background: url(../images/furniture/ad/frame.gif) left top no-repeat;
}
div.logo-header {
float: left;
clear: both;
width: 986px;
height: 101px;
background: url(../images/bg/page/birds.gif) right center no-repeat;
}
div.logo-header a.header-title {
width: 278px;
height: 45px;
background-image: url(../images/furniture/logo.gif);
margin-top: 38px;
}
ul.main-nav {
float: left;
clear: both;
width: 986px;
background: url(../images/furniture/frame/border-top.png) center bottom no-repeat;
}
ul.main-nav li {
float: left;
height: 34px;
background: url(../images/furniture/nav/tab-l.png) left top no-repeat;
padding-left: 3px;
}
ul.main-nav li a {
display: block;
line-height: 34px;
background: url(../images/furniture/nav/tab-r.png) right bottom no-repeat;
padding: 0 23px 0 20px;
text-decoration: none;
color: #fff;
font-weight: bold;
float: left;
}
ul.main-nav li a:hover {
background-position: right top;
}
ul.main-nav li.current a,
ul.main-nav li.current a:hover {
background-position: right -34px;
color: #222;
}
div.content-outer {
padding-bottom: 140px;
background: url(../images/bg/page/clouds.gif) center top no-repeat;
}
div.content-constrain {
background: url(../images/furniture/frame/border-edges-wh.png) left top repeat-y;
width: 980px;
padding: 0 3px;
}
div.content-inner {
padding: 2em 15px 5em 15px;
min-height: 420px;
}
div.content-ender {
margin: auto;
width: 986px;
height: 2px;
overflow: hidden;
background: url(../images/furniture/frame/border-bottom.png) center top no-repeat;
}
div.footer {
padding: 2em 15px 5em 15px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment