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 {
−
  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;
 
}
 
}
−
    .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-default {
−
      min-height: 20px;
+
        min-height: 20px;
−
      padding: 40px 0;
+
        padding: 40px 0;
−
      margin-bottom: 0;
+
        margin-bottom: 0;
−
      text-align: center;
+
        text-align: center;
−
      font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
+
        font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
−
      border: 0;
+
        border: 0;
−
      background-color: transparent;
+
        background-color: transparent;
−
      -webkit-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
+
        -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;
+
        -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;   }
+
        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 .navbar-brand {
+
    }
 +
 
 +
    .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;
+
 
−
          padding-top: 10px;
+
    .top-nav-collapse .navbar-right li a {
−
          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:active {
+
    .top-nav-collapse .nav-justified li a {
−
          background-color: transparent;   }
+
         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 {
 
     .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;
−
      background-color: white;
+
        border-radius: 0;
−
      border-radius: 0;   }
+
    }
−
      .extrabar .nav-justified li a {
+
 
 +
    .extrabar .nav-justified li a {
 
         padding: 5px;
 
         padding: 5px;
−
         color: #f00;   }
+
         color: #f00;
 +
    }
 
}
 
}
  
 
.affix {
 
.affix {
−
  top: 54px; }
+
    top: 54px;
 +
}
  
