Difference between revisions of "Team:AHUT China/Project"

Line 1: Line 1:
 
{{:Team:AHUT_China/Template/CSS_RESET}}  <!--用来消除官方框架-->
 
{{:Team:AHUT_China/Template/CSS_RESET}}  <!--用来消除官方框架-->
−
 
+
<!doctype html>
 
<html lang="en">
 
<html lang="en">
 
  <head>
 
  <head>
Line 8: Line 8:
 
   <meta name="Keywords" content="">
 
   <meta name="Keywords" content="">
 
   <meta name="Description" content="">
 
   <meta name="Description" content="">
−
   <title>Document</title>
+
   <title>project</title>
  
 
<style type="text/css">
 
<style type="text/css">
 
  *{margin：0px;padding:0px}
 
  *{margin：0px;padding:0px}
 
  body{margin:0px;}
 
  body{margin:0px;}
−
  body{color:#898989;font:12px/180% Arial, Helvetica, sans-serif, "新宋体";}
+
  body{color:#000000;font:12px/180% Arial, Helvetica, sans-serif, "新宋体";}
 
#nav{margin:0px auto;width:100%;}
 
#nav{margin:0px auto;width:100%;}
  
−
#menu{margin-left:13.5%}
+
/*---------------------------------daohang------------------------------*/
 +
#menu{height:80px;width:100%;background-color:#0066ff;z-index:11;position:absolute;margin:0px}
  
 
.nav-menu {
 
.nav-menu {
Line 33: Line 34:
 
}
 
}
 
.nav-menu li a {
 
.nav-menu li a {
−
color: #fff;
+
color: #000000;
 
display: block;
 
display: block;
 
text-decoration: none;
 
text-decoration: none;
 
/*调用本地字体*/
 
/*调用本地字体*/
−
font-family:sansationregular;
+
font-family:Segoe UI;
 +
font-weight:400;
 
-webkit-font-smoothing: antialiased;
 
-webkit-font-smoothing: antialiased;
 
-moz-font-smoothing: antialiased;
 
-moz-font-smoothing: antialiased;
Line 44: Line 46:
 
overflow: visible;
 
overflow: visible;
 
line-height: 20px;
 
line-height: 20px;
−
font-size: 20px;
+
font-size: 15px;
 
padding: 15px 30px 15px 31px;
 
padding: 15px 30px 15px 31px;
 
}
 
}
Line 118: Line 120:
 
-o-transform: rotatex(-90deg) translatez(25px);
 
-o-transform: rotatex(-90deg) translatez(25px);
 
transform: rotatex(-90deg) translatez(25px);
 
transform: rotatex(-90deg) translatez(25px);
−
color: #FFE7C4;
+
color: #ffffff;
 
}
 
}
 
.front, .back {
 
.front, .back {
Line 128: Line 130:
 
top: 0;
 
top: 0;
 
left: 0;
 
left: 0;
−
background: #74adaa;
+
background:rgba(0, 0, 0, 0.8);
 +
 
padding: 15px 30px 15px 31px;
 
padding: 15px 30px 15px 31px;
−
color: white;
+
color: #ffffff;
 
-webkit-pointer-events: none;
 
-webkit-pointer-events: none;
 
-moz-pointer-events: none;
 
-moz-pointer-events: none;
Line 141: Line 144:
 
/*任务八、设置导航当前状态与悬浮状态下的背景效果*/
 
/*任务八、设置导航当前状态与悬浮状态下的背景效果*/
 
.nav-menu li .active .front,  .nav-menu li .active .back,  .nav-menu li a:hover .front,  .nav-menu li a:hover .back {
 
.nav-menu li .active .front,  .nav-menu li .active .back,  .nav-menu li a:hover .front,  .nav-menu li a:hover .back {
−
background-color: #51938f;
+
background-color: #000033;
 
-webkit-background-size: 5px 5px;
 
-webkit-background-size: 5px 5px;
 
background-size: 5px 5px;
 
background-size: 5px 5px;
Line 189: Line 192:
  
  
 +
#banner{width:100%;height:800px;background-color:#0066ff;margin:0px}
 +
#name{color:#ffffff;margin-left:20%;margin-top:32%; position:relative;z-index:-100;}
 +
#name p{font-size:7em;font-family:Segoe UI;font-weight:lighter;position:relative;line-height:1;margin-left:24%;letter-spacing:0.1em}
 +
#name img{margin-left:30%;margin-top:-300px}
 +
#uptop  > img{margin-top:-80px;margin-left:90%;position:fixed;}
 +
  
  
  
−
#banner{height:800px;width:100%;background:#99ff33;}
 
−
#banner {background:url(images/team/bannerBackGround.jpg) bottom left no-repeat; height=800px;
 
−
background-position: center;
 
−
 
−
 
−
}
 
  
  
 +
#abstract{background-color:rgba(0,0,0,0.6);width:100%;height:100px;padding:0px;margin-top:0px;margin:0px}
 +
#abs_inner h1{margin:0px;padding-top:40px;padding-left:38%;font-size:5em;font-family:Segoe UI;font-weight:400;color:#ffffff;letter-spacing:0.1em}
 +
#abstract {
 +
margin-top: 1px;
 +
border-top-style: dashed;
 +
border-top-color: #CCCCCC;
 +
margin-bottom: 1px;
 +
border-bottom-style: dashed;
 +
border-bottom-color: #CCCCCC;
 +
 +
 +
 +
}
 +
 +
#content{background-color:#0066ff;width:100%;height:600px;}
  
  
−
#menbers{height:80px;width:100%;background:#336633;}
 
−
#menbers p{
 
−
text-align:center;
 
−
font-famliy:"Lucida Sans Unicode", "Lucida Grande";
 
−
font-size:50px;
 
−
color:#993300;
 
−
line-height:80px;
 
−
height:80px;
 
−
 
−
 
−
 
−
}
 
  
  
  
  
−
#text_01{height:1000px;width:100%;background:#009999;}
 
  
−
#instructions{height:80px;width:100%;background:#ff0000;}
 
−
#text_02{height:1000px;width:100%;background:#6600ff;}
 
−
#attributions{height:80px;width:100%;background:#99ffcc;}
 
−
#text_03{height:1000px;width:100%;background:#ff0000;}
 
−
#acknowledgement{height:80px;width:100%;background:#99ffcc;}
 
−
#text_04{height:1000px;width:100%;background:#ff0000;}
 
  
 
/*-------------------footer-----------------------*/
 
/*-------------------footer-----------------------*/
Line 235: Line 234:
 
font-size:12px;
 
font-size:12px;
 
position:relative;
 
position:relative;
−
z-index:3;
+
z-index:top;
 
background-color:#3c3e3f;
 
background-color:#3c3e3f;
 
}
 
}
Line 301: Line 300:
 
}
 
}
 
