Team:Marburg/Template:Header

From 2013.igem.org

(Difference between revisions)
m
 
(86 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
{{:Team:Marburg/Template:style.css}}
-
<style>
+
{{:Team:Marburg/Template:Colorbox.css}}<html><meta http-equiv="X-UA-Compatible" content="IE=edge" />
-
 
+
-
/* Wiki */
+
-
/* Author: Pieter van Boheemen */
+
-
/* Team: TU Delft */
+
-
#globalWrapper { background-color: transparent; width: 100%; height:100%; border:0; font-size: 100%}
+
-
#content { background-color: #fff; border: none; width: 100%; overflow: hidden; height:100%; line-height: 10pt; font-size: 100%;}
+
-
#bodyContent { width:100%; height:100%;}
+
-
#top-section { height: 15px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important; font-size: 10px; z-index: 10;
+
-
background: #4cb4b6; position: fixed; top: 0;}
+
-
#p-logo { height:1px; overflow:hidden; display: none;}
+
-
#search-controls { overflow:hidden; display:block; background: none; position: absolute; top: 100px; right: 40px;}
+
-
#footer-box { width: 95%; margin: 0 auto; font-size: 100%; }
+
-
#footer { width: 100%; margin: 0 auto; }
+
-
#f-list a { color: #333; font-size: 10px;}
+
-
#f-list a:hover { color: #666;}
+
-
#footer ul { margin: 0; padding: 0;}
+
-
#footer ul li { margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px; padding: 0;}
+
-
.visualClear, .firstHeading, .printfooter, #search-controls, #catlinks, h3#siteSub, #footer-box, #contentSub, p:first-child  { display: none; }
+
-
 
+
-
#menubar {
+
-
width: 100%;
+
-
height: 15px;
+
-
position: fixed;
+
-
top: 0;
+
-
display: block;
+
-
z-index: 10;
+
-
color: #000;
+
-
line-height: 15px;
+
-
background: url('https://static.igem.org/mediawiki/2013/7/7e/Igem-marburg-header-bg.png') top;
+
-
}
+
-
 
+
-
#menubar.right-menu, #menubar.left-menu {
+
-
  height: 15px;
+
-
  background: #4cb4b6;
+
-
  z-index: 11;
+
-
  width: 50%;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
#menubar.right-menu ul,
+
-
#menubar.left-menu ul { line-height: 15px; height: 15px; z-index: 11; }
+
-
#menubar.right-menu li a, #menubar.left-menu li a { color: #000; background: transparent; padding-left: 5px !important; font-size: 8pt;}
+
-
/* Wiki */
+
-
 
+
-
*, html {
+
-
padding: 0 !important;
+
-
margin: 0 !important;
+
-
border: 0 !important;
+
-
}
+
-
 
+
-
body {
+
-
font-family: Verdana, Georgia;
+
-
color: #111;
+
-
width: 100%;
+
-
background: #fff;
+
-
font-size: 10pt;
+
-
}
+
-
 
+
-
a, img {
+
-
border: 0;
+
-
outline: none;
+
-
text-decoration: none;
+
-
color: #000;
+
-
}
+
-
 
+
-
/* header */
+
-
#header {
+
-
height: 168px;
+
-
width: 100%;
+
-
background: url('https://static.igem.org/mediawiki/2013/7/7e/Igem-marburg-header-bg.png') bottom;
+
-
text-align: center;
+
-
position: fixed;
+
-
display: block;
+
-
overflow: hidde;
+
-
z-index: 15;
+
-
}
+
-
 
+
-
#header #header-focus {
+
-
width: 1000px;
+
-
height: 163px;
+
-
background: url('https://static.igem.org/mediawiki/2013/8/89/Igem-marburg-header-bg-center.png') no-repeat bottom transparent;
+
-
margin: 0 auto !important;
+
-
text-align: center;
+
-
}
+
-
#header #header-focus img {
+
-
  position: relative;
+
-
  top: 15px;
+
-
}
+
-
 
+
-
#header-focus #header-banner {
+
-
width: 1000px;
+
-
height: 130px;
+
-
}
+
-
 
+
-
#mr-bg-wrapper {
+
-
background: transparent url('https://static.igem.org/mediawiki/2013/5/56/Igem-marburg-wrapper-bg.png') repeat-x fixed 0 153px;
+
-
text-align: center;
+
-
}
+
-
 
+
-
#mr-main-wrapper {
+
-
width: 1000px;
+
-
margin: 0 auto !important;
+
-
padding-top: 171px !important;
+
-
}
+
-
 
