Team:Calgary/Sandbox

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
<!--
<!--
-
This version now integrates the two menu styles together. The logo needs to be resized on iPhones.
+
This version now integrates the two menu styles together. It functions fully minus the links and Javascript degradation.
-->
-->
<head>
<head>
Line 79: Line 79:
width: 200px;
width: 200px;
background: #6d6d6d;
background: #6d6d6d;
-
display: block; /*add to JQ block*/
+
display: none; /*add to JQ block*/
z-index: 1000;
z-index: 1000;
}
}
Line 197: Line 197:
}
}
/*mega dropdown styling*/
/*mega dropdown styling*/
-
 
#nav li div{
#nav li div{
position: absolute;
position: absolute;
Line 251: Line 250:
/***End nav styling***/
/***End nav styling***/
 +
/***Logo styling***/
 +
#logo{
 +
position: absolute;
 +
top: 10px;
 +
left: 650px;
 +
}
 +
 +
#logo img{
 +
width: 300px;
 +
}
 +
}
}
Line 344: Line 354:
</div>
</div>
-
<h1>Header Stuff!</h1>
+
<div id="bodycontainer">
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut convallis eleifend interdum. Pellentesque libero magna, dignissim vitae blandit et, tincidunt nec felis. Proin et risus eget lectus lacinia mollis. Quisque rhoncus posuere lectus, eget vestibulum dolor feugiat bibendum. Vestibulum scelerisque commodo eros, in vulputate arcu tempus varius. Donec ornare malesuada mi vitae rhoncus. Nulla facilisi.</p>
+
<h1>Header Stuff!</h1>
-
<p>Viverra nisl a bibendum. Etiam cursus ultrices arcu, pretium sodales tellus euismod id. Pellentesque congue aliquam urna, commodo iaculis massa pellentesque eget. Vivamus et sem non massa tincidunt ultrices. Sed luctus justo nec dui venenatis sodales. Proin sit amet risus nibh. In hac habitasse platea dictumst. Sed pretium egestas augue, sed varius nibh consequat ac. In orci. </p>
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut convallis eleifend interdum. Pellentesque libero magna, dignissim vitae blandit et, tincidunt nec felis. Proin et risus eget lectus lacinia mollis. Quisque rhoncus posuere lectus, eget vestibulum dolor feugiat bibendum. Vestibulum scelerisque commodo eros, in vulputate arcu tempus varius. Donec ornare malesuada mi vitae rhoncus. Nulla facilisi.</p>
 +
<p>Viverra nisl a bibendum. Etiam cursus ultrices arcu, pretium sodales tellus euismod id. Pellentesque congue aliquam urna, commodo iaculis massa pellentesque eget. Vivamus et sem non massa tincidunt ultrices. Sed luctus justo nec dui venenatis sodales. Proin sit amet risus nibh. In hac habitasse platea dictumst. Sed pretium egestas augue, sed varius nibh consequat ac. In orci. </p>
 +
</div>
</body>
</body>
</html>
</html>

Revision as of 19:15, 26 June 2012

Header Stuff!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut convallis eleifend interdum. Pellentesque libero magna, dignissim vitae blandit et, tincidunt nec felis. Proin et risus eget lectus lacinia mollis. Quisque rhoncus posuere lectus, eget vestibulum dolor feugiat bibendum. Vestibulum scelerisque commodo eros, in vulputate arcu tempus varius. Donec ornare malesuada mi vitae rhoncus. Nulla facilisi.

Viverra nisl a bibendum. Etiam cursus ultrices arcu, pretium sodales tellus euismod id. Pellentesque congue aliquam urna, commodo iaculis massa pellentesque eget. Vivamus et sem non massa tincidunt ultrices. Sed luctus justo nec dui venenatis sodales. Proin sit amet risus nibh. In hac habitasse platea dictumst. Sed pretium egestas augue, sed varius nibh consequat ac. In orci.