Template:Team:Chalmers-Gothenburg/stylesheet

From 2012.igem.org

Revision as of 13:59, 3 July 2012

• {

 font-family: Computer Modern;
 margin-left:50px; 
 margin-right:50px;

}

• { margin: 0; padding: 0; }

#menubar.left-menu {width: 400px; display:block; float:left; margin-top:-50px; border: none;} #menubar.left-menu ul { border: none;} #menubar.left-menu a{color:#5698b0;} #menubar.left-menu a:hover{color:#e6f6fb;} #menubar.left-menu a:selected{color:#e6f6fb;} #menubar.right-menu { width:300px; display:block; float:left; margin-top:-50px; border: none;} #menubar.right-menu ul { border: none;} #menubar.right-menu a{color:#5698b0;} #menubar.right-menu a:hover{color:#e6f6fb;} /* OVERRIDING */ #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { display:none;} #top-section { border: none; height: 0px;} body{ background-color: #084b8a; border: none; } #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: #B0E0E6 /* <- #0080FFHuvudbakgrundsfärg vitaktig. */ 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/0/03/Logga5.jpg'); } /* <- Bildens sökväg. */ #header h1 { line-height: 120px; color: #fff; font-family : "Georgia", sans-serif; margin: 0 10px; } #nav { margin: 0; background:#141414; /* <- huvudbakgrund för menyn. */ line-height: 35px; border-bottom: 2px solid #6699cc; /*#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 28px; /* ändra höjd på meny alternativ. */ /* 22px utan stylesheet */ 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: #858585 !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: 215px; /* ändra bredd på dropdown */ position: absolute; top: 35px; left: 0; border-bottom: 2px solid #6699cc; /*#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 social { background: none; margin: 0 1px; /*padding: 0 10px;*/ position: relative; right: -10px; font-size: 8px; alt="Join iGEM Chalmers on Facebook!" title="Join iGEM Chalmers on Facebook!" } #nav social2 { background: none; margin: 0 1px; /*padding: 0 10px;*/ position: relative; right: -10px; font-size: 8px; alt="Follow iGEM Chalmers on Twitter!" title="Follow iGEM Chalmers on Twitter!" } #nav social3 { background: none; margin: 0 1px; /*padding: 0 10px;*/ position: relative; right: -10px; font-size: 8px; alt="Look up the iGEM competition!" title="Look up the iGEM competition!" } #nav:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } #footer { text-align: left; background: #FFFFFF; /* <- huvudbakgrund för footer. */ border-top: 2px solid #6699cc; /*#4ba6d5; Blå ram längst ner på menyn. */ color: #fff; padding: 10px; }