Difference between revisions of "Team:Newcastle/Team"
m |
m (Formatted text in popups to auto centre vertically and horizontally) |
||
| Line 3: | Line 3: | ||
<head> | <head> | ||
<style> | <style> | ||
| + | |||
/* The popup container */ | /* The popup container */ | ||
div.popup { | div.popup { | ||
| Line 44: | Line 45: | ||
.popup .show { | .popup .show { | ||
visibility: visible; | visibility: visible; | ||
| − | display: | + | display: table; |
-webkit-animation: fadeIn 1s; | -webkit-animation: fadeIn 1s; | ||
animation: fadeIn 1s; | animation: fadeIn 1s; | ||
| + | } | ||
| + | |||
| + | /* Centre popup text vertically */ | ||
| + | .popupspan { | ||
| + | height: 400px; | ||
| + | width: 400px; | ||
| + | padding: 10px; | ||
| + | margin-left: auto; | ||
| + | margin-right: auto; | ||
| + | display: table-cell; | ||
| + | vertical-align: middle; | ||
| + | text-align: center; | ||
} | } | ||
| Line 125: | Line 138: | ||
<div class="row"> | <div class="row"> | ||
<div class="popup" id="JessicaBirt" onclick="sPopup(this.id)"> | <div class="popup" id="JessicaBirt" onclick="sPopup(this.id)"> | ||
| − | <span class="popuptext" id="JessicaBirtp">< | + | <span class="popuptext" id="JessicaBirtp"> |
| + | <span class="popupspan"> | ||
| + | <h2>Jessica Birt</h2><br> | ||
| + | Placeholder text | ||
| + | </span> | ||
| + | </span> | ||
<a target="_blank"> | <a target="_blank"> | ||
<img src="https://research.kent.ac.uk/understandingunbelief/wp-content/plugins/wp-person-cpt/images/featured-default.png" alt="Jessica Birt" width="300" height="200"> | <img src="https://research.kent.ac.uk/understandingunbelief/wp-content/plugins/wp-person-cpt/images/featured-default.png" alt="Jessica Birt" width="300" height="200"> | ||
| Line 135: | Line 153: | ||
<div class="popup" id="SophieBadger" onclick="sPopup(this.id)"> | <div class="popup" id="SophieBadger" onclick="sPopup(this.id)"> | ||
| − | <span class="popuptext" id="SophieBadgerp">< | + | <span class="popuptext" id="SophieBadgerp"> |
| + | <span class="popupspan"> | ||
| + | <h2>Sophie Badger</h2><br> | ||
| + | Placeholder text | ||
| + | </span> | ||
| + | </span> | ||
<a target="_blank"> | <a target="_blank"> | ||
<img src="https://static.igem.org/mediawiki/2017/4/47/Sophie_Profile.jpeg" alt="Sophie Badger" width="300" height="200"> | <img src="https://static.igem.org/mediawiki/2017/4/47/Sophie_Profile.jpeg" alt="Sophie Badger" width="300" height="200"> | ||
| Line 145: | Line 168: | ||
<div class="popup" id="BradleyBrown" onclick="sPopup(this.id)"> | <div class="popup" id="BradleyBrown" onclick="sPopup(this.id)"> | ||
| − | <span class="popuptext" id="BradleyBrownp">< | + | <span class="popuptext" id="BradleyBrownp"> |
| + | <span class="popupspan"> | ||
| + | <h2>Bradley Brown</h2><br> | ||
| + | Placeholder text | ||
| + | </span> | ||
| + | </span> | ||
<a target="_blank"> | <a target="_blank"> | ||
<img src="https://static.igem.org/mediawiki/2017/5/5d/Bradley_Profile.jpeg" alt="Bradley Brown" width="300" height="200"> | <img src="https://static.igem.org/mediawiki/2017/5/5d/Bradley_Profile.jpeg" alt="Bradley Brown" width="300" height="200"> | ||
| Line 155: | Line 183: | ||
<div class="popup" id="MichaelaChapman" onclick="sPopup(this.id)"> | <div class="popup" id="MichaelaChapman" onclick="sPopup(this.id)"> | ||
| − | <span class="popuptext" id="MichaelaChapmanp">< | + | <span class="popuptext" id="MichaelaChapmanp"> |
| + | <span class="popupspan"> | ||
| + | <h2>Michaele Chapman</h2><br> | ||
| + | Placeholder text | ||
| + | </span> | ||
| + | </span> | ||
<a target="_blank"> | <a target="_blank"> | ||
<img src="https://static.igem.org/mediawiki/2017/8/86/Michaela_Profile.jpeg" alt="Michaela Chapman" width="300" height="200"> | <img src="https://static.igem.org/mediawiki/2017/8/86/Michaela_Profile.jpeg" alt="Michaela Chapman" width="300" height="200"> | ||
| Line 167: | Line 200: | ||
<div class="row"> | <div class="row"> | ||
<div class="popup" id="JackCooper" onclick="sPopup(this.id)"> | <div class="popup" id="JackCooper" onclick="sPopup(this.id)"> | ||
| − | <span class="popuptext" id="JackCooperp">< | + | <span class="popuptext" id="JackCooperp"> |
| + | <span class="popupspan"> | ||
| + | <h2>Jack Cooper</h2><br> | ||
| + | Placeholder text | ||
| + | </span> | ||
| + | </span> | ||
<a target="_blank"> | <a target="_blank"> | ||
<img src="https://research.kent.ac.uk/understandingunbelief/wp-content/plugins/wp-person-cpt/images/featured-default.png" alt="Jack Cooper" width="300" height="200"> | <img src="https://research.kent.ac.uk/understandingunbelief/wp-content/plugins/wp-person-cpt/images/featured-default.png" alt="Jack Cooper" width="300" height="200"> | ||
| Line 177: | Line 215: | ||
<div class="popup" id="DeclanKohl" onclick="sPopup(this.id)"> | <div class="popup" id="DeclanKohl" onclick="sPopup(this.id)"> | ||
| − | <span class="popuptext" id="DeclanKohlp">< | + | <span class="popuptext" id="DeclanKohlp"> |
| + | <span class="popupspan"> | ||
| + | <h2>Declan Kohl</h2><br> | ||
| + | Placeholder text | ||
| + | </span> | ||
| + | </span> | ||
<a target="_blank"> | <a target="_blank"> | ||
<img src="https://static.igem.org/mediawiki/2017/9/97/Declan_Profile.jpeg" alt="Declan Kohl" width="300" height="200"> | <img src="https://static.igem.org/mediawiki/2017/9/97/Declan_Profile.jpeg" alt="Declan Kohl" width="300" height="200"> | ||
| Line 187: | Line 230: | ||
<div class="popup" id="MarciaPryce" onclick="sPopup(this.id)"> | <div class="popup" id="MarciaPryce" onclick="sPopup(this.id)"> | ||
| − | <span class="popuptext" id="MarciaPrycep">< | + | <span class="popuptext" id="MarciaPrycep"> |
| + | <span class="popupspan"> | ||
| + | <h2>Marcia Pryce</h2><br> | ||
| + | Placeholder text | ||
| + | </span> | ||
| + | </span> | ||
<a target="_blank"> | <a target="_blank"> | ||
<img src="https://static.igem.org/mediawiki/2017/c/cd/Marcia_Profile.jpeg" alt="Marcia Pryce" width="300" height="200"> | <img src="https://static.igem.org/mediawiki/2017/c/cd/Marcia_Profile.jpeg" alt="Marcia Pryce" width="300" height="200"> | ||
| Line 197: | Line 245: | ||
<div class="popup" id="LaisChristinaTakiguchi" onclick="sPopup(this.id)"> | <div class="popup" id="LaisChristinaTakiguchi" onclick="sPopup(this.id)"> | ||
| − | <span class="popuptext" id="LaisChristinaTakiguchip">< | + | <span class="popuptext" id="LaisChristinaTakiguchip"> |
| + | <span class="popupspan"> | ||
| + | <h2>Lais Christina Takiguchi</h2><br> | ||
| + | Placeholder text | ||
| + | </span> | ||
| + | </span> | ||
<a target="_blank"> | <a target="_blank"> | ||
<img src="https://static.igem.org/mediawiki/2017/1/19/Lais_Profile.jpeg" alt="Lais Christina Takiguchi" width="300" height="200"> | <img src="https://static.igem.org/mediawiki/2017/1/19/Lais_Profile.jpeg" alt="Lais Christina Takiguchi" width="300" height="200"> | ||
</a> | </a> | ||
<div class="desc"> | <div class="desc"> | ||
| − | <span class="desc">Lais Christina | + | <span class="desc">Lais Christina Takiguchi</span> |
</div> | </div> | ||
</div> | </div> | ||
| Line 209: | Line 262: | ||
<div class="row"> | <div class="row"> | ||
<div class="popup" id="ValeriaVerrone" onclick="sPopup(this.id)"> | <div class="popup" id="ValeriaVerrone" onclick="sPopup(this.id)"> | ||
| − | <span class="popuptext" id="ValeriaVerronep">< | + | <span class="popuptext" id="ValeriaVerronep"> |
| + | <span class="popupspan"> | ||
| + | <h2>Valeria Verrone</h2><br> | ||
| + | Placeholder text | ||
| + | </span> | ||
| + | </span> | ||
<a target="_blank"> | <a target="_blank"> | ||
<img src="https://static.igem.org/mediawiki/2017/d/db/Valeria_Profile.jpeg" alt="Valeria Verrone" width="300" height="200"> | <img src="https://static.igem.org/mediawiki/2017/d/db/Valeria_Profile.jpeg" alt="Valeria Verrone" width="300" height="200"> | ||
| Line 219: | Line 277: | ||
<div class="popup" id="ShrianshVyas" onclick="sPopup(this.id)"> | <div class="popup" id="ShrianshVyas" onclick="sPopup(this.id)"> | ||
| − | <span class="popuptext" id="ShrianshVyasp">< | + | <span class="popuptext" id="ShrianshVyasp"> |
| + | <span class="popupspan"> | ||
| + | <h2>Shriansh Vyas</h2><br> | ||
| + | Placeholder text | ||
| + | </span> | ||
| + | </span> | ||
<a target="_blank"> | <a target="_blank"> | ||
<img src="https://research.kent.ac.uk/understandingunbelief/wp-content/plugins/wp-person-cpt/images/featured-default.png" alt="Shriansh Vyas" width="300" height="200"> | <img src="https://research.kent.ac.uk/understandingunbelief/wp-content/plugins/wp-person-cpt/images/featured-default.png" alt="Shriansh Vyas" width="300" height="200"> | ||
| Line 229: | Line 292: | ||
<div class="popup" id="AnnaWalsh" onclick="sPopup(this.id)"> | <div class="popup" id="AnnaWalsh" onclick="sPopup(this.id)"> | ||
| − | <span class="popuptext" id="AnnaWalshp">< | + | <span class="popuptext" id="AnnaWalshp"> |
| + | <span class="popupspan"> | ||
| + | <h2>Anna Walsh</h2><br> | ||
| + | Placeholder text | ||
| + | </span> | ||
| + | </span> | ||
<a target="_blank"> | <a target="_blank"> | ||
<img src="https://static.igem.org/mediawiki/2017/4/45/Anna_Profile.jpeg" alt="Anna Walsh" width="300" height="200"> | <img src="https://static.igem.org/mediawiki/2017/4/45/Anna_Profile.jpeg" alt="Anna Walsh" width="300" height="200"> | ||
| Line 239: | Line 307: | ||
<div class="popup" id="EvangelineWhittaker" onclick="sPopup(this.id)"> | <div class="popup" id="EvangelineWhittaker" onclick="sPopup(this.id)"> | ||
| − | <span class="popuptext" id="EvangelineWhittakerp">< | + | <span class="popuptext" id="EvangelineWhittakerp"> |
| + | <span class="popupspan"> | ||
| + | <h2>Evangeline Whittaker</h2><br> | ||
| + | Placeholder text | ||
| + | </span> | ||
| + | </span> | ||
<a target="_blank"> | <a target="_blank"> | ||
<img src="https://research.kent.ac.uk/understandingunbelief/wp-content/plugins/wp-person-cpt/images/featured-default.png" alt="Evangeline Whittaker" width="300" height="200"> | <img src="https://research.kent.ac.uk/understandingunbelief/wp-content/plugins/wp-person-cpt/images/featured-default.png" alt="Evangeline Whittaker" width="300" height="200"> | ||
| Line 251: | Line 324: | ||
<div class="row"> | <div class="row"> | ||
<div class="popup" id="ZoeWilson" onclick="sPopup(this.id)"> | <div class="popup" id="ZoeWilson" onclick="sPopup(this.id)"> | ||
| − | <span class="popuptext" id="ZoeWilsonp">< | + | <span class="popuptext" id="ZoeWilsonp"> |
| + | <span class="popupspan"> | ||
| + | <h2>Zoe Wilson</h2><br> | ||
| + | Placeholder text | ||
| + | </span> | ||
| + | </span> | ||
<a target="_blank"> | <a target="_blank"> | ||
<img src="https://static.igem.org/mediawiki/2017/6/67/Zoe_Profile.jpeg" alt="Zoe Wilson" width="300" height="200"> | <img src="https://static.igem.org/mediawiki/2017/6/67/Zoe_Profile.jpeg" alt="Zoe Wilson" width="300" height="200"> | ||
Revision as of 02:51, 29 October 2017
spacefill
spacefill
Jessica Birt
Placeholder text
Jessica Birt
Sophie Badger
Placeholder text
Sophie Badger
Bradley Brown
Placeholder text
Bradley Brown
Michaele Chapman
Placeholder text
Michaela Chapman
Jack Cooper
Placeholder text
Jack Cooper
Declan Kohl
Placeholder text
Declan Kohl
Marcia Pryce
Placeholder text
Marcia Pryce
Lais Christina Takiguchi
Placeholder text
Lais Christina Takiguchi
Valeria Verrone
Placeholder text
Valeria Verrone
Shriansh Vyas
Placeholder text
Shriansh Vyas
Anna Walsh
Placeholder text
Anna Walsh
Evangeline Whittaker
Placeholder text
Evangeline Whittaker
Zoe Wilson
Placeholder text
Zoe Wilson
