Team:Lethbridge Canada/style

From 2013hs.igem.org

Revision as of 02:48, 9 April 2013 by Adam.christiansen (Talk | contribs)

/*** 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 {

visibility:hidden; }

  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*/ height: 20px; margin-bottom: 0px !important; border: none; }


  1. content{

margin-top: 0px; }

  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; }

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

.left-menu li a, .right-menu li a { color: #000 !important; }


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

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

   color: #000 !important;

}

  1. catlinks{

display:none; }

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

/***End minimal header***/.content { text-align: left; text-decoration: none; }

a.stmp { display: block; padding: 6px 15px; font-size: 24px; color: white; text-decoration: none; }

body { margin-left: 15%; margin-right: 14%; }

div#banner { padding-top: 12px; padding-bottom: 18px; }

div#stmp { background: #2E2E2E; float: left; border-style: solid; border-color: #2E2E2E; border-radius: 15px; padding: 6px 12px; width: 30%; margin: 2% 2% 2% 0%; }

div.section { text-align: justify; font-size: 20px; padding: 20px; }

img#banner { width: 100%; border-radius: 15px; }

img.nav { width: 9%; border-style: solid; border-color: transparent; border-width: 3px; border-radius: 15px; }

img.nav:hover { border-style: dotted; border-width: 3px; border-color: #2E2E2E; border-radius: 15px; }

img#selected { width: 9%; border-style: solid; border-color: black; border-width: 3px; border-radius: 15px; }

p#title { font-size: 40px; text-decoration: none; }

  1. content {

width: 100%; }