Difference between revisions of "Team:DTU-Denmark/wikicss"
Line 202: | Line 202: | ||
-moz-transition: color 0.5s ease-in-out; | -moz-transition: color 0.5s ease-in-out; | ||
-o-transition: color 0.5s ease-in-out; | -o-transition: color 0.5s ease-in-out; | ||
− | transition: color 0.5s ease-in-out; } | + | transition: color 0.5s ease-in-out; |
+ | background-color: transparent; } | ||
.navbar-default .navbar-nav > li > a:hover, | .navbar-default .navbar-nav > li > a:hover, | ||
.navbar-default .navbar-nav > li > a:focus, | .navbar-default .navbar-nav > li > a:focus, | ||
Line 210: | Line 211: | ||
.navbar-default .navbar-nav > .active > a:active { | .navbar-default .navbar-nav > .active > a:active { | ||
background-color: transparent; | background-color: transparent; | ||
− | color: #fff; } | + | color: #fff; |
− | .navbar-default .navbar-nav > | + | font-weight: bolder; } |
− | + | .navbar-default .navbar-nav > .active > a { | |
− | font-weight: bolder | + | font-weight: bolder; } |
− | + | ||
.dropdown-menu { | .dropdown-menu { | ||
− | background-color: | + | background-color: rgba(0, 0, 0, 0.5); } |
.dropdown-menu > li > a { | .dropdown-menu > li > a { | ||
color: #fff; | color: #fff; | ||
Line 222: | Line 222: | ||
.dropdown-menu > li > a:hover { | .dropdown-menu > li > a:hover { | ||
color: #fff; | color: #fff; | ||
− | background-color: transparent; } | + | background-color: transparent; |
+ | font-weight: bolder; } | ||
.dropdown-menu > .active > a { | .dropdown-menu > .active > a { | ||
color: #fff; | color: #fff; | ||
− | background-color: transparent; } | + | background-color: transparent; |
+ | font-weight: bolder; } | ||
.dropdown-menu > .active > a:hover { | .dropdown-menu > .active > a:hover { | ||
color: #fff; | color: #fff; | ||
− | background-color: transparent; } | + | background-color: transparent; |
+ | font-weight: bolder; } | ||
.top-nav-collapse { | .top-nav-collapse { | ||
padding-top: 20px; | padding-top: 20px; | ||
Line 304: | Line 307: | ||
.extrabar .navbar-nav .active > a:focus, .extrabar .navbar-nav .active > a:active { | .extrabar .navbar-nav .active > a:focus, .extrabar .navbar-nav .active > a:active { | ||
color: #f00; } | color: #f00; } | ||
+ | } | ||
+ | |||
+ | @media screen and (min-width: 1025px) { | ||
+ | .navbar-default { | ||
+ | font-size: 18px; } | ||
} | } | ||
Line 348: | Line 356: | ||
.carousel-caption { | .carousel-caption { | ||
− | color: # | + | color: #000; |
+ | font-size: 18px; | ||
+ | padding-bottom: 70px; } | ||
.sponsors { | .sponsors { | ||
Line 376: | Line 386: | ||
content: ""; } | content: ""; } | ||
− | . | + | .overview-readmore { |
− | background- | + | position: absolute; |
+ | bottom: 20px; | ||
+ | background-color: #555; | ||
+ | width: 50%; | ||
+ | text-align: center; | ||
+ | vertical-align: middle; | ||
+ | left: 25%; | ||
+ | height: 20px; } | ||
+ | .overview-readmore a { | ||
+ | color: #fff; } | ||
− | + | .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-multi-OGRE-frequency- { | |
− | + | background-image: url('/wiki/images/7/72/DTU-Denmark_multi_OGRE_frequency_.png'); } | |
− | + | .bg-disc-exp1-tyr { | |
− | + | background-image: url('/wiki/images/b/ba/DTU-Denmark_disc_exp1_tyr.jpg'); } | |
− | + | .bg-mutliple_OGRE_Frequency_ { | |
− | + | background-image: url('/wiki/images/c/c4/DTU-Denmark_mutliple_OGRE_Frequency_.png'); } | |
− | + | .bg-dtulogo { | |
− | + | background-image: url('/wiki/images/b/b7/DTU-Denmark_dtulogo.png'); } | |
− | + | .bg-HS_baad2 { | |
− | + | background-image: url('/wiki/images/2/23/DTU-Denmark_HS_baad2.png'); } | |
− | + | .bg-igemlogo { | |
− | + | background-image: url('/wiki/images/a/af/DTU-Denmark_igemlogo.png'); } | |
− | + | .bg-Michael { | |
− | + | background-image: url('/wiki/images/b/b6/DTU-Denmark_Michael.jpg'); } | |
− | + | .bg-tyrocidine_A { | |
− | + | background-image: url('/wiki/images/0/07/DTU-Denmark_tyrocidine_A.png'); } | |
− | + | .bg-oligo-length-picture { | |
− | + | background-image: url('/wiki/images/4/40/DTU-Denmark_oligo_length_picture.png'); } | |
− | + | .bg-18_description3 { | |
− | + | background-image: url('/wiki/images/5/59/DTU-Denmark_18_description3.png'); } | |
− | + | .bg-18_description2 { | |
− | + | background-image: url('/wiki/images/5/54/DTU-Denmark_18_description2.png'); } | |
− | + | .bg-18_description1 { | |
− | + | background-image: url('/wiki/images/0/09/DTU-Denmark_18_description1.png'); } | |
− | + | .bg-18_description4 { | |
− | + | background-image: url('/wiki/images/2/26/DTU-Denmark_18_description4.png'); } | |
− | + | .bg-Fisher-Scientific { | |
+ | background-image: url('/wiki/images/b/b4/DTU-Denmark_Fisher_Scientific.jpg'); } | ||
+ | |||
+ | .bg-hero5 { | ||
background-image: url('None'); } | background-image: url('None'); } | ||
− | .bg- | + | .bg-drawingpng { |
− | background-image: url('/wiki/images/9/ | + | background-image: url('/wiki/images/7/7d/DTU-Denmark_drawingpng.png'); } |
+ | |||
+ | .bg-hero3 { | ||
+ | background-image: url('None'); } | ||
+ | |||
+ | .bg-pSB1C3neo_recombinase { | ||
+ | background-image: url('/wiki/images/c/c1/DTU-Denmark_pSB1C3neo_recombinase.png'); } | ||
+ | |||
+ | .bg-HPLCSurOver { | ||
+ | background-image: url('/wiki/images/b/bf/DTU-Denmark_HPLCSurOver.png'); } | ||
+ | |||
+ | .bg-Synthezier_back_logo { | ||
+ | background-image: url('/wiki/images/5/5f/DTU-Denmark_Synthezier_back_logo.png'); } | ||
+ | |||
+ | .bg-Oligo-amunt-picture { | ||
+ | background-image: url('/wiki/images/7/76/DTU-Denmark_Oligo_amunt_picture.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-SurMaldiLinPos { | ||
+ | background-image: url('/wiki/images/e/e1/DTU-Denmark_SurMaldiLinPos.png'); } | ||
+ | |||
+ | .bg-Viktor { | ||
+ | background-image: url('/wiki/images/0/0b/DTU-Denmark_Viktor.jpg'); } | ||
+ | |||
+ | .bg-HS_baad { | ||
+ | background-image: url('/wiki/images/c/c0/DTU-Denmark_HS_baad.jpg'); } | ||
+ | |||
+ | .bg-heidelberg_intein { | ||
+ | background-image: url('/wiki/images/e/e0/DTU-Denmark_heidelberg_intein.png'); } | ||
+ | |||
+ | .bg-pDG268neo_recombinase { | ||
+ | background-image: url('/wiki/images/a/a4/DTU-Denmark_pDG268neo_recombinase.png'); } | ||
+ | |||
+ | .bg-Growth-exp-1 { | ||
+ | background-image: url('/wiki/images/4/45/DTU-Denmark_Growth_exp_1.png'); } | ||
+ | |||
+ | .bg-hp_biosensor2 { | ||
+ | background-image: url('/wiki/images/d/d7/DTU-Denmark_hp_biosensor2.jpg'); } | ||
+ | |||
+ | .bg-HPLCSurMut { | ||
+ | background-image: url('/wiki/images/0/0f/DTU-Denmark_HPLCSurMut.png'); } | ||
+ | |||
+ | .bg-HPLCSurESI { | ||
+ | background-image: url('/wiki/images/5/5f/DTU-Denmark_HPLCSurESI.png'); } | ||
+ | |||
+ | .bg-hp_biosensor1 { | ||
+ | background-image: url('/wiki/images/b/ba/DTU-Denmark_hp_biosensor1.jpg'); } | ||
+ | |||
+ | .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-Blusense { | ||
+ | background-image: url('/wiki/images/9/9c/DTU-Denmark_Blusense.jpg'); } | ||
+ | |||
+ | .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-Linas { | ||
+ | background-image: url('/wiki/images/3/3a/DTU-Denmark_Linas.jpg'); } | ||
+ | |||
+ | .bg-generation_time_growth_picture { | ||
+ | background-image: url('/wiki/images/2/26/DTU-Denmark_generation_time_growth_picture.png'); } | ||
+ | |||
+ | .bg-NovoNordiskFonden_logo { | ||
+ | background-image: url('/wiki/images/5/5c/DTU-Denmark_NovoNordiskFonden_logo.png'); } | ||
+ | |||
+ | .bg-Teambuilding { | ||
+ | background-image: url('/wiki/images/6/6a/DTU-Denmark_Teambuilding.jpg'); } | ||
+ | |||
+ | .bg-Pernille { | ||
+ | background-image: url('/wiki/images/4/46/DTU-Denmark_Pernille.jpg'); } | ||
+ | |||
+ | .bg-VWR { | ||
+ | background-image: url('/wiki/images/e/ea/DTU-Denmark_VWR.jpg'); } | ||
+ | |||
+ | .bg-BioBrick-workshop-low-quality { | ||
+ | background-image: url('/wiki/images/0/00/DTU-Denmark_BioBrick_workshop_low_quality.jpg'); } | ||
+ | |||
+ | .bg-POC-mutSbeta { | ||
+ | background-image: url('/wiki/images/c/cc/DTU-Denmark_POC_mutSbeta.png'); } | ||
+ | |||
+ | .bg-Magecycle { | ||
+ | background-image: url('/wiki/images/9/91/DTU-Denmark_Magecycle.png'); } | ||
+ | |||
+ | .bg-TyroBreviHPLC { | ||
+ | background-image: url('/wiki/images/5/59/DTU-Denmark_TyroBreviHPLC.png'); } | ||
− | + | .bg-surfactin_operon { | |
− | + | background-image: url('/wiki/images/c/c6/DTU-Denmark_surfactin_operon.png'); } | |
− | + | .bg-HS_Teams { | |
− | + | background-image: url('/wiki/images/7/7c/DTU-Denmark_HS_Teams.png'); } | |
− | + | .bg-Spacemoss { | |
− | + | background-image: url('/wiki/images/1/12/DTU-Denmark_Spacemoss.jpg'); } | |
− | + | .bg-MoMage { | |
− | + | background-image: url('/wiki/images/d/d1/DTU-Denmark_MoMage.jpg'); } | |
− | + | .bg-lab-on-a-disc- { | |
− | + | background-image: url('/wiki/images/5/5e/DTU-Denmark_lab_on_a_disc_.jpg'); } | |
− | + | .bg-Ottomoensted { | |
− | + | background-image: url('/wiki/images/3/35/DTU-Denmark_Ottomoensted.png'); } | |
− | + | .bg-tyrocidine_structure { | |
− | + | background-image: url('/wiki/images/f/f2/DTU-Denmark_tyrocidine_structure.png'); } | |
− | + | .bg-Nicolai { | |
− | + | background-image: url('/wiki/images/1/1d/DTU-Denmark_Nicolai.jpg'); } | |
− | + | .bg-AKG { | |
− | + | background-image: url('/wiki/images/9/9d/DTU-Denmark_AKG.png'); } | |
− | + | .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-Tobias { | |
− | + | background-image: url('/wiki/images/8/85/DTU-Denmark_Tobias.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-labonadiscilustra { | |
− | + | background-image: url('/wiki/images/8/80/DTU-Denmark_labonadiscilustra.jpg'); } | |
− | + | .bg-wizard_screenshot4 { | |
− | + | background-image: url('/wiki/images/c/ce/DTU-Denmark_wizard_screenshot4.png'); } | |
− | + | .bg-wizard_screenshot5 { | |
− | + | background-image: url('/wiki/images/b/b9/DTU-Denmark_wizard_screenshot5.png'); } | |
− | + | .bg-wizard_screenshot2 { | |
− | + | background-image: url('/wiki/images/b/b4/DTU-Denmark_wizard_screenshot2.png'); } | |
− | + | .bg-wizard_screenshot3 { | |
− | + | background-image: url('/wiki/images/7/7e/DTU-Denmark_wizard_screenshot3.png'); } | |
− | + | .bg-wizard_screenshot1 { | |
− | + | background-image: url('/wiki/images/7/7c/DTU-Denmark_wizard_screenshot.png'); } | |
− | + | .bg-VWR_lab { | |
− | + | background-image: url('/wiki/images/3/37/DTU-Denmark_VWR_lab.jpg'); } | |
− | + | .bg-mixing-steps { | |
− | + | background-image: url('/wiki/images/c/c0/DTU-Denmark_mixing_steps.jpg'); } | |
− | + | .bg-plot-CFU-vs-OD { | |
− | + | background-image: url('/wiki/images/4/4b/DTU-Denmark_plot_CFU_vs_OD.png'); } | |
− | + | .bg-exp-3 { | |
− | + | background-image: url('/wiki/images/3/36/DTU-Denmark_exp_3.jpg'); } | |
− | + | .bg-Maja { | |
− | + | background-image: url('/wiki/images/c/c2/DTU-Denmark_Maja.jpg'); } | |
− | + | .bg-Synthesizer_front_logo { | |
− | + | background-image: url('/wiki/images/f/f1/DTU-Denmark_Synthesizer_front_logo.png'); } | |
− | + | .bg-In-Vitro { | |
− | + | background-image: url('/wiki/images/7/7c/DTU-Denmark_In_Vitro.jpg'); } | |
− | + | .bg-table_new { | |
− | + | background-image: url('/wiki/images/9/94/DTU-Denmark_table_new.png'); } | |
− | + | .bg-Facebook_update_meme { | |
− | + | background-image: url('None'); } | |
− | + | .bg-timeline_W168 { | |
− | + | background-image: url('/wiki/images/e/e1/DTU-Denmark_timeline_W168.jpg'); } | |
− | + | .bg-HS_baad2zoom { | |
− | + | background-image: url('/wiki/images/d/d6/DTU-Denmark_HS_baad2zoom.png'); } | |
− | + | .bg-SDS-page-picture { | |
− | + | background-image: url('/wiki/images/f/fb/DTU-Denmark_SDS_page_picture.png'); } | |
− | + | .bg-pDG268_1 { | |
− | + | background-image: url('/wiki/images/d/d9/DTU-Denmark_pDG268_1.png'); } | |
− | + | .bg-pDG268_2 { | |
− | + | background-image: url('/wiki/images/d/dc/DTU-Denmark_pDG268_2.png'); } | |
− | + | .bg-SurMALDIRefNeg { | |
− | + | background-image: url('/wiki/images/7/72/DTU-Denmark_SurMALDIRefNeg.png'); } | |
− | + | .bg-Vilhelm { | |
− | + | background-image: url('/wiki/images/8/87/DTU-Denmark_Vilhelm.jpg'); } | |
− | + | .bg-MogensKilstrup { | |
− | + | background-image: url('/wiki/images/f/f0/DTU-Denmark_MogensKilstrup.jpg'); } | |
− | + | .bg-nanodrop { | |
− | + | background-image: url('/wiki/images/d/df/DTU-Denmark_nanodrop.jpg'); } | |
− | + | .bg-TyroBreviandstdHPLC { | |
− | + | background-image: url('/wiki/images/0/05/DTU-Denmark_TyroBreviandstdHPLC.png'); } | |
− | + | .bg-highschool_biotechacademy { | |
− | + | background-image: url('/wiki/images/b/b8/DTU-Denmark_highschool_biotechacademy.jpg'); } | |
− | + | .bg-Thea { | |
− | + | background-image: url('/wiki/images/e/e6/DTU-Denmark_Thea.jpg'); } | |
− | + | .bg-Lab-graph-1 { | |
− | + | background-image: url('/wiki/images/d/da/DTU-Denmark_Lab_graph_1.jpg'); } | |
− | + | .bg-IDT_LOGO { | |
− | + | background-image: url('/wiki/images/9/9f/DTU-Denmark_IDT_LOGO.png'); } | |
− | + | .bg-mismatch-frequency- { | |
− | + | background-image: url('/wiki/images/c/ce/DTU-Denmark_mismatch_frequency_.png'); } | |
− | + | .bg-Lundbeckfonden { | |
− | + | background-image: url('/wiki/images/e/e2/DTU-Denmark_Lundbeckfonden.jpg'); } | |
− | + | .bg-biobrickshipping { | |
− | + | background-image: url('/wiki/images/1/1a/DTU-Denmark_biobrickshipping.jpg'); } | |
− | + | .bg-surfactin_highlight { | |
− | + | background-image: url('/wiki/images/7/78/DTU-Denmark_surfactin_highlight.png'); } | |
− | + | .bg-bluedot { | |
− | + | background-image: url('/wiki/images/4/4a/DTU-Denmark_bluedot.jpg'); } | |
− | + | .bg-surfactin_chem { | |
− | + | background-image: url('/wiki/images/f/f0/DTU-Denmark_surfactin_chem.png'); } | |
− | + | .bg-TyroBrevivsBacHPLC { | |
− | + | background-image: url('/wiki/images/b/bc/DTU-Denmark_TyroBrevivsBacHPLC.png'); } | |
− | + | .bg-Life-Science-and-Beyond { | |
− | + | background-image: url('/wiki/images/3/38/DTU-Denmark_Life_Science_and_Beyond.jpg'); } | |
− | + | .bg-cycle { | |
− | + | background-image: url('/wiki/images/7/7b/DTU-Denmark_cycle.png'); } | |
− | + | .bg-BioBrickWorkshop-other-lowquality { | |
− | + | background-image: url('/wiki/images/c/cf/DTU-Denmark_BioBrickWorkshop-other-lowquality.jpg'); } | |
− | + | .bg-recombinase_rep { | |
− | + | background-image: url('/wiki/images/7/70/DTU-Denmark_recombinase_rep.png'); } | |
− | + | .bg-Snapgene { | |
− | + | background-image: url('/wiki/images/5/58/DTU-Denmark_Snapgene.png'); } | |
− | + | .bg-Frisenette { | |
− | + | background-image: url('/wiki/images/c/c8/DTU-Denmark_Frisenette.jpg'); } | |
− | + | .bg-HS-presentation { | |
− | + | background-image: url('/wiki/images/8/84/DTU-Denmark_HS_presentation.jpg'); } | |
− | + | .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-POC-mutSgp35 { | |
− | + | background-image: url('/wiki/images/9/9d/DTU-Denmark_POC_mutSgp35.png'); } | |
− | + | #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%; } |
Revision as of 19:13, 1 October 2015
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-nav { margin: 0 auto; display: table; table-layout: fixed; float: none; } .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; } .navbar-default .navbar-nav > .open > a { background-color: transparent; color: #fff; } .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:active { background-color: transparent; color: #fff; } .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > .active > a { 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; background-color: transparent; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:active, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:active { background-color: transparent; color: #fff; font-weight: bolder; } .navbar-default .navbar-nav > .active > a { font-weight: bolder; } .dropdown-menu { background-color: rgba(0, 0, 0, 0.5); } .dropdown-menu > li > a { color: #fff; background-color: transparent; } .dropdown-menu > li > a:hover { color: #fff; background-color: transparent; font-weight: bolder; } .dropdown-menu > .active > a { color: #fff; background-color: transparent; font-weight: bolder; } .dropdown-menu > .active > a:hover { color: #fff; background-color: transparent; font-weight: bolder; } .top-nav-collapse { padding-top: 20px; padding-bottom: 0; background-color: #fff; color: #f00; } .top-nav-collapse .dropdown-menu { background-color: #fff; } .top-nav-collapse .dropdown-menu > li > a { color: #f00; background-color: #fff; } .top-nav-collapse .dropdown-menu > li > a:hover, .top-nav-collapse .dropdown-menu > li > a:focus { color: #f00; background-color: #fff; } .top-nav-collapse .dropdown-menu > .active > a { color: #f00; background-color: #fff; } .top-nav-collapse .dropdown-menu > .active > a:hover, .top-nav-collapse .dropdown-menu > .active > a:focus { color: #f00; background-color: #fff; } .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: #fff; } .top-nav-collapse .navbar-default .navbar-nav > .open > a { background-color: #fff !important; color: #f00 !important; } .top-nav-collapse .navbar-default .navbar-nav > .open > a:hover, .top-nav-collapse .navbar-default .navbar-nav > .open > a:focus, .top-nav-collapse .navbar-default .navbar-nav > .open > a:active { background-color: #fff; color: #f00; } .top-nav-collapse .navbar-nav > li > a { color: #f00 !important; padding-top: 10px; padding-bottom: 5px; } .top-nav-collapse .navbar-nav > li > a:hover, .top-nav-collapse .navbar-nav > li > a:focus, .top-nav-collapse .navbar-nav > li > a:active { color: #f00 !important; } .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 .navbar-nav { margin: 0 auto; display: table; table-layout: fixed; float: none; } .extrabar .navbar-nav > li > a, .extrabar .navbar-nav .active > a { padding: 5px; color: #f00; } .extrabar .navbar-nav > li > a:hover, .extrabar .navbar-nav > li > a:focus, .extrabar .navbar-nav > li > a:active, .extrabar .navbar-nav .active > a:hover, .extrabar .navbar-nav .active > a:focus, .extrabar .navbar-nav .active > a:active { color: #f00; }
}
@media screen and (min-width: 1025px) {
.navbar-default { font-size: 18px; }
}
.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: #000; font-size: 18px; padding-bottom: 70px; }
.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: ""; }
.overview-readmore {
position: absolute; bottom: 20px; background-color: #555; width: 50%; text-align: center; vertical-align: middle; left: 25%; height: 20px; } .overview-readmore a { color: #fff; }
.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-multi-OGRE-frequency- { background-image: url('/wiki/images/7/72/DTU-Denmark_multi_OGRE_frequency_.png'); }
.bg-disc-exp1-tyr { background-image: url('/wiki/images/b/ba/DTU-Denmark_disc_exp1_tyr.jpg'); }
.bg-mutliple_OGRE_Frequency_ { background-image: url('/wiki/images/c/c4/DTU-Denmark_mutliple_OGRE_Frequency_.png'); }
.bg-dtulogo { background-image: url('/wiki/images/b/b7/DTU-Denmark_dtulogo.png'); }
.bg-HS_baad2 { background-image: url('/wiki/images/2/23/DTU-Denmark_HS_baad2.png'); }
.bg-igemlogo { background-image: url('/wiki/images/a/af/DTU-Denmark_igemlogo.png'); }
.bg-Michael { background-image: url('/wiki/images/b/b6/DTU-Denmark_Michael.jpg'); }
.bg-tyrocidine_A { background-image: url('/wiki/images/0/07/DTU-Denmark_tyrocidine_A.png'); }
.bg-oligo-length-picture { background-image: url('/wiki/images/4/40/DTU-Denmark_oligo_length_picture.png'); }
.bg-18_description3 { background-image: url('/wiki/images/5/59/DTU-Denmark_18_description3.png'); }
.bg-18_description2 { background-image: url('/wiki/images/5/54/DTU-Denmark_18_description2.png'); }
.bg-18_description1 { background-image: url('/wiki/images/0/09/DTU-Denmark_18_description1.png'); }
.bg-18_description4 { background-image: url('/wiki/images/2/26/DTU-Denmark_18_description4.png'); }
.bg-Fisher-Scientific { background-image: url('/wiki/images/b/b4/DTU-Denmark_Fisher_Scientific.jpg'); }
.bg-hero5 { background-image: url('None'); }
.bg-drawingpng { background-image: url('/wiki/images/7/7d/DTU-Denmark_drawingpng.png'); }
.bg-hero3 { background-image: url('None'); }
.bg-pSB1C3neo_recombinase { background-image: url('/wiki/images/c/c1/DTU-Denmark_pSB1C3neo_recombinase.png'); }
.bg-HPLCSurOver { background-image: url('/wiki/images/b/bf/DTU-Denmark_HPLCSurOver.png'); }
.bg-Synthezier_back_logo { background-image: url('/wiki/images/5/5f/DTU-Denmark_Synthezier_back_logo.png'); }
.bg-Oligo-amunt-picture { background-image: url('/wiki/images/7/76/DTU-Denmark_Oligo_amunt_picture.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-SurMaldiLinPos { background-image: url('/wiki/images/e/e1/DTU-Denmark_SurMaldiLinPos.png'); }
.bg-Viktor { background-image: url('/wiki/images/0/0b/DTU-Denmark_Viktor.jpg'); }
.bg-HS_baad { background-image: url('/wiki/images/c/c0/DTU-Denmark_HS_baad.jpg'); }
.bg-heidelberg_intein { background-image: url('/wiki/images/e/e0/DTU-Denmark_heidelberg_intein.png'); }
.bg-pDG268neo_recombinase { background-image: url('/wiki/images/a/a4/DTU-Denmark_pDG268neo_recombinase.png'); }
.bg-Growth-exp-1 { background-image: url('/wiki/images/4/45/DTU-Denmark_Growth_exp_1.png'); }
.bg-hp_biosensor2 { background-image: url('/wiki/images/d/d7/DTU-Denmark_hp_biosensor2.jpg'); }
.bg-HPLCSurMut { background-image: url('/wiki/images/0/0f/DTU-Denmark_HPLCSurMut.png'); }
.bg-HPLCSurESI { background-image: url('/wiki/images/5/5f/DTU-Denmark_HPLCSurESI.png'); }
.bg-hp_biosensor1 { background-image: url('/wiki/images/b/ba/DTU-Denmark_hp_biosensor1.jpg'); }
.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-Blusense { background-image: url('/wiki/images/9/9c/DTU-Denmark_Blusense.jpg'); }
.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-Linas { background-image: url('/wiki/images/3/3a/DTU-Denmark_Linas.jpg'); }
.bg-generation_time_growth_picture { background-image: url('/wiki/images/2/26/DTU-Denmark_generation_time_growth_picture.png'); }
.bg-NovoNordiskFonden_logo { background-image: url('/wiki/images/5/5c/DTU-Denmark_NovoNordiskFonden_logo.png'); }
.bg-Teambuilding { background-image: url('/wiki/images/6/6a/DTU-Denmark_Teambuilding.jpg'); }
.bg-Pernille { background-image: url('/wiki/images/4/46/DTU-Denmark_Pernille.jpg'); }
.bg-VWR { background-image: url('/wiki/images/e/ea/DTU-Denmark_VWR.jpg'); }
.bg-BioBrick-workshop-low-quality { background-image: url('/wiki/images/0/00/DTU-Denmark_BioBrick_workshop_low_quality.jpg'); }
.bg-POC-mutSbeta { background-image: url('/wiki/images/c/cc/DTU-Denmark_POC_mutSbeta.png'); }
.bg-Magecycle { background-image: url('/wiki/images/9/91/DTU-Denmark_Magecycle.png'); }
.bg-TyroBreviHPLC { background-image: url('/wiki/images/5/59/DTU-Denmark_TyroBreviHPLC.png'); }
.bg-surfactin_operon { background-image: url('/wiki/images/c/c6/DTU-Denmark_surfactin_operon.png'); }
.bg-HS_Teams { background-image: url('/wiki/images/7/7c/DTU-Denmark_HS_Teams.png'); }
.bg-Spacemoss { background-image: url('/wiki/images/1/12/DTU-Denmark_Spacemoss.jpg'); }
.bg-MoMage { background-image: url('/wiki/images/d/d1/DTU-Denmark_MoMage.jpg'); }
.bg-lab-on-a-disc- { background-image: url('/wiki/images/5/5e/DTU-Denmark_lab_on_a_disc_.jpg'); }
.bg-Ottomoensted { background-image: url('/wiki/images/3/35/DTU-Denmark_Ottomoensted.png'); }
.bg-tyrocidine_structure { background-image: url('/wiki/images/f/f2/DTU-Denmark_tyrocidine_structure.png'); }
.bg-Nicolai { background-image: url('/wiki/images/1/1d/DTU-Denmark_Nicolai.jpg'); }
.bg-AKG { background-image: url('/wiki/images/9/9d/DTU-Denmark_AKG.png'); }
.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-Tobias { background-image: url('/wiki/images/8/85/DTU-Denmark_Tobias.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-labonadiscilustra { background-image: url('/wiki/images/8/80/DTU-Denmark_labonadiscilustra.jpg'); }
.bg-wizard_screenshot4 { background-image: url('/wiki/images/c/ce/DTU-Denmark_wizard_screenshot4.png'); }
.bg-wizard_screenshot5 { background-image: url('/wiki/images/b/b9/DTU-Denmark_wizard_screenshot5.png'); }
.bg-wizard_screenshot2 { background-image: url('/wiki/images/b/b4/DTU-Denmark_wizard_screenshot2.png'); }
.bg-wizard_screenshot3 { background-image: url('/wiki/images/7/7e/DTU-Denmark_wizard_screenshot3.png'); }
.bg-wizard_screenshot1 { background-image: url('/wiki/images/7/7c/DTU-Denmark_wizard_screenshot.png'); }
.bg-VWR_lab { background-image: url('/wiki/images/3/37/DTU-Denmark_VWR_lab.jpg'); }
.bg-mixing-steps { background-image: url('/wiki/images/c/c0/DTU-Denmark_mixing_steps.jpg'); }
.bg-plot-CFU-vs-OD { background-image: url('/wiki/images/4/4b/DTU-Denmark_plot_CFU_vs_OD.png'); }
.bg-exp-3 { background-image: url('/wiki/images/3/36/DTU-Denmark_exp_3.jpg'); }
.bg-Maja { background-image: url('/wiki/images/c/c2/DTU-Denmark_Maja.jpg'); }
.bg-Synthesizer_front_logo { background-image: url('/wiki/images/f/f1/DTU-Denmark_Synthesizer_front_logo.png'); }
.bg-In-Vitro { background-image: url('/wiki/images/7/7c/DTU-Denmark_In_Vitro.jpg'); }
.bg-table_new { background-image: url('/wiki/images/9/94/DTU-Denmark_table_new.png'); }
.bg-Facebook_update_meme { background-image: url('None'); }
.bg-timeline_W168 { background-image: url('/wiki/images/e/e1/DTU-Denmark_timeline_W168.jpg'); }
.bg-HS_baad2zoom { background-image: url('/wiki/images/d/d6/DTU-Denmark_HS_baad2zoom.png'); }
.bg-SDS-page-picture { background-image: url('/wiki/images/f/fb/DTU-Denmark_SDS_page_picture.png'); }
.bg-pDG268_1 { background-image: url('/wiki/images/d/d9/DTU-Denmark_pDG268_1.png'); }
.bg-pDG268_2 { background-image: url('/wiki/images/d/dc/DTU-Denmark_pDG268_2.png'); }
.bg-SurMALDIRefNeg { background-image: url('/wiki/images/7/72/DTU-Denmark_SurMALDIRefNeg.png'); }
.bg-Vilhelm { background-image: url('/wiki/images/8/87/DTU-Denmark_Vilhelm.jpg'); }
.bg-MogensKilstrup { background-image: url('/wiki/images/f/f0/DTU-Denmark_MogensKilstrup.jpg'); }
.bg-nanodrop { background-image: url('/wiki/images/d/df/DTU-Denmark_nanodrop.jpg'); }
.bg-TyroBreviandstdHPLC { background-image: url('/wiki/images/0/05/DTU-Denmark_TyroBreviandstdHPLC.png'); }
.bg-highschool_biotechacademy { background-image: url('/wiki/images/b/b8/DTU-Denmark_highschool_biotechacademy.jpg'); }
.bg-Thea { background-image: url('/wiki/images/e/e6/DTU-Denmark_Thea.jpg'); }
.bg-Lab-graph-1 { background-image: url('/wiki/images/d/da/DTU-Denmark_Lab_graph_1.jpg'); }
.bg-IDT_LOGO { background-image: url('/wiki/images/9/9f/DTU-Denmark_IDT_LOGO.png'); }
.bg-mismatch-frequency- { background-image: url('/wiki/images/c/ce/DTU-Denmark_mismatch_frequency_.png'); }
.bg-Lundbeckfonden { background-image: url('/wiki/images/e/e2/DTU-Denmark_Lundbeckfonden.jpg'); }
.bg-biobrickshipping { background-image: url('/wiki/images/1/1a/DTU-Denmark_biobrickshipping.jpg'); }
.bg-surfactin_highlight { background-image: url('/wiki/images/7/78/DTU-Denmark_surfactin_highlight.png'); }
.bg-bluedot { background-image: url('/wiki/images/4/4a/DTU-Denmark_bluedot.jpg'); }
.bg-surfactin_chem { background-image: url('/wiki/images/f/f0/DTU-Denmark_surfactin_chem.png'); }
.bg-TyroBrevivsBacHPLC { background-image: url('/wiki/images/b/bc/DTU-Denmark_TyroBrevivsBacHPLC.png'); }
.bg-Life-Science-and-Beyond { background-image: url('/wiki/images/3/38/DTU-Denmark_Life_Science_and_Beyond.jpg'); }
.bg-cycle { background-image: url('/wiki/images/7/7b/DTU-Denmark_cycle.png'); }
.bg-BioBrickWorkshop-other-lowquality { background-image: url('/wiki/images/c/cf/DTU-Denmark_BioBrickWorkshop-other-lowquality.jpg'); }
.bg-recombinase_rep { background-image: url('/wiki/images/7/70/DTU-Denmark_recombinase_rep.png'); }
.bg-Snapgene { background-image: url('/wiki/images/5/58/DTU-Denmark_Snapgene.png'); }
.bg-Frisenette { background-image: url('/wiki/images/c/c8/DTU-Denmark_Frisenette.jpg'); }
.bg-HS-presentation { background-image: url('/wiki/images/8/84/DTU-Denmark_HS_presentation.jpg'); }
.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-POC-mutSgp35 { background-image: url('/wiki/images/9/9d/DTU-Denmark_POC_mutSgp35.png'); }
#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%; }