User:Supacalafrglstic

From 2010.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
<head>
<head>
-
  <script type="text/javascript">
+
 
-
  $(document).ready(function(){
+
<script type="text/javascript">
-
    $("dd:not(:first)").hide();
+
function initMenu() {
-
    $("dt a").click(function(){
+
$('#menu ul').hide();
-
      $("dd:visible").slideUp("slow");
+
$('#menu li a').click(
-
      $(this).parent().next().slideDown("slow");
+
  function() {
-
      return false;
+
    $(this).next().slideToggle('normal');
-
    });
+
    }
-
  });
+
  );
-
  </script>
+
}
 +
$(document).ready(function() {initMenu();});
 +
</script>
 +
 
   <style>
   <style>
-
    body { font-family: Arial; font-size: 16px; }
+
body {
-
    dl { width: 300px; }
+
  font-family: Helvetica, Arial, sans-serif;
-
    dl,dd { margin: 0; }
+
  font-size: 0.9em;
-
    dt { background: #F39; font-size: 18px; padding: 5px; }
+
}
-
    dt a { color: #FFF; }
+
 
-
    dd a { color: #000; }
+
p {
-
    ul { list-style: none; padding: 5px; }
+
  line-height: 1.5em;
 +
}
 +
 
 +
ul#menu, ul#menu ul {
 +
  list-style-type:none;
 +
  margin: 0;
 +
  padding: 0;
 +
  width: 15em;
 +
}
 +
 
 +
ul#menu a {
 +
  display: block;
 +
  text-decoration: none;
 +
}
 +
 
 +
ul#menu li {
 +
  margin-top: 1px;
 +
}
 +
 
 +
ul#menu li a {
 +
  background: #333;
 +
  color: #fff;
 +
  padding: 0.5em;
 +
}
 +
 
 +
ul#menu li a:hover {
 +
  background: #000;
 +
}
 +
 
 +
ul#menu li ul li a {
 +
  background: #ccc;
 +
  color: #000;
 +
  padding-left: 20px;
 +
}
 +
 
 +
ul#menu li ul li a:hover {
 +
  background: #aaa;
 +
  border-left: 5px #000 solid;
 +
  padding-left: 15px;
 +
}
 +
 
 +
.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
 +
.code code { display: block; padding: 3px; margin-bottom: 0; }
 +
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
 +
.indent1 { padding-left: 1em; }
 +
.indent2 { padding-left: 2em; }
   </style>
   </style>
</head>       
</head>       
Line 24: Line 72:
<body>
<body>
-
   <dl>
+
   <ul id="menu">
-
     <dt><a href="/">First</a></dt>
+
     <li><a href="#">Sub menu heading</a>
-
    <dd>
+
     <ul>
     <ul>
-
       <li><a href="/src">Download</a></li>
+
       <li><a href="htp://google.com/">Link</a></li>
-
       <li><a href="/docs/">Documentation</a></li>
+
       <li><a href="htp://google.com/">Link</a></li>
 +
      <li><a href="htp://google.com/">Link</a></li>
     </ul>
     </ul>
-
     </dd>
+
     <li><a href="#">Sub menu heading 2</a>
-
    <dt><a href="/discuss/">Community</a></dt>
+
-
    <dd>
+
     <ul>
     <ul>
-
       <li><a href="/discuss/">Mailing List</a></li>
+
       <li><a href="htp://google.com/">Link</a></li>
-
       <li><a href="/tutorials/">Tutorials</a></li>
+
       <li><a href="htp://google.com/">Link</a></li>
     </ul>
     </ul>
-
    </dd>
+
   </ul>
-
   </dl>
+
</body>                                                                 
</body>                                                                 
</html>
</html>

Revision as of 04:15, 23 July 2010