"
Template:Team:Chalmers-Gothenburg/stylesheet
From 2012.igem.org
(Difference between revisions)
| Line 1: | Line 1: | ||
| + | |||
* { margin: 0; padding: 0; } | * { margin: 0; padding: 0; } | ||
| + | /* OVERRIDING */ | ||
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { | ||
display:none;} | display:none;} | ||
| Line 29: | Line 31: | ||
color: #292929;} | color: #292929;} | ||
| - | body { margin: 10px 0 0 0; | + | /* --- OVERRIDING, RÖR INTE ÖVER --- */ |
| - | + | ||
| + | body { margin: 10px 0 0 0; padding: 0; background: #F5F5F5; /* <- Huvudbakgrundsfärg vitaktigaaktiga. */ font-family: Verdana, arial, sans-serif; font-size: 12px; } | ||
#wrapper { width: 960px; margin: 10px auto; padding: 6px; } | #wrapper { width: 960px; margin: 10px auto; padding: 6px; } | ||
| - | #header { height: 240px; background: url( 'https://static.igem.org/mediawiki/2012/b/b9/Synth.jpg' ); } /* Bildens sökväg. */ | + | #header { height: 240px; background: url( 'https://static.igem.org/mediawiki/2012/b/b9/Synth.jpg' ); } /* <- Bildens sökväg. */ |
#header h1 { line-height: 120px; color: #fff; font-family : "Georgia", sans-serif; margin: 0 10px; } | #header h1 { line-height: 120px; color: #fff; font-family : "Georgia", sans-serif; margin: 0 10px; } | ||
#nav { | #nav { | ||
margin: 0; | margin: 0; | ||
| - | background: #292929; | + | background: #292929; /* <- huvudbakgrund för menyn. */ |
line-height: 35px; | line-height: 35px; | ||
| - | border-bottom: 2px solid #4ba6d5; | + | border-bottom: 2px solid #4ba6d5; /* Blå ram längst ner på menyn. */ |
} | } | ||
| Line 56: | Line 59: | ||
text-decoration: none; | text-decoration: none; | ||
display: block; | display: block; | ||
| - | margin: 0 | + | margin: 0 20px; |
| - | padding: 0px | + | padding: 0px 20px; |
margin: 0; | margin: 0; | ||
| - | border-right: 1px solid #2d2d2d; | + | border-right: 1px solid #2d2d2d; /* Avskiljare i länkarna. */ |
} | } | ||
| + | |||
#nav li a:hover { | #nav li a:hover { | ||
| - | background: #3D3D3D; | + | background: #3D3D3D; /* Bakgrund för mus-över i menyn. */ |
color: #fff; | color: #fff; | ||
} | } | ||
| Line 69: | Line 73: | ||
/* sub levels link hover */ | /* sub levels link hover */ | ||
#nav ul li:hover a, #nav li:hover li a { | #nav ul li:hover a, #nav li:hover li a { | ||
| - | background: #292929; | + | background: #292929; /* Huvudbakgrund för dropdown. */ |
border: none; | border: none; | ||
color: #fff; | color: #fff; | ||
} | } | ||
#nav ul a:hover { | #nav ul a:hover { | ||
| - | background: #3D3D3D !important; | + | background: #3D3D3D !important; /* <- musöver på dorpdown. TA INTE BORT !IMPORTANT*/ |
color: #fff !important; | color: #fff !important; | ||
} | } | ||
| Line 93: | Line 97: | ||
top: 35px; | top: 35px; | ||
left: 0; | left: 0; | ||
| - | border-bottom: 2px solid #4ba6d5; | + | border-bottom: 2px solid #4ba6d5; /* blåa längst ner på dropdown. */ |
} | } | ||
#nav ul li { | #nav ul li { | ||
| Line 99: | Line 103: | ||
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
| - | border-bottom: 1px solid #2d2d2d; | + | border-bottom: 1px solid #2d2d2d; /* Avskiljare i dropdown. */ |
line-height: 35px; | line-height: 35px; | ||
} | } | ||
Revision as of 18:06, 23 April 2012
- { margin: 0; padding: 0; }
/* OVERRIDING */
- contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
display:none;}
- top-section {
border: none; height: 0px;}
- content {
border: none;}
- top-section {
width: 965px; height: 0; margin: 0 auto; padding: 0; border: none;}
- menubar {
font-size: 65%; top: -14px;}
.left-menu:hover {
background-color: transparent;}
- menubar li a {
background-color: transparent;}
- menubar:hover {
color: white;}
- menubar li a {
color: transparent;}
- menubar:hover li a {
color: #292929;}
/* --- OVERRIDING, RÖR INTE ÖVER --- */
body { margin: 10px 0 0 0; padding: 0; background: #F5F5F5; /* <- Huvudbakgrundsfärg vitaktigaaktiga. */ font-family: Verdana, arial, sans-serif; font-size: 12px; }
- wrapper { width: 960px; margin: 10px auto; padding: 6px; }
- header { height: 240px; background: url( 'https://static.igem.org/mediawiki/2012/b/b9/Synth.jpg' ); } /* <- Bildens sökväg. */
- header h1 { line-height: 120px; color: #fff; font-family : "Georgia", sans-serif; margin: 0 10px; }
- nav {
margin: 0; background: #292929; /* <- huvudbakgrund för menyn. */ line-height: 35px; border-bottom: 2px solid #4ba6d5; /* Blå ram längst ner på menyn. */
}
- nav li {
float: left; position: relative; list-style: none;
}
/* main level link */
- nav li a {
color: #fff; text-decoration: none; display: block; margin: 0 20px; padding: 0px 20px; margin: 0; border-right: 1px solid #2d2d2d; /* Avskiljare i länkarna. */
}
- nav li a:hover {
background: #3D3D3D; /* Bakgrund för mus-över i menyn. */ color: #fff;
}
/* sub levels link hover */
- nav ul li:hover a, #nav li:hover li a {
background: #292929; /* Huvudbakgrund för dropdown. */ border: none; color: #fff;
}
- nav ul a:hover {
background: #3D3D3D !important; /* <- musöver på dorpdown. TA INTE BORT !IMPORTANT*/ color: #fff !important;
}
/* dropdown */
- nav li:hover > ul {
display: block;
}
/* level 2 list */
- nav ul {
display: none;
margin: 0; padding: 0; width: 185px; /* ändra bredd på dropdown */ position: absolute; top: 35px; left: 0; border-bottom: 2px solid #4ba6d5; /* blåa längst ner på dropdown. */
}
- nav ul li {
float: none; margin: 0; padding: 0; border-bottom: 1px solid #2d2d2d; /* Avskiljare i dropdown. */ line-height: 35px;
}
/* level 3+ list */
- nav ul ul {
left: 181px; top: -3px;
}
/* rounded corners of first and last link */
- nav ul li:first-child > a {
}
- nav ul li:last-child > a {
}
- nav:after {
content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;
}
- footer { text-align: left; }
