Team:Manchester/Notebooktest

From 2013.igem.org

(Difference between revisions)
 
(One intermediate revision not shown)
Line 290: Line 290:
{
{
height:90px;
height:90px;
-
width:560px;
+
width:980px;
margin:0 auto;
margin:0 auto;
-
background-color:#ccc;
+
background-color:#F2F2F2;
position:absolute;
position:absolute;
-
top:5px;
+
top:130px;
-
left:200px;
+
left:0;
z-index:100;
z-index:100;
-
background:white;
+
 
}
}
Line 303: Line 303:
{
{
float:left;
float:left;
-
width:100px;
+
width:150px;
-
margin:5px;
+
margin:0 5px;
}
}
Line 313: Line 313:
background-color: #660099;
background-color: #660099;
color:white;
color:white;
-
font-size: 14px;
+
font-size: 17px;
font-family: Trebuchet MS;
font-family: Trebuchet MS;
font-weight: bold;
font-weight: bold;
border-radius: 5px;
border-radius: 5px;
-
width: 60px;
+
width: 140px;
margin:0 auto;
margin:0 auto;
text-align: center;
text-align: center;
padding: 3px;
padding: 3px;
color:#F2F2F2;
color:#F2F2F2;
 +
border:1px solid #4C0082;
transition-duration:0.1s;
transition-duration:0.1s;
Line 331: Line 332:
transition-duration:0.1s;
transition-duration:0.1s;
transition-timing-function:linear;
transition-timing-function:linear;
-
margin:0 25px;
+
margin:0 50px;
display:block;
display:block;
}
}
Line 352: Line 353:
}
}
-
#block .list .submenu  
+
#block .list .submenu, .submenu1, .submenu2
{
{
 +
position:relative;
display:none;
display:none;
clear: both;
clear: both;
Line 374: Line 376:
border:1px solid #4C0082;
border:1px solid #4C0082;
margin:0 auto;
margin:0 auto;
-
width:90px;
+
width:130px;
 +
font-size: 13px;
 +
font-family: Trebuchet MS;
 +
font-weight: bold;
 +
color:#f2f2f2;
 +
}
 +
 
 +
#block .list li .submenu li:hover .submenu1 a
 +
{
 +
clear:both;
 +
display:block;
 +
border:1px solid #4C0082;
 +
margin:0 auto;
 +
width:100px;
 +
font-size: 12px;
 +
font-family: Trebuchet MS;
 +
font-weight: bold;
 +
color:black;
 +
background:#ffcc33;
 +
}
 +
 
 +
#block .list .submenu a:hover
 +
{
 +
display:block;
 +
background:#A901DB;
}
}
Line 380: Line 406:
{
{
display:block;
display:block;
 +
}
 +
 +
.submenu li:hover .submenu1
 +
{
 +
display:block;
 +
position:absolute;
 +
left:145px;
 +
top:0;
 +
}
 +
 +
.submenu li:hover .submenu2
 +
{
 +
display:block;
 +
position:absolute;
 +
left:145px;
 +
top:28px;
 +
}
 +
 +
#block .list li .submenu li:hover .submenu2 a
 +
{
 +
clear:both;
 +
display:block;
 +
border:1px solid #4C0082;
 +
margin:0 auto;
 +
width:150px;
 +
font-size: 12px;
 +
font-family: Trebuchet MS;
 +
font-weight: bold;
 +
color:black;
 +
background:#FFCC33;
}
}
Line 429: Line 485:
         <div id="block">
         <div id="block">
               <img src="https://static.igem.org/mediawiki/2013/7/74/Home.gif" width="50" height="50" id="image1"/>
               <img src="https://static.igem.org/mediawiki/2013/7/74/Home.gif" width="50" height="50" id="image1"/>
-
      <a href="#" id="link1">Home</a>
+
      <a href="https://2013.igem.org/Team:Manchester/Hometest" id="link1">Home</a>
         </div>
         </div>
Line 437: Line 493:
                     <li><a href="#" id="link2">About</a>
                     <li><a href="#" id="link2">About</a>
                  <ul class="submenu" id="sub1">
                  <ul class="submenu" id="sub1">
-
        <li><a href="#" id="link2">Our Team</a></li>
+
    <li><a href="https://2013.igem.org/Team:Manchester/OurTeamtest" id="link2">Our Team</a></li>
-
                        <li><a href="#" id="link2">Team Profile</a></li>
+
                    <li><a href="https://igem.org/Team.cgi?year=2013" id="link2">Team Profile</a></li>
  </ul>
  </ul>
                     </li>
                     </li>
                   </ul>
                   </ul>
         </div>
         </div>
-
 
+
       
         <div id="block">
         <div id="block">
             <img src="https://static.igem.org/mediawiki/2013/a/a8/Project.gif" width="50" height="50" id="image3"/>
             <img src="https://static.igem.org/mediawiki/2013/a/a8/Project.gif" width="50" height="50" id="image3"/>
               <ul class="list">
               <ul class="list">
