Difference between revisions of "CSS/gifu/head"

 
(65 intermediate revisions by 3 users not shown)
Line 4: Line 4:
 
* {
 
* {
 
  margin:0 auto;
 
  margin:0 auto;
text-align:left;
+
text-align:center;
 
background-repeat:repeat-x,y;
 
background-repeat:repeat-x,y;
background-color;white;
+
    
 
}
 
}
 
div#header {
 
div#header {
Line 13: Line 13:
 
background-repeat:repeat-x,y;
 
background-repeat:repeat-x,y;
 
background-color:white;
 
background-color:white;
 +
    
 
     margin:0;
 
     margin:0;
 
     padding:0;
 
     padding:0;
Line 46: Line 47:
 
}
 
}
 
li#menu001,li#menu002,li#menu003,li#menu004,li#menu005,
 
li#menu001,li#menu002,li#menu003,li#menu004,li#menu005,
li#menu006,li#menu007,li#menu008,li#menu009,li#menu010 {
+
li#menu006,li#menu007,li#menu008,li#menu009 {
 
float:left;
 
float:left;
 
     margin-left;140px;
 
     margin-left;140px;
Line 53: Line 54:
 
background-repeat:no-repeat;
 
background-repeat:no-repeat;
 
width:130px;  
 
width:130px;  
 +
    border-right:1px solid #cccccc;
 
}
 
}
 
+
div#header font {
div#header a {
+
    display:block;
 +
    font-family:'Century Gothic',sans-serif;
 +
    padding-bottom:20px;
 +
    border-right:1px solid #cccccc;
 +
    font-color:blue;
 +
}
 +
div#header font#menu010 {
 +
    padding-top:10px;
 +
    padding-bottom:10px;
 +
}
 +
div#header li a {
 
     padding:20px;
 
     padding:20px;
 
display:block;
 
display:block;
Line 64: Line 76:
 
         font-size:120%;
 
         font-size:120%;
 
}
 
}
li#menu005 a {
 
    padding-left:10px;
 
}
 
li#menu008 a {
 
  padding-left:15px;
 
}
 
li#menu001 a {
 
    padding-left:5px;
 
    border-left:1px solid #cccccc;
 
    text-align:center;
 
    width:110px;
 
  
 +
div#header li:hover {
 +
    background-color:#ccffff; 
 
}
 
}
  
li#menu007 a {
 
    padding-top:10px;
 
    height:30px;
 
   
 
}
 
 
div#header li a:hover {
 
div#header li a:hover {
 
     background-color:#ccffff;   
 
     background-color:#ccffff;   
Line 99: Line 97:
 
     height:20px;
 
     height:20px;
 
}
 
}
 +
div#header li#puri a {
 +
    padding-top:0px;
 +
    height:20px;
 +
}
 +
 +
div#header li#com a {
 +
    padding-top:0px;
 +
    height:20px;
 +
}
 +
 +
 +
 +
 +
div#header li#coll a {
 +
    padding-top:0px;
 +
    height:20px;
 +
 +
}
 +
 
</style>
 
</style>
 
</head>
 
</head>
Line 104: Line 121:
 
  <div id="header">
 
  <div id="header">
 
<ul>
 
<ul>
    <img src="https://2016.igem.org/Special:UploadStash/thumb/149ky5j7hvik.fcxb52.1505.png/120px-149ky5j7hvik.fcxb52.1505.png" height=60px>
+
    <a href="https://2016.igem.org/Team:Gifu"><img src="https://static.igem.org/mediawiki/2016/3/38/Gifu--logo.png" height=60px></a>
    <li id="menu001"><a href="https://2016.igem.org/Team:Gifu">Home</a></li>     
+
       
 
<li id="menu002" onmouseover="document.getElementById('pro').style.visibility='visible'"
 
<li id="menu002" onmouseover="document.getElementById('pro').style.visibility='visible'"
 
onmouseout="document.getElementById('pro').style.visibility='hidden'" >
 
onmouseout="document.getElementById('pro').style.visibility='hidden'" >
<a href="https://2016.igem.org/Team:Gifu/Project">Project</a>
+
<font size="5"><br>Project</font>
 
  <ul id="pro">
 
  <ul id="pro">
 
                         <li> <a href="https://2016.igem.org/Team:Gifu/Project#abstract">Abstract </a></li>
 
                         <li> <a href="https://2016.igem.org/Team:Gifu/Project#abstract">Abstract </a></li>
 
<li id="back"> <a href="https://2016.igem.org/Team:Gifu/Project#background">Back ground </a></li>
 
<li id="back"> <a href="https://2016.igem.org/Team:Gifu/Project#background">Back ground </a></li>
 +
<li id="puri"> <a href="https://2016.igem.org/Team:Gifu/Project#purine">Purine metabolism</a></li>
 
<li> <a href="https://2016.igem.org/Team:Gifu/Project#experiments">Experiments </a></li>
 
<li> <a href="https://2016.igem.org/Team:Gifu/Project#experiments">Experiments </a></li>
 
<li> <a href="https://2016.igem.org/Team:Gifu/Project#results">Results </a></li>
 
