"
Team:NCTU Formosa/source/head-index
From 2013.igem.org
(Difference between revisions)
| (4 intermediate revisions not shown) | |||
| Line 2: | Line 2: | ||
<style> | <style> | ||
.effect { | .effect { | ||
| - | left: | + | left: -100%; |
} | } | ||
#footer-box a{ | #footer-box a{ | ||
| Line 65: | Line 65: | ||
cursor:pointer; | cursor:pointer; | ||
} | } | ||
| - | #description . | + | #description .gear { |
| - | + | text-indent:9999px; | |
| + | max-width:50px; | ||
| + | width:100%; | ||
| + | height:50px; | ||
| + | background: url(https://static.igem.org/mediawiki/2013/a/ad/Nctu-gear.png) no-repeat; | ||
| + | background-size: contain!important; | ||
| + | position:absolute; | ||
| + | right:-20px; | ||
| + | top:-20px; | ||
} | } | ||
#description .title { | #description .title { | ||
| + | position:relative; | ||
text-indent:9999px; | text-indent:9999px; | ||
max-width:455px; | max-width:455px; | ||
| Line 101: | Line 110: | ||
text-align:center; | text-align:center; | ||
margin-bottom:50px; | margin-bottom:50px; | ||
| + | } | ||
| + | #description .box:hover .gear { | ||
| + | -webkit-animation: spin1 2s infinite linear; | ||
| + | -moz-animation: spin1 2s infinite linear; | ||
| + | -o-animation: spin1 2s infinite linear; | ||
| + | -ms-animation: spin1 2s infinite linear; | ||
| + | animation: spin1 2s infinite linear; | ||
| + | } | ||
| + | @-webkit-keyframes spin1 { | ||
| + | 0% { -webkit-transform: rotate(0deg);} | ||
| + | 100% { -webkit-transform: rotate(360deg);} | ||
| + | } | ||
| + | @-moz-keyframes spin1 { | ||
| + | 0% { -moz-transform: rotate(0deg);} | ||
| + | 100% { -moz-transform: rotate(360deg);} | ||
| + | } | ||
| + | @-o-keyframes spin1 { | ||
| + | 0% { -o-transform: rotate(0deg);} | ||
| + | 100% { -o-transform: rotate(360deg);} | ||
| + | } | ||
| + | @-ms-keyframes spin1 { | ||
| + | 0% { -ms-transform: rotate(0deg);} | ||
| + | 100% { -ms-transform: rotate(360deg);} | ||
| + | } | ||
| + | @-keyframes spin1 { | ||
| + | 0% { transform: rotate(0deg);} | ||
| + | 100% { transform: rotate(360deg);} | ||
} | } | ||
#description .box:hover .moret { | #description .box:hover .moret { | ||
| Line 389: | Line 425: | ||
clear:both; | clear:both; | ||
height:50px; | height:50px; | ||
| + | } | ||
| + | #footer-text, #footer-text a, #footer-text a:hover { | ||
| + | color: white!important; | ||
} | } | ||
</style> | </style> | ||
Latest revision as of 14:54, 25 October 2013
