Difference between revisions of "Team:Glasgow/Team"

(Undo revision 43924 by Olihawes (talk))
Line 1: Line 1:
−
@import 'https://fonts.googleapis.com/css?family=Baloo|Lato&subset=latin-ext';
+
{{GlasgowHeader}}<html>
−
 
+
<div class="photo-block" id="headline">
−
/* iGEM Wiki overrides */
+
<div class="text left">
−
 
+
<div class="title">
−
.footer_container ul{
+
Our Team
−
margin: 0px;
+
</div>
−
}
+
</div>
−
 
+
</div>
−
.top_level_container p{
+
<div class="team-block" data-equalizer data-equalize-on="large">
−
font-family: Lato;
+
<div class="row">
−
}
+
<div class="large-4 columns">
−
 
+
<div class="callout" data-equalizer-watch>
−
#sideMenu, #top_title{
+
<div class="name">Katy Baker</div>
−
display:none;
+
<img src="https://static.igem.org/mediawiki/2016/a/a8/T--Glasgow--KatyBaker.jpg">
−
}
+
<div class="profile">
−
 
+
<div class="degree"><span class="bold">Degree:</span> Biochemistry</div>
−
div#content{
+
<div class="from"><span class="bold">From:</span> Scotland</div>
−
width:  100%;
+
<div class="text">Lorem Ipsum etc etc etc</div>
−
padding: 0px;
+
</div>
−
margin:  0px;
+
</div>
−
top: -20px;
+
</div>
−
}
+
<div class="large-4 columns">
−
 
+
<div class="callout" data-equalizer-watch>
−
div#globalWrapper{
+
<div class="name">Pinja Hartikainen</div>
−
padding: 0px;
+
<img src="https://static.igem.org/mediawiki/2016/d/d0/T--Glasgow--PinjaHartikainen.jpg">
−
height: 100%;
+
<div class="profile">Lorem Ipsum etc etc etc</div>
−
}
+
</div>
−
 
+
</div>
−
/* End overrides */
+
<div class="large-4 columns">
−
 
+
<div class="callout" data-equalizer-watch>
−
/* Light blue: #C2E0D5;
+
<div class="name"> Deanna van Spall</div>
−
Dark blue: #44ABA0;
+
<img src="https://static.igem.org/mediawiki/2016/9/9e/T--Glasgow--DeannaVanSpall.jpg">
−
 
+
<div class="profile">Blah blah blah profile stuff yawn</div>
−
Yellow: #FFCE2F;
+
</div>
−
Light orange: #FFAC03;
+
</div>
−
Dark orange: #FF8302;
+
</div>
−
*/
+
<div class="row">
−
 
+
<div class="large-4 columns">
−
/* == Header Styles == */
+
<div class="callout" data-equalizer-watch>
−
 
+
<div class="name">Matej Vucak</div>
−
a{
+
<img src ="https://static.igem.org/mediawiki/2016/b/b6/T--Glasgow--MatejVucak.jpg">
−
color:inherit;
+
<div class="profile">Lots of fascinating information</div>
−
}
+
</div>
−
 
+
</div>
−
a:hover{
+
<div class="large-4 columns">
−
text-decoration: none;
+
<div class="callout" data-equalizer-watch>
−
color: #000;
+
<div class="name">Fergus O'Brien</div>
−
}
+
<img src="https://static.igem.org/mediawiki/2016/1/11/T--Glasgow--FergusOBrien.jpg">
−
 
+
<div class="profile">Engineering and yoghurt making & things</div>
−
a:visited{
+
</div>
−
color:inherit;
+
</div>
−
}
+
<div class="large-4 columns">
−
 
+
<div class="callout" data-equalizer-watch>
−
.dropdown.menu>li.is-dropdown-submenu-parent>a:after{
+
<div class="name">Liam Pollock</div>
−
/* Hide the dropdown menu arrows */
+
<img src="https://static.igem.org/mediawiki/2016/d/d9/T--Glasgow--LiamPollock.jpg">
−
display:none;
+
<div class="profile">Profile profile profile</div>
−
}
+
</div>
−
 
+
</div>
−
.is-dropdown-submenu{
+
</div>
−
border:none;
+
<div class="row">
−
}
+
<div class="large-4 columns">
−
 
+
<div class="callout" data-equalizer-watch>
−
.top-bar-title{
+
<div class="name">Simone Marcigaglia</div>
−
height: 100%;
+
<img src="https://static.igem.org/mediawiki/2016/7/74/T--Glasgow--SimoneMarcigaglia.jpg">
−
display: inline-block;
+
<div class="profile">Rhubarb rhubarb rhubarb</div>
−
}
+
</div>
−
 