#foot_copyright {
 
#foot_copyright {
−
margin-left:30%;
+
 
 +
margin-left:14%;
 
clear:both;
 
clear:both;
 
width:960px;
 
width:960px;
Line 311: Line 311:
 
font-family:Arial, Helvetica, sans-serif;
 
font-family:Arial, Helvetica, sans-serif;
 
}
 
}
 +
 +
  
  
Line 320: Line 322:
  
 
<div id="nav">
 
<div id="nav">
 +
<!---------------------------------------------------------------------------->
 +
<!----------------------banner----------------------------------------------->
 +
<div id="banner">
  
−
<div id="menu">
+
<div id="menu">
 
<ul class="nav-menu clearfix unstyled">
 
<ul class="nav-menu clearfix unstyled">
−
<li><a href="https://2016.igem.org/Team:AHUT_China" class="three-d "> Home <span class="three-d-box"><span class="front">Home</span><span class="back">Home</span></span> </a></li>
+
<li><a href="https://2016.igem.org/Team:AHUT_China" class="three-d active"> Home <span class="three-d-box"><span class="front">Home</span><span class="back">Home</span></span> </a></li>
 
 
 
<li><a href="https://2016.igem.org/Team:AHUT_China/Team" class="three-d">Team  <span class="three-d-box"><span class="front"> Team</span><span class="back"> Team</span></span> </a>
 
<li><a href="https://2016.igem.org/Team:AHUT_China/Team" class="three-d">Team  <span class="three-d-box"><span class="front"> Team</span><span class="back"> Team</span></span> </a>
Line 333: Line 338:
 
    </ul>
 
    </ul>
  
−
<li><a href="https://2016.igem.org/Team:AHUT_China/Project " class="three-d active">  Project <span class="three-d-box"><span class="front"> Project</span><span class="back"> Project</span></span> </a>
+
<li><a href="https://2016.igem.org/Team:AHUT_China/Project " class="three-d">  Project <span class="three-d-box"><span class="front"> Project</span><span class="back"> Project</span></span> </a>
 
<ul class="clearfix unstyled drop-menu">
 
<ul class="clearfix unstyled drop-menu">
 
         <li><a href="https://2016.igem.org/Team:AHUT_China/Project#Pathway and Design" class="three-d";href="#Pathway and Design">Pathway and Design<span class="three-d-box"><span class="front">Pathway and Design</span><span class="back">Pathway and Design</span></span> </a></li>
 
         <li><a href="https://2016.igem.org/Team:AHUT_China/Project#Pathway and Design" class="three-d";href="#Pathway and Design">Pathway and Design<span class="three-d-box"><span class="front">Pathway and Design</span><span class="back">Pathway and Design</span></span> </a></li>
Line 356: Line 361:
 
    </ul>
 
    </ul>
  
−
<li><a href="https://2016.igem.org/Team:AHUT_China/Safety" class="three-d"> Safety <span class="three-d-box"><span class="front">Safety</span><span class="back">Safety</span></span></a>
+
<li><a href="https://2016.igem.org/Team:AHUT_China/Human_Practices" class="three-d"> Safety <span class="three-d-box"><span class="front">Safety</span><span class="back">Safety</span></span></a>
 
       <ul class="clearfix unstyled drop-menu">
 
       <ul class="clearfix unstyled drop-menu">
