Difference between revisions of "Team:Marburg/MedalCriteria"

(Created page with "{{Marburg}} <html> <h1 class="title"> Medal Criteria </h1> </html> {{Marburg/footer}}")
 
Line 1: Line 1:
 
{{Marburg}}
 
{{Marburg}}
 
<html>
 
<html>
−
   <h1 class="title">
+
   <style>
−
     Medal Criteria
+
    .box-dark {
−
   </h1>
+
      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 {
 +
      color: #f5f5f5;
 +
      text-align: center;
 +
      font-size: 1.75em;
 +
      width: fit-content;
 +
      margin-top: 25px;
 +
      margin-bottom: unset !important;
 +
      transform: rotate(-355deg);
 +
    }
 +
 
 +
    .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 {
 +
      width: 100px;
 +
      height: 100px;
 +
      position: absolute;
 +
      bottom: -50px;
 +
      transform: rotate(-355deg);
 +
      margin-left: -10px;
 +
    }
 +
 
 +
    .main {
 +
      overflow-x: hidden;
 +
    }
 +
 
 +
    @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">
 +
      <h1 class="heading">
 +
        M E D A L <span style="visibility: hidden;">A</span> C R I T E R I A
 +
      </h1>
 +
      <hr class="line">
 +
      <img src="https://static.igem.org/mediawiki/2019/a/ac/T--Marburg--logo.svg" class="logo" alt="Syntex Logo">
 +
     </div>
 +
    <section style="margin-top: 11vh;">
 +
 
 +
    </section>
 +
   </div>
 
</html>
 
</html>
 
{{Marburg/footer}}
 
{{Marburg/footer}}

Revision as of 07:05, 20 October 2019

M E D A L A C R I T E R I A