Team:TU-Delft/Templates/StyleSheetNew

From 2012.igem.org

/*--------------------------------------*/ /*--Code to remove media wiki formating-*/ /*--------------------------------------*/


/*--------------------------------------*/ /*---------------End--------------------*/ /*--------------------------------------*/


/*-----------------------------*/ /*--------Menu Design----------*/ /*-----------------------------*/


/* CSS Document */

  1. menu, #menu ul {

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

  1. menu li {

float:left; position:relative; line-height:3.5em; width:15em; }

  1. menu li ul {

position:absolute; margin-top:-1em; margin-left:.5em; /* for IE */ display:none; }

  1. menu ul li ul {

margin-top:-3em; margin-left:7em; } /* ******************************************************************* */ /* SHOW SUBMENU 1 */

  1. menu li:hover ul, #menu li.over ul {

display:block; }

  1. menu li:hover ul ul, #menu li.over ul ul {

display:none; } /* SHOW SUBMENU 2 */

  1. menu ul li:hover ul, #menu ul li.over ul {

display:block; } /* ******************************************************************* */ /* STYLING UP THE LINKS */

  1. menu a {

display:block; border-right:1px solid #fff; background:#E0F574; color:#3B3B3B; text-decoration:none; padding:0 10px; }

  1. menu a:hover {

background-color:#5798B4; color:#fff; }

  1. menu ul {

border-top:1px solid #fff; }

  1. menu ul a {

border-right:none; border-right:1px solid #fff; border-bottom:1px solid #fff; border-left:1px solid #fff; background:#AEC245; }

/* ******************************************************************* */

  1. menu {

z-index:1; }

  1. menu ul {

z-index:2; }

  1. menu ul ul {

z-index:3; }

/* ******************************************************************* */

/* Fix IE. Hide from IE Mac \*/

  • html ul li { float: left; height: 1%; }
  • html ul li a { height: 1%; }

/* End */ /*-----------------------------*/ /*--------Menu Design End------*/ /*-----------------------------*/