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

 
(7 intermediate revisions by 2 users not shown)
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 {
−
      height: 100%;
+
         background-position: center;
−
      width: 100%;
+
        background-attachment: fixed;
−
      position: relative;
+
        background-repeat: no-repeat;
−
      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 {
−
      margin: 0;
+
        font-size: 5em;
−
      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 h3 {
−
          font-size: 5em;   }
+
    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;
 
}
 
}
−
  .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 68: Line 90:
 
     -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);
+
 
−
      -moz-filter: grayscale(0);
+
.igem-logo img:hover {
−
      -o-filter: grayscale(0);
+
    -webkit-filter: grayscale(0);
−
      filter: grayscale(0); }
+
    -moz-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% {
+
    }
−
         -webkit-transform: translateY(0);   }
+
    100% {
 +
         -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% {
+
    }
−
         -moz-transform: translateY(0);   }
+
    100% {
 +
         -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% {
+
    }
−
         transform: translateY(0);   }
+
    100% {
 +
         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; }
 
  
−
.navimg {
+
.btn-circle:hover, .btn-circle:focus {
−
  padding: 10px 15px; }
+
    outline: 0;
−
  .navimg img {
+
    color: #f8f8f8;
−
     max-height: 20px; }
+
     background: rgba(255, 255, 255, 0.2);
 +
}
  
−
.navbar-right {
+
.btn-circle i.animated {
−
  text-align: center; }
+
    -webkit-transition: -webkit-transform 1s;
 +
    -moz-transition: -moz-transform 1s;
 +
    -o-transition: -o-transform 1s;
 +
    transition: transform 1s;
 +
}
  
