|
|
Line 1: |
Line 1: |
- | <html>
| + | {{Team:Sheffield/NavigationBar}} |
- | <head>
| + | |
- | <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
| + | |
- | <link href='http://fonts.googleapis.com/css?family=Lato:300' rel='stylesheet' type='text/css'>
| + | |
- | <script src="http://code.jquery.com/jquery-1.11.1.js"></script>
| + | |
- | <script>
| + | |
- | $(document).ready(function() { // Document ready
| + | |
- | $(document).scroll(function() {
| + | |
- | if ($(document).scrollTop() > 0) {
| + | |
- | $("#navigationBar").addClass("scrolling");
| + | |
- | $("#navigationBar li a").addClass("scrolling");
| + | |
- | $("#teamLogo li a img").addClass("scrolling");
| + | |
- | $("#navigationBar > li > ul > li > a").addClass("scrolling");
| + | |
- | $(".whiteIcon").addClass("scrolling");
| + | |
- | $(".blackIcon").addClass("scrolling");
| + | |
- | } else {
| + | |
- | $("#navigationBar").removeClass("scrolling");
| + | |
- | $("#navigationBar li a").removeClass("scrolling");
| + | |
- | $("#teamLogo li a img").removeClass("scrolling");
| + | |
- | $("#navigationBar > li > ul > li > a").removeClass("scrolling");
| + | |
- | $(".whiteIcon").removeClass("scrolling");
| + | |
- | $(".blackIcon").removeClass("scrolling");
| + | |
- | }
| + | |
- | });
| + | |
- | });
| + | |
- | </script>
| + | |
- | <script>
| + | |
- | $(document).ready(function() { // Document ready
| + | |
- | $( '.inlink' ).on('click', function(event) {
| + | |
- | var target = $(this.hash);
| + | |
- | target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
| + | |
- | if (target.length) {
| + | |
- | $('html,body').animate({
| + | |
- | scrollTop: target.offset().top - 60
| + | |
- | }, 1000);
| + | |
- | return false;
| + | |
- | }
| + | |
- | });
| + | |
- | });
| + | |
- | </script>
| + | |
- | <style>
| + | |
- | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
| + | |
| | | |
- | #menubar.left-menu.noprint ul li:last-child {
| + | <html lang="en"> |
- | display:none;
| + | |
- | }
| + | |
| | | |
- | #top-section {
| + | <head> |
- | border: 0 none;
| + | |
- | height: 14px;
| + | |
- | z-index: 10001;
| + | |
- | /*top: 0;*/
| + | |
- | /*position: fixed;*/
| + | |
- | width: 975px;
| + | |
- | left: 50%;
| + | |
- | margin-left: -487px;
| + | |
- | }
| + | |
| | | |
- | #globalWrapper, #content {
| + | <meta charset="utf-8"> |
- | /*position: fixed;*/
| + | |
- | /*top: 0;*/
| + | |
- | width: 100%;
| + | |
- | /*height: 100%;*/
| + | |
- | border: 0px;
| + | |
- | background-color: transparent;
| + | |
- | margin: 0px;
| + | |
- | padding: 0px;
| + | |
- | }
| + | |
| | | |
- | html, body, .wrapper {
| + | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
- | width: 100%;
| + | <title></title> |
- | height: 100%;
| + | <meta name="description" content="" /> |
- | background-color: #2980b9;
| + | <meta name="author" content="templatemo"> |
- | }
| + | |
| | | |
- | #bodyContent {
| + | <link rel="shortcut icon" href="./favicon.png" /> |
- | background-color: transparent;
| + | |
- | /*overflow-y: scroll;*/
| + | |
- | height: 100%;
| + | |
- | }
| + | |
| | | |
- | #navigationBar, #navigationBar ul {
| |
- | margin: 0 auto;
| |
- | padding: 0;
| |
- | }
| |
| | | |
- | #navigationBar {
| |
- | position: fixed;
| |
- | top: 0px;
| |
- | display: table-row;
| |
- | width: 100%;
| |
- | min-width: 1200px;
| |
- | height: 60px;
| |
- | list-style: none;
| |
- | font-family: 'Oswald', sans-serif;
| |
- | font-size: 16px;
| |
- | -webkit-transition: background-color 0.5s linear;
| |
- | -moz-transition: background-color 0.5s linear;
| |
- | -o-transition: background-color 0.5s linear;
| |
- | transition: background-color 0.5s linear;
| |
- | z-index: 10000;
| |
- | }
| |
| | | |
- | .menuText {
| + | <link href="https://2014.igem.org/Team:Sheffield/Template:camera.css?action=raw&ctype=text/css" rel="stylesheet"> |
- | padding-top: 8px;
| + | |
- | }
| + | |
| | | |
- | #navigationBar.scrolling {
| + | <link href="https://2014.igem.org/Team:Sheffield/Template:templatemo_style.css?action=raw&ctype=text/css" rel="stylesheet"> |
- | background-color: white;
| + | |
- | }
| + | |
| | | |
- | #navigationBar li {
| + | <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> |
- | display: table-cell;
| + | <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> |
- | height: 100%;
| + | |
- | vertical-align: middle;
| + | |
- | float: right;
| + | |
- | text-align: left;
| + | |
- | }
| + | |
| | | |
- | #navigationBar > li:hover > ul {
| |
- | visibility: visible;
| |
- | opacity: 1;
| |
- | transition-delay:0s;
| |
- | }
| |
| | | |
- | #navigationBar > li > ul {
| |
- | visibility: hidden;
| |
- | position: absolute;
| |
- | width: 170px;
| |
- | margin-top: 8px;
| |
- | opacity: 0;
| |
- | -webkit-transition: opacity 0.5s linear;
| |
- | -moz-transition: opacity 0.5s linear;
| |
- | -o-transition: opacity 0.5s linear;
| |
- | transition: opacity 0.5s linear;
| |
- | }
| |
| | | |
- | #navigationBar li a {
| |
- | display: block;
| |
- | padding: 10px 10px;
| |
- | text-decoration: none;
| |
- | white-space: nowrap;
| |
- | color: white;
| |
- | opacity: 0.9;
| |
- | }
| |
| | | |
- | #navigationBar li span {
| + | </head> |
- | }
| + | <body> |
| | | |
- | #navigationBar li span a {
| |
- | padding: 0;
| |
- | padding-top: 10px;
| |
- | text-decoration: none;
| |
- | white-space: nowrap;
| |
- | color: white;
| |
- | opacity: 0.9;
| |
- | }
| |
| | | |
- | #navigationBar li a.scrolling {
| + | <br><br><br> |
- | color: black;
| + | |
- | }
| + | |
| | | |
- | #navigationBar li a:hover {
| |
- | color: #FBA917;
| |
- | }
| |
| | | |
- | #navigationBar > li > ul > li {
| + | <div id="templatemo_banner_slide" class="container_wapper"> |
- | width: 100%;
| + | <div class="camera_wrap camera_emboss" id="camera_slide"> |
- | margin: 0 0 0 0;
| + | <div data-src="https://static.igem.org/mediawiki/2014/6/69/SheffieldHome1.JPG"> |
- | }
| + | <div class="camera_caption fadeFromLeft camera_effected"> |
| + | <div class="container"> |
| + | <div class="col-md-6"> |
| + | <h1>Introduction</h1> |
| + | <p>We are a team of 8 undergraduate students from the University of Sheffield participating in a global synthetic biology competition. Our project focuses on improving wastewater treatment systems using engineered bacteria, particularly focusing on the breakdown of fat accumulations within the drainage and sewage systems.</p> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | <div data-src="https://static.igem.org/mediawiki/2014/6/67/SheffieldHome2.JPG"> |
| + | <div class="camera_caption fadeFromLeft camera_effected"> |
| + | <div class="container"> |
| + | <div class="col-md-6"> |
| + | <h1>Team</h1> |
| + | <p>bla bla bla</p> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | <div data-src="https://static.igem.org/mediawiki/2014/e/e7/Home3.jpg"> |
| + | <div class="camera_caption fadeFromLeft camera_effected"> |
| + | <div class="container"> |
| + | <div class="col-md-6"> |
| + | <h1>IGEM Sheffield Meet Up</h1> |
| + | <p>bla bla bla</p> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div><!-- #camera_wrap_3 --> |
| + | </div> |
| | | |
- | #navigationBar > li > ul > li > a {
| + | |
- | background-color: #000000;
| + | <script src="https://2014.igem.org/Team:Sheffield/Template:jquery.min.js?action=raw&ctype=text/javascript"></script> |
- | opacity: 0.9;
| + | <script src="https://2014.igem.org/Team:Sheffield/Template:bootstrap.min.js?action=raw&ctype=text/javascript"></script> |
- | color: white;
| + | <script src="https://2014.igem.org/Team:Sheffield/Template:jquery.easing.1.3.js?action=raw&ctype=text/javascript"></script> |
- | }
| + | <script src="https://2014.igem.org/Team:Sheffield/Template:jquery.mobile.customized.min.js?action=raw&ctype=text/javascript"></script> |
- | | + | <script src="https://2014.igem.org/Team:Sheffield/Template:camera.min.js?action=raw&ctype=text/javascript"></script> |
- | #navigationBar > li > ul > li > a.scrolling {
| + | <script src="https://2014.igem.org/Team:Sheffield/Template:jquery.singlePageNav.min.js?action=raw&ctype=text/javascript"></script> |
- | color: white;
| + | <script src="https://2014.igem.org/Team:Sheffield/Template:templatemo_script.js?action=raw&ctype=text/javascript"></script> |
- | }
| + | <div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div> |
- | | + | </body> |
- | #igemLogo {
| + | |
- | height: 40px;
| + | |
- | opacity: 0.8;
| + | |
- | padding-right: 10px;
| + | |
- | }
| + | |
- | | + | |
- | #teamLogo {
| + | |
- | float: left;
| + | |
- | margin-right: auto;
| + | |
- | }
| + | |
- | | + | |
- | #teamLogo li a img {
| + | |
- | height: 80px;
| + | |
- | -webkit-transition: height 0.25s linear;
| + | |
- | -moz-transition: height 0.25s linear;
| + | |
- | -o-transition: height 0.25s linear;
| + | |
- | transition: height 0.25s linear;
| + | |
- | }
| + | |
- | | + | |
- | #teamLogo li a img.scrolling {
| + | |
- | height: 40px;
| + | |
- | }
| + | |
- | | + | |
- | .socialMediaIcon {
| + | |
- | padding: 0px 0px;
| + | |
- | margin: 0;
| + | |
- | }
| + | |
- | | + | |
- | .socialMediaIcon div {
| + | |
- | position: relative;
| + | |
- | width: 40px;
| + | |
- | height: 40px;
| + | |
- | }
| + | |
- | | + | |
- | .whiteIcon, .blackIcon, .colouredIcon {
| + | |
- | position: absolute;
| + | |
- | top: 0;
| + | |
- | left: 0;
| + | |
- | width: 40px;
| + | |
- | height: 40px;
| + | |
- | }
| + | |
- | | + | |
- | .whiteIcon {
| + | |
- | z-index: 0;
| + | |
- | }
| + | |
- | | + | |
- | .blackIcon {
| + | |
- | z-index: 1;
| + | |
- | visibility: hidden;
| + | |
- | }
| + | |
- | | + | |
- | .colouredIcon {
| + | |
- | z-index: 2;
| + | |
- | visibility: hidden;
| + | |
- | }
| + | |
- | | + | |
- | .socialMediaIcon div:hover > .whiteIcon {
| + | |
- | visibility: hidden;
| + | |
- | }
| + | |
- | | + | |
- | .socialMediaIcon div:hover > .colouredIcon {
| + | |
- | visibility: visible;
| + | |
- | }
| + | |
- | | + | |
- | .whiteIcon.scrolling {
| + | |
- | visibility: hidden;
| + | |
- | }
| + | |
- | | + | |
- | .blackIcon.scrolling {
| + | |
- | visibility: visible;
| + | |
- | }
| + | |
- | </style>
| + | |
- | </head>
| + | |
- | <body>
| + | |
- | <div id="topMenu">
| + | |
- | <ul id="navigationBar">
| + | |
- | <li><a href=""><img id="igemLogo" src="https://static.igem.org/mediawiki/2014/7/7d/IGEMLogo.png"></a></li>
| + | |
- | <li>
| + | |
- | <span>
| + | |
- | <a class="socialMediaIcon" href="http://twitter.com/iGEMSheffield">
| + | |
- | <div>
| + | |
- | <img class="whiteIcon" src="https://static.igem.org/mediawiki/2014/b/bc/TwitterWhite.png">
| + | |
- | <img class="blackIcon" src="https://static.igem.org/mediawiki/2014/b/b2/TwitterBlack.png">
| + | |
- | <img class="colouredIcon" src="https://static.igem.org/mediawiki/2014/7/78/TwitterColour.png">
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </span>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <span>
| + | |
- | <a class="socialMediaIcon" href="http://www.facebook.com/iGEMSheffield2014">
| + | |
- | <div>
| + | |
- | <img class="whiteIcon" src="https://static.igem.org/mediawiki/2014/2/29/FacebookWhite.png">
| + | |
- | <img class="blackIcon" src="https://static.igem.org/mediawiki/2014/b/b6/FacebookBlack.png">
| + | |
- | <img class="colouredIcon" src="https://static.igem.org/mediawiki/2014/1/1b/FacebookColour.png">
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </span>
| + | |
- | </li>
| + | |
- | <li class="menuText"><a href="">Attributions ▾</a>
| + | |
- | <ul>
| + | |
- | <li><a href="">Acknowledgements</a></li>
| + | |
- | <li><a href="">Sponsors</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li class="menuText"><a href="">Notebook ▾</a>
| + | |
- | <ul>
| + | |
- | <li><a href="https://2014.igem.org/Team:Sheffield/LabProtocols">Protocols</a></li>
| + | |
- | <li><a href="https://2014.igem.org/Team:Sheffield/WetLabJournal">Wet Lab Journal</a></li>
| + | |
- | <li><a href="">Dry Lab Journal</a></li>
| + | |
- | <li><a href="">Bibliography</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li class="menuText"><a href="">Policy and Practices ▾</a>
| + | |
- | <ul>
| + | |
- | <li><a href="">Socio Bricks</a></li>
| + | |
- | <li><a href="">Lab Notation</a></li>
| + | |
- | <li><a href="">Industry Collaboration</a></li>
| + | |
- | <li><a href="">SynBio at UoS</a></li>
| + | |
- | <li><a href="">Outreach</a></li>
| + | |
- | <li><a href="">Collaboration</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li class="menuText"><a href="">Results ▾</a>
| + | |
- | <ul>
| + | |
- | <li><a href="">FadR Characterisation</a></li>
| + | |
- | <li><a href="">Lipase Assay</a></li>
| + | |
- | <li><a href="">Keratinase Assay</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li class="menuText"><a href="">Modelling ▾</a>
| + | |
- | <ul>
| + | |
- | <li><a href="https://2014.igem.org/Team:Sheffield/modelling">Product Design</a></li>
| + | |
- | <li><a href="">Manufacturing Model</a></li>
| + | |
- | <li><a href="">Enzyme Kinetics</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li class="menuText"><a href="">Project ▾</a>
| + | |
- | <ul>
| + | |
- | <li><a href="">Background</a></li>
| + | |
- | <li><a href="">Biosensor</a></li>
| + | |
- | <li><a href="">Enzyme Synthesis</a></li>
| + | |
- | <li><a href="">Enzyme Secretion</a></li>
| + | |
- | <li><a href="">Safety</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li class="menuText"><a href="">Team ▾</a>
| + | |
- | <ul>
| + | |
- | <li><a href="https://2014.igem.org/Team:Sheffield/team">Meet the Team</a></li>
| + | |
- | <li><a href="">Official Team Profile</a></li>
| + | |
- | <li><a href="">Gallery</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li class="menuText"><a href="https://2014.igem.org/Team:Sheffield/tmp">Home</a></li>
| + | |
- | <span id="teamLogo"><li><a href="https://2014.igem.org/Team:Sheffield/tmp"><img src="https://static.igem.org/mediawiki/2014/d/da/TeamLogo.png"></a></li></span>
| + | |
- | </ul>
| + | |
- | </div>
| + | |
- | </body>
| + | |
- | </html>
| + | |