Team:Paris Saclay/psmenu.css

From 2013.igem.org

(Difference between revisions)
Line 3: Line 3:
margin-left:-5px;
margin-left:-5px;
margin-top:-15px;
margin-top:-15px;
-
margin-bottom:1em;
+
margin-bottom:2mm;
text-align: center;
text-align: center;
-
font-size:1.2em;
+
font-size:14px;
}
}
Line 19: Line 19:
.psmenu ul {
.psmenu ul {
background-color: #090909;  
background-color: #090909;  
-
padding-left:1em;
+
padding-left:5px;
-
padding-right:0em;
+
padding-right:0px;
-
padding-top:0em;
+
padding-top:0px;
-
padding-bottom:0em;
+
padding-bottom:0px;
width:100%;
width:100%;
list-style: none;
list-style: none;
position: relative;
position: relative;
display: inline-table;
display: inline-table;
-
margin:0em;
+
margin:0px;
font-weight:bold;
font-weight:bold;
}
}
Line 38: Line 38:
.psmenu ul li {
.psmenu ul li {
float: left;
float: left;
-
padding:0em;
+
padding:0px;
-
margin:0em;
+
margin:0px;
}
}
.psmenu ul li:hover {
.psmenu ul li:hover {
Line 52: Line 52:
.psmenu ul li a {
.psmenu ul li a {
display: block;
display: block;
-
padding: 0.4em 2em;
+
padding: 10px 40px;
color: #EEE;
color: #EEE;
text-decoration: none;
text-decoration: none;
-
margin:0em;
+
margin:0px;
white-space: nowrap;
white-space: nowrap;
transition:0.2s;
transition:0.2s;
Line 63: Line 63:
.psmenu ul ul {
.psmenu ul ul {
background: #202020;
background: #202020;
-
box-shadow: 0em 0em 0.4em 0.4em rgba(0,0,0,0.3);
+
box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.3);
width:auto;
width:auto;
padding: 0px;
padding: 0px;
Line 78: Line 78:
}
}
.psmenu ul ul li a {
.psmenu ul ul li a {
-
padding: 0.5em 2.5em;
+
padding: 8px 40px;
margin:0px;
margin:0px;
white-space: nowrap;
white-space: nowrap;

Revision as of 11:56, 25 July 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; } .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: 10px 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; }

Retrieved from "http://2013.igem.org/Team:Paris_Saclay/psmenu.css"