Difference between revisions of "Team:DTU-Denmark/wikicss"

Line 1: Line 1:
 
html, body, #globalWrapper, #content, #bodyContent, #mw-content-text {
 
html, body, #globalWrapper, #content, #bodyContent, #mw-content-text {
−
    height: 100%;
+
  height: 100%; }
−
}
+
  
−
.firstHeading, .printfooter {
+
  .firstHeading, .printfooter {
−
     display: none;
+
     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 {
 
     .hero {
−
         background-position: center;
+
      height: 100%;
−
        background-attachment: fixed;
+
      width: 100%;
−
        background-repeat: no-repeat;
+
      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 {
 
.hero-text {
−
    position: relative;
+
  position: relative;
−
    margin-top: 10px;
+
  margin-top: 10px;
−
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
+
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
−
    font-weight: 700;
+
  font-weight: 700; }
−
}
+
  @media screen and (min-width: 768px) {
−
 
+
−
@media screen and (min-width: 768px) {
+
 
     .hero-text {
 
     .hero-text {
−
        margin-top: 150px;
+
      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 {
 
     .hero-text h1 {
−
        font-size: 5em;
+
      margin: 0;
−
    }
+
      text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
−
}
+
      font-size: 3em; }
−
 
+
      @media screen and (min-width: 768px) {
−
.hero-text h3 {
+
        .hero-text h1 {
−
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
+
          font-size: 5em;   }
−
}
+
−
 
+
−
.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;
+
 
}
 
}
 +
  .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 {
 
.igem-logo {
−
    position: absolute;
+
  position: absolute;
−
    width: 100px;
+
  width: 100px;
−
    top: 100px;
+
  top: 100px;
−
    left: 40px;
+
  left: 40px;
−
    float: left;
+
  float: left;
−
    opacity: 0.7;
+
  opacity: 0.7; }
−
}
+
  .igem-logo img {
−
 
+
−
.igem-logo img {
+
 
     width: 70px;
 
     width: 70px;
 
     -webkit-filter: grayscale(1);
 
     -webkit-filter: grayscale(1);
Line 90: Line 68:
 
     -webkit-transition: -webkit-filter 0.5s ease-in-out;
 
     -webkit-transition: -webkit-filter 0.5s ease-in-out;
 
     -moz-transition: -moz-filter 0.5s ease-in-out;
 
     -moz-transition: -moz-filter 0.5s ease-in-out;
−
     -o-transition: -o-filter 0.5s ease-in-out;
+
     -o-transition: -o-filter 0.5s ease-in-out; }
−
}
+
    .igem-logo img:hover {
−
 
+
      -webkit-filter: grayscale(0);
−
.igem-logo img:hover {
+
      -moz-filter: grayscale(0);
−
    -webkit-filter: grayscale(0);
+
      -o-filter: grayscale(0);
−
    -moz-filter: grayscale(0);
+
      filter: grayscale(0); }
−
    -o-filter: grayscale(0);
+
−
    filter: grayscale(0);
+
−
}
+
  
 
.btn-transparent {
 
.btn-transparent {
−
    background-color: transparent;
+
  background-color: transparent;
−
    color: #f8f8f8;
+
  color: #f8f8f8;
−
    margin: 5px 0;
+
  margin: 5px 0; }
−
}
+
  .btn-transparent:hover, .btn-transparent:focus, .btn-transparent:active {
−
 
+
     background-color: transparent; }
−
.btn-transparent:hover, .btn-transparent:focus, .btn-transparent:active {
+
−
     background-color: transparent;
+
−
}
+
  
 
@-webkit-keyframes baloonBounceAnim {
 
@-webkit-keyframes baloonBounceAnim {
−
    0% {
+
  0% {
−
        -webkit-transform: translateY(0);
+
    -webkit-transform: translateY(0);   }
−
    }
+
 
     50% {
 
     50% {
−
        -webkit-transform: translateY(20px);
+
      -webkit-transform: translateY(20px);   }
−
    }
+
      100% {
−
    100% {
+
         -webkit-transform: translateY(0);   }
−
         -webkit-transform: translateY(0);
+
−
    }
+
 
}
 
}
  
 
@-moz-keyframes baloonBounceAnim {
 
@-moz-keyframes baloonBounceAnim {
−
    0% {
+
  0% {
−
        -moz-transform: translateY(0);
+
    -moz-transform: translateY(0);   }
−
    }
+
 
     50% {
 
     50% {
−
        -moz-transform: translateY(20px);
+
      -moz-transform: translateY(20px);   }
−
    }
+
      100% {
−
    100% {
+
         -moz-transform: translateY(0);   }
−
         -moz-transform: translateY(0);
+
−
    }
+
 
}
 
}
  
 
@keyframes baloonBounceAnim {
 
@keyframes baloonBounceAnim {
−
    0% {
+
  0% {
−
        transform: translateY(0);
+
    transform: translateY(0);   }
−
    }
+
 
     50% {
 
     50% {
−
        transform: translateY(20px);
+
      transform: translateY(20px);   }
−
    }
+
      100% {
−
    100% {
+
         transform: translateY(0);   }
−
         transform: translateY(0);
+
−
    }
+
 
}
 
}
  
 
.btn-circle {
 
.btn-circle {
−
    width: 50px;
+
  width: 50px;
−
    height: 50px;
+
  height: 50px;
−
    margin-top: 5px;
+
  margin-top: 5px;
−
    border: 2px solid #f8f8f8;
+
  border: 2px solid #f8f8f8;
−
    border-radius: 35px;
+
  border-radius: 35px;
−
    font-size: 30px;
+
  font-size: 30px;
−
    font-weight: 400;
+
  font-weight: 400;
−
    text-shadow: none;
+
  text-shadow: none;
−
    background: 0 0;
+
  background: 0 0;
−
    -webkit-transition: background 0.3s ease-in-out;
+
  -webkit-transition: background 0.3s ease-in-out;
−
    -moz-transition: background 0.3s ease-in-out;
+
  -moz-transition: background 0.3s ease-in-out;
−
    -o-transition: background 0.3s ease-in-out;
+
  -o-transition: background 0.3s ease-in-out;
−
    transition: background 0.3s ease-in-out;
+
  transition: background 0.3s ease-in-out;
−
    -webkit-animation: baloonBounceAnim 1500ms infinite ease-in-out;
+
  -webkit-animation: baloonBounceAnim 1500ms infinite ease-in-out;
−
    -moz-animation: baloonBounceAnim 1500ms infinite ease-in-out;
+
  -moz-animation: baloonBounceAnim 1500ms infinite ease-in-out;
−
    -o-animation: baloonBounceAnim 1500ms infinite ease-in-out;
+
  -o-animation: baloonBounceAnim 1500ms infinite ease-in-out;
−
    animation: baloonBounceAnim 1500ms infinite ease-in-out;
+
  animation: baloonBounceAnim 1500ms infinite ease-in-out; }
−
}
+
  @media screen and (min-width: 768px) {
−
 
+
−
@media screen and (min-width: 768px) {
+
 
     .btn-circle {
 
     .btn-circle {
−
        margin-top: 15px;
+
      margin-top: 15px;
−
        width: 70px;
+
      width: 70px;
−
        height: 70px;
+
      height: 70px;
−
        font-size: 40px;
+
      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;
+
 
}
 
}
 +
    .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 {
 
.navimg {
−
    padding: 10px 15px;
+
  padding: 10px 15px; }
−
}
+
  .navimg img {
−
 
+
     max-height: 20px; }
−
.navimg img {
+
−
     max-height: 20px;
+
−
}
+
  
 
.navbar-right {
 
.navbar-right {
−
    text-align: center;
+
  text-align: center; }
−
}
+
  
−
@media screen and (min-width: 768px) {
+
  @media screen and (min-width: 768px) {
−
     .navbar-default {
+
     .navbar-nav {
 +
      margin: 0 auto;
 +
      display: table;
 +
      table-layout: fixed;
 +
      float: none;  }
 +
      .navbar-default {
 
         min-height: 20px;
 
         min-height: 20px;
 
         padding: 40px 0;
 
         padding: 40px 0;
Line 219: Line 174:
 
         -moz-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;
 
         -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;
+
         transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;   }
−
    }
+
        .navbar-default .navbar-right li a {
−
 
+
          color: #fff;   }
−
    .navbar-default .navbar-right li a {
+
−
        color: #fff;
+
−
    }
+
−
 
+
 
     .nav-justified li a {
 
     .nav-justified li a {
−
        white-space: nowrap;
+
      white-space: nowrap;
−
        color: #fff;
+
      color: #fff;
−
        -webkit-transition: color 0.5s ease-in-out;
+
      -webkit-transition: color 0.5s ease-in-out;
−
        -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;   }
−
    }
+
      .nav-justified li a:hover, .nav-justified li a:focus, .nav-justified li a:active {
−
 
+
         background-color: transparent;   }
−
    .nav-justified li a:hover, .nav-justified li a:focus, .nav-justified li a:active {
+
−
         background-color: transparent;
+
−
    }
+
−
 
+
 
     .nav-justified li.active a {
 
     .nav-justified li.active a {
−
        font-weight: bolder;
+
      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;
 
         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;  }
 +
      .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;  }
 +
    .navbar-default .navbar-nav > li.active a,
 +
    .navbar-default .navbar-nav > .active.active a {
 +
      font-weight: bolder;
 +
      background-color: transparent;  }
 +
    .dropdown-menu {
 +
      background-color: transparent;  }
 +
      .dropdown-menu > li > a {
 +
        color: #fff;
 +
        background-color: transparent;  }
 +
        .dropdown-menu > li > a:hover {
 +
          color: #fff;
 +
          background-color: transparent;  }
 +
      .dropdown-menu > .active > a {
 +
        color: #fff;
 +
        background-color: transparent;  }
 +
        .dropdown-menu > .active > a:hover {
 +
          color: #fff;
 +
          background-color: transparent;  }
 
     .top-nav-collapse {
 
     .top-nav-collapse {
−
        padding-top: 20px;
+
      padding-top: 20px;
−
        padding-bottom: 0;
+
      padding-bottom: 0;
−
         background-color: #fff;
+
      background-color: #fff;
−
         color: #f00;
+
      color: #f00;  }
−
    }
+
      .top-nav-collapse .dropdown-menu {
−
 
+
         background-color: #fff;   }
−
    .top-nav-collapse .navbar-brand {
+
         .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;
 
         padding-bottom: 0;
 
         height: 20px;
 
         height: 20px;
−
         padding-top: 10px;
+
         padding-top: 10px;   }
−
    }
+
        .top-nav-collapse .navbar-right li a {
−
 
+
          color: #f00;
−
    .top-nav-collapse .navbar-right li a {
+
          padding-top: 10px;
 +
          padding-bottom: 5px;  }
 +
      .top-nav-collapse .nav-justified li a {
 
         color: #f00;
 
         color: #f00;
 
         padding-top: 10px;
 
         padding-top: 10px;
−
         padding-bottom: 5px;
+
         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 {
+
        .top-nav-collapse .nav-justified li a:active {
−
         color: #f00;
+
          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-top: 10px;
−
         padding-bottom: 5px;
+
         padding-bottom: 5px;   }
−
    }
+
        .top-nav-collapse .navbar-nav > li > a:hover,
−
 
+
        .top-nav-collapse .navbar-nav > li > a:focus,
−
    .top-nav-collapse .nav-justified li a:hover, .top-nav-collapse .nav-justified li a:focus, .top-nav-collapse .nav-justified li a:active {
+
        .top-nav-collapse .navbar-nav > li > a:active {
−
        background-color: transparent;
+
          color: #f00 !important;   }
−
    }
+
−
 
+
 
     .extrabar {
 
     .extrabar {
−
        width: 100%;
+
      width: 100%;
−
        padding-bottom: 5px;
+
      padding-bottom: 5px;
−
        padding-top: 0;
+
      padding-top: 0;
−
        min-height: 20px;
+
      min-height: 20px;
−
        z-index: 1;
+
      z-index: 1;
−
        border: 0;
+
      border: 0;
−
        background-color: #fff;
+
      background-color: #fff;
−
        border-radius: 0;
+
      background-color: white;
−
    }
+
      border-radius: 0;   }
−
 
+
      .extrabar .navbar-nav {
−
    .extrabar .nav-justified li a {
+
        margin: 0 auto;
−
        padding: 5px;
+
        display: table;
−
        color: #f00;
+
        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;  }
 
}
 
}
  
 
.affix {
 
.affix {
−
    top: 54px;
+
  top: 54px; }
−
}
+
  
−
.img {
+
  .img {
 
     width: 100%;
 
     width: 100%;
 
     height: 400px;
 
     height: 400px;
Line 303: Line 318:
 
     -o-background-size: cover;
 
     -o-background-size: cover;
 
     background-size: cover;
 
     background-size: cover;
−
     background-position: center;
+
     background-position: center; }
−
}
+
    @media screen and (min-width: 1025px) {
−
 
+
      .img {
−
@media screen and (min-width: 1025px) {
+
−
    .img {
+
 
         background-attachment: fixed;
 
         background-attachment: fixed;
−
         background-repeat: no-repeat;
+
         background-repeat: no-repeat;   }
−
    }
+
 
}
 
}
  
 
.img-title {
 
.img-title {
−
    font-size: 36px;
+
  font-size: 36px;
−
    background-color: rgba(33, 33, 33, 0.2);
+
  background-color: rgba(33, 33, 33, 0.2);
−
    color: #FFF;
+
  color: #FFF;
−
    padding: 5px 50px;
+
  padding: 5px 50px;
−
    top: 10%;
+
  top: 10%;
−
    position: relative;
+
  position: relative;
−
    font-family: 'Bree Serif', serif;
+
  font-family: 'Bree Serif', serif;
−
    text-shadow: rgba(33, 33, 33, 0.5) 0 2px 3px;
+
  text-shadow: rgba(33, 33, 33, 0.5) 0 2px 3px; }
−
}
+
  .img-title .right {
−
 
+
     text-align: right; }
−
.img-title .right {
+
−
     text-align: right;
+
−
}
+
  
 
.member-image {
 
.member-image {
−
    width: 100%;
+
  width: 100%; }
−
}
+
  
−
img {
+
  img {
−
     max-width: 100%;
+
     max-width: 100%; }
−
}
+
  
−
.carousel-inner > .item > img {
+
    .carousel-inner > .item > img {
−
    height: 500px;
+
      height: 500px;
−
    margin: 0 auto;
+
      margin: 0 auto; }
−
}
+
  
 
.carousel-caption {
 
.carousel-caption {
−
    color: #f00;
+
  color: #f00; }
−
}
+
  
−
.sponsors {
+
  .sponsors {
−
     text-align: center;
+
     text-align: center; }
−
}
+
  
−
.sponsor-image {
+
    .sponsor-image {
−
    max-height: 150px;
+
      max-height: 150px; }
−
}
+
  
−
.sponsor-row {
+
      .sponsor-row {
−
    margin: 15px 0;
+
        margin: 15px 0; }
−
}
+
  
−
.sponsorlogo {
+
        .sponsorlogo {
−
    padding: 5px;
+
          padding: 5px;
−
    vertical-align: middle;
+
          vertical-align: middle;
−
    display: inline-block;
+
          display: inline-block; }
−
}
+
          .sponsorlogo img {
−
 
+
            max-height: 100px; }
−
.sponsorlogo img {
+
−
    max-height: 100px;
+
−
}
+
  
 
.criterialist {
 
.criterialist {
−
    list-style-type: none;
+
  list-style-type: none; }
−
}
+
  .criterialist li:before {
−
 
+
−
.criterialist li:before {
+
 
     font-family: 'FontAwesome';
 
     font-family: 'FontAwesome';
−
     margin: 0 5px 0 -15px;
+
     margin: 0 5px 0 -15px; }
−
}
+
    .criterialist li.checked:before {
 +
      content: ''; }
 +
      .criterialist li.unchecked:before {
 +
        content: ""; }
  
−
.criterialist li.checked:before {
+
.bg-HS_baad2 {
−
    content: '';
+
  background-image: url('/wiki/images/2/23/DTU-Denmark_HS_baad2.png'); }
−
}
+
  
−
.criterialist li.unchecked:before {
+
  .bg-HS_Teams {
−
    content: "";
+
    background-image: url('None'); }
−
}
+
 
 +
    .bg-Pernille {
 +
      background-image: url('/wiki/images/4/46/DTU-Denmark_Pernille.jpg'); }
 +
 
 +
      .bg-lab-on-a-disc- {
 +
        background-image: url('/wiki/images/5/5e/DTU-Denmark_lab_on_a_disc_.jpg'); }
 +
 
 +
        .bg-timeline_novoamb {
 +
          background-image: url('/wiki/images/c/c5/DTU-Denmark_timeline_novoamb.png'); }
 +
 
 +
          .bg-exp-3 {
 +
            background-image: url('/wiki/images/3/36/DTU-Denmark_exp_3.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('/wiki/images/1/12/DTU-Denmark_Spacemoss.jpg'); }
 +
 
 +
                    .bg-biobrickshipping {
 +
                      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-tyrocidine_structure {
 +
                                background-image: url('None'); }
 +
 
 +
                                .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('/wiki/images/f/fb/DTU-Denmark_SDS_page_picture.png'); }
 +
 
 +
                                                      .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-Lab-graph-1 {
 +
                                                            background-image: url('None'); }
 +
 
 +
                                                            .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('None'); }
 +
 
 +
                                                                  .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-mutliple_OGRE_Frequency_ {
 +
                                                                          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-disc-exp1-tyr {
 +
                                                                                  background-image: url('/wiki/images/b/ba/DTU-Denmark_disc_exp1_tyr.jpg'); }
 +
 
 +
                                                                                  .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-mixing-steps {
 +
                                                                                                  background-image: url('None'); }
 +
 
 +
                                                                                                  .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-generation_time_growth_picture {
 +
                                                                                                                        background-image: url('None'); }
 +
 
 +
                                                                                                                        .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('/wiki/images/9/91/DTU-Denmark_Magecycle.png'); }
 +
 
 +
                                                                                                                                                          .bg-surfactin_operon {
 +
                                                                                                                                                            background-image: url('/wiki/images/c/c6/DTU-Denmark_surfactin_operon.png'); }
 +
 
 +
                                                                                                                                                            .bg-HS-presentation {
 +
                                                                                                                                                              background-image: url('/wiki/images/8/84/DTU-Denmark_HS_presentation.jpg'); }
 +
 
 +
                                                                                                                                                              .bg-Blusense {
 +
                                                                                                                                                                background-image: url('/wiki/images/9/9c/DTU-Denmark_Blusense.jpg'); }
 +
 
 +
                                                                                                                                                                .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%; }

Revision as of 17:11, 18 September 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;   }
     .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;   }
   .navbar-default .navbar-nav > li.active a,
   .navbar-default .navbar-nav > .active.active a {
     font-weight: bolder;
     background-color: transparent;   }
   .dropdown-menu {
     background-color: transparent;   }
     .dropdown-menu > li > a {
       color: #fff;
       background-color: transparent;   }
       .dropdown-menu > li > a:hover {
         color: #fff;
         background-color: transparent;   }
     .dropdown-menu > .active > a {
       color: #fff;
       background-color: transparent;   }
       .dropdown-menu > .active > a:hover {
         color: #fff;
         background-color: transparent;   }
   .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;   }

}

.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-lab-on-a-disc- {
       background-image: url('/wiki/images/5/5e/DTU-Denmark_lab_on_a_disc_.jpg'); }

       .bg-timeline_novoamb {
         background-image: url('/wiki/images/c/c5/DTU-Denmark_timeline_novoamb.png'); }

         .bg-exp-3 {
           background-image: url('/wiki/images/3/36/DTU-Denmark_exp_3.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('/wiki/images/1/12/DTU-Denmark_Spacemoss.jpg'); }

                   .bg-biobrickshipping {
                     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-tyrocidine_structure {
                               background-image: url('None'); }

                               .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('/wiki/images/f/fb/DTU-Denmark_SDS_page_picture.png'); }

                                                     .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-Lab-graph-1 {
                                                           background-image: url('None'); }

                                                           .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('None'); }

                                                                 .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-mutliple_OGRE_Frequency_ {
                                                                         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-disc-exp1-tyr {
                                                                                 background-image: url('/wiki/images/b/ba/DTU-Denmark_disc_exp1_tyr.jpg'); }

                                                                                 .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-mixing-steps {
                                                                                                 background-image: url('None'); }

                                                                                                 .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-generation_time_growth_picture {
                                                                                                                       background-image: url('None'); }

                                                                                                                       .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('/wiki/images/9/91/DTU-Denmark_Magecycle.png'); }

                                                                                                                                                         .bg-surfactin_operon {
                                                                                                                                                           background-image: url('/wiki/images/c/c6/DTU-Denmark_surfactin_operon.png'); }

                                                                                                                                                           .bg-HS-presentation {
                                                                                                                                                             background-image: url('/wiki/images/8/84/DTU-Denmark_HS_presentation.jpg'); }

                                                                                                                                                             .bg-Blusense {
                                                                                                                                                               background-image: url('/wiki/images/9/9c/DTU-Denmark_Blusense.jpg'); }

                                                                                                                                                               .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%; }