Template:NFLSIndex

From 2014hs.igem.org

(Difference between revisions)
 
(38 intermediate revisions not shown)
Line 2: Line 2:
<head>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<script type="text/javascript" src="jscript/jquery.js"></script>
<title>iGEM Nanjing_NFLS</title>
<title>iGEM Nanjing_NFLS</title>
-
<html>
 
<style type="text/css">
<style type="text/css">
 +
#menubar { font-size: 12px}
div#contentSub{
div#contentSub{
     display: none;
     display: none;
     position: absolute;left: 0px;top: 0px;
     position: absolute;left: 0px;top: 0px;
}
}
-
div#top-section{
 
-
    background: url() no repeat;
 
-
    background-color:#E6E6E6;
 
-
    color: #D1E9E9;
 
-
    height: 0px;
 
-
    width:  100%;
 
-
    border: 0px;
 
-
}
 
-
#content
 
-
{
 
-
border:none;
 
-
height: 100%;
 
-
margin:0;
 
-
padding:0;
 
-
width:100%;
 
-
position: absolute;
 
-
background-color: #FFFFFF;
 
-
}
 
#p-logo {
#p-logo {
     height:0px; overflow:hidden; display: none;
     height:0px; overflow:hidden; display: none;
Line 37: Line 20:
     border-top-width:0px;
     border-top-width:0px;
}
}
-
#content {
 
-
line-height: normal;
 
-
    width: 975px;
 
-
    border-left-width:0px;
 
-
    border-right-width:0px;
 
-
    padding:0px;
 
-
}
 
-
 
#contentSub {
#contentSub {
Line 72: Line 47:
#footer-box{display:none;}
#footer-box{display:none;}
#catlinks{display:none;}
#catlinks{display:none;}
-
#menubar{display:none}
 
-
body {
 
-
margin: 0px;
 
-
font-family: Verdana, Geneva, sans-serif;
 
-
background-color: black;
 
-
background-repeat: no-repeat;
 
-
background-attachment: fixed;
 
-
background-size: cover;
 
-
}
 
-
 
</style>
</style>
-
 
<style type="text/css">
<style type="text/css">
body {
body {
-
+
background-color: #E3E3E3;
-
        background-color: #1C1C1C;
+
font: Calibri;
font: Calibri;
}
}
body,td,th {
body,td,th {
font-size: x-large;
font-size: x-large;
-
color: #FFF;
+
color: #000;
font-family: Calibri;
font-family: Calibri;
-
}
 
-
#blank *
 
-
{
 
-
  width: 1024px;
 
-
  border-style: none;
 
-
  margin: 0 auto;
 
-
  padding: 0;
 
-
  background-color: #000;
 
}
}
#logo {
#logo {
Line 108: Line 63:
height: 180px;
height: 180px;
z-index: 1;
z-index: 1;
-
left: 0px;
+
left: 25px;
-
top: 25px;
+
top: -5px;
}
}
#primary-nav {
#primary-nav {
Line 116: Line 71:
height: 60px;
height: 60px;
z-index: 2;
z-index: 2;
-
left: 240px;
+
left: 313px;
-
top: 103px;
+
top: 87px;
-
font-size:large;
+
font-size: large;
}
}
#primary-nav li{
#primary-nav li{
Line 129: Line 84:
padding-top: 4px;
padding-top: 4px;
overflow: hidden;
overflow: hidden;
-
color: #FFFFFF;
+
color: #000;
padding-top: 4px;
padding-top: 4px;
text-decoration: none;
text-decoration: none;
border-top-width: 4px;
border-top-width: 4px;
border-top-style: solid;
border-top-style: solid;
-
border-top-color: #1C1C1C;
+
border-top-color: #E3E3E3;
}
}
#nav-contactus a{
#nav-contactus a{
-
border-top-color: #FFFFFF !important;
+
border-top-color: #000 !important;
margin-left: 0px;
margin-left: 0px;
}
}
#nav-contactus a:hover{
#nav-contactus a:hover{
-
border-top-color: #D01C5B !important;
+
border-top-color: #2080C0 !important;
}
}
#primary-nav li a:hover{
#primary-nav li a:hover{
-
color: #D01C5B;
+
color: #2080C0;
}
}
#primary-nav li.selected a{
#primary-nav li.selected a{
-
border-top-color: #D01C5B;
+
border-top-color: #2080C0;
-
color: #D01C5B;
+
color: #2080C0;
}
}
.trans {
.trans {
-
background-color:#000000;
+
background-color: rgba(0, 0, 0, 0.5);
-
filter:Alpha(opacity=50);/*只对ie7,ie8有效*/
+
filter: Alpha(opacity=50);/*只对ie7,ie8有效*/
-
background:rgba(0, 0, 0, 0.5)
+
background: rgba(0, 0, 0, 0.5)
}
}
#main-nav {
#main-nav {
position: absolute;
position: absolute;
-
width: 1180px;
+
color: #FFF;
-
height: 600px;
+
width: 100%;
 +
