Line 284: | Line 284: | ||
/*Begin page specific styling*/ | /*Begin page specific styling*/ | ||
+ | a.Neha { | ||
+ | |||
+ | width: 400px; | ||
+ | height: 295px; | ||
+ | content:url(https://static.igem.org/mediawiki/2016/d/d5/T--LambertGA--GroupImage_Neha.JPG); | ||
+ | opacity:1.0; | ||
+ | transition:opacity 0.5s ease-in-out; | ||
+ | } | ||
+ | a.Neha:hover { | ||
+ | width: 400px; | ||
+ | height: 295px; | ||
+ | opacity:0.5; | ||
+ | } | ||
a.Alyssa { | a.Alyssa { | ||
− | |||
width: 400px; | width: 400px; | ||
height: 295px; | height: 295px; | ||
Line 292: | Line 304: | ||
} | } | ||
a.Alyssa:hover { | a.Alyssa:hover { | ||
− | |||
width: 400px; | width: 400px; | ||
height: 295px; | height: 295px; | ||
Line 301: | Line 312: | ||
a.Arjun { | a.Arjun { | ||
− | |||
width: 400px; | width: 400px; | ||
height: 295px; | height: 295px; | ||
Line 307: | Line 317: | ||
} | } | ||
a.Arjun:hover { | a.Arjun:hover { | ||
− | |||
width: 400px; | width: 400px; | ||
height: 295px; | height: 295px; | ||
Line 316: | Line 325: | ||
a.Elynna { | a.Elynna { | ||
− | |||
width: 400px; | width: 400px; | ||
height: 295px; | height: 295px; | ||
Line 322: | Line 330: | ||
} | } | ||
a.Elynna:hover { | a.Elynna:hover { | ||
− | |||
width: 400px; | width: 400px; | ||
height: 295px; | height: 295px; | ||
Line 328: | Line 335: | ||
} | } | ||
a.Jack { | a.Jack { | ||
− | |||
width: 400px; | width: 400px; | ||
height: 295px; | height: 295px; | ||
Line 334: | Line 340: | ||
} | } | ||
a.Jack:hover { | a.Jack:hover { | ||
− | |||
width: 400px; | width: 400px; | ||
height: 295px; | height: 295px; | ||
Line 341: | Line 346: | ||
a.Jackson { | a.Jackson { | ||
− | padding: | + | padding: 50pxwidth: 400px; |
− | + | ||
height: 295px; | height: 295px; | ||
content:url(https://static.igem.org/mediawiki/2016/5/54/T--LambertGA--GroupImage_Jackson.JPG); | content:url(https://static.igem.org/mediawiki/2016/5/54/T--LambertGA--GroupImage_Jackson.JPG); | ||
} | } | ||
a.Jackson:hover { | a.Jackson:hover { | ||
− | |||
width: 400px; | width: 400px; | ||
height: 295px; | height: 295px; | ||
Line 354: | Line 357: | ||
a.Julia { | a.Julia { | ||
− | |||
width: 400px; | width: 400px; | ||
height: 295px; | height: 295px; | ||
Line 360: | Line 362: | ||
} | } | ||
a.Julia:hover { | a.Julia:hover { | ||
− | |||
width: 400px; | width: 400px; | ||
height: 295px; | height: 295px; | ||
Line 366: | Line 367: | ||
} | } | ||
a.Kevin { | a.Kevin { | ||
− | |||
width: 400px; | width: 400px; | ||
height: 295px; | height: 295px; | ||
Line 372: | Line 372: | ||
} | } | ||
a.Kevin:hover { | a.Kevin:hover { | ||
− | |||
width: 400px; | width: 400px; | ||
height: 295px; | height: 295px; | ||
Line 378: | Line 377: | ||
} | } | ||
a.Lauren { | a.Lauren { | ||
− | |||
width: 400px; | width: 400px; | ||
height: 295px; | height: 295px; | ||
Line 384: | Line 382: | ||
} | } | ||
a.Lauren:hover { | a.Lauren:hover { | ||
− | |||
width: 400px; | width: 400px; | ||
height: 295px; | height: 295px; | ||
Line 391: | Line 388: | ||
a.Lubna { | a.Lubna { | ||
− | |||
width: 400px; | width: 400px; | ||
height: 295px; | height: 295px; | ||
Line 397: | Line 393: | ||
} | } | ||
a.Lubna:hover { | a.Lubna:hover { | ||
− | |||
width: 400px; | width: 400px; | ||
height: 295px; | height: 295px; | ||
Line 405: | Line 400: | ||
a.Natalie { | a.Natalie { | ||
− | |||
width: 400px; | width: 400px; | ||
height: 295px; | height: 295px; | ||
Line 411: | Line 405: | ||
} | } | ||
a.Natalie:hover { | a.Natalie:hover { | ||
− | |||
width: 400px; | width: 400px; | ||
height: 295px; | height: 295px; | ||
Line 418: | Line 411: | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
a.Nivi { | a.Nivi { | ||
− | |||
width: 400px; | width: 400px; | ||
height: 295px; | height: 295px; | ||
Line 439: | Line 420: | ||
} | } | ||
a.Nivi:hover { | a.Nivi:hover { | ||
− | |||
width: 400px; | width: 400px; | ||
height: 295px; | height: 295px; | ||
Line 447: | Line 427: | ||
a.Noora { | a.Noora { | ||
− | |||
width: 400px; | width: 400px; | ||
height: 295px; | height: 295px; | ||
Line 453: | Line 432: | ||
} | } | ||
a.Noora:hover { | a.Noora:hover { | ||
− | |||
width: 400px; | width: 400px; | ||
height: 295px; | height: 295px; | ||
Line 460: | Line 438: | ||
− | a. | + | a.Sara { |
− | + | ||
width: 400px; | width: 400px; | ||
height: 295px; | height: 295px; | ||
content:url(https://static.igem.org/mediawiki/2016/0/06/T--LambertGA--GroupImage_Sarah.JPG); | content:url(https://static.igem.org/mediawiki/2016/0/06/T--LambertGA--GroupImage_Sarah.JPG); | ||
} | } | ||
− | a. | + | a.Sara:hover { |
− | + | ||
width: 400px; | width: 400px; | ||
height: 295px; | height: 295px; | ||
Line 474: | Line 450: | ||
a.David { | a.David { | ||
− | |||
width: 400px; | width: 400px; | ||
height: 295px; | height: 295px; | ||
Line 480: | Line 455: | ||
} | } | ||
a.David:hover { | a.David:hover { | ||
− | |||
width: 400px; | width: 400px; | ||
height: 295px; | height: 295px; | ||
Line 486: | Line 460: | ||
} | } | ||
+ | .divimage { | ||
+ | padding:50px; | ||
+ | width: 400px; | ||
+ | height: 295px; | ||
+ | position:relative; | ||
+ | display:inline-block; | ||
+ | padding-bottom:200px; | ||
+ | } | ||
+ | .blurb { | ||
+ | width: 400px; | ||
+ | background-color: lavender; | ||
+ | font-size:20px; | ||
+ | color:dimgrey; | ||
+ | position: absolute; | ||
+ | top:345px; | ||
+ | left:50px; | ||
+ | } | ||
</style> | </style> | ||
Line 569: | Line 560: | ||
<div> | <div> | ||
<center> | <center> | ||
− | <a class=" | + | <div class="divimage"> |
+ | <a class="Neha"></a> | ||
+ | <div class="blurb"><br>Neha Balachandran<br>The blurb stuff and whatever</div> | ||
+ | </div><!-- | ||
+ | --><div class="divimage"> | ||
<a class="Arjun"></a> | <a class="Arjun"></a> | ||
− | <a class=" | + | <div class="blurb"><br>Arjun Bhatt<br>The blurb stuff and whatever</div> |
− | </ | + | </div><!-- |
+ | --><div class="divimage"> | ||
+ | <a class="Noora"></a> | ||
+ | <div class="blurb"><br>Noora Chandasir<br>The blurb stuff and whatever</div> | ||
</div> | </div> | ||
<div> | <div> | ||
<center> | <center> | ||
− | <a class=" | + | <div class="divimage"> |
− | <a class=" | + | <a class="Elynna"></a> |
− | <a class=" | + | <div class="blurb"><br>Elynna Chang<br>The blurb stuff and whatever</div> |
+ | </div><!-- | ||
+ | --><div class="divimage"> | ||
+ | <a class="Sara"></a> | ||
+ | <div class="blurb"><br>Sara Cleland<br>The blurb stuff and whatever</div> | ||
+ | </div><!-- | ||
+ | --> | ||
+ | <div class="divimage"> | ||
+ | <a class="Alyssa"></a> | ||
+ | <div class="blurb"><br>Alyssa Franklin<br>The blurb stuff and whatever</div> | ||
+ | </div> | ||
</center> | </center> | ||
</div> | </div> | ||
Line 585: | Line 593: | ||
<div> | <div> | ||
<center> | <center> | ||
− | <a class=" | + | <div class="divimage"> |
+ | <a class="Jackson"></a> | ||
+ | <div class="blurb" style="width:415px;"><br>Jackson Harris<br>The blurb stuff and whatever</div> | ||
+ | </div><!-- | ||
+ | --><div class="divimage"> | ||
<a class="Lauren"></a> | <a class="Lauren"></a> | ||
− | <a class=" | + | <div class="blurb"><br>Lauren Hong<br>The blurb stuff and whatever</div> |
+ | </div><!-- | ||
+ | --> | ||
+ | <div class="divimage"> | ||
+ | <a class="Jack"></a> | ||
+ | <div class="blurb"><br>Jack Kwon<br>The blurb stuff and whatever</div> | ||
+ | </div> | ||
</center> | </center> | ||
</div | </div | ||
Line 593: | Line 611: | ||
<div> | <div> | ||
<center> | <center> | ||
− | <a class=" | + | <div class="divimage"> |
− | < | + | <a class="Julia"></a> |
+ | <div class="blurb"><br>Julia Leveille<br>The blurb stuff and whatever</div> | ||
+ | </div><!-- | ||
+ | --><div class="divimage"> | ||
<a class="Nivi"></a> | <a class="Nivi"></a> | ||
+ | <div class="blurb"><br>Nivi Minjur<br>The blurb stuff and whatever</div> | ||
+ | </div><!-- | ||
+ | --><div class="divimage"> | ||
+ | <a class="Lubna"></a> | ||
+ | <div class="blurb"><br>Nivi Minjur<br>The blurb stuff and whatever</div> | ||
+ | </div> | ||
</center> | </center> | ||
</div> | </div> |
Revision as of 02:22, 15 October 2016