Team:NJAU China

From 2014.igem.org

(Difference between revisions)
Line 120: Line 120:
             color: #FFF
             color: #FFF
         }
         }
-
#my_nav{
+
#my_nav{position:absolute;top:402px;left:200px;width:990px;height:50px;}
-
position:absolute;
+
#my_nav ul{width:100%;margin:0;padding:0;list-style:none;font-size:24px;}
-
top:402px;
+
#my_nav ul li{display::inline-block;padding:9px 30px;float:left;list-style:none;position:relative;}
-
left:200px;
+
#my_nav ul li:hover{background:#e3f7ff;}#my_nav ul li a{color:#00586b;text-decoration:none;}#project{display:none;position:absolute;z-index:100;top:47px;left:0px;background:#CF6;width:100px;}#project dd{width:135px;font-size:16px;
-
width:990px;
+
background:#c9efff;height:40px;margin:0;}#project dd a{width:100%;height:40px;display:block;text-decoration:none;text-align:center;line-height:40px;}#project dd a:hover{background:#a1dbf0;}#achievement{display:none;position:absolute;top:47px;z-index:100;left:0px;background:#CF6;width:100px;}#achievement dd{width:198px;font-size:16px;background:#c9efff;height:40px;margin:0;}#achievement dd a{width:100%;height:40px;display:block;text-decoration:none;text-align:center;line-height:40px;}#achievement dd a:hover{background:#a1dbf0;}#prctice{display:none;position:absolute;top:47px;z-index:100;left:0px;background:#CF6;width:100px;}#prctice dd{width:300px;font-size:16px;background:#c9efff;height:40px;margin:0;}#prctice dd a{width:100%;height:40px;display:block;text-decoration:none;text-align:center;line-height:40px;}#prctice dd a:hover{background:#a1dbf0;}#ackonwledgement{display:none;position:absolute;top:47px;z-index:100;left:0px;background:#CF6;width:100px;}#ackonwledgement dd{width:257px;font-size:16px;background:#c9efff;height:40px;margin:0;}#ackonwledgement dd a{width:100%;height:40px;display:block;text-decoration:none;text-align:center;line-height:40px;}#ackonwledgement dd a:hover{ background:#a1dbf0;}
-
height:50px;
+
-
}
+
-
#my_nav ul{
+
-
width:100%;
+
-
margin:0;
+
-
padding:0;
+
-
list-style:none;
+
-
font-size:24px;
+
-
}
+
-
#my_nav ul li{
+
-
display::inline-block;
+
-
padding:9px 30px;
+
-
float:left;
+
-
        list-style:none;
+
-
position:relative;
+
-
}
+
-
#my_nav ul li:hover{
+
-
background:#e3f7ff;
+
-
}
+
-
#my_nav ul li a{
+
-
color:#00586b;
+
-
text-decoration:none;
+
-
}
+
-
#project{
+
-
display:none;
+
-
position:absolute;
+
-
        z-index:100;
+
-
top:47px;
+
-
left:0px;
+
-
background:#CF6;
+
-
width:100px;
+
-
}
+
-
#project dd{
+
-
width:135px;
+
-
font-size:16px;
+
-
background:#c9efff;
+
-
height:40px;
+
-
margin:0;
+
-
}
+
-
#project dd a{
+
-
width:100%;
+
-
height:40px;
+
-
display:block;
+
-
text-decoration:none;
+
-
text-align:center;
+
-
line-height:40px;
+
-
}
+
-
#project dd a:hover{
+
-
background:#a1dbf0;
+
-
}
+
-
#achievement{
+
-
display:none;
+
-
position:absolute;
+
-
top:47px;
+
-
        z-index:100;
+
-
left:0px;
+
-
background:#CF6;
+
-
width:100px;
+
-
}
+
-
#achievement dd{
+
-
width:198px;
+
-
font-size:16px;
+
-
background:#c9efff;
+
-
height:40px;
+
-
margin:0;
+
-
}
+
-
#achievement dd a{
+
-
width:100%;
+
-
height:40px;
+
-
display:block;
+
-
text-decoration:none;
+
-
text-align:center;
+
-
line-height:40px;
+
-
}#achievement dd a:hover{background:#a1dbf0;}#prctice{display:none;position:absolute;top:47px;z-index:100;left:0px;background:#CF6;width:100px;}#prctice dd{width:300px;font-size:16px;background:#c9efff;height:40px;margin:0;}#prctice dd a{width:100%;height:40px;display:block;text-decoration:none;text-align:center;line-height:40px;}#prctice dd a:hover{background:#a1dbf0;}#ackonwledgement{display:none;position:absolute;top:47px;z-index:100;left:0px;background:#CF6;width:100px;}#ackonwledgement dd{width:257px;font-size:16px;background:#c9efff;height:40px;margin:0;}#ackonwledgement dd a{width:100%;height:40px;display:block;text-decoration:none;text-align:center;line-height:40px;}#ackonwledgement dd a:hover{ background:#a1dbf0;}
+
     </style>
     </style>
     <style>
     <style>
Line 274: Line 200:
           </li>
           </li>
       </ul>
       </ul>
-
</div>
+
    </div>
</div>
</div>
 +
 +
 +
<!---------导航结束------------>
<div class="container-fluid">
<div class="container-fluid">
     <div class="navbar-wrapper">
     <div class="navbar-wrapper">

Revision as of 14:47, 15 October 2014

Home


First featurette heading. It'll blow your mind.

Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.

Generic placeholder image

Generic placeholder image

Oh yeah, it's that good. See for yourself.

Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.


And lastly, this one. Checkmate.

Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.

Generic placeholder image