Difference between revisions of "Team:DTU-Denmark/wiki.css"

Revision as of 18:08, 7 September 2015

html, body, #globalWrapper, #content, #bodyContent {

 height: 100%; }

 .firstHeading, .printfooter, #top_menu_under {
   display: none; }

   1px #top_menu_14 {
     -webkit-transition: -webkit-transform 0.7s ease-out;
     -moz-transition: -moz-transform 0.7s ease-out;
     -o-transition: -o-transform 0.7s ease-out;
     transition: transform 0.7s ease-out; }

     .top_menu_faded {
       -webkit-transform: translateY(-20px);
       -moz-transform: translateY(-20px);
       -o-transform: translateY(-20px);
       transform: translateY(-20px); }

       .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: 20px 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: 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: 34px; }

 .hidden {
   display: none; }

   .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-Pernille {
   background-image: url('/wiki/images/4/46/DTU-Denmark_Pernille.jpg'); }

   .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-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-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-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-IDT_LOGO {
                                         background-image: url('/wiki/images/9/9f/DTU-Denmark_IDT_LOGO.png'); }

                                         .bg-dtulogo {
                                           background-image: url('/wiki/images/b/b7/DTU-Denmark_dtulogo.png'); }

                                           .bg-Lundbeckfonden {
                                             background-image: url('/wiki/images/e/e2/DTU-Denmark_Lundbeckfonden.jpg'); }

                                             .bg-hero {
                                               background-image: url('/wiki/images/0/0b/DTU-Denmark_hero.jpg'); }

                                               .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-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-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-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-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-timeline_biobrickworkshop {
                                                                                             background-image: url('/wiki/images/f/fe/DTU-Denmark_timeline_biobrickworkshop.jpg'); }

                                                                                             .bg-Magecycle {
                                                                                               background-image: url('None'); }

                                                                                               .bg-Facebook_update_meme {
                                                                                                 background-image: url('None'); }