-
                   <li><a href="#" id="link3">Project</a>
+
                   <li><a href="https://2013.igem.org/Team:Manchester/Projecttest" id="link3">Project</a>
                <ul class="submenu">
                <ul class="submenu">
-
    <li><a href="#" id="link3">Aim</a></li>
+
    <li><a href="https://2013.igem.org/Team:Manchester/Aimtest2" id="link3">Aim</a></li>
-
                    <li><a href="#" id="link3">Modelling</a></li>
+
    <li><a href="https://2013.igem.org/Team:Manchester/Notebooktest2" id="link3">Notebook</a></li>
-
    <li><a href="#" id="link3">Notebook</a></li>
+
                            <li><a href="https://2013.igem.org/Team:Manchester/LabBooktest" id="link3">Lab Book</a></li>
                    <li><a href="#" id="link3">Contributions</a></li>
                    <li><a href="#" id="link3">Contributions</a></li>
-
    <li><a href="#" id="link3">Safety</a></li>
+
    <li><a href="https://2013.igem.org/Team:Manchester/Safetytest" id="link3">Safety</a></li>
-
                    <li><a href="#" id="link3">Human Proctices</a></li>
+
                            <li><a href="#" id="link3">Judging</a></li>                    
-
    <li><a href="#" id="link3">Attributions</a></li>
+
    <li><a href="https://2013.igem.org/Team:Manchester/Attributionstest" id="link3">Attributions</a></li>
 +
        </ul>
 +
                </li>
 +
              </ul>
 +
        </div>
 +
 
 +
        <div id="block">
 +
            <img src="https://static.igem.org/mediawiki/2013/a/a8/Project.gif" width="50" height="50" id="image6"/>
 +
              <ul class="list">
 +
                  <li><a href="https://2013.igem.org/Team:Manchester/Modellingtest" id="link6">Modelling</a>
 +
                <ul class="submenu">
 +
    <li><a href="#" id="link6">Fatty Acid Production</a></li>
 +
    <li><a href="#" id="link6">Parameter Estimation</a></li>
 +
                            <li><a href="#" id="link6">Modelling Collaboration</a></li>
        </ul>
        </ul>
                 </li>
                 </li>
Line 464: Line 533:
             <img src="https://static.igem.org/mediawiki/2013/5/5b/Outreach.gif" width="50" height="50" id="image4"/>
             <img src="https://static.igem.org/mediawiki/2013/5/5b/Outreach.gif" width="50" height="50" id="image4"/>
             <ul class="list">
             <ul class="list">
-
                   <li><a href="#" onclick="javascript:openMenu('sub3')" id="link4">Outreach</a>
+
                   <li><a href="https://2013.igem.org/Team:Manchester/HumanPracticetest" id="link4">Human Practices</a>
                <ul class="submenu" id="sub3">
                <ul class="submenu" id="sub3">
-
    <li><a href="#" id="link4">Event 1</a></li>
+
    <li><a href="#" id="link4">Public Outreach</a>
-
                    <li><a href="#" id="link4">Event 2</a></li>
+
<ul class="submenu1" >
-
    <li><a href="#" id="link4">Event 3</a></li>
+
  <a href="https://2013.igem.org/Team:Manchester/stars" id="link4">Science Stars</a></li>
-
                    <li><a href="#" id="link4">Event 4</a></li>
+
  <a href="https://2013.igem.org/Team:Manchester/openday" id="link4">Open day</a></li>
 +
</ul>
 +
    </li>
 +
                    <li><a href="#" id="link4">Ethics</a>
 +
<ul class="submenu2" id="sub3">
 +
    <a href="#" id="link4">Environmental Impact</a></li>
 +
    <a href="#" id="link4">Economical Impact</a></li>
 +
    <a href="#" id="link4">Impact Management</a></li>
 +
    <a href="#" id="link4">Conclusion</a></li>
 +
</ul>
 +
    </li>
 +
    <li><a href="#" id="link4">Business Plan</a></li>
 +
                    <li><a href="#" id="link4">Knowledge Deficit Assumption</a></li>
 +
                            <li><a href="#" id="link4">Conferences and Discussions</a></li>
 +
                            <li><a href="#" id="link4">Social Media</a></li>
                </ul>
                </ul>
                   </li>
                   </li>
Line 476: Line 559:
         <div id="block">
         <div id="block">
-
             <img src="https://static.igem.org/mediawiki/2013/c/cb/Sponsors.gif" width="50" height="50" id="image5"/>
+
             <img src="https://static.igem.org/mediawiki/2013/5/5b/Outreach.gif" width="50" height="50" id="image5"/>
-
             <a href="#" id="link5">Sponsors</a>
+
             <a href="#" id="link5">Sponsorship</a>
-
         </div>
+
         </div>
 +
</div>
</div>

Latest revision as of 01:56, 6 August 2013

Safety