+
-
#mr-wrapper-wide {
+
-
width: 1000px;
+
-
text-align: left;
+
-
}
+
-
 
+
-
#mr-wrapper {
+
-
width: 820px;
+
-
text-align: left;
+
-
float: right;
+
-
}
+
-
 
+
-
#mr-wrapper p, #mr-wrapper-wide p {
+
-
  padding: 10px !important;
+
-
  text-align: justify;
+
-
  margin-left: 20px !important;
+
-
  font-size: 10pt;
+
-
  line-height: 14pt;
+
-
}
+
-
 
+
-
#mr-wrapper-wide p {
+
-
  margin-left: 0 !important;
+
-
}
+
-
 
+
-
#mr-sidebar {
+
-
width: 180px;
+
-
height: auto;
+
-
float: left;
+
-
background: transparent url('https://static.igem.org/mediawiki/2013/d/d0/Igem-marburg-sidebar-corner-left-top.png') no-repeat scroll 0 0;
+
-
position: relative;
+
-
text-align: left;
+
-
z-index:1
+
-
}
+
-
 
+
-
#mr-sidebar span.box-bottom-right {
+
-
position: absolute;
+
-
width: 160px;
+
-
height: 120px;
+
-
display: block;
+
-
background: transparent url('https://static.igem.org/mediawiki/2013/c/cc/Igem-marburg-sidebar-corner-right-bottom.png') no-repeat scroll bottom right;
+
-
bottom: 0;
+
-
right: 0;
+
-
z-index: 2;
+
-
}
+
-
 
+
-
#mr-sidebar ul {
+
-
width: 175px;
+
-
list-style:none;
+
-
margin-top: 10px !important;
+
-
margin-left: 5px !important;
+
-
z-index: 10;
+
-
}
+
-
 
+
-
#mr-sidebar ul li {
+
-
  font-size: 11pt;
+
-
  vertical-align: middle;
+
-
  line-height: 23px;
+
-
  height: 23px;
+
-
  padding-left: 10px !important;
+
-
}
+
-
 
+
-
#mr-sidebar ul li a {
+
-
font-weight: bold;
+
-
width: 150px;
+
-
}
+
-
 
+
-
#mr-sidebar ul li:hover {
+
-
  background-color: #a2dbdc;
+
-
}
+
-
 
+
-
#mr-wrapper h1.content-title, #mr-wrapper-wide h1.content-title{
+
-
  margin-top: 10px !important;
+
-
  padding-left: 60px !important;
+
-
  font-size: 13pt;
+
-
  vertical-align: middle;
+
-
  line-height: 23px;
+
-
  height: 23px;
+
-
  width: 750px;
+
-
  background: #a2dbdc url('https://static.igem.org/mediawiki/2013/3/35/Igem-marburg-title-bg.png') no-repeat scroll 25px 0;
+
-
}
+
-
 
+
-
#mr-wrapper-wide h1.content-title {
+
-
  width: 940px
+
-
}
+
-
 
+
-
.clr {
+
-
  clear: both;
+
-
}
+
-
 
+
-
#mr-footer-box{
+
-
  height: 153px;
+
-
  width: 100%;
+
-
  background: #fff url('https://static.igem.org/mediawiki/2013/0/04/Igem-marburg-footer-bg.png') repeat-x;
+
-
  text-align: center;
+
-
}
+
-
 
+
-
#mr-footer {
+
-
  width: 1000px;
+
-
  height: 153px;
+
-
  margin: 0 auto !important;
+
-
  text-align: left;
+
-
}
+
-
 
+
-
#mr-footer #mr-sponsors {
+
-
  height: 50px;
+
-
  width: 100%;
+
-
  padding-top: 19px !important;
+
-
}
+
-
 
+
-
#mr-footer #mr-uni-logo {
+
-
  float: left;
+
-
  height: 84px;
+
-
  margin: 0 !important;
+
-
  text-align: left;
+
-
  width: 202px;
+
-
}
+
-
 
+
-
#mr-footer #mr-footer-links {
+
-
  width: 598px;
+
-
  height: 84px;
+
-
  float: right;
+
-
  background: url('https://static.igem.org/mediawiki/2013/3/33/Mr-footer-line.png') repeat-x;
+
-
 
+
-
}
+
-
 
+
-
#mr-footer #mr-wiki-logos {
+
-
  height: 84px;
+
-
  width: 200px;
+
-
  float: right;
+
-
  vertical-align: middle;
+
-
  line-height: 84px;
+
-
}
+
-
 
+
-
#mr-footer ul {
+
-
  list-style: none;
