|
@import url("http://fonts.googleapis.com/css?family=Architects+Daughter");
body
{
margin: 0;
padding: 0;
color: #fff;
background-color: #171814;
font-family: 'Architects Daughter', cursive;
}
header
{
text-align: left;
margin: 3em 0 0 0;
padding: 1em;
background-color: #464643;
border: 1px solid #666;
}
header nav
{
display: inline-block;
padding-left: 12em;
}
header nav a
{
border-left: 1px solid #eee;
padding-left: 1em;
padding-right: 1em;
}
header nav a.first
{
border-left: none;
}
footer
{
padding: 0.5em 1em;
}
footer div#columns
{
padding: 0 25%;
}
footer .col
{
text-align: left;
vertical-align: text-top;
display: inline-block;
width: 30%;
padding: 0 0.65em 0 0.35em;
}
footer .col h4
{
border-bottom: 1px dotted #eee;
}
footer ul,
footer li
{
margin: 0;
padding: 0;
list-style: none;
}
footer .col.last
{
border-right: none;
}
a,
a:link,
a:visited
{
text-decoration: none;
color: #fff;
}
a:hover
{
text-decoration: none;
font-weight: bolder;
color: #eb6335;
}
#logo
{
position: absolute;
top: 1.35em;
left: 5em;
height: 7em;
width: 7em;
background-color: #000;
z-index: 100;
}
#logo a
{
border: none;
}
#logo img
{
width: 7em;
height: 7em;
border: 0;
}
#browser
{
display: none;
visibility: hidden;
padding: 1em 15%;
background-color: #fae692;
border-bottom: 1px solid #000;
}
#container
{
margin: 0;
padding: 2em;
min-height: 12em;
background-color: #272822;
border: 1px solid #666;
box-shadow: 0 5px 10px #000 inset;
}
.copyright
{
padding: 5em 1em 1em 1em;
text-align: center;
width: 100%;
font-size: 9pt;
}
.center
{
text-align: center;
}
|