Giant Jamboree test1

From 2014.igem.org

(Difference between revisions)
(Created page with "<html> <style type="text/css"> ul {list-style: none;padding: 0px;margin: 0px;} ul li {display: block;position: relative;float: left;border:1px solid #000} li ul {display: ...")
 
(5 intermediate revisions not shown)
Line 1: Line 1:
 +
{{CSS/Main}}
 +
<html>
<html>
<style type="text/css">
<style type="text/css">
   ul {list-style: none;padding: 0px;margin: 0px;}
   ul {list-style: none;padding: 0px;margin: 0px;}
-
   ul li {display: block;position: relative;float: left;border:1px solid #000}
+
   ul li {display: block;position: relative;float: left;border:1px solid #414141}
   li ul {display: none;}
   li ul {display: none;}
-
   ul li a {display: block;background: #000;padding: 5px 10px 5px 10px;text-decoration: none;
+
   ul li a {display: block;background: #414141;padding: 5px 10px 5px 10px;text-decoration: none;
           white-space: nowrap;color: #fff;}
           white-space: nowrap;color: #fff;}
-
   ul li a:hover {background: #f00;}
+
   ul li a:hover {background: ##49b677;}
   li:hover ul {display: block; position: absolute;}
   li:hover ul {display: block; position: absolute;}
   li:hover li {float: none;}
   li:hover li {float: none;}
-
   li:hover a {background: #f00;}
+
   li:hover a {background: #49b677;}
-
   li:hover li a:hover {background: #000;}
+
   li:hover li a:hover {background: #414141}
   #drop-nav li ul li {border-top: 0px;}
   #drop-nav li ul li {border-top: 0px;}
</style>
</style>
Line 20: Line 22:
<ul id="drop-nav">
<ul id="drop-nav">
-
  <li><a href="#">Support</a></li>
+
 
-
  <li><a href="#">Web Design</a>
+
 
 +
<li><a href="#">ABOUT</a>
     <ul>
     <ul>
-
       <li><a href="#">HTML</a></li>
+
       <li><a href="#">Giant Jamboree</a></li>
-
       <li><a href="#">CSS</a></li>
+
       <li><a href="#">iGEM</a></li>
-
       <li><a href="#">JavaScript</a></li>
+
       <li><a href="#">Social Media</a></li>
     </ul>
     </ul>
   </li>
   </li>
-
  <li><a href="#">Content Management</a>
+
 
 +
 
 +
<li><a href="#">SCHEDULE</a>
     <ul>
     <ul>
-
       <li><a href="#">Joomla</a></li>
+
       <li><a href="#">Full Program</a></li>
-
      <li><a href="#">Drupal</a></li>
+
-
      <li><a href="#">WordPress</a></li>
+
-
      <li><a href="#">Concrete 5</a></li>
+
     </ul>
     </ul>
   </li>
   </li>
-
   <li><a href="#">Contact</a>
+
 
 +
 
 +
 
 +
 
 +
   <li><a href="#">ATTENDING</a>
     <ul>
     <ul>
-
       <li><a href="#">General Inquiries</a></li>
+
       <li><a href="#">Registration</a></li>
-
       <li><a href="#">Ask me a Question</a></li>
+
       <li><a href="#">Hotels</a></li>
 +
      <li><a href="#">Location</a></li>
     </ul>
     </ul>
   </li>
   </li>
 +
 +
 +
  <li><a href="#">SPONSORS</a>
 +
    <ul>
 +
      <li><a href="#">Sponsors</a></li>
 +
      <li><a href="#">Exhibitors</a></li>
 +
    </ul>
 +
  </li>
 +
 +
 +
  <li><a href="#">PRESS</a>
 +
    <ul>
 +
      <li><a href="#">Press Package</a></li>
 +
    </ul>
 +
  </li>
 +
 +
 +
<li><a href="#">CONTACT</a></li>
</ul>
</ul>
 +
 +
</html>

Latest revision as of 21:47, 16 July 2014