Template:Team:Groningen/Header

From 2010.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html>
+
<html><link rel="stylesheet" type="text/css" href="http://casualconnect.net/iGEM/overall.css">
-
<head>
+
<script type="text/javascript" src="http://casualconnect.net/iGEM/jquery.easing.min.js">
-
<style type="text/css">
+
</script><script type="text/javascript" src="http://casualconnect.net/iGEM/jquery.lavalamp.min.js">
-
h2 { color:#1aace6; font-family: 'Ariel Rounded MT Bold', sans-serif;}
+
</script><script type="text/javascript">
-
.clear {clear:both;}
+
$(function() {
-
body.mediawiki {
+
$("#tabs").lavaLamp({
-
background-color:#FFFFFF;
+
fx: "backout",  
-
background-position: center center;
+
speed: 700,
-
background-attachment: fixed;
+
click: function(event, obj) {
-
background-repeat: no-repeat;
+
var margin = $(".slide_content").width();
-
font-family: Calibri, Verdana, helvetica, sans-serif;
+
margin = margin * ($(obj).prevAll().size());
 +
margin = margin * -1;
 +
$(".tabslider").stop().animate({
 +
  marginLeft: margin + "px"
 +
}, {
 +
duration: 300
 +
});
 +
 
 +
return false;
}
}
-
#main_wrapper {
+
});
-
                        position:absolute; left:0px; top:0px;
+
});
-
margin: 0;
+
</script>
-
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;}
+
-
 
+
-
/*
+
-
 
+
-
  Script-Free 3-Level Menu 1.3.4
+
-
  www.CesarDaniel.info/Tech/ScriptFree3LevelMenu.html
+
-
 
+
-
  ...............................................................................................
+
-
 
+
-
  Sections
+
-
 
+
-
  * Reset
+
-
  * Menu Bar
+
-
  * Drop-Down Menus
+
-
  * Side Menus
+
-
  * Browser Specific
+
-
  * Default Colors (Required)
+
-
 
+
-
*/
+
-
/*---------------------------------------------------------------------------------------- Reset */
+
-
div.MenuBar,
+
-
div.MenuBar ul,
+
-
div.MenuBar li,
+
-
div.MenuBar a,
+
-
div.MenuBar table,
+
-
div.MenuBar span {
+
-
  margin: 0;
+
-
  border: 0;
+
-
  padding: 0;
+
-
  z-index: 255;
+
-
}
+
-
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: 0px; /* Sets the drop-down menu "effective border" width. */
+
-
  position: absolute;
+
-
  top: 22px; /* 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;
+
-
}
+
-
/*-----------------------------------------------------------------------------------------------*/
+
-
 
+
-
</style>
+
-
</head>
+
-
 
+
-
<body>
+
-
<div id="main_wrapper">
+
-
 
+
-
<table rowspacing="0" cellspacing="0" border=0>
+
-
<tr><td width="100%">
+
-
  <img src="http://2010.igem.org/wiki/images/3/3d/RUG_HDR.JPG" width="970px">
+
-
</td></tr>
+
-
<tr><td width="100%" class=groningenmenu">
+
-
<ul id="groningenmenu">
+
-
<div id="menu">
+
-
  <div class="MenuBar">
+
-
          <ul>
+
-
           
+
-
            <li>
+
-
                            <a href="/Team:Groningen">Home
+
-
              <!--[if gt IE 6]><!--></a><!--<![endif]-->
+
-
              <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
+
-
            </li>
+
-
   
+
-
            <li>
+
-
              <a href="/Team:Groningen/Project">Project
+
-
              <!--[if gt IE 6]><!--></a><!--<![endif]-->
+
-
              <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
+
-
              <ul class="DropDownMenu" id="Tf2Ddm">
+
-
                <li><a href="/Team:Groningen/Project"><span><span>Project</span></span></a></li>
+
-
                <li><a href="/Team:Groningen/Backupproject"><span><span>Backup project</span></span></a></li>
+
-
                <li><a href="/Team:Groningen/Calendar"><span><span>Calendar</span></span></a></li>
+
-
                <li><a href="/Team:Groningen/Sponsors"><span><span>Sponsors</span></span></a></li>
+
-
 
+
-
 
+
-
              </ul>
+
-
              <!--[if lte IE 6]></td></tr></table></a><![endif]-->
+
-
            </li>
+
-
 
+
-
            <li>
+
-
              <a href="/Team:Groningen/Team">Team
+
-
              <!--[if gt IE 6]><!--></a><!--<![endif]-->
+
-
              <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
+
-
 
+
-
 
+
-
            </li>
+
-
 
+
-
          </ul>
+
-
        </div>
+
-
 
+
-
      </div>
+
-
     
+
-
 
+
-
</ul>
+
-
</td></tr>
+
-
<tr><td width="100%">
+
</html>
</html>

Revision as of 12:11, 15 July 2010