+
-
  margin: 14px 0 0 45px !important;
+
-
}
+
-
 
+
-
#mr-footer ul.ul2 {
+
-
  margin-top: 0 !important;
+
-
}
+
-
 
+
-
#mr-footer ul li {
+
-
  display: inline;
+
-
  margin: 0.4em !important;
+
-
  margin-left: 6px !important;
+
-
}
+
-
 
+
-
#mr-footer ul li a {
+
-
  font-size: 8pt;
+
-
  color: #605e5e;
+
-
  font-family: Verdana;
+
-
}
+
-
 
+
-
/* ================================================================
+
-
This copyright notice must be untouched at all times.
+
-
 
+
-
The original version of this stylesheet and the associated (x)html
+
-
is available at http://www.cssplay.co.uk/menus/muti-line-dropdown.html
+
-
Copyright (c) Stu Nicholls. All rights reserved.
+
-
This stylesheet and the associated (x)html may be modified in any
+
-
way to fit your requirements.
+
-
=================================================================== */
+
-
#header-nav-box { width: 650px; height: 30px; margin: 0 auto !important;}
+
-
#header-navigation { position:relative; z-index:500; height:200px; text-align: left !important;}
+
-
#header-navigation ul { list-style: none; padding-left: 5px !important;}
+
-
#header-navigation ul.level1 {height: 30px;}
+
-
#header-navigation ul ul {position:absolute; left:-9999px;}
+
-
#header-navigation table {border-collapse:collapse; width:0; height:0; position:absolute; left:-1px; top:-1px;}
+
-
#header-navigation ul li {margin-right:5px !important; float:left;}
+
-
#header-navigation ul li a {display:block; float:left; padding:8px 10px 5px 5px !important; font:normal 11pt verdana, sans-serif; font-weight: bold; color:#111; text-decoration:none;}
+
-
 
+
-
#header-navigation ul ul li {background: url('https://static.igem.org/mediawiki/2013/8/8a/Igem-marburg-header-nav-bg-hover.png');}
+
-
#header-navigation ul ul li a {width:250px;}
+
-
#header-navigation ul ul li a.fly {padding-right:10px !important;}
+
-
 
+
-
#header-navigation ul li:hover {position:relative;}
+
-
#header-navigation ul li a:hover {direction:ltr; color:#196364; border-color:#8a9; position:relative;}
+
-
#header-navigation ul li:hover > a {  color:#196364; border-color:#8a9;}
+
-
 
+
-
#header-navigation ul :hover ul {left:-5px; width:122px; top:30px;}
+
-
 
+
-
#header-navigation ul :hover ul :hover ul,
+
-
#header-navigation ul :hover ul :hover ul :hover ul,
+
-
#header-navigation ul :hover ul :hover ul :hover ul :hover ul {left:122px; width:122px; top:-5px;}
+
-
 
+
-
#header-navigation ul :hover ul ul,
+
-
#header-navigation ul :hover ul :hover ul ul,
+
-
#header-navigation ul :hover ul :hover ul :hover ul ul {left:-9999px;}
+
-
 
+
-
</style>
+
-
 
+
-
 
+
<div id="header">
<div id="header">
<div id="header-focus">
<div id="header-focus">
<div id="header-banner">
<div id="header-banner">
-
<a href="https://2013.igem.org/Team:Marburg"><img src="https://static.igem.org/mediawiki/2013/6/6b/Igem-mr-logo.png" alt="Logo" /></a>
+
<a href="https://2013.igem.org/Team:Marburg"><img src="https://static.igem.org/mediawiki/2013/6/6b/Igem-mr-logo.png" alt="Logo"></a>
</div>
</div>
<div id="header-nav-box">
<div id="header-nav-box">
Line 308: Line 10:
<ul class="level1">
<ul class="level1">
<li><a href="https://2013.igem.org/Team:Marburg">Home</a></li>
<li><a href="https://2013.igem.org/Team:Marburg">Home</a></li>
-
<li><a class="fly" href="https://2013.igem.org/Team:Marburg/Team">Team<!--[if gte IE 7]><!--></a><!--<![endif]-->
+
<li><a class="fly" href="https://2013.igem.org/Team:Marburg/Project">Project<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="level2">
<ul class="level2">
-
<li><a href="https://2013.igem.org/Team:Marburg/Team:Members">Members</a></li>
+
<li><a class="fly" href="https://2013.igem.org/Team:Marburg/Project">PHAECTORY<!--[if gte IE 7]><!--></a><!--<![endif]-->
-
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=Marburg">Official iGEM Project Page</a></li>
+
<!--[if lte IE 6]><table><tr><td><![endif]-->
-
<li><a href="https://2013.igem.org/Team:Marburg/Team:Philipps_University_Marburg">Philipps-University Marburg</a></li>
+
<ul class="level3">
-
<li><a href="https://2013.igem.org/Team:Marburg/Team:Contact">Contact</a></li>
+
<li><a href="https://2013.igem.org/Team:Marburg/Project:Challenge">Challenge</a></li>
 +
