1.
nav {
2.
margin: 10px auto;
3.
text-align: center;
4.
}
5.
6.
nav ul ul {
7.
display: none;
8.
}
9.
10.
nav ul li:hover > ul {
11.
display: block;
12.
}
13.
14.
15.
nav ul {
16.
background: #efefef;
17.
background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);
18.
background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%);
19.
background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%);
20.
box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
21.
padding: 0 20px;
22.
border-radius: 8px;
23.
list-style: none;
24.
position: relative;
25.
display: inline-table;
26.
}
27.
nav ul:after {
28.
content: ""; clear: both; display: block;
29.
}
30.
31.
nav ul li {
32.
float: left;
33.
}
34.
nav ul li:hover {
35.
background: linear-gradient(180deg, rgba(53,50,98,1) 8%, rgba(136,136,207,1) 70%, rgba(72,104,244,1) 100%);
36.
border-radius: 5px;
37.
xbackground: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
38.
xbackground: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
39.
}
40.
nav ul li:hover a {
41.
color: #fff;
42.
}
43.
44.
nav ul li a {
45.
display: block;
46.
xpadding: 12px 20px;
47.
padding: 7px 7px;
48.
color: #757575; text-decoration: none;
49.
}
50.
51.
52.
nav ul ul {
53.
background: #5f6975; border-radius: 0px; padding: 0;
54.
position: absolute; top: 100%;
55.
}
56.
nav ul ul li {
57.
float: none;
58.
border-top: 1px solid #6b727c;
59.
border-bottom: 1px solid #575f6a; position: relative;
60.
}
61.
nav ul ul li a {
62.
padding: 15px 40px;
63.
color: #fff;
64.
}
65.
nav ul ul li a:hover {
66.
background: #4b545f;
67.
}
68.
69.
nav ul ul ul {
70.
position: absolute; left: 100%; top:0;
71.
}
72.
73.
.nav_current {
74.
75.
background: #5f6975; border-radius: 5px; padding: 0;
76.
xcolor:red;
77.
xmargin:0.5em;
78.
xborder : 10px solid green;
79.
80.
}
81.
.nav_current a {
82.
color: #fff;
83.
}
84.