−
  .img {
+
.img {
 
     width: 100%;
 
     width: 100%;
 
     height: 400px;
 
     height: 400px;
Line 232: Line 303:
 
     -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: ""; }
+
  
−
.bg-HS_baad2 {
+
.criterialist li.checked:before {
−
  background-image: url('/wiki/images/2/23/DTU-Denmark_HS_baad2.png'); }
+
     content: '';
−
 
+
}
−
  .bg-HS_Teams {
+
−
     background-image: url('None'); }
+
−
 
+
−
    .bg-Pernille {
+
−
      background-image: url('/wiki/images/4/46/DTU-Denmark_Pernille.jpg'); }
+
−
 
+
−
      .bg-timeline_novoamb {
+
−
        background-image: url('/wiki/images/c/c5/DTU-Denmark_timeline_novoamb.png'); }
+
−
 
+
−
        .bg-NEB_logo {
+
−
          background-image: url('/wiki/images/e/e0/DTU-Denmark_NEB_logo.png'); }
+
−
 
+
−
          .bg-Fisher-Scientific-visit {
+
−
            background-image: url('/wiki/images/c/c7/DTU-Denmark_Fisher_Scientific_visit.png'); }
+
−
 
+
−
            .bg-Fracking {
+
−
              background-image: url('/wiki/images/e/ec/DTU-Denmark_Fracking.jpg'); }
+
−
 
+
−
              .bg-Spacemoss {
+
−
                background-image: url('None'); }
+
−
 
+
−
                .bg-MoMage {
+
−
                  background-image: url('None'); }
+
−
 
+
−
                  .bg-Tobias {
+
−
                    background-image: url('/wiki/images/8/85/DTU-Denmark_Tobias.jpg'); }
+
−
 
+
−
                    .bg-Vilhelm {
+
−
                      background-image: url('/wiki/images/8/87/DTU-Denmark_Vilhelm.jpg'); }
+
−
 
+
−
                      .bg-surfactin_chem {
+
−
                        background-image: url('/wiki/images/f/f0/DTU-Denmark_surfactin_chem.png'); }
+
−
 
+
−
                        .bg-MogensKilstrup {
+
−
                          background-image: url('/wiki/images/f/f0/DTU-Denmark_MogensKilstrup.jpg'); }
+
−
 
+
−
                          .bg-Nicolai {
+
−
                            background-image: url('/wiki/images/1/1d/DTU-Denmark_Nicolai.jpg'); }
+
−
 
+
−
                            .bg-multi-OGRE-frequency- {
+
−
                              background-image: url('None'); }
+
−
 
+
−
                              .bg-AKG {
+
−
                                background-image: url('/wiki/images/9/9d/DTU-Denmark_AKG.png'); }
+
−
 
+
−
                                .bg-Verena {
+
−
                                  background-image: url('/wiki/images/0/0d/DTU-Denmark_Verena.jpg'); }
+
−
 
+
−
                                  .bg-group_picture {
+
−
                                    background-image: url('/wiki/images/e/e4/DTU-Denmark_group_picture.jpg'); }
+
−
 
+
−
                                    .bg-wizard_screenshot {
+
−
                                      background-image: url('/wiki/images/7/7c/DTU-Denmark_wizard_screenshot.png'); }
+
  
−
                                      .bg-highschool_biotechacademy {
+
.criterialist li.unchecked:before {
−
                                        background-image: url('/wiki/images/b/b8/DTU-Denmark_highschool_biotechacademy.jpg'); }
+
    content: "";
−
 
+
}
−
                                        .bg-Karolina {
+
−
                                          background-image: url('/wiki/images/6/63/DTU-Denmark_Karolina.jpg'); }
+
−
 
+
−
                                          .bg-Marcogen {
+
−
                                            background-image: url('/wiki/images/1/11/DTU-Denmark_Marcogen.jpg'); }
+
−
 
+
−
                                            .bg-SDS-page-picture {
+
−
                                              background-image: url('None'); }
+
−
 
+
−
                                              .bg-HS_baad {
+
−
                                                background-image: url('/wiki/images/c/c0/DTU-Denmark_HS_baad.jpg'); }
+
−
 
+
−
                                                .bg-Thea {
+
−
                                                  background-image: url('/wiki/images/e/e6/DTU-Denmark_Thea.jpg'); }
+
−
 
+
−
                                                  .bg-mage_replication {
+
−
                                                    background-image: url('/wiki/images/5/5b/DTU-Denmark_mage_replication.png'); }
+
−
 
+
−
                                                    .bg-growth-col-2 {
+
−
                                                      background-image: url('/wiki/images/6/66/DTU-Denmark_growth_col_2.png'); }
+
−
 
+
−
                                                      .bg-IDT_LOGO {
+
−
                                                        background-image: url('/wiki/images/9/9f/DTU-Denmark_IDT_LOGO.png'); }
+
−
 
+
−
                                                        .bg-heidelberg_intein {
+
−
                                                          background-image: url('/wiki/images/e/e0/DTU-Denmark_heidelberg_intein.png'); }
+
−
 
+
−
                                                          .bg-cycle {
+
−
                                                            background-image: url('None'); }
+
−
 
+
−
                                                            .bg-Growth-exp-1 {
+
−
                                                              background-image: url('/wiki/images/4/45/DTU-Denmark_Growth_exp_1.png'); }
+
−
 
+
−
                                                              .bg-dtulogo {
+
−
                                                                background-image: url('/wiki/images/b/b7/DTU-Denmark_dtulogo.png'); }
+
−
 
+
−
                                                                .bg-hp_biosensor2 {
+
−
                                                                  background-image: url('None'); }
+
−
 
+
−
                                                                  .bg-Lundbeckfonden {
+
−
                                                                    background-image: url('/wiki/images/e/e2/DTU-Denmark_Lundbeckfonden.jpg'); }
+
−
 
+
−
                                                                    .bg-hp_biosensor1 {
+
−
                                                                      background-image: url('None'); }
+
−
 
+
−
                                                                      .bg-hero {
+
−
                                                                        background-image: url('/wiki/images/0/0b/DTU-Denmark_hero.jpg'); }
+
−
 
+
−
                                                                        .bg-Tyr_picture {
+
−
                                                                          background-image: url('/wiki/images/d/d1/DTU-Denmark_Tyr_picture.png'); }
+
−
 
+
−
                                                                          .bg-ChrisWorkman {
+
−
                                                                            background-image: url('/wiki/images/b/ba/DTU-Denmark_ChrisWorkman.jpg'); }
+
−
 
+
−
                                                                            .bg-igemlogo {
+
−
                                                                              background-image: url('/wiki/images/a/af/DTU-Denmark_igemlogo.png'); }
+
−
 
+
−
                                                                              .bg-plot-CFU-vs-OD {
+
−
                                                                                background-image: url('/wiki/images/4/4b/DTU-Denmark_plot_CFU_vs_OD.png'); }
+
−
 
+
−
                                                                                .bg-surfactin_highlight {
+
−
                                                                                  background-image: url('/wiki/images/7/78/DTU-Denmark_surfactin_highlight.png'); }
+
−
 
+
−
                                                                                  .bg-Michael {
+
−
                                                                                    background-image: url('/wiki/images/b/b6/DTU-Denmark_Michael.jpg'); }
+
−
 
+
−
                                                                                    .bg-Maja {
+
−
                                                                                      background-image: url('/wiki/images/c/c2/DTU-Denmark_Maja.jpg'); }
+
−
 
+
−
                                                                                      .bg-VWR_lab {
+
−
                                                                                        background-image: url('None'); }
+
−
 
+
−
                                                                                        .bg-JanMartinussen {
+
−
                                                                                          background-image: url('/wiki/images/b/bb/DTU-Denmark_JanMartinussen.jpg'); }
+
−
 
+
−
                                                                                          .bg-Mads {
+
−
                                                                                            background-image: url('/wiki/images/4/45/DTU-Denmark_Mads.jpg'); }
+
−
 
+
−
                                                                                            .bg-Viktor {
+
−
                                                                                              background-image: url('/wiki/images/0/0b/DTU-Denmark_Viktor.jpg'); }
+
−
 
+
−
                                                                                              .bg-Linas {
+
−
                                                                                                background-image: url('/wiki/images/3/3a/DTU-Denmark_Linas.jpg'); }
+
−
 
+
−
                                                                                                .bg-Ottomoensted {
+
−
                                                                                                  background-image: url('/wiki/images/3/35/DTU-Denmark_Ottomoensted.png'); }
+
−
 
+
−
                                                                                                  .bg-Life-Science-and-Beyond {
+
−
                                                                                                    background-image: url('/wiki/images/3/38/DTU-Denmark_Life_Science_and_Beyond.jpg'); }
+
−
 
+
−
                                                                                                    .bg-Frisenette {
+
−
                                                                                                      background-image: url('/wiki/images/c/c8/DTU-Denmark_Frisenette.jpg'); }
+
−
 
+
−
                                                                                                      .bg-BioBrickWorkshop-other-lowquality {
+
−
                                                                                                        background-image: url('/wiki/images/c/cf/DTU-Denmark_BioBrickWorkshop-other-lowquality.jpg'); }
+
−
 
+
−
                                                                                                        .bg-recombinase_rep {
+
−
                                                                                                          background-image: url('None'); }
+
−
 
+
−
                                                                                                          .bg-Snapgene {
+
−
                                                                                                            background-image: url('/wiki/images/5/58/DTU-Denmark_Snapgene.png'); }
+
−
 
+
−
                                                                                                            .bg-NovoNordiskFonden_logo {
+
−
                                                                                                              background-image: url('/wiki/images/5/5c/DTU-Denmark_NovoNordiskFonden_logo.png'); }
+
−
 
+
−
                                                                                                              .bg-In-Vitro {
+
−
                                                                                                                background-image: url('/wiki/images/7/7c/DTU-Denmark_In_Vitro.jpg'); }
+
−
 
+
−
                                                                                                                .bg-Teambuilding {
+
−
                                                                                                                  background-image: url('/wiki/images/6/6a/DTU-Denmark_Teambuilding.jpg'); }
+
−
 
+
−
                                                                                                                  .bg-Fisher-Scientific {
+
−
                                                                                                                    background-image: url('/wiki/images/b/b4/DTU-Denmark_Fisher_Scientific.jpg'); }
+
−
 
+
−
                                                                                                                    .bg-tyrocidine_A {
+
−
                                                                                                                      background-image: url('/wiki/images/0/07/DTU-Denmark_tyrocidine_A.png'); }
+
−
 
+
−
                                                                                                                      .bg-VWR {
+
−
                                                                                                                        background-image: url('/wiki/images/e/ea/DTU-Denmark_VWR.jpg'); }
+
−
 
+
−
                                                                                                                        .bg-timeline_W168 {
+
−
                                                                                                                          background-image: url('/wiki/images/e/e1/DTU-Denmark_timeline_W168.jpg'); }
+
−
 
+
−
                                                                                                                          .bg-BioBrick-workshop-low-quality {
+
−
                                                                                                                            background-image: url('/wiki/images/0/00/DTU-Denmark_BioBrick_workshop_low_quality.jpg'); }
+
−
 
+
−
                                                                                                                            .bg-HS_baad2zoom {
+
−
                                                                                                                              background-image: url('/wiki/images/d/d6/DTU-Denmark_HS_baad2zoom.png'); }
+
−
 
+
−
                                                                                                                              .bg-Scott {
+
−
                                                                                                                                background-image: url('/wiki/images/7/77/DTU-Denmark_Scott.jpg'); }
+
−
 
+
−
                                                                                                                                .bg-Diagram_human_practice {
+
−
                                                                                                                                  background-image: url('/wiki/images/0/03/DTU-Denmark_Diagram_human_practice.png'); }
+
−
 
+
−
                                                                                                                                  .bg-timeline_biobrickworkshop {
+
−
                                                                                                                                    background-image: url('/wiki/images/f/fe/DTU-Denmark_timeline_biobrickworkshop.jpg'); }
+
−
 
+
−
                                                                                                                                    .bg-Magecycle {
+
−
                                                                                                                                      background-image: url('None'); }
+
−
 
+
−
                                                                                                                                      .bg-surfactin_operon {
+
−
                                                                                                                                        background-image: url('/wiki/images/c/c6/DTU-Denmark_surfactin_operon.png'); }
+
−
 
+
−
                                                                                                                                        .bg-HS-presentation {
+
−
                                                                                                                                          background-image: url('None'); }
+
−
 
+
−
                                                                                                                                          .bg-Facebook_update_meme {
+
−
                                                                                                                                            background-image: url('None'); }
+
−
 
+
−
                                                                                                                                            #inner {
+
−
                                                                                                                                              position: relative;
+
−
                                                                                                                                              width: 100%;
+
−
                                                                                                                                              margin: 0 auto 0;
+
−
                                                                                                                                              margin-top: 100px; }
