Team:Grenoble-EMSE-LSU/Design/Menu Left

From 2013.igem.org

(Difference between revisions)

Revision as of 13:46, 14 July 2013

body div.back {

   /*z-index: 1;*/
   padding: 0;
   margin: 0;
   width: 980px;
   height: 2000px;
   min-height: 3000%;
   border-radius: 5px;
   position: absolute;
   top: 125px;
   left: 0%;

}

body div div.left {

   width: 155px;
   height: 376px;
   /*max-height: 65%;*/

   overflow: auto;
   padding: 0;
   margin: 0;
   margin-top: 15px;
   margin-left: 15px;
   position: fixed;
   border: 1px solid green;

}

-webkit-scrollbar {

   width: 12px;

}

-webkit-scrollbar-track {

   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
   border-radius: 10px;

}

-webkit-scrollbar-thumb {

   border-radius: 10px;
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);

}

body div div div[id="Home"], body div div div[id="Project"], body div div div[id="Documentation"], body div div div[id="HP"], body div div div[id="Team"] {

   z-index: 1000000;
   width: 135px;
   /*max-height: 100%;*/
   padding: 0;
   margin: 0;
   text-align: center;
   /*border: 1px solid green;*/
   position: absolute;
   top: 0%;
   left: 0%;
   /*overflow: auto;*/

}

body div div div li.title { padding: 10px; margin: 0; }

body div div div a.title { font-style: normal; text-decoration: none; }

body div div div ul { padding: 0;

       margin: 0;
       /*height: 50%;*/
       /*max-height: 2000%;*/
       overflow: auto;

border-radius: 5px; list-style: none; /*position: absolute; top: 0px;*/ display: block; /*border: 1px solid green;*/ }

body div div div ul li.sub {

       padding: 10px 2px 10px 2px;
       margin: 0;

margin-top: 5px; border-radius: 5px; }

body div div div ul li.subsub {

       padding: 3px 2px 3px 2px;
       margin: 0;

margin-top: 5px; border-radius: 5px; }

body div div div[id="Project"] ul li.sub {

       padding: 3px 2px 3px 2px;

}

/*body div div div ul li.sub:first-child { margin-top: 5px; }

body div div div ul li.sub:last-child { margin-bottom: 0; }*/

body div div div a.title:hover, div ul a:hover { text-decoration: none;

               font-style: normal;

}