Difference between revisions of "Team:Freiburg/Attributions"

Line 3: Line 3:
 
{{Freiburg/Menubar}}
 
{{Freiburg/Menubar}}
 
<html>
 
<html>
 +
   
 +
<style>
 +
/*
 +
---------------- Our Team Flipcards css ----------------
 +
*/
 +
 +
h2{
 +
  font-weight: 200;
 +
  color: #C5162F;
 +
  font-size: 40px;
 +
  text-align: center;
 +
  margin-bottom: 28px;
 +
  margin-top: 20px;
 +
  line-height: 45px;
 +
}
 +
 +
.outer_flippanel{
 +
  width: 500px;
 +
    height: 341px;
 +
    margin: 10px 5px;
 +
    position: relative;
 +
}
 +
 +
.flippanel {
 +
 +
}
 +
 +
.card {
 +
    width: 500px;
 +
    -o-transition: all .5s;
 +
    -ms-transition: all .5s;
 +
    -moz-transition: all .5s;
 +
    -webkit-transition: all .5s;
 +
    transition: all .5s;
 +
    -webkit-backface-visibility: hidden;
 +
    -ms-backface-visibility: hidden;
 +
    -moz-backface-visibility: hidden;
 +
    backface-visibility: hidden;
 +
    position: absolute;
 +
    top: 0px;
 +
    left: 0px;
 +
}
 +
 +
.front {
 +
    z-index: 2;
 +
    border-radius: 2%;
 +
    overflow: hidden;
 +
}
 +
 +
.back {
 +
overflow: hidden;
 +
    z-index: 1;
 +
    -webkit-transform: rotateY(180deg);
 +
    -ms-transform: rotateY(180deg);
 +
    -moz-transform: rotateY(180deg); 
 +
    transform: rotateY(180deg); 
 +
border-radius: 2%;
 +
 
 +
}
 +
 +
.back img{
 +
    opacity: .1;
 +
    -moz-transform: scale(-1, 1);
 +
    -webkit-transform: scale(-1, 1);
 +
    -o-transform: scale(-1, 1);
 +
    -ms-transform: scale(-1, 1);
 +
    transform: scale(-1, 1);
 +
}
 +
.back_content{
 +
  width:100%;
 +
  position: absolute;
 +
  top:10px;
 +
}
 +
.too_much_text{
 +
font-size: 15px;
 +
}
 +
.outer_flippanel:hover .front {
 +
    z-index: 1;
 +
    -webkit-transform: rotateY(-180deg);
 +
    -ms-transform: rotateY(-180deg);
 +
    -moz-transform: rotateY(-180deg);
 +
    transform: rotateY(-180deg);
 +
}
 +
 +
.outer_flippanel:hover .back {
 +
    z-index: 2; 
 +
    -webkit-transform: rotateX(0deg);
 +
    -ms-transform: rotateX(0deg);
 +
    -moz-transform: rotateX(0deg);
 +
    transform: rotateX(0deg);
 +
}
 +
.memberPicture{
 +
    width: 500px;
 +
    height: 341px;
 +
}
 +
 +
.profile-name {
 +
    font-size:30px;
 +
    color: #0051A2;
 +
    text-align: center;
 +
}
 +
 +
.profile-question{
 +
    padding-top:0px;
 +
    color: #0051A2;
 +
    text-align: center;
 +
 +
}
 +
 +
.answer {
 +
    font-size: 95%;
 +
    padding-bottom: 10px;
 +
    text-align: center;
 +
}
 +
 +
.degree {
 +
    color: #000;
 +
    padding-top: 5px;
 +
    padding-bottom: 10px;
 +
    font-weight: 300;
 +
    text-align: center;
 +
    font-size: 18px;
 +
}
 +
 +
.flippanel_group{
 +
  width: 105%;
 +
  margin-left: -25px;
 +
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
 +
  display: -moz-box;        /* OLD - Firefox 19- (buggy but mostly works) */
 +
  display: -ms-flexbox;      /* TWEENER - IE 10 */
 +
  display: -webkit-flex;    /* NEW - Chrome */
 +
  display: flex;            /* NEW, Spec - Opera 12.1, Firefox 20+ */
 +
  flex-wrap: wrap;
 +
  -webkit-flex-wrap: wrap;
 +
  justify-content: space-around;
 +
  -webkit-justify-content: space-around;
 +
 +
}
 +
