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*/
- top-section
{
height: 208px; width: 550px; border: none;
} /*test the menubar ID_8-8-2012-16:08*/
- expand
.expand-down {
font-family:Arial, Helvetica, sans-serif; line-height:normal; margin-top:10px; background-image: url() height:150px; width:800px; margin-left:200px; no-repeat; margin-bottom:30px;
background-position: center; } .expand-down * {
margin: 10; 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:100px; height:100px;
} .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:100px 100px;
}
.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;}
|}