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:# | + | 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. | + | |
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{ | ||
- | + | text-decoration: underline; | |
} | } | ||
- | + | ||
- | + | #subnavigation{ | |
- | + | /* main div for subnavigation */ | |
- | background:# | + | width: 945px; |
+ | position: relative; | ||
+ | left: -5px; | ||
+ | padding: 5px 15px 0 15px; | ||
+ | background:#3F4955; | ||
} | } | ||
- | + | #subnavigation.start{ | |
- | + | background:#7297BA; | |
- | + | ||
- | background:# | + | |
} | } | ||
- | + | #subnavigation.project{ | |
- | # | + | 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: | + | font-size:13px; |
- | + | font-weight:bold; | |
- | + | margin:0; | |
+ | padding:11px 0 0 0; | ||
} | } | ||
- | # | + | 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" | + | <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/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/ | + | <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/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/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/ | + | <li><a href="https://2010.igem.org/Team:ETHZ_Basel/Internal"><span>Internal</span></a></li> |
</ul> | </ul> | ||
- | |||
</div> | </div> | ||
</html> | </html> |
Revision as of 13:12, 8 September 2010