Team:Paris Bettencourt/header
From 2013.igem.org
(Difference between revisions)
Line 66: | Line 66: | ||
</script> | </script> | ||
+ | <style> | ||
+ | /* | ||
+ | Back to top button | ||
+ | http://webdesignerwall.com/tutorials/animated-scroll-to-top | ||
+ | */ | ||
+ | #back-top { | ||
+ | position: fixed; | ||
+ | bottom: 30px; | ||
+ | margin-left: 1000px; | ||
+ | } | ||
+ | #back-top a { | ||
+ | width: 108px; | ||
+ | display: block; | ||
+ | text-align: center; | ||
+ | font: 11px/100% Arial, Helvetica, sans-serif; | ||
+ | text-transform: uppercase; | ||
+ | text-decoration: none; | ||
+ | color: #bbb; | ||
+ | /* background color transition */ | ||
+ | -webkit-transition: 1s; | ||
+ | -moz-transition: 1s; | ||
+ | transition: 1s; | ||
+ | } | ||
+ | #back-top a:hover { | ||
+ | color: #000; | ||
+ | } | ||
+ | /* arrow icon (span tag) */ | ||
+ | #back-top span { | ||
+ | width: 108px; | ||
+ | height: 108px; | ||
+ | display: block; | ||
+ | margin-bottom: 7px; | ||
+ | background: #ddd url(up-arrow.png) no-repeat center center; | ||
+ | /* rounded corners */ | ||
+ | -webkit-border-radius: 15px; | ||
+ | -moz-border-radius: 15px; | ||
+ | border-radius: 15px; | ||
+ | /* background color transition */ | ||
+ | -webkit-transition: 1s; | ||
+ | -moz-transition: 1s; | ||
+ | transition: 1s; | ||
+ | } | ||
+ | #back-top a:hover span { | ||
+ | background-color: #777; | ||
+ | } | ||
+ | </style> | ||
</head> | </head> | ||
Revision as of 17:59, 24 July 2013