Template:ETHZ Basel10

From 2010.igem.org

(Difference between revisions)
Line 1: Line 1:
__NOTOC__
__NOTOC__
<html>
<html>
 +
<head>
 +
<script type="text/javascript">
 +
function getURL(hrefString)
 +
{
 +
var arr = hrefString.split('/');
 +
return  (arr.length<2) ? hrefString : arr[arr.length-2].toLowerCase() + arr[arr.length-1].toLowerCase();             
 +
}
 +
 +
function setCurrentLink(arr, crtPage)
 +
{
 +
for (var i=0; i<arr.length; i++)
 +
{
 +
if(getURL(arr[i].href) == crtPage)
 +
{
 +
if (arr[i].parentNode.tagName != "DIV")
 +
{
 +
arr[i].className = "current";
 +
arr[i].parentNode.className = "current";
 +
}
 +
}
 +
}
 +
}
 +
 +
function setPage()
 +
{
 +
hrefString = document.location.href ? document.location.href : document.location;
 +
 +
if (document.getElementById("subnavigation")!=null)
 +
setCurrentLink(document.getElementById("subnavigation").getElementsByTagName("a"), getURL(hrefString));
 +
}
 +
</script>
 +
</head>
<style type="text/css">
<style type="text/css">
 +
/*
 +
Start Format iGEM base
 +
*/
body {
body {
 +
/* format main-background */
background-color: #C0C5CA;
background-color: #C0C5CA;
}
}
#content {
#content {
 +
/* format global document body */
font-family:"Verdana",Arial,sans-serif;
font-family:"Verdana",Arial,sans-serif;
}
}
.firstHeading {
.firstHeading {
 +
/* removes pagename */
display: none;
display: none;
}
}
#top-section {
#top-section {
 +
/* formats iGEM header div */
border: 0px;
border: 0px;
height: 0px;
height: 0px;
}
}
#p-logo {
#p-logo {
 +
/* removes iGEM logo */
display: none;
display: none;
}
}
#menubar {
#menubar {
 +
/* format top menubar */
top: 0px;
top: 0px;
float: left;
float: left;
Line 35: Line 76:
}
}
#menubar.right-menu {
#menubar.right-menu {
 +
/* format right part of top menubar and add iGEM mini logo */
text-align: right;
text-align: right;
right: auto;
right: auto;
Line 44: Line 86:
}
}
#menubar.left-menu {
#menubar.left-menu {
 +
/* format left part of top menubar */
text-align: left;
text-align: left;
left: 20px;
left: 20px;
Line 51: Line 94:
#search-controls {
#search-controls {
 +
/* format searchbar */
top: 24px;
top: 24px;
overflow :visible;
overflow :visible;
Line 63: Line 107:
}
}
#searchInput {
#searchInput {
 +
/* format search input field */
font-size:85%;
font-size:85%;
width: 100px;
width: 100px;
Line 74: Line 119:
}
}
input.searchButton {
input.searchButton {
 +
/* format search input buttons */
font-family:"Trebuchet MS",Arial,sans-serif;
font-family:"Trebuchet MS",Arial,sans-serif;
font-size:80%;
font-size:80%;
Line 88: Line 134:
text-decoration: underline;
text-decoration: underline;
}
}
 +
 +
#footer-box {
 +
/* format footer to match top menubar */
 +
font-family:"Trebuchet MS",Arial,sans-serif;
 +
font-size:12px;
 +
color:#FFFFFF;
 +
background:#336699;
 +
}
 +
#footer-box li a {
 +
color:#FFFFFF;
 +
}
 +
 +
/*
 +
End Format iGEM base
 +
*/
 +
 +
/*
 +
Start Format ETHZ_Basel
 +
*/
#header{
#header{
 +
/* position logo */
width: 975px;
width: 975px;
position: relative;
position: relative;
left: -5px;
left: -5px;
}
}
 +
#navigation{
#navigation{
 +
/* main div for navigation */
width: 945px;
width: 945px;
position: relative;
position: relative;
Line 118: Line 186:
height:27px;
height:27px;
}
}
-
 
ul#simple-menu li.left{
ul#simple-menu li.left{
margin:0;
margin:0;
}
}
-
 
ul#simple-menu li a{
ul#simple-menu li a{
display:block;
display:block;
float:left;
float:left;
color:#fff;
color:#fff;
-
background:#7297BA;
+
background:#3F4955;
line-height:27px;
line-height:27px;
text-decoration:none;
text-decoration:none;
Line 133: Line 199:
height:27px;
height:27px;
}
}
-
 
+
ul#simple-menu li a.start{
 +
background:#7297BA;
 +
}
ul#simple-menu li a.project{
ul#simple-menu li a.project{
background:#F2BC00;
background:#F2BC00;
}
}
-
 
+
ul#simple-menu li a.biology{
-
ul#simple-menu li a.bio{
+
background:#049966;
background:#049966;
}
}
-
 
ul#simple-menu li a.modeling{
ul#simple-menu li a.modeling{
background:#B94211;
background:#B94211;
}
}
-
 