+
</div>
−
#header_logo{
+
<div class="large-4 columns">
−
float: left;
+
<div class="callout" data-equalizer-watch>
−
height: 10em;
+
<div class="name">Lindsey Mckerrell</div>
−
margin: 1em;
+
<img src="https://static.igem.org/mediawiki/2016/e/ef/T--Glasgow--LindseyMckerrell.jpg">
−
}
+
<div class="profile">Lindsey is an international hand model and unbeaten reigning champion of Mortal Kombat, which she plays exclusively with her feet.</div>
−
 
+
</div>
−
#main-nav{
+
</div>
−
/*Style the top bar menu*/
+
<div class="large-4 columns">
−
color: #ffce2f;
+
<div class="callout" data-equalizer-watch>
−
font-size: 3em;
+
<div class="name">Catriona Watson</div>
−
height: 2em;
+
<img src="https://static.igem.org/mediawiki/2016/4/43/T--Glasgow--CatrionaWatson.jpg">
−
line-height: 2em;
+
<div class="profile">Rhubarb rhubarb rhubarb</div>
−
 
+
</div>
−
}
+
</div>
−
 
+
</div>
−
.top-bar-right{
+
<div class="row">
−
padding: 4em 0em;
+
<div class="large-4 columns">
−
}
+
<div class="callout" data-equalizer-watch>
−
 
+
<div class="name">Oliver Hawes</div>
−
li.is-dropdown-submenu-item{
+
<img src="https://static.igem.org/mediawiki/2016/5/5d/T--Glasgow--OliverHawes.jpg">
−
/*Reset top bar dropdown menu text-size*/
+
<div class="profile">Rhubarb rhubarb rhubarb</div>
−
font-size: 1rem;
+
</div>
−
}
+
</div>
−
 
+
<div class="large-4 columns">
−
#main-nav .menu.vertical{
+
<div class="callout" data-equalizer-watch>
−
/*Style top bar dropdown menu backgrounds*/
+
<div class="name">Zuhair Elgaid</div>
−
background-color:#0085B2;
+
<img src="https://static.igem.org/mediawiki/2016/6/6a/T--Glasgow--ZuhairElgaid.jpg">
−
text-align: center;
+
<div class="profile">Rhubarb rhubarb rhubarb</div>
−
}
+
</div>
−
 
+
</div>
−
.headline{
+
</div>
−
font-family: Baloo;
+
<div class="section-header">
−
}
+
Advisors
−
 
+
</div>
−
.top-bar, .dropdown.menu{
+
<div class="row">
−
background-color: #0085B2;
+
<div class="large-4 columns">
−
}
+
<div class="callout" data-equalizer-watch>
−
 
+
Advisor 1
−
/* == Footer Styles == */
+
</div>
−
 
+
</div>
−
.footer_container{
+
<div class="large-4 columns">
−
background-color: #0085B2;
+
<div class="callout" data-equalizer-watch>
−
padding: 1rem 0rem 0rem 4rem;
+
Advisor 2
−
color: #ffce2f;
+
</div>
−
}
+
</div>
−
 
+
<div class="large-4 columns">
−
li.main_footer_links{
+
<div class="callout" data-equalizer-watch>
−
vertical-align: top;
+
Advisor 3
−
font-family: Baloo;
+
</div>
−
font-size: 1.4rem;
+
</div>
−
text-align: left;
+
</div>
−
}
+
<div class="row">
−
 
+
<div class="large-4 columns">
−
.main_footer_links>ul{
+
<div class="callout" data-equalizer-watch>
−
font-family: Lato;
+
Advisor 4
−
font-size: 1.3rem;
+
</div>
−
}
+
</div>
−
 
+
<div class="large-4 columns">
−
.social{
+
<div class="callout" data-equalizer-watch>
−
margin: 0.5rem;
+
Advisor 5
−
}
+
</div>
−
 
+
</div>
−
.social>a{
+
</div>
−
position: relative;
+
</div>
−
top: -1rem;
+
</html>{{GlasgowFooter}}
−
padding-left: 1rem;
+
−
}
+
−
 
+
−
/* == Utility == */
+
−
 
+
−
.bold{
+
−
font-weight: bold;
+
−
}
+
−
 
+
−
 
+
−
/*  == Front page == */
+
−
 
+
−
/* == Photo block == */
+
−
.photo-block{
+
−
min-height: 500px;
+
−
background-position: center;
+
−
background-size: cover;
+
−
display: flex;
+
−
flex-direction: column;
+
−
justify-content: center;
+
−
}
+
−
 
+
−
.photo-block > .text{
+
−
color: #FFF;
+
−
margin-left: 1em;
+
−
}
+
−
 
