Line 34: | Line 34: | ||
html body { | html body { | ||
margin-bottom: 0px; | margin-bottom: 0px; | ||
− | } | + | } |
− | + | .mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol | |
− | + | { | |
− | + | margin:auto; | |
− | + | } | |
− | + | .person-card{ | |
− | + | padding: 10px; | |
− | + | width:350px; | |
− | + | height:150px; | |
− | + | } | |
− | + | ||
− | + | .square-profile{ | |
− | + | width: 100px; | |
− | + | height: 100px; | |
− | + | margin-right:20px; | |
− | + | position: relative; | |
− | + | top: 20%; | |
− | + | transform: translateY(-50%); | |
− | + | } | |
− | + | .name-affiliation{ | |
+ | font-variant: small-caps; | ||
+ | font-weight: 800; | ||
+ | color: white; | ||
+ | font-size: 13px; | ||
+ | padding: 4px 7px 4px 7px; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | .expand-on-hover { | ||
+ | |||
+ | box-sizing: border-box; | ||
+ | |||
+ | border: 0px solid black; | ||
+ | -webkit-transition: all 200ms linear; | ||
+ | -ms-transition: all 200ms linear; | ||
+ | transition: all 200ms linear; | ||
+ | } | ||
+ | |||
+ | .expand-on-hover:hover { | ||
+ | transform: scale(1.1); | ||
+ | border: 5px solid #1E6273; | ||
+ | -webkit-transition: all 200ms linear; | ||
+ | -ms-transition: all 200ms linear; | ||
+ | transition: all 200ms linear; | ||
+ | cursor: pointer; | ||
+ | } | ||
</style> | </style> | ||
Line 85: | Line 111: | ||
<div class="content-area" id="textual-content"> | <div class="content-area" id="textual-content"> | ||
− | + | <div class="container"> | |
+ | <div class="row"> | ||
+ | <div class="col-sm center"> | ||
+ | <div class="person-card expand-on-hover" data-member-index="0"> | ||
+ | <img class="square-profile" src="https://static.igem.org/mediawiki/2019/2/25/T--Calgary--Andrew_Square.jpg"> | ||
+ | <div class="name-affiliation"> | ||
+ | <p>Andrew Symes<p> | ||
+ | <p>Member</p> | ||
+ | <p class="affiliation dry" style="text-align:center">DRY LAB</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-sm center"> | ||
+ | <div class="person-card expand-on-hover" data-member-index="0"> | ||
+ | <img class="square-profile" src="https://static.igem.org/mediawiki/2019/e/e4/T--Calgary--Prabhu_Dhatt_Square.jpg"> | ||
+ | <div class="name-affiliation"> | ||
+ | <p>Prabhu Dhatt<p> | ||
+ | <p>Member</p> | ||
+ | <p class="affiliation dry" style="text-align:center">DRY LAB</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-sm center"> | ||
+ | <div class="person-card expand-on-hover" data-member-index="0"> | ||
+ | <img class="square-profile" src="https://static.igem.org/mediawiki/2019/7/73/T--Calgary--Sarah_Walker_Square.jpg"> | ||
+ | <div class="name-affiliation"> | ||
+ | <p>Sarah Walker<p> | ||
+ | <p>Member</p> | ||
+ | <p class="affiliation dry" style="text-align:center">DRY LAB</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-sm center"> | ||
+ | <div class="person-card expand-on-hover" data-member-index="0"> | ||
+ | <img class="square-profile" src="https://static.igem.org/mediawiki/2019/e/ec/T--Calgary--Rylan_Marianchuk_Square.jpg"> | ||
+ | <div class="name-affiliation"> | ||
+ | <p>Rylan Marianchuk<p> | ||
+ | <p>Member</p> | ||
+ | <p class="affiliation dry" style="text-align:center">DRY LAB</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-sm center"> | ||
+ | <div class="person-card expand-on-hover" data-member-index="0"> | ||
+ | <img class="square-profile" src="https://static.igem.org/mediawiki/2019/b/bb/T--Calgary--JakeL_Square.jpg"> | ||
+ | <div class="name-affiliation"> | ||
+ | <p>Jake Liu<p> | ||
+ | <p>Member</p> | ||
+ | <p class="affiliation dry" style="text-align:center">DRY LAB</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-sm center"> | ||
+ | <div class="person-card expand-on-hover" data-member-index="0"> | ||
+ | <img class="square-profile" src="https://static.igem.org/mediawiki/2019/6/61/T--Calgary--JD_Square.jpg"> | ||
+ | <div class="name-affiliation"> | ||
+ | <p>Jean-David Reasseau<p> | ||
+ | <p>Member</p> | ||
+ | <p class="affiliation dry" style="text-align:center">DRY LAB</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-sm center"> | ||
+ | <div class="person-card expand-on-hover" data-member-index="0"> | ||
+ | <img class="square-profile" src="https://static.igem.org/mediawiki/2019/1/11/T--Calgary--Sebastian_Square.jpg"> | ||
+ | <div class="name-affiliation"> | ||
+ | <p>Sebastian Alvarez<p> | ||
+ | <p>Member</p> | ||
+ | <p class="affiliation dry" style="text-align:center">DRY LAB</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-sm center"> | ||
+ | <div class="person-card expand-on-hover" data-member-index="0"> | ||
+ | <img class="square-profile" src="https://static.igem.org/mediawiki/2019/1/1e/T--Calgary--Nimaya_Desilva_Square.jpg"> | ||
+ | <div class="name-affiliation"> | ||
+ | <p>Nimaya De Silva<p> | ||
+ | <p>Member</p> | ||
+ | <p class="affiliation wet" style="text-align:center">WET LAB</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-sm center"> | ||
+ | <div class="person-card expand-on-hover" data-member-index="0"> | ||
+ | <img class="square-profile" src="https://static.igem.org/mediawiki/2019/6/62/T--Calgary--Micha_Atienza_Square.jpg"> | ||
+ | <div class="name-affiliation"> | ||
+ | <p>Michaella Atienza<p> | ||
+ | <p>Member</p> | ||
+ | <p class="affiliation wet" style="text-align:center">WET LAB</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-sm center"> | ||
+ | <div class="person-card expand-on-hover" data-member-index="0"> | ||
+ | <img class="square-profile" src="https://static.igem.org/mediawiki/2019/2/2d/T--Calgary--Cassie_Square.jpg"> | ||
+ | <div class="name-affiliation"> | ||
+ | <p>Cassie Sillner<p> | ||
+ | <p>Member</p> | ||
+ | <p class="affiliation wet" style="text-align:center">WET LAB</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-sm center"> | ||
+ | <div class="person-card expand-on-hover" data-member-index="0"> | ||
+ | <img class="square-profile" src="https://static.igem.org/mediawiki/2019/e/ef/T--Calgary--Chris_Square.jpg"> | ||
+ | <div class="name-affiliation"> | ||
+ | <p>Christian Emond<p> | ||
+ | <p>Member</p> | ||
+ | <p class="affiliation wet" style="text-align:center">WET LAB</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-sm center"> | ||
+ | <div class="person-card expand-on-hover" data-member-index="0"> | ||
+ | <img class="square-profile" src="https://static.igem.org/mediawiki/2019/4/4d/T--Calgary--Mike_Square.jpg"> | ||
+ | <div class="name-affiliation"> | ||
+ | <p>Mike Wahba<p> | ||
+ | <p>Member</p> | ||
+ | <p class="affiliation wet" style="text-align:center">WET LAB</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-sm center"> | ||
+ | <div class="person-card expand-on-hover" data-member-index="0"> | ||
+ | <img class="square-profile" src="https://static.igem.org/mediawiki/2019/b/b3/T--Calgary--Sravya_Square.jpg"> | ||
+ | <div class="name-affiliation"> | ||
+ | <p>Sravya Kakumanu<p> | ||
+ | <p>Member</p> | ||
+ | <p class="affiliation wet" style="text-align:center">WET LAB</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-sm center"> | ||
+ | <div class="person-card expand-on-hover" data-member-index="0"> | ||
+ | <img class="square-profile" src="https://static.igem.org/mediawiki/2019/a/a1/T--Calgary--Jake_Square.jpg"> | ||
+ | <div class="name-affiliation"> | ||
+ | <p>Jacob Grainger<p> | ||
+ | <p>Teaching Assistant</p> | ||
+ | <p class="affiliation assistant" style="text-align:center">TEACHING ASSISTANT</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-smc center"> | ||
+ | <div class="person-card expand-on-hover" data-member-index="0"> | ||
+ | <img class="square-profile" src="https://static.igem.org/mediawiki/2019/3/37/T--Calgary--Marija_Square.jpg"> | ||
+ | <div class="name-affiliation"> | ||
+ | <p>Dr. Marija Drikic<p> | ||
+ | <p>Instructor</p> | ||
+ | <p class="affiliation instructor" style="text-align:center">INSTRUCTOR</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-sm center"> | ||
+ | <div class="person-card expand-on-hover" data-member-index="0"> | ||
+ | <img class="square-profile" src="https://static.igem.org/mediawiki/2019/2/26/T--Calgary--LV_Square.jpg"> | ||
+ | <div class="name-affiliation"> | ||
+ | <p>Dr. Elke Lohmeier-Vogel<p> | ||
+ | <p>Instructor</p> | ||
+ | <p class="affiliation instructor" style="text-align:center">INSTRUCTOR</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-sm center"> | ||
+ | <div class="person-card expand-on-hover" data-member-index="0"> | ||
+ | <img class="square-profile" src="https://static.igem.org/mediawiki/2019/9/97/T--Calgary--Mayi_Square.jpg"> | ||
+ | <div class="name-affiliation"> | ||
+ | <p>Dr. Mayi Arcellana-Panlilio<p> | ||
+ | <p>Instructor</p> | ||
+ | <p class="affiliation instructor" style="text-align:center">INSTRUCTOR</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
</div> | </div> | ||
</div> | </div> |
Revision as of 19:40, 21 October 2019