Difference between revisions of "Team:Glasgow/Team"

Line 1: Line 1:
−
{{GlasgowHeader}}<html>
+
@import 'https://fonts.googleapis.com/css?family=Baloo|Lato&subset=latin-ext';
−
<div class="photo-block" id="headline">
+
 
−
<div class="text left">
+
/* iGEM Wiki overrides */
−
<div class="title">
+
 
−
Our Team
+
.footer_container ul{
−
</div>
+
margin: 0px;
−
</div>
+
}
−
</div>
+
 
−
<div class="team-block" data-equalizer data-equalize-on="large">
+
.top_level_container p{
−
<div class="row">
+
font-family: Lato;
−
<div class="large-4 columns">
+
}
−
<div class="callout" data-equalizer-watch>
+
 
−
<div class="name">Katy Baker</div>
+
#sideMenu, #top_title{
−
<img src="https://static.igem.org/mediawiki/2016/a/a8/T--Glasgow--KatyBaker.jpg">
+
display:none;
−
<div class="profile">
+
}
−
<div class="degree"><span class="bold">Degree:</span> Biochemistry</div>
+
 
−
<div class="from"><span class="bold">From:</span> Scotland</div>
+
div#content{
−
<div class="text">Lorem Ipsum etc etc etc</div>
+
width:  100%;
−
</div>
+
padding: 0px;
−
</div>
+
margin:  0px;
−
</div>
+
top: -20px;
−
<div class="large-4 columns">
+
}
−
<div class="callout" data-equalizer-watch>
+
 
−
<div class="name">Pinja Hartikainen</div>
+
div#globalWrapper{
−
<img src="https://static.igem.org/mediawiki/2016/d/d0/T--Glasgow--PinjaHartikainen.jpg">
+
padding: 0px;
−
<div class="profile">Lorem Ipsum etc etc etc</div>
+
height: 100%;
−
</div>
+
}
−
</div>
+
 
−
<div class="large-4 columns">
+
/* End overrides */
−
<div class="callout" data-equalizer-watch>
+
 
−
<div class="name"> Deanna van Spall</div>
+
/* Light blue: #C2E0D5;
−
<img src="https://static.igem.org/mediawiki/2016/9/9e/T--Glasgow--DeannaVanSpall.jpg">
+
Dark blue: #44ABA0;
−
<div class="profile">Blah blah blah profile stuff yawn</div>
+
 
−
</div>
+
Yellow: #FFCE2F;
−
</div>
+
Light orange: #FFAC03;
−
</div>
+
Dark orange: #FF8302;
−
<div class="row">
+
*/
−
<div class="large-4 columns">
+
 
−
<div class="callout" data-equalizer-watch>
+
/* == Header Styles == */
−
<div class="name">Matej Vucak</div>
+
 
−
<img src ="https://static.igem.org/mediawiki/2016/b/b6/T--Glasgow--MatejVucak.jpg">
+
a{
−
<div class="profile">Lots of fascinating information</div>
+
color:inherit;
−
</div>
+
}
−
</div>
+
 
−
<div class="large-4 columns">
+
a:hover{
−
<div class="callout" data-equalizer-watch>
+
text-decoration: none;
−
<div class="name">Fergus O'Brien</div>
+
color: #000;
−
<img src="https://static.igem.org/mediawiki/2016/1/11/T--Glasgow--FergusOBrien.jpg">
+
}
−
<div class="profile">Engineering and yoghurt making & things</div>
+
 
−
</div>
+
a:visited{
−
</div>
+
color:inherit;
−
<div class="large-4 columns">
+
}
−
<div class="callout" data-equalizer-watch>
+
 
−
<div class="name">Liam Pollock</div>
+
.dropdown.menu>li.is-dropdown-submenu-parent>a:after{
−
<img src="https://static.igem.org/mediawiki/2016/d/d9/T--Glasgow--LiamPollock.jpg">
+
/* Hide the dropdown menu arrows */
−
<div class="profile">Profile profile profile</div>
+
display:none;
−
</div>
+
}
−
</div>
+
 
−
</div>
+
.is-dropdown-submenu{
−
<div class="row">
+
border:none;
−
<div class="large-4 columns">
+
}
−
<div class="callout" data-equalizer-watch>
+
 
−
<div class="name">Simone Marcigaglia</div>
+
.top-bar-title{
−
<img src="https://static.igem.org/mediawiki/2016/7/74/T--Glasgow--SimoneMarcigaglia.jpg">
+
height: 100%;
−
<div class="profile">Rhubarb rhubarb rhubarb</div>
+
display: inline-block;
−
</div>
+
}
−
</div>
+
 
−
<div class="large-4 columns">
+
#header_logo{
−
<div class="callout" data-equalizer-watch>
+
float: left;
−
<div class="name">Lindsey Mckerrell</div>
+
height: 10em;
−
<img src="https://static.igem.org/mediawiki/2016/e/ef/T--Glasgow--LindseyMckerrell.jpg">
+
margin: 1em;
−
<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>
+
 
−
</div>
+
#main-nav{
−
<div class="large-4 columns">
+
/*Style the top bar menu*/
−
<div class="callout" data-equalizer-watch>
+
color: #ffce2f;
−
<div class="name">Catriona Watson</div>
+
font-size: 3em;
−
<img src="https://static.igem.org/mediawiki/2016/4/43/T--Glasgow--CatrionaWatson.jpg">
+
height: 2em;
−
<div class="profile">Rhubarb rhubarb rhubarb</div>
+
line-height: 2em;
−
</div>
+
 