−
         <li><a href="https://2016.igem.org/Team:AHUT_China/Safety#Safety" class="three-d";href="#Safety"> Safety <span class="three-d-box"><span class="front">Safety</span><span class="back">Safety</span></span> </a></li>
+
         <li><a href="https://2016.igem.org/Team:AHUT_China/Human_Practices#Safety" class="three-d";href="#Safety"> Safety <span class="three-d-box"><span class="front">Safety</span><span class="back">Safety</span></span> </a></li>
 
        
 
        
 
       </ul>
 
       </ul>
 
    
 
    
−
<li><a href="https://2016.igem.org/Team:AHUT_China/NoteBook" class="three-d ">NoteBook <span class="three-d-box"><span class="front">NoteBook</span><span class="back">NoteBook</span></span> </a>
+
<li><a href="https://2016.igem.org/Team:AHUT_China/NoteBook " class="three-d">NoteBook <span class="three-d-box"><span class="front">NoteBook</span><span class="back">NoteBook</span></span> </a>
 
<ul class="clearfix unstyled drop-menu">
 
<ul class="clearfix unstyled drop-menu">
 
         <li><a href="https://2016.igem.org/Team:AHUT_China/NoteBook#Notebook" class="three-d";href="#Notebook">Notebook<span class="three-d-box"><span class="front">Notebook</span><span class="back">Notebook</span></span> </a></li>
 
         <li><a href="https://2016.igem.org/Team:AHUT_China/NoteBook#Notebook" class="three-d";href="#Notebook">Notebook<span class="three-d-box"><span class="front">Notebook</span><span class="back">Notebook</span></span> </a></li>
 
         <li><a href="https://2016.igem.org/Team:AHUT_China/NoteBook#Lab Pictures" class="three-d";href="#Lab Pictures">Lab Pictures<span class="three-d-box"><span class="front">Lab Pictures</span><span class="back">Lab Pictures</span></span> </a></li>
 
         <li><a href="https://2016.igem.org/Team:AHUT_China/NoteBook#Lab Pictures" class="three-d";href="#Lab Pictures">Lab Pictures<span class="three-d-box"><span class="front">Lab Pictures</span><span class="back">Lab Pictures</span></span> </a></li>
 +
    </ul>
 +
 +
 +
<li><a href="https://2016.igem.org/Team:AHUT_China/Medal " class="three-d">Medal<span class="three-d-box"><span class="front">Medal</span><span class="back">Medal</span></span> </a>
 +
<ul class="clearfix unstyled drop-menu">
 +
        <li><a href="https://2016.igem.org/Team:AHUT_China/Medal#bronze" class="three-d";href="#bronze">bronze<span class="three-d-box"><span class="front">bronze</span><span class="back">bronze</span></span> </a></li>
 +
        <li><a href="https://2016.igem.org/Team:AHUT_China/Medal#silver" class="three-d";href="#silver">silver<span class="three-d-box"><span class="front">silver</span><span class="back">silver</span></span> </a></li>
 +
<li><a href="https://2016.igem.org/Team:AHUT_China/Medal#gold" class="three-d";href="#gold">gold<span class="three-d-box"><span class="front">gold</span><span class="back">gold</span></span> </a></li>
 
    </ul>
 
    </ul>
  
 
   </ul>
 
   </ul>
−
</div>
 
  
  
  
−
<div id="banner">  </div>
+
<div id="name">
−
<div id="menbers">
+
<img src="https://static.igem.org/mediawiki/2016/4/4c/AHUT_China_2016_igem_project.png" width="200" height="200" border="0" alt="">
−
+
<p>Project</p>
  
−
</div>
+
</div>
 +
<a id="uptop" href="#menu"><img src="images/main/up.png" width="60" height="60" border="0" ></a>
 +
</div>
  
−
<div id="text_01">
+
</div>
−
+
<div id="abstract">
 +
<div id="abs_inner">
 +
<h1 id="title"></h1>
 +
</div>
 +
</div>
 +
<div id="content">
 +
<div id ="con_inner ">
  
 
</div>
 
</div>
  
−
<div id="instructions"> </div>
+
</div>
 +
 +
 +
 +
  
−
<div id="text_02">  </div>
+
<!---------------------banner_over---------------------------------------->
  
−
<div id="attributions">  </div>
 
  
−
<div id="text_03">  </div>
+
  
−
<div id="acknowledgement">  </div>
+
  
−
<div id="text_04"> </div>
+
 
 +
  
 
<div id="footer">
 
<div id="footer">
Line 459: Line 483:
 
     </ul>
 
     </ul>
 
     <div id="foot_igem">
 
     <div id="foot_igem">
−
       <a href="https://2015.igem.org/Main_Page"></a>
+
       <a href="https://2016.igem.org/Main_Page"></a>
 
     </div>
 
     </div>
 
     <div style="clear:both;">
 
     <div style="clear:both;">
Line 474: Line 498:
 
     </div>
 
     </div>
  
−
 
+
<!----------------------------------------------------------------------------------------------->
−
 
+
−
 
+
 
</div>
 
</div>
  

Revision as of 10:40, 9 October 2016

<!doctype html> project