Team:Grenoble-EMSE-LSU/Design/Menu

From 2013.igem.org

Revision as of 14:09, 16 June 2013 by Hélène (Talk | contribs)
  1. contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo

{

   display:none;

}

  1. top-section

{

   border: none;
   height: 0px;

}

  1. content

{

   border: none;

}

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

/* Redesigning Table Of Content */ /********************************/ table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {

   text-align: left;}
  1. toctitle {
   margin: 5px 0;}

.toc, #toc {

   background-color: #F6F6F6;
   border: 1px solid #CCCCCC;
   box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
   -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); /* for the Safari browser*/
   float: left;
   width: 228px;
   display: block;
   overflow: hidden;
   padding: 0;}
  1. toc ul, .toc ul {
   margin: 0 5px 5px 5px;}

.toc ul li {

   padding-left: 12px;
   text-indent: -12px;
   /*width: 200px;*/}

.toc ul li ul li {

   padding-left: 30px;
   text-indent: -24px;
   /*width: 170px;*/}
  1. toc ul ul, .toc ul ul {
   margin: 0;}

.toc {

   margin-left: -250px;
   margin-top: 20px;}

.stickBelowNavigation {

   position: fixed;
      top: 35px;
      left: 50%;
   margin-left: -462px;}

.tochidden {

   position: static;
   margin-left: -250px;}

/********************************************************************************/ /********************** CSS for our wiki ****************************/ /********************************************************************************/

body {

   background: url("Igem-background.png") no-repeat 120% 95% fixed, url("Igem-background.png") no-repeat -20% 95% fixed;
   background-color: dimgray;

}

  1. content, #globalWrapper

{

   border: none;
   width: 100%;
   margin: 0;
   padding: 0;
   background: transparent;

}


.centering {

   margin:  auto;
   width: 965px;

} /* .navigation div {

   background: #2F4F4F;

}

  • /
  1. header

{

   background: /*url("")*/ maroon;
   height: 120px;
   width: 100%;

}

/*

  1. innercontent {
   padding: 1px;} Important!
  • /

/******** MENU ********/

ul.topnav { list-style: none; padding: 0; }

ul.topnav li { float: left; width: 130px; height: 30px; margin: 5px; padding: 9px 0 0 0; position: relative; /*--Declare X and Y axis base for sub navigation--*/ text-align: center; border-radius: 5px 5px 5px 5px; }

ul.topnav li a { padding: 0; text-decoration: none; }

ul.topnav > li > a {

   overflow: hidden;

}

ul.topnav li:hover { background-position: center bottom; cursor: pointer; }

ul.subnav {

   z-index: 1; /*Stay on top of slider*/

position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/ top: 39px; margin: 0; padding: 0; display: none; /* submenu apparaissent pas à l'ouverture de la page */

       list-style: none;

}

ul.subnav li { margin: 0; width: 130px; height: 35px; position: relative; clear: both; /* submenu en colonne */ border-radius: 0 0 0 0; }

ul.subnav li:first-child { border-radius: 5px 5px 0 0; }

ul.subnav li:last-child { border-radius: 0 0 5px 5px; }