-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.css
68 lines (59 loc) · 1.16 KB
/
style.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
body{
background-color: rgb(19, 228, 228);
}
.wrapper{
position: absolute;
top: 25%;
left: 35%;
}
.search-box{
position: relative;
background: rgb(19, 228, 228);
border-radius: 23px;
}
.search-txt{
border: 3px solid;
border-color: blue;
height: 40px;
width: 350px;
border-radius: 40px;
padding-left: 15px;
font-size: 18px;
}
.icon{
position: absolute;
color: rgb(49, 6, 245);
top: 13px;
right: 15px;
font-size: 20px;
cursor: pointer;
}
.sugg-box{
padding: 0px;
background: white;
max-width: 355px;
max-height: 280px;
overflow-x: visible;
overflow-y: auto;
border-radius: 10px;
}
.search-box.active .sugg-box{ /* space between .active and .suggbox is necessary*/
padding: 10px 8px;
opacity: 1;
pointer-events: auto;
}
.sugg-box li{
list-style: none;
padding: 8px 12px;
font-size: 20px;
width: 90%;
height: 100%;
cursor: default;
display: none;
}
.search-box.active .sugg-box li{ /* space between .active and .suggbox is necessary*/
display: block;
}
.sugg-box :hover{
background: rgba(128, 128, 128, 0.301);
}