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: 200%;
+
left: -100%;
}
}
#footer-box a{
#footer-box a{
Line 65: Line 65:
cursor:pointer;
cursor:pointer;
}
}
-
#description .teamlogo {
+
#description .gear {
-
display:none;
+
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