Team:Dundee

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html>
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-
 
+
<html xmlns="http://www.w3.org/1999/xhtml">
-
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js"></script>
+
<head>
-
<script type="text/javascript">
+
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-
  function clearHeader() {
+
<title>Untitled Document</title>
-
  $('#p-logo').empty();
+
<link href="https://dl-web.dropbox.com/get/iGem/twoColElsLt.css?w=e69584a1" />
-
  $('#top-section').css({
+
<!--[if IE]>
-
    backgroundImage: 'url(https://static.igem.org/mediawiki/2011/5/5c/Dundee-bg.jpg)'
+
<style type="text/css">  
-
  });
+
/* place css fixes for all versions of IE in this conditional comment */
-
}
+
.twoColElsLt #sidebar1 { padding-top: 30px; }
-
 
+
.twoColElsLt #mainContent { zoom: 1; padding-top: 15px; }
-
$(function() {
+
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
-
clearHeader();
+
</style>
-
})
+
<![endif]--></head>
-
</script>
+
-
+
-
<div class = "sidebar">
+
-
<ul>
+
-
 
+
-
  <li><a href="https://2011.igem.org/Team:Dundee" alt="Home Page">Home</a></li>
+
-
 
+
-
  <li><a href="https://2011.igem.org/Team:Dundee/Team" alt="Team Members">Team</a></li>
+
-
+
-
  <li><a href="https://2011.igem.org/Team:Dundee/Project" alt="Project Description">Project</a></li>
+
-
 
+
-
  <li><a href="https://2011.igem.org/Team:Dundee/Notebook" alt="Notebook">Notebook</a></li>
+
-
 
+
-
  <li><a href="https://2011.igem.org/Team:Dundee/Safety" alt="Safety">Safety</a></li>
+
-
</ul>
+
-
</div>
+
 +
<body class="twoColElsLt">
 +
<div id="container">
 +
  <div id="sidebar1">
 +
    <h3>sidebar1 Content</h3>
 +
    <p>The background color on this div will only show for the length of the content. If you'd like a dividing line instead, place a border on the left side of the #mainContent div if the #mainContent div will always contain more content than the #sidebar1 div. </p>
 +
    <p>Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque  eget, cursus et, fermentum ut, sapien. </p>
 +
  <!-- end #sidebar1 --></div>
 +
  <div id="mainContent">
 +
    <h1> Main Content </h1>
 +
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo  porttitor, felis. Nam blandit quam ut lacus. </p>
 +
    <p>Quisque ornare risus quis  ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean  sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at,  odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce  varius urna id quam. Sed neque mi, varius eget, tincidunt nec, suscipit id,  libero. In eget purus. Vestibulum ut nisl. Donec eu mi sed turpis feugiat  feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut,  sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh.  Donec nec libero.</p>
 +
    <h2>H2 level heading </h2>
 +
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo  porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis  ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean  sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.</p>
 +
<!-- end #mainContent --></div>
 +
<!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats --><br class="clearfloat" />
 +
<!-- end #container --></div>
 +
</body>
</html>
</html>

Revision as of 17:21, 20 May 2011

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Untitled Document

sidebar1 Content

The background color on this div will only show for the length of the content. If you'd like a dividing line instead, place a border on the left side of the #mainContent div if the #mainContent div will always contain more content than the #sidebar1 div.

Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien.

Main Content

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus.

Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce varius urna id quam. Sed neque mi, varius eget, tincidunt nec, suscipit id, libero. In eget purus. Vestibulum ut nisl. Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh. Donec nec libero.

H2 level heading

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.