|
|
(13 intermediate revisions not shown) |
Line 1: |
Line 1: |
| + | |
| <html> | | <html> |
| + | <head> |
| + | <meta charset="utf-8"> |
| + | <title>Demo</title> |
| + | </head> |
| + | <body> |
| + | <a href="http://jquery.com/">jQuery</a> |
| + | <script src="http://www.genobiotec2011.org/stuff/jquery-mine.js"></script> |
| + | <script> |
| + | window.onload = function(){ alert("welcome"); } |
| + | </script> |
| | | |
- | <!-- 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">
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- | /*Code for background disappear*/
| |
- | /* Author: Pieter van Boheemen */
| |
- | /* Team: TU Delft 2010*/
| |
- | #globalWrapper { background-color: #ffffff; border: none; margin: 0; padding: 0; width: 100%; height:100%;}
| |
- | #content { background-color: transparent; border: none; padding: 0; margin: 0; width: 100%; overflow: hidden; height:100%;}
| |
- | #bodyContent { border: none; padding:2px; margin: 5px; width:98%; height:100%;}
| |
- | #top-section { height: 20px; margin: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important; padding:0; border: none; font-size: 10px;}
| |
- | #p-logo { height:1px; overflow:hidden; display: none;}
| |
- | #search-controls { overflow:hidden; display:block; background: none; position: absolute; top: 150px; right: -10px;}
| |
- | /*Bedekken login staat tijdelijk uit*/
| |
- | /*
| |
- | #menubar.right-menu { width:300px; display:block; float:left; margin-top:-80px; border: none;}
| |
- | .right-menu ul { border: none; width: 300px;}
| |
- | */
| |
- | #footer-box { width: 100%; margin: -10px auto 0 auto; padding: 20px 0;}
| |
- | .visualClear { display: none; }
| |
- | #footer { border: none; width: 965px; margin: 0 auto; padding: 0;}
| |
- |
| |
- | /* Thanks Pieter */
| |
- |
| |
- |
| |
- | /* Normal Code */
| |
- | .firstHeading {
| |
- | display:none;
| |
- | }
| |
- |
| |
- | #TU-wrapper {
| |
- | line-height:1em;
| |
- | font-size:100%;
| |
- | font: normal sans-serif;
| |
- | }
| |
- |
| |
- | #TU-header {
| |
- | width:100%;
| |
- | height:100px;
| |
- | background-color:#002B60;
| |
- | display:block;
| |
- | float:left;
| |
- | }
| |
- | #TU-menu {
| |
- | width: 100%;
| |
- | height: 30px;
| |
- | background-color:#00A6D6;
| |
- | 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:#002B60;
| |
- | display:block;
| |
- | float:left;
| |
- | }
| |
- |
| |
- | /*style the main menu*/
| |
- | a:link { color: #002B60; text-decoration: none; }
| |
- | a:visited { color: #002B60; text-decoration: none; }
| |
- | a:hover { color: white; }
| |
- |
| |
- | .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:#00A6D6; */
| |
- | padding: 0.5em 2em;
| |
- | margin:0;
| |
- | border-right: 1px solid #fff;
| |
- | }
| |
- |
| |
- | .myMenu li a:hover {
| |
- | background-color:#002B60;
| |
- | }
| |
- |
| |
- | /*style the sub menu*/
| |
- | .myMenu li ul {
| |
- | position:absolute;
| |
- | visibility:hidden;
| |
- | border-top:1px solid #fff;
| |
- | margin:0;
| |
- | padding:0;
| |
- | z-index:10;
| |
- | }
| |
- |
| |
- | .myMenu li ul li {
| |
- | display:inline;
| |
- | float:none;
| |
- | }
| |
- |
| |
- | .myMenu li ul li a:link, .myMenu li ul li a:visited {
| |
- | background-color:#00A6D6;
| |
- | width:auto;
| |
- | }
| |
- |
| |
- | .myMenu li ul li a:hover {
| |
- | background-color:#002B60;
| |
- | }
| |
- |
| |
- | </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">
| |
- | <img src="https://static.igem.org/mediawiki/2011/4/48/TUDelft-Logo1.jpg" alt="TUDelft Logo1" height="100" align="LEFT style=" float:right;"="" >
| |
- | <font color="#ffffff" size="7" ><b>iGEM 2011</b></font>
| |
- | <img src="https://static.igem.org/mediawiki/2011/5/56/TUDelft-Logo2.jpg" alt="TUDelft Logo2" height="100" align="RIGHT" style="position:relative; " >
| |
- |
| |
- | </div>
| |
- | <div id="TU-menu">
| |
- |
| |
- | <ul class="myMenu">
| |
- | <li><a href="https://2011.igem.org/Team:TU-Delft">Home</a></li>
| |
- | <li><a href="https://2011.igem.org/Team:TU-Delft/Project">The Project</a></li>
| |
- | <li><a href="https://2011.igem.org/Team:TU-Delft/Team">The Team</a>
| |
- | <ul><li><a href="https://2011.igem.org/Team:TU-Delft/Team">Team</a></li></ul>
| |
- | </li>
| |
- | <li><a href="https://2011.igem.org/Team:TU-Delft/Notebook">Notebooks</a>
| |
- | <ul>
| |
- | <li><a href="https://2011.igem.org/Team:TU-Delft/Team/General">General</a></li>
| |
- | <li><a href="https://2011.igem.org/Team:TU-Delft/Team/Carsten">Carsten Blom</a></li>
| |
- | <li><a href="https://2011.igem.org/Team:TU-Delft/Team/Tania">Tania Chroumpi</a></li>
| |
- | <li><a href="https://2011.igem.org/Team:TU-Delft/Team/Conrad">Conrad de Jong</a></li>
| |
- | <li><a href="https://2011.igem.org/Team:TU-Delft/Team/Esmee">Esmee Joosten</a></li>
| |
- | <li><a href="https://2011.igem.org/Team:TU-Delft/Team/Noorlag">Janneke Noorlag</a></li>
| |
- | <li><a href="https://2011.igem.org/Team:TU-Delft/Team/Janneke">Janneke van Renterghem</a></li>
| |
- | <li><a href="https://2011.igem.org/Team:TU-Delft/Team/Krijn">Krijn Warringa</a></li></ul>
| |
- | </li>
| |
- | </div>
| |
| | | |
- | <div id="TU-body"> | + | </body> |
- | <div id="TU-body-wrapper">
| + | |
| </html> | | </html> |