Template:ETHZ Basel10 css

From 2010.igem.org

(Difference between revisions)
 
(191 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<head>
<head>
-
<script type="text/javascript">
+
<script type="text/javascript">
-
function getURL(hrefString)
+
 
 +
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: #C0C5CA;
+
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 63: 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;
}
}
#menubar li a {
#menubar li a {
-
color: #FFFFFF;
+
color: #7297BA;
}
}
#menubar li a:hover {
#menubar li a:hover {
Line 74: Line 92:
}
}
#menubar.right-menu {
#menubar.right-menu {
-
/* format right part of top menubar */
+
/* format right part of top menubar and add iGEM mini logo */
text-align: right;
text-align: right;
right: auto;
right: auto;
 +
background-color: #336699;
width: 975px;
width: 975px;
z-index: 7;
z-index: 7;
Line 83: Line 102:
/* format left part of top menubar */
/* format left part of top menubar */
text-align: left;
text-align: left;
-
left: 60px;
 
width: auto;
width: auto;
z-index: 8;
z-index: 8;
Line 103: Line 121:
#searchInput {
#searchInput {
/* format search input field */
/* format search input field */
 +
font-size:85%;
font-size:85%;
width: 100px;
width: 100px;
-
color: #000000;
+
background-color: #336699;
-
border: 1;
+
color: #FFFFFF;
 +
border-width: thin;
padding-right: 2px;
padding-right: 2px;
padding-left: 2px;
padding-left: 2px;
Line 116: 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:80%;
+
font-size: 85%;
margin: 0;
margin: 0;
color: #FFFFFF;
color: #FFFFFF;
Line 126: Line 146:
}
}
input.searchButton:hover {
input.searchButton:hover {
 +
color: #FFFFFF;
text-decoration: underline;
text-decoration: underline;
}
}
Line 132: 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 151: Line 177:
/* position logo */
/* position logo */
width: 975px;
width: 975px;
-
position: absolute;
+
position: relative;
-
top: 0px;
+
left: -5px;
-
left: 0px;
+
background-color: #336699;
}
}
Line 163: 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 168: Line 195:
width:100%;
width:100%;
position:relative;
position:relative;
-
height:27px;
+
height:28px;
font-family:"Trebuchet MS",Arial,sans-serif;
font-family:"Trebuchet MS",Arial,sans-serif;
font-size:13px;
font-size:13px;
Line 188: Line 215:
float:left;
float:left;
color:#fff;
color:#fff;
-
background:#3F4955;
+
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.start{
+
ul#simple-menu li a.current, ul#simple-menu li a.current:hover{
-
background:#7297BA;
+
color: #FFFFFF;
 +
background:#073515;
 +
border-bottom: #073515 1px solid;
}
}
-
ul#simple-menu li a.project{
+
ul#simple-menu li a.introduction{
-
background:#F2BC00;
+
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:#049966;
+
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:#B94211;
+
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 210: 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 218: Line 290:
position: relative;
position: relative;
left: -5px;
left: -5px;
-
padding: 5px 15px 0 15px;
+
padding: 0px 15px 0 15px;
-
background:#3F4955;
+
background:#073515;
 +
border-bottom: #000000 1px solid;
}
}
-
#subnavigation.start{
+
#subnavigation.introduction{
-
background:#7297BA;
+
background:#6BD37A;
-
}
+
-
#subnavigation.project{
+
-
background:#F2BC00;
+
}
}
#subnavigation.biology{
#subnavigation.biology{
-
background:#049966;
+
background:#41BD54;
}
}
#subnavigation.modeling{
#subnavigation.modeling{
-
background:#B94211;
+
background:#26913B;
 +
}
 +
#subnavigation.information{
 +
background:#306B3C;
 +
}
 +
#subnavigation.achievements{
 +
background:#0E491F;
 +
}
 +
#subnavigation.team{
 +
background:#073515;
}
}
ul#sub-menu{
ul#sub-menu{
Line 237: Line 316:
width:100%;
width:100%;
position:relative;
position:relative;
-
height:27px;
+
height:28px;
font-family:"Trebuchet MS",Arial,sans-serif;
font-family:"Trebuchet MS",Arial,sans-serif;
font-size:13px;
font-size:13px;
Line 261: 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 266: 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;
}
}
/*
/*
Line 277: Line 364:
</style>
</style>
</head>
</head>
-
<div id="header">
 
-
<img src="https://static.igem.org/mediawiki/2010/7/7c/ETHZ_Basel_header.png">
 
-
</div>
 
</html>
</html>

Latest revision as of 12:40, 24 October 2010

Retrieved from "http://2010.igem.org/Template:ETHZ_Basel10_css"