Team:Chiba/Prepare

From 2010.igem.org

(Difference between revisions)
 
(36 intermediate revisions not shown)
Line 2: Line 2:
<p>
<p>
<style type="text/css">  
<style type="text/css">  
-
+
#header {
-
+
 
-
#allcontent {
+
width: 965px;
-
      width:"100%";
+
-
}
+
-
+
-
body {
+
-
        margin-left: auto;
+
-
        margin-right: auto;
+
-
font-family: Helvetica, Arial, sans-serif;
+
-
width: 900px;
+
-
}
+
-
+
-
table {
+
-
        color: #254117;
+
-
font-family: Helvetica, Arial, sans-serif;
+
-
        }
+
-
+
-
#content {
+
-
        color: #254117;
+
-
font-family: Helvetica, Arial, sans-serif;
+
-
width: 965px;
+
         line-height: 1.2em;
         line-height: 1.2em;
-
+
        color: #33cc33;
}
}
   
   
a {
a {
-
  text-decoration: none;
+
   color: #000000;
-
   color: #FFF665;
+
   }
   }
    
    
a:hover {
a:hover {
-
color: #A0C544;
+
color: #33cc33;
-
        text-decoration: none;
+
}
}
-
+
 
-
h1, h2, h3, h4, h5, h6 {
+
-
        color: #254117;
+
-
}
+
-
+
#headerlinks{
#headerlinks{
       margin-left: -20px;
       margin-left: -20px;
}
}
   
   
-
#nav, #nav ul {
+
#arr, #arr ul {
padding: 0;
padding: 0;
list-style: none;
list-style: none;
}
}
   
   
-
#nav a {
+
#arr a {
display: block;
display: block;
-
width: 90px;
+
width: 96px;
}
}
   
   
-
#nav li {
+
#arr li {
float: left;
float: left;
-
width: 90px;
+
width: 96px;
margin-right: 41px;
margin-right: 41px;
}
}
   
   
-
#nav li ul {
+
#arr li ul {
position: absolute;
position: absolute;
-
width: 90px;
+
width: 96px;
left: -999em;
left: -999em;
}
}
   
   
-
#nav li:hover ul {
+
#arr li:hover ul {
left: auto;
left: auto;
-
      text-decoration: none;
 
       color: white !important;
       color: white !important;
   
   
}
}
   
   
-
#nav li:hover ul, #nav li.sfhover ul {
+
#arr li:hover ul, #arr li.sfhover ul {
left: auto;
left: auto;
-
      text-decoration: none;
 
       color: white !important;
       color: white !important;
}
}
   
   
sfHover = function() {
sfHover = function() {
-
var sfEls = document.getElementById("nav").getElementsByTagName("LI");
+
var sfEls = document.getElementById("arr").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
sfEls[i].onmouseover=function() {
Line 93: Line 66:
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
if (window.attachEvent) window.attachEvent("onload", sfHover);
-
+
 
-
.bannerimage {
+
a.taplinks {
-
+
-
}
+
-
+
-
a.bannerlinks {
+
   color: white !important;
   color: white !important;
-
  text-decoration: none;
 
   }
   }
   
   
   
   
-
  a.bannertoplinks {
+
  a.taptoplinks {
   color: white !important;
   color: white !important;
-
  text-decoration: none;
 
}
}
   
   
-
a.bannerlinks:hover, a.bannertoplinks:hover {
+
a.taplinks:hover, a.taptoplinks:hover {
-
   background-color: #A0C544;
+
   background-color: #ff3366;
   color: white;
   color: white;
   }
   }
   
   
-
.bannerlinks {
+
.taplinks {
-
background-color: #FFF665;
+
background-color: #ff9933;
border-style: solid;
border-style: solid;
-
border-color: white;
+
border-color: black;
border-width: 1px;
border-width: 1px;
color: white;
color: white;
Line 124: Line 91:
}
}
   
   
-
.bannertoplinks {
+
.taptoplinks {
-
background-color: #827B60;
+
background-color: #33cc33;
border-style: solid;
border-style: solid;
border-color: white;
border-color: white;
Line 134: Line 101:
}
}
   
   
 +
-
 
-
#rightgroup {
 
-
float: right;
 
-
width: 300px;
 
-
padding: 10px;
 
-
}
 
-
 
-
#leftgroup {
 
-
width: 300px;
 
-
padding: 10px;
 
-
        margin-right: 20px;
 
-
}
 
-
 
-
#maincontent {
 
-
width: 610px;
 
-
}
 
   
   
