Team:Marburg/Template:Header

From 2013.igem.org

(Difference between revisions)
 
(159 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" />
-
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
+
-
    display:none;}
+
-
#top-section {
+
-
    border: none;
+
-
    height: 0px;}
+
-
#content {
+
-
    border: none;}
+
-
 
+
-
/* Removes "teams" from the menubar */
+
-
#menubar > ul > li:last-child {
+
-
    display: none;}
+
-
/* Resizes the menubar to fik the links (default is 400px) */
+
-
#menubar {
+
-
    width: auto;}
+
-
 
+
-
 
+
-
 
+
-
 
+
-
/* general */
+
-
*, html {
+
-
padding: 0;
+
-
margin: 0;
+
-
}
+
-
 
+
-
body {
+
-
font-family: Verdana, Georgia;
+
-
color: #111;
+
-
width: 100%;
+
-
}
+
-
 
+
-
a, img {
+
-
border: 0;
+
-
outline: none;
+
-
text-decoration: none;
+
-
color: #000;
+
-
}
+
-
 
+
-
/* header */
+
-
#header {
+
-
height: 153px;
+
-
width: 100%;
+
-
background: url('images/igem-marburg-header-bg.png') #BBB;
+
-
text-align: center;
+
-
position: fixed;
+
-
display: block;
+
-
overflow: none;
+
-
z-index: 100;
+
-
}
+
-
 
+
-
#header #header-focus {
+
-
width: 1000px;
+
-
height: 153px;
+
-
background: url('images/igem-marburg-header-bg-center.png') no-repeat center transparent;
+
-
margin: 0 auto;
+
-
text-align: center;
+
-
}
+
-
 
+
-
#header-focus #header-banner {
+
-
width: 1000px;
+
-
height: 115px;
+
-
}
+
-
 
+
-
#mr-bg-wrapper {
+
-
background: transparent url('images/igem-marburg-wrapper-bg.png') repeat-x fixed 0 153px;
+
-
text-align: center;
+
-
}
+
-
 
+
-
#mr-main-wrapper {
+
-
width: 1000px;
+
-
margin: 0 auto;
+
-
padding-top: 171px;
+
-
}
+
-
 
+
-
#mr-wrapper {
+
-
width: 820px;
+
-
text-align: left;
+
-
float: right;
+
-
}
+
-
 
+
-
#mr-wrapper p {
+
-
  padding: 10px;
+
-
  text-align: justify;
+
-
margin-left: 20px;
+
-
}
+
-
 
+
-
#mr-sidebar {
+
-
width: 180px;
+
-
height: auto;
+
-
float: left;
+
-
background: transparent url('images/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('images/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;
+
-
margin-left: 5px;
+
-
z-index: 10;
+
-
}
+
-
 
+
-
#mr-sidebar ul li {
+
-
  font-size: 11pt;
+
-
  vertical-align: middle;
+
-
  line-height: 23px;
+
-
  height: 23px;
+
-
  padding-left: 10px;
+
-
}
+
-
 
+
-
#mr-sidebar ul li a {
+
-
font-weight: bold;
+
-
width: 150px;
+
-
}
+
-
 
+
-
#mr-sidebar ul li:hover {
+
-
  background-color: #a2dbdc;
+
-
}
+
-
 
+
-
#mr-wrapper h1.content-title{
+
-
  margin-top: 10px;
+
-
  padding-left: 60px;
+
-
  font-size: 13pt;
+
-
  vertical-align: middle;
+
-
  line-height: 23px;
+
-
  height: 23px;
+
-
  width: 750px;
+
-
  background: #a2dbdc url('images/igem-marburg-title-bg.png') no-repeat scroll 25px 0;
+
-
}
+
-
 
+
-
.clr {
+
-
  clear: both;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
/* ================================================================
+
-
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;}
+
-
#header-navigation { position:relative; z-index:500; height:200px; text-align: left;}
+
-
#header-navigation ul {padding:0; margin:0;  list-style:none; padding-left: 5px;}
+
-
#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; float:left;}
+
-
#header-navigation ul li a {display:block; float:left; padding:8px 10px 5px 5px; font:normal 11pt verdana, sans-serif; font-weight: bold; color:#111; text-decoration:none;}
+
-
 
+
-
#header-navigation ul ul li {margin:0; background: url('images/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;}
+
-
 
+
-
#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="http://igem.no-referer.de/skins/igem/images/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 198: 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 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]-->
 +
<ul class="level3">
 +
<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/Collaboration:Norwich">Norwich</a></li>
 +
</ul>
 +
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
 +
</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:BioTech2020plus">Biotechnology 2020+</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 242: Line 89:
</div>
</div>
</div>
</div>
 +
<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() {
-
</html>
+
    $('#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