659b04a76b43fa6b95a7ef2a1ec474c52472b07d
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 font-weight: normal;
64 color: black;
65 width: 10px;
66 height: 32px;
67 padding: 4px 5px 0 10px;
68 background: #434C5E;
69 float: right;
70 display: none;
71 cursor: pointer;
72}
73
74.users-list > ul > li > span:hover {
75 background: #BF616A;
76}
77
78.users-list > ul > .inp > span {
79 margin-top: 4px;
80 font-weight: normal;
81 color: black;
82 width: 10px;
83 padding: 2px 5px 3px 6px;
84 background: white;
85 cursor: pointer;
86}
87
88.users-list > ul > li:hover > span {
89 display: inline-block;
90}
91
92.users-list > ul > .title:hover > span {
93 display: inline-block;
94}
95
96.users-list > ul {
97 margin: 0;
98}
99
100.users-list > ul > .title > span {
101 margin-top: 14px;
102 font-size: 75% !Important;
103 font-weight: normal;
104 color: black;
105 width: 10px;
106 content: "+";
107 padding: 6px 6px 5px 9px;
108 background: #b5b5a4;
109 float: right;
110 display: none;
111 cursor: pointer;
112}
113
114.users-list > ul > .title > span {
115 background: #A3BE8C;
116}
117
118.users-list > ul > li > a, .users-list > ul > .title > p {
119 width: calc(100% - 45px);
120 display: inline-block;
121}
122
123div#apps {
124 overflow-x: scroll;
125 display: flex;
126 width: 907px;
127 align-content: flex-start;
128 justify-content: flex-start;
129}
130
131::-webkit-scrollbar
132{
133 width: 12px; /* for vertical scrollbars */
134 height: 12px; /* for horizontal scrollbars */
135}
136
137::-webkit-scrollbar-track
138{
139 background: rgba(0, 0, 0, 0);
140}
141
142::-webkit-scrollbar-thumb
143{
144 background: rgba(0, 0, 0, 0.2);
145}
146
147li.sortable-chosen.sortable-ghost > a {
148 background-color: white;
149 color: #2A313B !important;
150}
151
152
153.title > p {
154 width: 160px;
155 margin-left: 0.5rem;
156 margin-bottom: 0.5rem !important;
157}
158.app {
159 cursor: pointer;
160 text-align: center;
161 margin: 16px;
162}
163
164.app > .image {
165 width: 64px;
166 padding: 8px;
167}
168
169html, body {
170 font-family: Roboto !important;
171 font-size: 16px !important;
172 width: 100vw;
173 height: 100vh;
174}
175
176body {
177 width: 100%;
178 height: 100%;
179 margin: 0;
180 color: #D8DEE9;
181}
182
183.container {
184 display: flex;
185 flex-direction: column;
186 align-items: center;
187 justify-content: center;
188 width: 100%;
189 height: 100%;
190}
191
192.favorites {
193 display: flex;
194 flex-direction: row;
195}
196
197.favorites-list {
198 width: 10rem;
199 margin: 0.5rem 2em 2em 2em;
200}
201
202ul {
203 list-style: none;
204 padding: 0;
205}
206
207.title {
208 margin-bottom: 0.5rem;
209 font-weight: bold;
210 text-align: left;
211 border-bottom: 1px solid #434C5E;
212}
213
214ul > li > a {
215 color: inherit;
216 outline: none;
217 display: block;
218 text-decoration: none;
219 padding: 0.5rem;
220}
221
222ul > li > a:hover {
223 background-color: #434C5E;
224}
225
226.search.active {
227 width: 30rem;
228 padding: 0.5rem;
229 border: 1px solid #434C5E;
230}
231
232#search-box {
233 font-size: inherit;
234 width: 100%;
235 margin: auto;
236 padding: 0;
237 background-color: rgba(0, 0, 0, 0);
238 color: #434C5E;
239 border: none;
240}
241
242#search-box:focus {
243 outline: none;
244}
245
246
247/* webkit compat */
248
249.container {
250 display: -webkit-flex;
251 -webkit-flex-direction: column;
252 -webkit-align-items: center;
253 -webkit-justify-content: center;
254}
255
256.favorites {
257 display: -webkit-flex;
258 -webkit-flex-direction: row;
259}