Template:Team:USTC-Software/Header-c

From 2012.igem.org

(Difference between revisions)

Latest revision as of 05:34, 15 August 2012

USTC-Header-c

USTC-Software

@@ Line 27: / Line 27: @@
 	background-color: black;
 	background: url('https://static.igem.org/mediawiki/2012/c/ca/Ustc-software-2012-bg-hex.png');
+        background: url(' https://static.igem.org/mediawiki/igem.org/4/4e/Wiki-bg2.jpg');
+         background: url('https://static.igem.org/mediawiki/igem.org/c/c5/Carbon_fibre.png');
 	margin:0 auto;
 }
@@ Line 54: / Line 56: @@
 			margin-bottom:2px;
 			padding: 0px;
 			font-family: Optima,"Courier New",Courier, "Andale Mono", Monaco ;
-			background: url(../images/header-background.png) repeat; /* for IE:not recognize rgba()*/
+			background-color:rgba(0, 0, 0, 0.35);
-			background-color:rgba(0, 0, 0, 0.35) ;
+                        background:transparent;
 			position:relative;
 			color: white;
-	  background:#202020;/*for one of the choices*/
 		    }
@@ Line 183: / Line 185: @@
 /*---the begin of head-text shade-shadow css-----*/
 .shade-shadow{
-         font-size:58px;font-weight: bold;color:#333; /*#487a1b*/line-height:48px;
+         font-size:58px;font-weight: bold;color:rgba(255,255,255,.7);line-height:48px;
+        background:rgba(255,255,255,.7) -webkit-linear-gradient(-15deg,#080808 5%,rgba(255,255,255,.7), rgba(255,255,255,.9),rgba(255,255,255,.7),#222 10%) no-repeat;
+        -webkit-box-reflect:below 0 -webkit-linear-gradient(transparent,transparent 50%,rgba(255,255,255,.6));
+        text-transform:uppercase;
+        -webkit-background-clip:text;
+        -webkit-text-fill-color:transparent;
+        -webkit-animation:texttop0 125s linear infinite;
+	 -webkit-animation-delay:55ms;
+              }
+.shade-shadow:hover{
+        font-size:58px;font-weight: bold;color:#333;
+		line-height:48px;
          background:#888 -webkit-linear-gradient(-15deg,#080808 5%,rgba(255,255,255,.7),
 		rgba(255,255,255,.9),rgba(255,255,255,.7),#222 10%) no-repeat;
          -webkit-box-reflect:below 0 -webkit-linear-gradient(transparent,transparent 50%,rgba(255,255,255,.6));
          -webkit-background-clip:text;
          -webkit-text-fill-color:transparent;
-         -webkit-animation:cliptexttop 3s linear infinite;
+         -webkit-animation:texttop 3400ms linear infinite;
+		     -webkit-animation-direction:alternate;
+		     -webkit-animation-delay:50ms;
          text-transform:uppercase;
                }
-@-webkit-keyframes cliptexttop{
+@-webkit-keyframes texttop0{
+%{background-position:left 0;}
+%{background-position:33000px 0;}}
+@-webkit-keyframes texttop{
 %{background-position:left 0;}
 %{background-position:1000px 0;}}
 	/*---the end of head-text shade-shadow css-----*/
 	 .unselectable {
@@ Line 235: / Line 260: @@
 		width:140px;
 		top:2px;
-		right:28px;
+		right:23px;
 		/*border:1px red solid;
 		 background:rgba(2,22,0 .04); */
@@ Line 279: / Line 304: @@
      #topBar div:hover {
 		background: url('https://static.igem.org/mediawiki/2012/f/f8/Gray-top-arrow.png');
-         -moz-transform: scale(1.08);
+         -moz-transform: scale(1.05);
-         -webkit-transform:  scale(1.08);
+         -webkit-transform:  scale(1.05);
-         -o-transform:scale(1.08);
+         -o-transform:scale(1.05);
-         transform:scale(1.08);
+         transform:scale(1.05);
      }/**************************the end of to top css*************/
@@ Line 299: / Line 324: @@
 		 <div class="unselectable">
-                      <div id="head_text0"><!-----other effetive action chooce head_text or 1------>
+                      <div id="head_tex0"><!-----other effetive action chooce head_text or 1------>
 					     <div id = "logo">
                              <section class="shade-shadow">USTC-Software</secton>
@@ Line 311: / Line 336: @@
       <div id="wrap_header_menu">
 	   <ul class="header_menu">
-         <li id="gn-home"><a href="index.html" class="home_li">Home</a></li>
+         <li id="gn-home"><a href="home" class="home_li">Home</a></li>
-         <li id="gn-pro"><a href="project.html" class="pro_li">Project</a></li>
+         <li id="gn-pro"><a href="project" class="pro_li">Project</a></li>
-         <li id="gn-tec"><a href="#" class="tec_li">Technology</a></li>
+         <li id="gn-tec"><a href="technology" class="tec_li">Technology</a></li>
-         <li id="gn-ach"><a href="#" class="ach_li">Achivements</a></li>
+         <li id="gn-ach"><a href="achivements" class="ach_li">Achivements</a></li>
-         <li id="gn-team"><a href="team.html" class="team_li">Our Team</a></li>
+         <li id="gn-team"><a href="team" class="team_li">Our Team</a></li>
-         <li id="gn-note"><a href="#" class="note_li">Notes</a></li>
+         <li id="gn-note"><a href="notes" class="note_li">Notes</a></li>
-         <li id="gn-hp"><a href="hp.html" class="hp_li">Human Practice</a></li>
+         <li id="gn-hp"><a href="hp" class="hp_li">Human Practice</a></li>
         </ul>
       </div><!---the end of header-menu div--->
@@ Line 449: / Line 474: @@
        <div id="goToTop" class="goToTop">TOP</div>
     </div><!-----the begin of go to top div---->
-    <!----BACKUP-to the top div--
+ <!----BACKUP-to the top div--
       <div id="to_top">
            <a href="#top"><img src="images/top-black-arrow.png" alt="Go back to Top"></a>
-      </div><!-----the end of to top div---->
+      </div>    ----------the end of to top div---->