Line 75: | Line 75: | ||
width: 770px; | width: 770px; | ||
font-family: "Comic Sans MS", cursive; | font-family: "Comic Sans MS", cursive; | ||
− | z-index: | + | 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: | + | #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: | + | 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: | + | 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: | + | #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: | + | 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: | + | #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: | + | width:115px; |
height:37px; | height:37px; | ||
} | } | ||
− | #HOME ul li a:hover{ background:rgba(102,102,153,0.5); color:#FFFFFF; width: | + | #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: | + | .f-word{ position:relative; width:30%; left:auto; height:230px; float:left;} |
− | .f-img{ position:relative; width: | + | .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: | + | .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;} |
− | + | ||
.word-3{ width:33%; | .word-3{ width:33%; | ||
+ | float:left;} | ||
+ | .word{ | ||
+ | position:relative; | ||
+ | width:90%; | ||
float:left; | float:left; | ||
− | |||
− | |||
− | |||
− | |||
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 | + | <ul> <li><a href="https://2018.igem.org/Team:Nanjing-China">Introduction</a></li></div> |
− | + | ||
− | + | ||
<ul> | <ul> | ||
− | <li><a href="# | + | <li><a href="#IA">introduction</a></li> |
− | <li><a href="# | + | <li><a href="#menu">menu</a></li></ul> |
− | + | <div class="sub"> | |
− | + | <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=" | + | <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=" | + | " 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=" | + | <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=" | + | <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/ | + | <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