Difference between revisions of "Team:Hawaii"
| (10 intermediate revisions by the same user not shown) | |||
| Line 4: | Line 4: | ||
<div id="container"> | <div id="container"> | ||
<div id="big-title"> | <div id="big-title"> | ||
| − | <h1>TO THE CENTROMERE</h1> | + | <h1 id="big-title-main">TO THE CENTROMERE</h1> |
| + | <h1 id="big-title-alt">TO THE CENTROMERE</h1> | ||
<h2 id="sub-title">WITH VIRUS-LIKE PARTICLES</h2> | <h2 id="sub-title">WITH VIRUS-LIKE PARTICLES</h2> | ||
</div> | </div> | ||
<div id="button-container"> | <div id="button-container"> | ||
| − | <button id="b1"><a href=" | + | <button id="b1"><a href="https://2018.igem.org/Team:Hawaii/Description">EXPLORE</a></button> |
</div> | </div> | ||
| Line 47: | Line 48: | ||
justify-content: center; | justify-content: center; | ||
letter-spacing: 10px; | letter-spacing: 10px; | ||
| − | z-index: | + | z-index: 2; |
} | } | ||
#sub-title { | #sub-title { | ||
| Line 55: | Line 56: | ||
font-size: 40px; | font-size: 40px; | ||
} | } | ||
| − | + | #big-title-alt { | |
| + | display: none; | ||
| + | justify-content: center; | ||
| + | width: 100%; | ||
| + | font-size: 60px; | ||
| + | position: absolute; | ||
| + | top: 100px; | ||
| + | } | ||
| + | @media only screen and (max-width: 800px) { | ||
| + | #big-title-main { | ||
| + | display: none; | ||
| + | } | ||
| + | #big-title-alt { | ||
| + | display: flex; | ||
| + | } | ||
| + | #sub-title { | ||
| + | display: none; | ||
| + | } | ||
| + | } | ||
| + | @media only screen and (max-width: 1200px) { | ||
| + | #big-title { | ||
| + | font-size: 50px; | ||
| + | top: 200px; | ||
| + | } | ||
| + | } | ||
.c1 { | .c1 { | ||
width: 0; | width: 0; | ||
| Line 97: | Line 122: | ||
animation-duration: 6s; | animation-duration: 6s; | ||
animation-iteration-count: 1; | animation-iteration-count: 1; | ||
| − | z-index: | + | z-index: 1; |
} | } | ||
#button-container { | #button-container { | ||
| Line 123: | Line 148: | ||
#b1:focus { | #b1:focus { | ||
outline:0; | outline:0; | ||
| + | } | ||
| + | #b1 a:hover { | ||
| + | text-decoration: none; | ||
} | } | ||
#spacer { | #spacer { | ||
Latest revision as of 22:00, 2 October 2018