Difference between revisions of "Team:Marburg/test"
| (28 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)); | ||
| − | |||
animation: mlogo_fadeIn 1s ease-in-out; | animation: mlogo_fadeIn 1s ease-in-out; | ||
} | } | ||
| Line 177: | Line 177: | ||
<!-- ACHIEVEMENTS --> | <!-- ACHIEVEMENTS --> | ||
<div class="spacer"></div> | <div class="spacer"></div> | ||
| − | < | + | <style> |
| − | + | .awards_section { | |
| − | .awards_first { | + | height: auto; |
| − | + | text-align: center; | |
| − | + | font-size: 12.7px; | |
| − | + | } | |
| − | + | .awards_first { | |
| − | } | + | position: relative; |
| − | + | color: whitesmoke; | |
| − | + | font-size: 6em; | |
| − | } | + | padding: 1.4em 0 1.35em 0; |
| − | + | text-align: center; | |
| − | + | transform: scale(0.8); | |
| − | } | + | } |
| − | + | .awards_title { | |
| − | + | font-size: 3em; | |
| − | + | color: gray; | |
| − | .achieved_wrapper { | + | } |
| − | + | .winner_pic { | |
| − | + | position: relative; | |
| − | .awards { | + | padding-bottom: 4em; |
| − | + | } | |
| − | + | .winner_pic img { | |
| − | .awards ul { | + | width: 100%; |
| − | + | margin: 0 auto 0 auto; | |
| − | + | display: block; | |
| − | + | box-shadow: 0 5px 33px rgba(0,0,0,0.3); | |
| − | + | max-width: 1100px; | |
| − | + | border-radius: 3px; | |
| − | } | + | } |
| − | .nominated_title { | + | .achieved_wrapper { |
| − | + | display: inline-block; | |
| − | } | + | position: relative; |
| − | + | width: 100%; | |
| − | + | margin: 0 auto 4em auto; | |
| − | + | font-size: 1.1em; | |
| − | .nominated ul { | + | justify-content: center; |
| + | max-width: 1100px; | ||
| + | } | ||
| + | .awards { | ||
| + | color: whitesmoke; | ||
| + | float: left; | ||
| + | text-align: center; | ||
| + | } | ||
| + | .awards ul { | ||
| + | padding-bottom: 0; | ||
| + | } | ||
| + | .awards ul li { | ||
| + | position: relative; | ||
| + | font-size: 2em; | ||
| + | margin:1em; | ||
| + | } | ||
| + | .awards .gold_medal { | ||
| + | transform: scale(0.8); | ||
| + | } | ||
| + | .awards ul li img { | ||
| + | position: relative; | ||
| + | width: 200px; | ||
| + | padding-top: 15%; | ||
| + | } | ||
| + | .awards ul li figcaption { | ||
| + | font-size: 0.9em; | ||
| + | padding-top: 1em; | ||
| + | } | ||
| + | .nominated_title { | ||
| + | font-size: 3em; | ||
| + | color: gray; | ||
| + | } | ||
| + | .nominated { | ||
| + | color: whitesmoke; | ||
| + | float: right; | ||
| + | text-align: center; | ||
| + | } | ||
| + | .nominated ul { | ||
| − | + | } | |
| − | + | .nominated ul li { | |
| − | + | font-size: 2em; | |
| − | + | margin:1em; | |
| − | + | } | |
| − | </style> | + | .awards_section .scaleIn { transform: scale(1.0); opacity: 1.0; } |
| + | </style> | ||
| + | <section class="awards_section"> | ||
<div class="sectionBackground" style="background: linear-gradient(-0deg, #d55c58 0%, #08173c 100%)"></div> | <div class="sectionBackground" style="background: linear-gradient(-0deg, #d55c58 0%, #08173c 100%)"></div> | ||
| − | <div class="awards_first">Grand Prize Winner</div> | + | <div class="awards_first scrollFade" fadeTo="scaleIn">Grand Prize Winner</div> |
| − | <div class="winner_pic"> | + | <div class="winner_pic scrollFade" fadeTo="fadeIn"> |
| − | <img src=""> | + | <img src="https://static.igem.org/mediawiki/2018/9/99/T--Marburg--winner_team_small.jpg"> |
</div> | </div> | ||
<div class="achieved_wrapper"> | <div class="achieved_wrapper"> | ||
<div class="awards"> | <div class="awards"> | ||
| − | <div class="awards_title">Awards</div> | + | <div class="awards_title scrollFade" fadeTo="fadeIn">Awards</div> |
| − | <ul> | + | <ul class="scrollFade" fadeTo="fadeIn"> |
| + | <li>Grand Prize Winner</li> | ||
<li>Best Foundational Advance</li> | <li>Best Foundational Advance</li> | ||
<li>Best Poster</li> | <li>Best Poster</li> | ||
<li>Best Part Collection</li> | <li>Best Part Collection</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> | ||
<div class="nominated"> | <div class="nominated"> | ||
<div class="nominated_title">Nominated</div> | <div class="nominated_title">Nominated</div> | ||
| − | <ul> | + | <ul class="scrollFade" fadeTo="fadeIn"> |
<li>Best Wiki</li> | <li>Best Wiki</li> | ||
<li>Best Presentation</li> | <li>Best Presentation</li> | ||
| Line 249: | 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 474: | 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 480: | Line 527: | ||
.medal_content { | .medal_content { | ||
font-size: 0.8em; | font-size: 0.8em; | ||
| + | } | ||
| + | .achieved_wrapper { | ||
| + | display: flex; | ||
| + | justify-content: space-around; | ||
| + | flex-wrap: wrap; | ||
| + | } | ||
| + | .awards ul { | ||
| + | padding-bottom: 25%; | ||
| + | } | ||
| + | .achieved_wrapper { | ||
| + | font-size: 0.9em; | ||
} | } | ||
} | } | ||
| Line 495: | Line 553: | ||
} | } | ||
section:nth-of-type(even) .sectionContent { | section:nth-of-type(even) .sectionContent { | ||
| − | flex-wrap: wrap; | + | flex-wrap: wrap-reverse; |
} | } | ||
section:nth-of-type(odd) .sectionContent { | section:nth-of-type(odd) .sectionContent { | ||
| − | flex-wrap: wrap | + | flex-wrap: wrap; |
} | } | ||
.sectionContent figure { | .sectionContent figure { | ||
| Line 524: | Line 582: | ||
border-left: 2px solid rgb(231, 231, 231) !important; | border-left: 2px solid rgb(231, 231, 231) !important; | ||
}*/ | }*/ | ||
| − | + | .medal_table table { | |
| − | + | font-size: 0.7em !important; | |
| − | + | } | |
| + | .awards_first { | ||
| + | font-size: 5em; | ||
| + | } | ||
} | } | ||
/* small phones */ | /* small phones */ | ||
| Line 533: | Line 594: | ||
width: 100%; | width: 100%; | ||
} | } | ||
| − | + | .medal_table table { | |
| − | + | font-size: 0.5em !important; | |
| − | + | } | |
.sectionContent figure { | .sectionContent figure { | ||
width: 70%; | width: 70%; | ||
| − | + | } | |
| + | .awards_first { | ||
| + | font-size: 3em; | ||
| + | } | ||
} | } | ||
| + | </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
