Team:Amsterdam/Header

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
-
 
<style type="text/css">
<style type="text/css">
-
table {
+
#contentgrid{padding-left:25px;padding-right:25px;width:925px;border:1px solid #529bc7;background-color:#FFF;margin-left:-6px;margin-bottom:-5px;}
-
font-family:sans-serif;
+
#footer{clear:both;width:100%;border-top:1px solid #529bc7;}
-
}
+
#footer a{color:#000;font-size:100%;}
-
table.calendar td {
+
#footer-box{max-width:953px;}
-
vertical-align:top;
+
#globalWrapper{background-color:#b9e5ff;}
-
align:center;
+
#headerimage{width:965px;margin-bottom:-22px;}
-
}
+
#headerimage img{max-width:965px;}
 +
#headermenu{text-align:center;width:965px;height:22px;border-bottom:1px solid #529bc7;}
 +
#headermenu a{display:block;font:normal 11px verdana,arial,sans-serif;color:#444;line-height:22px;text-decoration:none;padding:0 20px;}
 +
#headermenu a.down b{float:left;background:url(https://static.igem.org/mediawiki/2011/9/94/Tab3.gif) no-repeat right top;cursor:pointer;padding:0 20px 0 0;}
 +
#headermenu a.down:hover b,#headermenu a.down:focus b,#headermenu a.down:active b{color:#000;background:url(https://static.igem.org/mediawiki/2011/9/94/Tab3.gif) no-repeat right -30px;cursor:pointer;}
 +
#headermenu a.top-a{float:left;background:url(https://static.igem.org/mediawiki/2011/d/d7/Tab1.gif) no-repeat left top;padding:0 0 0 20px;}
 +
#headermenu a.top-a b{float:left;background:url(https://static.igem.org/mediawiki/2011/5/54/Tab2.gif) no-repeat right top;cursor:hand;padding:0 20px 0 0;}
 +
#headermenu a.top-a:hover b,#headermenu a.top-a:focus b,#headermenu a.top-a:active b{color:#000;background:url(https://static.igem.org/mediawiki/2011/5/54/Tab2.gif) no-repeat right -30px;cursor:pointer;}
 +
#headermenu a.top-a:hover,#headermenu li.top-li:hover > a{white-space:nowrap;background:url(https://static.igem.org/mediawiki/2011/d/d7/Tab1.gif) no-repeat left -30px;}
 +
#headermenu a:hover ul ul,#headermenu a:hover a:hover ul ul{visibility:hidden;}
 +
#headermenu li{margin:0;padding:0;}
 +
#headermenu li li{border-bottom:1px solid #529bc7;}
 +
#headermenu li li a{background:#fff;}
 +
#headermenu li li a:hover,#headermenu li li:hover > a{background:#e3e6ed;}
 +
#headermenu li li ul{left:100%;margin-top:-23px;margin-left:-5px;}
 +
#headermenu li ul{display:block;position:absolute;visibility:hidden;background:#529bc7;left:0;padding:1px 1px 8px;}
 +
#headermenu li.top-li{float:left;position:relative;margin-right:1px;}
 +
#headermenu li.top-li:hover > a b{color:#000;background:url(https://static.igem.org/mediawiki/2011/5/54/Tab2.gif) no-repeat right -30px;}
 +
#headermenu li.top-li:hover > a.down b{color:#000;background:url(https://static.igem.org/mediawiki/2011/9/94/Tab3.gif) no-repeat right -30px;}
 +
#headermenu li:hover > ul,#headermenu a:hover ul,#headermenu a:hover a:hover ul,#headermenu a:hover a:hover a:hover ul{visibility:visible;}
 +
#headermenu table{text-align:left;position:absolute;top:0;left:0;border-collapse:collapse;}
 +
#headermenu table table{top:auto;left:100%;margin:0;padding:0;}
 +
#headermenu table table ul{margin-top:-7px;}
 +
#headermenu table ul li a{padding-left:20px;}
 +
#headermenu ul{display:inline-block;zoom:1px;text-align:left;list-style:none;white-space:nowrap;margin:0;padding:0;}
 +
#headermenu ul.drop-down{top:22px;opacity:1px;z-index:52;}
 +
#headermenu ul.top{margin:0 auto;}
 +
