|
1 | 1 | .search-toggle {
|
2 |
| - background-color: #fff; |
3 |
| - color: rgb(255, 0, 0); |
4 | 2 | position: absolute;
|
5 | 3 | top: 3rem;
|
6 |
| - margin: 0; |
7 |
| - height: 19px; |
8 |
| - min-width: 100%; |
9 | 4 | z-index: 2;
|
10 |
| - border: 1px solid rgb(255, 0, 0); |
11 |
| - /*overflow: auto;*/ |
12 |
| - /*border-radius: 0 0 .27rem .27rem;*/ |
13 |
| - /*box-shadow: .27rem .55rem 1rem #888888;*/ |
| 5 | + display: flex; |
| 6 | + flex-direction: column; |
| 7 | + padding: 5px; |
| 8 | + color: red; |
| 9 | + background-color: #fff; |
14 | 10 | }
|
15 | 11 |
|
16 | 12 | .search-container {
|
|
24 | 20 | }
|
25 | 21 |
|
26 | 22 | #search-icon {
|
27 |
| - padding: .5625rem 0 .5625rem .5625rem; |
28 |
| - background-color: #00007F; |
| 23 | + padding: 0.5625rem 0 0.5625rem 0.5625rem; |
| 24 | + background-color: #00007f; |
29 | 25 | z-index: 2;
|
30 | 26 | }
|
31 | 27 |
|
32 | 28 | #search-icon i {
|
33 |
| - color: #FFF; |
| 29 | + color: #fff; |
34 | 30 | line-height: 19px;
|
35 | 31 | }
|
36 | 32 |
|
37 | 33 | #searchInput {
|
38 | 34 | margin: 0;
|
39 |
| - padding: .5625rem; |
| 35 | + padding: 0.5625rem; |
40 | 36 | border: none;
|
41 |
| - background-color: #00007F; |
42 |
| - color: #FFF; |
| 37 | + background-color: #00007f; |
| 38 | + color: #fff; |
43 | 39 | font-size: 1rem;
|
44 | 40 | width: 230px;
|
45 | 41 | height: 38px;
|
|
61 | 57 | left: 0;
|
62 | 58 | width: 100%;
|
63 | 59 | height: 100%;
|
64 |
| - transition: width 0s .25s, height 0s .25s, opacity .25s; |
65 |
| - background-color: rgba(0, 0, 0, .54); |
| 60 | + transition: width 0s 0.25s, height 0s 0.25s, opacity 0.25s; |
| 61 | + background-color: rgba(0, 0, 0, 0.54); |
66 | 62 | cursor: pointer;
|
67 | 63 | z-index: 1;
|
68 | 64 | display: none;
|
|
78 | 74 | min-width: 100%;
|
79 | 75 | z-index: 2;
|
80 | 76 | overflow: auto;
|
81 |
| - border-radius: 0 0 .27rem .27rem; |
82 |
| - box-shadow: .27rem .55rem 1rem #888888; |
| 77 | + border-radius: 0 0 0.27rem 0.27rem; |
| 78 | + box-shadow: 0.27rem 0.55rem 1rem #888888; |
83 | 79 | }
|
84 | 80 |
|
85 | 81 | #searchResults > p {
|
86 |
| - text-align: center; |
| 82 | + text-align: center; |
87 | 83 | }
|
88 | 84 |
|
89 | 85 | #searchResults .search-result {
|
90 |
| - border-bottom: 1px solid #EFEFEF; |
| 86 | + border-bottom: 1px solid #efefef; |
91 | 87 | }
|
92 | 88 |
|
93 | 89 | #searchResults .search-result-main-title {
|
94 | 90 | font-size: 1.2rem;
|
95 |
| - color: #00007F; |
| 91 | + color: #00007f; |
96 | 92 | display: block;
|
97 | 93 | outline: 0;
|
98 | 94 | overflow: hidden;
|
99 | 95 | }
|
100 | 96 |
|
101 | 97 | #searchResults .search-result-main-title i {
|
102 |
| - color: #0000FF; |
103 |
| - padding: .8rem 1rem; |
| 98 | + color: #0000ff; |
| 99 | + padding: 0.8rem 1rem; |
104 | 100 | font-size: 1.5rem;
|
105 | 101 | }
|
106 | 102 |
|
107 | 103 | #searchResults .search-result-sub {
|
108 |
| - border-bottom: 1px solid #EFEFEF; |
| 104 | + border-bottom: 1px solid #efefef; |
109 | 105 | }
|
110 | 106 |
|
111 | 107 | #searchResults .search-result-title {
|
|
126 | 122 | }
|
127 | 123 |
|
128 | 124 | #searchResults a:hover {
|
129 |
| - background-color: rgba(83, 109, 254, .1); |
| 125 | + background-color: rgba(83, 109, 254, 0.1); |
130 | 126 | }
|
131 | 127 |
|
132 | 128 | #searchResults a:hover p {
|
133 |
| - background-color: rgba(83, 109, 254, .1); |
| 129 | + background-color: rgba(83, 109, 254, 0.1); |
134 | 130 | }
|
0 commit comments