html {
height: 100%;
} body {
position: relative; max-width: 64em; min-height: 100%; margin: 0 auto; padding: 0;
}
global-header, body > article, body > section {
padding: 0.01ex 1em;
}
global-header {
background: $global-header-background; h1 a { text-decoration: none; color: inherit; }
} .site-sections {
margin: 0 -1em; ul { @include clearfix; list-style-type: none; margin-bottom: 3ex; padding: 0; background: $global-nav-background; } li { float: left; &:first-child { border-left: 2px solid $global-nav-shadow; } &:last-child { border-right: 2px solid $global-nav-highlight; } } a, strong { display: inline-block; padding: 1ex 1em; border-left: 2px solid $global-nav-highlight; border-right: 2px solid $global-nav-shadow; } a { text-decoration: none; color: $global-nav-color; &:hover, &:active { background: $global-nav-hover-background; } } strong { font-weight: normal; color: $global-nav-current-color; background: $global-nav-current-background; }
}
body > article, body > section {
position: relative; margin-bottom: 2ex; article, section { border-top: 2px dotted $section-border-color; &:first-child { border-top: 0; } }
}
global-footer {
@include clearfix; background: $global-footer-background; font-size: .9em; text-align: center; .site-links, .contact, .copyright { padding: 1ex 1em; }
} .site-links {
h1 { position: absolute; height: 1px; width: 1px; overflow: hidden; margin: -1px; padding: 0; border: 0; clip: rect(1px, 1px, 1px, 1px); } ul { list-style-type: none; margin: 0; padding: 0; } li { display: inline; &:before { content: ' | '; } &:first-child:before { content: ''; } }
} .contact {
color: $global-footer-color; h1, address { display: inline; font-size: 1em; font-style: normal; } h1:after { content: ':'; } a { color: inherit; } .name, .street, .city, .state, .zip { &:after { content: ','; } }
} .copyright {
margin: 0; font-size: .9em; color: $global-footer-copyright-color;
}
.breadcrumbs {
position: absolute; top: -3ex; left: 1em; ul, li { list-item-type: none; display: inline; margin: 0; padding: 0; } ul { font-size: .7em; } li:before { content: ' > '; } li:first-child:before { content: ''; } strong { font-weight: normal; }
}
.assets-list {
@include clearfix; list-style-type: none; padding: 1.75ex 1em; background: $assets-background; li { display: block; float: left; margin-left: 1em; &:first-child { margin-left: 0; } }
}