|
|
| Line 10: |
Line 10: |
| | | | |
| | <style> | | <style> |
| − |
| |
| − | * {
| |
| − | padding: 0;
| |
| − | margin: 0;
| |
| − | }
| |
| − |
| |
| − | element {
| |
| − | display: none;
| |
| − | }
| |
| − |
| |
| − | #top_title {
| |
| − | display: none;
| |
| − | }
| |
| − |
| |
| − | #top {
| |
| − | display: none;
| |
| − | }
| |
| − |
| |
| − | #content {
| |
| − | width: 100%;
| |
| − | padding: 0;
| |
| − | margin-left: 0px;
| |
| − | margin-right: 0;
| |
| − | background-color: #ffffff;
| |
| − | position: absolute;
| |
| − | }
| |
| − |
| |
| − | #content {
| |
| − | display:;
| |
| − | }
| |
| − |
| |
| − | #HQ_page p {
| |
| − | font-family: 'Oswald', sans-serif;
| |
| − | text-align: center;
| |
| − | letter-spacing: 0.12em;
| |
| − | word-spacing: 0.2em;
| |
| − | line-height: 2em;
| |
| − | }
| |
| | | | |
| | #HQ_page h1 { | | #HQ_page h1 { |
| | font-family: 'Roboto Condensed', sans-serif; | | font-family: 'Roboto Condensed', sans-serif; |
| − | }
| |
| − |
| |
| − | #sideMenu {
| |
| − | display: none;
| |
| − | }
| |
| − |
| |
| − | body {
| |
| − | background: #FFF;
| |
| − | width: 100%;
| |
| | } | | } |
| | | | |
| Line 70: |
Line 23: |
| | display: block; | | display: block; |
| | position: relative; | | position: relative; |
| − | padding: 0; | + | padding: 0; |
| − | margin: 0; | + | margin: 0; |
| | } | | } |
| | + | |
| | | | |
| | h1.test { | | h1.test { |
| Line 100: |
Line 54: |
| | } | | } |
| | | | |
| − | p.development {
| |
| − | font-style: italic;
| |
| − | background: linear-gradient(rgba(252, 256, 252, 0.3), rgba(100, 100, 100, 0.3));
| |
| − | text-align: center;
| |
| − | }
| |
| | | | |
| − | .body {
| + | </style> |
| − | font-size: 1em;
| + | |
| − | }
| + | |
| | | | |
| − |
| |
| − | ul.test {
| |
| − | text-align: center;
| |
| − | padding: 50px 25px;
| |
| − | }
| |
| − |
| |
| − | li.test {
| |
| − | height: 140px;
| |
| − | width: 140px;
| |
| − | display: inline-block;
| |
| − | position: relative;
| |
| − | padding: 10px 60px;
| |
| − | }
| |
| − |
| |
| − | img {
| |
| − | height: 100%;
| |
| − | width: 100%;
| |
| − | -webkit-filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.5));
| |
| − | }
| |
| − |
| |
| − |
| |
| − | @media only screen and (max-width: 867px) {
| |
| − | li.test {
| |
| − | height: 95px;
| |
| − | width: 95px;
| |
| − | padding: 10px 30px;
| |
| − | }
| |
| − |
| |
| − | h1.test {
| |
| − | font-size: 5em;
| |
| − | text-shadow: 0 0 20px #000;
| |
| − | position: absolute;
| |
| − | bottom: -20px;
| |
| − | right: 40px;
| |
| − | }
| |
| − |
| |
| − | h1.year {
| |
| − | bottom: 15px;
| |
| − | right: 10px;
| |
| − | transform: rotate(90deg);
| |
| − | font-size: 1.8em;
| |
| − | }
| |
| − |
| |
| − | ul.test {
| |
| − | text-align: center;
| |
| − | padding: 50px;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − |
| |
| − | @media only screen and (max-width: 600px) {
| |
| − | #cover {
| |
| − | height: 350px;
| |
| − | }
| |
| − |
| |
| − | li.test {
| |
| − | height: 65px;
| |
| − | width: 65px;
| |
| − | padding: 10px 20px;
| |
| − | }
| |
| − |
| |
| − | h1.test {
| |
| − | font-size: 4.0em;
| |
| − | text-shadow: 0 0 20px #000;
| |
| − | position: absolute;
| |
| − | bottom: -10px;
| |
| − | right: 35px;
| |
| − | }
| |
| − |
| |
| − | h1.year {
| |
| − | bottom: 20px;
| |
| − | right: 10px;
| |
| − | transform: rotate(90deg);
| |
| − | font-size: 1.5em;
| |
| − | }
| |
| − |
| |
| − | ul.test {
| |
| − | text-align: center;
| |
| − | padding: 50px;
| |
| − | }
| |
| − | </style>
| |
| | | | |
| | <body> | | <body> |
| Line 196: |
Line 62: |
| | <div class="hello"><h1 class="test">SDU-Denmark <h1 class="year">2017</h1></h1></div> | | <div class="hello"><h1 class="test">SDU-Denmark <h1 class="year">2017</h1></h1></div> |
| | </div> | | </div> |
| − |
| |
| − | <p class="development">The webpage is currently under development.</p>
| |
| − |
| |
| − |
| |
| − | <ul class="test">
| |
| − | <li class="test"><a href="https://www.facebook.com/IGEMSyddanskuniversitet/" target="_blank"><img src="https://static.igem.org/mediawiki/2017/0/03/T--SDU-Denmark--Facebook.png"></a></li>
| |
| − | <li class="test"><a href="https://twitter.com/sdu_igem" target="_blank"><img src="https://static.igem.org/mediawiki/2017/b/bc/T--SDU-Denmark--Twitter.png"></a></li>
| |
| − | <li class="test"><a href="https://www.instagram.com/igem.sdu/" target="_blank"><img src="https://static.igem.org/mediawiki/2017/8/8e/T--SDU-Denmark--Instagram.png"></a></li>
| |
| − | </ul>
| |
| − |
| |
| − | <p class="body">Contact us at <u>igem@sdu.dk</u></p>
| |
| | | | |
| | </body> | | </body> |
| | </html> | | </html> |
