Team:Groningen/style.css
From 2012.igem.org
m |
|||
(121 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | /* | + | /* |
- | + | 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(https://static.igem.org/mediawiki/2012/e/e4/Groningen2012_AD_20120802_WindmillArms.png); | |
+ | height: 120px; | ||
+ | width: 104px; | ||
+ | border: none; | ||
+ | z-index: 2; | ||
} | } | ||
- | + | /*Body*/ | |
body | body | ||
{ | { | ||
Line 58: | Line 96: | ||
background-image:url(https://static.igem.org/mediawiki/2012/6/66/Groningen2012_AD_20120802_Background.png); | background-image:url(https://static.igem.org/mediawiki/2012/6/66/Groningen2012_AD_20120802_Background.png); | ||
text-align: justify; | text-align: justify; | ||
+ | border: none; | ||
} | } | ||
- | |||
#content | #content | ||
{ | { | ||
Line 67: | Line 105: | ||
padding: 0px 0px 0px 0px; | padding: 0px 0px 0px 0px; | ||
background-color:transparent; | background-color:transparent; | ||
+ | border: none; | ||
} | } | ||
- | |||
#bodyContent | #bodyContent | ||
{ | { | ||
Line 75: | Line 113: | ||
padding: 0px 0px 0px 0px; | padding: 0px 0px 0px 0px; | ||
background-color:transparent; | 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;} | ||
- | + | |} | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | } | + |
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;}
|}