Created
December 19, 2012 12:36
-
-
Save nickdenardis/4336393 to your computer and use it in GitHub Desktop.
Non-responsive 960px wide Wayne State University header and footer CSS
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@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