1body
2{
3 background-color: #CEF6F5;
4}
5
6aside
7{
8 margin-top: 1%;
9 height:50%;
10}
11
12ul
13{
14 margin: 0;
15 padding: 0;
16}
17
18li
19{
20 list-style:none;
21}
22
23a
24{
25 text-decoration:none;
26}
27
28#content
29{
30 float:right;
31 width:80%;
32 background-color:red;
33}
34
35#menu
36{
37 width:20%;
38 float:left;
39 background-color: #000;
40}
41
42.cl-menu li
43{
44 position: relative;
45}
46
47.cl-menu > li:hover
48{
49 font-weight:bold;
50 opacity: 1;
51 filter: alpha(opacity=100);
52}
53
54.cl-menu li:hover
55{
56 background-color:#66819C;
57}
58
59.cl-menu li a
60{
61 display: block;
62 min-width: 150px;
63 padding: 10px;
64 color:#CEF6F5;
65 font-family: 'Rancho', cursive;
66}
67
68.cl-menu li:hover a
69{
70 color:#FFF;
71
72}
73
74.cl-menu li ul
75{
76 position: absolute;
77 top: 0;
78 left: 100%;
79 border: 1px solid #000;
80 -moz-border-radius: 5px;
81 -webkit-border-radius: 5px;
82 border-radius: 5px;
83 display:none;
84}
85
86.cl-menu li:hover > ul
87{
88 display:block;
89 opacity: 0.8;
90 filter: alpha(opacity=80);
91}
92
93.cl-menu li ul li
94{
95 background: grey;
96 border-bottom:1px solid #000;
97 border-top:none;
98 border-left:none;
99 border-right:none;
100}
101
102.cl-menu li ul li:last-child
103{
104 border-bottom: none;
105}
106