Difference between revisions of "Template:Marburg"

 
(36 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
<html lang="en">
+
{{Marburg/bulma.css}}
−
 
+
{{Marburg/styles.css}}
−
  <head>
+
<html>
−
    <meta charset="utf-8">
+
<head>
−
    <meta name="viewport" content="width=device-width, initial-scale=1">
+
  <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300&display=swap" rel="stylesheet">
−
 
+
</head>
−
    <style>
+
<body>
−
      #content {
+
−
        width: 0 !important;
+
−
      }
+
−
 
+
−
      html,
+
−
      body {
+
−
        margin: 0;
+
−
        min-width: 100vw;
+
−
        width: 100vw;
+
−
        min-height: 100vh;
+
−
        height: 100vh;
+
−
        overflow: hidden;
+
−
      }
+
−
 
+
−
      main {
+
−
        min-height: calc(100% - 144px);
+
−
        padding: 2rem 1rem;
+
−
      }
+
−
 
+
−
      .main {
+
−
        min-height: calc(100vh - 52px);
+
−
        height: calc(100vh - 52px);
+
−
        max-height: calc(100vh - 52px);
+
−
        overflow: auto;
+
−
      }
+
−
 
+
−
 
+
−
      .foo {
+
−
        margin-left: -20px;
+
−
        position: absolute;
+
−
        top: 0;
+
−
        left: 0;
+
−
        width: 100vw;
+
−
        max-width: 100vw;
+
−
        height: calc(100vh - 18px);
+
−
        overflow: hidden;
+
−
        background: #fff;
+
−
      }
+
−
 
+
−
      header {
+
−
        position: relative;
+
−
        top: 0;
+
−
        width: 100%;
+
−
        height: auto;
+
−
        line-height: 80px;
+
−
        font-size: 18px;
+
−
        text-align: center;
+
−
        background-color: rgb(255, 255, 255);
+
−
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.19);
+
−
        text-align: center;
+
−
        z-index: 10;
+
−
        transition: height 0.5s ease-in-out, line-height 0.5s ease-in-out, font-size 0.5s ease-in-out;
+
−
      }
+
−
 
+
−
      .navbar-item {
+
−
        text-decoration: none !important;
+
−
      }
+
−
 
+
−
      .navbar-link {
+
−
        padding: .5rem;
+
−
      }
+
−
 
+
−
      .navbar-link:not(.is-arrowless) {
+
−
        padding-right: 1.75em;
+
−
      }
+
−
 
+
−
      .navbar-link:not(.is-arrowless)::after {
+
−
        right: .6em;
+
−
      }
+
−
 
+
−
      .navbar-menu {
+
−
        max-height: calc(100vh - 52px);
+
−
      }
+
−
 
+
−
      @media screen and (max-width: 1023px) {
+
−
        .navbar-menu {
+
−
          overflow: auto;
+
−
        }
+
−
      }
+
−
 
+
−
      .navbar-menu a:visited {
+
−
        color: #4a4a4a;
+
−
      }
+
−
 
+
−
      .navbar-menu a:hover {
+
−
        color: #3273dc !important;
+
−
      }
+
−
    </style>
+
−
  </head>
+
−
 
+
−
  <body>
+
 
     <div class="foo">
 
     <div class="foo">
 
       <header>
 
       <header>
 
         <nav class="navbar" role="navigation" aria-label="main navigation">
 
         <nav class="navbar" role="navigation" aria-label="main navigation">
 
           <div class="navbar-brand">
 
           <div class="navbar-brand">
−
             <a href="https://2019.igem.org/Team:Marburg" class="navbar-item">
+
             <a href="https://2019.igem.org/Team:Marburg" class="navbar-item" style="padding: 0; width: 150px;">
−
               <img src="https://static.igem.org/mediawiki/2018/3/3f/T--Marburg--header_logo.svg" width="112" height="28">
+
               <img src="https://static.igem.org/mediawiki/2019/3/3f/T--Marburg--header_logo.svg" style="min-height: 100%; width: fit-content;">
 
             </a>
 
             </a>
−
             <a id="burger" role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
+
             <a id="burger" role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false" data-target="navbar">
 
               <span aria-hidden="true"></span>
 
               <span aria-hidden="true"></span>
 
               <span aria-hidden="true"></span>
 
               <span aria-hidden="true"></span>
Line 110: Line 19:
 
             </a>
 
             </a>
 
           </div>
 
           </div>
−
           <div id="navbarBasicExample" class="navbar-menu">
+
           <div id="navbar" class="navbar-menu">
 
             <div class="navbar-end">
 
             <div class="navbar-end">
 
               <div class="navbar-item has-dropdown is-hoverable">
 
               <div class="navbar-item has-dropdown is-hoverable">
