Team:Aberdeen Scotland/css

From 2009.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<html>
<style type="text/css">
<style type="text/css">
Line 68: Line 69:
a:link, a:visited {text-decoration: none; color:#003399;}
a:link, a:visited {text-decoration: none; color:#003399;}
a:hover {color: #D76519;}
a:hover {color: #D76519;}
-
 
-
/* top menu */
 
-
#topmenu {list-style: none; margin: 7px 0px 0px 0px; float:right;}
 
-
#topmenu ul {display: none;}
 
-
#topmenu li {float: left; margin: 0 1px 0 0; padding: 0;}
 
-
#topmenu a {float: left; display: block; padding: 4px 17px 4px 17px; background: #6F787F; color: #fff; font-weight: bold;}
 
-
#topmenu a:hover {background: #7D868B; color: #fff;}
 
/* footer */
/* footer */
Line 82: Line 76:
#wikifooter p {color: #808080; padding: 0px 37px 20px 37px;}
#wikifooter p {color: #808080; padding: 0px 37px 20px 37px;}
#wikifooter a, #wikifooter a:visited {color: #808080;}
#wikifooter a, #wikifooter a:visited {color: #808080;}
 +
 +
/**************** topmenu coding *****************/
 +
 +
#topmenu {
 +
width: 70%;
 +
float: right;
 +
margin: 7px 0px 0px 0px;
 +
}
 +
 +
#topmenu ul {
 +
list-style: none;
 +
margin: 0;
 +
padding: 0;
 +
width: 7.5em;
 +
float: right;
 +
}
 +
 +
 +
#topmenu a, #topmenu h2 {
 +
font: bold 11px/16px arial, helvetica, sans-serif;
 +
display: block;
 +
background: #7D868B;
 +
font-weight: bold;
 +
color: #fff;
 +
border-width: 0px;
 +
border-style: solid;
 +
border-color: #fff #888 #555 #bbb;
 +
margin: 0;
 +
padding: 4px 17px 4px 17px;
 +
}
 +
 +
#topmenu h2 {
 +
color: #fff;
 +
background: #6F787F;
 +
}
 +
 +
#topmenu a {
 +
color: #ffffff;
 +
background: #6F787F;
 +
text-decoration: none;
 +
}
 +
 +
#topmenu a:hover {
 +
background: #ffffff;
 +
color: #000000;
 +
 +
}
 +
 +
#topmenu li {position: relative;}
 +
 +
#topmenu ul ul {
 +
position: absolute;
 +
z-index: 500;
 +
}
 +
 +
#topmenu ul ul ul {
 +
position: absolute;
 +
top: 0;
 +
left: 100%;
 +
}
 +
 +
div#topmenu ul ul,
 +
div#topmenu ul li:hover ul ul,
 +
div#topmenu ul ul li:hover ul ul
 +
{display: none;}
 +
 +
div#topmenu ul li:hover ul,
 +
div#topmenu ul ul li:hover ul,
 +
div#topmenu ul ul ul li:hover ul
 +
{display: block;}
</style>
</style>
 +
<!--[if IE]>
 +
<style type="text/css" media="screen">
 +
#topmenu ul li {float: left; width: 100%;}
 +
</style>
 +
<![endif]-->
 +
<!--[if lt IE 7]>
 +
<style type="text/css" media="screen">
 +
body {
 +
behavior: url(csshover.htc);
 +
font-size: 100%;
 +
}
 +
 +
#topmenu ul li a {height: 1%;}
 +
 +
 +
 +
 +
</style>
 +
<![endif]-->
 +
</html>
</html>

Revision as of 08:52, 24 July 2009

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">