Difference between revisions of "Team:TP-CC San Diego/Attributions"

Line 6: Line 6:
 
<style>
 
<style>
  
−
.animate-right
 
−
{position: relative;
 
−
animation:animateright 0.4s;
 
−
}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
 
  
 
.text-wrapper
 
.text-wrapper
 
{
 
{
−
     background: white;
+
     background: #5b5b5b;
−
     margin: 4% 0px 0px 0px;
+
     margin: 80px 0px 0px 0px;
−
     padding: 2% 2% 2% 2%;
+
     padding: 0px 2% 2% 2%;
−
     width: 85%;
+
     width: 80%;
 
     height: 100%;
 
     height: 100%;
 +
    color: white;
 
     margin:auto;
 
     margin:auto;
 
     border-style:solid;
 
     border-style:solid;
 
     border-color: #6E7B8B;
 
     border-color: #6E7B8B;
 +
    font-family: 'Montserrat', sans-serif;
 
}
 
}
  
Line 32: Line 30:
 
}
 
}
  
−
.teams
+
.container {
−
{
+
  position: relative;
−
    width: 50px;
+
  float: left;
−
    height: 50px;
+
}
−
   
+
 
 +
.image {
 +
  display: block;
 +
  width: 250px;
 +
  height: auto;
 +
}
 +
 
 +
.overlay {
 +
  position: absolute;
 +
  top: 0;
 +
  bottom: 0;
 +
  left: 0;
 +
  right: 0;
 +
  height: 250px;
 +
  width: 250px;
 +
  opacity: 0;
 +
  transition: .5s ease;
 +
  background-color: #008CBA;
 +
}
 +
 
 +
.container:hover .overlay {
 +
  opacity: 1;
 
}
 
}
  
 
</style>
 
</style>
 +
 
<body>
 
<body>
 
<h2 class = "main-title"> Attributions </h2>
 
<h2 class = "main-title"> Attributions </h2>
−
<h3 class = "sub-title"> Team </h2>
+
<h3 class = "sub-title"> Team </h3>
  
 
<div class = "text-wrapper">
 
<div class = "text-wrapper">
  
 
<div class = "teams">
 
<div class = "teams">
−
   <img src = "https://static.igem.org/mediawiki/2017/b/bd/T--TP-CC_San_Diego--posterteamtitle.png" class="image">
+
<div class="container">
 +
   <img src="https://static.igem.org/mediawiki/2017/0/06/T--TP-CC_San_Diego--labteamtitle.png" class="image">
 
   <div class="overlay">
 
   <div class="overlay">
−
    <img src = "https://static.igem.org/mediawiki/2017/4/46/T--TP-CC_San_Diego--postermembers.png"  class="image">
+
    <img src = "https://static.igem.org/mediawiki/2017/d/d9/T--TP-CC_San_Diego--labmembers.png"  class="image">
 
   </div>
 
   </div>
 
</div>
 
</div>
−
 
+
   
−
<!--
+
 
<div class="container">
 
<div class="container">
−
   <img src = "https://static.igem.org/mediawiki/2017/b/bd/T--TP-CC_San_Diego--posterteamtitle.png" class="image">
+
   <img src="https://static.igem.org/mediawiki/2017/b/bd/T--TP-CC_San_Diego--websiteteamtitle.png" class="image">
 
   <div class="overlay">
 
   <div class="overlay">
−
    <img src = "https://static.igem.org/mediawiki/2017/4/46/T--TP-CC_San_Diego--postermembers.png"  class="image">
+
    <img src = "https://static.igem.org/mediawiki/2017/a/a6/T--TP-CC_San_Diego--websitememebers.png"  class="image">
 
   </div>
 
   </div>
 
</div>
 
</div>
−
 
+
   
 
<div class="container">
 
<div class="container">
−
   <img src = "https://static.igem.org/mediawiki/2017/d/dd/T--TP-CC_San_Diego--hpteamtitle.png" class="image">
+
   <img src="https://static.igem.org/mediawiki/2017/b/bd/T--TP-CC_San_Diego--posterteamtitle.png" class="image">
 
   <div class="overlay">
 
   <div class="overlay">
−
    <img src = "https://static.igem.org/mediawiki/2017/2/21/T--TP-CC_San_Diego--hpmembers.png"  class="image">
+
    <img src = "https://static.igem.org/mediawiki/2017/4/46/T--TP-CC_San_Diego--postermembers.png"  class="image">
 
   </div>
 
   </div>
 
</div>
 
</div>
−
 
+
   
 
<div class="container">
 
<div class="container">
−
   <img src = "https://static.igem.org/mediawiki/2017/b/bd/T--TP-CC_San_Diego--websiteteamtitle.png" class="image">
+
   <img src="https://static.igem.org/mediawiki/2017/d/dd/T--TP-CC_San_Diego--hpteamtitle.png" class="image">
 
   <div class="overlay">
 
   <div class="overlay">
−
    <img src = "https://static.igem.org/mediawiki/2017/a/a6/T--TP-CC_San_Diego--websitememebers.png"  class="image">
+
    <img src = "https://static.igem.org/mediawiki/2017/2/21/T--TP-CC_San_Diego--hpmembers.png"  class="image">
 
   </div>
 
   </div>
−
</div> -->
+
</div>  
−
 
+
−
 
+
  
 +
</div>
 
</div>
 
</div>
  

Revision as of 05:11, 16 October 2017


Attributions

Team