|
|
(197 intermediate revisions by 3 users not shown) |
Line 1: |
Line 1: |
− | | + | {{Linkoping_Sweden/Header}} |
| <html> | | <html> |
| | | |
− | <head>
| |
− |
| |
− | <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
| |
− | <link href="https://fonts.googleapis.com/css?family=Lemonada" rel="stylesheet">
| |
− | <style>
| |
− |
| |
− | #sideMenu, #top_title {
| |
− | display: none;
| |
− | }
| |
− |
| |
− | #content {
| |
− | padding: 0;
| |
− | width: 100%;
| |
− | margin-top: -7px;
| |
− | margin: auto;
| |
− | background-color: #f9f9f9
| |
− | }
| |
− |
| |
− | body {
| |
− | background-color: #f9f9f9;
| |
− | }
| |
− |
| |
− | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 {
| |
− | margin-bottom: 0;
| |
− | }
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | .fonttester {
| |
− | font-size: 100px;
| |
− | padding: 50px;
| |
− | background-color: #e4e4ec;
| |
− | font-family: Roboto;
| |
− | }
| |
− |
| |
− | p {
| |
− |
| |
− | }
| |
− |
| |
− | .one {
| |
− | font-size: 200%;
| |
− | font-family: dosis;
| |
− | }
| |
− |
| |
− | .two {
| |
− | font-family: Lemonada;
| |
− | }
| |
− |
| |
− | .three {
| |
− | font-size: 500%;
| |
− | font-family: Helvetica;
| |
− | }
| |
− |
| |
− | .four {
| |
− | font-family: dosis;
| |
− | font-weight: 200;
| |
− | }
| |
− |
| |
− | @font-face {
| |
− | font-family: 'Dosis';
| |
− | font-style: normal;
| |
− | font-weight: 400;
| |
− | src:
| |
− | url('https://static.igem.org/mediawiki/2017/d/de/T--Linkoping_Sweden--Font-Dosis-latin.woff');
| |
− | }
| |
− |
| |
− |
| |
− | #HQ_page .content h1, #HQ_page .content h2, #HQ_page .content h3, #HQ_page .content h4, #HQ_page .content h5 {
| |
− | font-family: helvetica, serif;
| |
− | margin-top: 10px;
| |
− | font-weight: 700;
| |
− | }
| |
− |
| |
− | #HQ_page .content p, #HQ_page .content li {
| |
− | font-family: helvetica, sans-serif;
| |
− | font-size: 110%;
| |
− | }
| |
− |
| |
− | </style>
| |
− |
| |
− | </head>
| |
| <body> | | <body> |
| + | <div id="flex-wrapper"> |
| + | <div class="flex-container"> |
| + | |
| + | <article class="flex-text-100"> |
| + | <h2> Oh you sneaky bastard! </h2> |
| + | <p class="text-big"> |
| + | You found our secret page! |
| + | </p> |
| + | </br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> |
| + | <p class="text-small"> |
| + | psssst. we used this to test out code during the summer and fall! |
| + | </p> |
| + | </article> |
| | | |
− | <div class="fonttester">
| + | |
− | <p> Hej </p>
| + | </div> |
− | <p class="one"> nu testar vi fonts </p>
| + | <aside class="aside aside-l"> </aside> |
− | <p class="two"> nu testar vi fonts </p>
| + | <aside class="aside aside-r"> </aside> |
− | <p class="three"> nu testar vi fonts </p>
| + | |
− | <p class="four"> nu testar vi fonts </p>
| + | |
− | </div>
| + | |
− | | + | |
| </body> | | </body> |
| </html> | | </html> |
| + | {{Linkoping_Sweden/Footer}} |