Team:Grenoble-EMSE-LSU/Design/Menu Left
From 2013.igem.org
Line 5: | Line 5: | ||
margin: 0; | margin: 0; | ||
width: 980px; | width: 980px; | ||
+ | height: auto; | ||
min-height: 500px; | min-height: 500px; | ||
border-radius: 5px; | border-radius: 5px; | ||
Line 40: | Line 41: | ||
} | } | ||
- | 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"] | + | body div div.left div[id="Home"], body div div.left div[id="Project"], body div div.left div[id="Documentation"], body div div.left div[id="HP"], body div div.left div[id="Team"] |
{ | { | ||
z-index: 1000000; | z-index: 1000000; | ||
Line 55: | Line 56: | ||
} | } | ||
- | body div div div li.title | + | body div div.left div li.title |
{ | { | ||
padding: 8px; | padding: 8px; | ||
Line 61: | Line 62: | ||
} | } | ||
- | body div div div a.title | + | body div div.left div a.title |
{ | { | ||
font-style: normal; | font-style: normal; | ||
Line 67: | Line 68: | ||
} | } | ||
- | body div div div ul | + | body div div.left div ul |
{ | { | ||
padding: 0; | padding: 0; | ||
Line 82: | Line 83: | ||
} | } | ||
- | body div div div ul li.sub | + | body div div.left div ul li.sub |
{ | { | ||
padding: 10px 2px 10px 2px; | padding: 10px 2px 10px 2px; | ||
Line 90: | Line 91: | ||
} | } | ||
- | body div div div ul li.subsub | + | body div div.left div ul li.subsub |
{ | { | ||
padding: 3px 2px 3px 2px; | padding: 3px 2px 3px 2px; | ||
Line 98: | Line 99: | ||
} | } | ||
- | body div div div[id="Project"] ul li.sub | + | body div div.left div[id="Project"] ul li.sub |
{ | { | ||
padding: 3px 2px 3px 2px; | padding: 3px 2px 3px 2px; | ||
} | } | ||
- | + | body div div.left div a.title:hover, div ul a:hover | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
{ | { | ||
text-decoration: none; | text-decoration: none; | ||
font-style: normal; | font-style: normal; | ||
} | } |
Revision as of 06:24, 16 July 2013
body div.back {
z-index: 1; padding: 0; margin: 0; width: 980px; height: auto; min-height: 500px; border-radius: 5px; position: absolute; top: 125px; left: 0%;
}
body div div.left {
width: 155px; height: 100%; max-height: 68%; 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.left div[id="Home"], body div div.left div[id="Project"], body div div.left div[id="Documentation"], body div div.left div[id="HP"], body div div.left 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.left div li.title { padding: 8px; margin: 0; }
body div div.left div a.title { font-style: normal; text-decoration: none; }
body div div.left 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.left div ul li.sub {
padding: 10px 2px 10px 2px; margin: 0;
margin-top: 4px; border-radius: 5px; }
body div div.left div ul li.subsub {
padding: 3px 2px 3px 2px; margin: 0;
margin-top: 4px; border-radius: 5px; }
body div div.left div[id="Project"] ul li.sub {
padding: 3px 2px 3px 2px;
}
body div div.left div a.title:hover, div ul a:hover { text-decoration: none;
font-style: normal;
}