/* * light_blue_and_yellow.css style for Biocity Turku * (c) 2006 vandepavert.com, Leon van de Pavert * email: webdesign (at) vandepavert.com * version: 2006-06-18 00:13:40 * * colour 24 bit 12 bit * black #000000 #000 * dark grey #808080 #888 * medium grey #cccccc #ccc * light grey #eeeeee #eee * white #ffffff #fff * * yellow #ffcc00 #fc0 * dark blue #1C4781 #258 * #839DC0 #8ac * medium blue #A3ADCD #abd * light blue #CCD7E5 #cde * light blue #E9EDF3 #eef * * Palette below was created with Color Palette Creator v1.6.1 at * http://slayeroffice.com/tools/color_palette/ * * #1C4781 #258 * #5575A1 #57a * #8EA4C1 #9ac * #C6D1DF #cde * #E9EDF3 #eef * html font-size:100% makes it 16px as this is the browser default font-size. * body font-size: 85% makes it 13.6px, a rather large size for a screen font * but it is dynamically scalable. At a width of 70em for the wrapper (see: * liquid_position.css) this becomes 13.6x70=952px in MSIE6/Win. * * A body font-size of 75% makes it 12px, but the wrapper should then be 80em * in order to have a fixed width equivalent of 950px at 1em. */ /* elements */ html { font-size: 100%;} body { font: 80%/1.5 'Nimbus Sans L', Arial, Helvetica, sans-serif; background: #839DC0; color: #000; } /* adjust default font-size for MSIE7- * This hack uses the "*-root element". All other browsers consider to * be the root element, but Microsoft decided to have an unknown root element * above which can be called with the * (wildcard). Only MSIE7- will * obey this rule. Microsoft has decided to "fix" this in MSIE7. */ * html body { font-size: 75%; } /* Be nice to Opera */ html>body { font-size: 80%; } h1 { font-size: 2em; margin: .75em 0 .1em; color: #1C4781; } h2 { font-size: 1.6em; margin: .3em 0 .1em; padding: 0; color: #F5860A; } h3 { font-size: 1.4em; margin: .2em 0 .1em; padding: 0; } h4 { font-size: 1.4em; margin: .1em 0 .1em; padding: 0; color: #1C4781; } h5 { font-size: 1.2em; font-weight: bold; margin: .1em 0 .1em; padding: 0; } h6 { font-size: 1.00em; font-weight: bold; margin: .1em 0 .1em; padding: 0; } h1,h2,h3,h4,h5,h6 { clear: both; } a { text-decoration: none; } img { border: none; padding: 0; margin: 0; } img.left { float: left; margin: 0 1em 1em 0; } img.right { float: right; margin: 0 0 1em 1em; } ol,ul { margin: .25em 0 .5em; } li { margin: 0 0 .25em; } table { border: 1px solid #1C4781; } th, td { text-align: left; font-size: 1em; white-space: nowrap; padding:0 .5em; margin: 0; } td { background-color: #F9FAFC; } th p, td p { padding:0; margin: 0; } p { font-size: 1em; } acronym { cursor: wait; } #header { background: #fff; text-align:left; } #header img.logo { margin: 0; padding: 0 0 0 41em; width: 39.3em; /* 39.3em is the relative equivalent of 500px */ } #header div#text-box { z-index: 1000; position: absolute; float:left; top: 1.75em; margin-left: .75em; padding: 1em .5em; color: black; background: #fff; } #header div#subtitle { text-align: left; margin: 0; padding: .1em 0 0; color: black; background: #fc0; width: 100%; } #header p { margin: -.7em 0; padding: 0 .25em 0; color: black; white-space: nowrap; } #header p.bigtext { font-size: 220%; font-weight: bold; text-transform: uppercase; } #header p.slogan { color: #597396; font: bold 90%/1.0 'Nimbus Roman No9 L', 'Times New Roman', Georgia, Times, serif; text-transform: uppercase; margin: 0; padding: .25em 2em .5em; } #header a, #header a:link, #header a:visited { text-decoration: none; margin: 0; padding:0; } #header .dark a { color: #1C4781; } #header .medium a { color: #A3ADCD; } #header .light a { color: #CCD2E4; } #header .bottomtext { margin-top:-.25em; } #header a { top: 0; } #tab { border: none; } #outer_wrapper { /* background-color: white; background-image: url(../images/background_5.gif); background-repeat: repeat-y; background-position: 0 0;*/ background-color: #CCD7E5; } #wrapper { /* background: transparent; background-image: url(../images/background_5.gif); background-repeat: repeat-y; background-position: 5em 0;*/ background-color:#CCD7E5; } /* * container * * This is a positional container for its children and should not be altered * in any way. The 1px offset is a fix for a well known MSIE positioning bug. */ #container { margin: 1px 0 0; padding: 0; } #content { /* block 1 */ background-color: white; border-right: 2px solid #839DC0; border-left: 2px solid #839DC0; } #content a { text-decoration: underline; color: #1C4781; } #content a:link {color: #1C4781;} #content a:visited {color: #5575A1;} #content a:hover {background-color: #E9EDF3;} #content a:active {background-color: #E9EDF3;} #content .breadcrumb { clear: both; margin-top: 2em; border-top: 1px solid #ccc; } #content .breadcrumb, #content .breadcrumb a:link, #content .breadcrumb a:visited { background: transparent; color: #839DC0; text-decoration: none; } #content .breadcrumb a:hover { background: transparent; color: #1C4781; text-decoration: underline; } /* * #content image padding needs to be fixed? page 464 seemed to show odd * behaviour, but this was due to direct file upload and not a selection * from the filemounts. This is normal content element behaviour. No fix * or workaround is desired. */ #content div.tx-indexedsearch th, #content div.tx-indexedsearch td { white-space: normal; } #content .tx-indexedsearch-title-caption a { color:#1C4781; } #content div.csi-text h1, #content div.csi-text h2, #content div.csi-text h3, #content div.csi-text h4, #content div.csi-text h5, #content div.csi-text h6 { clear: none; } #content div.tx-indexedsearch-secHead table, #content div.tx-indexedsearch-secHead th, #content div.tx-indexedsearch-secHead td { background: #CCD7E5; } #content ul { padding: 0 2em; margin:0; } #content table.contenttable { max-width: 55em; overflow: hidden; } * html #content table.contenttable { width: 55em; } #navigation { /* block 2 */ color: black; background-color: transparent; border: none; padding-bottom: 6em; padding-left: 1em; } #navigation #searchform { margin: 0; padding: 1em 0; border-bottom: 2px solid #A3ADCD; text-align: center; } #navigation #search-and-find { width: 10em; } #sidebar { /* block 3 */ background-color:#fff; border-right: 2px solid #839DC0; } #sidebar hr.fixed-line { height: 2px; background-color: #839DC0; border: none; margin: 0; padding:0; } #sidebar h2.csc-firstHeader { color: #000; font-size: 2em; margin-top: 0; color: #1C4781; } #sidebar a { text-decoration: underline; color: #1C4781; } #sidebar a:link {color: #1C4781; padding: 0 .2em;} #sidebar a:visited {color: #A3ADCD;} #sidebar a:hover {background-color: #E9EDF3;} #sidebar a:active {background-color: #E9EDF3;} /* TODO: write documentation for #footer and explain all the MSIE workarounds*/ #footer { border-top: 2px solid #839DC0; background-color: #839DC0; margin: 0; padding: 0; } * html #footer { margin: -1.5em 0; } #footer p { margin: 0; padding: 0 15em; background-color: white; } #footer .decoration-logo { float:left; position: relative; bottom: 80px; left: 1em; height: 12px; display: inline; text-align: center; overflow:normal; z-index:30; } #footer .decoration-logo img { display: inline; } /* * misc. * * add the getfirefox image and link to * http://www.mozilla.com/firefox/ */ #w3c { padding: 0; margin: 1em; color: #888; } #w3c p, #w3c a { color: #888; } .hide,.invisible { display: none; height: 0; width: 0; overflow: hidden; position: absolute;/* for the benefit of IE5 Mac */ } .clear { clear: both; } .clearing { height: 0; clear: both; } .subtitle { font-style: italic; }