Template:NFLSIndex

From 2014hs.igem.org

(Difference between revisions)
Line 76: Line 76:
<style type="text/css">
<style type="text/css">
body {
body {
-
+
background-color: #E3E3E3;
-
        background-color: #E3E3E3;
+
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 98: Line 89:
height: 180px;
height: 180px;
z-index: 1;
z-index: 1;
-
left: 0px;
+
left: 50px;
top: 25px;
top: 25px;
}
}
Line 106: Line 97:
height: 60px;
height: 60px;
z-index: 2;
z-index: 2;
-
left: 245px;
+
left: 325px;
top: 103px;
top: 103px;
-
font-size:14px;
+
font-size: large;
}
}
#primary-nav li{
#primary-nav li{
Line 119: Line 110:
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;
 +
color:#FFF;
width: 1180px;
width: 1180px;
height: 600px;
height: 600px;
Line 156: Line 148:
#navb-project {
#navb-project {
position: absolute;
position: absolute;
-
left: 50px;
 
-
top: 105px;
 
-
width: 200px;
 
-
height: 75px;
 
z-index: 4;
z-index: 4;
 +
font-size: 24px;
 +
text-align: right;
}
}
#navb-biobricks {
#navb-biobricks {
position: absolute;
position: absolute;
-
left: 275px;
 
-
top: 30px;
 
-
width: 100px;
 
-
height: 150px;
 
z-index: 5;
z-index: 5;
 +
font-size: 18px;
 +
text-align: right;
}
}
#navb-notebook {
#navb-notebook {
position: absolute;
position: absolute;
-
left: 400px;
 
-
top: 55px;
 
-
width: 150px;
 
-
height: 125px;
 
z-index: 6;
z-index: 6;
 +
font-size: 20px;
 +
text-align: right;
}
}
#navb-safety {
#navb-safety {
position: absolute;
position: absolute;
-
left: 50px;
 
-
top: 205px;
 
-
width: 150px;
 
-
height: 150px;
 
z-index: 7;
z-index: 7;
 +
font-size: 18px;
 +
text-align: right;
}
}
#navb-humanprac {
#navb-humanprac {
position: absolute;
position: absolute;
-
left: 225px;
 
-
top: 205px;
 
-
width: 150px;
 
-
height: 100px;
 
z-index: 8;
z-index: 8;
 +
font-size: 18px;
 +
text-align: right;
}
}
#navb-team {
#navb-team {
position: absolute;
position: absolute;
-
left: 400px;
 
-
top: 205px;
 
-
width: 150px;
 
-
height: 50px;
 
z-index: 9;
z-index: 9;
 +
font-size: 20px;
 +
text-align: right;
}
}
#navb-ourpartners {
#navb-ourpartners {
position: absolute;
position: absolute;
-
left: 400px;
 
-
top: 280px;
 
-
width: 150px;
 
-
height: 100px;
 
z-index: 10;
z-index: 10;
 +
font-size: 18px;
 +
text-align: right;
 +
}
 +
#navb-context {
 +
position: absolute;
 +
z-index: 11;
 +
width: 400px;
 +
height: 300px;
}
}
-
 
</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="image/logo.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 class="selected" id="nav-main" ><a href="project.html">MAIN</a></li>
   <li id="nav-project"><a href="project.html">PROJECT</a></li>
   <li id="nav-project"><a href="project.html">PROJECT</a></li>
-
    <li id="nav-biobricks"><a href="biobricks.html">BIOBRICKS</a></li>
+
  <li id="nav-biobricks"><a href="biobricks.html">BIOBRICKS</a></li>
-
    <li id="nav-notebook"><a href="notebook.html">NOTEBOOK</a></li>
+
  <li id="nav-notebook"><a href="notebook.html">NOTEBOOK</a></li>
   <li id="nav-safety"><a href="safety.html">SAFETY</a></li>
   <li id="nav-safety"><a href="safety.html">SAFETY</a></li>
   <li id="nav-humanpractice"><a href="humanpractice.html">HUMAN PRACTICE</a></li>
   <li id="nav-humanpractice"><a href="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="team.html">TEAM</a></li>
-
   <li id="nav-ourpartners"><a href="ourpartners.html">OUR PARTNERS</a></li>
+
   <li id="av-ourpartners"><a href="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>

Revision as of 13:31, 18 June 2014

iGEM Nanjing_NFLS