+
−
.photo-block > .text > .title{
+
−
font-family: Baloo;
+
−
clear: both;
+
−
font-size: 4em;
+
−
padding: 1rem;
+
−
background-color: rgba(0,0,0,0.5);
+
−
}
+
−
 
+
−
.photo-block > .text > .sub{
+
−
font-family: Lato;
+
−
clear: both;
+
−
font-size: 2.5em;
+
−
padding: 1rem;
+
−
background-color: rgba(0,0,0,0.5);
+
−
}
+
−
 
+
−
.text.left{
+
−
margin-left: 1em;
+
−
}
+
−
 
+
−
.text.right{
+
−
margin-right: 1em;
+
−
}
+
−
 
+
−
.text.left > .title, .text.left > .sub{
+
−
float: left;
+
−
}
+
−
 
+
−
.text.right > .title, .text.right > .sub{
+
−
float: right;
+
−
}
+
−
 
+
−
.photo-block#headline{
+
−
background-image: url(https://static.igem.org/mediawiki/2016/2/2a/T--Glasgow--Group1.jpg);
+
−
}
+
−
 
+
−
.photo-block#biology{
+
−
background-image: url(https://static.igem.org/mediawiki/2016/4/4e/T--Glasgow--Tubes.jpg);
+
−
}
+
−
 
+
−
/* == Text block == */
+
−
 
+
−
.text-block{
+
−
background-color: #FFAC03;
+
−
padding: 1em;
+
−
}
+
−
 
+
−
.text-block > .title{
+
−
text-align: center;
+
−
font-family: Baloo;
+
−
font-size: 4em;
+
−
margin: 1em;
+
−
}
+
−
 
+
−
.text-block > .copy_container{
+
−
max-width: 1000px;
+
−
margin: 0 auto;
+
−
}
+
−
 
+
−
p.copy{
+
−
text-align: justify;
+
−
font-family: Lato !important;
+
−
font-size: 1.5em !important;
+
−
line-height: 1.5;
+
−
}
+
−
 
+
−
/* == Team block == */
+
−
 
+
−
.team-block{
+
−
background-color: #FFAC03;
+
−
padding: 1em;
+
−
}
+
−
 
+
−
/* == Team Page == */
+
−
 
+
−
/* == Profile callout == */
+
−
 
+
−
.callout > .name{
+
−
font-family: Baloo;
+
−
font-size: 1.5em;
+
−
text-align: center;
+
−
margin-bottom: 10px;
+
−
}
+
−
 
+
−
.callout > .profile{
+
−
font-family: Lato;
+
−
margin-top: 10px;
+
−
}
+
−
 
+
−
 
+
−
.profile > .degree{
+
−
float: left;
+
−
}
+
−
 
+
−
.profile > .from{
+
−
float: right;
+
−
}
+
−
 
+
−
.profile > .text{
+
−
clear: right;
+
−
}
+
−
 
+
−
/* == Icon styles == */
+
−
 
+
−
.icon{
+
−
display: inline-block;
+
−
height: 2.5rem;
+
−
width: 2.5rem;
+
−
}
+
−
 
+
−
.facebook{
+
−
background: url(https://static.igem.org/mediawiki/2016/b/b5/T--Glasgow--Facebook_square_orange.svg);
+
−
}
+
−
 
+
−
.twitter{
+
−
background: url(https://static.igem.org/mediawiki/2016/3/37/T--Glasgow--Twitter_square_orange.svg);
+
−
}
+
−
 
+
−
.instagram{
+
−
background: url(https://static.igem.org/mediawiki/2016/c/c4/T--Glasgow--Instagram_square_orange.svg);
+
−
}
+

Revision as of 15:57, 19 July 2016

Glasgow iGEM 2016
Our Team
Katy Baker
Degree: Biochemistry
From: Scotland
Lorem Ipsum etc etc etc
Pinja Hartikainen
Lorem Ipsum etc etc etc
Deanna van Spall
Blah blah blah profile stuff yawn
Matej Vucak
Lots of fascinating information
Fergus O'Brien
Engineering and yoghurt making & things
Liam Pollock
Profile profile profile
Simone Marcigaglia
Rhubarb rhubarb rhubarb
Lindsey Mckerrell
Lindsey is an international hand model and unbeaten reigning champion of Mortal Kombat, which she plays exclusively with her feet.
Catriona Watson
Rhubarb rhubarb rhubarb
Oliver Hawes
Rhubarb rhubarb rhubarb
Zuhair Elgaid
Rhubarb rhubarb rhubarb
Advisors
Advisor 1
Advisor 2
Advisor 3
Advisor 4
Advisor 5