height: 450px;
z-index: 3;
z-index: 3;
-
left: 50px;
+
left: 0px;
-
top: 195px;
+
top: 156px;
-
background-image: url(image/1350116910708.jpg);
+
background-repeat: repeat;
}
}
#navb-project {
#navb-project {
position: absolute;
position: absolute;
-
left: 50px;
+
z-index: 5;
-
top: 105px;
+
font-size: 24px;
-
width: 200px;
+
text-align: right;
-
height: 75px;
+
-
z-index: 4;
+
}
}
#navb-biobricks {
#navb-biobricks {
position: absolute;
position: absolute;
-
left: 275px;
+
z-index: 6;
-
top: 30px;
+
font-size: 18px;
-
width: 100px;
+
text-align: right;
-
height: 150px;
+
-
z-index: 5;
+
}
}
#navb-notebook {
#navb-notebook {
position: absolute;
position: absolute;
-
left: 400px;
+
z-index: 7;
-
top: 55px;
+
font-size: 20px;
-
width: 150px;
+
text-align: right;
-
height: 125px;
+
-
z-index: 6;
+
}
}
#navb-safety {
#navb-safety {
position: absolute;
position: absolute;
-
left: 50px;
+
z-index: 8;
-
top: 205px;
+
font-size: 18px;
-
width: 150px;
+
text-align: right;
-
height: 150px;
+
-
z-index: 7;
+
}
}
#navb-humanprac {
#navb-humanprac {
position: absolute;
position: absolute;
-
left: 225px;
+
z-index: 9;
-
top: 205px;
+
font-size: 18px;
-
width: 150px;
+
text-align: right;
-
height: 100px;
+
-
z-index: 8;
+
}
}
#navb-team {
#navb-team {
position: absolute;
position: absolute;
-
left: 400px;
+
z-index: 10;
-
top: 205px;
+
font-size: 20px;
-
width: 150px;
+
text-align: right;
-
height: 50px;
+
-
z-index: 9;
+
}
}
#navb-ourpartners {
#navb-ourpartners {
position: absolute;
position: absolute;
-
left: 400px;
+
z-index: 11;
-
top: 280px;
+
font-size: 18px;
-
width: 150px;
+
text-align: right;
-
height: 100px;
+
}
-
z-index: 10;
+
#navb-context {
 +
display:none;
 +
position: absolute;
 +
z-index: 12;
 +
width: 400px;
 +
height: 300px;
 +
}
 +
.slides {
 +
margin: 0px auto;
 +
width: 100%;
 +
height: 450px;
 +
overflow: hidden;
 +
position: relative;
 +
z-index: 4
 +
}
 +
.slide-pic {
 +
margin: 0px;
 +
padding: 0px;
 +
width: 100%;
 +
overflow: hidden;
 +
list-style: none;
 +
}
 +
.slide-pic img {
 +
    width: 100%;
 +
height: 450px;
 +
}
 +
.slide-pic li {
 +
    display: none;
 +
}
 +
.slide-pic li.cur {
 +
display: block;
 +
}
 +
.slide-li {
 +
padding: 0px;
 +
right: 50px;
 +
bottom: 15px;
 +
position: absolute;
 +
float:left;
 +
}
 +
.slide-li li {
 +
margin: 0px;
 +
padding: 0px;
 +
width: 30px;
 +
height:40px;
 +
float:left;
 +
overflow:hidden;
 +
}
 +
.slide-li a {
 +
width: 30px;
 +
height: 20px;
 +
color: #000;
 +
font-size: 26px;
 +
display: block;
 +
text-align:center;
 +
text-decoration:none;
 +
margin-bottom:5px;
 +
}
 +
.slide-li a:hover {
 +
color: #ccc;
 +
text-decoration: none;
 +
}
 +
.slide-txt span {
 +
display: none;
}
}
-
 
</style>
</style>
-
</head>
 
-
 
<body topmargin="20" width="1280" height="720">
<body topmargin="20" width="1280" height="720">
-
<div id="logo"><img src="https://static.igem.org/mediawiki/2014hs/c/c0/NFLSLogo.jpg" width="288" height="180" alt="iGEM_NFLS" /></div>
+
<div id="logo"><img src="https://static.igem.org/mediawiki/2014hs/7/73/NFLSLOGONEW.jpg" width="288" height="180" alt="iGEM_NFLS" /></div>
<div id="primary-nav">
<div id="primary-nav">
   <ul>
   <ul>
-
   <li class="selected" id="nav-main"><a href="project.html">MAIN</a></li>
+
   <li id="nav-main" ><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/main.html">MAIN</a></li>
-
   <li id="nav-project"><a href="project.html">PROJECT</a></li>
+
   <li id="nav-project"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/project.html">PROJECT</a></li>
-
    <li id="nav-biobricks"><a href="biobricks.html">BIOBRICKS</a></li>
+
  <li id="nav-biobricks"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/biobricks.html">BIOBRICKS</a></li>
-
    <li id="nav-notebook"><a href="notebook.html">NOTEBOOK</a></li>
+
  <li id="nav-notebook"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/notebook.html">NOTEBOOK</a></li>
-
   <li id="nav-safety"><a href="safety.html">SAFETY</a></li>
+
   <li id="nav-safety"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/safety.html">SAFETY</a></li>
-
   <li id="nav-humanpractice"><a href="humanpractice.html">HUMAN PRACTICE</a></li>
+
   <li id="nav-humanpractice"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/humanpractice.html">HUMAN PRACTICE</a></li>
-
   <li id="nav-team"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/team">TEAM</a></li>
+
   <li id="nav-team"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/team.html">TEAM</a></li>
-
   <li id="nav-ourpartners"><a href="ourpartners.html">OUR PARTNERS</a></li>
+
   <li id="av-ourpartners"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/ourpartners.html">OUR PARTNERS</a></li>
   <li id="nav-contactus"><a href="mailto:shushutaishuaile@outlook.com">CONTACT US</a></li>
   <li id="nav-contactus"><a href="mailto:shushutaishuaile@outlook.com">CONTACT US</a></li>
   </ul>
   </ul>
</div>
</div>
-
 
</body>
</body>
</html>
</html>

Latest revision as of 09:50, 20 June 2014

iGEM Nanjing_NFLS