dropright css

Solutions on MaxInterview for dropright css by the best coders in the world

showing results for - "dropright css"
Cristóbal
11 May 2020
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
queries leading to this page
dropright cssdropright css