Template:ETHZ Basel10 css
From 2010.igem.org
(Difference between revisions)
(94 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<head> | <head> | ||
- | <script type="text/javascript" src= | + | <script type="text/javascript"> |
+ | |||
+ | var _gaq = _gaq || []; | ||
+ | _gaq.push(['_setAccount', 'UA-19289516-1']); | ||
+ | _gaq.push(['_trackPageview']); | ||
+ | |||
+ | (function() { | ||
+ | var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; | ||
+ | ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; | ||
+ | var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); | ||
+ | })(); | ||
+ | |||
+ | function getURL(subhrefString) | ||
+ | { | ||
+ | var arr_sub = subhrefString.split('#'); | ||
+ | var hrefString = arr_sub[0]; | ||
+ | var arr = hrefString[0].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> | ||
<style type="text/css"> | <style type="text/css"> | ||
/* | /* | ||
Line 113: | Line 156: | ||
color:#FFFFFF; | color:#FFFFFF; | ||
background:#336699; | background:#336699; | ||
- | border-top: | + | border-top: #000000 1px solid; |
- | border-bottom: | + | border-bottom: #000000 1px solid; |
} | } | ||
#footer-box li a { | #footer-box li a { | ||
Line 146: | Line 189: | ||
padding: 5px 15px 0 15px; | padding: 5px 15px 0 15px; | ||
background:#336699; | background:#336699; | ||
+ | border-bottom: #000000 1px solid; | ||
} | } | ||
ul#simple-menu{ | ul#simple-menu{ | ||
Line 151: | Line 195: | ||
width:100%; | width:100%; | ||
position:relative; | position:relative; | ||
- | height: | + | height:28px; |
font-family:"Trebuchet MS",Arial,sans-serif; | font-family:"Trebuchet MS",Arial,sans-serif; | ||
font-size:13px; | font-size:13px; | ||
Line 176: | Line 220: | ||
padding:0 17px 0 18px; | padding:0 17px 0 18px; | ||
height:27px; | height:27px; | ||
- | border | + | border: #000000 1px solid; |
- | + | border-bottom: #000000 1px solid; | |
- | border-bottom: | + | |
} | } | ||
- | ul#simple-menu li a. | + | ul#simple-menu li a.current, ul#simple-menu li a.current:hover{ |
- | background:# | + | color: #FFFFFF; |
+ | background:#073515; | ||
+ | border-bottom: #073515 1px solid; | ||
+ | } | ||
+ | ul#simple-menu li a.introduction{ | ||
+ | background:#6BD37A; | ||
+ | } | ||
+ | ul#simple-menu li a.introduction_current, ul#simple-menu li a.introduction_current:hover{ | ||
+ | color: #FFFFFF; | ||
+ | background:#6BD37A; | ||
+ | border-bottom: #6BD37A 1px solid; | ||
} | } | ||
ul#simple-menu li a.biology{ | ul#simple-menu li a.biology{ | ||
- | background:# | + | background:#41BD54; |
+ | } | ||
+ | ul#simple-menu li a.biology_current, ul#simple-menu li a.biology_current:hover{ | ||
+ | color: #FFFFFF; | ||
+ | background:#41BD54; | ||
+ | border-bottom: #41BD54 1px solid; | ||
} | } | ||
ul#simple-menu li a.modeling{ | ul#simple-menu li a.modeling{ | ||
- | background:# | + | background:#26913B; |
+ | } | ||
+ | ul#simple-menu li a.modeling_current, ul#simple-menu li a.modeling_current:hover{ | ||
+ | color: #FFFFFF; | ||
+ | background:#26913B; | ||
+ | border-bottom: #26913B 1px solid; | ||
} | } | ||
ul#simple-menu li a.information{ | ul#simple-menu li a.information{ | ||
- | background:# | + | background:#306B3C; |
+ | } | ||
+ | ul#simple-menu li a.information_current, ul#simple-menu li a.information_current:hover{ | ||
+ | color: #FFFFFF; | ||
+ | background:#306B3C; | ||
+ | border-bottom: #306B3C 1px solid; | ||
+ | } | ||
+ | ul#simple-menu li a.achievements{ | ||
+ | background:#0E491F; | ||
+ | } | ||
+ | ul#simple-menu li a.achievements_current, ul#simple-menu li a.achievements_current:hover{ | ||
+ | color: #FFFFFF; | ||
+ | background:#0E491F; | ||
+ | border-bottom: #0E491F 1px solid; | ||
} | } | ||
ul#simple-menu li a.team{ | ul#simple-menu li a.team{ | ||
- | background:# | + | background:#073515; |
+ | } | ||
+ | ul#simple-menu li a.team_current, ul#simple-menu li a.team_current:hover{ | ||
+ | color: #FFFFFF; | ||
+ | background:#073515; | ||
+ | border-bottom: #073515 1px solid; | ||
} | } | ||
ul#simple-menu li a.right{ | ul#simple-menu li a.right{ | ||
Line 199: | Line 280: | ||
} | } | ||
ul#simple-menu li a:hover{ | ul#simple-menu li a:hover{ | ||
+ | color: #000000; | ||
text-decoration: underline; | text-decoration: underline; | ||
+ | background:#B6F3BF; | ||
} | } | ||
Line 209: | Line 292: | ||
padding: 0px 15px 0 15px; | padding: 0px 15px 0 15px; | ||
background:#073515; | background:#073515; | ||
+ | border-bottom: #000000 1px solid; | ||
} | } | ||
- | #subnavigation. | + | #subnavigation.introduction{ |
- | background:# | + | background:#6BD37A; |
} | } | ||
#subnavigation.biology{ | #subnavigation.biology{ | ||
- | background:# | + | background:#41BD54; |
} | } | ||
#subnavigation.modeling{ | #subnavigation.modeling{ | ||
- | background:# | + | background:#26913B; |
} | } | ||
#subnavigation.information{ | #subnavigation.information{ | ||
- | background:# | + | background:#306B3C; |
+ | } | ||
+ | #subnavigation.achievements{ | ||
+ | background:#0E491F; | ||
} | } | ||
#subnavigation.team{ | #subnavigation.team{ | ||
- | background:# | + | background:#073515; |
} | } | ||
ul#sub-menu{ | ul#sub-menu{ | ||
Line 229: | Line 316: | ||
width:100%; | width:100%; | ||
position:relative; | position:relative; | ||
- | height: | + | height:28px; |
font-family:"Trebuchet MS",Arial,sans-serif; | font-family:"Trebuchet MS",Arial,sans-serif; | ||
font-size:13px; | font-size:13px; | ||
Line 253: | Line 340: | ||
padding:0 17px 0 18px; | padding:0 17px 0 18px; | ||
height:27px; | height:27px; | ||
+ | border: #fff 1px solid; | ||
+ | border-bottom: none; | ||
} | } | ||
ul#sub-menu li a.right{ | ul#sub-menu li a.right{ | ||
Line 258: | Line 347: | ||
} | } | ||
ul#sub-menu li a:hover{ | ul#sub-menu li a:hover{ | ||
+ | color:#000000; | ||
text-decoration: underline; | text-decoration: underline; | ||
+ | background:#FFFFFF; | ||
+ | border: #000000 1px solid; | ||
+ | border-bottom: none; | ||
} | } | ||
ul#sub-menu li a.current{ | ul#sub-menu li a.current{ | ||
color:#000000; | color:#000000; | ||
background:#FFFFFF; | background:#FFFFFF; | ||
+ | border: #000000 1px solid; | ||
+ | border-bottom: #FFFFFF 1px solid; | ||
} | } | ||
/* | /* |
Latest revision as of 12:40, 24 October 2010