Difference between revisions of "Team:Marburg/test"

 
(16 intermediate revisions by the same user not shown)
Line 31: Line 31:
 
}
 
}
 
.logoSection {
 
.logoSection {
 +
position: relative;
 
width: 100%;
 
width: 100%;
 
padding: 8% 5% 5% 5%;
 
padding: 8% 5% 5% 5%;
Line 56: Line 57:
 
transform: translate(-50%, -50%);
 
transform: translate(-50%, -50%);
 
filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.5));
 
filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.5));
padding-top: 4%;
 
 
animation: mlogo_fadeIn 1s ease-in-out;
 
animation: mlogo_fadeIn 1s ease-in-out;
 
}
 
}
Line 181: Line 181:
 
height: auto;
 
height: auto;
 
text-align: center;
 
text-align: center;
 +
font-size: 12.7px;
 
}
 
}
 
.awards_first {
 
.awards_first {
 
position: relative;
 
position: relative;
 
color: whitesmoke;
 
color: whitesmoke;
font-size: 5em;
+
font-size: 6em;
padding: 2% 0 2% 0;
+
padding: 1.4em 0 1.35em 0;
 
text-align: center;
 
text-align: center;
 +
transform: scale(0.8);
 
}
 
}
 
.awards_title {
 
.awards_title {
Line 195: Line 197:
 
.winner_pic {
 
.winner_pic {
 
position: relative;
 
position: relative;
margin: 3% 0 5% 0;
+
padding-bottom: 4em;
 
}
 
}
 
.winner_pic img {
 
.winner_pic img {
Line 202: Line 204:
 
display: block;
 
display: block;
 
box-shadow: 0 5px 33px rgba(0,0,0,0.3);
 
box-shadow: 0 5px 33px rgba(0,0,0,0.3);
max-width: 900px;
+
max-width: 1100px;
 +
border-radius: 3px;
 
}
 
}
 
.achieved_wrapper {
 
.achieved_wrapper {
Line 209: Line 212:
 
width: 100%;
 
width: 100%;
 
margin: 0 auto 4em auto;
 
margin: 0 auto 4em auto;
 +
font-size: 1.1em;
 
justify-content: center;
 
justify-content: center;
max-width: 900px;
+
max-width: 1100px;
 
}
 
}
 
.awards {
 
.awards {
Line 225: Line 229:
 
margin:1em;
 
margin:1em;
 
}
 
}
.awards ul li:last-of-type {}
+
.awards .gold_medal {
 +
transform: scale(0.8);
 +
}
 
.awards ul li img {
 
.awards ul li img {
 
position: relative;
 
position: relative;
 
width: 200px;
 
width: 200px;
 
padding-top: 15%;
 
padding-top: 15%;
 +
}
 +
.awards ul li figcaption {
 +
font-size: 0.9em;
 +
padding-top: 1em;
 
}
 
}
 
.nominated_title {
 
.nominated_title {
Line 247: Line 257:
 
margin:1em;
 
margin:1em;
 
}
 
}
 +
.awards_section .scaleIn { transform: scale(1.0); opacity: 1.0; }
 
</style>
 
</style>
 
<section class="awards_section">
 
<section class="awards_section">
Line 262: Line 273:
 
<li>Best Poster</li>
 
<li>Best Poster</li>
 
<li>Best Part Collection</li>
 
<li>Best Part Collection</li>
<li><img src="https://static.igem.org/mediawiki/2018/0/01/T--Marburg--GoldCriteria.png"></li>
+
<li class="gold_medal scrollFade" fadeTo="scaleIn">
 +
<img src="https://static.igem.org/mediawiki/2018/0/01/T--Marburg--GoldCriteria.png">
 +
<figcaption>Gold Medal</figcaption>
 +
</li>
 
</ul>
 
</ul>
 
</div>
 
</div>
Line 279: Line 293:
 
</div>
 
</div>
 
</div>
 
</div>
 +
<script src="https://2018.igem.org/Template:Marburg/confetti?action=raw&ctype=text/javascript"></script>
 
</section>
 
</section>
 
<!-- 1. VIBRIO BASICS -->
 
<!-- 1. VIBRIO BASICS -->
Line 365: Line 380:
  
 
<style>
 
<style>
.awards_section .scaleIn { transform: scale(1.0); opacity: 1.0; }
 
 
.sectionH {
 
.sectionH {
 
width: 100%;
 
width: 100%;
Line 505: Line 519:
 
/* small desktops */
 
/* small desktops */
 
@media only screen and (max-width: 1100px) {
 
@media only screen and (max-width: 1100px) {
 
+
.winner_pic img {
 +
border-radius: 0;
 +
}
 
}
 
}
 
/* landscape tablets */
 
/* landscape tablets */
Line 519: Line 535:
 
.awards ul {
 
.awards ul {
 
       padding-bottom: 25%;
 
       padding-bottom: 25%;
 +
}
 +
.achieved_wrapper {
 +
font-size: 0.9em;
 
}
 
}
 
}
 
}
Line 563: Line 582:
 
border-left: 2px solid rgb(231, 231, 231) !important;
 
border-left: 2px solid rgb(231, 231, 231) !important;
 
}*/
 
}*/
.medal_table table {
+
.medal_table table {
  font-size:  0.7em !important;
+
font-size:  0.7em !important;
  }
+
}
 +
.awards_first {
 +
font-size: 5em;
 +
}
 
}
 
}
 
/* small phones */
 
/* small phones */
Line 572: Line 594:
 
width: 100%;
 
width: 100%;
 
}
 
}
.medal_table table {
+
.medal_table table {
  font-size:  0.5em !important;
+
  font-size:  0.5em !important;
  }
+
  }
 
.sectionContent figure {
 
.sectionContent figure {
 
  width: 70%;
 
  width: 70%;
  }
+
  }
 +
  .awards_first {
 +
  font-size: 3em;
 +
  }
 
}
 
}
  
 +
</style>
  
  
 
 
 
 
</style>
 
 
<section class="bottomSection">
 
<section class="bottomSection">
 
<div class="sectionContent">
 
<div class="sectionContent">

Latest revision as of 13:24, 3 December 2018

Grand Prize Winner
Awards
  • Grand Prize Winner
  • Best Foundational Advance
  • Best Poster
  • Best Part Collection
  • Gold Medal
Nominated
  • Best Wiki
  • Best Presentation
  • Best Integrated Human Practices
  • Best Education & Public Engagement
  • Best Model
  • Best New Composite Part
  • Best New Basic Part
  • Best Measurment
Strain Engineering
Marburg Collection
Metabolic Engineering
Interlab
Accessible Science
B. Marchal