"
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
