Template:ETHZ Basel10 css
From 2010.igem.org
(Difference between revisions)
(134 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<head> | <head> | ||
- | <script type="text/javascript"> | + | <script type="text/javascript"> |
- | function getURL( | + | |
+ | 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 = hrefString.split('/'); | + | 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(); | return (arr.length<2) ? hrefString : arr[arr.length-2].toLowerCase() + arr[arr.length-1].toLowerCase(); | ||
} | } | ||
Line 30: | Line 43: | ||
setCurrentLink(document.getElementById("subnavigation").getElementsByTagName("a"), getURL(hrefString)); | setCurrentLink(document.getElementById("subnavigation").getElementsByTagName("a"), getURL(hrefString)); | ||
} | } | ||
+ | |||
</script> | </script> | ||
<style type="text/css"> | <style type="text/css"> | ||
Line 39: | Line 53: | ||
background-color: #7297BA; | background-color: #7297BA; | ||
} | } | ||
+ | #bodyContent a{ | ||
+ | /* format link color*/ | ||
+ | } | ||
#content { | #content { | ||
/* format global document body */ | /* format global document body */ | ||
Line 64: | Line 81: | ||
float: left; | float: left; | ||
border: none; | border: none; | ||
- | font-family:"Trebuchet MS",Arial,sans-serif; | + | font-family:"Trebuchet MS","Verdana",Arial,sans-serif; |
font-size:85%; | font-size:85%; | ||
height: 22px; | height: 22px; | ||
Line 139: | 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 172: | 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 177: | 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 197: | Line 215: | ||
float:left; | float:left; | ||
color:#fff; | color:#fff; | ||
- | background:# | + | background:#073515; |
line-height:27px; | line-height:27px; | ||
text-decoration:none; | text-decoration:none; | ||
padding:0 17px 0 18px; | padding:0 17px 0 18px; | ||
height:27px; | height:27px; | ||
+ | border: #000000 1px solid; | ||
+ | border-bottom: #000000 1px solid; | ||
} | } | ||
- | 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. | + | ul#simple-menu li a.introduction{ |
- | background:# | + | 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{ | ||
+ | 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{ | ||
+ | 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 219: | 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 228: | Line 291: | ||
left: -5px; | left: -5px; | ||
padding: 0px 15px 0 15px; | padding: 0px 15px 0 15px; | ||
- | background:# | + | 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{ | ||
+ | background:#306B3C; | ||
+ | } | ||
+ | #subnavigation.achievements{ | ||
+ | background:#0E491F; | ||
+ | } | ||
+ | #subnavigation.team{ | ||
+ | background:#073515; | ||
} | } | ||
ul#sub-menu{ | ul#sub-menu{ | ||
Line 246: | 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 270: | 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 275: | 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