#leftcolumn{width:598px;float:left;border-right:1px solid #FFF;height:1200px;padding-right:25px;}
 +
#menubar.left-menu{background-color:#FFF;width:975px;float:left;border:none;}
 +
#p-logo{height:0;margin:-1px auto 0 !important;}
 +
#rightcolumn{width:248px;float:right;height:1200px;padding-top:10px;}
 +
#search-controls{display:none;}
 +
#sitenews{overflow:auto;border:1px solid #529bc7;height:300px;width:248px;margin-top:25px;margin-bottom:25px;}
 +
#sponsors{width:673px;margin-top:658px;background-color:#FFF;border:1px solid #529bc7;}
 +
#toc,.toc{float:right;margin-top:50px;}
 +
#top-section{height:14px;margin:0 auto !important;}
 +
.day-active{color:blue;font-weight:700;}
 +
.day-empty,#menubar.left-menu a,#menubar.right-menu a{color:#000;}
 +
.firstHeading{width:0;height:0;display:none;position:relative;top:0;left:0;margin:0;}
 +
<style type="text/css">
 +
table{font-family:sans-serif;}
 +
body{font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;}
 +
h1,h2,h3,h4,h5,h6{color:#529bc7;}
 +
table.calendar td{vertical-align:top;align:center;}
 +
table.month .dow td{color:#000;text-align:center;font-size:100%;}
 +
table.month .heading td{background-color:#529bc7;color:#FFF;text-align:center;font-weight:700;}
 +
table.month a:hover{background-color:#529bc7;text-decoration:none;}
 +
table.month td{border:none;text-align:center;background-color:#FFF;}
 +
table.month,#menubar.right-menu li a{background-color:#FFF;}
 +
</style>
-
table.month {
 
-
background-color:#FFF;
 
-
}
 
-
 
-
table.month .heading td {
 
-
background-color:#529bc7;
 
-
color:#FFF;
 
-
text-align:center;
 
-
font-weight:bold;
 
-
}
 
-
 
-
table.month .dow td {
 
-
color:#000;
 
-
text-align:center;
 
-
font-size:100%;
 
-
}
 
-
 
-
table.month td {
 
-
border:none;
 
-
text-align:center;
 
-
background-color:#FFF;
 
-
}
 
-
 
-
table.month a:hover {
 
-
background-color:#529bc7;
 
-
text-decoration:none;
 
-
}
 
-
 
-
.day-active {
 
-
color:blue;
 
-
font-weight:bold;
 
-
}
 
-
 
-
.day-empty {
 
-
color:#000;
 
-
 
-
}
 
-
 
-
#toc, .toc {
 
-
float: right;
 
-
margin-top: 50px;
 
-
}
 
-
body {font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;}
 
-
 
-
h1, h2, h3, h4, h5, h6 {color:#529bc7}
 
-
#globalWrapper {background-color: #b9e5ff;}
 
-
#top-section { height: 14px; margin: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important;}
 
-
#p-logo { height: 0px; margin: -1px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important;}
 
-
#menubar.left-menu { background-color:white; width:975px; float:left; border: none;}
 
-
#menubar.right-menu li a{ background-color:white;}
 
-
#menubar.left-menu a {color:black;}
 
-
#menubar.right-menu a {color:black;}
 
-
#search-controls {display:none; }
 
-
 
-
#contentgrid {padding-left:25px;padding-right:25px;width:925px;border: 1px solid #529bc7 background-color: white; margin-left:-6px; margin-bottom:-5px; }
 
-
.firstHeading{width: 0px; height: 0px; margin-bottom: 0px; display: none; position: relative; top:0; left:0; margin:0;}
 
-
 
-
#leftcolumn {width:598px; float: left; border-right: 1px solid white;height:1200px; padding-right:25px; }
 
-
#rightcolumn {width:248px; float: right; height:1200px; padding-top:10px;}
 
-
#sitenews {overflow: auto; border:1px solid #529bc7;height:300px; width:248px; margin-top: 25px;margin-bottom:25px;}
 
-
#sponsors {width:673px;margin-top:658px; background-color:white; border: 1px solid #529bc7;}
 
-
#footer {clear:both;width:100%; border-top: 1px solid #529bc7;}
 
-
#footer a {color:black; font-size:100%;}
 
-
#footer-box {max-width:953px;}
 
-
 
-
#headerimage {width:965px; margin-bottom:-22px}
 
-
#headerimage img {max-width:965px;}
 
-
#headermenu {text-align:center; width:965px; height:22px;border-bottom:1px solid #529bc7;}
 
-
#headermenu ul {display:inline-block; zoom:1;}
 
-
#headermenu ul.top {margin-left:0;}
 
-
#headermenu ul {text-align:left; margin:0; padding:0; list-style:none; white-space:nowrap;}
 
-
#headermenu li {margin:0; padding:0;}
 
-
#headermenu a {display:block; font:normal 11px verdana,arial,sans-serif;color:#444; line-height:22px; text-decoration:none; padding:0 20px;}
 
-
#headermenu li:hover > ul {visibility:visible;}
 
-
#headermenu a:hover ul,
 
-
#headermenu a:hover a:hover ul,
 
-
#headermenu a:hover a:hover a:hover ul {visibility:visible;}
 
-
#headermenu a:hover ul ul,
 
-
#headermenu a:hover a:hover ul ul {visibility:hidden;}
 
-
#headermenu ul.top {margin:0 auto;}
 
-
#headermenu li.top-li {float:left; position:relative; margin-right:1px;}
 
-
#headermenu a.top-a {float:left; padding:0 0 0 20px; background:url(https://static.igem.org/mediawiki/2011/d/d7/Tab1.gif) no-repeat left top;}
 
-
#headermenu a.top-a b {float:left; padding:0 20px 0 0; background:url(https://static.igem.org/mediawiki/2011/5/54/Tab2.gif) no-repeat right top; cursor:pointer; cursor:hand;}
 
-
#headermenu a.down b {float:left; padding:0 20px 0 0; background:url(https://static.igem.org/mediawiki/2011/9/94/Tab3.gif) no-repeat right top; cursor:pointer;}
 
-
#headermenu a.top-a:hover {white-space:nowrap; background:url(https://static.igem.org/mediawiki/2011/d/d7/Tab1.gif) no-repeat left -30px;}
 
-
#headermenu a.top-a:hover b,
 
-
#headermenu a.top-a:focus b,
 
-
#headermenu a.top-a:active b {color:#000; background:url(https://static.igem.org/mediawiki/2011/5/54/Tab2.gif) no-repeat right -30px; cursor:pointer;}
 
-
#headermenu a.down:hover b,
 
-
#headermenu a.down:focus b,
 
-
#headermenu a.down:active b {color:#000; background:url(https://static.igem.org/mediawiki/2011/9/94/Tab3.gif) no-repeat right -30px; cursor:pointer;}
 
-
#headermenu li.top-li:hover > a {white-space:nowrap; background:url(https://static.igem.org/mediawiki/2011/d/d7/Tab1.gif) no-repeat left -30px;}
 
-
#headermenu li.top-li:hover > a b {color:#000;  background:url(https://static.igem.org/mediawiki/2011/5/54/Tab2.gif) no-repeat right -30px;}
 
-
#headermenu li.top-li:hover > a.down b {color:#000;  background:url(https://static.igem.org/mediawiki/2011/9/94/Tab3.gif) no-repeat right -30px;}
 
-
#headermenu li ul {display:block; position:absolute; visibility:hidden; background:#529bc7; padding:1px 1px 8px 1px; left:0;}
 
-
#headermenu li li {border-bottom:1px solid #529bc7;}
 
-
#headermenu li li a {background:#fff;}
 
-
#headermenu li li a:hover {background:#e3e6ed;}
 
-
#headermenu li li:hover > a {background:#e3e6ed;}
 
-
#headermenu ul.drop-down {top:22px; opacity:1;  z-index:52;}
 
-
#headermenu li li ul {left:100%; margin-top:-23px; margin-left:-5px;}
 
-
#headermenu table {text-align:left; position:absolute;top:0;left:0;border-collapse:collapse;}
 
-
#headermenu table ul li a {padding-left:0; padd\ing-left:20px;}
 
-
#headermenu table table {top:auto; left:100%; margin-left:-1px; padding:0; margin:0;}
 
-
#headermenu table table ul {margin-top:-4px; marg\in-top:-7px;}
 
-
</style>
 
<div id="wrap">
<div id="wrap">
<div id= "headerimage">
<div id= "headerimage">

Revision as of 13:33, 26 July 2011