forked from ibillingsley/HumbleNewTabPage
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathnewtab.css
executable file
·308 lines (308 loc) · 19.9 KB
/
newtab.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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
body {
background-color: #FFF;
background-attachment: fixed;
background-position: left top;
margin: 0 auto;
overflow-x: hidden;
font-family: sans-serif;
font-size: 62.5%;
line-height: 1;
}
#main {
width: 80%;
margin: 5% auto 0;
position: relative;
max-width: 100%;
white-space: nowrap;
user-select: none;
}
#main ul, .menu {
margin: 0;
padding: 0;
list-style: none;
}
#main a + ul, #main a + div {
padding-left: 24px;
}
#main a {
box-sizing: border-box;
max-width: 100%;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
font-size: 1.6em;
line-height: 2;
text-decoration: none;
color: #555;
padding: 0 .8em;
border-radius: .2em;
cursor: pointer;
transition-property: color, background-color, box-shadow, opacity;
transition-duration: 0.2s;
transition-timing-function: ease-out;
}
#main a:hover {
color: #000;
background-color: #E4F4FF;
box-shadow: 0 0 7px #57B0FF;
}
.icon {
display: inline-block;
width: 16px;
height: 16px;
margin: -3px .4em 0 0;
background-size: 100% 100%;
vertical-align: middle;
}
#main a:after {
/* workaround Chromium issue 142154 */
content: '';
display: inline-block;
width: 2px;
margin-left: -2px;
}
.wrap {
transition-property: height, opacity;
transition-duration: 0.2s;
transition-timing-function: ease-out;
}
.column {
display: inline-block;
vertical-align: top;
box-sizing: border-box;
padding: 10px 0 20px 0;
min-height: 300px;
}
#main .empty {
opacity: 0.5;
}
.menu {
position: absolute;
white-space: nowrap;
font-size: 1.2em;
line-height: 2;
background-color: #FAFAFA;
border: solid 1px #999;
border-radius: 3px;
box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
}
.menu a {
display: block;
text-decoration: none;
color: #000;
padding: 0 2em;
cursor: default;
}
.menu a:hover {
background-color: #E4F4FF;
border: solid 1px #57B0FF;
margin: -1px;
position: relative;
}
.menu li:first-child a {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.menu li:last-child a {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.menu hr {
margin: 0;
border: solid #CCC;
border-width: 1px 0 0 0;
}
.dragstart {
opacity: 0.5;
}
.hide-focus :focus {
outline: none;
}
#options, #options_button {
position: absolute;
top: 0;
right: 0;
}
#options {
display: none;
font-size: 1.4em;
color: #000;
border: solid #999;
border-width: 0 0 1px 1px;
border-bottom-left-radius: 3px;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
min-width: 32em;
min-height: 10em;
}
#options_nav {
position: absolute;
width: 10em;
top: -1px;
bottom: 0;
background-color: #EEE;
list-style: none;
margin: 0;
padding: 0;
border-right: solid 1px #ccc;
}
#options_nav a {
display: block;
padding: 1em 2em;
text-decoration: none;
color: inherit;
border: solid transparent;
border-width: 1px 0;
cursor: pointer;
}
#options_nav a:hover {
background-color: #E4F4FF;
outline: solid thin #57B0FF;
}
#options_nav a.current {
color: #000;
background-color: #FAFAFA;
border-color: #CCC;
margin-right: -1px;
outline: none;
}
#options .section {
margin-left: 10em;
margin-top: -1px;
padding: 1px 0;
background-color: #FAFAFA;
display: none;
}
#options .section.current {
display: block;
}
#options_button {
background: transparent no-repeat center center;
width: 32px;
height: 32px;
opacity: 0.6;
cursor: pointer;
}
#options_button:hover {
opacity: 1;
}
#options_close_button {
color: #000;
text-align: center;
text-decoration: none;
font-size: 1.4em;
position: absolute;
top: 0;
right: 0;
display: block;
width: 32px;
height: 32px;
line-height: 32px;
cursor: pointer;
}
legend {
color: #888;
}
fieldset {
border: none;
margin: 1em .5em 1em 2em;
padding: .5em 0 0;
}
label {
display: block;
font-size: 0.85em;
text-align: right;
margin: 0 0 .1em 1.4em;
clear: left;
}
label span {
float: left;
text-align: left;
line-height: 1.9;
}
input, select, textarea, .revert {
width: 9em;
margin: 0 0 0 .5em;
box-sizing: border-box;
vertical-align: middle;
}
textarea {
width: 20em;
height: 16em;
font-size: 1.1em;
font-family: monospace;
vertical-align: top;
float: left;
}
input.color {
width: 6em;
font-family: monospace;
}
input[type="checkbox"] {
width: 1.2em;
}
input[type=color] {
width: 3em;
margin: 0;
}
input[type="color"]::-webkit-color-swatch-wrapper {
padding: 0 1px;
}
input[type="file"]::-webkit-file-upload-button {
width: 100%;
}
.subopt {
margin: 0 0 .8em 2.5em;
}
.subopt input {
width: 4em;
}
.revert {
display: inline-block;
width: 18px;
height: 16px;
opacity: .5;
background-image: -webkit-image-set(url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAMAAAAs2N9uAAAA0lBMVEUwMDD///////////8wMDAyMjIwMDAwMDAwMDAwMDA2NjYwMDAwMDAzMzMwMDDd3d10dHQ6OjowMDDw8PCAgIAwMDDb29ucnJxjY2M8PDz////5+fmMjIz///////+lpaVRUVH////////Z2dlcXFxlZWViYmI/Pz9sbGwwMDAwMDBERESJiYloaGjQ0NBra2vMzMxiYmJ7e3uhoaHu7u7///////////////////9hYWFgYGAwMDBLS0tTU1NDQ0NWVlZbW1tcXFw1NTVGRkZRUVF97P/NAAAAOnRSTlMAAIALq8cSCbcMupD83y1p5OkVatVmkLr8hgVYyRE7r+ICSjz6GPpp6x5y+rb1UfCN/tu2eBd+XDYGoYBnVQAAAI1JREFUeF5lz8UOwzAURNHnpMzMzMw4Scr9/19q/GTJSnqWdzHSkBQnTQg3hAOOL4WCX9gsESlGOcUeUKzbPZmSKZ2B9szm3GTmCzBYqVzBqyrna/UGsWarDXRkom6PlD4w4KQNgZEvjYGJJ01nc2DByVbeHwvLFSdo643pSdvd/nAUnAzldL5c5Ufx5wfvRBiIbpnbSAAAAABJRU5ErkJggg==) 1x, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAADDUlEQVR4Ae2XA4xrTRzFv711u7Zt27ZtBN+zbdu2bdu27Tgbp1Fj9Z1pel9mvXUfbvKr/3PO6Mztf6XDxhkU4zXwzwCuFmdn5yS5XM4DJno1QMR5PN7lpUuXDoF4IODpzQAr7unp+eTu3bsbIB6lNwO0eGJi4peioqJXmIaLQqHwlEAgUJWTIpHokJmZ2fyoqKjYnqayR/G0tLTvqampX2NiYt6BD7GxsR/j4uI+qQKpgfj7wMDAF0FBQRuuXr1qDRNMFwO4mjqLg2/EQEpKyhfyTCCfqQJbhza+JiQkfMrOzj4nk8kcaBOKB2tr6zx3d/e7ncW1TVJS0udhw4btgAEbYPLLAJmfmTNntqanp7/ShTBNRkbGux8/ftRBU0wbMAHi5cuXV8HEE3bYN2zYcPb48eP7jxw5svfw4cP7VOHgwYP7FixYcDonJ+ctPY3k9erVq3dBzxkwxABtQrR58+bczMzM+8nJyZ+fPn26BZ+VggQQB+JVJOnkyZMDMLUvaROYhhv4Lh0IiHhnE4I9e/Ykwvmt+/fvr8X7ICACPDXgAwl2wErsiPesgerq6mf4vBmIuw0HUnz58uXwT58+DcNrb8BVOWSoTnl4eFT7+/u/wKgqRiE/P/8dPh8FzHor5AJbYN5576qKvb19kouLywPWALbjR7Q5FVj05Z7RVJxgbm5eCBP3qBF4j3ZnsAZ0Dp/Pn4pIZ0eArIGX9AjoFFx2SNmzZA1gJygCbvjw4XchPhqYd1dgj4JIW1vbGE2wsbGJwyHWxuVyT1paWt6Kj4//zCbspk2bTkK8FUi6GGAYZixOsWuI5ztoSCPs7Ozuenl5PcUW/MRGPJLwc3t7+xqIZ3TJAYJEIpng7e39DOHxmcyZppCDiD5f5s6dewXCM4ErYLo14Ovr+5wUavtQamxsfIbTcDmEy+izoEcD2hQfMmTIA6lUuhrCA4E9YHRugOz3kSNH3jl//vw+CC4ArcAJcHq8J1TmfjWYryyarwHzwGTQDKK6S9We0k8MLLWAhVJU3NM94b9/Rv8M/ARuGB7M3i2ZzgAAAABJRU5ErkJggg==) 2x);
background-size: 100%;
cursor: pointer;
}
.revert:hover {
opacity: 1;
}
.folder .icon {
background-image: -webkit-image-set(url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAYFBMVEXR0dG8vLwHBwcMDAwAAAAPDw8AAADExMQAAAClpaUODg4TExOoqKgREREWFhbBwcEAAAAqKioAAAD////////Pz8////8AAABycnL///////8AAAA8PDw7Ozv///8AAABFcLj8AAAAIHRSTlOXjciUMKIggjWWsbaMlah8HbEVFCh1JFigEEIex8gWAFh1g4cAAABOSURBVHjalc9LEoAgDANQFAX8gn8Fbe9/S7aEFWb5pslMBWcphWvNYJENwmdnA/CSHhwAU1WHtMKqF5RehLbbYHQadxi9j5MB/PPvF0wEW/AdAYoPCN0AAAAASUVORK5CYII=) 1x, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABz0lEQVR4AWIYMmAU/P8P0H9GIGYC0QNlOYB3coaWKwjA8Mnl2rbLmGXaOCnjNmZfp4lt++72W8Z4tm1b3fvnnHU/U3wXo/8bSUAD1EBgLSCcOXMmgXc0gwWILAUkWZZrFUU5iu9DYCuwA5GVgMxx3LRerx8tKyu7g/+zYEdWgpkA+bTb7bM1NTWfUHYhI2EDIjMBgsvlmq+trX1LVqJQgomAz+ebzKzETFVV1RPUnS6UoC7w79+/536/v498WyyWycrKyofUJQoFenp6bnZ0dFwwm81NJRJnqEkUCnR3d9/A/7F0Or1Nq9XWZiWqq6ufZVZiEzAAjqbAERC9efNmBFeznpQ7HI5ZrMQDlO8GLiDQFDgK4k1NTSGv1/uLlGs0muVkMnkf5TuBFfDUzgD+Tw4PD2/3eDzfSZlarV76+vXrI5QfABGgBmtoCdyen5+/HI1G/xeEP8yER4EGcNQOYWtr68vNmze3MQsvFVi3bt1Qds8VRXlMPbxUgIDrt5JKpZ6j/BD18FIBsuxMwzMCEhEQRXHu9evX1/C/j1l4RkDkeb7r6tWrR/G9HYSYhWcEuNVpa2vrQ8t5IUg+R1hON0cAMQsQM1OzkBkFo2AUAABdIA1Hj1x9FAAAAABJRU5ErkJggg==) 2x);
}
.open .icon {
background-image: -webkit-image-set(url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAMFBMVEUODg4jIyP///8AAAAAAAAAAAD///8HBwcAAAD///8AAAAODg4BAQEPDw8AAAADAwMNPiCWAAAAC3RSTlP+41u8vW1c9m97AMNANdEAAAA8SURBVHjarc5JCgAgDANAd61b/v9bBS1Uz80tA4GY+kUVon8hzu4klJlBB7gPhtubkRA6ACsniXaS2vUFQ4YJ5oaTNEEAAAAASUVORK5CYII=) 1x, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAArklEQVR4Ae3VAQbDQBBG4a40GxBoFRZCJDco0J6j7QG65MC9z/ZhWGgVxqwyjw8g/4DNzvM8T7lT6/FXKSU0G0ehiD2C+TgKJYzobMcFXZDQ244LumNGtB0X9MSKaDsuaKsHGIxbHlDH7Q+o4y0OqOP6ByiOC8pYEG3HBd0wqTxEfCRgQMIVD2RsH2QZP+Og9hTLj2VEwoz1iwUTjhgQtA4I6NAj/tCjk/H/yPO8N6W5Wi4jgqsHAAAAAElFTkSuQmCC) 2x);
}
.empty .icon {
display: none;
}
.weather .icon {
background-image: none;
}
/* The following icons are copyright (c) 2012 The Chromium Authors.
see LICENSE_chromium_BSD.txt */
.recent .icon {
background-image: -webkit-image-set(url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAABLklEQVQoz2NgIA0Ic+CUEuWTalI4oPRM6bHcVslEDGkJM9XzRs+snm240HTD6pn+M8WtYhJI0pISurftngU883g2L6d1ldcz32eWz7R2iTHDFRhOtX8W8izimfuz5sjSud5AViBQiUoEXIH1vYBnkUDo/qwpsmSuF5AV8czzmcc2qLSisP2zcLiC+qleYHbgM88bUAUzZJ3BQpEgXYt/BrXcDASyQ56F3oEq+M8T9igMrCDomfUzgwn/q0rvhgJNKDoPd8OMYxA3hD/zBzrOZFXQnZBnfs92ToMr+BmTez8IrsTtmQ+QnHj1vw5cwX/mJ/Mr7gQB7Q1/FgoMj8BnM699zUEJyf9C/3sPnO+9kXu/9N6U65dP/E/9z4oR3P9t/pf+n/t/8v+c/+okxC8AEkSjB4OtKa0AAAAASUVORK5CYII=) 1x, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAACZklEQVR42t3VQWjTUBgA4DcQxGvntZs3Zw/RdKZlVJStKww7PVgb03SuLYt5WScOugoyEISeVnbxIgg60IJsJy3sIuoYA28rzFUQPLSrbfOSt6anXeUZMTibl24Fb+M/vZfk+9//P94LIP8ZJwk43xEeN5PxvuO++TCHLm973zIZz7meAY+bXQkYofbNVmSfxzy+tX+jFWoH2t4Vj/tYYAgw1wPNsCHghCYhqCpmQCShhCbgsHFFZaJHAhfApfSoEcUpDaqztoBqSuPxWJu93xUYAmxk3BB1Gf35REbl1fKqNbJmRH3cYCNdAMYdVEX9MPe0RgbJ4LTWuQ5RD6qM2wHwgOArHv+bL4ZHwAiI4c5SZGQWUnAA2IHJVqojm4D9wA8EbO9GSptssQMUEF4UMFR7AaD5JLxIAbHNhJWfBuyR0GKbFCBUJdQrICGhSgG82f9eAahGNQoQNcX2mqj5T3Pg6WdIAYoq0sBMzQ7E9avPvX0/b+e3IQXM1ChgYQc6bJfvCek7kB9/VWwlLOxQwPKahOyV3tUnDI4np/Cjh9+VjiYur1HA1lQS0c2K6yF9+Bo5U8k/qB7OJ9HWFAWQ/lyJbpeMBDxWH2YOXNkv8C+bK5F+CvCCclZuzDoQvEmMvr+DIbJmGuWs42EirmIRIpq4h+K6gJPWNkNULBKX83EGhHvzQWnSBDRDsTaw8JFw3S8UQIKfinN1irBirr6+TkJHX2mAXNx7kS/R61Ca+VLtJfEdf6kCs0Lpx+vCRm43U0k30o1MJbdb2NgrEIm4ervWAfsbmSDzZIk8M2OJzJujsyf23/gLpq9FaZ6h080AAAAASUVORK5CYII=) 2x);
}
.top .icon {
background-image: -webkit-image-set(url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAABAElEQVQoU2NgIA2IF4vK4pGW5tO+Z9SDR4F5vMUz8/t4FNid8Hxm/0w5HE1YRFbMSsxK3Eq52PZZyDOfZ1aXZMPFgSKiViJ8YAVq+zWfaT/TfWbxzO9ZxLPQZ67PjJ/pAEXUnpkGghW8Wdxw0xWoM/BZ+LNIsJKAZx7P/J6sufDfFqzgP+//qjlXA4GSMBj8LPLJ1QP/vZDc8T9p4nWEEv9nj/b+V0VzasQJkIJwsALPZxGRDOjAGuiDoGepD4OAtMezwDlo0spWTkCnzb36Yf31U6V3vZ95nEdT4N+Tfffaqf9JQAer/p+88YLTQwXUOAFKTUY467/X/+3/JRiIAwCtIIEBY/fpswAAAABJRU5ErkJggg==) 1x, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAACNklEQVRIx2P4z0AZZBg1AGGAOhaoxWKww/CCtiiITYYBGgxW1h5vvd66ZmuSZ4A2Q+iEqJcxL8N365FngD5D6MXEFynPA18Yc5JlgIlM4Ou05+nPwl85+GmSboAmg19e1MuMZ5nPYl+GLdYh3QA9xoBT8S8ygQYkPw98aMhDogFa0hazg16nPgcZAPKE3WYdVQIGGB43+2j20uyh6SOzh+bP7T74vUl4AfIACCa+CHht/97iozkUmn4yWIRhQMz1sFfhr8LAMOJV9MvEF+lQ7ZnPMp6lPI95GQkUh8CQ1z4PDZjRDPhSO+VYxjMIzMQLM561nn826T8Tel5g/R9xbG3hvUwC2nMebdr+P+M/L4YXNBmMGP5rvOvrPZWOx+6Gyw9n/bfEEQsaDLoM/zn/J27fkvUEu/ale/8V/RfGG41aDMYM/02mHUjHZvvF/27/GQmmAw0GE4byhcnP0Q1Ie55/hMiEZMAUfBPTgNTnwc+NeYkwQIPB0jkYmInQDQClR+dkIgzQYQhYF/MSpi3vYeEDGDvuRfAhIgwwEvUDlgEgDdlPV+z+Nel/z87N2Y9A/JTn/q+NZQkYoMngVhrxKh0Y5qW3Ly357/yfyRIYKzfml94GpdDIV951BAzQYwg8Gw/MBT2nPrb9lzUAGqgJLJn+S3xs6z6T/izhRcBVAgYYMjTsznoATKyJ/9l1gAEKC5f/7P+TNuzIeZB+mYABQNvC/nf+tzAGJimU8gGkxgooUzYMqzYASPO/R7NID8YAAAAASUVORK5CYII=) 2x);
}
.apps .icon {
background-image: -webkit-image-set(url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAABKElEQVQoU2NgIB6IyUrPk1kjro1TgXm90TPjZw6tOBVsrXZ55vfkURYWKblniieV15jd8nrm/sxkg9IaxRtyz5CkFbTNnjk9c3jm9Sz0WdAz52f2z1yemSEryAtzBUqFPgt/Fvks4lkYEIYDNSApWOnu+izvQfSTMKACGHR9plUse1IyHKzgv8Txs//n7zkWgKTA/5ndM8tn+nfACmT4fHo0+YprvOHSEc8in9Td9nqWfwOswMZZ65neafNnPs+CwTAS6IaQx//brp363wZW0Bds+8wDaKjvsxunnpxIfBgGNMEF6Mj/qlBH/ld1Bbs+5uEhw3Wq4fdDwb5Q5kPyR/jDIHAIWMc7BDo9C3yW8jD7rq8pkoL/q/8fAUOv/7ZgevX/yXALCAEArcqmRBcRrkIAAAAASUVORK5CYII=) 1x, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAACr0lEQVRIx2P4z0AZZBhGBqijQC1Jg0Um940O6thoQEVIMkCbwWaX59ug175v7B7pspJhgCGDz5uEF2nPU54HvA4UJcMAU4aia+nPMp+lP6u78J9bgxwXXGlKeZ75LPnZkyJDYsNA00DLXktbU1FDQENAVyIuOu5F5rP4F2na2kDNGnyaslraWpYaPHgMcFps88Hmg/UHy4+WH20+eL2NBxoQ+9L1jflD83eWH62AcpYfA1TwGJB4JOJV9MsoMIx+CbQb6IXU5zEvI15FvIp8BRLzf7NaHo8BKWdBvsYHI1/958BjQNKVVAIGxD7HG4jJN9IIuwCfAZmXQAZkPcVtQMQrc8n/DFpaOmlaRlgMaN6W8Wjj9l8zbywvuofdgOiX7jNMWqzfOLy3eqfvhWHA7+A//f+t/zP/l1q3ErtnEl8EvfZ7E/Eq9mXIa/eTmNmZ8T+jHoMmgz7DvChQGsCE6c9SgLkDlMRTnoc9wkzK3Bo8kJyYlBnzErsB0463XMwAstKel5/BMMDktMlLvWhNBj0Ov5PYXZD94H/kv/xZhzOeZT88XodhQMCzwNcu7yyO2F0Kfo0tRWQ8i38M9mjAm3nf+/5LYqaDeynP416EARNu4osMoPKeM9u2rthTfA9hQNgrMyawWp7/LFiiMftyOlBR+jNIOTDr8P/U/2b/XR5OzHyMSAdOQngSUtFRhMMTXxzMMGPQYzBg+C9YcCMDKhr1MkULjwEVWxCZKeZlhj+4HGAw144ARxzEgDxHPAbUz0+Eh338C48buizqDDqsjveiX2bAU2JBOB4D5hRXX6m6UXq74EH+w/z7FSfK2NQZZrKl3sx5WH67+eKEk/MPbNy21xJfxaL+v+B/7f/W/z3/+/+3/U/6zwQsB5n+V/3v/d8AlIn/7wsMVJ5hWTcCACjfEuIspWZ/AAAAAElFTkSuQmCC) 2x);
}
.closed .icon {
background-image: -webkit-image-set(url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAHlBMVEX///8AAAD///8AAAD///8PDw8AAAAQEBCfn5/////AXDJ/AAAACnRSTlMAOzuUlJ2enp6e4eL2LQAAAFlJREFUeF5jQALCackCQAajWRoQGDIwMKelzZyWlqrAwJY5EwjSHIAiQJCWPoGBEczIcGBgSAPKTMtUADKmAUEmA34GUDGYAbaiEsgQBTLSW4AMJk+gnBMDAHVwKNvU0g1aAAAAAElFTkSuQmCC) 1x, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAE6UlEQVR4AWLwySwcUEy0wtmzZwuZmJgksbCw1AkICNSIiorWoWNeXt5mBweHssOHD1v8//9fHIi5gZiJYgesWrWKn42NbTYDoN1ygJHsCcL42bZt27Zt22vbu8nMm1n7MO9s20Zwtm3bd983md7svDX+/if5ZdO1/aq+7qquqQwZ5Ny5c8vZs2eXc+bMaQTtmTNnlrknY8aM8uPHj2cgeDNQGGROk4CJEyf2oeNJkyY5v3v3zuT58+e+jx498gIesXn//r1zcHCwlgJdXV1DEXiOQUTuFAlwcHAo6unpWT0gIKDqvn37inTs2NGEAsLDw63hzPXr16/mnz9/7vnx48d2nz596ijA/9pu2bJlFPc2bNgwjEKvX78+A7bWUVFRFfH/HCAb05KggKFDhw6jg7TCdAAj26BBgzwhuiUElAE5QUaj4NOmTWuTkEPUAHOd7OBMg9KeL18+OSwsTIvAw0F1kN1IQLly5caKzQULFpQrVqwowyaXKVNGT8mSJeXixYvzb6K2UqVK6ddFihSJuQmuq1WrJnt7e+sQ2Bv0AIWMBERGRhYBPUuUKBHNj/38/OY/fPhw/oMHD8JfvnypefLkifrKlSuaCxcuaG/cuOH/7NkzDezqmzdvSqdOndKcPn3aH3u1sEnci29VqKMQHoiHOXr06HzUzjwE9ohXAGGhlC1bNoTXrdFoQrAOuXfvnruJiYnPunXrzLHuD/ogSD+1Wm3n5OTkipcxGrZ+oNfOnTtnmJqaem3evNmEe/fu3TudAngzeCX0pwXcX5Wx4hOQsVixYkHMoaOjo4S1FBQU5EEn9erV49MaCrrKstxE5PvEiRMzYRsI6qMROdDeoEEDFfdu3LhxAtdME2/GcPrWILeyCGPA9esF4HR0wmt0oxM8xwisXcBkNKfGolaQEjq1B23YCWnv2bOnP5/srl27LGMJUNEGGoNsjJUaAWpgtnbt2mZCwOXLl7nPF3SGADva+/btG8jbQx/hjbAI/0EC/heAn9bARASoEhMgirB///5GAlJahCEUYGdnp2ZA9AN3Omnfvn2kuIE1a9a0SOwGevfuHUQBu3fvdhQC8OOUbAGhFGBvby8xoFar1feBtm3bRtEpMF++fHlrIeDixYuSQUAX0QfwDIPjEcB9bqBJSgRICgEaYBGPAD/QVSFAs2fPHmdDDQgB7qBpkkXIViw6oaIGJApQpEAI6CJS0KdPnyAKUBShmjdAASkpQnU8AszR65vHUwNdlEV48ODBGAGvX79WiRT8qc8wvVux6p/SiNJ+AxhO9QIwjLrzZ7dLly4Ryj5Ax1evXo0RgD32LGAWoaIGki8ApwribI85QE0B586dm4kT2a1atcoSa2cw+datWzVGjBgxcsaMGVZv3751ED/HoaGhHRHccsOGDVYMtnXrVmsKwJjGIkyegKpVq+rffdeuXaPRSELpBINFX0xEoxYsWGCLzmiKsX0IUtNm9erVvdATTGCzwbOdJElSl0WLFnXgIELB9evXl+irUaNG8378+CEZDtAQZElQgJeXVwd8JKbgNMPBFuI5igUCc1AdZEpQAOFJMBtG4WNd5cqVdRgqdeXLl+dfYmQDRjZhR951NWvW1KFnhBmCe4B+oBjImKgAXhEoCbqAmcAmDdiCOaAPqCDyLwQkJaKA4aPqaaQSKAyyxo7xG32FbiIf2LyjAAAAAElFTkSuQmCC) 2x);
}
.window .icon {
background-image: -webkit-image-set(url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAARVBMVEX////Q0NCgoKCpqal+fn6qqqqmpqaEhIRpaWltbW2ysrKWlpaQkJDr6+tzc3OKiop4eHienp5mZmbFxcWhoaGcnJybm5uPrfCxAAAAAXRSTlMAQObYZgAAAFNJREFUeF6NyjcSgDAUQ0F950zm/kfFMLgQFa9QsSNAW93rc68FnKIc1CYiaRntOKT20nicyPVJ3jJKpQomhgmewcMwmB8wM8xoDA2RISIwBKyfLvZCCwZyyjSIAAAAAElFTkSuQmCC) 1x, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAByUlEQVR4AWL0ySxkSHSxkfn9+3fX////7RkZGaWANAMIANkMQDaYpiJ4BsQHWVlZy+bvOfKEce3atTI/f/68CBQUotBguGOxegBT/h0HB4c+y/fv37sglhM2ENB+GXA4DARReES0f6EXqoD2X9z9+/YnVFFBhCACEJHE5Qsv2Oa6JZKFe+xlLkm8t29mx9SBS6BvnHj+Hpxwx33f//h29ReGbyHn6hc479A3Ar64kSSJnc9n2+/3b0kB76Rpavf73ZqmEYEw78C8gCTuuo7ALpeLDYXhJQdDzdjxeDS+RcRQwJ/ueHJNDsY8ZO12u4/IhbZt7XQ6jSIejwci3JQ4hPMpwwFvrt/VACJAWZbeogXwVVU1pY4aWHzsqB3S5wPvDpVvWZbZ7XYzsEiARNR1PS7BJ+JwOODecgELXAsnQCLg5RoRhBBBMSJAfSCICyxSEETAlAL+4EKoFERSEsIBljphEAFADgQ7ikH6AJDzwQSI91+AOmE4AWqJGiS2AFzaeESgo7j1EWRFCoCcWHPnL31AgR6u6YQ7HfO/UqDRehMwkIpXrVjz/eopgIMxXryx7L9er1YUBb8PeLiaAHb/fD5fG1Ge5+PaGr/HoPTyfytGxgAAAABJRU5ErkJggg==) 2x);
}
.devices .icon {
background-image: -webkit-image-set(url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAN0lEQVQokWP4z4AfQqmmw03/0eBhVAXo0kCIqYABCY4qwKOAYEj+X/d/CxCuw6oAM7KOoCjADQHjuBArhwg2dQAAAABJRU5ErkJggg==) 1x, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAk0lEQVR42sXVIQ6AMBBE0RIMBoMhcCPq9/6GwDGWVI2hafK3hIyD9olvmjy4/oAddplXdtnRBHT9nWgD5dj+uqX848BmYwyYPUWA1YYYMHmKAIsnBCgfBJQPAcoHAeVDgPIhQPkgoHwIUD4IKB8ElA8CygcB5YOA8kFA+RBQ3x+AvnQG+MNyt4Fsd/X6afmrx5XvAS0874AspsgDAAAAAElFTkSuQmCC) 2x);
}
.error .icon {
background-image: -webkit-image-set(url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABR0lEQVQ4y2P4//8/AyWYYfAaoKOjo2tkZHQWiC8A2RYkGQDUwOzg4HDW19f3DQgD2deAYuxEG2Bubp7k4+Pz5tSpU2tAGGSItbV1PlEG6Onp8Xh6et4LDg5+DeSrgHBISMhroNgjfX19AYIG2NvbN4I0hIWFvYKJgdihoaGvgF7pxGuAgYGBjJeX1/OEhIQXERERcANAbJCYt7f3S6AaOZwGODs7zwsPD3+Vnp7+LDIy8pWVlZUlEFuA2CAxkEEuLi4LsRoAjC59UMAlJia+yMzMfBYXF/cC6O+3IAxig8RAckBXvAGpxTDAzc1tV1RU1EuQTTDFQPGZIAwzFCQHUgNUux3DAH9//5cpKSnPQQpBOCYm5iVMDsSGiYPUANW+wDCgpqbmPNAGFAOA/n0HwsgGpKWlPa+rqzuLLRDTYE4mAqdQLTMBAOCTliDnI7ksAAAAAElFTkSuQmCC) 1x, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAACHElEQVR4Xu3VS2sTURQA4LtQF4qMm1Ir4kIr7SQxj6Y0gkKwTWqeEILapA7GMm1m7l7BEFdaULrowk2prrIRV8W6F1eupRspiHHR9j5mUvsTrndCxouZMZlBVyJnNYfhO2fO4TCA/WH8TeA/MOEI+XikMd2e3os8l09N+AcCx2bepb+XzbKZObz6MXjaJyCDGSV/eI/UsYZrpNi53vQJhE/kdhWqI8hDRzWS3Y+c8QHI4JpeNpfx6g5pkdbqzgq+Y8w+9QGET2a/1YiK2w0mMandUPF9kkfREY+ADJIPb5l1rFAmhUAIMEmhGuI9rHkEIlJ2r0YgqhqJ7nMCVA2IeA8kOuYBkMGNJ7eNOoao8hOocEBDC0bqhQcgOpLj1SDqByBaInkauzAECIDZ9QVDQ26AxjPpzSFA9HyOLBHoClg9FIzYxQFAAKRfVnr1u0M82wVGrSHaPcy3BgCxSwXDrg+RQue2QqOhc3NbCrVzvIfO1ORvgCBIv67a9XmouGQmj5JHJVPFdk7jfc2/cQUmwdSVgniVh84JhSpUxdZNCLZgxsMuQBDc3F6kVn0B2Leg/5JdpJltFyCeKHas+iLELfTni5143AFk3t/tna8Y4rPL1i2sjdtDFD1k3zqAElnGsA9IdbeQElsQ4z1wAPBL7/sHbEHsYuWrA/i0/vgz3Ido2BZ4HDza/fDKAbAx9oBtsE0PscGabPwf+jP9AAcY6kit+VxKAAAAAElFTkSuQmCC) 2x);
}
#options_button {
background-image: -webkit-image-set(url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAA6UlEQVQoz2P4z4AfMhCpQFvccKfpS+Mzeim4TODbPiHpnv8bp/dGlbisUP7elPIk+qXrS31+DAVaKVrcQJol9UHa85DXwZYYCpwuWdwzarRdHPUi41n0y+16GApmrgp47fsm6HXii8xnMS9de7QZ0d1gs2Rv5qOU55lPM58lvvB+azpFkxndkc7/e58u+jltxtG053EvvN6az9dixQwogf8sf8O6T6U9jweaYrFSiwNbSDL+TG6+kA5U4vvGYj32oGb6kld3Jf1Z/IvAR7jigvVVRcWNnAebV+KOLM6f1f97/uvji00mGAsAehYJT6WSCbkAAAAASUVORK5CYII=) 1x, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAADbElEQVR4AWIYKmAURLKyss7j4OBYDsJcXFxz+Pn5K83MzNT+///PQnPbGxoaeHR0dJbo6upeMDExuWJsbHzZwMDgopqa2gllZeWJAFrLAUaSJ4zi2bH+HJxtB2vbtm0rPNu2bdu+tY1Y5+BsvC+ZvrWm00ne7kx3Vb1ffaiac+fOKQHC4wyAFn/37p3G39//pImJSZO5uXkzydTUtAlRqLe2tr5SU1MznHMISO3h4XHY2Ni4gYEgAaoxKirqCN5rOId4+/at0sLC4iKZtocwMzOrKygoiMEYOVsfQyosSK8nCDc3N1PURAVMm9oBNG3ZsmU/3o9mEwU1n8+/HBAQEE076Qli6NChk1Qq1f3OUUCxnsccc0isk7tIJJqhUChuGRgYVMXFxeVjIUV3EAKBYKFSqbxHRdgeYPny5Rcw3hWS6gTw999/G2Bh2lmTkZFRra+v7zIs9ncnCDuxWHxtypQpFTBtaQ9w6NChoxjrDEl0AkBPj6DQMjujFsPnY+np6ZORFimPx0tFlK4OGzbsMUGiGDsAlJaWboW5CSTStcr5//7772W02Z/cUstNmzatFM9vyeXym+PHjy8hc0tLy9b25qRnz56txhrsTkcYLUYN1LdfGFFoREoatGAtZN5596Rdu3YdgvlIVmdBWFjYcLRYAZOGgQhgtYsWLYoHgAzS0zkNtra2Ech/DdPn/ZV2fNmqVav8qBDZQEhQeFnYUYUuEFZWVkXbtm2z1/k8IHJIUV1d7bh27drdc+bMuYhD5tLOnTtPPHnyZMfr169XFhUVbXJ1dS3uDpCe2djYPN67dy91hJANhAQaCllAHpA7ZAlNhoag760QpQdUpJ0h6BlSeQ9X9SzqCra3oBiSaiWGBNrnwg0bNhgB4mFPEHZ2dreuX78+ibMfLgSxceNGUxg+7g6C7gtHR8fruCnHcQqxePFiaxgWUP67g3B2dr5UV1c3giLHFYQIxeoMs+KeIFC051++fDmYCwimaMX5+fk+MCvtCSIpKWknxilpPGcQWVlZoTi2KzpDJCcnP/rw4cMSjLFhzgiuIKQpKSnxuD+qGAhA3f/y5ctKvAuHVEwauISQRUdHZ+FIr0Zabn/79m05ngVzbt4JQo7u+L3Uv3//VgLZwUCMtf9A85AAYk0g5kO2nK6OgLeyByMAAHZc5O9Qa64MAAAAAElFTkSuQmCC) 2x);
}