/ Published in: CSS
css starting point for library websites - adds a uniform size, font weights and colors, etc for our websites
Expand |
Embed | Plain Text
Copy this code and paste it in your HTML
/***************************************************************************** SITE TYPOGRAPHY ONLY! ******************************************************************************/ html { font-size: 62.5%; /* equivalent to 10px (10px / 16px)*/ font-family: Verdana, Lucida, Helvetica, Arial, sans-serif; font-style: normal; color: #535353; } body { font-size: 1.1em; color: #535353; } a { color: #1f5d85; text-decoration: none; outline: none; } a:visited { color: purple; } a:hover { text-decoration: underline; } h1, h2, h3, h4, h5, h6 { margin: 0.75em 0 0.25em; color: #1a2830; font-family: Verdana, Lucida, Helvetica, Arial, sans-serif; font-weight: bold; } cite, dfn, em { font-style: italic; } strong, th { font-weight: bold; } .documentFirstHeading { margin-left: 0; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #1F5D85; text-decoration: none; } h1 { font-size: 1.60em; /*17.6px*/ margin-bottom: 30px; } h2 { font-size: 1.30em; /*14.3px*/ } h3 { font-size: 1.15em; /*12.65px*/ border-bottom: none; font-weight: bold; } h4 { font-size: 1.05em; /*11.55px*/ border-bottom: none; font-weight: bold; } h5 { font-size: 1em; /*11px*/ border-bottom: none; font-weight: bold; } h6 { font-size: .85em; /*9.35px*/ border-bottom: none; font-weight: bold; } abbr, acronym { color: #535353; } dt { font-weight: bold; } q { font-family: Baskerville, Georgia, serif; font-style: italic; font-size: 1.2em; } label { font-weight: normal; } blockquote { color: #535353; } code, tt { font-family: Monaco, "Courier New", Courier, monospace; font-size: 1.2em; color: #535353; } pre { font-family: Monaco, "Courier New", Courier, monospace; font-size: 1em; color: #535353; } ins { color: green; text-decoration: none; } del { text-decoration: line-through; } #colophon h3 a, #colophon h3 a:active, #colophon h3 a:visited { color: #fff; font-size: 13px; } /***************************************************************************** END SITE TYPOGRAPHY ******************************************************************************/