Difference between revisions of "Team:BostonU/Team"

Line 17: Line 17:
 
     border: none;
 
     border: none;
 
}
 
}
#HQ_page td {
+
#HQ_page div {
 
     padding: 0px;
 
     padding: 0px;
 
     border-collapse: collapse;
 
     border-collapse: collapse;
Line 23: Line 23:
 
}
 
}
  
<!---user agent stylesheet
+
user agent stylesheet
td--->
+
div
  
  
Line 36: Line 36:
 
   border: none;
 
   border: none;
 
}
 
}
#bunch td {
+
#bunch div {
 
   display: table-cell;
 
   display: table-cell;
 
   height: 200px !important;
 
   height: 200px !important;
Line 45: Line 45:
 
   background-color: #f5efef;
 
   background-color: #f5efef;
 
}
 
}
#bunch td img {
+
#bunch div img {
 
   border: none;
 
   border: none;
 
   padding: 0;
 
   padding: 0;
Line 53: Line 53:
 
   -webkit-transition:0.25s;
 
   -webkit-transition:0.25s;
 
   align-items: center;
 
   align-items: center;
   opacity: 1;
+
   opacity: 0.85;
 
}
 
}
 
#bunch p {
 
#bunch p {
Line 66: Line 66:
 
}
 
}
 
#bunch img:hover {
 
#bunch img:hover {
   opacity: 1.15;
+
   opacity: 1;
 
   -webkit-transition:0.25s;
 
   -webkit-transition:0.25s;
 
   height: 185px;
 
   height: 185px;
Line 99: Line 99:
 
       $('#desc').text("This could be a bio for Madeline! It is pretty long, because she has a lot to say about herself. I can make the text smaller, and add lots more words, such as I don't like that idea.");
 
       $('#desc').text("This could be a bio for Madeline! It is pretty long, because she has a lot to say about herself. I can make the text smaller, and add lots more words, such as I don't like that idea.");
 
   });
 
   });
   $('#bunch td').mouseleave(function () {
+
   $('#bunch div').mouseleave(function () {
 
       $('#desc').text("Mouse over a member of our team to learn about them!");
 
       $('#desc').text("Mouse over a member of our team to learn about them!");
 
   });
 
   });
Line 108: Line 108:
 
<body>
 
<body>
 
   <div id='landingwrapper'>
 
   <div id='landingwrapper'>
   <table id="bunch" class="centered" align = center">
+
   
    <tr>
+
   <div id="bunch">
       <td><img src="https://static.igem.org/mediawiki/2017/7/74/T--BostonU--abbeybio.jpg" id="ab"></img></td>
+
       <div><img src="https://static.igem.org/mediawiki/2017/7/74/T--BostonU--abbeybio.jpg" id="ab"></img></div>
       <td><img src="https://static.igem.org/mediawiki/2017/f/fc/T--BostonU--thomasbio.jpg" id="th"></img></td>
+
       <div><img src="https://static.igem.org/mediawiki/2017/f/fc/T--BostonU--thomasbio.jpg" id="th"></img></div>
       <td><img src="https://static.igem.org/mediawiki/2017/6/64/T--BostonU--saibio.jpg" id="sa"></img></td>
+
       <div><img src="https://static.igem.org/mediawiki/2017/6/64/T--BostonU--saibio.jpg" id="sa"></img></div>
    </tr>
+
       <div><img src="https://static.igem.org/mediawiki/2017/8/84/T--BostonU--alanbio.jpg" id="al"></img></div>
    <tr>
+
       <div><img src="img/headshot.png" id="ma"></img></div>
       <td><img src="https://static.igem.org/mediawiki/2017/8/84/T--BostonU--alanbio.jpg" id="al"></img></td>
+
       <div><img src="https://static.igem.org/mediawiki/2017/f/f4/T--BostonU--stevebio.jpg" id="st"></img></div>
       <td>
+
       <div><img src="https://static.igem.org/mediawiki/2017/4/47/T--BostonU--sophiabio.jpg" id="so"></img></div>
        <p id="desc">Mouse over a member of our team to learn about them!
+
       <div><img src="https://static.igem.org/mediawiki/2017/2/2c/T--BostonU--madelinebio.jpg" id="md"></img></div>
        </p>
+
  </div>
      </td>
+
    <p id="desc" align-items = "center">Mouse over a member of our team to learn about them!
      <td><img src="img/headshot.png" id="ma"></img></td>
+
    </p>
    </tr>
+
    <tr>
+
       <td><img src="https://static.igem.org/mediawiki/2017/f/f4/T--BostonU--stevebio.jpg" id="st"></img></td>
+
       <td><img src="https://static.igem.org/mediawiki/2017/4/47/T--BostonU--sophiabio.jpg" id="so"></img></td>
+
       <td><img src="https://static.igem.org/mediawiki/2017/2/2c/T--BostonU--madelinebio.jpg" id="md"></img></td>
+
    </tr>
+
  </table>
+
 
</div>
 
</div>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 20:59, 7 July 2017

Mouse over a member of our team to learn about them!