+
−
 
+
−
                                                                                                                                              .mads-tag {
+
−
                                                                                                                                                position: absolute;
+
−
                                                                                                                                                width: 7%;
+
−
                                                                                                                                                height: 18%;
+
−
                                                                                                                                                border: 1px solid;
+
−
                                                                                                                                                top: 15%;
+
−
                                                                                                                                                left: 75%; }
+
−
 
+
−
                                                                                                                                                .viktor-tag {
+
−
                                                                                                                                                  position: absolute;
+
−
                                                                                                                                                  width: 7%;
+
−
                                                                                                                                                  height: 18%;
+
−
                                                                                                                                                  border: 1px solid;
+
−
                                                                                                                                                  top: 22%;
+
−
                                                                                                                                                  left: 18%; }
+
−
 
+
−
                                                                                                                                                  .karolina-tag {
+
−
                                                                                                                                                    position: absolute;
+
−
                                                                                                                                                    width: 7%;
+
−
                                                                                                                                                    height: 18%;
+
−
                                                                                                                                                    border: 1px solid;
+
−
                                                                                                                                                    top: 29%;
+
−
                                                                                                                                                    left: 33%; }
+
−
 
+
−
                                                                                                                                                    .linas-tag {
+
−
                                                                                                                                                      position: absolute;
+
−
                                                                                                                                                      width: 7%;
+
−
                                                                                                                                                      height: 18%;
+
−
                                                                                                                                                      border: 1px solid;
+
−
                                                                                                                                                      top: 10%;
+
−
                                                                                                                                                      left: 41%; }
