Template:ETHZ Basel10 css
From 2010.igem.org
(Difference between revisions)
(185 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 36: | Line 50: | ||
*/ | */ | ||
body { | body { | ||
- | /* format main-background */ | + | /* format main-background C0C5CA*/ |
- | background-color: # | + | background-color: #7297BA; |
} | } | ||
+ | #bodyContent a{ | ||
+ | /* format link color*/ | ||
+ | } | ||
#content { | #content { | ||
/* format global document body */ | /* format global document body */ | ||
font-family:"Verdana",Arial,sans-serif; | font-family:"Verdana",Arial,sans-serif; | ||
+ | background-color: #FFFFFF; | ||
} | } | ||
Line 60: | Line 78: | ||
#menubar { | #menubar { | ||
/* format top menubar */ | /* format top menubar */ | ||
- | |||
top: 0px; | top: 0px; | ||
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; | ||
} | } | ||
#menubar li a { | #menubar li a { | ||
- | color: # | + | color: #7297BA; |
} | } | ||
#menubar li a:hover { | #menubar li a:hover { | ||
Line 78: | Line 95: | ||
text-align: right; | text-align: right; | ||
right: auto; | right: auto; | ||
+ | background-color: #336699; | ||
width: 975px; | width: 975px; | ||
z-index: 7; | z-index: 7; | ||
Line 84: | Line 102: | ||
/* format left part of top menubar */ | /* format left part of top menubar */ | ||
text-align: left; | text-align: left; | ||
- | |||
width: auto; | width: auto; | ||
z-index: 8; | z-index: 8; | ||
Line 104: | Line 121: | ||
#searchInput { | #searchInput { | ||
/* format search input field */ | /* format search input field */ | ||
+ | |||
font-size:85%; | font-size:85%; | ||
width: 100px; | width: 100px; | ||
- | color: # | + | background-color: #336699; |
- | border: | + | color: #FFFFFF; |
+ | border-width: thin; | ||
padding-right: 2px; | padding-right: 2px; | ||
padding-left: 2px; | padding-left: 2px; | ||
Line 117: | Line 136: | ||
/* format search input buttons */ | /* format search input buttons */ | ||
font-family:"Trebuchet MS",Arial,sans-serif; | font-family:"Trebuchet MS",Arial,sans-serif; | ||
- | font-size: | + | font-size: 85%; |
margin: 0; | margin: 0; | ||
- | color: # | + | color: #FFFFFF; |
font-weight: normal; | font-weight: normal; | ||
cursor: hand; | cursor: hand; | ||
Line 127: | Line 146: | ||
} | } | ||
input.searchButton:hover { | input.searchButton:hover { | ||
- | color: # | + | color: #FFFFFF; |
text-decoration: underline; | text-decoration: underline; | ||
} | } | ||
Line 134: | Line 153: | ||
/* format footer to match top menubar */ | /* format footer to match top menubar */ | ||
font-family:"Trebuchet MS",Arial,sans-serif; | font-family:"Trebuchet MS",Arial,sans-serif; | ||
- | font-size:12px; | + | font-size: 12px; |
color:#FFFFFF; | color:#FFFFFF; | ||
background:#336699; | background:#336699; | ||
+ | border-top: #000000 1px solid; | ||
+ | border-bottom: #000000 1px solid; | ||
} | } | ||
#footer-box li a { | #footer-box li a { | ||
+ | color:#7297BA; | ||
+ | } | ||
+ | #footer-box li a:hover { | ||
color:#FFFFFF; | color:#FFFFFF; | ||
} | } | ||
Line 155: | Line 179: | ||
position: relative; | position: relative; | ||
left: -5px; | left: -5px; | ||
+ | background-color: #336699; | ||
} | } | ||
Line 164: | 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 169: | 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 189: | 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 211: | 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 219: | Line 290: | ||
position: relative; | position: relative; | ||
left: -5px; | left: -5px; | ||
- | padding: | + | 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 238: | 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 262: | 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 267: | 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