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

From 2013.igem.org

(Difference between revisions)
Line 121: Line 121:
/********** Images dans Home **********/
/********** Images dans Home **********/
-
body div[id="back_home"] div div a.mini img
+
/*body div[id="back_home"] div div a.mini img
{
{
     padding: 0;
     padding: 0;
     margin: 0;
     margin: 0;
     margin-top: 10px;
     margin-top: 10px;
 +
}*/
 +
 +
 +
body div[id="back_home"] ul.miniature li a img
 +
{
 +
padding: 0;
 +
margin: 0;
 +
margin-top: 10px;
 +
}
 +
 +
body div[id="back_home"] ul.miniature ul
 +
{
 +
display: none;
 +
}
 +
 +
body div[id="back_home"] ul.miniature li:hover > ul
 +
{
 +
display: block;
 +
}
 +
 +
body div[id="back_home"] ul.miniature
 +
{
 +
border-radius: 10px; 
 +
list-style: none;
 +
position: relative;
 +
display: inline-table;
 +
}
 +
body div[id="back_home"] ul.miniature:after
 +
{
 +
content: ""; clear: both; display: block;
 +
}
 +
 +
body div[id="back_home"] ul.miniature li
 +
{
 +
float: left;
 +
}
 +
 +
body div[id="back_home"] ul.miniature li a
 +
{
 +
display: block;
 +
text-decoration: none;
 +
}
 +
 +
body div[id="back_home"] ul.miniature ul
 +
{
 +
border-radius: 0px;
 +
padding: 0;
 +
position: absolute;
 +
top: 100%;
}
}
 +
body div[id="back_home"] ul.miniature ul li
 +
{
 +
float: none;
 +
position: relative;
 +
}

Revision as of 11:39, 21 September 2013

/********** Menu gauche en haut quand scroll **********/

body div[id="back_home"], body div[id="back_proj"], body div[id="back_doc"], body div[id="back_hp"], body div[id="back_team"] { 

   z-index: 1000000;
   /*width: 145px;*/
   width: 14.8%;
   padding: 0;
   margin: 0;
   position: absolute;
   top: 52%;

/*border: 1px solid red;*/ }

body div div[id="scroll"] { 

   z-index: 1000000;
   /*width: 145px;*/
   width: 100%;
   padding: 0;
   margin: 0;
   position: absolute;

/*border: 1px solid blue;*/ }

body div div[id="scroll"].fixed { 

   width: 14.8%;
   position: fixed;
   top: 0px;
   margin-top: 0;

}

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

/********** Changement scrollbar dans Chrome **********/

-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);

}

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

/********** Mise en forme **********/

body div div.left div { 

   width: 100%;
   padding: 0;
   margin: 0;
   text-align: center;
   position: absolute;
   top: 0%;
   left: 0%;

/*border: 1px solid green;*/ }

body div div.left div ul { 

   width: 80%;
   /*max-height: 80%;*/
   padding: 0;
   margin: auto;
   margin-top: 20px;
   overflow: auto;
   border-radius: 5px;  
   list-style: none;
   display: block;

/*border: 1px solid blue;*/ }

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

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

body div div.left div ul li.sub { padding: 10px 2px; margin: 0; margin-top: 4px; border-radius: 5px; }

body div div.left div ul li.subsub { padding: 3px 2px; margin: 0; margin-top: 4px; border-radius: 5px; }

/*body div div.left div[id="Project"] ul li.sub { padding: 3px 2px; }*/

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

/********** Images dans Home **********/

/*body div[id="back_home"] div div a.mini img { 

   padding: 0;
   margin: 0;
   margin-top: 10px;

}*/


body div[id="back_home"] ul.miniature li a img { padding: 0; margin: 0; margin-top: 10px; }

body div[id="back_home"] ul.miniature ul { display: none; }

body div[id="back_home"] ul.miniature li:hover > ul { display: block; }

body div[id="back_home"] ul.miniature { border-radius: 10px; list-style: none; position: relative; display: inline-table; } body div[id="back_home"] ul.miniature:after { content: ""; clear: both; display: block; }

body div[id="back_home"] ul.miniature li { float: left; }

body div[id="back_home"] ul.miniature li a { display: block; text-decoration: none; }

body div[id="back_home"] ul.miniature ul { border-radius: 0px; padding: 0; position: absolute; top: 100%; } body div[id="back_home"] ul.miniature ul li { float: none; position: relative; }

Retrieved from "http://2013.igem.org/Team:Grenoble-EMSE-LSU/Design/Menu_Left"