User:On7h33dg3
From 2012.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
- | + | {{Template:Team:Exeter/e-candi_banner}} | |
- | + | ||
- | + | ||
- | + | ||
- | + | <html xmlns="http://www.w3.org/1999/xhtml"> | |
- | + | <head> | |
- | + | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
- | + | <title>Collaborators</title> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js?action=raw&ctype=text/js" type="text/javascript"></script> | |
- | + | <script type="text/javascript"> | |
- | + | $(document).ready(function(){ | |
- | + | $('ul.animated li').hover(function(){ | |
- | + | $(this).find('.thumb').stop().animate({top:'-230px'},{queue:false,duration:300}); | |
- | + | },function(){ | |
- | + | $(this).find('.thumb').stop().animate({top:'0px'},{queue:false,duration:300}); | |
- | + | }); | |
- | + | }); | |
- | } | + | |
- | + | ||
- | + | ||
- | + | ||
- | $(this). | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</script> | </script> | ||
<style type="text/css"> | <style type="text/css"> | ||
- | /* | + | ul.animated { |
- | + | width: 980px; /**Page width**/ | |
- | + | list-style: none; | |
- | + | margin: auto; | |
- | + | padding: 0; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | ul.animated li { | |
- | + | float: left; | |
- | + | position: relative; | |
- | + | margin: 10px; padding: 0; | |
- | + | text-align: center; | |
+ | border: 1px solid #ffffff; | ||
+ | -moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/ | ||
+ | -khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/ | ||
+ | -webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/ | ||
+ | display: inline; /*--IE6 Fix--*/ | ||
+ | overflow: hidden;/*Important! So that the image will overlap when it slides*/ | ||
} | } | ||
- | /* | + | ul.animated li a.thumb { |
- | # | + | width: 218px; /*--Width of image--*/ |
- | + | height: 230px; /*--Height of image--*/ | |
+ | position: relative; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | ul.animated li a.thumb img { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | z-index: 3; /*--Put a high number on this--*/ | ||
+ | } | ||
+ | ul.animated li h2 { | ||
+ | font-size: 2; | ||
+ | font-weight: normal; | ||
+ | text-transform: uppercase; | ||
+ | margin: 0; | ||
+ | padding: 10px; | ||
+ | background: #1d1d1b; | ||
+ | border-top: 1px solid #ffffff; | ||
+ | } | ||
+ | ul.animated li a {text-decoration: none; color: #ffffff; display: block;} | ||
+ | .description { | ||
+ | position:absolute; | ||
+ | left:0; | ||
+ | top: 0; | ||
+ | width: 218px; | ||
+ | height: 230px; | ||
+ | background-color:#1d1d1b; | ||
+ | text-align: left; | ||
+ | font-family: 'Verdana'; | ||
+ | font-size: 2; | ||
+ | color:#1d1d1b; | ||
+ | opacity:1; /*--Transparency--*/ | ||
+ | filter:alpha(opacity=60); /*--IE Transparency--*/ | ||
+ | z-index: -5; /*--Put a low number for this--*/ | ||
+ | } | ||
+ | .description p{ | ||
+ | font-size: 2; | ||
+ | font-family: 'Verdana'; | ||
+ | padding-top: 0; | ||
+ | color: #ffffff; | ||
+ | text-align: left; | ||
+ | padding: 3px; | ||
+ | } | ||
+ | .title { | ||
+ | font-size: +2; | ||
+ | font-family: 'Verdana'; | ||
+ | color: #fffff; | ||
+ | text-align: left; | ||
+ | padding-left: 3px; | ||
+ | font-weight: bold; | ||
} | } | ||
+ | </style> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | </head> | |
- | + | ||
- | + | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | #p- | + | <body> |
- | + | <table width="980"> | |
- | + | <tr> | |
- | + | <td> | |
+ | <ul class="animated"> | ||
+ | <!--First Image--> | ||
+ | <li> | ||
+ | <a href="#" class="thumb"><img src="https://static.igem.org/mediawiki/igem.org/b/be/Exe2012Nicharmer.jpg" alt="" /></a> | ||
+ | <div class='description'> | ||
+ | <!-- description content --> | ||
+ | <span class="title">Dr Nicholas Harmer</span> | ||
+ | <p></p> | ||
+ | <!-- end description content --> | ||
+ | </div> | ||
+ | <h2><a href="http://biosciences.exeter.ac.uk/staff/index.php?web_id=nic_harmer" style="color:#ffffff"><u>Dr Nicholas Harmer</u></a></h2> | ||
+ | </li> | ||
+ | <!--Second Image--> | ||
+ | <li> | ||
+ | <a href="#" class="thumb"><img src="https://static.igem.org/mediawiki/igem.org/4/4f/Exe2012Johnlove.jpg" alt="" /></a> | ||
+ | <div class='description'> | ||
+ | <!-- description content --> | ||
+ | <span class="title">Prof. John Love</span> | ||
+ | <p></p> | ||
+ | <!-- end description content --> | ||
+ | </div> | ||
+ | <h2><a href="http://biosciences.exeter.ac.uk/staff/index.php?web_id=john_love">Prof. John Love</a></h2> | ||
+ | </li> | ||
+ | <!--Third Image--> | ||
+ | <li> | ||
+ | <a href="#" class="thumb"><img src="https://static.igem.org/mediawiki/igem.org/d/d9/Exe2012Steve_aves.jpg" alt="" /></a> | ||
+ | <div class='description'> | ||
+ | <!-- description content --> | ||
+ | <span class="title">Prof. Steve Aves</span> | ||
+ | <p></p> | ||
+ | <!-- end description content --> | ||
+ | </div> | ||
+ | <h2><a href="http://biosciences.exeter.ac.uk/staff/index.php?web_id=steve_aves">Prof. Steve Aves</a></h2> | ||
+ | </li> | ||
+ | <!--Fourth Image--> | ||
+ | <li> | ||
+ | <a href="#" class="thumb"><img src="https://static.igem.org/mediawiki/igem.org/e/ea/Exe2012Nick_smirnoff.jpg" alt="" /></a> | ||
+ | <div class='description'> | ||
+ | <!-- description content --> | ||
+ | <span class="title">Prof. Nicholas Smirnoff</span> | ||
+ | <p></p> | ||
+ | <!-- end description content --> | ||
+ | </div> | ||
+ | <h2><a href="http://biosciences.exeter.ac.uk/staff/index.php?web_id=nick_smirnoff">Prof. Nicholas Smirnoff</a></h2> | ||
+ | </li> | ||
+ | <!--Fifth Image--> | ||
+ | <li> | ||
+ | <a href="#" class="thumb"><img src="https://static.igem.org/mediawiki/igem.org/c/c6/Exe2012Michael_Page.jpg" alt="" /></a> | ||
+ | <div class='description'> | ||
+ | <!-- description content --> | ||
+ | <span class="title">Dr Michael Page</span> | ||
+ | <p></p> | ||
+ | <!-- end description content --> | ||
+ | </div> | ||
+ | <h2><a href="http://biosciences.exeter.ac.uk/staff/index.php?web_id=Michael_Page&tab=profile">Dr Michael Page</a></h2> | ||
+ | </li> | ||
+ | <!--Sixth Image--> | ||
+ | <li> | ||
+ | <a href="#" class="thumb"><img src="https://static.igem.org/mediawiki/igem.org/c/ca/Exe2012Placeholder.png" alt="" /></a> | ||
+ | <div class='description'> | ||
+ | <!-- description content --> | ||
+ | <span class="title">Dagmara Kolak</span> | ||
+ | <p></p> | ||
+ | <!-- end description content --> | ||
+ | </div> | ||
+ | <h2><a href="http://biosciences.exeter.ac.uk/staff/index.php?web_id=Dagmara_Kolak">Dagmara Kolak</a></h2> | ||
+ | </li> | ||
+ | <!--Seventh Image--> | ||
+ | <li> | ||
+ | <a href="#" class="thumb"><img src="https://static.igem.org/mediawiki/igem.org/8/8d/Exe2012Hannah_florance.jpg" alt="" /></a> | ||
+ | <div class='description'> | ||
+ | <!-- description content --> | ||
+ | <span class="title">Dr Hannah Florance</span> | ||
+ | <p></p> | ||
+ | <!-- end description content --> | ||
+ | </div> | ||
+ | <h2><a href="http://biosciences.exeter.ac.uk/staff/index.php?web_id=hannah_florance">Dr Hannah Florance</a></h2> | ||
+ | </li> | ||
+ | <!--Eighth Image--> | ||
+ | <li> | ||
+ | <a href="#" class="thumb"><img src="https://static.igem.org/mediawiki/igem.org/e/ea/Exe2012Mark_wood.jpg" alt="" /></a> | ||
+ | <div class='description'> | ||
+ | <!-- description content --> | ||
+ | <span class="title">Dr Mark Wood</span> | ||
+ | <p></p> | ||
+ | <!-- end description content --> | ||
+ | </div> | ||
+ | <h2><a href="http://biosciences.exeter.ac.uk/staff/index.php?web_id=mark_wood">Dr Mark Wood</a></h2> | ||
+ | </li> | ||
+ | <!--Nineth Image--> | ||
+ | <li> | ||
+ | <a href="#" class="thumb"><img src="https://static.igem.org/mediawiki/igem.org/c/c5/Exe2012Sara_burton.jpg" alt="" /></a> | ||
+ | <div class='description'> | ||
+ | <!-- description content --> | ||
+ | <span class="title">Dr Sara Burton</span> | ||
+ | <p></p> | ||
+ | <!-- end description content --> | ||
+ | </div> | ||
+ | <h2><a href="http://biosciences.exeter.ac.uk/staff/index.php?web_id=sara_burton&tab=profile">Dr Sara Burton</a></h2> | ||
+ | </li> | ||
+ | <!--Tenth Image--> | ||
+ | <li> | ||
+ | <a href="#" class="thumb"><img src="https://static.igem.org/mediawiki/igem.org/b/bc/Exe2012Mark_ramsdale.jpg | ||
+ | " alt="" /></a> | ||
+ | <div class='description'> | ||
+ | <!-- description content --> | ||
+ | <span class="title">Dr Mark Ramsdale</span> | ||
+ | <p></p> | ||
+ | <!-- end description content --> | ||
+ | </div> | ||
+ | <h2><a href="http://biosciences.exeter.ac.uk/staff/index.php?web_id=mark_ramsdale">Dr Mark Ramsdale</a></h2> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td> | ||
+ | <ul class="animated"> | ||
+ | <!--First Image--> | ||
+ | <li> | ||
+ | <a href="#" class="thumb"><img src="https://static.igem.org/mediawiki/igem.org/b/bd/Exe2012CPW.jpg" alt="" /></a> | ||
+ | <div class='description'> | ||
+ | <!-- description content --> | ||
+ | <span class="title">Professor C Peter Winlove</span> | ||
+ | <p></p> | ||
+ | <!-- end description content --> | ||
+ | </div> | ||
+ | <h2><a href="http://emps.exeter.ac.uk/physics-astronomy/staff/cpwinlov">Professor C Peter Winlove</a></h2> | ||
+ | </li> | ||
+ | <!--Second Image--> | ||
+ | <li> | ||
+ | <a href="#" class="thumb"><img src="https://static.igem.org/mediawiki/igem.org/7/71/Exe2012JMR.jpg" alt="" /></a> | ||
+ | <div class='description'> | ||
+ | <!-- description content --> | ||
+ | <span class="title">Dr John Rowe</span> | ||
+ | <p></p> | ||
+ | <!-- end description content --> | ||
+ | </div> | ||
+ | <h2><a href="http://emps.exeter.ac.uk/physics-astronomy/staff/JRowe">Dr John Rowe</a></h2> | ||
+ | </li> | ||
+ | <!--Second Image--> | ||
+ | <li> | ||
+ | <a href="#" class="thumb"><img src="https://static.igem.org/mediawiki/igem.org/4/44/Exe2012Orkunsoyer.jpg" alt="" /></a> | ||
+ | <div class='description'> | ||
+ | <!-- description content --> | ||
+ | <span class="title">Dr Orkun Soyer</span> | ||
+ | <p></p> | ||
+ | <!-- end description content --> | ||
+ | </div> | ||
+ | <h2><a href="http://emps.exeter.ac.uk/staff/oss203">Dr Orkun Soyer</a></h2> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td> | ||
+ | <ul class="animated"> | ||
+ | <!--First Image--> | ||
+ | <li> | ||
+ | <a href="#" class="thumb"><img src="https://static.igem.org/mediawiki/igem.org/7/7a/Exe2012Steve_hughes.jpg" alt="" /></a> | ||
+ | <div class='description'> | ||
+ | <!-- description content --> | ||
+ | <span class="title">Prof. Steve Hughes</span> | ||
+ | <p></p> | ||
+ | <!-- end description content --> | ||
+ | </div> | ||
+ | <h2><a href="http://www.genomicsnetwork.ac.uk/egenis/people/academicstaff/forename,217,en.html">Prof. Steve Hughes</a></h2> | ||
+ | </li> | ||
+ | <!--Second Image--> | ||
+ | <li> | ||
+ | <a href="#" class="thumb"><img src="https://static.igem.org/mediawiki/igem.org/6/64/Exe2012Sabina.JPG" alt="" /></a> | ||
+ | <div class='description'> | ||
+ | <!-- description content --> | ||
+ | <span class="title">Dr. Sabina Leonelli</span> | ||
+ | <p></p> | ||
+ | <!-- end description content --> | ||
+ | </div> | ||
+ | <h2><a href="http://www.genomicsnetwork.ac.uk/egenis/people/academicstaff/forename,3875,en.html">Dr. Sabina Leonelli</a></h2> | ||
+ | </li> | ||
+ | <!--First Image--> | ||
+ | <li> | ||
+ | <a href="#" class="thumb"><img src="https://static.igem.org/mediawiki/igem.org/e/e1/Exe2012David_santillo.jpg" alt="" /></a> | ||
+ | <div class='description'> | ||
+ | <!-- description content --> | ||
+ | <span class="title">David Santillo</span> | ||
+ | <p></p> | ||
+ | <!-- end description content --> | ||
+ | </div> | ||
+ | <h2><a href="http://biosciences.exeter.ac.uk/staff/index.php?web_id=david_santillo">David Santillo</a></h2> | ||
+ | </li> | ||
+ | <!--Second Image--> | ||
+ | <li> | ||
+ | <a href="#" class="thumb"><img src="https://static.igem.org/mediawiki/igem.org/9/9e/Exe2012Janet_cotter.jpg" alt="" /></a> | ||
+ | <div class='description'> | ||
+ | <!-- description content --> | ||
+ | <span class="title">Janet Cotter</span> | ||
+ | <p></p> | ||
+ | <!-- end description content --> | ||
+ | </div> | ||
+ | <h2><a href="http://biosciences.exeter.ac.uk/staff/index.php?web_id=janet_cotter">Janet Cotter</a></h2> | ||
+ | </li> | ||
+ | <!--First Image--> | ||
+ | <li> | ||
+ | <a href="#" class="thumb"><img src="https://static.igem.org/mediawiki/igem.org/c/ca/Exe2012Placeholder.png" alt="" /></a> | ||
+ | <div class='description'> | ||
+ | <!-- description content --> | ||
+ | <span class="title">Colour Blind</span> | ||
+ | <p></p> | ||
+ | <!-- end description content --> | ||
+ | </div> | ||
+ | <h2><a href="#">Colour Blind</a></h2> | ||
+ | </li> | ||
+ | <!--Second Image--> | ||
+ | <li> | ||
+ | <a href="#" class="thumb"><img src="https://static.igem.org/mediawiki/igem.org/c/ca/Exe2012Placeholder.png" alt="" /></a> | ||
+ | <div class='description'> | ||
+ | <!-- description content --> | ||
+ | <span class="title">Colour Blind</span> | ||
+ | <p></p> | ||
+ | <!-- end description content --> | ||
+ | </div> | ||
+ | <h2><a href="#">Colour Blind</a></h2> | ||
+ | </li> | ||
+ | <!--First Image--> | ||
+ | <li> | ||
+ | <a href="#" class="thumb"><img src="https://static.igem.org/mediawiki/igem.org/3/3c/Exe2012Markkelly218.jpg" alt="" /></a> | ||
+ | <div class='description'> | ||
+ | <!-- description content --> | ||
+ | <span class="title">Mark Kelly</span> | ||
+ | <p></p> | ||
+ | <!-- end description content --> | ||
+ | </div> | ||
+ | <h2><a href="http://www.exeter.ac.uk/research/rkt/contactsandaboutus/contactusa-z/markkelly/">Mark Kelly</a></h2> | ||
+ | </li> | ||
+ | <!--First Image--> | ||
+ | <li> | ||
+ | <a href="#" class="thumb"><img src="https://static.igem.org/mediawiki/igem.org/c/ca/Exe2012Placeholder.png" alt="" /></a> | ||
+ | <div class='description'> | ||
+ | <!-- description content --> | ||
+ | <span class="title">Colour Blind</span> | ||
+ | <p></p> | ||
+ | <!-- end description content --> | ||
+ | </div> | ||
+ | <h2><a href="#">Colour Blind</a></h2> | ||
+ | </li> | ||
+ | <!--First Image--> | ||
+ | <li> | ||
+ | <a href="#" class="thumb"><img src="https://static.igem.org/mediawiki/igem.org/c/ca/Exe2012Placeholder.png" alt="" /></a> | ||
+ | <div class='description'> | ||
+ | <!-- description content --> | ||
+ | <span class="title">Colour Blind</span> | ||
+ | <p></p> | ||
+ | <!-- end description content --> | ||
+ | </div> | ||
+ | <h2><a href="#">Colour Blind</a></h2> | ||
+ | </li> | ||
+ | <!--First Image--> | ||
+ | <li> | ||
+ | <a href="#" class="thumb"><img src="https://static.igem.org/mediawiki/igem.org/0/0e/Exe2012Ed_Creed.jpg" alt="" /></a> | ||
+ | <div class='description'> | ||
+ | <!-- description content --> | ||
+ | <span class="title">Colour Blind</span> | ||
+ | <p></p> | ||
+ | <!-- end description content --> | ||
+ | </div> | ||
+ | <h2><a href="#">Colour Blind</a></h2> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </td> | ||
+ | </tr> | ||
- | + | </table> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | https://static.igem.org/mediawiki/igem.org/c/ca/Exe2012Placeholder.png | |
- | + | ||
- | + | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
+ | </body> | ||
</html> | </html> |
Revision as of 12:55, 11 September 2012
|
|
|