Team:Groningen/CSS

From 2013.igem.org

Revision as of 14:05, 12 July 2013 by Tycho (Talk | contribs)

/*MENU bar*/


  1. main_nav { list-style: none; margin: 0; padding: 0; }
  2. main_nav li { float: left; }
  3. main_nav li a { text-indent: -999999px; overflow: hidden; display: block; height: 72px; }


/* Background */ body { background-color:#d0e4fa; } h1 { color:yellow; text-align:center; } h2 { color:red; text-align:center; background-color:#6495ed; }


/*Suppress iGEM defaults from iGEM 2012 Groningen*/ a[title="Main Page"]{display: none;} .firstHeading{display: none;} .noprint{display: none;}

  1. menubar{

display: block; background-color:transparent; }

  1. search-controls{display: none;}
  2. contentSub{display: none;}
  3. catlinks{display: none;}
  4. footer-box{display: none;}
  5. p-logo{display: block;}

/* Remove comments to remove links towards accounts etc */ /*#top-section { display: block; position: relative; height: 98px; width: 975px; margin: -20px auto; TODO put correct colours here! border-left: 1px solid rgb(118,28,17); border-right: 1px solid rgb(118,28,17); border-bottom: 1px solid rgb(118,28,17); }*/

/* CSS Document */

.offscreen {

 position: absolute; 
 top: -30em; 
 left: -300em; 

}

div#vmenu {

  margin: 0; 
  padding: .25em 0em .25em 0em; 
  border: solid 1px #30c9e0; 
  background: #fcac4c; 
  width: 13.5em; 

}

div#vmenu ul {

  margin: 0; 
  padding: 0; 
  list-style: none; 

}

div#vmenu ul li {

  margin: 0; 
  padding: 0; 
  list-style: none; 

}

div#vmenu ul a:link {

  margin: 0; 
  padding: .2em 0em .2em .4em; 
  text-decoration: none; 
  font-weight: bold; 
  font-size: medium; 
  background-color: #fcac3c; 
  color: #0059a0; 
  display: block; 

}

div#vmenu ul a:active {

  margin: 0; 
  padding: .25em .5em .25em .5em; 
  text-decoration: none; 
  font-weight: bold; 
  font-size: medium; 
  background: #4d8cba; 
  color: #ffffff; 
  display: block; 

}

div#vmenu ul a:visited {

  margin: 0; 
  padding:  .25em .5em .25em .5em; 
  text-decoration: none; 
  font-weight: bold; 
  font-size: medium; 
  background: #4d8cba; 
  color: #ffffff; 
  display: block; 

}

div#vmenu ul li a:hover {

  margin: 0; 
  padding: .2em 0em .2em .4em; 
  text-decoration: none; 
  font-weight: bold; 
  font-size: medium; 
  background-color: #30c9e0; 
  color: #ffffff; 
  display: block; 

}