Template:Freiburg2013 Template1
From 2013.igem.org
(Difference between revisions)
(Created page with "<html> </html>") |
|||
Line 1: | Line 1: | ||
<html> | <html> | ||
+ | <head> | ||
+ | |||
+ | <style type="text/css"> | ||
+ | .firstHeading { /* Gets rid of the default iGEM picture*/ | ||
+ | |||
+ | * { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | height:2px; | ||
+ | visibility:hidden; | ||
+ | } | ||
+ | |||
+ | #contentSub, #search-controls, .firstHeading, #catlinks, #p-logo, .editsection { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | #content { | ||
+ | background-color: transparent; | ||
+ | border-left-width:0px; | ||
+ | border-right-width:0px; | ||
+ | padding: 0px 5px 0px 5px; | ||
+ | } | ||
+ | |||
+ | #footer-box { | ||
+ | background:none; | ||
+ | border:none; | ||
+ | } | ||
+ | |||
+ | #menubar { | ||
+ | display: table-cell; | ||
+ | background: transparent; | ||
+ | margin-top:90px; | ||
+ | margin-left: 200px; | ||
+ | margin-right: 230px; | ||
+ | } | ||
+ | |||
+ | #menubar * { | ||
+ | color: white !important; | ||
+ | background: #2E2E2E !important; | ||
+ | } | ||
+ | |||
+ | #menubar:hover * { | ||
+ | color: white !important; | ||
+ | } | ||
+ | |||
+ | |||
+ | #p-logo { | ||
+ | overflow:hidden; | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #top-section { | ||
+ | heigth:0px; | ||
+ | width: 100%; | ||
+ | margin:0px; | ||
+ | padding: 0px; | ||
+ | background-repeat: no-repeat; | ||
+ | border-width:0px; | ||
+ | border-top-width:0px; | ||
+ | } | ||
+ | |||
+ | #toc{ | ||
+ | visibility:hidden; | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | #siteSub { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | #search-controls { | ||
+ | display:none; | ||
+ | margin-top:0px; | ||
+ | } | ||
+ | |||
+ | #contentSub { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | /*Now to set heading and body fonts*/ | ||
+ | body { | ||
+ | width:1000px; | ||
+ | /* background: url("Hintergrund_linear.gif") center top;*/ | ||
+ | background-color: #2E2E2E; | ||
+ | background-width: 100%; | ||
+ | margin-top:0px; /*-80px*/ | ||
+ | float:center; | ||
+ | postion: absolute; | ||
+ | font:100%; | ||
+ | margin: auto; | ||
+ | padding: 0; | ||
+ | height: 100%; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | #menu { | ||
+ | width:1000px; | ||
+ | height: 3em; | ||
+ | float: left; | ||
+ | position: abolute; | ||
+ | margin-top:150px; | ||
+ | background-color: transparent; | ||
+ | background-repeat: no-repeat; | ||
+ | border-bottom: 8px #FFBF00 solid; | ||
+ | |||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | #menu ul li { | ||
+ | background-color:transparent; | ||
+ | list-style: none; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | #menu ul li a { | ||
+ | background-color: #2E2E2E; | ||
+ | |||
+ | padding-bottom: 5px; | ||
+ | padding-right: 20px; | ||
+ | padding-top: 10px; | ||
+ | display: block; | ||
+ | |||
+ | color:white ; | ||
+ | text-decoration: none; | ||
+ | font-weight:bold; | ||
+ | font-family: Arial; | ||
+ | font-size: 1.4em; | ||
+ | |||
+ | /*text-shadow:#FFBF00 1px 2px;*/ | ||
+ | letter-spacing:0.1em; | ||
+ | } | ||
+ | |||
+ | #menu a:hover { | ||
+ | |||
+ | background: #2E2E2E; | ||
+ | color:#FFBF00; | ||
+ | display: block; | ||
+ | |||
+ | } | ||
+ | |||
+ | #menu li { | ||
+ | position: relative; | ||
+ | float: center; | ||
+ | |||
+ | } | ||
+ | |||
+ | #navbar ul { | ||
+ | position: absolute; | ||
+ | background-color:#2E2E2E; | ||
+ | border-top: 8px #FFBF00 solid; | ||
+ | |||
+ | z-index: 500; | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | #navbar ul ul { | ||
+ | position: absolute; | ||
+ | top: 10px; | ||
+ | left: 50%; | ||
+ | } | ||
+ | |||
+ | #navbar ul, | ||
+ | #navbar li:hover ul ul, | ||
+ | #navbar ul li:hover ul ul{ | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #navbar li:hover ul, | ||
+ | #navbar ul li:hover ul, | ||
+ | #navbar ul ul li:hover ul, | ||
+ | #navbar li:hover img { | ||
+ | display: block; | ||
+ | visibility:visible; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | #logo_off{ | ||
+ | z-index:2; | ||
+ | position:absolute; | ||
+ | float: right; | ||
+ | width:7%; | ||
+ | margin-right:0px; | ||
+ | margin-top:0px; | ||
+ | margin-left:900px; | ||
+ | } | ||
+ | |||
+ | |||
+ | #logo { | ||
+ | z-index:1; | ||
+ | position:absolute; | ||
+ | } | ||
+ | |||
+ | #logo img{ | ||
+ | |||
+ | float:left; | ||
+ | width:1000px; | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | .left { | ||
+ | padding-left:20px; | ||
+ | padding-top: 50px; | ||
+ | width:50%; | ||
+ | float:left; | ||
+ | position:relative; | ||
+ | |||
+ | } | ||
+ | |||
+ | .text{ | ||
+ | color:white; | ||
+ | font-family: Arial; | ||
+ | text-align:justify; | ||
+ | font:0.75em; | ||
+ | letter-spacing:0.1em; | ||
+ | |||
+ | } | ||
+ | |||
+ | .bild{ | ||
+ | |||
+ | |||
+ | } | ||
+ | .right { | ||
+ | padding-top: 100px; | ||
+ | width:40%; | ||
+ | float:right; | ||
+ | position:relative; | ||
+ | } | ||
+ | |||
+ | #h1 { | ||
+ | |||
+ | font-color:white; | ||
+ | |||
+ | } | ||
+ | |||
+ | </style> | ||
+ | |||
+ | <script> | ||
+ | sfHover = function() | ||
+ | { | ||
+ | var sfEls = document.getElementById("navbar").getElementsByTagName("li"); | ||
+ | for (var i=0; i<sfEls.length; i++) | ||
+ | { | ||
+ | sfEls[i].onmouseover=function() | ||
+ | { | ||
+ | this.className+=" hover"; | ||
+ | } | ||
+ | sfEls[i].onmouseout=function() | ||
+ | { | ||
+ | this.className=this.className.replace(new RegExp(" hover\\b"), ""); | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | if (window.attachEvent) window.attachEvent("onload", sfHover); | ||
+ | </script> | ||
+ | |||
+ | |||
+ | </head> | ||
+ | |||
+ | |||
+ | <body> | ||
+ | |||
+ | <div id="header"> | ||
+ | <div id="logo" style="z-index: 8;" ><img name="caslogo" src="https://static.igem.org/mediawiki/2013/7/7e/Freiburg2013_Logo1.png"/></div> | ||
+ | <div id="logo_off" style="z-index: 10;"><a href="https://2013.igem.org/Main_Page"><img src="IGEM_Logo.gif" width=100%/></a></div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div id="menu"> | ||
+ | <ul id="navbar"> | ||
+ | <li style="padding-left:50px"><a href="https://2013.igem.org/Team:Freiburg" onmouseover="caslogo.src='cas/1.png'">Home</a> | ||
+ | </li> | ||
+ | <li><a href="https://2013.igem.org/Team:Freiburg/Team" onmouseover="caslogo.src='cas/1.png'">Team</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2013.igem.org/Team:Freiburg/Team2" >Members</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Freiburg/gallery" >Photo Gallery</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Freiburg/Project/Coop" >Collaborations</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2013.igem.org/Team:Freiburg/Project" onmouseover="caslogo.src='cas/2.png'" >Project</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2013.igem.org/Team:Freiburg/Project/1">1</a> | ||
+ | <!-- <ul> | ||
+ | <li><a href="https://2013.igem.org/Team:Freiburg/Project/1/Labbook">Labbook</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Freiburg/Project/1/Results">Results</a></li> | ||
+ | </ul> --> | ||
+ | </li> | ||
+ | <li><a href="https://2013.igem.org/Team:Freiburg/Project/2">2</a> | ||
+ | <!-- <ul> | ||
+ | <li><a href="https://2013.igem.org/Team:Freiburg/Project/2/Labbook">Labbook</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Freiburg/Project/2/Results">Results</a></li> | ||
+ | </ul> --> | ||
+ | </li> | ||
+ | <li><a href="https://2013.igem.org/Team:Freiburg/Project/3">3</a> | ||
+ | <!-- <ul> | ||
+ | <li><a href="https://2013.igem.org/Team:Freiburg/Project/3/Labbook">Labbook</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Freiburg/Project/3/Results">Results</a></li> | ||
+ | </ul> --> | ||
+ | </li> | ||
+ | <li><a href="https://2013.igem.org/Team:Freiburg/Project/4">4</a> | ||
+ | <!-- <ul> | ||
+ | <li><a href="https://2013.igem.org/Team:Freiburg/Project/4/Labbook">Labbook</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Freiburg/Project/4/Results">Results</a></li> | ||
+ | </ul> --> | ||
+ | </li> | ||
+ | <li><a href="https://2013.igem.org/Team:Freiburg/Project/5">5</a> | ||
+ | <!-- <ul> | ||
+ | <li><a href="https://2013.igem.org/Team:Freiburg/Project/5/Labbook">Labbook</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Freiburg/Project/5/Results">Results</a></li> | ||
+ | </ul> --> | ||
+ | </li> | ||
+ | <li><a href="https://2013.igem.org/Team:Freiburg/Project/6">6</a> | ||
+ | <!-- <ul> | ||
+ | <li><a href="https://2013.igem.org/Team:Freiburg/Project/6/Labbook">Labbook</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Freiburg/Project/6/Results">Results</a></li> | ||
+ | </ul> --> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2013.igem.org/Team:Freiburg/HumanPractice" onmouseover="caslogo.src='cas/3.png'">Human Practice</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2013.igem.org/Team:Freiburg/HumanPractice/Facebook">Facebook</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2013.igem.org/Team:Freiburg/Modeling" onmouseover="caslogo.src='cas/4.png'">Modeling</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2013.igem.org/Team:Freiburg/Modeling/crRNADesign">crRNADesign</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2013.igem.org/Team:Freiburg/Notebook" onmouseover="caslogo.src='cas/5.png'">Notebook</a> | ||
+ | </li> | ||
+ | <li><a href="https://2013.igem.org/Team:Freiburg/Safety" onmouseover="caslogo.src='cas/6.png'">Safety</a> | ||
+ | </li> | ||
+ | <li><a href="https://2013.igem.org/Team:Freiburg/Attributions" onmouseover="caslogo.src='cas/7.png'">Attributions</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </body> | ||
+ | |||
</html> | </html> |
Revision as of 08:05, 8 August 2013