"

From 2014.igem.org

---

Revision as of 14:38, 15 October 2014

/*The text below will make some of the annoying standard elements invisible, like the mega iGEM logo, the search box and the footer about wikimedia. Because our custom divs #scrollablebontent and #noscroll (in which we code our entire site) are embedded inside #globalwrapper (that we just made invisible) we have to make the custom div visible again. The same counts for the #menubar, that is one of the elements that MUST stay on the page.*/

/*First, we'll have to work a bit on the standard stuff iGEM gives us.*/ body{ font-family: sans-serif; text-align: justify; background: #82c2ea url("") top repeat; background: 100% auto; width:100%; height 100%; padding:0px; margin:0px; }

1. p-logo, #search-controls, #footer, .firstHeading, #siteSub, .printfooter

{ visibility:hidden; }

1. globalWrapper, #content, #bodyContent{

position:absolute; top:0px; left:0px; padding:0px; margin:0px; width:100%; height:100%; }

/*Everything related to the menubar. The menubar is one of the things that's in the coding we can't change, and we HAVE to keep it (so we can't just make it invisible and ignore it). Note that there are two elements with the id menubar, and that they are divided into two classes, namely left-menu and right-menu. We made and extra box called topmenubarbackground so that we can have a background for the menu that is 100% the wide of the screen. But we will set the style for that element later in the site, because it's inside the element where we programmed our own stuff.*/

1. menubar ul{

z-index:2; width:510px; height:12px; position:absolute; top:-15px; left:50%; padding: 0px; list-style-type: none; } .left-menu ul{ margin-left:-510px; } .left-menu li{ float:left; margin-right:10px; display:inline; color:#ffffff; font:10px arial,sans-serif; } .right-menu li{ float:right; margin-left:10px; display: inline; color:#ffffff; font:10px arial,sans-serif; }

1. menubar a{

color:#ffffff; font:10px arial,sans-serif; text-decoration: none; }