Team:Sheffield/tmp

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{Team:Sheffield/NavigationBar}}
+
<html>
 +
<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 --*/
-
<html lang="en">
+
#menubar.left-menu.noprint ul li:last-child {
 +
display:none;
 +
}
-
<head>
+
#top-section {
 +
border: 0 none;
 +
height: 14px;
 +
z-index: 10001;
 +
/*top: 0;*/
 +
/*position: fixed;*/
 +
width: 975px;
 +
left: 50%;
 +
margin-left: -487px;
 +
}
-
    <meta charset="utf-8">
+
#globalWrapper, #content {
 +
/*position: fixed;*/
 +
/*top: 0;*/
 +
width: 100%;
 +
/*height: 100%;*/
 +
border: 0px;
 +
background-color: transparent;
 +
margin: 0px;
 +
padding: 0px;
 +
}
-
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
html, body, .wrapper {
-
    <title></title>
+
width: 100%;
-
    <meta name="description" content="" />
+
height: 100%;
-
    <meta name="author" content="templatemo">
+
background-color: #2980b9;
 +
}
-
    <link rel="shortcut icon" href="./favicon.png" />
+
#bodyContent {
 +
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;
 +
}
-
    <link href="https://2014.igem.org/Team:Sheffield/Template:camera.css?action=raw&ctype=text/css" rel="stylesheet">
+
.menuText {
 +
padding-top: 8px;
 +
}
-
    <link href="https://2014.igem.org/Team:Sheffield/Template:templatemo_style.css?action=raw&ctype=text/css" rel="stylesheet">
+
#navigationBar.scrolling {
 +
background-color: white;
 +
}
-
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
+
#navigationBar li {
-
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
+
display: table-cell;
 +
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;
 +
}
-
</head>
+
#navigationBar li span {
-
<body>
+
}
 +
#navigationBar li span a {
 +
padding: 0;
 +
padding-top: 10px;
 +
text-decoration: none;
 +
    white-space: nowrap;
 +
    color: white;
 +
    opacity: 0.9;
 +
}
-
<br><br><br>
+
#navigationBar li a.scrolling {
 +
color: black;
 +
}
 +
#navigationBar li a:hover {
 +
color: #FBA917;
 +
}
-
    <div id="templatemo_banner_slide" class="container_wapper">
+
#navigationBar > li > ul > li {
-
        <div class="camera_wrap camera_emboss" id="camera_slide">
+
width: 100%;
-
            <div data-src="https://static.igem.org/mediawiki/2014/6/69/SheffieldHome1.JPG">
+
margin: 0 0 0 0;
-
                <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 {
-
    <script src="https://2014.igem.org/Team:Sheffield/Template:jquery.min.js?action=raw&ctype=text/javascript"></script>
+
background-color: #000000;
-
    <script src="https://2014.igem.org/Team:Sheffield/Template:bootstrap.min.js?action=raw&ctype=text/javascript"></script>
+
opacity: 0.9;
-
    <script src="https://2014.igem.org/Team:Sheffield/Template:jquery.easing.1.3.js?action=raw&ctype=text/javascript"></script>
+
color: white;
-
    <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>
+
 
-
    <script src="https://2014.igem.org/Team:Sheffield/Template:jquery.singlePageNav.min.js?action=raw&ctype=text/javascript"></script>
+
#navigationBar > li > ul > li > a.scrolling {
-
    <script src="https://2014.igem.org/Team:Sheffield/Template:templatemo_script.js?action=raw&ctype=text/javascript"></script>
+
color: white;
-
<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 &#x25BE;</a>
 +
<ul>
 +
<li><a href="">Acknowledgements</a></li>
 +
<li><a href="">Sponsors</a></li>
 +
</ul>
 +
</li>
 +
<li class="menuText"><a href="">Notebook &#x25BE;</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 &#x25BE;</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 &#x25BE;</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 &#x25BE;</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 &#x25BE;</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 &#x25BE;</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>

Revision as of 19:20, 8 October 2014

Retrieved from "http://2014.igem.org/Team:Sheffield/tmp"