Difference between revisions of "Team:Nanjing-China/1"

Line 75: Line 75:
 
width: 770px;
 
width: 770px;
 
font-family: "Comic Sans MS", cursive;
 
font-family: "Comic Sans MS", cursive;
z-index:10;
+
z-index:3;
 
 
 
}
 
}
Line 96: Line 96:
 
}
 
}
 
#menu ul li ul li a{ background:none; width:124px;}
 
#menu ul li ul li a{ background:none; width:124px;}
#menu ul li ul li a:hover{ background::#006; color:#FFFFFF; width:124px; height:45px; font-family:Verdana, Geneva, sans-serif;}
+
#menu ul li ul li a:hover{ background:rgba(102,102,102,0.6); color:#FFFFFF; width:124px; height:45px; font-family:Verdana, Geneva, sans-serif;}
 
#menu ul li a#on{ background:none;}
 
#menu ul li a#on{ background:none;}
 
.clear{clear:both;}
 
.clear{clear:both;}
Line 103: Line 103:
 
position:relative;
 
position:relative;
 
     top:auto;
 
     top:auto;
width: 105px;
+
width: 115px;
 
text-align:center;
 
text-align:center;
background:rgba(255,255,0,0.2)
+
background:rgba(255,255,0,0.2);
 
font-size:15px;
 
font-size:15px;
 
alignment-adjust:central;
 
alignment-adjust:central;
Line 113: Line 113:
 
}
 
}
 
#HOME .sub {
 
#HOME .sub {
background-color:rgba(102,102,204,0.5); height:50px; line-height:50px; border-bottom:2px solid #999; border-right:2.5px solid #666; text-align:center; float:left; width:105px;}
+
background-color:rgba(102,102,204,0.5); height:50px; line-height:50px; border-bottom:2px solid #999; border-right:2.5px solid #666; text-align:center; float:left; width:115px;}
#HOME .sub ul{ margin: auto; padding:0; list-style:none; width:105px;}
+
#HOME .sub ul{ margin: auto; padding:0; list-style:none; width:115px;}
 
#HOME .sub ul li{
 
#HOME .sub ul li{
background-color:rgba(0,153,255,0.3); height:50px; line-height:50px; border-bottom:2px solid #999; border-right:2.5px solid #666; text-align:center; float:left; width:105px;}
+
background-color:rgba(0,153,255,0.3); height:50px; line-height:50px; border-bottom:2px solid #999; border-right:2.5px solid #666; text-align:center; float:left; width:115px;}
 
#HOME .sub ul li a:hover{background-color:#930; color:#CCC; height:50px; line-height:50px;}
 
#HOME .sub ul li a:hover{background-color:#930; color:#CCC; height:50px; line-height:50px;}
 
#HOME .sub ul li a{ text-decoration:none; color:#000;}
 
#HOME .sub ul li a{ text-decoration:none; color:#000;}
 
#HOME ul{
 
#HOME ul{
 
margin: auto; padding:0; list-style:0;}
 
margin: auto; padding:0; list-style:0;}
#HOME ul li{ background:rgba(102,102,153,0.3); height:37px; line-height:37px; border-bottom:2px solid #999; border-right:2.5px solid #666; text-align:center; float:left; width:105px; margin-right:1px; list-style:0;}
+
#HOME ul li{ background:rgba(102,102,153,0.3); height:37px; line-height:37px; border-bottom:2px solid #999; border-right:2.5px solid #666; text-align:center; float:left; width:115px; margin-right:1px; list-style:0;}
 
#HOME ul li a{
 
#HOME ul li a{
 
text-decoration: none;
 
text-decoration: none;
 
display:block;  
 
display:block;  
 
color:#003;
 
color:#003;
width:105px;
+
width:115px;
 
height:37px;
 
height:37px;
  
 
}
 
}
#HOME ul li a:hover{  background:rgba(102,102,153,0.5); color:#FFFFFF; width:107px; height:40px;}
+
#HOME ul li a:hover{  background:rgba(102,102,153,0.5); color:#FFFFFF; width:115px; height:40px;}
 
#HOME ul li a#on{ background:rgba(102,102,153,0.9);}
 
#HOME ul li a#on{ background:rgba(102,102,153,0.9);}
 
.f{ position:absolute; width:80%; left:10%; alignment-adjust:central; z-index:2;}
 
.f{ position:absolute; width:80%; left:10%; alignment-adjust:central; z-index:2;}
.f-word{ position:relative; width:48%; left:auto; height:460px; float:left;}
+
.f-word{ position:relative; width:30%; left:auto; height:230px; float:left;}
.f-img{ position:relative; width:26%; height:230px; float:left;}
+
.f-img{ position:relative; width:20%; height:120px; float:left;}
 +
#HQ_page .f p{ font-size:90%;}
 
.container .footer div .f .f-word h3 {
 
.container .footer div .f .f-word h3 {
 
color: #000;
 
color: #000;
 
font-family: Verdana, Arial, Helvetica, sans-serif;
 
font-family: Verdana, Arial, Helvetica, sans-serif;
 
}
 
}
.f-b{position:absolute; top:-50px;}
+
.f-b{position:relative;}
 
.word-background-block{ width:100%;  
 
.word-background-block{ width:100%;  
 +
float:left;}
 +
.word-1{ width:100%;
 
float:left;}
 
float:left;}
 
.word-2{ width:50%;  
 
.word-2{ width:50%;  
float:left;
+
float:left;}
height:auto;}
+
 
