Team:Paris Saclay/psmenu.css
From 2013.igem.org
(3 intermediate revisions not shown) | |||
Line 3: | Line 3: | ||
margin-left:-5px; | margin-left:-5px; | ||
margin-top:-15px; | margin-top:-15px; | ||
- | margin-bottom: | + | margin-bottom:2mm; |
text-align: center; | text-align: center; | ||
- | font-size: | + | font-size:14px; |
} | } | ||
Line 19: | Line 19: | ||
.psmenu ul { | .psmenu ul { | ||
background-color: #090909; | background-color: #090909; | ||
- | padding-left: | + | padding-left:5px; |
- | padding-right: | + | padding-right:0px; |
- | padding-top: | + | padding-top:0px; |
- | padding-bottom: | + | padding-bottom:0px; |
width:100%; | width:100%; | ||
list-style: none; | list-style: none; | ||
position: relative; | position: relative; | ||
display: inline-table; | display: inline-table; | ||
- | margin: | + | margin:0px; |
font-weight:bold; | font-weight:bold; | ||
+ | z-index:100000; | ||
} | } | ||
.psmenu ul:after { | .psmenu ul:after { | ||
Line 38: | Line 39: | ||
.psmenu ul li { | .psmenu ul li { | ||
float: left; | float: left; | ||
- | padding: | + | padding:0px; |
- | margin: | + | margin:0px; |
} | } | ||
.psmenu ul li:hover { | .psmenu ul li:hover { | ||
Line 52: | Line 53: | ||
.psmenu ul li a { | .psmenu ul li a { | ||
display: block; | display: block; | ||
- | padding: | + | padding: 8px 40px; |
color: #EEE; | color: #EEE; | ||
text-decoration: none; | text-decoration: none; | ||
- | margin: | + | margin:0px; |
white-space: nowrap; | white-space: nowrap; | ||
transition:0.2s; | transition:0.2s; | ||
Line 63: | Line 64: | ||
.psmenu ul ul { | .psmenu ul ul { | ||
background: #202020; | background: #202020; | ||
- | box-shadow: | + | box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.3); |
width:auto; | width:auto; | ||
padding: 0px; | padding: 0px; | ||
Line 78: | Line 79: | ||
} | } | ||
.psmenu ul ul li a { | .psmenu ul ul li a { | ||
- | padding: | + | padding: 8px 40px; |
margin:0px; | margin:0px; | ||
white-space: nowrap; | white-space: nowrap; |
Latest revision as of 18:58, 22 September 2013
.psmenu { padding:0px; margin-left:-5px; margin-top:-15px; margin-bottom:2mm; text-align: center; font-size:14px; }
.psmenu ul ul { display: none; }
.psmenu ul li:hover > ul { display: block; }
.psmenu ul {
background-color: #090909;
padding-left:5px;
padding-right:0px;
padding-top:0px;
padding-bottom:0px;
width:100%;
list-style: none;
position: relative;
display: inline-table;
margin:0px;
font-weight:bold;
z-index:100000;
}
.psmenu ul:after {
content: "";
clear: both;
display: block;
}
.psmenu ul li { float: left; padding:0px; margin:0px; } .psmenu ul li:hover { background-color: #090909; } .psmenu ul li:hover a { color: #FF0; } .psmenu ul li:hover ul a { color: #FFF; } .psmenu ul li a { display: block; padding: 8px 40px; color: #EEE; text-decoration: none; margin:0px; white-space: nowrap; transition:0.2s; }
.psmenu ul ul {
background: #202020;
box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.3);
width:auto;
padding: 0px;
position: absolute;
top: 100%;
font-weight:normal;
opacity:0.98;
}
.psmenu ul ul li {
float: none;
position: relative;
padding:0px;
margin:0px;
}
.psmenu ul ul li a {
padding: 8px 40px;
margin:0px;
white-space: nowrap;
color:#FFF;
}
.psmenu ul ul li a:hover {
background: #0090A0;
color:#FFF;
}
.psmenu ul ul ul { position: absolute; left: 100%; top:0; }