Difference between revisions of "Team:KU Leuven"

Line 6: Line 6:
 
  margin: 0;
 
  margin: 0;
 
  padding: 0;
 
  padding: 0;
 +
}
 +
.igem_2017_content_wrapper {
 +
padding-top: 50px;
 +
padding-bottom: 50px;
 +
width: 100%;
 +
display: block;
 +
position: relative;
 +
background-color: #262525;
 +
min-height: 100vh;
 +
font-family: 'Lato', Tahoma, Geneva, sans-serif;
 +
 +
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
 +
box-shadow: 0 6px 12px rgba(0,0,0,.175);
 
}
 
}
  
 
body {
 
body {
−
  background: #1f1f1f;
+
  background: #262525;
 
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
 
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
 
}
 
}
Line 497: Line 510:
  
 
</style>
 
</style>
−
<div class="cont s--inactive">
+
 
−
  <!-- cont inner start -->
+
<div class="cont s--inactive">
−
  <div class="cont__inner">
+
<div class="igem_2017_content_wrapper">
−
    <!-- el start -->
+
  <!-- cont inner start -->
−
    <div class="el">
+
  <div class="cont__inner">
−
      <div class="el__overflow">
+
    <!-- el start -->
−
        <div class="el__inner">
+
    <div class="el">
−
          <div class="el__bg"></div>
+
      <div class="el__overflow">
−
          <div class="el__preview-cont">
+
        <div class="el__inner">
−
            <h2 class="el__heading">Section 1</h2>
+
          <div class="el__bg"></div>
−
          </div>
+
          <div class="el__preview-cont">
−
          <div class="el__content">
+
            <h2 class="el__heading">Section 1</h2>
−
            <div class="el__text">Whatever</div>
+
          </div>
−
            <div class="el__close-btn"></div>
+
          <div class="el__content">
−
          </div>
+
            <div class="el__text">Whatever</div>
−
        </div>
+
            <div class="el__close-btn"></div>
−
      </div>
+
          </div>
−
      <div class="el__index">
+
        </div>
−
        <div class="el__index-back">1</div>
+
      </div>
−
        <div class="el__index-front">
+
      <div class="el__index">
−
          <div class="el__index-overlay" data-index="1">1</div>
+
        <div class="el__index-back">1</div>
−
        </div>
+
        <div class="el__index-front">
−
      </div>
+
          <div class="el__index-overlay" data-index="1">1</div>
−
    </div>
+
        </div>
−
    <!-- el end -->
+
      </div>
−
    <!-- el start -->
+
    </div>
−
    <div class="el">
+
    <!-- el end -->
−
      <div class="el__overflow">
+
    <!-- el start -->
−
        <div class="el__inner">
+
    <div class="el">
−
          <div class="el__bg"></div>
+
      <div class="el__overflow">
−
          <div class="el__preview-cont">
+
        <div class="el__inner">
−
            <h2 class="el__heading">Section 2</h2>
+
          <div class="el__bg"></div>
−
          </div>
+
          <div class="el__preview-cont">
−
          <div class="el__content">
+
            <h2 class="el__heading">Section 2</h2>
−
            <div class="el__text">Whatever</div>
+
          </div>
−
            <div class="el__close-btn"></div>
+
          <div class="el__content">
−
          </div>
+
            <div class="el__text">Whatever</div>
−
        </div>
+
            <div class="el__close-btn"></div>
−
      </div>
+
          </div>
−
      <div class="el__index">
+
        </div>
−
        <div class="el__index-back">2</div>
+
      </div>
−
        <div class="el__index-front">
+
      <div class="el__index">
−
          <div class="el__index-overlay" data-index="2">2</div>
+
        <div class="el__index-back">2</div>
−
        </div>
+
        <div class="el__index-front">
−
      </div>
+
          <div class="el__index-overlay" data-index="2">2</div>
−
    </div>
+
        </div>
−
    <!-- el end -->
+
      </div>
−
    <!-- el start -->
+
    </div>
−
    <div class="el">
+
    <!-- el end -->
−
      <div class="el__overflow">
+
    <!-- el start -->
−
        <div class="el__inner">
+
    <div class="el">
−
          <div class="el__bg"></div>
+
      <div class="el__overflow">
−
          <div class="el__preview-cont">
+
        <div class="el__inner">
−
            <h2 class="el__heading">Section 3</h2>
+
          <div class="el__bg"></div>
