Team:Manchester/Safetytest

From 2013.igem.org

(Difference between revisions)
Line 314: Line 314:
}
}
-
#block li
+
#block .list li
{
{
display:block;
display:block;
Line 320: Line 320:
}
}
-
#block .submenu
+
#block .list .submenu
{
{
display:none;
display:none;
Line 328: Line 328:
}
}
-
#block .submenu li
+
#block .list .submenu li
{
{
list-style:none;
list-style:none;
Line 336: Line 336:
}
}
-
#block .submenu li a
+
#block .list .submenu li a
{
{
float: none;
float: none;
Line 397: Line 397:
         <div id="block">
         <div id="block">
             <img src="https://static.igem.org/mediawiki/2013/e/e6/Group.gif" width="50" height="50" id="image2"/>
             <img src="https://static.igem.org/mediawiki/2013/e/e6/Group.gif" width="50" height="50" id="image2"/>
-
                   <a href="#" onclick="javascript:openMenu('sub')" id="link2">About</a>
+
                   <ul class="list">
 +
                    <li><a href="#" id="link2">About</a>
                  <ul class="submenu" id="sub">
                  <ul class="submenu" id="sub">
        <li><a href="#" id="link2">Our Team</a></li>
        <li><a href="#" id="link2">Our Team</a></li>
                        <li><a href="#" id="link2">Team Profile</a></li>
                        <li><a href="#" id="link2">Team Profile</a></li>
  </ul>
  </ul>
 +
                    </li>
 +
                  </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"/>
-
            <a href="#" onclick="javascript:openMenu('sub2')" id="link3">Project</a>
+
              <ul class="list">
 +
                  <li><a href="#" onclick="javascript:openMenu('sub2')" id="link3">Project</a>
                <ul class="submenu" id="sub2">
                <ul class="submenu" id="sub2">
-
            <li><a href="#" id="link3">Aim</a></li>
+
    <li><a href="#" id="link3">Aim</a></li>
                    <li><a href="#" id="link3">Modelling</a></li>
                    <li><a href="#" id="link3">Modelling</a></li>
-
<li><a href="#" id="link3">Notebook</a></li>
+
    <li><a href="#" id="link3">Notebook</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="#" id="link3">Safety</a></li>
                    <li><a href="#" id="link3">Human Proctices</a></li>
                    <li><a href="#" id="link3">Human Proctices</a></li>
-
<li><a href="#" id="link3">Attributions</a></li>
+
    <li><a href="#" id="link3">Attributions</a></li>
-
        </ul>
+
        </ul>
 +
                </li>
 +
              </ul>
         </div>
         </div>
         <div id="block">
         <div id="block">
             <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"/>
-
            <a href="#" onclick="javascript:openMenu('sub3')" id="link4">Outreach</a>
+
            <ul class="list">
 +
                  <li><a href="#" onclick="javascript:openMenu('sub3')" id="link4">Outreach</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">Event 1</a></li>
                    <li><a href="#" id="link4">Event 2</a></li>
                    <li><a href="#" id="link4">Event 2</a></li>
-
<li><a href="#" id="link4">Event 3</a></li>
+
    <li><a href="#" id="link4">Event 3</a></li>
                    <li><a href="#" id="link4">Event 4</a></li>
                    <li><a href="#" id="link4">Event 4</a></li>
-
        </ul>
+
                </ul>
 +
                  </li>
 +
            </ul>
         </div>
         </div>

Revision as of 11:54, 22 July 2013

Safety

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor?

Incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, ed do eiusmod tempor incididunt ut labore et dolore magna liqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor?

Incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, ed do eiusmod tempor incididunt ut labore et dolore magna liqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor?

Incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, ed do eiusmod tempor incididunt ut labore et dolore magna liqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor?

Incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, ed do eiusmod tempor incididunt ut labore et dolore magna liqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit