|
|
| Line 1: |
Line 1: |
| | {{TU-header}} | | {{TU-header}} |
| - | <html>
| |
| - | <!-- Reset CSS - START
| |
| - | <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.8.1/build/base/base-min.css">
| |
| - | Reset CSS - END /-->
| |
| - |
| |
| - | <style type="text/css">
| |
| - | .firstHeading {
| |
| - | display:none;
| |
| - | }
| |
| - |
| |
| - | #TU-wrapper {
| |
| - | line-height:1em;
| |
| - | font-size:100%;
| |
| - | font: normal sans-serif;
| |
| - | }
| |
| - |
| |
| - | #TU-header {
| |
| - | width:100%;
| |
| - | height:100px;
| |
| - | background-color:#ff0000;
| |
| - | display:block;
| |
| - | float:left;
| |
| - | }
| |
| - | #TU-menu {
| |
| - | width: 100%;
| |
| - | height: 30px;
| |
| - | background-color:#00ff00;
| |
| - | display:block;
| |
| - | float:left;
| |
| - | }
| |
| - | #TU-body {
| |
| - | width:100%;
| |
| - | min-height: 200px;
| |
| - | display:block;
| |
| - | float: left;
| |
| - | clear:both;
| |
| - | }
| |
| - | #TU-body-wrapper {
| |
| - | margin:10px;
| |
| - | width:100%;
| |
| - | }
| |
| - | #TU-footer {
| |
| - | width:100%;
| |
| - | height:50px;
| |
| - | background-color:#0000ff;
| |
| - | display:block;
| |
| - | float:left;
| |
| - | }
| |
| - |
| |
| - | /*style the main menu*/
| |
| - | .myMenu {
| |
| - | margin:0;
| |
| - | padding:0;
| |
| - | }
| |
| - |
| |
| - | .myMenu li {
| |
| - | list-style:none;
| |
| - | float:left;
| |
| - | font:12px Arial, Helvetica, sans-serif #111;
| |
| - | }
| |
| - |
| |
| - | .myMenu li a:link, .myMenu li a:visited {
| |
| - | display:block;
| |
| - | text-decoration:none;
| |
| - | /* background-color:#09F; */
| |
| - | padding: 0.5em 2em;
| |
| - | margin:0;
| |
| - | border-right: 1px solid #fff;
| |
| - | }
| |
| - |
| |
| - | .myMenu li a:hover {
| |
| - | background-color:#CCC;
| |
| - | }
| |
| - |
| |
| - | /*style the sub menu*/
| |
| - | .myMenu li ul {
| |
| - | position:absolute;
| |
| - | visibility:hidden;
| |
| - | border-top:1px solid #fff;
| |
| - | margin:0;
| |
| - | padding:0;
| |
| - | }
| |
| - |
| |
| - | .myMenu li ul li {
| |
| - | display:inline;
| |
| - | float:none;
| |
| - | }
| |
| - |
| |
| - | .myMenu li ul li a:link, .myMenu li ul li a:visited {
| |
| - | background-color:#ccc;
| |
| - | width:auto;
| |
| - | }
| |
| - |
| |
| - | .myMenu li ul li a:hover {
| |
| - | background-color:#ccc;
| |
| - | }
| |
| - |
| |
| - | </style>
| |
| - | <script type="text/javascript">
| |
| - | $(document).ready(function() {
| |
| - | $('.myMenu > li').bind('mouseover', openSubMenu);
| |
| - | $('.myMenu > li').bind('mouseout', closeSubMenu);
| |
| - |
| |
| - | function openSubMenu() {
| |
| - | $(this).find('ul').css('visibility', 'visible');
| |
| - | };
| |
| - |
| |
| - | function closeSubMenu() {
| |
| - | $(this).find('ul').css('visibility', 'hidden');
| |
| - | };
| |
| - |
| |
| - | });
| |
| - | </script>
| |
| - |
| |
| - | <div id="TU-wrapper">
| |
| - | <div id="TU-header">
| |
| - | TU Delft
| |
| - | </div>
| |
| - | <div id="TU-menu">
| |
| - | <ul class="myMenu">
| |
| - | <li><a href="#">Home</a></li>
| |
| - | <li><a href="#">Test</a><ul><li><a href="#">Test2</a></li></ul></li>
| |
| - | </ul>
| |
| - | </div>
| |
| - | <div id="TU-body">
| |
| - | <div id="TU-body-wrapper">
| |
| | <a href="http://tinyurl.com/iGEM-TUDelft">Our iGEM website</a> | | <a href="http://tinyurl.com/iGEM-TUDelft">Our iGEM website</a> |
| - | </div>
| |
| - | </div>
| |
| - | <div id="TU-footer">
| |
| - | <p>Copyright TU Delft iGEM Team 2011</p>
| |
| - | </div>
| |
| - | </div>
| |
| - | </html>
| |
| | {{TU-footer}} | | {{TU-footer}} |
"
iGEM 2011
