|
|
(199 intermediate revisions not shown) |
Line 1: |
Line 1: |
| <html> | | <html> |
- | <head>
| + | <style type="text/css"> |
- | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
| + | #imperial-banner { |
| + | position: relative; /* this is to allow positioning of elements within */ |
| + | text-align: right; |
| + | height: 100px; |
| + | margin: 0 15px 1em 15px; |
| + | line-height: 100px; |
| + | } |
| | | |
- | <!--%%%%%%%%%%%% MyCSSMenu Styles [Keep in head for full validation!] %%%%%%%%%%%-->
| + | #imperial-igem-banner { |
- | <style type="text/css">
| + | position: absolute; |
| + | left: 0; |
| + | top: 0; |
| + | } |
| | | |
- | /*!!!!!!!!!!! MyCSSMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
| + | #igem-logo, |
- | .qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc.qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 li {float:none;}#qm0 li:hover>ul{top:0px;left:100%;}
| + | #imperial-logo { |
| + | display: inline-block; |
| + | margin-left: 5px; |
| + | } |
| | | |
- | /*!!!!!!!!!!! MyCSSMenu Styles !!!!!!!!!!!*/
| + | #imperial-igem-banner img, |
| + | #igem-logo img { |
| + | height: 100px; |
| + | } |
| | | |
| + | #igem-logo img { |
| + | -webkit-transition: all 1s ease-in-out; |
| + | -moz-transition: all 1s ease-in-out; |
| + | -ms-transition: all 1s ease-in-out; |
| + | -o-transition: all 1s ease-in-out; |
| + | transition: all 1s ease-in-out; |
| + | } |
| | | |
- | /* MyCSSMenu 0 */
| + | #igem-logo img:hover { |
| + | -webkit-transform: rotate(360deg); |
| + | -moz-transform: rotate(360deg); |
| + | -o-transform: rotate(360deg); |
| + | -ms-transform: rotate(360deg); |
| + | transform: rotate(360deg); |
| + | } |
| | | |
- | /*"""""""" (MAIN) Container""""""""*/
| + | #imperial-logo img { |
- | #qm0
| + | height: 50px; |
- | {
| + | } |
- | width:200px;
| + | |
- | background-color:transparent;
| + | |
- | border-width:1px 2px;
| + | |
- | border-style:solid;
| + | |
- | border-color:rgb(4, 200, 11);
| + | |
- | }
| + | |
| | | |
| + | #BackToTop, |
| + | #BackToTop:link, |
| + | #BackToTop:visited { |
| + | position: fixed; |
| + | bottom: 5px; |
| + | right: 5px; |
| + | text-decoration: none; |
| + | color: #36a9e1; |
| + | } |
| | | |
- | /*"""""""" (MAIN) Items""""""""*/
| + | #BackToTop:hover { |
- | #qm0 a
| + | color: #a3c4e9; |
- | {
| + | } |
- | padding:5px 5px 5px 8px;
| + | #Sitemap { |
- | background-color:rgb(255, 255, 255);
| + | position:fixed; |
- | background-image:url("images/tree_green_bg.gif");
| + | bottom:5px; |
- | color:rgb(0, 0, 0);
| + | left:5px; |
- | font-family:Arial;
| + | } |
- | font-size:13px;
| + | </style> |
- | text-decoration:none;
| + | <a name="top"></a> |
- | border-width:1px 0px;
| + | |
- | border-style:solid;
| + | |
- | border-color:rgb(18, 200, 4);
| + | |
- | }
| + | |
| | | |
| + | <div id="imperial-banner"> |
| + | <a id='imperial-igem-banner' href='https://2013.igem.org/Team:Imperial_College'> |
| + | <img src="https://static.igem.org/mediawiki/2013/d/d9/ImperialLogo2013.png" /> |
| + | </a> |
| | | |
- | /*"""""""" (MAIN) Active State""""""""*/
| + | <a id='igem-logo' href='https://2013.igem.org/Main_Page' target="_blank"> |
- | body #qm0 .qmactive, body #qm0 .qmactive:hover
| + | <img src='https://static.igem.org/mediawiki/2011/b/be/ICL_iGEM_Logo.png' /> |
- | {
| + | </a> |
- | text-decoration:underline;
| + | |
- | }
| + | |
| | | |
| + | <a id='imperial-logo' href='http://www3.imperial.ac.uk/' target="_blank"> |
| + | <img src='https://static.igem.org/mediawiki/2011/1/19/ImperialLogo.png' /> |
| + | </div> |
| | | |
- | /*"""""""" (SUB) Container""""""""*/
| + | <a class="" href="#top" id="BackToTop"><i class="icon-chevron-sign-up icon-3x"></i></a> |
- | #qm0 div, #qm0 ul
| + | |
- | {
| + | |
- | padding:10px 0px;
| + | |
- | background-color:rgb(248, 253, 245);
| + | |
- | border-width:1px;
| + | |
- | border-style:none;
| + | |
- | border-color:rgb(204, 204, 204);
| + | |
- | }
| + | |
| | | |
- | | + | <div id="Sitemap"> |
- | /*"""""""" (SUB) Items""""""""*/
| + | <a href="https://2013.igem.org/Team:Imperial_College/Sitemap"> |
- | #qm0 div a, #qm0 ul a
| + | <img src="https://static.igem.org/mediawiki/2013/8/84/ICL_SitemapBtn13.png" width="80px" /> |
- | {
| + | </a> |
- | padding:2px 0px 2px 15px;
| + | </div> |
- | margin:0px 5px;
| + | </html> |
- | background-color:transparent;
| + | |
- | background-image:none;
| + | |
- | border-width:1px;
| + | |
- | border-style:solid;
| + | |
- | border-color:rgb(248, 253, 245);
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | /*"""""""" (SUB) Hover State""""""""*/
| + | |
- | #qm0 div a:hover, #qm0 ul a:hover
| + | |
- | {
| + | |
- | text-decoration:underline;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | /*"""""""" (SUB) Active State""""""""*/
| + | |
- | body #qm0 div .qmactive, body #qm0 div .qmactive:hover
| + | |
- | {
| + | |
- | background-color:rgb(215, 247, 198);
| + | |
- | border-color:rgb(153, 153, 153);
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | #top-section {
| + | |
- | width: 975px;
| + | |
- | height: 20px;
| + | |
- | background-color: #ffffff;
| + | |
- | border: none;
| + | |
- | }
| + | |
- | | + | |
- | #p-logo {
| + | |
- | display: none;}
| + | |
- | | + | |
- | #search-controls {
| + | |
- | display: none;}
| + | |
- | | + | |
- | .right-menu li a, .right-menu li a:hover {
| + | |
- | color: #3c6b27;
| + | |
- | background-color: transparent;
| + | |
- | }
| + | |
- | | + | |
- | .firstHeading {
| + | |
- | display: none;} | + | |
- | | + | |
- | #imperiallogo {
| + | |
- | float: left;
| + | |
- | width:110px;
| + | |
- | height:90px;
| + | |
- | z-index:-1;
| + | |
- | }
| + | |
- | | + | |
- | #iGEMLogo {
| + | |
- | width:110px;
| + | |
- | height:90px;
| + | |
- | float: left;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | #ImperialLogo {
| + | |
- | width:110px;
| + | |
- | height:90px;
| + | |
- | float: left;
| + | |
- | }
| + | |
- | | + | |
- | body {
| + | |
- | background-color:#58D3F7;
| + | |
- | }
| + | |
- | | + | |
- | #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>
| + | |
- | </head>
| + | |
- | | + | |
- | <body>
| + | |
- | | + | |
- | <a name="top"></a>
| + | |
- | <div id='imperiallogo'>
| + | |
- | <a href = 'https://2013.igem.org/Team:Imperial_College'>
| + | |
- | <img src="https://static.igem.org/mediawiki/2013/6/67/Imperiallogo.png" style="width:300px;" />
| + | |
- | </a>
| + | |
- | </div>
| + | |
- | <div id='iGEMLogo'>
| + | |
- | <a href='https://2013.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> | + | |