<li><a href="https://2013.igem.org/Team:Marburg/Project:Ptricornutum"><i>P. tricornutum</i></a></li>
 +
<li><a href="https://2013.igem.org/Team:Marburg/Project:Milestones">Milestones</a></li>
 +
<li><a href="https://2013.igem.org/Team:Marburg/Results">Results</a></li>
 +
</ul>
 +
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
 +
</li>
 +
<li><a href="https://2013.igem.org/Team:Marburg/Project:RFP">Improve a brick</a></li>
 +
<li><a href="https://2013.igem.org/Team:Marburg/Project:lightcontrol">Light control</a></li>
 +
<li><a class="fly" href="#url">Notebook<!--[if gte IE 7]><!--></a><!--<![endif]-->
 +
<!--[if lte IE 6]><table><tr><td><![endif]-->
 +
<ul class="level3">
 +
<li><a href="https://2013.igem.org/Team:Marburg/Notebook:Ptricornutum"><i>P. tricornutum</i></a></li>
 +
<li><a href="https://2013.igem.org/Team:Marburg/Notebook:March">March</a></li>
 +
<li><a href="https://2013.igem.org/Team:Marburg/Notebook:April">April</a></li>
 +
<li><a href="https://2013.igem.org/Team:Marburg/Notebook:Mai">May</a></li>
 +
<li><a href="https://2013.igem.org/Team:Marburg/Notebook:June">June</a></li>
 +
<li><a href="https://2013.igem.org/Team:Marburg/Notebook:July">July</a></li>
 +
<li><a href="https://2013.igem.org/Team:Marburg/Notebook:August">August</a></li>
 +
<li><a href="https://2013.igem.org/Team:Marburg/Notebook:September">September</a></li>
 +
<li><a href="https://2013.igem.org/Team:Marburg/Notebook:October">October</a></li>
 +
<li><a href="https://2013.igem.org/Team:Marburg/Notebook:Primer_list">Supplementary</a></li>
 +
</ul>
 +
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
 +
</li>
</ul>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</li>
-
<li><a class="fly" href="https://2013.igem.org/Team:Marburg/Project">Project<!--[if gte IE 7]><!--></a><!--<![endif]-->
+
<li><a class="fly" href="https://2013.igem.org/Team:Marburg/Team">Team<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
-
<ul>
+
<ul class="level2">
-
<li><a href="https://2013.igem.org/Team:Marburg/Modeling">Modeling</a></li>
+
<li><a href="https://2013.igem.org/Team:Marburg/Team">Our Team</a></li>
-
<li><a href="https://2013.igem.org/Team:Marburg/Parts">Parts</a></li>
+
<li><a href="https://2013.igem.org/Team:Marburg/Team:Members">Members</a></li>
-
<li><a href="https://2013.igem.org/Team:Marburg/Attributions">Attributions</a></li>
+
<li><a href="https://igem.org/Team.cgi?year=2013&amp;team_name=Marburg" target="_blank">Official Profile</a></li>
-
</ul>
+
<li><a href="https://2013.igem.org/Team:Marburg/Team:Philipps_University_Marburg">Philipps-University</a></li>
-
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
+
<li><a href="https://2013.igem.org/Team:Marburg/Team:Contact">Contact</a></li>
-
</li>
+
-
<li><a class="fly" href="https://2013.igem.org/Team:Marburg/Notebook">Notebook<!--[if gte IE 7]><!--></a><!--<![endif]-->
+
-
<!--[if lte IE 6]><table><tr><td><![endif]-->
+
-
<ul>
+
-
<li><a href="https://2013.igem.org/Team:Marburg/Notebook:March">March</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Marburg/Notebook:Mai">Mai</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Marburg/Notebook:June">June</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Marburg/Notebook:July">July</a></li>
+
</ul>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</li>
 +
<li><a href="https://2013.igem.org/Team:Marburg/Parts">Parts</a></li>
 +
