Template:ETHZ Basel10 css

From 2010.igem.org

(Difference between revisions)
 
(210 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
</p>
+
<head>
-
<style type="text/css">
+
<script type="text/javascript">
-
.firstHeading
+
var _gaq = _gaq || [];
-
{
+
_gaq.push(['_setAccount', 'UA-19289516-1']);
-
display: none;
+
_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));
 +
}
-
#top-section
+
</script>
-
{
+
<style type="text/css">
-
border: 0px;
+
/*
-
height: 18px;
+
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;
 +
}
-
#menubar
+
.firstHeading {
-
{
+
/* removes pagename */
-
position: fixed;
+
display: none;
-
top: 0px;
+
}
-
float: left;
+
#top-section {
-
border: none;
+
/* formats iGEM header div */
-
font-size:85%;
+
border: 0px;
-
height: 18px;
+
height: 0px;
-
}
+
}
-
#menubar li a
+
#p-logo {
-
{
+
/* removes iGEM logo */
-
color: #868686;
+
display: none;
-
}
+
}
-
#menubar.right-menu
+
#menubar {
-
{
+
/* format top menubar */
-
text-align: right;
+
top: 0px;
-
right: auto;
+
float: left;
-
background-color: #494D51;
+
border: none;
-
border-bottom: black 1px solid;
+
font-family:"Trebuchet MS","Verdana",Arial,sans-serif;
-
width: 977px;
+
font-size:85%;
-
z-index: 7;
+
height: 22px;
-
}
+
}
-
#menubar.left-menu
+
#menubar li a {
-
{
+
color: #7297BA;
-
text-align: left;
+
}
-
left: auto;
+
#menubar li a:hover {
-
width: auto;
+
text-decoration: underline;
-
z-index: 8;
+
}
-
}
+
#menubar.right-menu {
-
#p-logo
+
/* format right part of top menubar and add iGEM mini logo */
-
{
+
text-align: right;
-
display: none;
+
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 */
-
#search-controls
+
font-size:85%;
-
{
+
width: 100px;
-
position: fixed;
+
background-color: #336699;
-
top: 24px;
+
color: #FFFFFF;
-
overflow :visible;
+
border-width: thin;
-
display:block;
+
padding-right: 2px;
-
background: none;
+
padding-left: 2px;
-
width: 975px;
+
}
-
border: 0;
+
#searchform {
-
margin: 0;
+
margin: 1px;
-
height: auto;
+
}
-
text-align: right;
+
input.searchButton {
-
right: auto;
+
/* format search input buttons */
-
}
+
font-family:"Trebuchet MS",Arial,sans-serif;
-
#searchInput
+
font-size: 85%;
-
{
+
margin: 0;
-
font-size:85%;
+
color: #FFFFFF;
-
width: 100px;
+
font-weight: normal;
-
color: #000000;
+
cursor: hand;
-
border: 1;
+
cursor:pointer;
-
padding-right: 2px;
+
padding-right: 2px;
-
padding-left: 2px;
+
padding-left: 2px;
-
}
+
}
-
#searchform
+
input.searchButton:hover {
-
{
+
color: #FFFFFF;
-
margin: 1px;
+
text-decoration: underline;
-
}
+
}
-
input.searchButton
+
-
{
+
-
font-size:80%;
+
-
margin: 0;
+
-
color: #000000;
+
-
font-weight: normal;
+
-
cursor: hand;
+
-
cursor:pointer;
+
-
padding-right: 2px;
+
-
padding-left: 2px;
+
-
}
+
 +
#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;
 +
}
-
.editsection
+
/*
-
{
+
End Format iGEM base
-
color: #555555;
+
*/
-
font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
+
-
font-size: 12.5px;
+
-
font-weight: normal;
+
-
text-decoration: none;
+
-
}
+
-
.editsection a
+
-
{
+
-
color: #555555;
+
-
}
+
-
.editsection a:hover
+
-
{
+
-
color: #000000;
+
-
}
+
-
.editsection a:visited
+
-
{
+
-
color: #555555;
+
-
}
+
-
.editsection a:active
+
-
{
+
-
color: #555555;
+
-
}
+
 +
/*
 +
Start Format ETHZ_Basel
 +
*/
-
div.thumb, div.tright, div.tleft, div.center
+
#header{
-
{
+
/* position logo */
-
background: none;
+
width: 975px;
-
border: 0;
+
position: relative;
-
margin: 3px;
+
left: -5px;
-
}
+
background-color: #336699;
-
 
+
}
-
 
+
-
a[name]
+
-
{
+
-
position: relative;
+
-
top: -300px;
+
-
display:block;
+
-
}
+
-
 
+
-
 
+
-
.toclevel-1
+
-
{
+
-
float: left;
+
-
list-style-type: none;
+
-
margin-left: 0px;
+
-
margin-right: 20px;
+
-
}
+
-
#toctitle
+
-
{
+
-
display: none;
+
-
}
+
-
#toc
+
-
{
+
-
border: 0;
+
-
padding: 0;
+
-
background: transparent;
+
-
}
+
-
#toc ul
+
-
{
+
-
margin: 0;
+
-
}
+
-
#toctable p
+
-
{
+
-
margin: 0;
+
-
}
+
-
.toclevel-1 a span
+
-
{
+
-
color: #000000;
+
-
text-decoration: none;
+
-
}
+
-
.toclevel-1 a:active span
+
-
{
+
-
color: #000000;
+
-
text-decoration: none;
+
-
}
+
-
.toclevel-1 a:hover span
+
-
{
+
-
color: #000000;
+
-
text-decoration: underline;
+
-
}
+
-
.toclevel-2
+
-
{
+
-
display: none;
+
-
}
+
-
.toclevel-3
+
-
{
+
-
display: none;
+
-
}
+
-
.tocnumber
+
-
{
+
-
display: none;
+
-
}
+
 +
#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>
</style>
-
 
+
</head>
-
 
+
</html>
</html>

Latest revision as of 12:40, 24 October 2010