"

From 2013.igem.org

/*** Minimal header: removes the search bar and header image and readjusts font colours in the menus.

Thanks a lot to the 2011 Brown-Stanford and 2012 Lethbridge iGEM teams for snippets of their code! Check out their wikis at: https://2011.igem.org/Team:Brown-Stanford https://2012.igem.org/Team:Lethbridge

• • • /

1. content h1.firstHeading, #contentSub{

display: none; }

1. p-logo {

display: none; }

1. searchform {

   display: none;

}

.left-menu { background-color: #555;

} .left-menu a {

   color: #000;

}

div#top-section{ /*the div containing the entire top bar*/ background: #DEDEDE; border: none; height: 1.5em; margin-bottom: 0px !important; position: fixed; width: 100%; z-index: 2; }

1. content{

border: 0; margin: 0; padding: 0; position: static; width: 100%; z-index: 1; }

/*** removes the little padlock icons on secure site links Thanks to Rob Kam on MediaWiki's Talk page: http://www.mediawiki.org/wiki/Thread:Project:Support_desk/Padlock_icons_on_HTTPS_links._Why%3F_and_how_to_switch_off%3F ***/ div#content a[href ^="https://"].external{ background: center right no-repeat; padding-right: 18px; }

1. search-controls {

overflow:hidden; display:none; background: none; position: absolute; top: 170px; right: 40px; }

div#header { width: 975px; text-align: left; margin-left: auto; margin-right: auto; margin-bottom: 0px !important; }

1. menubar {

position: absolute; background: none; color: black; font-family: Roboto, Sans-Serif; }

.left-menu, .right-menu{ position: absolute; background: none; color: black; }

.left-menu li a, .right-menu li a { color: #000 !important; font-size: 0.8rem; padding: 0 0.6em 0 0; }

.left-menu ul li, .right-menu ul li a{ background: none; color: #000 !important; font-size: 0.8rem; }

.left-menu li a:hover, .right-menu li a:hover, .right-menu li a:visited, .right-menu li a:active {

   color: #000 !important;

font-size: 0.8rem; }

div.right-menu{ z-index: 0; }

1. catlinks{

display:none; }

1. footer-box{

background: #DEDEDE; width: 100%; margin: 0; padding: 0; border: none; }

1. f-list li a{

color: #555555; font-family: Roboto, Sans-Serif; font-size: 0.8rem; text-decoration: none; }

#f-list li a:hover{ text-decoration: none; }

/*important for background colours*/ .mediawiki{ background: #ffffff; }

/***End minimal header***/

html{ font-size: 100%; }

h1, h2, h3, h4{ border: 0; font-family: Roboto, sans-serif; margin: 0; padding: 0; }

h1{ color: #111111; font-size: 2.1rem; line-height: 2.4rem; margin: 1.5rem 0 0.6rem 0 !important; }

h2{ color: #333333; font-size: 1.8rem; font-weight: 300; line-height: 2.2rem; margin: 1.6rem 0 0.5rem 0 !important; }

h3{ color: #7cb83d; /*will be overwritten based on section theme*/ font-size: 1.55rem; font-weight: 500; margin: 1rem 0 0.2rem 1rem !important; }

p, #maincontent li{ font-family: Average, serif; font-size: 1rem; margin: 0; padding: 0; /*must be 0 to avoid weird nav spacing*/ }

p a{ color: #6ba72c; }

p a:visited{ color: #49850a; }

body, #content{ background: #404040 !important; font-size: 100%; height: 100%; margin: 0; padding: 0; }

@media screen and (max-width: 1050px){

/**Wiki-specific CSS**/

div#top-section{ /*the div containing the entire top bar*/ background: #DEDEDE; border: none; height: 1.3em; margin-bottom: 0px !important; position: fixed; width: 100%; z-index: 2; }

.left-menu li a, .right-menu li a { color: #000 !important; font-size: 0.7rem !important; padding: 0 0.6em 0 0; }

.left-menu ul li, .right-menu ul li a{ background: none; color: #000 !important; font-size: 0.7rem !important; }

.left-menu li a:hover, .right-menu li a:hover, .right-menu li a:visited, .right-menu li a:active { color: #000 !important; font-size: 0.7rem !important; }

/**End wiki-specific CSS**/

}

@media screen and (max-width: 768px){ #menubar{ width: auto; }

.right-menu{ z-index: 0 !important; }

.left-menu li a, .right-menu li a { color: #000 !important; font-size: 0.7rem !important; padding: 0 0.6em 0 0; }

.left-menu ul{ margin-left: 0.2em; }

.left-menu ul li, .right-menu ul li a{ background: none; color: #000 !important; font-size: 0.5rem !important; }

.left-menu li a:hover, .right-menu li a:hover, .right-menu li a:visited, .right-menu li a:active { color: #000 !important; font-size: 0.5rem !important; } }