Difference between revisions of "Team:Marburg/test joana"

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

With 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.

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.

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.