Team:Imperial College London/Templates/Banner
From 2011.igem.org
(Difference between revisions)
(184 intermediate revisions not shown) | |||
Line 2: | Line 2: | ||
<head> | <head> | ||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
- | |||
<style type="text/css"> | <style type="text/css"> | ||
#top-section { | #top-section { | ||
+ | width: 975px; | ||
+ | height: 20px; | ||
background-color: #ffffff; | background-color: #ffffff; | ||
- | |||
border: none; | border: none; | ||
- | + | } | |
- | + | ||
#p-logo { | #p-logo { | ||
- | |||
display: none;} | display: none;} | ||
#search-controls { | #search-controls { | ||
display: none;} | display: none;} | ||
+ | |||
+ | .right-menu li a, .right-menu li a:hover { | ||
+ | color: #3c6b27; | ||
+ | background-color: transparent; | ||
+ | } | ||
.firstHeading { | .firstHeading { | ||
display: none;} | display: none;} | ||
- | + | #AuxLogo { | |
- | + | position: relative; | |
- | + | text-align:center; | |
- | + | z-index:-1; | |
+ | } | ||
- | + | #iGEMLogo { | |
+ | position:absolute; | ||
+ | top:80px; | ||
+ | left:15px; | ||
+ | } | ||
- | # | + | #ImperialLogo { |
- | + | position:absolute; | |
- | + | top:100px; | |
- | + | left:790px; | |
- | + | } | |
- | + | ||
- | + | body { | |
- | + | background-color:#E9EEE9; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | # | + | #menucontainer { |
- | + | overflow:visible; | |
- | + | position:relative; | |
- | + | z-index:3; | |
- | + | } | |
- | + | ||
+ | #content { | ||
+ | position: relative; | ||
+ | width: 975px; | ||
+ | margin: 0 auto; | ||
+ | padding-top:1px; | ||
+ | padding-left:0px; | ||
+ | padding-right:0px; | ||
+ | padding-bottom:0px; | ||
+ | background: #ffffff; | ||
+ | color: black; | ||
+ | border: none; | ||
+ | line-height: 1.5em; | ||
+ | z-index: 2; | ||
+ | } | ||
+ | |||
+ | #contentSub { | ||
+ | margin: 0 0 0 0; | ||
+ | } | ||
+ | |||
+ | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | |||
+ | 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;} | ||
+ | |||
+ | h1 { | ||
+ | font-family: arial,sans-serif; | ||
+ | color: #225323; | ||
+ | background: #ffffff; | ||
+ | font-weight: bold; | ||
+ | font-size: 2.2em; | ||
+ | margin: 0 0 0 0; | ||
+ | padding: 20px 20px 12px 20px; | ||
+ | border-bottom: none; | ||
+ | } | ||
+ | |||
+ | h2 { | ||
+ | font-family: arial,sans-serif; | ||
+ | color: #225323; | ||
+ | background: #ffffff; | ||
+ | font-weight: bold; | ||
+ | font-size: 1.7em; | ||
+ | margin: 0 0 0 0; | ||
+ | padding: 18px 20px 7px 20px; | ||
+ | border-bottom: none; | ||
+ | } | ||
+ | |||
+ | h3 { | ||
+ | font-family: arial,sans-serif; | ||
+ | color: #225323; | ||
+ | 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: arial,sans-serif; | ||
+ | color: #225323; | ||
+ | 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: arial,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; | ||
+ | } | ||
+ | |||
+ | iframe { | ||
+ | padding: 10px 20px 10px 20px; | ||
+ | } | ||
+ | |||
+ | #BackToTop { | ||
+ | position:fixed; | ||
+ | bottom:0; | ||
+ | right:0; | ||
+ | } | ||
+ | |||
+ | #Sitemap { | ||
+ | position:fixed; | ||
+ | bottom:0; | ||
+ | left:0; | ||
+ | } | ||
</style> | </style> | ||
</head> | </head> | ||
- | + | <body> | |
- | + | <a name="top"></a> | |
- | + | <div id='AuxLogo'> | |
- | + | <a href='https://2011.igem.org/Team:Imperial_College_London'> | |
- | + | <img src="https://static.igem.org/mediawiki/2011/5/5b/ICL_Auxin_Logo_New.png" style="width:350px;" /> | |
- | + | </a> | |
- | + | </div> | |
+ | <div id='iGEMLogo'> | ||
+ | <a href='https://2011.igem.org/Main_Page' target="_blank"> | ||
+ | <img src='https://static.igem.org/mediawiki/2011/b/be/ICL_iGEM_Logo.png' style="width:90px;" /> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div id='ImperialLogo'> | ||
+ | <a href='http://www3.imperial.ac.uk/' target="_blank"> | ||
+ | <img src='https://static.igem.org/mediawiki/2011/1/19/ImperialLogo.png' style="width:160px;" /> | ||
+ | </a> | ||
+ | </div> | ||
- | + | <div id="BackToTop"> | |
- | + | <a href="#top"> | |
- | + | <img src="https://static.igem.org/mediawiki/2011/6/62/ICL_BackToTop2.png" width="48px" /> | |
- | + | </a> | |
- | + | </div> | |
- | + | <div id="Sitemap"> | |
- | + | <a href="https://2011.igem.org/Team:Imperial_College_London/Sitemap"> | |
- | + | <img src="https://static.igem.org/mediawiki/2011/f/f5/ICL_SitemapBtn.png" width="80px" /> | |
- | + | </a> | |
- | + | </div> | |
- | + | </body> | |
</html> | </html> |
Latest revision as of 17:55, 28 October 2011