Line 27: | Line 27: | ||
#bodyContent { | #bodyContent { | ||
padding-right: 0px;} | padding-right: 0px;} | ||
+ | |||
+ | img.grayscale { | ||
+ | filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */ | ||
+ | filter: gray; /* IE6-9 */ | ||
+ | -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ | ||
+ | } | ||
+ | |||
+ | img.grayscale:hover { | ||
+ | filter: none; | ||
+ | -webkit-filter: grayscale(0%); | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
#menuDisplay{ | #menuDisplay{ | ||
display:none; | display:none; | ||
Line 37: | Line 52: | ||
− | + | ||
.navbar-brand{ | .navbar-brand{ | ||
padding-top:25px; | padding-top:25px; | ||
− | + | ||
} | } | ||
#navbar{ | #navbar{ | ||
padding-top:5px; | padding-top:5px; | ||
float:right; | float:right; | ||
+ | |||
} | } | ||
Line 58: | Line 74: | ||
width:100%; | width:100%; | ||
} | } | ||
− | + | #BackImg h1 { | |
+ | position: absolute; | ||
+ | top:40%; | ||
+ | text-align: center; | ||
+ | width: 100%; | ||
+ | padding-top:20px; | ||
+ | padding-bottom:17px; | ||
+ | } | ||
+ | |||
+ | #BackImg h1 span { | ||
+ | color: white; | ||
+ | font: bold 5vw/45px Helvetica, Sans-Serif; | ||
+ | letter-spacing: -1px; | ||
+ | background: rgb(0, 0, 0); /* fallback color */ | ||
+ | background: rgba(0, 0, 0, 0.7); | ||
+ | padding: 10px; | ||
+ | padding-bottom:15px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | #BackImg h2 { | ||
+ | position: absolute; | ||
+ | top:55%; | ||
+ | text-align: center; | ||
+ | width: 100%; | ||
+ | padding-top:15px; | ||
+ | padding-bottom:10px; | ||
+ | } | ||
+ | |||
+ | #BackImg h2 span { | ||
+ | color:#3D72A4; | ||
+ | font: bold 5vw/45px Helvetica, Sans-Serif; | ||
+ | letter-spacing: -1px; | ||
+ | background: rgb(0, 0, 0); /* fallback color */ | ||
+ | background: rgba(0, 0, 0, 0.7); | ||
+ | padding-bottom:5px; | ||
+ | text-align:center; | ||
+ | } | ||
+ | |||
#OverView{ | #OverView{ | ||
Line 64: | Line 118: | ||
} | } | ||
− | # | + | |
− | + | ||
− | + | ||
− | + | #SplashTitle p{ | |
− | + | border-bottom: none; | |
+ | font: 4vw/6vw Helvetica, Sans-Serif; | ||
+ | text-align: center; | ||
+ | color:black; | ||
+ | padding-top:15px; | ||
+ | |||
} | } | ||
+ | |||
+ | #SplashTitleUnder p{ | ||
+ | font:3vw/4vw Helvetica, Sans-Serif; | ||
+ | text-align: center; | ||
+ | color:#3D72A4; | ||
+ | padding-bottom:15px; | ||
+ | |||
+ | } | ||
#ProjectDesCon{ | #ProjectDesCon{ | ||
− | + | height:100%; | |
− | + | } | |
− | + | ||
+ | #ProjectDesCon h3{ | ||
+ | font: 2.3vw/2vw Helvetica, Sans-Serif; | ||
+ | padding-top:15px; | ||
+ | padding-bottom:15px; | ||
+ | text-align:left; | ||
+ | |||
+ | } | ||
+ | |||
+ | #ProjectDesCon p{ | ||
+ | |||
+ | font: 1.7vw/2vw Helvetica, Sans-Serif; | ||
+ | padding-bottom:15px; | ||
+ | |||
} | } | ||
+ | |||
+ | #FlaskImg img{ | ||
+ | float:right; | ||
+ | width:30%; | ||
+ | padding-left:25px; | ||
+ | |||
+ | |||
+ | } | ||
+ | #FlaskImg p{ | ||
+ | |||
+ | |||
+ | } | ||
+ | #FlaskStyleFifty1{ | ||
+ | float:left; | ||
+ | width:50%; | ||
+ | padding-right:40px; | ||
+ | } | ||
+ | #FlaskStyleFifty1 p{ | ||
+ | text-align:left; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | } | ||
+ | #FlaskStyleFifty2{ | ||
+ | float:right; | ||
+ | width:50%; | ||
+ | padding-left:20px; | ||
+ | |||
+ | } | ||
+ | #FlaskStyleFifty2 p{ | ||
+ | text-align:left; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | #ColicinImg{ | ||
+ | padding-top:15px; | ||
+ | width:100%; | ||
+ | margin:0 auto; | ||
+ | } | ||
+ | |||
+ | #ColicinImg img{ | ||
+ | |||
+ | width:100%; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | #spacer{ | ||
+ | height:100px; | ||
+ | } | ||
+ | |||
#SponserFooter{ | #SponserFooter{ | ||
margin:30px 0px 60px 0px; | margin:30px 0px 60px 0px; | ||
Line 125: | Line 258: | ||
padding-right:0px; | padding-right:0px; | ||
} | } | ||
+ | |||
Line 136: | Line 270: | ||
<!-- Fixed navbar --> | <!-- Fixed navbar --> | ||
<nav class="navbar navbar-default navbar-fixed-top"> | <nav class="navbar navbar-default navbar-fixed-top"> | ||
− | <div class="container"> | + | <div "class="container"> |
<div class="navbar-header"> | <div class="navbar-header"> | ||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> | <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> | ||
Line 171: | Line 305: | ||
<a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Achievements <span class="caret"></span></a> | <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Achievements <span class="caret"></span></a> | ||
<ul class="dropdown-menu"> | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2016.igem.org/Team:Dundee/Parts">Parts</a></li> | ||
<li><a href="https://2016.igem.org/Team:Dundee/Basic_Part">Basic Parts</a></li> | <li><a href="https://2016.igem.org/Team:Dundee/Basic_Part">Basic Parts</a></li> | ||
− | <li><a href="https://2016.igem.org/Team:Dundee/Composite_Part">Composite Parts</a></li> | + | <li class="active"><a href="https://2016.igem.org/Team:Dundee/Composite_Part">Composite Parts</a></li> |
<li><a href="https://2016.igem.org/Team:Dundee/Part_Collection">Parts Collection</a></li> | <li><a href="https://2016.igem.org/Team:Dundee/Part_Collection">Parts Collection</a></li> | ||
− | |||
</ul> | </ul> | ||
</li> | </li> | ||
Line 180: | Line 314: | ||
<a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Notebook <span class="caret"></span></a> | <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Notebook <span class="caret"></span></a> | ||
<ul class="dropdown-menu"> | <ul class="dropdown-menu"> | ||
− | + | <li><a href="https://2016.igem.org/Team:Dundee/Notebook">Lab Book</a></li> | |
− | + | <li><a href="https://2016.igem.org/Team:Dundee/Safety">Safety</a></li> | |
− | <li><a href="https://2016.igem.org/Team:Dundee/Safety"> | + | |
</ul> | </ul> | ||
<li class="dropdown"> | <li class="dropdown"> | ||
Line 196: | Line 329: | ||
</div> | </div> | ||
</nav> | </nav> | ||
− | |||
<div id="BackImg"> | <div id="BackImg"> | ||
− | <img src="https://static.igem.org/mediawiki/2016/ | + | <img src="https://static.igem.org/mediawiki/2016/b/ba/T--Dundee--FlaskDrawerMisc.JPG" /> |
− | + | <h1><span>Composite Parts</span></h1> | |
+ | <h2><span></span></h2> | ||
</div> | </div> | ||
− | |||
+ | |||
+ | |||
− | + | <div class="container"> | |
− | + | <div id = "SplashTitle"> | |
− | + | <p>Composite Parts</p> | |
− | <div id=" | + | |
− | + | ||
− | + | ||
</div> | </div> | ||
− | + | ||
− | <div id=" | + | <div id="SplashTitleUnder"> |
− | + | <p>Find out more about our devices</p> | |
− | + | ||
</div> | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="container"> | ||
+ | <div id= "ProjectDesCon"> | ||
+ | |||
+ | <br></br> | ||
+ | <h3>BBa_K1962010 (Bile Salts Sensing Device)</h3> | ||
+ | |||
+ | </div> | ||
+ | <div class="container"> | ||
+ | <div id="ColicinImg"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/0/0a/T--Dundee--.BBa_K1962010.png"> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
− | + | ||
− | + | ||
− | + | ||
+ | |||
+ | <div id="spacer" class="container"> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="container"> | ||
<div id="SponserFooter"> | <div id="SponserFooter"> | ||
− | <div id = "BBSRC" class="SponserLink"> | + | <div id = "BBSRC" class="SponserLink"> |
<a href="http://www.bbsrc.ac.uk/"> | <a href="http://www.bbsrc.ac.uk/"> | ||
− | <img src="https://static.igem.org/mediawiki/2016/8/8b/T--Dundee--BBSRCFooter.png" /> | + | <img class="grayscale" src="https://static.igem.org/mediawiki/2016/8/8b/T--Dundee--BBSRCFooter.png" /> |
</a> | </a> | ||
</div> | </div> | ||
− | <div class="SponserLink"> | + | <div class="SponserLink"> |
<a href="http://www.dundee.ac.uk/"> | <a href="http://www.dundee.ac.uk/"> | ||
− | <img src="https://static.igem.org/mediawiki/2016/a/a8/T--Dundee--UoDFooter.png" /> | + | <img class="grayscale" src="https://static.igem.org/mediawiki/2016/a/a8/T--Dundee--UoDFooter.png" /> |
</a> | </a> | ||
</div> | </div> | ||
− | <div class="SponserLink"> | + | <div class="SponserLink"> |
<a href="https://www.idtdna.com/site"> | <a href="https://www.idtdna.com/site"> | ||
− | <img src="https://static.igem.org/mediawiki/2016/0/03/T--Dundee--IDTFooter.png" /> | + | <img class="grayscale" src="https://static.igem.org/mediawiki/2016/0/03/T--Dundee--IDTFooter.png" /> |
</a> | </a> | ||
</div> | </div> | ||
<div class="SponserLink"> | <div class="SponserLink"> | ||
<a href="https://www.sebiology.org/"> | <a href="https://www.sebiology.org/"> | ||
− | <img src="https://static.igem.org/mediawiki/2016/f/f0/T--Dundee--SEBFooter.png" /> | + | <img class="grayscale"src="https://static.igem.org/mediawiki/2016/f/f0/T--Dundee--SEBFooter.png" /> |
</a> | </a> | ||
</div> | </div> | ||
<div id = "WellcomeT" class="SponserLink"> | <div id = "WellcomeT" class="SponserLink"> | ||
<a href="https://wellcome.ac.uk/"> | <a href="https://wellcome.ac.uk/"> | ||
− | <img src="https://static.igem.org/mediawiki/2016/2/22/T--Dundee--WELLTFooter.png" /> | + | <img class="grayscale"src="https://static.igem.org/mediawiki/2016/2/22/T--Dundee--WELLTFooter.png" /> |
</a> | </a> | ||
</div> | </div> | ||
Line 275: | Line 435: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
</div> | </div> | ||
Line 285: | Line 446: | ||
</body> | </body> | ||
− | |||
− | |||
− | |||
− |
Revision as of 13:46, 14 October 2016
Composite Parts
Composite Parts
Find out more about our devices