+
−
 
+
−
                                                                                                                                                      .tobias-tag {
+
−
                                                                                                                                                        position: absolute;
+
−
                                                                                                                                                        width: 7%;
+
−
                                                                                                                                                        height: 18%;
+
−
                                                                                                                                                        border: 1px solid;
+
−
                                                                                                                                                        top: 15%;
+
−
                                                                                                                                                        left: 10%; }
+
−
 
+
−
                                                                                                                                                        .pernille-tag {
+
−
                                                                                                                                                          position: absolute;
+
−
                                                                                                                                                          width: 7%;
+
−
                                                                                                                                                          height: 18%;
+
−
                                                                                                                                                          border: 1px solid;
+
−
                                                                                                                                                          top: 22%;
+
−
                                                                                                                                                          left: 49%; }
+
−
 
+
−
                                                                                                                                                          .scott-tag {
+
−
                                                                                                                                                            position: absolute;
+
−
                                                                                                                                                            width: 7%;
+
−
                                                                                                                                                            height: 18%;
+
−
                                                                                                                                                            border: 1px solid;
+
−
                                                                                                                                                            top: 9%;
+
−
                                                                                                                                                            left: 54%; }
+
−
 
+
−
                                                                                                                                                            .vilhelm-tag {
+
−
                                                                                                                                                              position: absolute;
+
−
                                                                                                                                                              width: 7%;
+
−
                                                                                                                                                              height: 18%;
+
−
                                                                                                                                                              border: 1px solid;
+
−
                                                                                                                                                              top: 6%;
+
−
                                                                                                                                                              left: 33%; }
