Team:Sheffield/modelling

From 2014.igem.org

(Difference between revisions)
(Undo revision 175802 by Emmhaych (talk))
Line 1: Line 1:
 +
{{Team:Sheffield/NavigationBar}}
 +
{{Team:Sheffield}}
 +
<html>
<html>
-
<head>
+
<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 {
+
<title></title>
-
display:none;
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
}
+
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 +
<link href="https://2014.igem.org/Team:Sheffield/Template:menustyle.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" media="all"/>
-
#top-section {
+
<link href='http://fonts.googleapis.com/css?family=Baumans' rel='stylesheet' type='text/css'>
-
border: 0 none;
+
  <script>
-
height: 14px;
+
jQuery(function(){
-
z-index: 100;
+
-
/*top: 0;*/
+
jQuery('#camera_wrap_1').camera({
-
/*position: fixed;*/
+
thumbnails: true
-
width: 975px;
+
});
-
left: 50%;
+
});
-
margin-left: -487px;
+
</script>
-
}
+
-
 
+
-
#globalWrapper, #content {
+
-
/*position: fixed;*/
+
-
/*top: 0;*/
+
-
width: 100%;
+
-
/*height: 100%;*/
+
-
border: 0px;
+
-
background-color: transparent;
+
-
margin: 0px;
+
-
padding: 0px;
+
-
}
+
-
 
+
-
html, body, .wrapper {
+
-
width: 100%;
+
-
height: 100%;
+
-
background-color: transparent;
+
-
}
+
-
 
+
-
#bodyContent {
+
-
background-color: transparent;
+
-
/*overflow-y: scroll;*/
+
-
height: 100%;
+
-
}
+
-
 
+
-
.topMenu {
+
-
z-index: 1001;
+
-
}
+
-
 
+
-
#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;
+
-
}
+
-
 
+
-
.menuText {
+
-
padding-top: 8px;
+
-
}
+
-
 
+
-
#navigationBar.scrolling {
+
-
background-color: white;
+
-
}
+
-
 
+
-
#navigationBar li {
+
-
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;
+
-
}
+
-
 
+
-
#navigationBar li span {
+
-
}
+
-
 
+
-
#navigationBar li span a {
+
-
padding: 0;
+
-
padding-top: 10px;
+
-
text-decoration: none;
+
-
    white-space: nowrap;
+
-
    color: white;
+
-
    opacity: 0.9;
+
-
}
+
-
 
+
-
#navigationBar li a.scrolling {
+
-
color: black;
+
-
}
+
-
 
+
-
#navigationBar li a:hover {
+
-
color: #FBA917;
+
-
}
+
-
 
+
-
#navigationBar > li > ul > li {
+
-
width: 100%;
+
-
margin: 0 0 0 0;
+
-
}
+
-
 
+
-
#navigationBar > li > ul > li > a {
+
-
background-color: #000000;
+
-
opacity: 0.9;
+
-
color: white;
+
-
}
+
-
 
+
-
#navigationBar > li > ul > li > a.scrolling {
+
-
color: white;
+
-
}
+
-
 
+
-
#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 {
+
<script src="https://2014.igem.org/Team:Sheffield/Template:modernizr.custom.js?action=raw&ctype=text/javascript"></script>
-
position: relative;
+
-
width: 40px;
+
-
height: 40px;
+
-
}
+
-
.whiteIcon, .blackIcon, .colouredIcon {
+
<link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:Sheffield/Template:default.css?action=raw&ctype=text/css" />
-
position: absolute;
+
-
top: 0;
+
-
left: 0;
+
-
width: 40px;
+
-
height: 40px;
+
-
}
+
-
.whiteIcon {
+
<link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:Sheffield/Template:component.css?action=raw&ctype=text/css" />
-
z-index: 0;
+
-
}
+
-
.blackIcon {
 
-
z-index: 1;
 
-
visibility: hidden;
 
-
}
 
-
.colouredIcon {
+
</head>
-
z-index: 2;
+
<body>
-
visibility: hidden;
+
-
}
+
-
.socialMediaIcon div:hover > .whiteIcon {
+
<br><br><br><br>
-
visibility: hidden;
+
-
}
+
-
.socialMediaIcon div:hover > .colouredIcon {
 
-
visibility: visible;
 
-
}
 
-
.whiteIcon.scrolling {
+
<div class="container">
-
visibility: hidden;
+
<div class="main">
-
}
+
<ul class="cbp_tmtimeline">
 +
<li>
 +
<time class="cbp_tmtime" datetime="2014-04-10"><span></span><span>Product Iteration</span></time>
 +
<div class="cbp_tmicon">1</div>
 +
<div class="cbp_tmlabel">
 +
<h2>bla</h2>
 +
<p>bla bla bla</p>
 +
</div>
 +
</li>
 +
<li>
 +
<time class="cbp_tmtime" datetime="2014-05-11"><span></span></time>
 +
<div class="cbp_tmicon">2</div>
 +
<div class="cbp_tmlabel">
 +
<h2>bla</h2>
 +
<p>bla bla bla</p>
 +
</div>
 +
</li>
 +
<li>
 +
<time class="cbp_tmtime" datetime="2014-06-13"><span></span></time>
 +
<div class="cbp_tmicon">3</div>
 +
<div class="cbp_tmlabel">
 +
<h2>bla</h2>
 +
<p>bla bla bla</p>
 +
</div>
 +
</li>
 +
<li>
 +
<time class="cbp_tmtime" datetime="2014-07-15"><span></span></time>
 +
<div class="cbp_tmicon">4</div>
 +
<div class="cbp_tmlabel">
 +
<h2>bla</h2>
 +
<p>bla bla bla</p>
 +
</div>
 +
</li>
 +
<li>
 +
<time class="cbp_tmtime" datetime="2014-08-16"><span></span></time>
 +
<div class="cbp_tmicon">5</div>
 +
<div class="cbp_tmlabel">
 +
<h2>bla</h2>
 +
<p>bla bla bla</p>
 +
</div>
 +
</li>
 +
<li>
 +
<time class="cbp_tmtime" datetime="2014-09-17"><span></span></time>
 +
<div class="cbp_tmicon">6</div>
 +
<div class="cbp_tmlabel">
 +
<h2>bla</h2>
 +
<p>bla bla bla</p>
 +
</div>
 +
</li>
 +
<li>
 +
<time class="cbp_tmtime" datetime="2014-10-18"><span></span></time>
 +
<div class="cbp_tmicon">7</div>
 +
<div class="cbp_tmlabel">
 +
<h2>bla</h2>
 +
<p>bla bla bla</p>
 +
</div>
 +
</li>
 +
</ul>
 +
</div>
 +
</div>
 +
-
.blackIcon.scrolling {
+
</body>
-
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>
</html>

Revision as of 18:51, 8 October 2014





  • 1

    bla

    bla bla bla

  • 2

    bla

    bla bla bla

  • 3

    bla

    bla bla bla

  • 4

    bla

    bla bla bla

  • 5

    bla

    bla bla bla

  • 6

    bla

    bla bla bla

  • 7

    bla

    bla bla bla

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