−
  @media screen and (min-width: 768px) {
+
.btn-circle:hover i.animated {
−
    .navbar-default {
+
     -webkit-animation: pulse 1.5s infinite;
−
      min-height: 20px;
+
    -moz-animation: pulse 1.5s infinite;
−
      padding: 40px 0;
+
    -o-animation: pulse 1.5s infinite;
−
      margin-bottom: 0;
+
     animation: pulse 1.5s infinite;
−
      text-align: center;
+
−
      font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
+
−
      border: 0;
+
−
      background-color: transparent;
+
−
      -webkit-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
+
−
      -moz-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
+
−
      -o-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
+
−
      transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;  }
+
−
      .navbar-default .navbar-right li a {
+
−
        color: #fff;  }
+
−
     .nav-justified li a {
+
−
      white-space: nowrap;
+
−
      color: #fff;
+
−
      -webkit-transition: color 0.5s ease-in-out;
+
−
      -moz-transition: color 0.5s ease-in-out;
+
−
      -o-transition: color 0.5s ease-in-out;
+
−
      transition: color 0.5s ease-in-out;  }
+
−
      .nav-justified li a:hover, .nav-justified li a:focus, .nav-justified li a:active {
+
−
        background-color: transparent;  }
+
−
     .nav-justified li.active a {
+
−
      font-weight: bolder;
+
−
      background-color: transparent;  }
+
−
    .top-nav-collapse {
+
−
      padding-top: 20px;
+
−
      padding-bottom: 0;
+
−
      background-color: #fff;
+
−
      color: #f00;  }
+
−
      .top-nav-collapse .navbar-brand {
+
−
        padding-bottom: 0;
+
−
        height: 20px;
+
−
        padding-top: 10px;  }
+
−
        .top-nav-collapse .navbar-right li a {
+
−
          color: #f00;
+
−
          padding-top: 10px;
+
−
          padding-bottom: 5px;  }
+
−
      .top-nav-collapse .nav-justified li a {
+
−
        color: #f00;
+
−
        padding-top: 10px;
+
−
        padding-bottom: 5px;  }
+
−
        .top-nav-collapse .nav-justified li a:hover,
+
−
        .top-nav-collapse .nav-justified li a:focus,
+
−
        .top-nav-collapse .nav-justified li a:active {
+
−
          background-color: transparent;  }
+
−
    .extrabar {
+
−
      width: 100%;
+
−
      padding-bottom: 5px;
+
−
      padding-top: 0;
+
−
      min-height: 20px;
+
−
      z-index: 1;
+
−
      border: 0;
+
−
      background-color: #fff;
+
−
      background-color: white;
+
−
      border-radius: 0;  }
+
−
      .extrabar .nav-justified li a {
+
−
        padding: 5px;
+
−
        color: #f00;   }
+
 
}
 
}
  
−
.affix {
+
.navimg {
−
  top: 54px; }
+
    padding: 10px 15px;
 +
}
  
−
  .img {
+
.navimg img {
−
     width: 100%;
+
     max-height: 20px;
−
    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 {
+
.navbar-right {
−
  font-size: 36px;
+
     text-align: center;
−
  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 {
+
@media screen and (min-width: 768px) {
−
  width: 100%; }
+
    .navbar-nav {
 +
        margin: 0 auto;
 +
        display: table;
 +
        table-layout: fixed;
 +
        float:none;
 +
        font-size: 1vw;
 +
    }
 +
   
 +
    .navbar-nav ul {
 +
      white-space:nowrap;
 +
    }
 +
   
 +
    .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;
 +
    }
  
−
  img {
+
     .navbar-default .navbar-right > li > a, .navbar-default .navbar-right > li > a:hover, .navbar-default .navbar-right > li > a:focus, .navbar-default .navbar-right > li > a:active {
−
     max-width: 100%; }
+
        color: #fff;
 +
    }
  
−
     .carousel-inner > .item > img {
+
     .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:active {
−
      height: 500px;
+
        white-space: nowrap;
−
      margin: 0 auto; }
+
        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;
 +
    }
  
−
.carousel-caption {
+
    .navbar-default .navbar-nav > li a:hover, .navbar-default .navbar-nav > li a:focus, .navbar-default .navbar-nav > li a:active {
−
  color: #f00; }
+
        background-color: transparent;
 +
    }
  
−
  .sponsors {
+
    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:active {
−
    text-align: center; }
+
        font-weight: bolder;
 +
        background-color: transparent;
 +
        color: #fff;
 +
    }
  
−
     .sponsor-image {
+
     .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:active {
−
      max-height: 150px; }
+
        font-weight: bolder;
 +
        background-color: transparent;
 +
        color: #fff;
 +
    }
  
−
      .sponsor-row {
+
    .dropdown-menu {
−
         margin: 15px 0; }
+
         background-color: rgba(0, 0, 0, .5);
 +
    }
  
−
        .sponsorlogo {
+
    .dropdown-menu > li > a, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:active {
−
          padding: 5px;
+
        color: #fff;
−
          vertical-align: middle;
+
        background-color: transparent;
−
          display: inline-block; }
+
    }
−
          .sponsorlogo img {
+
−
            max-height: 100px; }
+
  
−
.criterialist {
+
    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:active {
−
  list-style-type: none; }
+
        font-weight: bolder;
−
  .criterialist li:before {
+
     }
−
    font-family: 'FontAwesome';
+
−
     margin: 0 5px 0 -15px; }
+
−
    .criterialist li.checked:before {
+
−
      content: ''; }
+
−
      .criterialist li.unchecked:before {
+
−
        content: ""; }
+
  
−
.bg-HS_baad2 {
+
    .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:active {
−
  background-image: url('/wiki/images/2/23/DTU-Denmark_HS_baad2.png'); }
+
        font-weight: bolder;
 +
        color: #fff;
 +
        background-color: transparent;
 +
    }
  
−
  .bg-Pernille {
+
    .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:active {
−
    background-image: url('/wiki/images/4/46/DTU-Denmark_Pernille.jpg'); }
+
        font-weight: bolder;
 +
    }
  
−
     .bg-NEB_logo {
+
     .top-nav-collapse {
−
      background-image: url('/wiki/images/e/e0/DTU-Denmark_NEB_logo.png'); }
+
        padding-top: 20px;
 +
        padding-bottom: 0;
 +
        background-color: #fff;
 +
        color: #f00;
 +
    }
  
−
      .bg-Fisher-Scientific-visit {
+
    .top-nav-collapse .navbar-brand {
−
         background-image: url('/wiki/images/c/c7/DTU-Denmark_Fisher_Scientific_visit.png'); }
+
         padding-bottom: 0;
 +
        height: 20px;
 +
        padding-top: 10px;
 +
    }
  
−
        .bg-Fracking {
+
    .top-nav-collapse .navbar-right > li > a {
−
          background-image: url('/wiki/images/e/ec/DTU-Denmark_Fracking.jpg'); }
+
        color: #f00;
 +
        padding-top: 10px;
 +
        padding-bottom: 5px;
 +
    }
  
−
          .bg-Spacemoss {
+
    .top-nav-collapse .navbar-nav > li > a, .top-nav-collapse .navbar-nav > li > a:hover, .top-nav-collapse .navbar-nav > li > a:focus, .top-nav-collapse .navbar-nav > li > a:active {
−
            background-image: url('None'); }
+
        color: #f00;
 +
        padding-top: 10px;
 +
        padding-bottom: 5px;
 +
        background-color: transparent;
 +
    }
  
−
            .bg-MoMage {
+
    .top-nav-collapse .navbar-nav > .active > a, .top-nav-collapse .navbar-nav > .active > a:hover, .top-nav-collapse .navbar-nav > .active > a:focus, .top-nav-collapse .navbar-nav > .active > a:active {
−
              background-image: url('None'); }
+
        color: #f00;
 +
        padding-top: 10px;
 +
        padding-bottom: 5px;
 +
        background-color: transparent;
 +
    }
  
−
              .bg-Tobias {
+
    .top-nav-collapse .navbar-nav > .open > a, .top-nav-collapse .navbar-nav > .open > a:hover, .top-nav-collapse .navbar-nav > .open > a:focus, .top-nav-collapse .navbar-nav > .open > a:active {
−
                background-image: url('/wiki/images/8/85/DTU-Denmark_Tobias.jpg'); }
+
        color: #f00;
 +
        padding-top: 10px;
 +
        padding-bottom: 5px;
 +
        background-color: transparent;
 +
    }
  
−
                .bg-Vilhelm {
+
    .top-nav-collapse .dropdown-menu {
−
                  background-image: url('/wiki/images/8/87/DTU-Denmark_Vilhelm.jpg'); }
+
        background-color: rgba(0, 0, 0, .5);
 +
    }
  
−
                  .bg-MogensKilstrup {
+
    .top-nav-collapse .dropdown-menu > li > a, .top-nav-collapse .dropdown-menu > li > a:hover, .top-nav-collapse .dropdown-menu > li > a:focus, .top-nav-collapse .dropdown-menu > li > a:active {
−
                    background-image: url('/wiki/images/f/f0/DTU-Denmark_MogensKilstrup.jpg'); }
+
        color: #fff;
 +
        background-color: transparent;
 +
    }
  
−
                    .bg-Nicolai {
+
    .top-nav-collapse .dropdown-menu > li > a:hover, .top-nav-collapse .dropdown-menu > li > a:focus, .top-nav-collapse .dropdown-menu > li > a:active {
−
                      background-image: url('/wiki/images/1/1d/DTU-Denmark_Nicolai.jpg'); }
+
        font-weight: bolder;
 +
    }
  
−
                      .bg-AKG {
+
    .top-nav-collapse .dropdown-menu > .active > a, .top-nav-collapse .dropdown-menu > .active > a:hover, .top-nav-collapse .dropdown-menu > .active > a:focus, .top-nav-collapse .dropdown-menu > .active > a:active {
−
                        background-image: url('/wiki/images/9/9d/DTU-Denmark_AKG.png'); }
+
        color: #fff;
 +
        background-color: transparent;
 +
    }
  
−
                        .bg-Verena {
+
    .top-nav-collapse .dropdown-menu > .active > a:hover, .top-nav-collapse .dropdown-menu > .active > a:focus, .top-nav-collapse .dropdown-menu > .active > a:active {
−
                          background-image: url('/wiki/images/0/0d/DTU-Denmark_Verena.jpg'); }
+
        font-weight: bolder;
 +
    }
  
−
                          .bg-group_picture {
+
    .extrabar {
−
                            background-image: url('/wiki/images/e/e4/DTU-Denmark_group_picture.jpg'); }
+
        width: 100%;
 +
        padding-bottom: 5px;
 +
        padding-top: 0;
 +
        min-height: 20px;
 +
        z-index: 1;
 +
        border: 0;
 +
        background-color: #fff;
 +
        border-radius: 0;
 +
    }
  
−
                            .bg-wizard_screenshot {
+
    .extrabar .navbar-nav {
−
                              background-image: url('/wiki/images/7/7c/DTU-Denmark_wizard_screenshot.png'); }
+
        margin: 0 auto;
 +
        display: table;
 +
        table-layout: fixed;
 +
        float:none;
 +
    }
  
−
                              .bg-highschool_biotechacademy {
+
    .extrabar .navbar-nav > li > a, .extrabar .navbar-nav > li > a:hover, .extrabar .navbar-nav > li > a:focus, .extrabar .navbar-nav > li > a:active {
−
                                background-image: url('/wiki/images/b/b8/DTU-Denmark_highschool_biotechacademy.jpg'); }
+
        padding: 5px;
 +
        color: #f00;
 +
    }
 +
    .extrabar .navbar-nav > .active > a, .extrabar .navbar-nav > .active > a:hover, .extrabar .navbar-nav > .active > a:focus, .extrabar .navbar-nav > .active > a:active {
 +
        padding: 5px;
 +
        color: #f00;
 +
    }
 +
}
  
−
                                .bg-Karolina {
+
.affix {
−
                                  background-image: url('/wiki/images/6/63/DTU-Denmark_Karolina.jpg'); }
+
    top: 54px;
 +
}
  
−
                                  .bg-Marcogen {
+
.img {
−
                                    background-image: url('/wiki/images/1/11/DTU-Denmark_Marcogen.jpg'); }
+
    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;
 +
}
  
−
                                    .bg-HS_baad {
+
@media screen and (min-width: 1025px) {
−
                                      background-image: url('/wiki/images/c/c0/DTU-Denmark_HS_baad.jpg'); }
+
    .img {
 +
        background-attachment: fixed;
 +
        background-repeat: no-repeat;
 +
    }
 +
}
  
−
                                      .bg-Thea {
+
.img-title {
−
                                        background-image: url('/wiki/images/e/e6/DTU-Denmark_Thea.jpg'); }
+
    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;
 +
}
  
−
                                        .bg-IDT_LOGO {
+
.img-title .right {
−
                                          background-image: url('/wiki/images/9/9f/DTU-Denmark_IDT_LOGO.png'); }
+
    text-align: right;
 +
}
  
−
                                          .bg-cycle {
+
.member-image {
−
                                            background-image: url('None'); }
+
    width: 100%;
 +
}
  
−
                                            .bg-dtulogo {
+
img {
−
                                              background-image: url('/wiki/images/b/b7/DTU-Denmark_dtulogo.png'); }
+
    max-width: 100%;
 +
}
  
−
                                              .bg-Lundbeckfonden {
+
.carousel-inner > .item > img {
−
                                                background-image: url('/wiki/images/e/e2/DTU-Denmark_Lundbeckfonden.jpg'); }
+
    height: 500px;
 +
    margin: 0 auto;
 +
}
  
−
                                                .bg-hero {
+
.carousel-caption {
−
                                                  background-image: url('/wiki/images/0/0b/DTU-Denmark_hero.jpg'); }
+
    color: #f00;
 +
}
  
−
                                                  .bg-ChrisWorkman {
+
.sponsors {
−
                                                    background-image: url('/wiki/images/b/ba/DTU-Denmark_ChrisWorkman.jpg'); }
+
    text-align: center;
 +
}
  
−
                                                    .bg-igemlogo {
+
.sponsor-image {
−
                                                      background-image: url('/wiki/images/a/af/DTU-Denmark_igemlogo.png'); }
+
    max-height: 150px;
 +
}
  
−
                                                      .bg-Michael {
+
.sponsor-row {
−
                                                        background-image: url('/wiki/images/b/b6/DTU-Denmark_Michael.jpg'); }
+
    margin: 15px 0;
 +
}
  
−
                                                        .bg-Maja {
+
.sponsorlogo {
−
                                                          background-image: url('/wiki/images/c/c2/DTU-Denmark_Maja.jpg'); }
+
    padding: 5px;
 +
    vertical-align: middle;
 +
    display: inline-block;
 +
}
  
−
                                                          .bg-VWR_lab {
+
.sponsorlogo img {
−
                                                            background-image: url('None'); }
+
    max-height: 100px;
 +
}
  
−
                                                            .bg-JanMartinussen {
+
.criterialist {
−
                                                              background-image: url('/wiki/images/b/bb/DTU-Denmark_JanMartinussen.jpg'); }
+
    list-style-type: none;
 +
}
  
−
                                                              .bg-Mads {
+
.criterialist li:before {
−
                                                                background-image: url('/wiki/images/4/45/DTU-Denmark_Mads.jpg'); }
+
    font-family: 'FontAwesome';
 +
    margin: 0 5px 0 -15px;
 +
}
  
−
                                                                .bg-Viktor {
+
.criterialist li.checked:before {
−
                                                                  background-image: url('/wiki/images/0/0b/DTU-Denmark_Viktor.jpg'); }
+
    content: '';
 +
}
  
−
                                                                  .bg-Linas {
+
.criterialist li.unchecked:before {
−
                                                                    background-image: url('/wiki/images/3/3a/DTU-Denmark_Linas.jpg'); }
+
    content: "";
 +
}
  
−
                                                                    .bg-Ottomoensted {
+
.overview-section a {
−
                                                                      background-image: url('/wiki/images/3/35/DTU-Denmark_Ottomoensted.png'); }
+
  position: absolute;
 +
  bottom: 20px;
 +
  background-color: #555;
 +
  width: 50%;
 +
  text-align: center;
 +
  vertical-align: middle;
 +
  left: 25%;
 +
  height: 20px;
 +
  color: #fff;
 +
}
  
−
                                                                      .bg-Life-Science-and-Beyond {
+
.mads-tag {
−
                                                                        background-image: url('/wiki/images/3/38/DTU-Denmark_Life_Science_and_Beyond.jpg'); }
+
    position: absolute;
 +
    width: 7%;
 +
    height: 18%;
 +
    border: 1px solid;
 +
    top: 15%;
 +
    left: 75%;
 +
}
  
−
                                                                        .bg-Frisenette {
+
.viktor-tag {
−
                                                                          background-image: url('/wiki/images/c/c8/DTU-Denmark_Frisenette.jpg'); }
+
    position: absolute;
 +
    width: 7%;
 +
    height: 18%;
 +
    border: 1px solid;
 +
    top: 22%;
 +
    left: 18%;
 +
}
  
−
                                                                          .bg-BioBrickWorkshop-other-lowquality {
+
.karolina-tag {
−
                                                                            background-image: url('/wiki/images/c/cf/DTU-Denmark_BioBrickWorkshop-other-lowquality.jpg'); }
+
    position: absolute;
 +
    width: 7%;
 +
    height: 18%;
 +
    border: 1px solid;
 +
    top: 29%;
 +
    left: 33%;
 +
}
  
−
                                                                            .bg-Snapgene {
+
.linas-tag {
−
                                                                              background-image: url('/wiki/images/5/58/DTU-Denmark_Snapgene.png'); }
+
    position: absolute;
 +
    width: 7%;
 +
    height: 18%;
 +
    border: 1px solid;
 +
    top: 10%;
 +
    left: 41%;
 +
}
  
−
                                                                              .bg-NovoNordiskFonden_logo {
+
.tobias-tag {
−
                                                                                background-image: url('/wiki/images/5/5c/DTU-Denmark_NovoNordiskFonden_logo.png'); }
+
    position: absolute;
 +
    width: 7%;
 +
    height: 18%;
 +
    border: 1px solid;
 +
    top: 15%;
 +
    left: 10%;
 +
}
  
−
                                                                                .bg-In-Vitro {
+
.pernille-tag {
−
                                                                                  background-image: url('/wiki/images/7/7c/DTU-Denmark_In_Vitro.jpg'); }
+
    position: absolute;
 +
    width: 7%;
 +
    height: 18%;
 +
    border: 1px solid;
 +
    top: 22%;
 +
    left: 49%;
 +
}
  
−
                                                                                  .bg-Teambuilding {
+
.scott-tag {
−
                                                                                    background-image: url('/wiki/images/6/6a/DTU-Denmark_Teambuilding.jpg'); }
+
    position: absolute;
 +
    width: 7%;
 +
    height: 18%;
 +
    border: 1px solid;
 +
    top: 9%;
 +
    left: 54%;
 +
}
  
−
                                                                                    .bg-Fisher-Scientific {
+
.vilhelm-tag {
−
                                                                                      background-image: url('/wiki/images/b/b4/DTU-Denmark_Fisher_Scientific.jpg'); }
+
    position: absolute;
 +
    width: 7%;
 +
    height: 18%;
 +
    border: 1px solid;
 +
    top: 6%;
 +
    left: 33%;
 +
}
  
−
                                                                                      .bg-VWR {
+
.michael-tag {
−
                                                                                        background-image: url('/wiki/images/e/ea/DTU-Denmark_VWR.jpg'); }
+
    position: absolute;
 +
    width: 7%;
 +
    height: 18%;
 +
    border: 1px solid;
 +
    top: 15%;
 +
    left: 85%;
 +
}
  
−
                                                                                        .bg-timeline_W168 {
+
.verena-tag {
−
                                                                                          background-image: url('/wiki/images/e/e1/DTU-Denmark_timeline_W168.jpg'); }
+
    position: absolute;
−
 
+
    width: 7%;
−
                                                                                          .bg-BioBrick-workshop-low-quality {
+
    height: 18%;
−
                                                                                            background-image: url('/wiki/images/0/00/DTU-Denmark_BioBrick_workshop_low_quality.jpg'); }
+
    border: 1px solid;
−
 
+
    top: 22%;
−
                                                                                            .bg-HS_baad2zoom {
+
    left: 68%;
−
                                                                                              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('None'); }
+
−
 
+
−
                                                                                                  .bg-timeline_biobrickworkshop {
+
−
                                                                                                    background-image: url('/wiki/images/f/fe/DTU-Denmark_timeline_biobrickworkshop.jpg'); }
+
−
 
+
−
                                                                                                    .bg-Magecycle {
+
−
                                                                                                      background-image: url('None'); }
+
−
 
+
−
                                                                                                      .bg-Facebook_update_meme {
+
−
                                                                                                        background-image: url('None'); }
+
−
 
+
−
                                                                                                        #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%; }
+

Latest revision as of 15:10, 9 November 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;
       font-size: 1vw;
   }
   
   .navbar-nav ul {
     white-space:nowrap;
   }
   
   .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, .navbar-default .navbar-right > li > a:hover, .navbar-default .navbar-right > li > a:focus, .navbar-default .navbar-right > li > a:active {
       color: #fff;
   }

   .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:active {
       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;
   }

   .navbar-default .navbar-nav > li a:hover, .navbar-default .navbar-nav > li a:focus, .navbar-default .navbar-nav > li a:active {
       background-color: transparent;
   }

   .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:active {
       font-weight: bolder;
       background-color: transparent;
       color: #fff;
   }

   .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:active {
       font-weight: bolder;
       background-color: transparent;
       color: #fff;
   }

   .dropdown-menu {
       background-color: rgba(0, 0, 0, .5);
   }

   .dropdown-menu > li > a, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:active {
       color: #fff;
       background-color: transparent;
   }

   .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:active {
       font-weight: bolder;
   }

   .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:active {
       font-weight: bolder;
       color: #fff;
       background-color: transparent;
   }

   .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:active {
       font-weight: bolder;
   }

   .top-nav-collapse {
       padding-top: 20px;
       padding-bottom: 0;
       background-color: #fff;
       color: #f00;
   }

   .top-nav-collapse .navbar-brand {
       padding-bottom: 0;
       height: 20px;
       padding-top: 10px;
   }

   .top-nav-collapse .navbar-right > li > a {
       color: #f00;
       padding-top: 10px;
       padding-bottom: 5px;
   }

   .top-nav-collapse .navbar-nav > li > a, .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;
       padding-top: 10px;
       padding-bottom: 5px;
       background-color: transparent;
   }

   .top-nav-collapse .navbar-nav > .active > a, .top-nav-collapse .navbar-nav > .active > a:hover, .top-nav-collapse .navbar-nav > .active > a:focus, .top-nav-collapse .navbar-nav > .active > a:active {
       color: #f00;
       padding-top: 10px;
       padding-bottom: 5px;
       background-color: transparent;
   }

   .top-nav-collapse .navbar-nav > .open > a, .top-nav-collapse .navbar-nav > .open > a:hover, .top-nav-collapse .navbar-nav > .open > a:focus, .top-nav-collapse .navbar-nav > .open > a:active {
       color: #f00;
       padding-top: 10px;
       padding-bottom: 5px;
       background-color: transparent;
   }

   .top-nav-collapse .dropdown-menu {
       background-color: rgba(0, 0, 0, .5);
   }

   .top-nav-collapse .dropdown-menu > li > a, .top-nav-collapse .dropdown-menu > li > a:hover, .top-nav-collapse .dropdown-menu > li > a:focus, .top-nav-collapse .dropdown-menu > li > a:active {
       color: #fff;
       background-color: transparent;
   }

   .top-nav-collapse .dropdown-menu > li > a:hover, .top-nav-collapse .dropdown-menu > li > a:focus, .top-nav-collapse .dropdown-menu > li > a:active {
       font-weight: bolder;
   }

   .top-nav-collapse .dropdown-menu > .active > a, .top-nav-collapse .dropdown-menu > .active > a:hover, .top-nav-collapse .dropdown-menu > .active > a:focus, .top-nav-collapse .dropdown-menu > .active > a:active {
       color: #fff;
       background-color: transparent;
   }

   .top-nav-collapse .dropdown-menu > .active > a:hover, .top-nav-collapse .dropdown-menu > .active > a:focus, .top-nav-collapse .dropdown-menu > .active > a:active {
       font-weight: bolder;
   }

   .extrabar {
       width: 100%;
       padding-bottom: 5px;
       padding-top: 0;
       min-height: 20px;
       z-index: 1;
       border: 0;
       background-color: #fff;
       border-radius: 0;
   }

   .extrabar .navbar-nav {
       margin: 0 auto;
       display: table;
       table-layout: fixed;
       float:none;
   }

   .extrabar .navbar-nav > li > a, .extrabar .navbar-nav > li > a:hover, .extrabar .navbar-nav > li > a:focus, .extrabar .navbar-nav > li > a:active {
       padding: 5px;
       color: #f00;
   }
   .extrabar .navbar-nav > .active > a, .extrabar .navbar-nav > .active > a:hover, .extrabar .navbar-nav > .active > a:focus, .extrabar .navbar-nav > .active > a:active {
       padding: 5px;
       color: #f00;
   }

}

.affix { 

   top: 54px;

}

.img { 

   width: 100%;
   height: 400px;
   background-clip: border-box;
   background-origin: padding-box;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   background-position: center;

}

@media screen and (min-width: 1025px) { 

   .img {
       background-attachment: fixed;
       background-repeat: no-repeat;
   }

}

.img-title { 

   font-size: 36px;
   background-color: rgba(33, 33, 33, 0.2);
   color: #FFF;
   padding: 5px 50px;
   top: 10%;
   position: relative;
   font-family: 'Bree Serif', serif;
   text-shadow: rgba(33, 33, 33, 0.5) 0 2px 3px;

}

.img-title .right { 

   text-align: right;

}

.member-image { 

   width: 100%;

}

img { 

   max-width: 100%;

}

.carousel-inner > .item > img { 

   height: 500px;
   margin: 0 auto;

}

.carousel-caption { 

   color: #f00;

}

.sponsors { 

   text-align: center;

}

.sponsor-image { 

   max-height: 150px;

}

.sponsor-row { 

   margin: 15px 0;

}

.sponsorlogo { 

   padding: 5px;
   vertical-align: middle;
   display: inline-block;

}

.sponsorlogo img { 

   max-height: 100px;

}

.criterialist { 

   list-style-type: none;

}

.criterialist li:before { 

   font-family: 'FontAwesome';
   margin: 0 5px 0 -15px;

}

.criterialist li.checked:before { 

   content: '';

}

.criterialist li.unchecked:before { 

   content: "";

}

.overview-section a { 

 position: absolute;
 bottom: 20px;
 background-color: #555;
 width: 50%;
 text-align: center;
 vertical-align: middle;
 left: 25%;
 height: 20px;
 color: #fff;

}

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

}