Template:ETHZ Basel10 css
From 2010.igem.org
(Difference between revisions)
(208 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
- | < | + | <head> |
- | < | + | <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"> |
- | + | /* | |
- | + | Start Format iGEM base | |
- | } | + | */ |
+ | body { | ||
+ | /* format main-background C0C5CA*/ | ||
+ | background-color: #7297BA; | ||
+ | } | ||
+ | #bodyContent a{ | ||
+ | /* format link color*/ | ||
+ | } | ||
+ | #content { | ||
+ | /* format global document body */ | ||
+ | font-family:"Verdana",Arial,sans-serif; | ||
+ | background-color: #FFFFFF; | ||
+ | } | ||
- | + | .firstHeading { | |
- | { | + | /* removes pagename */ |
- | + | display: none; | |
- | top | + | } |
- | + | #top-section { | |
- | + | /* formats iGEM header div */ | |
- | + | border: 0px; | |
- | + | height: 0px; | |
- | } | + | } |
- | # | + | #p-logo { |
- | { | + | /* removes iGEM logo */ |
- | + | display: none; | |
- | } | + | } |
- | #menubar.right-menu | + | #menubar { |
- | { | + | /* format top menubar */ |
- | + | top: 0px; | |
- | + | float: left; | |
- | + | border: none; | |
- | + | font-family:"Trebuchet MS","Verdana",Arial,sans-serif; | |
- | + | font-size:85%; | |
- | + | height: 22px; | |
- | } | + | } |
- | #menubar.left-menu | + | #menubar li a { |
- | { | + | color: #7297BA; |
- | + | } | |
- | + | #menubar li a:hover { | |
- | + | text-decoration: underline; | |
- | + | } | |
- | } | + | #menubar.right-menu { |
- | # | + | /* format right part of top menubar and add iGEM mini logo */ |
- | { | + | text-align: right; |
- | + | right: auto; | |
- | } | + | background-color: #336699; |
+ | width: 975px; | ||
+ | z-index: 7; | ||
+ | } | ||
+ | #menubar.left-menu { | ||
+ | /* format left part of top menubar */ | ||
+ | text-align: left; | ||
+ | width: auto; | ||
+ | z-index: 8; | ||
+ | } | ||
+ | |||
+ | #search-controls { | ||
+ | /* format searchbar */ | ||
+ | top: 24px; | ||
+ | overflow :visible; | ||
+ | display:block; | ||
+ | background: none; | ||
+ | width: 965px; | ||
+ | border: 0; | ||
+ | margin: 0; | ||
+ | height: auto; | ||
+ | text-align: right; | ||
+ | right: auto; | ||
+ | } | ||
+ | #searchInput { | ||
+ | /* format search input field */ | ||
- | + | font-size:85%; | |
- | + | width: 100px; | |
- | + | background-color: #336699; | |
- | + | color: #FFFFFF; | |
- | + | border-width: thin; | |
- | + | padding-right: 2px; | |
- | + | padding-left: 2px; | |
- | + | } | |
- | + | #searchform { | |
- | + | margin: 1px; | |
- | + | } | |
- | + | input.searchButton { | |
- | + | /* format search input buttons */ | |
- | + | font-family:"Trebuchet MS",Arial,sans-serif; | |
- | + | font-size: 85%; | |
- | + | margin: 0; | |
- | + | color: #FFFFFF; | |
- | + | font-weight: normal; | |
- | + | cursor: hand; | |
- | + | cursor:pointer; | |
- | + | padding-right: 2px; | |
- | + | padding-left: 2px; | |
- | } | + | } |
- | #searchform | + | input.searchButton:hover { |
- | { | + | color: #FFFFFF; |
- | + | text-decoration: underline; | |
- | } | + | } |
- | input.searchButton | + | |
- | { | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | } | + | |
- | + | #footer-box { | |
- | { | + | /* format footer to match top menubar */ |
- | + | font-family:"Trebuchet MS",Arial,sans-serif; | |
- | + | font-size: 12px; | |
- | + | color:#FFFFFF; | |
- | + | background:#336699; | |
- | + | border-top: #000000 1px solid; | |
- | + | border-bottom: #000000 1px solid; | |
- | + | } | |
- | + | #footer-box li a { | |
- | + | color:#7297BA; | |
- | # | + | } |
- | + | #footer-box li a:hover { | |
- | + | color:#FFFFFF; | |
- | + | } | |
- | + | ||
- | + | ||
- | # | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | } | + | |
- | + | ||
- | { | + | |
- | + | ||
- | + | ||
- | } | + | |
- | + | ||
- | { | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | } | + | |
- | + | /* | |
+ | End Format iGEM base | ||
+ | */ | ||
+ | /* | ||
+ | Start Format ETHZ_Basel | ||
+ | */ | ||
+ | #header{ | ||
+ | /* position logo */ | ||
+ | width: 975px; | ||
+ | position: relative; | ||
+ | left: -5px; | ||
+ | background-color: #336699; | ||
+ | } | ||
+ | |||
+ | #navigation{ | ||
+ | /* main div for navigation */ | ||
+ | width: 945px; | ||
+ | position: relative; | ||
+ | left: -5px; | ||
+ | padding: 5px 15px 0 15px; | ||
+ | background:#336699; | ||
+ | border-bottom: #000000 1px solid; | ||
+ | } | ||
+ | ul#simple-menu{ | ||
+ | list-style-type:none; | ||
+ | width:100%; | ||
+ | position:relative; | ||
+ | height:28px; | ||
+ | font-family:"Trebuchet MS",Arial,sans-serif; | ||
+ | font-size:13px; | ||
+ | font-weight:bold; | ||
+ | margin:0; | ||
+ | padding:11px 0 0 0; | ||
+ | } | ||
+ | ul#simple-menu li{ | ||
+ | display:block; | ||
+ | float:left; | ||
+ | margin:0 0 0 4px; | ||
+ | height:27px; | ||
+ | } | ||
+ | ul#simple-menu li.left{ | ||
+ | margin:0; | ||
+ | } | ||
+ | ul#simple-menu li a{ | ||
+ | display:block; | ||
+ | float:left; | ||
+ | color:#fff; | ||
+ | background:#073515; | ||
+ | line-height:27px; | ||
+ | text-decoration:none; | ||
+ | padding:0 17px 0 18px; | ||
+ | height:27px; | ||
+ | border: #000000 1px solid; | ||
+ | border-bottom: #000000 1px solid; | ||
+ | } | ||
+ | ul#simple-menu li a.current, ul#simple-menu li a.current:hover{ | ||
+ | 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{ | ||
+ | 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{ | ||
+ | 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{ | ||
+ | padding-right:19px; | ||
+ | } | ||
+ | ul#simple-menu li a:hover{ | ||
+ | color: #000000; | ||
+ | text-decoration: underline; | ||
+ | background:#B6F3BF; | ||
+ | } | ||
+ | |||
+ | #subnavigation{ | ||
+ | /* main div for subnavigation */ | ||
+ | width: 945px; | ||
+ | position: relative; | ||
+ | left: -5px; | ||
+ | padding: 0px 15px 0 15px; | ||
+ | background:#073515; | ||
+ | border-bottom: #000000 1px solid; | ||
+ | } | ||
+ | #subnavigation.introduction{ | ||
+ | background:#6BD37A; | ||
+ | } | ||
+ | #subnavigation.biology{ | ||
+ | background:#41BD54; | ||
+ | } | ||
+ | #subnavigation.modeling{ | ||
+ | background:#26913B; | ||
+ | } | ||
+ | #subnavigation.information{ | ||
+ | background:#306B3C; | ||
+ | } | ||
+ | #subnavigation.achievements{ | ||
+ | background:#0E491F; | ||
+ | } | ||
+ | #subnavigation.team{ | ||
+ | background:#073515; | ||
+ | } | ||
+ | ul#sub-menu{ | ||
+ | list-style-type:none; | ||
+ | width:100%; | ||
+ | position:relative; | ||
+ | height:28px; | ||
+ | font-family:"Trebuchet MS",Arial,sans-serif; | ||
+ | font-size:13px; | ||
+ | font-weight:bold; | ||
+ | margin:0; | ||
+ | padding:11px 0 0 0; | ||
+ | } | ||
+ | ul#sub-menu li{ | ||
+ | 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; | ||
+ | border: #fff 1px solid; | ||
+ | border-bottom: none; | ||
+ | } | ||
+ | ul#sub-menu li a.right{ | ||
+ | padding-right:19px; | ||
+ | } | ||
+ | ul#sub-menu li a:hover{ | ||
+ | color:#000000; | ||
+ | text-decoration: underline; | ||
+ | background:#FFFFFF; | ||
+ | border: #000000 1px solid; | ||
+ | border-bottom: none; | ||
+ | } | ||
+ | ul#sub-menu li a.current{ | ||
+ | color:#000000; | ||
+ | background:#FFFFFF; | ||
+ | border: #000000 1px solid; | ||
+ | border-bottom: #FFFFFF 1px solid; | ||
+ | } | ||
+ | /* | ||
+ | End Format ETHZ_Basel | ||
+ | */ | ||
+ | </style> | ||
+ | </head> | ||
</html> | </html> |
Latest revision as of 12:40, 24 October 2010