+
−
 
+
−
                                                                                                                                                              .michael-tag {
+
−
                                                                                                                                                                position: absolute;
+
−
                                                                                                                                                                width: 7%;
+
−
                                                                                                                                                                height: 18%;
+
−
                                                                                                                                                                border: 1px solid;
+
−
                                                                                                                                                                top: 15%;
+
−
                                                                                                                                                                left: 85%; }
+
−
 
+
−
                                                                                                                                                                .verena-tag {
+
−
                                                                                                                                                                  position: absolute;
+
−
                                                                                                                                                                  width: 7%;
+
−
                                                                                                                                                                  height: 18%;
+
−
                                                                                                                                                                  border: 1px solid;
+
−
                                                                                                                                                                  top: 22%;
+
−
                                                                                                                                                                  left: 68%; }
+

Revision as of 16:27, 17 September 2015

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

   height: 100%;

}

.firstHeading, .printfooter { 

   display: none;

}

.hero { 

   height: 100%;
   width: 100%;
   position: relative;
   text-align: center;
   color: #f8f8f8;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;

}

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

   .hero {
       background-position: center;
       background-attachment: fixed;
       background-repeat: no-repeat;
   }

}

.hero-text { 

   position: relative;
   margin-top: 10px;
   font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: 700;

}

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

   .hero-text {
       margin-top: 150px;
   }

}

.hero-text h1 { 

   margin: 0;
   text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
   font-size: 3em;

}

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

   .hero-text h1 {
       font-size: 5em;
   }

}

.hero-text h3 { 

   text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);

}

.hero-text hr { 

   max-width: 400px;
   width: 70%;
   border-top: 1px solid #f8f8f8;
   border-bottom: 1px solid #000;
   border-bottom: 1px solid rgba(0, 0, 0, 0.2);

}

.hero-text li { 

   list-style-type: none;

}

.hero-text li a { 

   color: #f8f8f8;

}

.igem-logo { 

   position: absolute;
   width: 100px;
   top: 100px;
   left: 40px;
   float: left;
   opacity: 0.7;

}

.igem-logo img { 

   width: 70px;
   -webkit-filter: grayscale(1);
   -moz-filter: grayscale(1);
   -o-filter: grayscale(1);
   filter: grayscale(1);
   transition: filter 0.5s ease-in-out;
   -webkit-transition: -webkit-filter 0.5s ease-in-out;
   -moz-transition: -moz-filter 0.5s ease-in-out;
   -o-transition: -o-filter 0.5s ease-in-out;

}

.igem-logo img:hover { 

   -webkit-filter: grayscale(0);
   -moz-filter: grayscale(0);
   -o-filter: grayscale(0);
   filter: grayscale(0);

}

.btn-transparent { 

   background-color: transparent;
   color: #f8f8f8;
   margin: 5px 0;

}

.btn-transparent:hover, .btn-transparent:focus, .btn-transparent:active { 

   background-color: transparent;

}