Line 125: Line 34:
 
                   <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Attributions">
 
                   <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Attributions">
 
                     Attribution
 
                     Attribution
 +
                  </a>
 +
                  <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Giant_Jamboree">
 +
                    Giant Jamboree
 
                   </a>
 
                   </a>
 
                 </div>
 
                 </div>
Line 144: Line 56:
 
                   <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Notebook">
 
                   <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Notebook">
 
                     Notebook
 
                     Notebook
−
                  </a>
 
−
                  <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Contribution">
 
−
                    Contribution
 
 
                   </a>
 
                   </a>
 
                   <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Results">
 
                   <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Results">
 
                     Results
 
                     Results
 +
                  </a>
 +
                  <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Metabolic">
 +
                    Metabolic
 +
                  </a>
 +
                  <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Contribution">
 +
                    Contribution
 
                   </a>
 
                   </a>
 
                   <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Demonstrate">
 
                   <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Demonstrate">
 
                     Demonstrate
 
                     Demonstrate
−
                  </a>
 
−
                  <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Measurement">
 
−
                    Measurement
 
 
                   </a>
 
                   </a>
 
                   <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Model">
 
                   <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Model">
 
                     Model
 
                     Model
 +
                  </a>
 +
                  <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Safety">
 +
                    Safety
 
                   </a>
 
                   </a>
 
                 </div>
 
                 </div>
Line 184: Line 99:
 
                 </div>
 
                 </div>
 
               </div>
 
               </div>
−
              <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Safety">
 
−
                Safety
 
−
              </a>
 
 
               <div class="navbar-item has-dropdown is-hoverable">
 
               <div class="navbar-item has-dropdown is-hoverable">
 
                 <span class="navbar-link">
 
                 <span class="navbar-link">
Line 194: Line 106:
 
                   <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Human_Practices">
 
                   <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Human_Practices">
 
                     Human Practices
 
                     Human Practices
−
                  </a>
 
−
                  <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Integrated_Human_Practices">
 
−
                    Integrated Human Practice
 
 
                   </a>
 
                   </a>
 
                   <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Public_Engagement">
 
                   <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Public_Engagement">
 
                     Public Engagement
 
                     Public Engagement
 +
                  </a>
 +
                </div>
 +
              </div>
 +
              <a class="navbar-item" href="https://igem.org/2019_Judging_Form?team=Marburg">
 +
                Judging Form
 +
              </a>
 +
              <div class="navbar-item has-dropdown is-hoverable">
 +
                <span class="navbar-link">
 +
                  Labautomation
 +
                </span>
 +
                <div class="navbar-dropdown">
 +
                  <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Labautomation">
 +
                    Story
 +
                  </a>
 +
                  <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Colony_Picking">
 +
                    Colony Picking
 +
                  </a>
 +
                  <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Cloning_Protocols">
 +
                    Cloning Protocols
 +
                  </a>
 +
                  <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Hardware" >
 +
                    Hardware
 +
                  </a>
 +
                  <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Miniprep">
 +
                    Miniprep
 
                   </a>
 
                   </a>
 
                 </div>
 
                 </div>
Line 208: Line 142:
 
                 </span>
 
                 </span>
 
                 <div class="navbar-dropdown">
 
                 <div class="navbar-dropdown">
−
                   <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Integrated_Human_Practices">
+
                   <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Human_Practices">
−
                     Integrated Human Practice
+
                     Integrated Human Practices
 
                   </a>
 
                   </a>
 
                   <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Public_Engagement">
 
                   <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Public_Engagement">
Line 232: Line 166:
 
                     Software
 
                     Software
 
                   </a>
 
                   </a>
−
                   <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Synthetic_Biology">
+
                   <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Hardware">
 +
                    Hardware
 +
                  </a>
 +
                  <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Plant">
 
                     Best Plant Synthetic Biology
 
                     Best Plant Synthetic Biology
 
                   </a>
 
                   </a>
 
                 </div>
 
                 </div>
 
               </div>
 
               </div>
−
              <a class="navbar-item" href="https://igem.org/2019_Judging_Form?team=Marburg">
+
               <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Measurement">
−
                Judging Form
+
                 Measurement
−
              </a>
+
−
               <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Labautomation">
+
−
                 Labautomation
+
 
               </a>
 
               </a>
 
             </div>
 
             </div>
Line 247: Line 181:
 
         </nav>
 
         </nav>
 
       </header>
 
       </header>
−
       <main>
+
       <div class="main">
 +
        <main>
 
</html>
 
</html>

Latest revision as of 02:50, 14 December 2019