Difference between revisions of "Team:Dundee/Team"

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:
 
}
 
}
 
 
−
#VideoContainer{
+
−
width:66%;
+
−
float:right;
+
−
height:500px;
+
#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{
−
width:33%;
+
        height:100%;
−
float:left;
+
        }
−
height:500px;
+
 
 +
        #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>
−
                <li><a href="https://2016.igem.org/Team:Dundee/HP/Gold">Judging Criteria</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/Notebook">Lab Book</a></li>
−
                <li><a href="#">Protocols</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">Saftey</a></li>
+
 
               </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/f/f5/T--Dundee--Home.png" />
+
<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 class="container">
−
<div id="OverView">
+
<div id = "SplashTitle">
−
+
<p>Composite Parts</p>
−
<div id="VideoContainer">
+
−
+
−
+
 
</div>
 
</div>
−
+
 
−
<div id="ProjectDesCon">
+
<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>
+
−
+
−
+
 
 +
 
 +
<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>
−
 
−
 
−
 
−
</html>
 

Revision as of 13:46, 14 October 2016

Dundee 2016

Composite Parts

Composite Parts

Find out more about our devices



BBa_K1962010 (Bile Salts Sensing Device)