@-webkit-keyframes baloonBounceAnim { 

   0% {
       -webkit-transform: translateY(0);
   }
   50% {
       -webkit-transform: translateY(20px);
   }
   100% {
       -webkit-transform: translateY(0);
   }

}

@-moz-keyframes baloonBounceAnim { 

   0% {
       -moz-transform: translateY(0);
   }
   50% {
       -moz-transform: translateY(20px);
   }
   100% {
       -moz-transform: translateY(0);
   }

}

@keyframes baloonBounceAnim { 

   0% {
       transform: translateY(0);
   }
   50% {
       transform: translateY(20px);
   }
   100% {
       transform: translateY(0);
   }

}

.btn-circle { 

   width: 50px;
   height: 50px;
   margin-top: 5px;
   border: 2px solid #f8f8f8;
   border-radius: 35px;
   font-size: 30px;
   font-weight: 400;
   text-shadow: none;
   background: 0 0;
   -webkit-transition: background 0.3s ease-in-out;
   -moz-transition: background 0.3s ease-in-out;
   -o-transition: background 0.3s ease-in-out;
   transition: background 0.3s ease-in-out;
   -webkit-animation: baloonBounceAnim 1500ms infinite ease-in-out;
   -moz-animation: baloonBounceAnim 1500ms infinite ease-in-out;
   -o-animation: baloonBounceAnim 1500ms infinite ease-in-out;
   animation: baloonBounceAnim 1500ms infinite ease-in-out;

}

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

   .btn-circle {
       margin-top: 15px;
       width: 70px;
       height: 70px;
       font-size: 40px;
   }

}

.btn-circle:hover, .btn-circle:focus { 

   outline: 0;
   color: #f8f8f8;
   background: rgba(255, 255, 255, 0.2);

}

.btn-circle i.animated { 

   -webkit-transition: -webkit-transform 1s;
   -moz-transition: -moz-transform 1s;
   -o-transition: -o-transform 1s;
   transition: transform 1s;

}

.btn-circle:hover i.animated { 

   -webkit-animation: pulse 1.5s infinite;
   -moz-animation: pulse 1.5s infinite;
   -o-animation: pulse 1.5s infinite;
   animation: pulse 1.5s infinite;

}

.navimg { 

   padding: 10px 15px;

}

.navimg img { 

   max-height: 20px;

}

.navbar-right { 

   text-align: center;

}

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

   .navbar-default {
       min-height: 20px;
       padding: 40px 0;
       margin-bottom: 0;
       text-align: center;
       font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
       border: 0;
       background-color: transparent;
       -webkit-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
       -moz-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
       -o-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
       transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
   }

   .navbar-default .navbar-right li a {
       color: #fff;
   }

   .nav-justified li a {
       white-space: nowrap;
       color: #fff;
       -webkit-transition: color 0.5s ease-in-out;
       -moz-transition: color 0.5s ease-in-out;
       -o-transition: color 0.5s ease-in-out;
       transition: color 0.5s ease-in-out;
   }

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

   .nav-justified li.active a {
       font-weight: bolder;
       background-color: transparent;
   }

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

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

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

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

   .top-nav-collapse .nav-justified li a:hover, .top-nav-collapse .nav-justified li a:focus, .top-nav-collapse .nav-justified li a:active {
       background-color: transparent;
   }

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

   .extrabar .nav-justified li a {
       padding: 5px;
       color: #f00;
   }

}

.affix { 

   top: 54px;

}

.img { 

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

}

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

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

}

.img-title { 

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

}

.img-title .right { 

   text-align: right;

}

.member-image { 

   width: 100%;

}

img { 

   max-width: 100%;

}

.carousel-inner > .item > img { 

   height: 500px;
   margin: 0 auto;

}

.carousel-caption { 

   color: #f00;

}

.sponsors { 

   text-align: center;

}

.sponsor-image { 

   max-height: 150px;

}

.sponsor-row { 

   margin: 15px 0;

}

.sponsorlogo { 

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

}

.sponsorlogo img { 

   max-height: 100px;

}

.criterialist { 

   list-style-type: none;

}

.criterialist li:before { 

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

}

.criterialist li.checked:before { 

   content: '';

}

.criterialist li.unchecked:before { 

   content: "";

}