Line 1: | Line 1: | ||
{{Marburg}} | {{Marburg}} | ||
<html> | <html> | ||
− | + | <style> | |
.lbl-toggle { | .lbl-toggle { | ||
− | + | text-align: inherit !important; | |
} | } | ||
.box-dark { | .box-dark { | ||
− | + | background-color: #3d404d; | |
− | + | min-height: 30vh; | |
− | + | box-shadow: 1px 1px 40px black; | |
− | + | margin-left: -10vw; | |
− | + | width: 120vw; | |
− | + | position: relative; | |
− | + | z-index: 2; | |
− | + | display: flex; | |
− | + | flex-direction: column; | |
− | + | align-items: center; | |
− | + | transform: rotate(355deg); | |
− | + | justify-content: center; | |
− | + | margin-top: -12vh; | |
} | } | ||
.heading { | .heading { | ||
− | + | color: #f5f5f5; | |
− | + | text-align: center; | |
− | + | font-size: 1.75em; | |
− | + | width: fit-content; | |
− | + | margin-top: 25px; | |
− | + | margin-bottom: unset !important; | |
− | + | transform: rotate(-355deg); | |
} | } | ||
.line { | .line { | ||
− | + | border-top: 2px solid #f5f5f5; | |
− | + | background-color: #f5f5f5; | |
− | + | border-width: 2px; | |
− | + | display: block; | |
− | + | width: 100px; | |
− | + | margin-top: 25px; | |
− | + | margin-bottom: unset; | |
− | + | transform: rotate(-355deg); | |
} | } | ||
.logo { | .logo { | ||
− | + | width: 100px; | |
− | + | height: 100px; | |
− | + | position: absolute; | |
− | + | bottom: -50px; | |
− | + | transform: rotate(-355deg); | |
− | + | margin-left: -10px; | |
} | } | ||
.main { | .main { | ||
− | + | overflow-x: hidden; | |
} | } | ||
hr { | hr { | ||
− | + | display: block; | |
− | + | height: 1px; | |
− | + | border: 0; | |
− | + | border-top: 2px solid #3d404d; | |
− | + | padding: 0; | |
− | + | margin: 1em auto; | |
− | + | width: 50vw; | |
} | } | ||
@media (max-width: 810px) { | @media (max-width: 810px) { | ||
− | + | .logo, | |
− | + | .line, | |
− | + | .heading { | |
− | + | margin-left: -30px; | |
− | + | } | |
− | + | .line { | |
− | + | margin: 1.5rem 0 !important; | |
− | + | margin-left: -40px !important; | |
− | + | } | |
} | } | ||
− | + | </style> | |
− | + | <div> | |
− | + | ||
<div class="box-dark"> | <div class="box-dark"> | ||
− | + | <h1 class="heading"> | |
− | + | P A R T S<span style="visibility: hidden;">A</span>O V E R V I E W | |
− | + | </h1> | |
− | + | <hr class="line"> | |
− | + | <img src="https://static.igem.org/mediawiki/2019/a/ac/T--Marburg--logo.svg" class="logo" alt="Syntex Logo"> | |
− | + | ||
− | + | ||
</div> | </div> | ||
<div style="margin-top: 10vh;"> | <div style="margin-top: 10vh;"> | ||
− | + | <section class="section"> | |
− | + | <h1 class="title"></h1> | |
− | + | <p style="text-align: justify;">With our additional created parts, we expanded the current Marburg | |
− | + | Collection.</p> | |
− | + | <br> | |
− | + | <br> | |
+ | <div class="sub" onclick="popup('rbn411')"> | ||
<div class="sub-header"> | <div class="sub-header"> | ||
− | + | <h1> | |
− | + | B A S I C<br> | |
− | + | P A R T S | |
− | + | </h1> | |
− | + | <hr> | |
</div> | </div> | ||
<div class="sub-content"> | <div class="sub-content"> | ||
− | + | <p> | |
− | + | Hier bitte den für diese Stelle zutreffenden Text einfügen, wenn dieser fertig ist. | |
− | + | </p> | |
</div> | </div> | ||
− | + | </div> | |
− | + | <div id="rbn411" class="popup"> | |
<div class="popup-container"> | <div class="popup-container"> | ||
− | + | <div class="popup-header"> | |
− | + | <h1 class="title">Light Measurement</h1> | |
− | + | <button type="button" onclick="hide('rbn411')">X</button> | |
− | + | </div> | |
− | + | <div class="popup-content" style="text-align: justify; text-align-last: justify;"> | |
− | + | <section class="section"> | |
− | + | Abstract? | |
− | + | </section> | |
− | + | <section class="section"> | |
− | + | <div class="wrap-collabsible" style="margin-bottom: 25px;"> | |
− | + | <input id="collapsible1_1" class="toggle" type="checkbox"> | |
− | + | <label for="collapsible1_1" class="lbl-toggle"> | |
− | + | Unterprojekt1 | |
− | + | <hr style="width: unset;"> | |
− | + | </label> | |
− | + | <div class="collapsible-content"> | |
− | + | <div class="content-inner" style="text-align: left; text-align-last: left;"> | |
− | + | <!--div -p - text - /p - /div wenn auch bilder drin--> | |
− | + | <p> | |
− | + | Hier bitte den für diese Stelle zutreffenden Text einfügen, wenn dieser | |
− | + | fertig ist. | |
− | + | </p> | |
− | + | </div> | |
− | + | </div> | |
− | + | </div> | |
− | + | <div class="wrap-collabsible"> | |
− | + | <input id="collapsible1_2" class="toggle" type="checkbox"> | |
− | + | <label for="collapsible1_2" class="lbl-toggle"> | |
− | + | Unterprojekt2 | |
− | + | <hr style="width: unset;"> | |
− | + | </label> | |
− | + | <div class="collapsible-content"> | |
− | + | <div class="content-inner" style="text-align: left; text-align-last: left;"> | |
− | + | <p> | |
− | + | Hier bitte den für diese Stelle zutreffenden Text einfügen, wenn dieser | |
− | + | fertig ist. | |
− | + | </p> | |
− | + | </div> | |
− | + | </div> | |
− | + | </div> | |
+ | </section> | ||
+ | </div> | ||
</div> | </div> | ||
− | + | </div> | |
− | + | <div class="sub" onclick="popup('rbn412')"> | |
− | + | <div class="sub-header"> | |
− | + | <h1> | |
C O M P O S I T E<br> | C O M P O S I T E<br> | ||
− | + | P A R T S | |
− | + | </h1> | |
− | + | <hr> | |
− | + | </div> | |
− | + | <div class="sub-content"> | |
− | + | <p> | |
Hier bitte den für diese Stelle zutreffenden Text einfügen, wenn dieser fertig ist. | Hier bitte den für diese Stelle zutreffenden Text einfügen, wenn dieser fertig ist. | ||
− | + | </p> | |
− | + | </div> | |
− | + | </div> | |
− | + | <div id="rbn412" class="popup"> | |
− | + | <div class="popup-container"> | |
− | + | <div class="popup-header"> | |
<h1 class="title">Light Measurement</h1> | <h1 class="title">Light Measurement</h1> | ||
− | <button type="button" onclick="hide(' | + | <button type="button" onclick="hide('rbn412')">X</button> |
− | + | </div> | |
− | + | <div class="popup-content" style="text-align: justify; text-align-last: justify;"> | |
<section class="section"> | <section class="section"> | ||
− | + | Abstract? | |
</section> | </section> | ||
<section class="section"> | <section class="section"> | ||
− | + | <div class="wrap-collabsible" style="margin-bottom: 25px;"> | |
− | + | <input id="collapsible1_1" class="toggle" type="checkbox"> | |
− | + | <label for="collapsible1_1" class="lbl-toggle"> | |
− | + | Unterprojekt1 | |
− | + | <hr style="width: unset;"> | |
− | + | </label> | |
− | + | <div class="collapsible-content"> | |
− | + | <div class="content-inner" style="text-align: left; text-align-last: left;"> | |
− | + | <!--div -p - text - /p - /div wenn auch bilder drin--> | |
− | + | <p> | |
− | + | Hier bitte den für diese Stelle zutreffenden Text einfügen, wenn dieser | |
− | + | fertig ist. | |
− | + | </p> | |
+ | </div> | ||
+ | </div> | ||
</div> | </div> | ||
− | + | <div class="wrap-collabsible"> | |
− | + | <input id="collapsible1_2" class="toggle" type="checkbox"> | |
− | + | <label for="collapsible1_2" class="lbl-toggle"> | |
− | + | Unterprojekt2 | |
− | + | <hr style="width: unset;"> | |
− | + | </label> | |
− | + | <div class="collapsible-content"> | |
− | + | <div class="content-inner" style="text-align: left; text-align-last: left;"> | |
− | + | <p> | |
− | + | Hier bitte den für diese Stelle zutreffenden Text einfügen, wenn dieser | |
− | + | fertig ist. | |
− | + | </p> | |
− | + | </div> | |
+ | </div> | ||
</div> | </div> | ||
− | |||
</section> | </section> | ||
− | |||
</div> | </div> | ||
− | + | </div> | |
+ | </div> | ||
+ | </p> | ||
+ | <div class="sub" onclick="popup('rbn412')"> | ||
+ | <div class="sub-header"> | ||
+ | <h1> | ||
+ | P A R T<br> | ||
+ | C O L L E C T I O N | ||
+ | </h1> | ||
+ | <hr> | ||
+ | </div> | ||
+ | <div class="sub-content"> | ||
+ | <p> | ||
+ | Hier bitte den für diese Stelle zutreffenden Text einfügen, wenn dieser fertig ist. | ||
</p> | </p> | ||
− | + | </div> | |
− | + | </div> | |
− | + | <div id="rbn412" class="popup"> | |
− | + | <div class="popup-container"> | |
− | + | <div class="popup-header"> | |
− | + | <h1 class="title">Light Measurement</h1> | |
− | + | <button type="button" onclick="hide('rbn412')">X</button> | |
− | + | </div> | |
− | + | <div class="popup-content" style="text-align: justify; text-align-last: justify;"> | |
− | + | <section class="section"> | |
− | + | Abstract? | |
− | + | </section> | |
− | + | <section class="section"> | |
− | + | <div class="wrap-collabsible" style="margin-bottom: 25px;"> | |
− | + | <input id="collapsible1_1" class="toggle" type="checkbox"> | |
− | + | <label for="collapsible1_1" class="lbl-toggle"> | |
− | + | Unterprojekt1 | |
− | + | <hr style="width: unset;"> | |
− | + | </label> | |
− | + | <div class="collapsible-content"> | |
− | + | <div class="content-inner" style="text-align: left; text-align-last: left;"> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<!--div -p - text - /p - /div wenn auch bilder drin--> | <!--div -p - text - /p - /div wenn auch bilder drin--> | ||
<p> | <p> | ||
− | + | Hier bitte den für diese Stelle zutreffenden Text einfügen, wenn dieser | |
+ | fertig ist. | ||
</p> | </p> | ||
− | |||
</div> | </div> | ||
− | + | </div> | |
− | + | </div> | |
− | + | <div class="wrap-collabsible"> | |
− | + | <input id="collapsible1_2" class="toggle" type="checkbox"> | |
− | + | <label for="collapsible1_2" class="lbl-toggle"> | |
− | + | Unterprojekt2 | |
− | + | <hr style="width: unset;"> | |
− | + | </label> | |
− | + | <div class="collapsible-content"> | |
+ | <div class="content-inner" style="text-align: left; text-align-last: left;"> | ||
<p> | <p> | ||
− | + | Hier bitte den für diese Stelle zutreffenden Text einfügen, wenn dieser | |
+ | fertig ist. | ||
</p> | </p> | ||
− | |||
</div> | </div> | ||
− | + | </div> | |
− | + | ||
− | + | ||
</div> | </div> | ||
− | + | </section> | |
− | </body> | + | </div> |
+ | </div> | ||
+ | </div> | ||
+ | </section> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </body> | ||
+ | |||
</html> | </html> |
Revision as of 00:14, 22 October 2019
P A R T S
O V E R V I E WWith our additional created parts, we expanded the current Marburg Collection.
B A S I C
P A R T S
Hier bitte den für diese Stelle zutreffenden Text einfügen, wenn dieser fertig ist.
Light Measurement
Hier bitte den für diese Stelle zutreffenden Text einfügen, wenn dieser fertig ist.
Hier bitte den für diese Stelle zutreffenden Text einfügen, wenn dieser fertig ist.
C O M P O S I T E
P A R T S
Hier bitte den für diese Stelle zutreffenden Text einfügen, wenn dieser fertig ist.
Light Measurement
Hier bitte den für diese Stelle zutreffenden Text einfügen, wenn dieser fertig ist.
Hier bitte den für diese Stelle zutreffenden Text einfügen, wenn dieser fertig ist.
P A R T
C O L L E C T I O N
Hier bitte den für diese Stelle zutreffenden Text einfügen, wenn dieser fertig ist.
Light Measurement
Hier bitte den für diese Stelle zutreffenden Text einfügen, wenn dieser fertig ist.
Hier bitte den für diese Stelle zutreffenden Text einfügen, wenn dieser fertig ist.