Skip to content

Instantly share code, notes, and snippets.

@nickdenardis
Created December 19, 2012 12:36
Show Gist options
  • Save nickdenardis/4336393 to your computer and use it in GitHub Desktop.
Save nickdenardis/4336393 to your computer and use it in GitHub Desktop.
Non-responsive 960px wide Wayne State University header and footer CSS
@media all {
body {
background-color: #fff;
color: #000;
font-family: Arial,Helvetica,sans-serif;
font-size: 100%;
margin: 0;
padding: 0;
}
a {
color: #0C5449;
text-decoration: underline;
}
a:hover {
color: #0C5449;
text-decoration: none;
}
img {
border: 0;
}
.clear {
clear: both;
}
div.c {
margin: 0 auto;
width: 900px;
}
* html #wsu-header div.c {
height: 1%;
overflow: visible;
}
*+html #wsu-header div.c {
min-height: 1%;
}
#wsu-header div.c:after {
clear: both;
content: ".";
display: block;
height: 0;
line-height: 0;
visibility: hidden;
}
#wsu-header {
background: #0c5449 url(//wayne.edu/global/images/header-v2.gif) repeat-x 0 -165px;
clear: both;
}
#wsu-header h1,#wsu-header h2,#wsu-header .skip,#wsu-header #tab ul {
margin: 0;
padding: 0;
}
#wsu-header .c {
position: relative;
width: 960px;
}
#wsu-header h1 a {
background: transparent url(//wayne.edu/global/images/header-v2.gif) no-repeat 0 -81px;
height: 33px;
width: 344px;
}
#wsu-header h2 a {
background: transparent url(//wayne.edu/global/images/header-v2.gif) no-repeat 0 -116px;
height: 13px;
width: 85px;
}
#wsu-footer {
background: #ccdcda url(//wayne.edu/global/images/header-v2.gif) repeat-x 0 -130px;
border-top: 1px solid #536461;
clear: both;
color: #0C5449;
font-size: 0.7em;
text-align: left;
}
#wsu-footer .c {
width: 960px;
}
#wsu-footer a {
color: #0C5449 !important;
}
#wsu-footer p,#wsu-footer address {
font-style: normal;
margin: 0;
padding: 7px;
}
#wsu-footer #wsu-copyright {
float: right;
}
#wsu-footer address {
display: inline;
}
#wsu-header h1 img,#wsu-header h2 img,#wsu-footer .vcard .adr,#wsu-menu #skip,#wsu-menu #tab {
display: none;
}
}
@media handheld {
#wsu-header .skip a {
color: #0C5449;
padding: 4px;
}
#wsu-header {
background-color: transparent;
background-image: none;
}
#wsu-header h1 img,#wsu-header h2 img {
display: block;
margin-top: 5px;
}
#wsu-header h1 a {
margin-top: 1.1em;
}
#wsu-header h2 a {
background-image: none;
float: left;
margin: 5px 5px 5px 15px;
}
#wsu-header #tab {
background-image: none;
clear: both;
font-size: 1.2em;
padding-top: 5px;
}
#wsu-header #tab a {
background-image: none;
color: #0C5449;
padding: 0 4px;
text-decoration: underline;
}
div.c,#wsu-header div.c,#wsu-footer div.c {
width: 100%;
}
#wsu-header .skip li,#wsu-header #tab li {
display: inline;
}
#wsu-header h1 a,#wsu-header h2 a,#wsu-footer {
background-image: none;
}
}
@media print {
#wsu-header div.c {
border-bottom: 1px solid #000;
}
#wsu-header {
background-image: none;
}
#wsu-header h1 a,#wsu-header h2 a {
background-image: none;
float: left;
margin: 20px 0;
}
#wsu-header h2 a {
float: right;
margin-top: 40px;
}
#wsu-header h1 img,#wsu-header h2 img {
display: block;
}
#wsu-footer {
background-image: none;
border-color: #536461;
color: #000;
}
#wsu-footer a {
color: #000;
text-decoration: none;
}
div.c,#wsu-header div.c,#wsu-footer div.c {
width: 100%;
}
#wsu-header .skip,#wsu-header #tab,#wsu-footer #wsu-policy {
display: none;
}
}
@media screen {
#wsu-header div.c {
height: 63px;
padding-bottom: 20px;
}
#wsu-header .skip,#wsu-header #tab ul {
list-style: none;
}
#wsu-header .skip {
float: left;
height: 0;
}
#wsu-header .skip a {
background-color: #fff;
color: #0C5449;
font-weight: 700;
height: 1px;
left: -10000px;
overflow: hidden;
padding: 4px;
position: absolute;
top: auto;
width: 1px;
}
#wsu-header .skip a:hover,#wsu-header .skip a:visited {
height: 1px;
left: 0;
overflow: hidden;
position: absolute;
top: -500px;
width: 1px;
}
#wsu-header .skip a:active,#wsu-header .skip a:focus {
height: auto;
position: static;
width: auto;
}
#wsu-header h1 a {
display: inline;
float: left;
margin: 30px 0 20px;
}
#wsu-header h2 a {
display: inline;
float: right;
margin: 50px 0 0;
}
#wsu-header #tab {
background: transparent url(//wayne.edu/global/images/header-v2.gif) no-repeat 0 0;
font-size: 0.75em;
overflow: hidden;
position: absolute;
right: 0;
top: 9px;
}
#wsu-header #tab ul {
padding-left: 40px;
}
#wsu-header #tab li {
display: inline;
}
#wsu-header #tab a {
background: transparent url(//wayne.edu/global/images/header-v2.gif) no-repeat right -27px;
color: #0C5449 !important;
display: block;
float: left;
font-family: Arial,Helvetica,sans-serif !important;
height: 19px;
padding: 4px 7px;
text-decoration: none;
}
#wsu-header #tab li.last a {
background-position: right -54px;
padding-right: 10px;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment