"
Team:Groningen/style.css
From 2012.igem.org
/* Ismael-
Don't worry, the previous style.css has been moved to Team:Groningen/styletest.css. I wanted to play around with the menu elements for a bit. You're right, the menu image is too narrow. The options need to be spaced further apart. There isn't enough space in between for the little cogs.
-Jon
- /
/*Header*/
/*test the menubar ID_8-8-2012-16:08*/
- expand
.expand-down {
background-position: center center; font-family: Arial,Helvetica,sans-serif; line-height: normal; margin-bottom: 30px; margin-left: 50px; margin-top: 10px; width: 900px;
} .expand-down * {
margin: 5; padding: 0;
} .expand-down ul {
padding-top:60px; margin-left:10px;
} .expand-down ul li {
float:left; list-style-type:none;
} .expand-down ul li a { text-decoration:none; } .expand-down ul li a img {
width:82px; height:80px; border:none;
} .expand-down ul li a span {
display:none;
} .expand-down ul li:hover a span {
display:block; font-size:14px; text-align:center; color:#fff;
} .expand-down ul li:hover a img {
width:90px; height:90px;
} .expand-down ul li:hover + li a img {
width:60px; height:60px;
} .expand-down ul li:hover + li + li a img {
width:55px; height:55px;
}
- image{
margin:90px 90px;
}
<head> <style>
- navigation {
margin: 0; padding: 0 0em; height: 2em; list-style: none; }
- navigation > li {
float: left; height: 100%; margin-right: 0.3em; padding: 0 0em; }
- navigation > li > a {
float: left; height: 100%; color: #00; text-decoration: none; line-height: 3; font-weight: bold; text-transform: uppercase; }
- navigation > li > a:hover {
color: Black; text-decoration: underline; }
- navigation > li.sub {
position: relative; }
- navigation > li.sub ul {
width: 12em; margin: 0; padding: 0.1em 0; list-style: none; background: #000; position: absolute; top: -1000em; }
- navigation > li.sub ul li {
width: 90%;
}
- navigation > li.sub ul li a {
height: 100%; display: block; padding: 0.4em; color: #fff; font-weight: bold; text-decoration: none; }
- navigation > li.sub ul li a:hover {
background: #c60; text-decoration: underline; }
- navigation > li.sub:hover ul {
top: 2em; } </style> </head>
.bigcog {
background-image:url(); height: 100px; width: 100px; opacity: 40%; top: 25%; border: none; z-index: 0;
} .smallcog {
background-image:url(); height: 37px; width: 36px; opacity: 40%; top: 37.5%; border: none; z-index: 0;
}
- windmillarms
{
background-image:url(); height: 120px; width: 104px; border: none; z-index: 2;
}
/*Body*/ body {
background-attachment:fixed; background-image:url(); text-align: justify; border: none;
}
- content
{
position: relative; top:-5px; width: 1024px; padding: 0px 0px 0px 0px; background-color:transparent; border: none;
}
- bodyContent
{
width: 1024px; position: relative; padding: 0px 0px 0px 0px; background-color:transparent; border: none;
}
/*Suppress iGEM defaults*/
a[title="Main Page"]{display: none;}
.firstHeading{display: none;}
- menubar{display: none;}
- search-controls{display: none;}
- contentSub{display: none;}
- catlinks{display: none;}
- footer-box{display: none;}
|}
