@@ Line 1: / Line 1: @@
 <html>
-<head>
+<!-- All scripting and markup for the wiki by iGEM Groningen is under MIT licence:
-<style type="text/css">
-h2 { color:#1aace6; font-family: 'Ariel Rounded MT Bold', sans-serif;}
+ Copyright (c) 2010 Joël Kuiper and iGEM Groningen
-.clear {clear:both;}
-		body.mediawiki {
-			background-color:#FFFFFF;
-			background-position: center center;
-			background-attachment: fixed;
-			background-repeat: no-repeat;
-			font-family: Calibri, Verdana, helvetica, sans-serif;
-		}
-#main_wrapper {
-                        position:absolute; left:0px; top:0px;
-			margin: 0;
-			width: 969px;
-			height: 221px;
-			align: center;
-			border-style: solid;
-                        border-color: white;
-		}
-groningenmenu
-{
-  width:100%;
-  background-color:#c0d8d6;
-}
-ul#groningenmenu
-{
-float:left;
-width:100%;
-padding:0;
-margin:0;
-list-style-type:none;
-}
-ul#groningenmenu a
-{
-float:left;
-width:15em;
-text-decoration:none;
-color:white;
-background-color:#c0d8d6;
-padding:0.2em 0.6em;
-border-right:1px solid white;
-}
-ul#groningenmenu a:hover {background-color:#1accff;}
-li {display:inline;}
-/*
+ Permission is hereby granted, free of charge, to any person obtaining a copy
+ of this software and associated documentation files (the "Software"), to deal
-  Script-Free 3-Level Menu 1.3.4
+ in the Software without restriction, including without limitation the rights
-  www.CesarDaniel.info/Tech/ScriptFree3LevelMenu.html
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ copies of the Software, and to permit persons to whom the Software is
-  ...............................................................................................
+ furnished to do so, subject to the following conditions:
-  Sections
+ The above copyright notice and this permission notice shall be included in
+ all copies or substantial portions of the Software.
-  * Reset
-  * Menu Bar
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  * Drop-Down Menus
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  * Side Menus
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  * Browser Specific
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  * Default Colors (Required)
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-*/
+ THE SOFTWARE.
-/*---------------------------------------------------------------------------------------- Reset */
-div.MenuBar,
+-->
-div.MenuBar ul,
-div.MenuBar li,
+<link rel="stylesheet" type="text/css" href="https://2010.igem.org/Team:Groningen/files/overall.css?action=raw&amp;ctype=text/css">
-div.MenuBar a,
-div.MenuBar table,
+<link rel="stylesheet" type="text/css" href="https://2010.igem.org/Team:Groningen/files/slider.css?action=raw&amp;ctype=text/css">
-div.MenuBar span {
-  margin: 0;
+<script type="text/javascript" src="https://2010.igem.org/Team:Groningen/files/address.js?action=raw&amp;ctype=text/javascript&crawling=1"></script>
-  border: 0;
+<script type="text/javascript" src="https://2010.igem.org/Team:Groningen/files/tweet.js?action=raw&amp;ctype=text/javascript"></script>
-  padding: 0;
-  z-index: 255;
+<script type="text/javascript">
+function ucfirst(str) {
+var firstLetter = str.substr(0, 1);
+return firstLetter.toUpperCase() + str.substr(1);
 }
-div.MenuBar ul li ul.DropDownMenu {
-  display: none; /* Hides all drop-down menus. */
-}
-/*
-li:hover works in IE7 and FF2.
-a:hover works in IE6 and FF2.
-a:hover breaks li:hover in FF2.
-*/
-div.MenuBar ul li:hover ul.DropDownMenu li ul.SideMenu,
-div.MenuBar ul li a:hover ul.DropDownMenu li a ul.SideMenu {
-  display: none; /* Hides all side menus. */
-}
-/*------------------------------------------------------------------------------------- Menu Bar */
-div.MenuBar {
-  height: 25px; /* Total height 27px. */
-}
-div.MenuBar ul li {
-  float: left;
-  list-style-type: none !important;
-  margin: 0 !important;
-  position: relative; /* Sets the positioning context for each drop-down menu. */
-}
-div.MenuBar ul li a {
-  display: block;
-  height: 17px; /* Keep height + padding-top + padding-bottom sync with the menu bar height. */
-  padding-top: 4px;
-  padding-bottom: 4px;
-  padding-left: 1em; /* Sets the left space between top-level items. */
-  padding-right: 1em; /* Sets the right space between top-level items. */
-  text-decoration: none !important;
-}
-/*------------------------------------------------------------------------------ Drop-Down Menus */
-div.MenuBar ul li:hover ul.DropDownMenu,
-div.MenuBar ul li a:hover ul.DropDownMenu {
-  display: block;
-  width: 13em; /* Drop-down menu width.
-                  Use MenuTailor.css to customize. */
-  padding: 1px; /* Sets the drop-down menu "effective border" width. */
-  position: absolute;
-  top: 25px; /* Places the drop-down menu under the menu bar.
-                Keep it sync with the menu bar height. */
-  left: 0; /* Aligns the drop-down menu to its top-level item. */
-}
-div.MenuBar ul li:hover ul.DropDownMenu li a,
-div.MenuBar ul li a:hover ul.DropDownMenu li a {
-  width: 13em; /* Keep it sync with the drop-down menu width.
-                  Use MenuTailor.css to customize. */
-  padding-left: 0;
-  padding-right: 0;
-}
-ul.DropDownMenu li a span {
-  display: block;
-  padding-left: 0.75em; /* Sets the left space of each drop-down menu item. */
-  padding-right: 0.25em; /* Sets the right space of each drop-down menu item. */
-  text-align: right; /* Aligns the >> symbol to the right. */
-}
-ul.DropDownMenu li a span span {
-  float: left; /* Aligns the text (back) to the left. */
-}
-/*----------------------------------------------------------------------------------- Side Menus */
-div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu,
-div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu {
-  display: block;
-  width: 11em; /* Side menu width.
-                  Use MenuTailor.css to customize. */
-  padding: 1px; /* Sets the side menu "effective border" width. */
-  position: absolute;
-  top: -1px; /* Aligns the side menu to its drop-down menu item.
-                Keep it sync with the side menu "effective border" width. */
-  left: 13em; /* Places the side menu to the right of the drop-down menu.
-                 Keep it sync with the drop-down menu width.
-                 Use MenuTailor.css to customize. */
-}
-div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a,
-div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a {
-  width: 11em; /* Keep it sync with the side menu width.
-                  Use MenuTailor.css to customize. */
-}
-div.MenuBar ul li ul.DropDownMenu li ul.SideMenu li a span {
-  padding-left: 1.5em; /* Sets the left space of each side menu item. */
-  padding-right: 0.5em; /* Sets the right space of each side menu item. */
-  text-align: left;
-}
-/*----------------------------------------------------------------------------- Browser Specific */
-* html div.MenuBar {
-  position: relative; /* For IE55 and IE6.
-                         Hidden (* html) from non-IE browsers. */
-}
-* html div.MenuBar ul li a {
-  float: left; /* For IE55 and IE6.
-                  Breaks O9.
-                  Hidden (* html) from non-IE browsers. */
-}
-* html ul.DropDownMenu li a:hover {
-  cursor: hand; /* For IE55.
-                   Hidden (* html) from non-IE browsers. */
-}
-ul.DropDownMenu li a:hover {
-  cursor: pointer; /* For IE6 and IE7.
-                      Hidding it (* html) from non-IE browsers breaks IE7! */
-}
-* html div.MenuBar a:hover {
-  text-decoration: none; /* For IE55 and IE6.
-                            Hidden (* html) from non-IE browsers. */
-}
-* html div.MenuBar ul li table,
-* html div.MenuBar ul li table td {
-  border: 0; /* For IE55 and IE6.
-                Hidden (* html) from non-IE browsers. */
-}
-/*------------------------------------------------------------------------------- Default Colors */
-div.MenuBar {
-  background-color: Menu;
-  border-color: ButtonShadow;
-}
-div.MenuBar a {
-  background-color: Menu; /* Top-level unselected items. */
-  color: MenuText;
-}
-div.MenuBar ul li:hover a,
-div.MenuBar ul li a:hover {
-  background-color: Highlight; /* Top-level selected item. */
-  color: HighlightText;
-}
-/*...............................................................................................*/
-div.MenuBar ul li:hover ul.DropDownMenu,
-div.MenuBar ul li a:hover ul.DropDownMenu {
-  background-color: ButtonShadow; /* Sets the drop-down menu "effective border" color. */
-}
-div.MenuBar ul li:hover ul.DropDownMenu li a,
-div.MenuBar ul li a:hover ul.DropDownMenu li a {
-  background-color: Menu; /* Drop-down menu unselected items.
-                             Sets the drop-down menu "effective background" color. */
-  color: MenuText;
-}
-div.MenuBar ul li:hover ul.DropDownMenu li:hover a,
-div.MenuBar ul li a:hover ul.DropDownMenu li a:hover {
-  background-color: Highlight; /* Drop-down menu selected item. */
-  color: HighlightText;
-}
-/*...............................................................................................*/
-div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu,
-div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu {
-  background-color: ButtonShadow; /* Sets the side menu "effective border" color. */
-}
-div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a,
-div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a {
-  background-color: Menu; /* Side menu unselected items.
-                             Sets the side menu "effective background" color. */
-  color: MenuText;
-}
-div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a:hover,
-div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a:hover {
-  background-color: Highlight; /* Side menu selected item. */
-  color: HighlightText;
-}
-/*-----------------------------------------------------------------------------------------------*/
-/*
+$(document).ready(function() {
+$("#contentWrapper").css('height', $("#otherContent").outerHeight() + "px");
-  Script-Free 3-Level Menu 1.3.3 Tailor
+$("ul#topnav li").hover(function() {
-  www.CesarDaniel.info/Tech/ScriptFree3LevelMenu.html
+$(this).css({ 'background' : '#1376c9 url(https://static.igem.org/mediawiki/2010/2/29/Groningen_topnav_active.gif) repeat-x'});
+$(this).find("span").show();
-  ...............................................................................................
+} , function() {
+$(this).css({ 'background' : 'none'}); //on hover out...
-  Sections
+$(this).find("span").hide();
+});
-  * General
-  * Colors
+});
-  * Widths
+$.address.change(function (event) {
-*/
-/*-------------------------------------------------------------------------------------- General */
+var page = event.path.substring(1);
-div.MenuBar#ExampleMb {
+if(page == "") { page = 'home'; }
-  font: 13px arial, helvetica, clean, sans-serif;
-  width: 510px; /* Total width 512px. */
+$(".ajaxWrapper").html("");
-  border-width: 1px;
+var url = wgServer + "/Team:Groningen/" + ucfirst(page) + "?action=render";
-  border-style: solid;
+$.get(url, function(data) {
-}
+$(".ajaxWrapper").html(data);
-div.MenuBar#ExampleMb ul {
+$("#contentWrapper").css('height', $("#otherContent").outerHeight() + "px");
-  font: 13px arial, helvetica, clean, sans-serif; /* For IE55. */
+});
-}
+});
-/*--------------------------------------------------------------------------------------- Colors */
+</script>
-div.MenuBar#ExampleMb {
-  background-color: Menu;
-  border-color: ButtonShadow;
-}
-div.MenuBar#ExampleMb a,
-div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li a,
-div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a,
-div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a,
-div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a {
-  background-color: Menu; /* Unselected items. */
-  color: MenuText;
-}
-div.MenuBar#ExampleMb ul li:hover a,
-div.MenuBar#ExampleMb ul li a:hover,
-div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover a,
-div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover,
-div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a:hover,
-div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a:hover {
-  background-color: Highlight; /* Selected item. */
-  color: HighlightText;
-}
-div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu,
-div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu,
-div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu,
-div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu {
-  background-color: ButtonShadow; /* Sets the drop-down and side menus "effective border" color. */
-}
-/*--------------------------------------------------------------------------------------- Widths */
-div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu#Ddm1,
-div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu#Ddm1,
-div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu#Ddm1 li a,
-div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu#Ddm1 li a {
-  width: 12em; /* Drop-down menu width. */
-}
-/*...............................................................................................*/
-div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu#Ddm2,
-div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu#Ddm2,
-div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu#Ddm2 li a,
-div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu#Ddm2 li a {
-  width: 12em; /* Drop-down menu width. */
-}
-/*...............................................................................................*/
-div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu#Ddm3,
-div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu#Ddm3,
-div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu#Ddm3 li a,
-div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu#Ddm3 li a {
-  width: 9em; /* Drop-down menu width. */
-}
-/*...............................................................................................*/
-div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm11,
-div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm11 {
-  left: 12em !important; /* Places the side menu to the right of the drop-down menu.
-                            Keep it sync with the drop-down menu width. */
-}
-div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm11,
-div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm11,
-div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm11 li a,
-div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm11 li a {
-  width: 9em; /* Side menu width. */
-}
-/*...............................................................................................*/
-div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm12,
-div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm12 {
-  left: 12em !important; /* Places the side menu to the right of the drop-down menu.
-                            Keep it sync with the drop-down menu width. */
-}
-div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm12,
-div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm12,
-div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm12 li a,
-div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm12 li a {
-  width: 9em; /* Side menu width. */
-}
-/*...............................................................................................*/
-div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm13,
-div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm13 {
-  left: 12em !important; /* Places the side menu to the right of the drop-down menu.
-                            Keep it sync with the drop-down menu width. */
-}
-div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm13,
-div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm13,
-div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm13 li a,
-div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm13 li a {
-  width: 9em; /* Side menu width. */
-}
-/*...............................................................................................*/
-div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm23,
-div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm23 {
-  left: 12em !important; /* Places the side menu to the right of the drop-down menu.
-                            Keep it sync with the drop-down menu width. */
-}
-div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm23,
-div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm23,
-div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm23 li a,
-div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm23 li a {
-  width: 9em; /* Side menu width. */
-}
-/*-----------------------------------------------------------------------------------------------*/
-</style>
+<div id="overallMask">
-</head>
+	<div id="headerWrapper">
+		<a href="https://2010.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2010/f/f6/LogoGroningen.png" alt="iGEM Groningen 2010" title="Back to iGEM Main Page"></a>
+		<p style="float: right; margin-right: 30px">
+			Hydrophobofilm<br>
+			<span style="margin-left: 2em">pushing coatings into a greener future</span>
+		</p>
+	</div>
+	<div id="contentWrapper">
+		<div class='tabbed_content'>
+<div id="tab_nav">
+    <ul id="topnav">
+        <li><a href="https://2010.igem.org/Team:Groningen#/home">Home</a></li>
+        <li>
-<body>
+            <a href="https://2010.igem.org/Team:Groningen#/project">Project</a>
-<div id="main_wrapper">
+            <span>
+                <a href="https://2010.igem.org/Team:Groningen#/project">Overview</a> |
+                <a href="https://2010.igem.org/Team:Groningen#/biofilm">Biofilm</a> |
+                <a href="https://2010.igem.org/Team:Groningen#/hydrophobins">Chaplins</a> |
+                <a href="https://2010.igem.org/Team:Groningen#/expression">Expression</a> |
+                <a href="https://2010.igem.org/Team:Groningen#/applications">Applications</a> |
+                <a href="https://2010.igem.org/Team:Groningen#/biobricks">Biobricks</a>
+            </span>
+        </li>
+        <li>
+            <a href="https://2010.igem.org/Team:Groningen#/modeling">Modeling</a>
+            <span>
+                <a href="https://2010.igem.org/Team:Groningen#/modeling">Overview</a> |
+                <a href="https://2010.igem.org/Team:Groningen#/biofilm_model">Biofilm dynamics</a> |
+                <a href="https://2010.igem.org/Team:Groningen#/expression_model">Expression</a> |
+                <a href="https://2010.igem.org/Team:Groningen#/killswitch_model">Kill Switch</a> |
+                <a href="https://2010.igem.org/Team:Groningen#/info_standard">Information standard</a>
+            </span>
+        </li>
+        <li>
+            <a href="https://2010.igem.org/Team:Groningen#/human">Human Practices</a>
+            <span>
+                <a href="https://2010.igem.org/Team:Groningen#/human">Overview</a> |
+                <a href="https://2010.igem.org/Team:Groningen#/practices">Education</a> |
+                <a href="https://2010.igem.org/Team:Groningen#/safety">Safety</a> |
+                <a href="https://2010.igem.org/Team:Groningen#/survey">Survey</a> |
+                <a href="https://2010.igem.org/Team:Groningen#/ethics">Ethics</a> |
+                <a href="https://2010.igem.org/Team:Groningen#/for_the_parents"> For Parents </a>
+            </span>
-<table rowspacing="0" cellspacing="0" border=0>
+        </li>
-<tr><td width="100%">
+        <li><a href="https://2010.igem.org/Team:Groningen#/organization">Organization</a>
-   <img src="https://static.igem.org/mediawiki/2010/3/3d/RUG_HDR.JPG" width="970px">
+            <span>
-</td></tr>
+                <a href="https://2010.igem.org/Team:Groningen#/organization">Overview</a> |
-<tr><td width="100%" class=groningenmenu">
+                <a href="https://2010.igem.org/Team:Groningen#/brainstorm">Brainstorm</a> |
-<ul id="groningenmenu">
+                <a href="https://2010.igem.org/Team:Groningen#/flowchart">Flow Chart</a> |
-<li><a href="https://2010.igem.org/Team:Groningen">Home</a></li>
+                <a href="https://2010.igem.org/Team:Groningen#/protocols">Protocols</a> |
-<li><a href="https://2010.igem.org/Team:Groningen/Project">The Project</a></li>
+                <a href="https://2010.igem.org/Team:Groningen#/notebook">Notebook</a>
-<li><a href="https://2010.igem.org/Team:Groningen/Team">Team</a></li>
+             </span>
-<li><a href="https://2010.igem.org/Team:Groningen/Calender">Calender</a></li>
+        </li>
+        <li><a href="https://2010.igem.org/Team:Groningen#/team">Team</a>
+            <span>
+                <a href="https://2010.igem.org/Team:Groningen#/team">Overview</a> |
+                <a href="https://2010.igem.org/Team:Groningen#/members">Members</a> |
+                <a href="https://2010.igem.org/Team:Groningen#/collaboration">Collaboration</a> |
+                <a href="https://2010.igem.org/Team:Groningen#/images">Image of Science</a> |
+                <a href="https://2010.igem.org/Team:Groningen#/contact">Contact</a>
+            </span>
+        </li>
+        <li><a href="https://2010.igem.org/Team:Groningen#/judging">Judging</a>
+        </li>
-</ul>
+    </ul>
-</td></tr>
+</div>
-<tr><td width="100%">
+			<div id="otherContent">
-</html>

Template:Team:Groningen/Header

From 2010.igem.org

Latest revision as of 22:54, 27 October 2010