<li> <a href="https://2016.igem.org/Team:Gifu/Project#results">Results </a></li>
Line 122: Line 140:
 
<li id="menu009" onmouseover="document.getElementById('note').style.visibility='visible'"
 
<li id="menu009" onmouseover="document.getElementById('note').style.visibility='visible'"
 
onmouseout="document.getElementById('note').style.visibility='hidden'" >
 
onmouseout="document.getElementById('note').style.visibility='hidden'" >
<a href="https://2016.igem.org/Team:Gifu/Notebook">Notebook </a>
+
<font size="5"><br>Lab Note</font>
 
<ul id="note">
 
<ul id="note">
 
    <li><a href="https://2016.igem.org/Team:Gifu/Protocol">Protocol</a></li>
 
    <li><a href="https://2016.igem.org/Team:Gifu/Protocol">Protocol</a></li>
 
    <li><a href="https://2016.igem.org/Team:Gifu/Calendar">Calendar</a></li>
 
    <li><a href="https://2016.igem.org/Team:Gifu/Calendar">Calendar</a></li>
 +
                    <li><a href="https://2016.igem.org/Team:Gifu/InterLab">InterLab</a></li>
 +
                    <li><a href="https://2016.igem.org/Team:Gifu/Proof">Proof</a></li>
 +
 
</ul>
 
</ul>
 
</li>
 
</li>
<li id="menu004"><a href="https://2016.igem.org/Team:Gifu/Parts">Parts</a></li>
+
<li id="menu004"onmouseover="document.getElementById('parts').style.visibility='visible'"
<li id="menu005"><a href="https://2016.igem.org/Team:Gifu/Collaborations">Collaborations</a></li>
+
                onmouseout="document.getElementById('parts').style.visibility='hidden'">
+
                <font size="5"><br>Parts</font>
 +
                <ul id="parts">
 +
                    <li><a href="https://2016.igem.org/Team:Gifu/Basic Part">Basic Part</a></li>
 +
                    <li id="com"><a href="https://2016.igem.org/Team:Gifu/Composite Part">Composite Part</a></li>
 +
                    <li id="coll"><a href="https://2016.igem.org/Team:Gifu/Part Collection">Part Collection</a></li>
 +
                </ul>
 +
                </li>
 
<li id="menu007"onmouseover="document.getElementById('hupra').style.visibility='visible'"
 
<li id="menu007"onmouseover="document.getElementById('hupra').style.visibility='visible'"
 
onmouseout="document.getElementById('hupra').style.visibility='hidden'">
 
onmouseout="document.getElementById('hupra').style.visibility='hidden'">
<a href="https://2016.igem.org/Team:Gifu/Human_Practices">Human Practices</a>
+
<font id="menu010" size="5">Human Practices</font>
 
<ul id="hupra">
 
<ul id="hupra">
    <li><a href="https://2016.igem.org/Team:Gifu/Safety">Safety</a></li>
+
                     <li><a href="https://2016.igem.org/Team:Gifu/HP/HP">Human Practices</a></li>
                     <li><a href="https://2016.igem.org/Team:Gifu/HP/Silver">Silver</a></li>
+
                    <li><a href="https://2016.igem.org/Team:Gifu/HP/Gold">Gold</a></li>
+
 
</ul>
 
</ul>
</li>
+
</li>
<li id="menu008"><a href="https://2016.igem.org/Team:Gifu/Achievement">Achievement</a></li>
+
<li id="menu003"onmouseover="document.getElementById('us').style.visibility='visible'"
<li id="menu006"><a href="https://2016.igem.org/Team:Gifu/InterLab">InterLab</a></li>
+
onmouseout="document.getElementById('us').style.visibility='hidden'">
<li id="menu003"onmouseover="document.getElementById('team').style.visibility='visible'"
+
<font size="5"><br>About Us</font>
onmouseout="document.getElementById('team').style.visibility='hidden'">
+
<ul id="us">
<a href="https://2016.igem.org/Team:Gifu/Team">Team</a>
+
                    <li><a href="https://2016.igem.org/Team:Gifu/Team">Team</a></li>
<ul id="team">
+
                    <li><a href="https://2016.igem.org/Team:Gifu/Collaborations">Collaborations</a></li>
    <li><a href="https://2016.igem.org/Team:Gifu/Member">Member</a></li>
+
                    <li><a href="https://2016.igem.org/Team:Gifu/Safety">Safety</a></li>
    <li><a href="https://2016.igem.org/Team:Gifu/Instructor">Instructor</a></li>
+
 
    <li><a href="https://2016.igem.org/Team:Gifu/Attributions">Attributions</a></li>
 
    <li><a href="https://2016.igem.org/Team:Gifu/Attributions">Attributions</a></li>
 
</ul>
 
</ul>
 
</li>
 
</li>
<li id="menu010"><a href="https://2016.igem.org/Team:Gifu/Sponsor">Sponsor</a></li>
+
 
</ul>
 
</ul>
 
  </div>
 
  </div>

Latest revision as of 09:35, 2 December 2016