/*
 +
---------------- END Our Team Flipcards css ----------------
 +
*/
 +
 
 +
</style>
  
  
 
<div class="column full_size" >
 
<div class="column full_size" >
−
<h5 style="text-align:center;font-size:30px">Attributions</h5>
+
<h5 style="font-size:30px;  text-align: center"> Who are we?</h5>
−
<p style="font-size:20px;text-align: center">This Wiki is under construction - if you miss any information: write us an E-Mail to <span style="text-align: center;font-size:20px;color:#e8a126">igem_2016@freigem.org</span></p>
+
 
−
<p style="font-size:20px;text-align: center">
+
<p style="font-size:20px">This Wiki is under construction - if you miss any information: write us an E-Mail to <span style="text-align: center;font-size:20px;color:#e8a126">igem_2016@freigem.org</span></p>
−
This project would not have been feasible without the kind support from many people and companies. This page is only for all of those who helped us with any kind of advice, materials and mental support.
+
<p style="font-size:20px">This project would not have been feasible without the kind support from many people and companies. This page is only for all of those who helped us with any kind of advice, materials and mental support. </p>
−
</p>
+
 
 +
<div class="flippanel_group">
 +
        <div class="outer_flippanel">
 +
            <div class="flippanel">
 +
                <div class="front card"> <img src="https://static.igem.org/mediawiki/2016/a/a8/T--Freiburg--Max.png" class=memberPicture id="Max" alt="Max iGEM 2016 Team"></img>
 +
                </div>
 +
                <div class="back card"> <img src="https://static.igem.org/mediawiki/2016/a/a8/T--Freiburg--Max.png" class=memberPicture id="Max" alt="Max iGEM 2016 Team"></img>
 +
                    <div class="back_content">
 +
                        <div class="profile-name">Max</div>
 +
                        <div class="degree"></div>
 +
 
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
 
 +
        <div class="outer_flippanel">
 +
            <div class="flippanel">
 +
                <div class="front card"> <img src="https://static.igem.org/mediawiki/2016/5/59/T--Freiburg--Nicole.png" class=memberPicture id="Nicole" alt="Nicole iGEM 2016 Team"></img>
 +
                </div>
 +
                <div class="back card"> <img src="https://static.igem.org/mediawiki/2016/5/59/T--Freiburg--Nicole.png" class=memberPicture id="Nicole" alt="Nicole iGEM 2016 Team"></img>
 +
                    <div class="back_content">
 +
                        <div class="profile-name">Nicole</div>
 +
                        <div class="degree"></div>
 +
 
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
 
 +
</div>
  
−
<img src="https://static.igem.org/mediawiki/2016/a/a8/T--Freiburg--Max.png" style="width:400px">
 
−
<img src="https://static.igem.org/mediawiki/2016/5/59/T--Freiburg--Nicole.png" style="width:400px">
 
−
<img src="https://static.igem.org/mediawiki/2016/4/45/T--Freiburg--Luisa.png" style="width:400px">
 
−
<img src="https://static.igem.org/mediawiki/2016/0/04/T--Freiburg--Adrian.png" style="width:400px">
 
−
<img src="https://static.igem.org/mediawiki/2016/b/b5/T--Freiburg--Logo_bioss.png" style="width:600px">
 
  
  
 
</div>
 
</div>
 +
</html>

Revision as of 22:26, 1 September 2016

Menu
Who are we?

This Wiki is under construction - if you miss any information: write us an E-Mail to igem_2016@freigem.org

This project would not have been feasible without the kind support from many people and companies. This page is only for all of those who helped us with any kind of advice, materials and mental support.

Max iGEM 2016 Team
Max iGEM 2016 Team
Max
Nicole iGEM 2016 Team
Nicole iGEM 2016 Team
Nicole