.word-3{ width:33%;  
 
.word-3{ width:33%;  
 +
float:left;}
 +
.word{
 +
position:relative;
 +
width:90%;
 
float:left;
 
float:left;
height:auto;}
 
.word{ width:90%;
 
float:left;
 
height:auto;
 
 
background-color:rgba(0,51,204,0.4);
 
background-color:rgba(0,51,204,0.4);
 
padding:5%;}
 
padding:5%;}
 
 
</style>
 
</style>
 
<script type="text/javascript" src="https://2018.igem.org/Team:Nanjing-China/Javascript:1?action=raw&ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2018.igem.org/Team:Nanjing-China/Javascript:1?action=raw&ctype=text/javascript"></script>
Line 195: Line 196:
 
<div id="HOME">
 
<div id="HOME">
 
<div class="sub">
 
<div class="sub">
       <ul><li><a href="https://2018.igem.org/Team:Nanjing-China">Introduction</a></li></ul></div>
+
       <ul> <li><a href="https://2018.igem.org/Team:Nanjing-China">Introduction</a></li></div>
<div class="sub">
+
      <ul><li><a href="https://2018.igem.org/Team:Nanjing-China/Background">Background</a></ul></li></div>
+
 
       <ul>
 
       <ul>
     <li><a href="#intro">introduction</a></li>
+
     <li><a href="#IA">introduction</a></li>
   <li><a href="#gas">gas</a></li>
+
   <li><a href="#menu">menu</a></li></ul>
    <li><a href="#how">how</a></li>
+
      <div class="sub">
  </ul>
+
      <ul><li><a href="https://2018.igem.org/Team:Nanjing-China/Background">Background</a></li></ul></div>
 
</div>
 
</div>
 
</div>
 
</div>
Line 255: Line 254:
 
   </div>
 
   </div>
 
   <div class="header"><img src="https://static.igem.org/mediawiki/2018/f/f3/T--Nanjing-China--title-1-1.png" width="100%" >
 
   <div class="header"><img src="https://static.igem.org/mediawiki/2018/f/f3/T--Nanjing-China--title-1-1.png" width="100%" >
</div>
+
</div>  
 
     <div class="contain" align="left">
 
     <div class="contain" align="left">
 
     <div class="word">
 
     <div class="word">
Line 396: Line 395:
 
               P.R. of China<br />
 
               P.R. of China<br />
 
               Zip: 210046
 
               Zip: 210046
             </p>
+
             </p></div>
 +
          <div class="f-word">
 
             <p><strong><u>Email</u></strong></p>
 
             <p><strong><u>Email</u></strong></p>
 
             <p>nanjing_china@163.com</p>
 
             <p>nanjing_china@163.com</p>
Line 404: Line 404:
 
         </div>
 
         </div>
 
         <div class="f-img">
 
         <div class="f-img">
           <div align="center"><img src="https://static.igem.org/mediawiki/2017/0/04/T-Nanjing-China-%E5%8D%97%E4%BA%AC%E5%A4%A7%E5%AD%A6.png" name="img1" width="160" height="220" id="img1" /></div>
+
           <div align="center"><img src="https://static.igem.org/mediawiki/2017/0/04/T-Nanjing-China-%E5%8D%97%E4%BA%AC%E5%A4%A7%E5%AD%A6.png" name="img1" width="80" height="110" id="img1" /></div>
 
         </div>
 
         </div>
 
           <div class="f-img">
 
           <div class="f-img">
 
             <div align="right"><img src=" https://static.igem.org/mediawiki/2017/d/d4/T-Nanjing-China-%E5%9B%BE%E7%89%873.png
 
             <div align="right"><img src=" https://static.igem.org/mediawiki/2017/d/d4/T-Nanjing-China-%E5%9B%BE%E7%89%873.png
" name="img2" width="160" height="220" id="img2" /></div>
+
" name="img2" width="80" height="110" id="img2" /></div>
 
           </div>
 
           </div>
 
           <div class="f-img">
 
           <div class="f-img">
             <div align="center"><img src="https://static.igem.org/mediawiki/2017/3/37/T-Nanjing-China-s1.png" name="img3" width="160" height="160" id="img3" /></div>
+
             <div align="center"><img src="https://static.igem.org/mediawiki/2017/3/37/T-Nanjing-China-s1.png" name="img3" width="80" height="80" id="img3" /></div>
 
           </div>
 
           </div>
 
           <div class="f-img">
 
           <div class="f-img">
             <div align="right"><img src="https://static.igem.org/mediawiki/2017/d/dc/T-Nanjing-China-%E5%9B%BE%E7%89%872.png" name="img4" width="160" height="160" id="img4"  /></div>
+
             <div align="right"><img src="https://static.igem.org/mediawiki/2017/d/dc/T-Nanjing-China-%E5%9B%BE%E7%89%872.png" name="img4" width="80" height="80" id="img4"  /></div>
 
         </div>
 
         </div>
 
       </div>
 
       </div>
 
       </div>
 
       </div>
       <div class="f-b"><img src="https://static.igem.org/mediawiki/2017/9/91/T-Nanjing-China-foot.png" width="100%" /></div>
+
       <div class="f-b"><img src="https://static.igem.org/mediawiki/2018/a/ad/T--Nanjing-China--footer-1.jpg" width="100%" /></div>
 
   </div>
 
   </div>
 
</div>
 
</div>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 01:26, 8 June 2018

无标题文档

Introduction