Template:Team:Groningen/Header

From 2010.igem.org

(Difference between revisions)
 
(183 intermediate revisions not shown)
Line 1: Line 1:
<html>
<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;}
+
-
.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;}
+
-
div.MenuBar {
+
Copyright (c) 2010 Joël Kuiper and iGEM Groningen
-
  font: arial, helvetica, sans-serif;
+
-
  height: 30px;
+
-
  width: 910px;
+
-
  /*width: 100%*/
+
-
  margin: 0;
+
-
  border-top: 0;
+
-
  border-right: 0;
+
-
  border-left: 0;
+
-
  padding: 0;
+
-
  background: black;
+
-
 
+
-
}
+
-
div.MenuBar ul {
+
-
  font: arial, helvetica, sans-serif;
+
-
  text-align: center;
+
-
  list-style-type: none;
+
-
  margin: 0.5em auto;
+
-
  border: 0;
+
-
  padding: 0;
+
-
  background: black;
+
-
}
+
-
div.MenuBar ul li {
+
-
  font: arial, helvetica, sans-serif;
+
-
  display: block;
+
-
  padding: 0;
+
-
  margin: 0;
+
-
  font-size: 1.3em;
+
-
  float: left;
+
-
  background: black;
+
-
  text-align: center;
+
-
  width: 107px;
+
-
  position: relative; /* Sets the positioning context for each drop-down menu. */
+
-
}
+
-
div.MenuBar ul li a {
+
Permission is hereby granted, free of charge, to any person obtaining a copy
-
  font: arial, helvetica, sans-serif;
+
of this software and associated documentation files (the "Software"), to deal
-
  display: block;
+
in the Software without restriction, including without limitation the rights
-
  background: black;
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-
  height: 22px; /* Keep height + padding-top + padding-bottom sync with the menu bar height. */
+
copies of the Software, and to permit persons to whom the Software is
-
  color: #ffffff;
+
furnished to do so, subject to the following conditions:
-
  padding-top: 4px;
+
 
-
  padding-bottom: 4px;
+
The above copyright notice and this permission notice shall be included in
-
  padding-left: 1em; /* Sets the left space between top-level items. */
+
all copies or substantial portions of the Software.
-
  padding-right: 1em; /* Sets the right space between top-level items. */
+
 
-
  text-decoration: none;
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 +
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 +
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 +
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 +
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.
 +
 
 +
-->
 +
 
 +
<link rel="stylesheet" type="text/css" href="https://2010.igem.org/Team:Groningen/files/overall.css?action=raw&amp;ctype=text/css">
 +
 
 +
<link rel="stylesheet" type="text/css" href="https://2010.igem.org/Team:Groningen/files/slider.css?action=raw&amp;ctype=text/css">
 +
 
 +
<script type="text/javascript" src="https://2010.igem.org/Team:Groningen/files/address.js?action=raw&amp;ctype=text/javascript&crawling=1"></script>
 +
<script type="text/javascript" src="https://2010.igem.org/Team:Groningen/files/tweet.js?action=raw&amp;ctype=text/javascript"></script>
 +
 
 +
 
 +
<script type="text/javascript">
 +
function ucfirst(str) {
 +
var firstLetter = str.substr(0, 1);
 +
return firstLetter.toUpperCase() + str.substr(1);
}
}
-
/*------------------------------------------------------------------------------ Drop-Down Menus */
+
$(document).ready(function() {
-
div.MenuBar ul li:hover ul.DropDownMenu,
+
$("#contentWrapper").css('height', $("#otherContent").outerHeight() + "px");
-
div.MenuBar ul li a:hover ul.DropDownMenu {
+
$("ul#topnav li").hover(function() {
-
  display: block;
+
$(this).css({ 'background' : '#1376c9 url(https://static.igem.org/mediawiki/2010/2/29/Groningen_topnav_active.gif) repeat-x'});
-
  width: 10em; /* Drop-down menu width.
+
$(this).find("span").show();
-
                  Use MenuTailor.css to customize. */
+
} , function() {
-
  height: 1em;
+
$(this).css({ 'background' : 'none'}); //on hover out...
-
  padding: 1px; /* Sets the drop-down menu "effective border" width. */
+
$(this).find("span").hide();
-
  position: absolute;  
+
});
-
  top: 23px; /* 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. */
+
-
  background-color: black; /* Selected item. */
+
-
  color: #FFFFFF;
+
-
}
+
});
-
div.MenuBar ul li:hover ul.DropDownMenu li a,
+
 
-
div.MenuBar ul li a:hover ul.DropDownMenu li a {
+
$.address.change(function (event) {
-
  width: 10em; /* Keep it sync with the drop-down menu width.
+
 
-
                            Use MenuTailor.css to customize. */
+
var page = event.path.substring(1);
-
  height: 1em;
+
if(page == "") { page = 'home'; }  
-
  padding-left: 0;
+
-
  padding-right: 0;
+
-
  background-color: black; /* Selected item. */
+
-
  color: #FFFFFF;
+
-
}
+
-
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. */
+
-
  font: 12px arial, helvetica, sans-serif; /* Required for IE55. */
+
-
  height: 20px;
+
-
  color: #FFFFFF;
+
-
}
+
-
/*----------------------------------------------------------------------------------- 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. */
+
-
  font: 12px arial, helvetica, sans-serif; /* Required for IE55. */
+
-
  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 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;
+
-
  font: 12px arial, helvetica, sans-serif; /* Required for IE55. */
+
-
  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. */
+
-
}
+
-
/*----------------------------------------------------------------------------- Browser Specific */
+
-
* html div.MenuBar ul li a {
+
-
  float: left; /* Required for IE55 and IE6.
+
-
                            Breaks O9.
+
-
                            Hidden (* html) from non-IE browsers. */
+
-
}
+
-
* html ul.DropDownMenu li a:hover {
+
-
  cursor: hand; /* Required for IE55.
+
-
                  Hidden (* html) from non-IE browsers. */
+
-
}
+
-
ul.DropDownMenu li a:hover {
+
-
  cursor: pointer; /* Required for IE6 and IE7.
+
-
                      Hidding it (* html) from non-IE browsers breaks IE7!
+
-
}
+
-
* html div.MenuBar a:hover {
+
-
  text-decoration: none; /* Required 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; /* Required for IE55 and IE6.
+
-
                Hidden (* html) from non-IE browsers. */
+
-
}
+
-
/*------------------------------------------------------------------------------- Default Colors */
+
-
div.MenuBar {
+
-
  background-color: Menu;
+
-
  border-bottom: 1px solid 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 {
+
-
  color: #ea7f16;
+
-
  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;
+
 +
$(".ajaxWrapper").html("");
 +
var url = wgServer + "/Team:Groningen/" + ucfirst(page) + "?action=render";
 +
$.get(url, function(data) {
 +
$(".ajaxWrapper").html(data);
 +
$("#contentWrapper").css('height', $("#otherContent").outerHeight() + "px");
 +
});
 +
});
 +
</script>
-
</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>
+

Latest revision as of 22:54, 27 October 2010