-
#headerlinks > #nav > li {
+
#headerlinks > #arr > li {
-
         border-bottom: 4px solid white;
+
         border-bottom: 1px solid white;
}
}
   
   
-
#sidebar a{
 
-
      text-decoration: none;
 
-
      color: #FFF665;
 
-
}
 
-
 
-
#sidebar a:hover{
 
-
    color: #A0C544;
 
-
    text-decoration: none;
 
-
}
 
-
 
-
a.sidebarlinks {
 
-
display: block;
 
-
width: 300px;
 
-
font-size: 1.2em;
 
-
text-align: center;
 
-
background-color: #827B60;
 
-
color: white !important;
 
-
padding: 10px 0px 10px 0px;
 
-
margin-bottom: 5px
 
-
}
 
-
 
-
a.sidebarlinks:hover {
 
-
background-color: #A0C544;
 
-
        color: white !important;
 
-
}
 
-
 
</style>
</style>
-
<!-- !END CHIBACSS -->
+
<!-- !END CSS -->
-
 
+
<center>
<div id="headerlinks">
<div id="headerlinks">
-
<ul id="nav">
+
<ul id="arr">
<li>
<li>
-
<a class="bannertoplinks" href="https://2010.igem.org/Team:Chiba">Home</a>
+
<a class="taptoplinks" href="https://2010.igem.org/Team:Chiba">Home</a>
</li>
</li>
-
<li><a class="bannertoplinks" href="#">Team</a>
+
<li><a class="taptoplinks" href="#">Team</a>
<ul style="z-index:1">
<ul style="z-index:1">
-
<li><a class="bannerlinks" href="https://2010.igem.org/Team:Chiba/Team">Team</a></li>
+
<li><a class="taplinks" href="https://2010.igem.org/Team:Chiba/Team">Team</a></li>
-
<li><a class="bannerlinks" href="https://2010.igem.org/Team:Chiba/Member">Member</a></li>
+
<li><a class="taplinks" href="https://2010.igem.org/Team:Chiba/Member">Member</a></li>
-
<li><a class="bannerlinks" href="https://2010.igem.org/Team:Chiba/School">School</a></li>
+
<li><a class="taplinks" href="https://2010.igem.org/Team:Chiba/School">School</a></li>
</ul>
</ul>
</li>
</li>
-
<li><a class="bannertoplinks" href="#">Project</a>
+
<li><a class="taptoplinks" href="#">Project</a>
<ul style="z-index:1">
<ul style="z-index:1">
-
<li><a class="bannerlinks" href="https://2010.igem.org/Team:Chiba/Project">test1 Project</a></li>
+
<li><a class="taplinks" href="https://2010.igem.org/Team:Chiba/Project">test1 Project</a></li>
-
<li><a class="bannerlinks" href="https://2010.igem.org/Team:Chiba/Circuit_1">test2</a></li>
+
<li><a class="taplinks" href="https://2010.igem.org/Team:Chiba/Circuit_1">test2</a></li>
-
<li><a class="bannerlinks" href="https://2010.igem.org/Team:Chiba/Circuit_2">test3</a></li>
+
<li><a class="taplinks" href="https://2010.igem.org/Team:Chiba/Circuit_2">test3</a></li>
</ul>
</ul>
</li>
</li>
<li>
<li>
-
<a class="bannertoplinks" href="https://2010.igem.org/Team:Chiba/Parts">Parts</a>
+
<a class="taptoplinks" href="https://2010.igem.org/Team:Chiba/Parts">Parts</a>
</li>
</li>
<li>
<li>
-
<a class="bannertoplinks" href="https://2010.igem.org/Team:Chiba/Modeling">Modeling</a>
+
<a class="taptoplinks" href="https://2010.igem.org/Team:Chiba/Modeling">Modeling</a>
</li>
</li>
<li>
<li>
-
<a class="bannertoplinks" href="https://2010.igem.org/Team:Chiba/Notebook">Notebook</a>
+
<a class="taptoplinks" href="https://2010.igem.org/Team:Chiba/Notebook">Notebook</a>
</li>
</li>
<li>
<li>
-
<a class="bannertoplinks" href="https://2010.igem.org/Team:Chiba/Safety">Safety</a>
+
<a class="taptoplinks" href="https://2010.igem.org/Team:Chiba/Safety">Safety</a>
</li>
</li>
-
+
</center>
</div>
</div>
 +
</html>

Latest revision as of 09:50, 13 October 2010