Difference between revisions of "Team:UCL/Playingaround"
m |
|||
Line 40: | Line 40: | ||
#introo1arrow {width: 7%; height: 7%; float: right; display: inline; position: absolute; bottom: 10%; right: 10%; } | #introo1arrow {width: 7%; height: 7%; float: right; display: inline; position: absolute; bottom: 10%; right: 10%; } | ||
+ | |||
+ | |||
+ | #introo2 {width: 100%; height: 100%; position: relative; | ||
+ | background: #F7F7F7; background-image: url('https://static.igem.org/mediawiki/2015/5/50/UCL_block2.png'); background-repeat: no-repeat; background-position: 0% -5%; background-size: 100%; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | font-family: Raleway; | ||
+ | letter-spacing: 1.1px; font-size: 13px; top: 0px; | ||
+ | } | ||
+ | |||
+ | #introo2text {position: absolute; bottom: 7%; padding-left: 10%; width: 65%; font-size: 20px; letter-spacing: 2px; line-height: 1.8; float: left; display: inline;} | ||
+ | |||
+ | #introo2arrow {width: 7%; height: 7%; float: right; display: inline; position: absolute; bottom: 10%; right: 10%; } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
@media (max-width:1024px){ | @media (max-width:1024px){ | ||
Line 111: | Line 129: | ||
<div id="introo1arrow"> <a data-scroll data-options='{ "easing": "linear" }' href="#introo2"><img src="https://static.igem.org/mediawiki/2015/f/f7/UCL_Intro1arrow.jpg" style="width: 100%;"></a></div> | <div id="introo1arrow"> <a data-scroll data-options='{ "easing": "linear" }' href="#introo2"><img src="https://static.igem.org/mediawiki/2015/f/f7/UCL_Intro1arrow.jpg" style="width: 100%;"></a></div> | ||
+ | </div> | ||
</div> | </div> | ||
+ | |||
+ | <div id="introo2"> | ||
+ | |||
+ | <div style="clear: both;"></div> | ||
+ | |||
+ | <div id="introo2text"> | ||
+ | |||
+ | Studies in mice have shown that the <span style="color: #1E6073;">gut microbiome</span> is also capable of influencing the chemistry of our brain, thus regulating our <span style="color: #1E6073;">behaviour</span> , <span style="color: #1E6073;">anxiety</span> , <span style="color: #1E6073;">mood</span> , <span style="color: #1E6073;">cognition</span> and <span style="color: #1E6073;">pain</span> ... | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div id="introo2arrow"> <a data-scroll data-options='{ "easing": "linear" }' href="#introo3"><img src="https://static.igem.org/mediawiki/2015/b/b5/Intro2arrow.jpg" style="width: 100%;"></a></div> | ||
+ | </div> | ||
+ | </div> | ||
Revision as of 11:30, 22 August 2015