|
|
| Line 1: |
Line 1: |
| - | * { 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: #0A0A0A; /* <- 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:#333333; /* <- 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; /* ändra avstånd mellan meny alternativ. */
| |
| - | padding: 0px 20px; /* ändra höjd på meny alternativ. */
| |
| - | margin: 0;
| |
| - | border-right: 1px solid #2d2d2d; /* Avskiljare i länkarna. */
| |
| - | font-variant: small-caps; /* Ta bort hela för "vanliga" bokstäver. */
| |
| - | }
| |
| - |
| |
| - | #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: 240px; /* ä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;
| |
| - | background: #292929; /* <- huvudbakgrund för menyn. */
| |
| - | border-top: 2px solid #4ba6d5; /* Blå ram längst ner på menyn. */
| |
| - | color: #fff;
| |
| - | padding: 10px; }
| |
"