−
          </div>
+
          <div class="el__preview-cont">
−
          <div class="el__content">
+
            <h2 class="el__heading">Section 3</h2>
−
            <div class="el__text">Whatever</div>
+
          </div>
−
            <div class="el__close-btn"></div>
+
          <div class="el__content">
−
          </div>
+
            <div class="el__text">Whatever</div>
−
        </div>
+
            <div class="el__close-btn"></div>
−
      </div>
+
          </div>
−
      <div class="el__index">
+
        </div>
−
        <div class="el__index-back">3</div>
+
      </div>
−
        <div class="el__index-front">
+
      <div class="el__index">
−
          <div class="el__index-overlay" data-index="3">3</div>
+
        <div class="el__index-back">3</div>
−
        </div>
+
        <div class="el__index-front">
−
      </div>
+
          <div class="el__index-overlay" data-index="3">3</div>
−
    </div>
+
        </div>
−
    <!-- el end -->
+
      </div>
−
    <!-- el start -->
+
    </div>
−
    <div class="el">
+
    <!-- el end -->
−
      <div class="el__overflow">
+
    <!-- el start -->
−
        <div class="el__inner">
+
    <div class="el">
−
          <div class="el__bg"></div>
+
      <div class="el__overflow">
−
          <div class="el__preview-cont">
+
        <div class="el__inner">
−
            <h2 class="el__heading">Section 4</h2>
+
          <div class="el__bg"></div>
−
          </div>
+
          <div class="el__preview-cont">
−
          <div class="el__content">
+
            <h2 class="el__heading">Section 4</h2>
−
            <div class="el__text">Whatever</div>
+
          </div>
−
            <div class="el__close-btn"></div>
+
          <div class="el__content">
−
          </div>
+
            <div class="el__text">Whatever</div>
−
        </div>
+
            <div class="el__close-btn"></div>
−
      </div>
+
          </div>
−
      <div class="el__index">
+
        </div>
−
        <div class="el__index-back">4</div>
+
      </div>
−
        <div class="el__index-front">
+
      <div class="el__index">
−
          <div class="el__index-overlay" data-index="4">4</div>
+
        <div class="el__index-back">4</div>
−
        </div>
+
        <div class="el__index-front">
−
      </div>
+
          <div class="el__index-overlay" data-index="4">4</div>
−
    </div>
+
        </div>
−
    <!-- el end -->
+
      </div>
−
    <!-- el start -->
+
    </div>
−
    <div class="el">
+
    <!-- el end -->
−
      <div class="el__overflow">
+
    <!-- el start -->
−
        <div class="el__inner">
+
    <div class="el">
−
          <div class="el__bg"></div>
+
      <div class="el__overflow">
−
          <div class="el__preview-cont">
+
        <div class="el__inner">
−
            <h2 class="el__heading">Section 5</h2>
+
          <div class="el__bg"></div>
−
          </div>
+
          <div class="el__preview-cont">
−
          <div class="el__content">
+
            <h2 class="el__heading">Section 5</h2>
−
            <div class="el__text">Whatever</div>
+
          </div>
−
            <div class="el__close-btn"></div>
+
          <div class="el__content">
−
          </div>
+
            <div class="el__text">Whatever</div>
−
        </div>
+
            <div class="el__close-btn"></div>
−
      </div>
+
          </div>
−
      <div class="el__index">
+
        </div>
−
        <div class="el__index-back">5</div>
+
      </div>
−
        <div class="el__index-front">
+
      <div class="el__index">
−
          <div class="el__index-overlay" data-index="5">5</div>
+
        <div class="el__index-back">5</div>
−
        </div>
+
        <div class="el__index-front">
−
      </div>
+
          <div class="el__index-overlay" data-index="5">5</div>
−
    </div>
+
        </div>
−
    <!-- el end -->
+
      </div>
−
  </div>
+
    </div>
−
  <!-- cont inner end -->
+
    <!-- el end -->
−
</div>
+
  </div>
 +
</div>
 +
  <!-- cont inner end -->
 +
</div>
 +
 
 
<script>
 
<script>
 
var $cont = document.querySelector('.cont');
 
var $cont = document.querySelector('.cont');

Revision as of 23:58, 13 September 2017

Section 1

Whatever
1
1

Section 2

Whatever
2
2

Section 3

Whatever
3
3

Section 4

Whatever
4
4

Section 5

Whatever
5
5