Team:TU-Delft/Templates/StyleSheetNew

From 2012.igem.org

Revision as of 22:28, 2 September 2012 by Lmohremaruthi (Talk | contribs)

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


  1. contentSub, #search-controls,.firstHeading,#footer-box, #catlinks, #p-logo { 
   display:none;

}

  1. top-section { 
   border: none;
   height: 0px;

}

  1. content { 
     border: none;
 height: 100%;
 margin: 0;
 padding: 0;
 width: 100%;
 position: absolute;
 background-image: url('https://static.igem.org/mediawiki/2012/1/1e/Fluroscent_Background.JPG');

}

/* Removes "teams" from the menubar */

  1. menubar > ul > li:last-child { 
   display: none;}

/* Resizes the menubar to fik the links (default is 400px) */

  1. menubar { 
   width: auto;}


body { 

   margin: 10px 0 0 0;
   padding: 0;}
  1. top-section { 
   width: 965px;
   height: 0;
   margin: 0 auto;
   padding: 0;
   border: none;}
  1. menubar { 
   font-size: 65%;
   top: -14px;}

.left-menu:hover { 

   background-color: transparent;}
  1. menubar li a { 
   background-color: transparent;}
  1. menubar:hover { 
   color: white;}
  1. menubar li a { 
   color: transparent;}
  1. menubar:hover li a { 
   color: white;}

body { padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:62.5%; background: url('https://static.igem.org/mediawiki/2012/1/1e/Fluroscent_Background.JPG') repeat-x top left; 

       height: 100%;

}


  1. container {

margin:auto; width:1024px; 

       margin-left:30em

}


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

Retrieved from "http://2012.igem.org/Team:TU-Delft/Templates/StyleSheetNew"