Team:Sheffield/Project

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{Team:Sheffield/NavigationBar}}
 
-
 
<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=Oswald' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lato:300' 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");
 +
        $("#teamLogo li a img").addClass("scrolling");
 +
        $("#shefUniLogo li a img").addClass("scrolling");
 +
    } else {
 +
        $("#navigationBar").removeClass("scrolling");
 +
        $("#teamLogo li a img").removeClass("scrolling");
 +
        $("#shefUniLogo li a img").removeClass("scrolling");
 +
    }
 +
});
 +
});
 +
</script>
<style>
<style>
-
.headerImage {
+
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
-
position: absolute;
+
 
-
top: -375px;
+
#menubar.left-menu.noprint ul li:last-child {
-
width: 100%;
+
display:none;
-
height: 450px;
+
-
overflow: hidden;
+
-
z-index: -1;
+
}
}
-
.headerImage img {
+
#top-section {  
-
width: 100%;
+
border: 0 none;
 +
height: 14px;
 +
z-index: 10001;
 +
/*top: 0;*/
 +
/*position: fixed;*/
 +
width: 975px;
 +
left: 50%;
 +
margin-left: -487px;
}
}
-
.subPageTitle {
+
#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-image: url('https://static.igem.org/mediawiki/2014/5/5b/BgImgSheffield.jpg');
 +
background-repeat: repeat;
 +
}
 +
 
 +
#bodyContent {
 +
background-color: transparent;
 +
/*overflow-y: scroll;*/
 +
height: 100%;
 +
}
 +
 
 +
h1 {
text-align: center;
text-align: center;
-
font-family: 'Lato', sans-serif;
+
font-family: 'Oswald', sans-serif;
-
font-size: 60px;
+
font-size: 40px;
-
letter-spacing: -2px;
+
-
color: white;
+
-
font-weight: 300;
+
-
margin-top: 100px;
+
-
margin-bottom: 70px;
+
border: none;
border: none;
}
}
-
.gap5px {
+
h2 {
-
padding-top: 5px;
+
font-family: 'Oswald', sans-serif;
 +
font-size: 30px;
 +
border: none;
 +
line-height: 35px;
}
}
 +
h3 {
 +
font-family: 'Oswald', sans-serif;
 +
font-weight: bold;
 +
font-size: 18px;
 +
}
-
.firstSection, .secondSection, .thirdSection, .fourthSection, .fifthSection, .sixthSection {
+
p, #bodyContent ul:not(#navigationBar), ol {
-
padding-top: 10px;
+
font-family: 'Lato', sans-serif;
-
padding-bottom: 10px;
+
font-size: 16px;
}
}
-
+
 
-
.firstSection {
+
#navigationBar, #navigationBar ul {
-
background-color: transparent;
+
margin: 0 auto;
 +
padding: 0;
}
}
-
.secondSection {
+
#navigationBar {
-
background-color: #14A2D4;
+
position: fixed;
 +
top: 0px;
 +
display: table-row;
 +
height: 60px;
 +
width: 100%;
 +
min-width: 1400px;
 +
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;
}
}
-
+
 
-
.thirdSection {
+
.menuText {
-
background-color: #FFE800;
+
padding-top: 8px;
}
}
-
+
 
-
.fourthSection {
+
#navigationBar.scrolling {
-
background-color: #00B16A;
+
background-color: white;
}
}
-
+
 
-
.fifthSection {
+
#navigationBar li {
-
background-color: #F7941E;
+
display: table-cell;
 +
height: 100%;
 +
vertical-align: middle;
 +
float: right;
 +
text-align: left;
}
}
-
+
 
-
.sixthSection {
+
#navigationBar > li:hover > ul {
-
background-color: #AF5E9C;
+
visibility: visible;
 +
opacity: 1;
 +
transition-delay:0s;
}
}
-
.pageData, .sectionData {
+
#navigationBar > li > ul {
-
width: 960px;
+
visibility: hidden;
-
margin-left: auto;
+
position: absolute;
-
margin-right: auto;
+
width: 220px;
-
padding-left: 10px;
+
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: black;
 +
    opacity: 0.9;
 +
}
 +
 
 +
#navigationBar li span {
 +
}
 +
 
 +
#navigationBar li span a {
 +
padding: 0;
 +
padding-top: 10px;
 +
