Difference between revisions of "Team:UCL/Playingaround"
Line 45: | Line 45: | ||
− | + | #logo2 { | |
− | # | + | padding-top: 105px; |
+ | height: 100%; | ||
+ | } | ||
+ | |||
+ | .intro-buttons { | ||
+ | padding-top: 20px; color: #FFFFFF; | ||
+ | } | ||
+ | |||
+ | |||
+ | .intro-buttons a { color: #FFFFFF; text-decoration: none;} | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | #logophoto2 { | ||
max-width: 500px; | max-width: 500px; | ||
opacity: 1; | opacity: 1; | ||
Line 54: | Line 68: | ||
transition-duration: 2s;transition-timing-function: ease; | transition-duration: 2s;transition-timing-function: ease; | ||
} | } | ||
− | # | + | |
+ | |||
+ | #logophoto2:hover {opacity: 0.7; transition-property: opacity; | ||
transition-duration: 2s;transition-timing-function: ease;} | transition-duration: 2s;transition-timing-function: ease;} | ||
Line 275: | Line 291: | ||
#footer {background: #493C54; background-image: url('https://static.igem.org/mediawiki/2015/b/b0/UCL_University_College_London2.jpg'); background-position: center 70%; background-size: 100%; width: 100%; height: 120px; position: fixed; bottom: 0; left: 0; margin: 0 auto; z-index: -1; } | #footer {background: #493C54; background-image: url('https://static.igem.org/mediawiki/2015/b/b0/UCL_University_College_London2.jpg'); background-position: center 70%; background-size: 100%; width: 100%; height: 120px; position: fixed; bottom: 0; left: 0; margin: 0 auto; z-index: -1; } | ||
+ | |||
+ | .buttonblack2 { | ||
+ | margin-bottom: 10px; | ||
+ | margin-top: 10px; | ||
+ | text-transform: uppercase; | ||
+ | font-size: 14px; | ||
+ | font-weight: normal; | ||
+ | line-height: 1.428571429; | ||
+ | text-align: center; | ||
+ | white-space: nowrap; | ||
+ | vertical-align: middle; | ||
+ | border-radius: 4px; | ||
+ | transition-property: background-color, color, border-color; | ||
+ | transition-duration: 1s; | ||
+ | transition-timing-function: ease; | ||
+ | color: #FFFFFF; | ||
+ | border: solid 5px #493C54; | ||
+ | padding: 10px 16px; | ||
+ | text-decoration: none; | ||
+ | width:180px; background-color: #493C54; | ||
+ | font-family: Raleway; | ||
+ | letter-spacing: 2px; | ||
+ | font-weight: bold;} | ||
+ | |||
+ | |||
+ | .buttonblack2:hover {border-color: #fff; color: #fff; background: none;} | ||
+ | |||
+ | |||
+ | #header2 {background-image: url('https://static.igem.org/mediawiki/2015/b/b0/UCL_University_College_London2.jpg'); margin: -5px; | ||
+ | text-align: center; width: 100%; | ||
+ | min-height: 640px; | ||
+ | height: 100%; | ||
+ | width:100%; | ||
+ | position: relative; | ||
+ | display: block !important; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | margin-top: -10px; | ||
+ | top: 0; | ||
+ | bottom: 0; | ||
+ | background-repeat: no-repeat; | ||
+ | |||
+ | background-size: 130%; | ||
+ | background-position: center -200px; | ||
+ | |||
+ | -webkit-box-sizing: border-box; | ||
+ | -moz-box-sizing: border-box; | ||
+ | box-sizing: border-box; | ||
+ | |||
+ | vertical-align: middle; } | ||
Line 281: | Line 347: | ||
</head> | </head> | ||
<body> | <body> | ||
− | <div id=" | + | <div id="header2"> |
<script> | <script> | ||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ | (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ | ||
Line 293: | Line 359: | ||
</script> | </script> | ||
− | <div id=" | + | <div id="logo2"> |
− | <img src="https://static.igem.org/mediawiki/2015/5/56/UCL_logooo_small.png" id=" | + | <img src="https://static.igem.org/mediawiki/2015/5/56/UCL_logooo_small.png" id="logophoto2" style="" alt="Mind the Gut"> |
− | <div class="intro- | + | <div class="intro-buttons2" id="box-links"> |
− | <a data-scroll data-options='{ "easing": "linear" }' href="#introo1" class=" | + | <a data-scroll data-options='{ "easing": "linear" }' href="#introo1" class="buttonblack2">Learn more</a> |
<br/> | <br/> |
Revision as of 21:05, 25 August 2015