ul#simple-menu li a.right{
ul#simple-menu li a.right{
padding-right:19px;
padding-right:19px;
}
}
-
 
ul#simple-menu li a:hover{
ul#simple-menu li a:hover{
-
background:#ADC1D6;
+
text-decoration: underline;
}
}
-
+
-
ul#simple-menu li a.current{
+
#subnavigation{
-
color:#FFFFFF;
+
/* main div for subnavigation */
-
background:#ADC1D6;
+
width: 945px;
 +
position: relative;
 +
left: -5px;
 +
padding: 5px 15px 0 15px;
 +
background:#3F4955;
}
}
-
+
#subnavigation.start{
-
ul#simple-menu li a.current:hover{
+
background:#7297BA;
-
color:#2E4560;
+
-
background:#FFFFFF;
+
}
}
-
 
+
#subnavigation.project{
-
#footer-box {
+
background:#F2BC00;
 +
}
 +
#subnavigation.biology{
 +
background:#049966;
 +
}
 +
#subnavigation.modeling{
 +
background:#B94211;
 +
}
 +
ul#sub-menu{
 +
list-style-type:none;
 +
width:100%;
 +
position:relative;
 +
height:27px;
font-family:"Trebuchet MS",Arial,sans-serif;
font-family:"Trebuchet MS",Arial,sans-serif;
-
font-size:12px;
+
font-size:13px;
-
color:#FFFFFF;
+
font-weight:bold;
-
background:#336699;
+
margin:0;
 +
padding:11px 0 0 0;
}
}
-
#footer-box li a {
+
ul#sub-menu li{
-
color:#FFFFFF;
+
display:block;
 +
float:left;
 +
margin:0 0 0 4px;
 +
height:27px;
 +
}
 +
ul#sub-menu li.left{
 +
margin:0;
 +
}
 +
ul#sub-menu li a{
 +
display:block;
 +
float:left;
 +
color:#fff;
 +
line-height:27px;
 +
text-decoration:none;
 +
padding:0 17px 0 18px;
 +
height:27px;
 +
}
 +
ul#sub-menu li a.right{
 +
padding-right:19px;
 +
}
 +
ul#sub-menu li a:hover{
 +
text-decoration: underline;
 +
}
 +
ul#sub-menu li a.current{
 +
color:#000000;
 +
background:#FFFFFF;
}
}
 +
/*
 +
End Format ETHZ_Basel
 +
*/
</style>
</style>
<div id="header">
<div id="header">
Line 179: Line 286:
<div id="navigation">
<div id="navigation">
   <ul id="simple-menu">
   <ul id="simple-menu">
-
     <li><a href="https://2010.igem.org/Team:ETHZ_Basel"><span>Home</span></a></li>
+
     <li><a href="https://2010.igem.org/Team:ETHZ_Basel" class="start"><span>Start</span></a></li>
-
    <li><a href="https://2010.igem.org/Team:ETHZ_Basel/Team"><span>Team</span></a></li>
+
     <li><a href="https://2010.igem.org/Team:ETHZ_Basel/Project" class="project"><span>Project</span></a></li>
     <li><a href="https://2010.igem.org/Team:ETHZ_Basel/Project" class="project"><span>Project</span></a></li>
-
     <li><a href="https://2010.igem.org/Team:ETHZ_Basel/Lab" class="bio"><span>Lab</span></a></li>
+
     <li><a href="https://2010.igem.org/Team:ETHZ_Basel/Biology" class="biology"><span>Biology</span></a></li>
-
    <li><a href="https://2010.igem.org/Team:ETHZ_Basel/Lab/notebook" class="bio"><span>Notes</span></a></li>
+
-
    <li><a href="https://2010.igem.org/Team:ETHZ_Basel/Parts" class="bio"><span>Parts</span></a></li>
+
     <li><a href="https://2010.igem.org/Team:ETHZ_Basel/Modeling" class="modeling"><span>Modeling</span></a></li>
     <li><a href="https://2010.igem.org/Team:ETHZ_Basel/Modeling" class="modeling"><span>Modeling</span></a></li>
-
    <li><a href="https://2010.igem.org/Team:ETHZ_Basel/ImagingPipeline" class="modeling"><span>Imaging & Control</span></a></li>
 
     <li><a href="https://2010.igem.org/Team:ETHZ_Basel/Literature"><span>Literature</span></a></li>
     <li><a href="https://2010.igem.org/Team:ETHZ_Basel/Literature"><span>Literature</span></a></li>
     <li><a href="https://2010.igem.org/Team:ETHZ_Basel/Help"><span>Help</span></a></li>
     <li><a href="https://2010.igem.org/Team:ETHZ_Basel/Help"><span>Help</span></a></li>
-
     <li><a href="https://2010.igem.org/Team:ETHZ_Basel/Open_Problems"><span>Internal</span></a></li>
+
     <li><a href="https://2010.igem.org/Team:ETHZ_Basel/Internal"><span>Internal</span></a></li>
   </ul>
   </ul>
-
<script language="javascript">setPage()</script>
 
</div>
</div>
</html>
</html>

Revision as of 13:12, 8 September 2010