Team:Grenoble-EMSE-LSU/Design/Menu Left
From 2013.igem.org
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; }