Team:OUC-China/Project
From 2014.igem.org
(Difference between revisions)
(Prototype team page) |
|||
Line 1: | Line 1: | ||
- | |||
- | |||
- | |||
{{CSS/Main}} | {{CSS/Main}} | ||
- | |||
- | |||
<html> | <html> | ||
- | + | <link href="https://2014.igem.org/Team:OUC-China/css/bootstrap.css?action=raw&ctype=text/css" rel="stylesheet" /> | |
- | < | + | <link href="https://2014.igem.org/Team:OUC-China/css/topsection.css?action=raw&ctype=text/css" rel="stylesheet" /> |
- | < | + | <script src="https://2014.igem.org/Team:OUC-China/js/jquery.js?action=raw&ctype=text/javascript"></script> |
- | + | <script src="https://2014.igem.org/Team:OUC-China/js/bootstrap.js?action=raw&ctype=text/javascript"></script> | |
- | + | <style> | |
- | < | + | body { |
- | < | + | background-color: #609fd2; |
- | < | + | background-repeat: repeat; |
- | < | + | background-image: url(https://static.igem.org/mediawiki/2014/1/19/OUC-China_Content_Background.png); |
- | + | position: relative; | |
- | + | } | |
- | < | + | header { |
- | < | + | background-color: #609fd2; |
- | < | + | } |
- | </ | + | header > div { |
- | + | margin: 0 auto; | |
- | < | + | margin-bottom: 0 !important; |
- | < | + | width: 778px; |
- | < | + | } |
- | + | .member > img { | |
- | < | + | width: 250px; |
- | < | + | height: 250px; |
- | + | border: 5px solid #ffffff; | |
- | < | + | border-radius: 50%; |
- | < | + | display: inline-block; |
- | < | + | margin: 20px; |
- | + | position: inherit; | |
- | + | } | |
- | < | + | .member > div { |
- | <a href="https://2014.igem.org/Team:OUC-China | + | display: inline-block; |
- | + | position: relative; | |
- | < | + | } |
- | <a href="https://2014.igem.org/Team:OUC-China/ | + | .memberight { |
- | + | text-align: right; | |
- | < | + | } |
- | <a href="https://igem.org/Team.cgi?year=2014&team_name=OUC-China | + | .nav > li > a,.nav > li.dropdown > a,.navbar .dropdown-menu>li>a, .navbar .dropdown-menu>li>a:focus { |
- | + | color: #ffffff !important; | |
- | < | + | font-size: 20px; |
- | <a href="https://2014.igem.org/Team:OUC-China/Project" | + | } |
- | + | .popover { | |
- | < | + | z-index: 1 !important; |
- | <a href="https://2014.igem.org/Team:OUC-China/ | + | } |
- | + | .affix{ | |
- | < | + | position: fixed; |
- | <a href="https://2014.igem.org/Team:OUC-China/ | + | top: 0; |
- | + | } | |
- | < | + | .affix-top{ |
- | <a href="https://2014.igem.org/Team:OUC-China/ | + | position: absolute; |
- | + | top: 286px; | |
- | < | + | } |
- | <a href="https://2014.igem.org/Team:OUC-China/ | + | .affix a:hover, .affix-top a:hover, .affix li.active, .affix-top li.active, .affix li.active a, .affix-top li.active a { |
- | + | background-color: #d2e9fd !important; | |
- | < | + | color: #000000 !important; |
- | <a href="https://2014.igem.org/Team:OUC-China/ | + | } |
- | + | #childNavigator .nav { | |
- | + | margin-left: 0!important; | |
- | < | + | } |
- | </ | + | #childNavigator > .nav > li > a { |
- | </ | + | font-size: 16px; |
- | + | } | |
- | < | + | #childNavigator > .nav > li > .nav > li > a { |
- | + | padding-left: 20%; | |
- | + | font-size: 14px; | |
- | + | } | |
- | + | .topSection { | |
- | < | + | height: 240px; |
- | + | padding-top: 10px; | |
- | + | background-color: rgb(210,233,253); | |
- | + | margin-top: -11px; | |
- | + | } | |
- | < | + | .topSection .igemLogo { |
- | < | + | position:absolute; |
- | + | top: 10px; | |
- | < | + | left: 10px; |
- | </ | + | } |
- | + | .topSection .waveUp { | |
- | < | + | margin-top: -10px; |
- | < | + | width: 100%; |
- | + | height: 110px; | |
- | < | + | background: url(https://static.igem.org/mediawiki/2014/f/f0/WaveUp.png) repeat-x; |
- | < | + | z-index: 0; |
- | < | + | } |
- | + | .topSection .waveDown { | |
- | </ | + | margin-top: -70px; |
- | + | width: 100%; | |
- | + | height: 70px; | |
- | < | + | background: url(https://static.igem.org/mediawiki/2014/d/d0/WaveDown2.png) repeat-x; |
- | < | + | z-index: 2; |
- | + | position: relative; | |
- | + | } | |
- | + | .topSection .leftPlas { | |
- | + | display: block; | |
- | + | position: absolute; | |
- | + | top: 26px; | |
- | + | z-index: 1; | |
- | < | + | left: 211px; |
- | < | + | -webkit-transition: all ease 0.5s; |
- | </ | + | -moz-transition: all ease 0.5s; |
- | + | -ms-transition: all ease 0.5s; | |
- | < | + | transition: all ease 0.5s; |
- | + | } | |
- | </ | + | .topSection .leftPlas:hover { |
- | + | margin-top: -5px; | |
- | < | + | } |
- | + | .topSection .rightPlas { | |
- | + | display: block; | |
- | + | position: absolute; | |
- | + | top: 26px; | |
- | + | z-index: 1; | |
- | + | right: 211px; | |
- | + | } | |
- | + | </style> | |
- | + | <script> | |
+ | if ($('.firstHeading')) $('.firstHeading').remove(); | ||
+ | </script> | ||
+ | <div class="topSection"> | ||
+ | <img class="igemLogo" src="https://static.igem.org/mediawiki/2014/c/c6/OUC-China_Content_IGEM.png"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/a/a1/OUC_China_Content_Title.png" style="display:block;margin:0 auto"> | ||
+ | <div class="waveUp"></div> | ||
+ | <div class="waveDown"></div> | ||
+ | <img class="leftPlas" src="https://static.igem.org/mediawiki/2014/4/41/OUC-China_Index_Plasmid1.png" /> | ||
+ | <img class="rightPlas" src="https://static.igem.org/mediawiki/2014/e/e6/OUC-China_Index_Plasmid2.png" /> | ||
+ | </div> | ||
+ | <header> | ||
+ | <div class="navbar navbar-inverse"> | ||
+ | <div class="navbar-collapse collapse navbar-inverse-collapse"> | ||
+ | <ul class="nav navbar-nav"> | ||
+ | <li><a href="https://2014.igem.org/Team:OUC-China">HOME</a></li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown">TEAM <b class="caret"></b></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2014.igem.org/Team:OUC-China/Team">Team members</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:OUC-China/Team_Instructor">Instructor</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:OUC-China/Team_Acknowledgment">Acknowledgment</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:OUC-China/Team_Lab">Lab</a></li> | ||
+ | <li><a href="https://igem.org/Team.cgi?year=2014&team_name=OUC-China">Official team profile</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown active"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown">PROJECT <b class="caret"></b></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li class="active"><a href="https://2014.igem.org/Team:OUC-China/Project">Overview</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:OUC-China/Project_Background">Background</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:OUC-China/Project_Design">Design</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:OUC-China/Project_Result">Result</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:OUC-China/Project_Future">Future</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:OUC-China/Project_Modeling">Modeling</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown">JUDGING <b class="caret"></b></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2014.igem.org/Team:OUC-China/Judging">Biobrick</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:OUC-China/Judging_Achievment">Achievment</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown">SAFETY <b class="caret"></b></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2014.igem.org/Team:OUC-China/Safety">Boi safety</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:OUC-China/Safety_Lab_safety">Lab safety</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:OUC-China/Safety_Policy_Practise">Policy&Practise</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown">NOTEBOOK <b class="caret"></b></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2014.igem.org/Team:OUC-China/Notebook">Lab note</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:OUC-China/Notebook_Modeling_Note">Modeling note</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:OUC-China/Notebook_Protocols">Protocols</a></li | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | <script> | ||
+ | var leftPlas = $(".topSection .leftPlas"); | ||
+ | var originalLeft = leftPlas.offset().left; | ||
+ | $("header .nav > li").mouseover(function () { | ||
+ | if ($(this).offset().left < leftPlas.offset().left) leftPlas[0].src = "https://static.igem.org/mediawiki/2014/8/8c/ObjLeft2.png"; | ||
+ | else leftPlas[0].src = "https://static.igem.org/mediawiki/2014/4/41/OUC-China_Index_Plasmid1.png"; | ||
+ | leftPlas.css({ left: $(this).offset().left - 50 }); | ||
+ | }).mouseout(function () { | ||
+ | leftPlas[0].src = "https://static.igem.org/mediawiki/2014/8/8c/ObjLeft2.png"; | ||
+ | leftPlas.css({ left: originalLeft }); | ||
+ | setTimeout(function () { leftPlas[0].src = "https://static.igem.org/mediawiki/2014/4/41/OUC-China_Index_Plasmid1.png"; }, 500); | ||
+ | }); | ||
+ | </script> | ||
+ | </header> | ||
+ | <div id="mainContent" style="width:1024px;background-color:#d2e9fd;padding:10px;margin:0 auto"> | ||
+ | <!--在这里插入内容--> | ||
+ | </div> | ||
+ | <script> | ||
+ | $(document.body).scrollspy({ target: '#childNavigator' }); | ||
+ | $('#childNavigator').affix({ offset: { top: 285 } }); | ||
+ | </script> | ||
+ | <img class="anchor" onclick="document.documentElement.scrollTop = document.body.scrollTop = 0;" src="https://static.igem.org/mediawiki/2014/b/b6/ToTop.png"> | ||
</html> | </html> |
Revision as of 03:39, 17 October 2014