Line 1: | Line 1: | ||
− | |||
<html> | <html> | ||
<head> | <head> | ||
Line 240: | Line 239: | ||
font-size: .9em; | font-size: .9em; | ||
} | } | ||
− | + | /*buttonmasks -------------------------------*/ | |
− | . | + | .buttonmask { |
display: inline-block; | display: inline-block; | ||
font-size: 1.25rem; | font-size: 1.25rem; | ||
Line 250: | Line 249: | ||
padding: .5em 1.75em; | padding: .5em 1.75em; | ||
} | } | ||
− | . | + | |
+ | .buttonmask-small { | ||
font-size: .9rem; | font-size: .9rem; | ||
font-weight: 700; | font-weight: 700; | ||
} | } | ||
− | . | + | |
+ | .buttonmask-accent { | ||
color: red; | color: red; | ||
border-color: red; | border-color: red; | ||
} | } | ||
− | . | + | |
+ | .buttonmask-accent:hover { | ||
background: red; | background: red; | ||
− | color: | + | color: black; |
} | } | ||
+ | |||
+ | |||
/*header------------------------------*/ | /*header------------------------------*/ | ||
+ | |||
header { | header { | ||
− | background-color: | + | background-color: black; |
position: absolute; | position: absolute; | ||
left: 0; | left: 0; | ||
Line 271: | Line 276: | ||
margin-top: 0; | margin-top: 0; | ||
} | } | ||
+ | |||
nav ul { | nav ul { | ||
margin: 0; | margin: 0; | ||
Line 280: | Line 286: | ||
position: relative; | position: relative; | ||
} | } | ||
+ | |||
nav li { | nav li { | ||
display: inline-block; | display: inline-block; | ||
Line 285: | Line 292: | ||
position: relative; | position: relative; | ||
} | } | ||
− | .nav- | + | |
+ | .nav-buttonmasks { | ||
font-weight: 900; | font-weight: 900; | ||
text-decoration: none; | text-decoration: none; | ||
Line 295: | Line 303: | ||
padding-bottom: 3em; | padding-bottom: 3em; | ||
} | } | ||
− | .nav- | + | |
− | .dropdown-nav- | + | .nav-buttonmasks:hover {color: red;} |
− | .dropdown-nav- | + | .dropdown-nav-buttonmasks:hover {color: red;} |
+ | |||
+ | .dropdown-nav-buttonmasks { | ||
font-weight: 900; | font-weight: 900; | ||
text-decoration: none; | text-decoration: none; | ||
Line 322: | Line 332: | ||
margin-top: 6.93em; | margin-top: 6.93em; | ||
} | } | ||
− | .nav- | + | |
+ | .nav-buttonmasks:hover .dropdown-nav-buttonmasks{ | ||
display: block; | display: block; | ||
position: absolute; | position: absolute; | ||
Line 333: | Line 344: | ||
margin-top: .5em; | margin-top: .5em; | ||
} | } | ||
+ | |||
.line { | .line { | ||
width: 30%; | width: 30%; | ||
Line 345: | Line 357: | ||
.uselessspacer { | .uselessspacer { | ||
height: 7em; | height: 7em; | ||
+ | |||
} | } | ||
.team h1 { | .team h1 { | ||
Line 354: | Line 367: | ||
color: white; | color: white; | ||
} | } | ||
+ | |||
.team { | .team { | ||
− | background-color: | + | background-color: black; |
width: 100%; | width: 100%; | ||
margin-left: 0; | margin-left: 0; | ||
Line 361: | Line 375: | ||
height: 9.5em; | height: 9.5em; | ||
} | } | ||
+ | |||
.people { | .people { | ||
background-color: black; | background-color: black; | ||
Line 366: | Line 381: | ||
margin-left: 0; | margin-left: 0; | ||
padding-left: 0; | padding-left: 0; | ||
+ | |||
} | } | ||
+ | |||
.leftperson { | .leftperson { | ||
width:50%; | width:50%; | ||
Line 429: | Line 446: | ||
margin-left: 6%; | margin-left: 6%; | ||
} | } | ||
+ | |||
.desc { | .desc { | ||
width: 70%; | width: 70%; | ||
Line 439: | Line 457: | ||
color: #FFF; | color: #FFF; | ||
} | } | ||
+ | |||
#joaoadjust { | #joaoadjust { | ||
margin-top: 5em; | margin-top: 5em; | ||
Line 445: | Line 464: | ||
margin-top: 5em; | margin-top: 5em; | ||
} | } | ||
+ | |||
#marcospic {background-image: url(https://static.igem.org/mediawiki/2018/8/87/T--KCL_UK--marcos.png);} | #marcospic {background-image: url(https://static.igem.org/mediawiki/2018/8/87/T--KCL_UK--marcos.png);} | ||
#mariapic {background-image: url(https://static.igem.org/mediawiki/2018/5/5e/T--KCL_UK--maria.png);} | #mariapic {background-image: url(https://static.igem.org/mediawiki/2018/5/5e/T--KCL_UK--maria.png);} | ||
Line 459: | Line 479: | ||
#luxpic {background-image: url(https://static.igem.org/mediawiki/2018/f/f7/T--KCL_UK--lux.png);} | #luxpic {background-image: url(https://static.igem.org/mediawiki/2018/f/f7/T--KCL_UK--lux.png);} | ||
#josephinepic {background-image: url(https://static.igem.org/mediawiki/2018/7/7a/T--KCL_UK--josephine.png);} | #josephinepic {background-image: url(https://static.igem.org/mediawiki/2018/7/7a/T--KCL_UK--josephine.png);} | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
Line 487: | Line 490: | ||
<header> | <header> | ||
− | <img src=" | + | <img src="https://static.igem.org/mediawiki/2018/0/08/T--KCL_UK--kclfinallogo.gif" alt="logo" class="logo"> |
<nav> | <nav> | ||
<ul> | <ul> | ||
− | <li><a href=" | + | <li><a href="index.html" class="nav-buttonmasks">Home</a></li> |
− | <li class="nav- | + | <li class="nav-buttonmasks">Team |
− | <a href=" | + | <a href="teammembers.html" class="dropdown-nav-buttonmasks dropdownone">Team Members</a> |
− | <a href="#" class="dropdown-nav- | + | <a href="#" class="dropdown-nav-buttonmasks dropdowntwo">Collaborations</a> |
</li> | </li> | ||
− | <li class="nav- | + | <li class="nav-buttonmasks">Project |
− | <a href="#" class="dropdown-nav- | + | <a href="#" class="dropdown-nav-buttonmasks dropdownone">Description</a> |
− | <a href="#" class="dropdown-nav- | + | <a href="#" class="dropdown-nav-buttonmasks dropdowntwo">Design</a> |
− | <a href="#" class="dropdown-nav- | + | <a href="#" class="dropdown-nav-buttonmasks dropdownthree">Results</a> |
</li> | </li> | ||
− | <li class="nav- | + | <li class="nav-buttonmasks">Parts |
− | <a href="#" class="dropdown-nav- | + | <a href="#" class="dropdown-nav-buttonmasks dropdownone">Parts Overview</a> |
− | <a href="#" class="dropdown-nav- | + | <a href="#" class="dropdown-nav-buttonmasks dropdowntwo">Basic Parts</a> |
− | <a href="#" class="dropdown-nav- | + | <a href="#" class="dropdown-nav-buttonmasks dropdownthree">Composite Parts</a> |
</li> | </li> | ||
− | <a href="#" class="nav- | + | <a href="#" class="nav-buttonmasks">Safety</a> |
− | <li class="nav- | + | <li class="nav-buttonmasks">Human Practices |
− | <a href=" | + | <a href="humanpracticesoverview.html" class="dropdown-nav-buttonmasks dropdownone" id="navadjust">Overview</a> |
− | <a href=" | + | <a href="#" class="dropdown-nav-buttonmasks dropdowntwo" id="navadjust">Education and Engagement</a> |
</li> | </li> | ||
</ul> | </ul> |
Latest revision as of 22:06, 8 October 2018
Meet the Team
Marcos Vega-Hazas
Maria Jose Ramos
Katarzyna Pleśniar
João Gonçalves
Maya Biswas-Whittaker
Deeksha Raju
Ajay Dulai
Anthony Chau
Max Grogan
Vivan Yan Chu
Desirée McCann
Ella Boothman
Lux Step
Josephine Taeyeon Eum