text-decoration: none;
 +
    white-space: nowrap;
 +
    color: black;
 +
    opacity: 0.9;
 +
}
 +
 
 +
#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:hover {
 +
color: #FBA917;
 +
}
 +
 
 +
#igemLogo {
 +
height: 40px;
 +
opacity: 0.8;
padding-right: 10px;
padding-right: 10px;
}
}
-
.subPageTitle {
+
#teamLogo, #shefUniLogo {
-
color: black;
+
float: left;
 +
margin-right: auto;
}
}
-
#inPageMenu ul {
+
#teamLogo li a img, #shefUniLogo li a img {
-
    padding: 0;
+
height: 80px;
-
    margin: 0;
+
-webkit-transition: height 0.25s linear;
-
    list-style-type: none;
+
-moz-transition: height 0.25s linear;
-
    width: 100%;
+
-o-transition: height 0.25s linear;
-
background-color: #FF0000;
+
transition: height 0.25s linear;
-
text-align: center;
+
-
    height: 32px;
+
-
    padding-top: 10px;
+
}
}
-
#inPageMenu a {
+
#teamLogo li a img.scrolling {
-
    text-decoration: none;
+
height: 40px;
-
    color: white;
+
-
    background-color: #FF0000;
+
-
    padding: 0.2em 0.6em;
+
-
    padding-top: 11px;
+
-
    padding-bottom: 10px;
+
}
}
-
#inPageMenu a:hover {
+
#shefUniLogo li a img.scrolling {
-
    background-color: #FF4D4D;
+
height: 40px;
}
}
-
#inPageMenu li {
+
.socialMediaIcon {
-
    display: inline;
+
padding: 0px 0px;
 +
margin: 0;
}
}
-
#inPageMenu.scrolling {
+
.socialMediaIcon div {
-
position: fixed;
+
position: relative;
-
top: 60px;
+
width: 40px;
-
width: 100%;
+
height: 40px;
}
}
-
</style>
 
-
<script>
+
.whiteIcon, .blackIcon, .colouredIcon {
-
$(document).ready(function() { // Document ready
+
position: absolute;
-
$( '.inlink' ).on('click', function(event) {
+
top: 0;
-
    var target = $(this.hash);
+
left: 0;
-
target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
+
width: 40px;
-
if (target.length) {
+
height: 40px;
-
$('html,body').animate({
+
}
-
scrollTop: target.offset().top - 102
+
 
-
}, 500);
+
.blackIcon {
-
return false;
+
z-index: 1;
-
}
+
}
-
});
+
 
-
});
+
.colouredIcon {
-
</script>
+
z-index: 2;
-
<script>
+
visibility: hidden;
-
$(document).ready(function() { // Document ready
+
}
-
$(document).scroll(function() {
+
 
-
    if ($(document).scrollTop() >= 155) {
+
.socialMediaIcon div:hover > .blackIcon {
-
    $("#inPageMenu").addClass("scrolling");
+
visibility: hidden;
-
    } else {
+
}
-
    $("#inPageMenu").removeClass("scrolling");
+
 
-
    }
+
.socialMediaIcon div:hover > .colouredIcon {
-
});
+
visibility: visible;
-
});
+
}
-
</script>
+
 
 +
.subPageTitle {
 +
text-align: center;
 +
font-family: 'Lato', sans-serif;
 +
font-size: 60px;
 +
letter-spacing: -2px;
 +
color: white;
 +
font-weight: 300;
 +
margin-top: 100px;
 +
margin-bottom: 70px;
 +
border: none;
 +
}
 +
 
 +
.gap5px {
 +
padding-top: 5px;
 +
}
 +
</style>
</head>
</head>
<body>
<body>
-
<h1 class="subPageTitle">Project</h1>
+
<div id="topMenu">
-
<div class="gap5px"></div>
+
<ul id="navigationBar">
-
 
