5fe33498299f1cdfed49a8ddd9a389a2671c93fe
1#search-form > input#search-box:-webkit-autofill {
2 -webkit-box-shadow: 0 0 0 1000px #222 inset !important;
3 -webkit-text-fill-color: #b5b5a4 !important;
4}
5
6#callback {
7 bottom: 0;
8 position: absolute;
9 height: 115px;
10 width: 31.1rem;
11}
12
13#search3 {
14 margin-top: -1.5rem;
15}
16
17#wikires > a {
18 white-space: nowrap;
19 text-overflow: ellipsis;
20 overflow: hidden;
21 margin-bottom: 0.5em;
22 height: 19px;
23 display: block;
24 color: inherit;
25 text-decoration: none;
26}
27
28#duckduckres > a {
29 margin-bottom: 0.5em;
30 display: block;
31 color: inherit;
32 text-decoration: none;
33}
34
35#topsites-list {
36 display: none;
37}
38
39#search1.active {
40 margin-bottom: 2em;
41}
42
43#search2.active {
44 margin-top: 2em;
45}
46
47.name {
48 white-space: nowrap;
49 overflow: hidden;
50 text-overflow: ellipsis;
51 max-width: 120px;
52}
53
54.inp {
55 width: 200px;
56}
57
58.inp > input {
59 font-size: 16px !important;
60}
61
62.users-list > ul > li > span {
63 margin-top: 4px;
64 font-weight: normal;
65 color: black;
66 width: 10px;
67 padding: 4px 5px 4px 10px;
68 background: white;
69 float: right;
70 display: none;
71 cursor: pointer;
72}
73
74.users-list > ul > .inp > span {
75 margin-top: 4px;
76 font-weight: normal;
77 color: black;
78 width: 10px;
79 padding: 2px 5px 3px 6px;
80 background: white;
81 cursor: pointer;
82}
83
84.users-list > ul > li:hover > span {
85 display: inline-block;
86}
87
88.users-list > ul > .title:hover > span {
89 display: inline-block;
90}
91
92.users-list > ul {
93 margin: 0;
94}
95
96.users-list > ul > .title > span {
97 margin-top: 14px;
98 font-size: 75% !Important;
99 font-weight: normal;
100 color: black;
101 width: 10px;
102 content: "+";
103 padding: 6px 6px 5px 9px;
104 background: white;
105 float: right;
106 display: none;
107 cursor: pointer;
108}
109
110.users-list > ul > li > a, .users-list > ul > .title > p {
111 width: calc(100% - 45px);
112 display: inline-block;
113}
114
115div#apps {
116 overflow-x: scroll;
117 display: flex;
118 width: 907px;
119 align-content: flex-start;
120 justify-content: flex-start;
121}
122
123::-webkit-scrollbar
124{
125 width: 12px; /* for vertical scrollbars */
126 height: 12px; /* for horizontal scrollbars */
127}
128
129::-webkit-scrollbar-track
130{
131 background: rgba(0, 0, 0, 0);
132}
133
134::-webkit-scrollbar-thumb
135{
136 background: rgba(0, 0, 0, 0.2);
137}
138
139li.sortable-chosen.sortable-ghost > a {
140 background-color: white;
141 color: #2A313B !important;
142}
143
144
145.title > p {
146 width: 160px;
147 margin-left: 0.5rem;
148 margin-bottom: 0.5rem !important;
149}
150.app {
151 cursor: pointer;
152 text-align: center;
153 margin: 16px;
154}
155
156.app > .image {
157 width: 64px;
158 padding: 8px;
159}
160
161html, body {
162 font-family: Roboto !important;
163 font-size: 16px !important;
164 width: 100vw;
165 height: 100vh;
166}
167
168body {
169 width: 100%;
170 height: 100%;
171 margin: 0;
172 background-color: #2A313B;
173 color: #b5b5a4;
174}
175
176.container {
177 display: flex;
178 flex-direction: column;
179 align-items: center;
180 justify-content: center;
181 width: 100%;
182 height: 100%;
183}
184
185.favorites {
186 display: flex;
187 flex-direction: row;
188}
189
190.favorites-list {
191 width: 10rem;
192 margin: 0.5rem 2em 2em 2em;
193}
194
195ul {
196 list-style: none;
197 padding: 0;
198}
199
200.title {
201 margin-bottom: 0.5rem;
202 font-weight: bold;
203 text-align: left;
204 border-bottom: 1px solid #b5b5a4;
205}
206
207ul > li > a {
208 color: #b5b5a4;
209 outline: none;
210 display: block;
211 text-decoration: none;
212 padding: 0.5rem;
213}
214
215ul > li > a:hover {
216 color: #2A313B;
217 background-color: #b5b5a4;
218}
219
220.search.active {
221 width: 30rem;
222 padding: 0.5rem;
223 border: 1px solid #b5b5a4;
224}
225
226#search-box {
227 font-size: inherit;
228 width: 100%;
229 margin: auto;
230 padding: 0;
231 background-color: rgba(0, 0, 0, 0);
232 color: #b5b5a4;
233 border: none;
234}
235
236#search-box:focus {
237 outline: none;
238}
239
240
241/* webkit compat */
242
243.container {
244 display: -webkit-flex;
245 -webkit-flex-direction: column;
246 -webkit-align-items: center;
247 -webkit-justify-content: center;
248}
249
250.favorites {
251 display: -webkit-flex;
252 -webkit-flex-direction: row;
253}