Team:DTU-Denmark/wikicss
html, body, #globalWrapper, #content, #bodyContent, #mw-content-text {
height: 100%; }
.firstHeading, .printfooter {
display: none; }
.hero {
height: 100%;
width: 100%;
position: relative;
text-align: center;
color: #f8f8f8;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; }
@media screen and (min-width: 1025px) {
.hero {
background-position: center;
background-attachment: fixed;
background-repeat: no-repeat; }
}
.hero-text {
position: relative;
margin-top: 10px;
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 700; }
@media screen and (min-width: 768px) {
.hero-text {
margin-top: 150px; }
}
.hero-text h1 {
margin: 0;
text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
font-size: 3em; }
@media screen and (min-width: 768px) {
.hero-text h1 {
font-size: 5em; }
}
.hero-text h3 {
text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6); }
.hero-text hr {
max-width: 400px;
width: 70%;
border-top: 1px solid #f8f8f8;
border-bottom: 1px solid #000;
border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
.hero-text li {
list-style-type: none; }
.hero-text li a {
color: #f8f8f8; }
.igem-logo {
position: absolute;
width: 100px;
top: 100px;
left: 40px;
float: left;
opacity: 0.7; }
.igem-logo img {
width: 70px;
-webkit-filter: grayscale(1);
-moz-filter: grayscale(1);
-o-filter: grayscale(1);
filter: grayscale(1);
transition: filter 0.5s ease-in-out;
-webkit-transition: -webkit-filter 0.5s ease-in-out;
-moz-transition: -moz-filter 0.5s ease-in-out;
-o-transition: -o-filter 0.5s ease-in-out; }
.igem-logo img:hover {
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-o-filter: grayscale(0);
filter: grayscale(0); }
.btn-transparent {
background-color: transparent;
color: #f8f8f8;
margin: 5px 0; }
.btn-transparent:hover, .btn-transparent:focus, .btn-transparent:active {
background-color: transparent; }
@-webkit-keyframes baloonBounceAnim {
0% {
-webkit-transform: translateY(0); }
50% {
-webkit-transform: translateY(20px); }
100% {
-webkit-transform: translateY(0); }
}
@-moz-keyframes baloonBounceAnim {
0% {
-moz-transform: translateY(0); }
50% {
-moz-transform: translateY(20px); }
100% {
-moz-transform: translateY(0); }
}
@keyframes baloonBounceAnim {
0% {
transform: translateY(0); }
50% {
transform: translateY(20px); }
100% {
transform: translateY(0); }
}
.btn-circle {
width: 50px;
height: 50px;
margin-top: 5px;
border: 2px solid #f8f8f8;
border-radius: 35px;
font-size: 30px;
font-weight: 400;
text-shadow: none;
background: 0 0;
-webkit-transition: background 0.3s ease-in-out;
-moz-transition: background 0.3s ease-in-out;
-o-transition: background 0.3s ease-in-out;
transition: background 0.3s ease-in-out;
-webkit-animation: baloonBounceAnim 1500ms infinite ease-in-out;
-moz-animation: baloonBounceAnim 1500ms infinite ease-in-out;
-o-animation: baloonBounceAnim 1500ms infinite ease-in-out;
animation: baloonBounceAnim 1500ms infinite ease-in-out; }
@media screen and (min-width: 768px) {
.btn-circle {
margin-top: 15px;
width: 70px;
height: 70px;
font-size: 40px; }
}
.btn-circle:hover, .btn-circle:focus {
outline: 0;
color: #f8f8f8;
background: rgba(255, 255, 255, 0.2); }
.btn-circle i.animated {
-webkit-transition: -webkit-transform 1s;
-moz-transition: -moz-transform 1s;
-o-transition: -o-transform 1s;
transition: transform 1s; }
.btn-circle:hover i.animated {
-webkit-animation: pulse 1.5s infinite;
-moz-animation: pulse 1.5s infinite;
-o-animation: pulse 1.5s infinite;
animation: pulse 1.5s infinite; }
.navimg {
padding: 10px 15px; }
.navimg img {
max-height: 20px; }
.navbar-right {
text-align: center; }
@media screen and (min-width: 768px) {
.navbar-default {
min-height: 20px;
padding: 40px 0;
margin-bottom: 0;
text-align: center;
font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
border: 0;
background-color: transparent;
-webkit-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
-moz-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
-o-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
transition: background 0.5s ease-in-out, padding 0.5s ease-in-out; }
.navbar-default .navbar-right li a {
color: #fff; }
.nav-justified li a {
white-space: nowrap;
color: #fff;
-webkit-transition: color 0.5s ease-in-out;
-moz-transition: color 0.5s ease-in-out;
-o-transition: color 0.5s ease-in-out;
transition: color 0.5s ease-in-out; }
.nav-justified li a:hover, .nav-justified li a:focus, .nav-justified li a:active {
background-color: transparent; }
.nav-justified li.active a {
font-weight: bolder;
background-color: transparent; }
.top-nav-collapse {
padding-top: 20px;
padding-bottom: 0;
background-color: #fff;
color: #f00; }
.top-nav-collapse .navbar-brand {
padding-bottom: 0;
height: 20px;
padding-top: 10px; }
.top-nav-collapse .navbar-right li a {
color: #f00;
padding-top: 10px;
padding-bottom: 5px; }
.top-nav-collapse .nav-justified li a {
color: #f00;
padding-top: 10px;
padding-bottom: 5px; }
.top-nav-collapse .nav-justified li a:hover,
.top-nav-collapse .nav-justified li a:focus,
.top-nav-collapse .nav-justified li a:active {
background-color: transparent; }
.extrabar {
width: 100%;
padding-bottom: 5px;
padding-top: 0;
min-height: 20px;
z-index: 1;
border: 0;
background-color: #fff;
background-color: white;
border-radius: 0; }
.extrabar .nav-justified li a {
padding: 5px;
color: #f00; }
}
.affix {
top: 54px; }
.img {
width: 100%;
height: 400px;
background-clip: border-box;
background-origin: padding-box;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center; }
@media screen and (min-width: 1025px) {
.img {
background-attachment: fixed;
background-repeat: no-repeat; }
}
.img-title {
font-size: 36px;
background-color: rgba(33, 33, 33, 0.2);
color: #FFF;
padding: 5px 50px;
top: 10%;
position: relative;
font-family: 'Bree Serif', serif;
text-shadow: rgba(33, 33, 33, 0.5) 0 2px 3px; }
.img-title .right {
text-align: right; }
.member-image {
width: 100%; }
img {
max-width: 100%; }
.carousel-inner > .item > img {
height: 500px;
margin: 0 auto; }
.carousel-caption {
color: #f00; }
.sponsors {
text-align: center; }
.sponsor-image {
max-height: 150px; }
.sponsor-row {
margin: 15px 0; }
.sponsorlogo {
padding: 5px;
vertical-align: middle;
display: inline-block; }
.sponsorlogo img {
max-height: 100px; }
.criterialist {
list-style-type: none; }
.criterialist li:before {
font-family: 'FontAwesome';
margin: 0 5px 0 -15px; }
.criterialist li.checked:before {
content: ''; }
.criterialist li.unchecked:before {
content: ""; }
.bg-HS_baad2 {
background-image: url('/wiki/images/2/23/DTU-Denmark_HS_baad2.png'); }
.bg-HS_Teams {
background-image: url('None'); }
.bg-Pernille {
background-image: url('/wiki/images/4/46/DTU-Denmark_Pernille.jpg'); }
.bg-timeline_novoamb {
background-image: url('/wiki/images/c/c5/DTU-Denmark_timeline_novoamb.png'); }
.bg-NEB_logo {
background-image: url('/wiki/images/e/e0/DTU-Denmark_NEB_logo.png'); }
.bg-Fisher-Scientific-visit {
background-image: url('/wiki/images/c/c7/DTU-Denmark_Fisher_Scientific_visit.png'); }
.bg-Fracking {
background-image: url('/wiki/images/e/ec/DTU-Denmark_Fracking.jpg'); }
.bg-Spacemoss {
background-image: url('None'); }
.bg-MoMage {
background-image: url('None'); }
.bg-Tobias {
background-image: url('/wiki/images/8/85/DTU-Denmark_Tobias.jpg'); }
.bg-Vilhelm {
background-image: url('/wiki/images/8/87/DTU-Denmark_Vilhelm.jpg'); }
.bg-surfactin_chem {
background-image: url('/wiki/images/f/f0/DTU-Denmark_surfactin_chem.png'); }
.bg-MogensKilstrup {
background-image: url('/wiki/images/f/f0/DTU-Denmark_MogensKilstrup.jpg'); }
.bg-Nicolai {
background-image: url('/wiki/images/1/1d/DTU-Denmark_Nicolai.jpg'); }
.bg-multi-OGRE-frequency- {
background-image: url('None'); }
.bg-AKG {
background-image: url('/wiki/images/9/9d/DTU-Denmark_AKG.png'); }
.bg-Verena {
background-image: url('/wiki/images/0/0d/DTU-Denmark_Verena.jpg'); }
.bg-group_picture {
background-image: url('/wiki/images/e/e4/DTU-Denmark_group_picture.jpg'); }
.bg-wizard_screenshot {
background-image: url('/wiki/images/7/7c/DTU-Denmark_wizard_screenshot.png'); }
.bg-highschool_biotechacademy {
background-image: url('/wiki/images/b/b8/DTU-Denmark_highschool_biotechacademy.jpg'); }
.bg-Karolina {
background-image: url('/wiki/images/6/63/DTU-Denmark_Karolina.jpg'); }
.bg-Marcogen {
background-image: url('/wiki/images/1/11/DTU-Denmark_Marcogen.jpg'); }
.bg-SDS-page-picture {
background-image: url('None'); }
.bg-HS_baad {
background-image: url('/wiki/images/c/c0/DTU-Denmark_HS_baad.jpg'); }
.bg-Thea {
background-image: url('/wiki/images/e/e6/DTU-Denmark_Thea.jpg'); }
.bg-mage_replication {
background-image: url('/wiki/images/5/5b/DTU-Denmark_mage_replication.png'); }
.bg-growth-col-2 {
background-image: url('/wiki/images/6/66/DTU-Denmark_growth_col_2.png'); }
.bg-IDT_LOGO {
background-image: url('/wiki/images/9/9f/DTU-Denmark_IDT_LOGO.png'); }
.bg-heidelberg_intein {
background-image: url('/wiki/images/e/e0/DTU-Denmark_heidelberg_intein.png'); }
.bg-cycle {
background-image: url('None'); }
.bg-Growth-exp-1 {
background-image: url('/wiki/images/4/45/DTU-Denmark_Growth_exp_1.png'); }
.bg-dtulogo {
background-image: url('/wiki/images/b/b7/DTU-Denmark_dtulogo.png'); }
.bg-hp_biosensor2 {
background-image: url('None'); }
.bg-Lundbeckfonden {
background-image: url('/wiki/images/e/e2/DTU-Denmark_Lundbeckfonden.jpg'); }
.bg-hp_biosensor1 {
background-image: url('None'); }
.bg-hero {
background-image: url('/wiki/images/0/0b/DTU-Denmark_hero.jpg'); }
.bg-Tyr_picture {
background-image: url('/wiki/images/d/d1/DTU-Denmark_Tyr_picture.png'); }
.bg-ChrisWorkman {
background-image: url('/wiki/images/b/ba/DTU-Denmark_ChrisWorkman.jpg'); }
.bg-igemlogo {
background-image: url('/wiki/images/a/af/DTU-Denmark_igemlogo.png'); }
.bg-plot-CFU-vs-OD {
background-image: url('/wiki/images/4/4b/DTU-Denmark_plot_CFU_vs_OD.png'); }
.bg-surfactin_highlight {
background-image: url('/wiki/images/7/78/DTU-Denmark_surfactin_highlight.png'); }
.bg-Michael {
background-image: url('/wiki/images/b/b6/DTU-Denmark_Michael.jpg'); }
.bg-Maja {
background-image: url('/wiki/images/c/c2/DTU-Denmark_Maja.jpg'); }
.bg-VWR_lab {
background-image: url('None'); }
.bg-JanMartinussen {
background-image: url('/wiki/images/b/bb/DTU-Denmark_JanMartinussen.jpg'); }
.bg-Mads {
background-image: url('/wiki/images/4/45/DTU-Denmark_Mads.jpg'); }
.bg-Viktor {
background-image: url('/wiki/images/0/0b/DTU-Denmark_Viktor.jpg'); }
.bg-Linas {
background-image: url('/wiki/images/3/3a/DTU-Denmark_Linas.jpg'); }
.bg-Ottomoensted {
background-image: url('/wiki/images/3/35/DTU-Denmark_Ottomoensted.png'); }
.bg-Life-Science-and-Beyond {
background-image: url('/wiki/images/3/38/DTU-Denmark_Life_Science_and_Beyond.jpg'); }
.bg-Frisenette {
background-image: url('/wiki/images/c/c8/DTU-Denmark_Frisenette.jpg'); }
.bg-BioBrickWorkshop-other-lowquality {
background-image: url('/wiki/images/c/cf/DTU-Denmark_BioBrickWorkshop-other-lowquality.jpg'); }
.bg-recombinase_rep {
background-image: url('None'); }
.bg-Snapgene {
background-image: url('/wiki/images/5/58/DTU-Denmark_Snapgene.png'); }
.bg-NovoNordiskFonden_logo {
background-image: url('/wiki/images/5/5c/DTU-Denmark_NovoNordiskFonden_logo.png'); }
.bg-In-Vitro {
background-image: url('/wiki/images/7/7c/DTU-Denmark_In_Vitro.jpg'); }
.bg-Teambuilding {
background-image: url('/wiki/images/6/6a/DTU-Denmark_Teambuilding.jpg'); }
.bg-Fisher-Scientific {
background-image: url('/wiki/images/b/b4/DTU-Denmark_Fisher_Scientific.jpg'); }
.bg-tyrocidine_A {
background-image: url('/wiki/images/0/07/DTU-Denmark_tyrocidine_A.png'); }
.bg-VWR {
background-image: url('/wiki/images/e/ea/DTU-Denmark_VWR.jpg'); }
.bg-timeline_W168 {
background-image: url('/wiki/images/e/e1/DTU-Denmark_timeline_W168.jpg'); }
.bg-BioBrick-workshop-low-quality {
background-image: url('/wiki/images/0/00/DTU-Denmark_BioBrick_workshop_low_quality.jpg'); }
.bg-HS_baad2zoom {
background-image: url('/wiki/images/d/d6/DTU-Denmark_HS_baad2zoom.png'); }
.bg-Scott {
background-image: url('/wiki/images/7/77/DTU-Denmark_Scott.jpg'); }
.bg-Diagram_human_practice {
background-image: url('/wiki/images/0/03/DTU-Denmark_Diagram_human_practice.png'); }
.bg-timeline_biobrickworkshop {
background-image: url('/wiki/images/f/fe/DTU-Denmark_timeline_biobrickworkshop.jpg'); }
.bg-Magecycle {
background-image: url('None'); }
.bg-surfactin_operon {
background-image: url('/wiki/images/c/c6/DTU-Denmark_surfactin_operon.png'); }
.bg-HS-presentation {
background-image: url('None'); }
.bg-Facebook_update_meme {
background-image: url('None'); }
#inner {
position: relative;
width: 100%;
margin: 0 auto 0;
margin-top: 100px; }
.mads-tag {
position: absolute;
width: 7%;
height: 18%;
border: 1px solid;
top: 15%;
left: 75%; }
.viktor-tag {
position: absolute;
width: 7%;
height: 18%;
border: 1px solid;
top: 22%;
left: 18%; }
.karolina-tag {
position: absolute;
width: 7%;
height: 18%;
border: 1px solid;
top: 29%;
left: 33%; }
.linas-tag {
position: absolute;
width: 7%;
height: 18%;
border: 1px solid;
top: 10%;
left: 41%; }
.tobias-tag {
position: absolute;
width: 7%;
height: 18%;
border: 1px solid;
top: 15%;
left: 10%; }
.pernille-tag {
position: absolute;
width: 7%;
height: 18%;
border: 1px solid;
top: 22%;
left: 49%; }
.scott-tag {
position: absolute;
width: 7%;
height: 18%;
border: 1px solid;
top: 9%;
left: 54%; }
.vilhelm-tag {
position: absolute;
width: 7%;
height: 18%;
border: 1px solid;
top: 6%;
left: 33%; }
.michael-tag {
position: absolute;
width: 7%;
height: 18%;
border: 1px solid;
top: 15%;
left: 85%; }
.verena-tag {
position: absolute;
width: 7%;
height: 18%;
border: 1px solid;
top: 22%;
left: 68%; }