Team:Groningen/style.css
From 2012.igem.org
(54 intermediate revisions not shown) | |||
Line 15: | Line 15: | ||
.expand-down | .expand-down | ||
{ | { | ||
- | + | ||
- | + | font-family: Arial,Helvetica,sans-serif; | |
- | + | line-height: normal; | |
- | + | margin-bottom: 30px; | |
- | + | ||
- | + | margin-top: 0px; | |
- | + | z-index:1; | |
- | + | ||
- | + | ||
} | } | ||
.expand-down * { | .expand-down * { | ||
- | margin: | + | margin: 0px; |
padding: 0; | padding: 0; | ||
+ | z-index:1; | ||
+ | |||
} | } | ||
.expand-down ul { | .expand-down ul { | ||
padding-top:60px; | padding-top:60px; | ||
- | + | z-index:1; | |
+ | |||
} | } | ||
.expand-down ul li { | .expand-down ul li { | ||
- | + | ||
list-style-type:none; | list-style-type:none; | ||
+ | z-index:1; | ||
} | } | ||
.expand-down ul li a { | .expand-down ul li a { | ||
text-decoration:none; | text-decoration:none; | ||
+ | z-index:1; | ||
} | } | ||
.expand-down ul li a img { | .expand-down ul li a img { | ||
Line 44: | Line 47: | ||
height:80px; | height:80px; | ||
border:none; | border:none; | ||
+ | z-index:1; | ||
} | } | ||
.expand-down ul li a span { | .expand-down ul li a span { | ||
display:none; | display:none; | ||
+ | z-index:1; | ||
} | } | ||
.expand-down ul li:hover a span { | .expand-down ul li:hover a span { | ||
Line 53: | Line 58: | ||
text-align:center; | text-align:center; | ||
color:#fff; | color:#fff; | ||
+ | z-index:1; | ||
} | } | ||
.expand-down ul li:hover a img { | .expand-down ul li:hover a img { | ||
- | width: | + | width:80px; |
- | height: | + | height:82px; |
+ | z-index:1; | ||
} | } | ||
.expand-down ul li:hover + li a img { | .expand-down ul li:hover + li a img { | ||
- | width: | + | width:80px; |
- | height: | + | height:82px; |
+ | z-index:1; | ||
} | } | ||
.expand-down ul li:hover + li + li a img { | .expand-down ul li:hover + li + li a img { | ||
- | width: | + | width:80px; |
- | height: | + | height:82px; |
+ | z-index:1; | ||
+ | |||
} | } | ||
- | + | #image{ | |
- | + | margin:80px 82px; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | { | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
+ | |||
#windmillarms | #windmillarms | ||
{ | { | ||
Line 121: | Line 115: | ||
border: none; | border: none; | ||
} | } | ||
+ | |||
/*Suppress iGEM defaults*/ | /*Suppress iGEM defaults*/ |
Latest revision as of 13:21, 14 August 2012
/* 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 {
font-family: Arial,Helvetica,sans-serif; line-height: normal; margin-bottom: 30px;
margin-top: 0px;
z-index:1; } .expand-down * {
margin: 0px; padding: 0;
z-index:1;
} .expand-down ul {
padding-top:60px;
z-index:1;
} .expand-down ul li {
list-style-type:none;
z-index:1; } .expand-down ul li a { text-decoration:none; z-index:1; } .expand-down ul li a img {
width:82px; height:80px; border:none;
z-index:1; } .expand-down ul li a span {
display:none;
z-index:1; } .expand-down ul li:hover a span {
display:block; font-size:14px; text-align:center; color:#fff;
z-index:1; } .expand-down ul li:hover a img {
width:80px; height:82px;
z-index:1; } .expand-down ul li:hover + li a img {
width:80px; height:82px;
z-index:1; } .expand-down ul li:hover + li + li a img {
width:80px; height:82px;
z-index:1;
}
- image{
margin:80px 82px;
}
- 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;}
|}