−
</div>
+
}
−
</div>
+
 
−
<div class="row">
+
.top-bar-right{
−
<div class="large-4 columns">
+
padding: 4em 0em;
−
<div class="callout" data-equalizer-watch>
+
}
−
<div class="name">Oliver Hawes</div>
+
 
−
<img src="https://static.igem.org/mediawiki/2016/5/5d/T--Glasgow--OliverHawes.jpg">
+
li.is-dropdown-submenu-item{
−
<div class="profile">Rhubarb rhubarb rhubarb</div>
+
/*Reset top bar dropdown menu text-size*/
−
</div>
+
font-size: 1rem;
−
</div>
+
}
−
<div class="large-4 columns">
+
 
−
<div class="callout" data-equalizer-watch>
+
#main-nav .menu.vertical{
−
<div class="name">Zuhair Elgaid</div>
+
/*Style top bar dropdown menu backgrounds*/
−
<img src="https://static.igem.org/mediawiki/2016/6/6a/T--Glasgow--ZuhairElgaid.jpg">
+
background-color:#0085B2;
−
<div class="profile">Rhubarb rhubarb rhubarb</div>
+
text-align: center;
−
</div>
+
}
−
</div>
+
 
−
</div>
+
.headline{
−
<div class="section-header">
+
font-family: Baloo;
−
Advisors
+
}
−
</div>
+
 
−
<div class="row">
+
.top-bar, .dropdown.menu{
−
<div class="large-4 columns">
+
background-color: #0085B2;
−
<div class="callout" data-equalizer-watch>
+
}
−
Advisor 1
+
 
−
</div>
+
/* == Footer Styles == */
−
</div>
+
 
−
<div class="large-4 columns">
+
.footer_container{
−
<div class="callout" data-equalizer-watch>
+
background-color: #0085B2;
−
Advisor 2
+
padding: 1rem 0rem 0rem 4rem;
−
</div>
+
color: #ffce2f;
−
</div>
+
}
−
<div class="large-4 columns">
+
 
−
<div class="callout" data-equalizer-watch>
+
li.main_footer_links{
−
Advisor 3
+
vertical-align: top;
−
</div>
+
font-family: Baloo;
−
</div>
+
font-size: 1.4rem;
−
</div>
+
text-align: left;
−
<div class="row">
+
}
−
<div class="large-4 columns">
+
 
−
<div class="callout" data-equalizer-watch>
+
.main_footer_links>ul{
−
Advisor 4
+
font-family: Lato;
−
</div>
+
font-size: 1.3rem;
−
</div>
+
}
−
<div class="large-4 columns">
+
 
−
<div class="callout" data-equalizer-watch>
+
.social{
−
Advisor 5
+
margin: 0.5rem;
−
</div>
+
}
−
</div>
+
 
−
</div>
+
.social>a{
−
</div>
+
position: relative;
−
</html>{{GlasgowFooter}}
+
top: -1rem;
 +
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:56, 19 July 2016

@import 'https://fonts.googleapis.com/css?family=Baloo%7CLato&subset=latin-ext';

/* iGEM Wiki overrides */

.footer_container ul{ margin: 0px; }

.top_level_container p{ font-family: Lato; }

  1. sideMenu, #top_title{

display:none; }

div#content{ width: 100%; padding: 0px; margin: 0px; top: -20px; }

div#globalWrapper{ padding: 0px; height: 100%; }

/* End overrides */

/* Light blue: #C2E0D5; Dark blue: #44ABA0;

Yellow: #FFCE2F; Light orange: #FFAC03; Dark orange: #FF8302;

  • /

/* == Header Styles == */

a{ color:inherit; }

a:hover{ text-decoration: none; color: #000; }

a:visited{ color:inherit; }

.dropdown.menu>li.is-dropdown-submenu-parent>a:after{ /* Hide the dropdown menu arrows */ display:none; }

.is-dropdown-submenu{ border:none; }

.top-bar-title{ height: 100%; display: inline-block; }

  1. header_logo{

float: left; height: 10em; margin: 1em; }

  1. main-nav{

/*Style the top bar menu*/ color: #ffce2f; font-size: 3em; height: 2em; line-height: 2em;

}

.top-bar-right{ padding: 4em 0em; }

li.is-dropdown-submenu-item{ /*Reset top bar dropdown menu text-size*/ font-size: 1rem; }

  1. main-nav .menu.vertical{

/*Style top bar dropdown menu backgrounds*/ background-color:#0085B2; text-align: center; }

.headline{ font-family: Baloo; }

.top-bar, .dropdown.menu{ background-color: #0085B2; }

/* == Footer Styles == */

.footer_container{ background-color: #0085B2; padding: 1rem 0rem 0rem 4rem; color: #ffce2f; }

li.main_footer_links{ vertical-align: top; font-family: Baloo; font-size: 1.4rem; text-align: left; }

.main_footer_links>ul{ font-family: Lato; font-size: 1.3rem; }

.social{ margin: 0.5rem; }

.social>a{ position: relative; top: -1rem; 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(T--Glasgow--Group1.jpg); }

.photo-block#biology{ background-image: url(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); }