Team:Hong Kong HKU/templates/header2
From 2013.igem.org
(Difference between revisions)
(Created page with "<html> <head> <style type="text/css"> a.white:link {color:#FFF;} - →unvisited link: a.white:visited {color:#FFF;} /* visited link ...") |
|||
Line 1: | Line 1: | ||
<html> | <html> | ||
- | + | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
+ | <meta name="title" content="iGEM 2013: Imperial College" /> | ||
+ | <meta name="keywords" content="iGEM, Imperial College, Synthetic Biology, Plastic recycling, Plastic synthesis" /> | ||
+ | <meta name="description" content="Imperial College's 2013 iGEM team. Reviving waste plastics using engineered bacteria to enable more sustainable living."/> | ||
- | + | <style type="text/css"> | |
+ | /* Compulsory IDs ***********************************************************/ | ||
+ | #catlinks { | ||
+ | border:none; | ||
+ | background: #ffffff; | ||
+ | } | ||
+ | #footer-box{ | ||
+ | border:none; | ||
+ | } | ||
+ | #top-section { | ||
+ | background-color: #ffffff; | ||
+ | border: none; | ||
+ | height:20px; | ||
+ | } | ||
+ | #p-logo { | ||
+ | display: none; | ||
+ | } | ||
+ | #search-controls { | ||
+ | display: none; | ||
+ | } | ||
+ | .firstHeading { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #content { | ||
+ | position: relative; | ||
+ | width: 975px; | ||
+ | margin: 0 auto; | ||
+ | padding:0; | ||
+ | background: #ffffff; | ||
+ | color: black; | ||
+ | border: 1px solid #d9d9d9; | ||
+ | line-height: 1.5em; | ||
+ | z-index: 2; | ||
+ | } | ||
+ | body { | ||
+ | background-color:#ccffff; | ||
+ | } | ||
+ | .right-menu li a, .right-menu li a:hover { /*reserved*/ | ||
+ | color: #3c6b27; | ||
+ | background-color: #ffffff; | ||
+ | } | ||
+ | /*#menucontainer { | ||
+ | overflow:visible; | ||
+ | position:relative; | ||
+ | z-index:3; | ||
+ | }*/ | ||
+ | #contentSub { | ||
+ | margin: 0 0 0 0; | ||
+ | } | ||
- | + | /*- Footer ***************************************************************/ | |
- | + | #sponsor-logo{ | |
- | + | display: block; | |
- | + | background-color: #ffffff; | |
+ | margin-left:auto; | ||
+ | margin-right:auto; | ||
+ | width:20%; | ||
+ | margin: 15px; | ||
+ | text-align:center | ||
+ | } | ||
+ | #ourfooter{ | ||
+ | position:relative; | ||
+ | display:block; | ||
+ | background-color:#fff; | ||
+ | width: 975px; | ||
+ | float:right; | ||
+ | border-top: 1px dotted #d9d9d9; | ||
+ | border-bottom: 1px dotted #d9d9d9; | ||
+ | } | ||
- | + | /*- Text ***************************************************************/ | |
- | + | #bodyContent{height: auto;} | |
- | + | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { /*reserved*/ | |
- | + | margin-bottom: 5px; | |
- | + | } | |
- | + | a {color:#93B825;} | |
- | + | a:link {color:#93B825;} | |
- | + | a:visited {color:#728F1D;} | |
- | + | a:hover {color:#93B825;} | |
- | + | a:active {color:#93B825;} | |
- | + | a[name]:hover {text-decoration:none;} | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | . | + | a.sitemap:link,a.sitemap:visited {color:#000000;font-decoration:none;} |
- | + | a.sitemap:hover,a.sitemap:active {color:#000000;font-decoration:underline;} | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | font- | + | |
- | + | ||
- | } | + | |
- | + | h1 { | |
- | + | font-family: tahoma,sans-serif; | |
- | + | font-variant:small-caps; | |
- | + | color: #000000; | |
- | + | background: #ffffff; | |
- | + | font-size: 2.2em; | |
- | + | margin: 0 0 0 0; | |
- | + | padding: 20px 20px 12px 20px; | |
+ | border-bottom: none; | ||
+ | } | ||
- | + | h2 { | |
- | + | font-family: tahoma,sans-serif; | |
- | + | color: #000000; | |
- | + | background: #ffffff; | |
- | + | font-size: 1.7em; | |
- | + | margin: 0 0 0 0; | |
- | + | padding: 18px 20px 7px 20px; | |
+ | border-bottom: none; | ||
+ | } | ||
- | + | h3 { | |
- | + | font-family: tahoma,sans-serif; | |
+ | font-variant:small-caps | ||
+ | color: #000000; | ||
+ | background: #ffffff; | ||
+ | font-weight: bold; | ||
+ | font-size: 1.4em; | ||
+ | margin: 0 0 0 0; | ||
+ | padding: 16px 20px 2px 20px; | ||
+ | border-bottom: none; | ||
+ | } | ||
- | + | h4 { | |
+ | font-family: tahoma,sans-serif; | ||
+ | color: #000000; | ||
+ | background: #ffffff; | ||
+ | font-weight: bold; | ||
+ | font-size: 1.1em; | ||
+ | margin: 0 0 0 0; | ||
+ | padding: 13.5px 20px 1px 20px; | ||
+ | border-bottom: none; | ||
+ | } | ||
- | + | p { | |
- | + | font-family: tahoma,sans-serif; | |
- | + | color: #000000; | |
- | + | background: #ffffff; | |
- | + | font-weight: normal; | |
- | + | font-size: 1em; | |
- | + | line-height: 1.7em; | |
- | + | text-align: justify; | |
- | + | margin: 0 0 0 0; | |
+ | padding: 5px 20px 0px 20px; | ||
+ | } | ||
- | + | .border { | |
- | + | border:1px solid #B2B2B2; | |
- | + | z-index:101; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | .borderMagnify { | |
- | + | border:1px solid #B2B2B2; | |
- | + | z-index:101; | |
- | + | margin-left:-9px; | |
- | + | margin-right:9px; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | .imgbox { | |
- | + | margin:20px; | |
- | + | padding:10px; | |
- | + | border:1px solid black; | |
- | + | text-align:center; | |
- | + | } | |
- | + | ||
- | + | .vidbox { | |
- | + | margin:20px; | |
- | + | padding:10px; | |
- | + | border:1px solid black; | |
- | + | text-align:center; | |
+ | } | ||
- | + | .newouterbox { | |
- | + | background-color:#FF944D;border:1px solid #CCCCCC;margin:20px;padding-bottom:0px; | |
- | + | } | |
+ | .newinnerbox { | ||
+ | border:1px solid #CCCCCC;margin:10px 20px 20px 20px;padding-top:0px;padding-bottom:13px;background-color:#ffffff; | ||
+ | } | ||
+ | .newtext { | ||
+ | text-align:center;background-color:#FF944D;color:#000000; | ||
+ | } | ||
- | + | ul.a { | |
- | + | margin: 0 0 0 40px; | |
- | + | list-style-image: none; | |
- | + | list-style-type:disc; | |
- | + | font-family: arial,sans-serif; | |
- | + | color: #000000; | |
- | + | background: #ffffff; | |
- | + | font-weight: normal; | |
- | + | font-size: 1em; | |
- | + | line-height: 1.7em; | |
- | + | text-align: justify; | |
- | + | padding: 5px 20px 0px 20px; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | ol.a { | ||
+ | margin: 0 0 0 30px; | ||
+ | list-style-position:inside; | ||
+ | font-family: arial,sans-serif; | ||
+ | color: #000000; | ||
+ | background: #ffffff; | ||
+ | font-weight: normal; | ||
+ | font-size: 1em; | ||
+ | line-height: 1.7em; | ||
+ | text-align: justify; | ||
+ | padding: 5px 20px 0px 20px; | ||
+ | } | ||
+ | </style> | ||
</html> | </html> |
Revision as of 06:38, 20 August 2013