<li><a href="https://2013.igem.org/Team:Marburg/Safety">Safety</a></li>
<li><a class="fly" href="https://2013.igem.org/Team:Marburg/Human_Practice">Human Practice<!--[if gte IE 7]><!--></a><!--<![endif]-->
<li><a class="fly" href="https://2013.igem.org/Team:Marburg/Human_Practice">Human Practice<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
-
<ul>
+
<ul class="level2">
-
<li><a class="fly" href="#url">Conferences<!--[if gte IE 7]><!--></a><!--<![endif]-->
+
<li><a href="https://2013.igem.org/Team:Marburg/Human_Practice">Overview</a></li>
 +
<li><a class="fly" href="#">Collaborations<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
-
<ul>
+
<ul class="level3">
-
<li><a href="https://2013.igem.org/Team:Marburg/Human_Practice/Conferences:SYNMIKRO">SYNMIKRO Conference</a></li>
+
<li><a href="https://2013.igem.org/Team:Marburg/Human_Practice/Collaboration:Isreal">Israel</a></li>
-
<li><a href="https://2013.igem.org/Team:Marburg/Human_Practice/Conferences:BioTech2020plus">Biotechnology 2020+</a></li>
+
<li><a href="https://2013.igem.org/Team:Marburg/Human_Practice/Collaboration:Norwich">Norwich</a></li>
</ul>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</li>
 +
<li><a href="https://2013.igem.org/Team:Marburg/Human_Practice/Conferences:BioTech2020plus">Biotechnology 2020+</a></li>
 +
<li><a href="https://2013.igem.org/Team:Marburg/Human_Practice/Conferences:MissionsSynmikro">Missions Synmikro</a></li>
 +
<li><a href="https://2013.igem.org/Team:Marburg/Human_Practice/Conferences:SYNMIKRO">SYNMIKRO</a></li>
 +
<li><a href="https://2013.igem.org/Team:Marburg/Human_Practice:DayofSynthBiology">SynBio Day</a></li>
<li><a href="https://2013.igem.org/Team:Marburg/Human_Practice:Debate">Debate</a></li>
<li><a href="https://2013.igem.org/Team:Marburg/Human_Practice:Debate">Debate</a></li>
<li><a href="https://2013.igem.org/Team:Marburg/Human_Practice:Hessentag">Hessentag</a></li>
<li><a href="https://2013.igem.org/Team:Marburg/Human_Practice:Hessentag">Hessentag</a></li>
 +
<li><a href="https://2013.igem.org/Team:Marburg/Human_Practice:Students">Lab Day</a></li>
 +
<li><a href="https://2013.igem.org/Team:Marburg/Human_Practice/Talk_of_Peter_Hermentin">Peter Hermentin</a></li>
 +
<li><a href="https://2013.igem.org/Team:Marburg/Human_Practice/Bioethics">Bioethics</a></li>
</ul>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</li>
-
<li><a href="https://2013.igem.org/Team:Marburg/Safety">Safety</a></li>
+
<li><a href="https://2013.igem.org/Team:Marburg/Sponsors">Sponsors</a></li>
 +
<li><a href="https://2013.igem.org/Team:Marburg/Attributions">Attributions</a></li>
 +
<li><a href="https://2013.igem.org/" target="_blank" title="iGEM 2013"><img src="https://static.igem.org/mediawiki/2013/f/fa/Mr-igem-mini.png" alt="igem" style="position:relative;float:left;top:-3px;"/></a></li>
</ul>
</ul>
</div>
</div>
Line 359: Line 89:
</div>
</div>
</div>
</div>
-
</html>
+
<script type="text/javascript" src="https://2013.igem.org/Team:Marburg/Template:Cycle.js?action=raw"></script>
 +
<script type="text/javascript" src="https://2013.igem.org/Team:Marburg/Template:Easing.js?action=raw"></script>
 +
<script type="text/javascript" src="https://2013.igem.org/Team:Marburg/Template:Colorbox.js?action=raw"></script>
 +
<script type="text/javascript">
 +
$.fn.cycle.defaults.timeout = 6500;
 +
$(function() {
 +
$('#jquery-cycle').cycle({
 +
    fx:    'fade',
 +
    speed:  350,
 +
    timeout: 4000
 +
});
 +
});
 +
 
 +
function onBefore() {
 +
    $('#output').html("Scrolling image:<br>" + this.src);
 +
    //window.console.log(  $(this).parent().children().index(this) );
 +
}
 +
function onAfter() {
 +
    $('#output').html("Scroll complete for:<br>" + this.src)
 +
        .append('<h3>' + this.alt + '</h3>');
 +
}
 +
</script></html>

Latest revision as of 10:26, 4 March 2014