@@ Line 1: / Line 1: @@
 <html>
 <style>
+.effect {
+left: -100%;
+}
 #footer-box a{
 color: white;
@@ Line 37: / Line 40: @@
 		}
 		#social {
+display:none;
 background-color: black;
 			background-image: url(https://static.igem.org/mediawiki/2013/6/6e/Nctu-bg3.jpg);
@@ Line 49: / Line 53: @@
 	position:relative;
 	height: 900px;
+	display:block;
 }
 .box {
+display:block;
 	position: absolute;
-	width: 75%;
+	width: 100%;
-	max-width: 500px;
+	top:200px;
-	top:100px;
 	left: 0;
 	color: white;
-	background-image: url('https://static.igem.org/mediawiki/2013/6/6a/Nctu-grainb.png');
-	background-repeat: repeat;
-	padding: 30px;
 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;
-transform:rotate(-1deg);
--ms-transform:rotate(-1deg);
--webkit-transform:rotate(-1deg);
 cursor:pointer;
+}
+#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 {
-text-align: right;
+position:relative;
-font-family: Lobster Two;
+text-indent:9999px;
-font-size: 60px;
+max-width:455px;
-font-weight: bold;
+width:100%;
+height:118px;
+background: url(https://static.igem.org/mediawiki/2013/b/ba/Nctu-biglogo.png) no-repeat;
+background-size: contain!important;
+margin: 0 auto;
 margin-bottom:10px;
-color: #222;
-text-shadow: 0px 2px 3px #555;
--webkit-transition: .5s;
--moz-transition: .5s;
--o-transition: .5s;
--ms-transition: .5s;
-transition: .5s;
 }
 #description .team {
 display:none;
-text-align: right;
-font-family: Lobster Two;
-font-size: 16px;
-font-weight: 700;
-color: #222;
-text-shadow: 0px 2px 3px #555;
 }
 #description .wordbox {
-border-top: 1px solid #222;
+margin-top:20px;
-box-shadow: 0 -1px 0 0px #444;
-color: #111;
-margin-top:10px;
 padding-top:20px;
+font-weight:300;
 width:100%;
 font-family: Open Sans;
-font-size: 16px;
+font-size: 18px;
 text-align:justify;
 text-justify:inter-word;
 text-indent: 50px;
+margin-bottom:30px;
+}
+#description .wordbox p{
+padding-top:10px;
+padding-left:30px;
+padding-right:30px;
+}
+#description .box .readmore {
+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 {
+% { -webkit-transform: rotate(0deg);}
+% { -webkit-transform: rotate(360deg);}
+}
+@-moz-keyframes spin1 {
+% { -moz-transform: rotate(0deg);}
+% { -moz-transform: rotate(360deg);}
+}
+@-o-keyframes spin1 {
+% { -o-transform: rotate(0deg);}
+% { -o-transform: rotate(360deg);}
+}
+@-ms-keyframes spin1 {
+% { -ms-transform: rotate(0deg);}
+% { -ms-transform: rotate(360deg);}
+}
+@-keyframes spin1 {
+% { transform: rotate(0deg);}
+% { transform: rotate(360deg);}
+}
+#description .box:hover .moret {
+background-color:white;
+color:darkblue;
+}
+.moret {
+border: white solid 1px;
+padding:3px;
+padding-left:7px;
+padding-right:7px;
+border-radius:3px;
 -webkit-transition: .5s;
 -moz-transition: .5s;
@@ Line 113: / Line 154: @@
 transition: .5s;
 }
-#description .title:hover {
+/*
+#description .box:hover .moret
+#description .box:hover .title {
 color: #fff;
 text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #7fff00, 0 0 70px #7FFF00, 0 0 80px #7FFF00, 0 0 100px #7FFF00, 0 0 150px #7FFF00;
 }
-#description .wordbox:hover {
+#description .box:hover .wordbox {
 color: #fff;
 text-shadow: 0 0 10px #fff, 0 0 40px #7FFF00;
@@ Line 170: / Line 213: @@
 right:-150px;
 }
+*/
 #social #meritw {
 display:block;
@@ Line 190: / Line 234: @@
 font-size: 35px;
 padding-left:50px;
-padding-top:30px;
+padding-top:50px!important;
 padding-bottom:15px;
 }
@@ Line 213: / Line 257: @@
 color: white;
 width:400px;
-margin:10px;
+margin:25px;
 padding:10px;
 vertical-align: text-top;
@@ Line 228: / Line 272: @@
 font-size:20px;
 font-weight:700;
-padding-left:10px;
+padding-left:20px;
-padding-right:10px;
+padding-right:20px;
 padding-top:5px!important;
 padding-bottom:5px!important;
@@ Line 235: / Line 279: @@
 background-color: rgba(0,0,0,0.5);
 top:-10px;
-width:400px;
+width:380px;
 position:relative;
 left:-10px;
@@ Line 241: / Line 285: @@
 #social .merit p {
 padding-top:10px;
+padding-left:10px;
+padding-right:10px;
 text-indent:30px;
 }
@@ Line 306: / Line 352: @@
 }
 #sec7 {
+background: #c56dbf;
+}
+#sec8 {
 background: #aaaaaa;
+}
+#sec9 {
+background: #a88c57;
 }
 .seclink a i {
@@ Line 321: / Line 373: @@
 }
 #sec1 a i,
-#sec7 a i {
+#sec8 a i {
 padding-left:120px;
 }
-#sec3 a i,
+#sec2 a i,
 #sec4 a i,
 #sec5 a i,
@@ Line 369: / Line 421: @@
 font-size:100px;
 opacity:0.5;
+}
+.space {
+clear:both;
+height:50px;
+}
+#footer-text, #footer-text a, #footer-text a:hover {
+color: white!important;
 }
 </style>
-<link href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
 		<script src="https://2013.igem.org/Team:Team:NCTU_Formosa/js/stellar?action=raw&ctype=text/javascript"></script>
 		<script>

Team:NCTU Formosa/source/head-index

From 2013.igem.org

Latest revision as of 14:54, 25 October 2013