Team:NCTU Formosa/source/head-index

From 2013.igem.org

(Difference between revisions)
 
(9 intermediate revisions not shown)
Line 2: Line 2:
<style>
<style>
.effect {
.effect {
-
left: 200%;
+
left: -100%;
}
}
#footer-box a{
#footer-box a{
Line 21: Line 21:
background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-repeat: no-repeat;
-
height: 100%;
+
height: 900px;
position: relative;
position: relative;
overflow: hidden;
overflow: hidden;
Line 51: Line 51:
max-width:1200px;
max-width:1200px;
margin: 0 auto;
margin: 0 auto;
-
//position:relative;
+
position:relative;
-
height:100%;
+
height: 900px;
-
min-height: 500px;
+
display:block;
display:block;
}
}
.box {
.box {
display:block;
display:block;
-
//position: absolute;
+
position: absolute;
width: 100%;
width: 100%;
-
height:100%;
+
top:200px;
-
margin-top:150px;
+
-
margin-bottom:50px;
+
left: 0;
left: 0;
color: white;
color: white;
-
//background:rgba(0,0,0,0.5);
 
-
    //padding: 30px;
 
text-align: right;
text-align: right;
-
//-moz-box-shadow: 1px 1px 3px #000;
 
-
//-webkit-box-shadow: 1px 1px 3px #000;
 
-
//box-shadow: 1px 1px 3px #000;
 
-
//-webkit-border-radius: 3px;
 
-
//-moz-border-radius: 3px;
 
-
//border-radius: 3px;
 
cursor:pointer;
cursor:pointer;
-
-webkit-transition: .5s;
 
-
-moz-transition: .5s;
 
-
-o-transition: .5s;
 
-
-ms-transition: .5s;
 
-
transition: .5s;
 
}
}
-
.box:hover {
+
#description .gear {
-
//background:rgba(0,0,0,0.8)
+
-
}
+
-
/*#description .teamlogo {
+
text-indent:9999px;
text-indent:9999px;
-
display:none;
+
max-width:50px;
-
width:300px;
+
width:100%;
-
height:300px;
+
height:50px;
-
background: url(https://static.igem.org/mediawiki/2013/b/ba/Nctu-biglogo.png);
+
background: url(https://static.igem.org/mediawiki/2013/a/ad/Nctu-gear.png) no-repeat;
-
margin: 0 auto;
+
background-size: contain!important;
-
}*/
+
position:absolute;
-
#description .teamlogo {
+
right:-20px;
-
display:none;
+
top:-20px;
}
}
#description .title {
#description .title {
 +
position:relative;
text-indent:9999px;
text-indent:9999px;
-
max-width:400px;
+
max-width:455px;
width:100%;
width:100%;
height:118px;
height:118px;
Line 107: Line 89:
#description .team {
#description .team {
display:none;
display:none;
-
text-align: center;
 
-
font-family: Open Sans;
 
-
font-size: 20px;
 
-
font-weight: 300;
 
-
text-shadow: 0px 2px 3px #555;
 
}
}
#description .wordbox {
#description .wordbox {
-
//border-top: 1px solid #fff;
 
margin-top:20px;
margin-top:20px;
padding-top:20px;
padding-top:20px;
Line 133: Line 109:
#description .box .readmore {
#description .box .readmore {
text-align:center;
text-align:center;
 +
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 348: Line 352:
}
}
#sec7 {
#sec7 {
 +
background: #c56dbf;
 +
}
 +
#sec8 {
background: #aaaaaa;
background: #aaaaaa;
 +
}
 +
#sec9 {
 +
background: #a88c57;
}
}
.seclink a i {
.seclink a i {
Line 363: Line 373:
}
}
#sec1 a i,  
#sec1 a i,  
-
#sec7 a i {
+
#sec8 a i {
padding-left:120px;
padding-left:120px;
}
}
-
#sec3 a i,  
+
#sec2 a i,  
#sec4 a i,  
#sec4 a i,  
#sec5 a i,  
#sec5 a i,  
Line 415: 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

Retrieved from "http://2013.igem.org/Team:NCTU_Formosa/source/head-index"