+
<li><a href=""><img id="igemLogo" src="https://static.igem.org/mediawiki/2014/7/7d/IGEMLogo.png"></a></li>
-
<div id="inPageMenu">
+
<li>
-
<ul>
+
<span>
-
<li><a class="inlink" href="#background">Background</a></li>
+
<a class="socialMediaIcon" href="http://twitter.com/iGEMSheffield">
-
<li><a class="inlink" href="#medalCriteria">Medal Criteria</a></li>
+
<div>
-
<li><a class="inlink" href="#biosensor">Biosensor</a></li>
+
<img class="blackIcon" src="https://static.igem.org/mediawiki/2014/b/b2/TwitterBlack.png">
-
<li><a class="inlink" href="#enzymeSynthesis">Enzyme Synthesis</a></li>
+
<img class="colouredIcon" src="https://static.igem.org/mediawiki/2014/7/78/TwitterColour.png">
-
<li><a class="inlink" href="#enzymeSecretion">Enzyme Secretion</a></li>
+
</div>
-
<li><a class="inlink" href="#safety">Safety</a></li>
+
</a>
 +
</span>
 +
</li>
 +
<li>
 +
<span>
 +
<a class="socialMediaIcon" href="http://www.facebook.com/iGEMSheffield2014">
 +
<div>
 +
<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="https://2014.igem.org/Team:Sheffield/Acknowledgements">Acknowledgements</a></li>
 +
<li><a href="https://2014.igem.org/Team:Sheffield/Sponsors">Sponsors</a></li>
 +
</ul>
 +
</li>
 +
<li class="menuText"><a href="">Notebook &#x25BE;</a>
 +
<ul>
 +
<li><a href="https://2014.igem.org/Team:Sheffield/LabProtocols">Lab Protocols</a></li>
 +
<li><a href="https://2014.igem.org/Team:Sheffield/WetLabJournal">Wet Lab Journal</a></li>
 +
<li><a href="https://2014.igem.org/Team:Sheffield/DryLabJournal">Dry Lab Journal</a></li>
 +
</ul>
 +
</li>
 +
<li class="menuText"><a href="">Policy and Practices &#x25BE;</a>
 +
<ul>
 +
<li><a href="https://2014.igem.org/Team:Sheffield/SocioBrick">SocioBricks</a></li>
 +
<li><a href="https://2014.igem.org/Team:Sheffield/Notions">Notions of Responsibility</a></li>
 +
<li><a href="https://2014.igem.org/Team:Sheffield/IndustryCollaboration">Industry Collaboration</a></li>
 +
<li><a href="https://2014.igem.org/Team:Sheffield/SynBio">Synthetic Biology @ Sheffield</a></li>
 +
                        <li><a href="https://2014.igem.org/Team:Sheffield/LabNotation">Lab Notation</a></li>
 +
<li><a href="https://2014.igem.org/Team:Sheffield/outreach">Outreach</a></li>
 +
<li><a href="https://2014.igem.org/Team:Sheffield/collaboration">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="https://2014.igem.org/Team:Sheffield/manufacture">&nbsp;&nbsp;&#8627;&nbsp;&nbsp;Budget</a></li>
 +
<li><a href="https://2014.igem.org/Team:Sheffield/manufacture2">&nbsp;&nbsp;&#8627;&nbsp;&nbsp;Premium</a></li>
 +
<li><a href="">Enzyme Kinetics</a></li>
 +
</ul>
 +
</li>
 +
<li class="menuText"><a href="https://2014.igem.org/Team:Sheffield/Project">Project</a></li>
 +
<li class="menuText"><a href="">Team &#x25BE;</a>
 +
<ul>
 +
<li><a href="https://2014.igem.org/Team:Sheffield/team1">Meet the Team</a></li>
 +
<li><a href="https://igem.org/Team.cgi?id=1498">Official Team Profile</a></li>
 +
<li><a href="https://2014.igem.org/Team:Sheffield/gallery">Gallery</a></li>
 +
</ul>
 +
</li>
 +
<li class="menuText"><a href="https://2014.igem.org/Team:Sheffield">Home</a></li>
 +
<span id="teamLogo"><li><a href="https://2014.igem.org/Team:Sheffield"><img src="https://static.igem.org/mediawiki/2014/d/da/TeamLogo.png"></a></li></span>
 +
<span id="shefUniLogo"><li><a href="https://www.sheffield.ac.uk/"><img src="https://static.igem.org/mediawiki/2014/b/bd/UoSLogo.gif"></a></li></span>
</ul>
</ul>
</div>
</div>
</body>
</body>
</html>
</html>
-
 
-
 
-
{{Team:Sheffield/Content:Project}}
 

Revision as of 01:32, 18 October 2014

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