Commit | Line | Data |
---|---|---|
696a66f8 | 1 | html, body { height:100%; } |
8af29f2b | 2 | * { margin:0; padding:0; } |
696a66f8 D |
3 | |
4 | ||
5 | ||
8af29f2b | 6 | /* Few resets for within the kiwi container */ |
696a66f8 D |
7 | #kiwi { |
8 | overflow:hidden; position:relative; | |
9 | height:100%; | |
5998fd56 | 10 | } |
8af29f2b D |
11 | #kiwi * { margin:0px; padding:0px; } |
12 | #kiwi p { margin:0.5em 0; } | |
13 | #kiwi a { color:#36C; text-decoration:none; cursor:pointer; } | |
14 | #kiwi a img { border:none; } | |
9d8f8dfe | 15 | #kiwi .format_span a { color: inherit; background-color: inherit; text-decoration: inherit; font-style: inherit; font-weight: inherit;} |
5998fd56 | 16 | |
696a66f8 | 17 | |
696a66f8 D |
18 | /** |
19 | * Main layout blocks | |
20 | */ | |
4f99a29b | 21 | #kiwi .toolbar { position:absolute; top:0px; width:100%; display:none; } |
30f9f42a D |
22 | #kiwi .panels { position:absolute; left:0px; right:200px; bottom:100px; top:100px; } |
23 | #kiwi .memberlists { position:absolute; right:0px; width:200px; bottom:100px; top:100px; overflow-y:auto; } | |
1e85105e | 24 | #kiwi .controlbox { position: absolute; bottom:0px; width:100%; display:none; } |
30f9f42a | 25 | #kiwi .memberlists_resize_handle { |
696a66f8 | 26 | position: absolute; width:10px; z-index:1; cursor:w-resize; |
696a66f8 D |
27 | } |
28 | ||
29 | ||
de214968 | 30 | #kiwi .toolbar .tabs { margin-right: 200px; } |
4f99a29b | 31 | #kiwi .toolbar .panellist { |
696a66f8 | 32 | overflow: hidden; |
696a66f8 | 33 | display:block; |
696a66f8 | 34 | } |
4f99a29b | 35 | #kiwi .toolbar .panellist li { |
696a66f8 D |
36 | float: left; list-style: inline; |
37 | display:inline; position:relative; | |
38 | padding:5px; margin:3px; | |
696a66f8 | 39 | cursor: pointer; |
8af29f2b | 40 | } |
696a66f8 | 41 | |
4f99a29b D |
42 | #kiwi .toolbar .panellist .active { padding-right:23px; } |
43 | #kiwi .toolbar .panellist .alert_highlight { font-weight: bold; } | |
44 | #kiwi .toolbar .panellist .alert_activity { font-weight: bold; } | |
45 | #kiwi .toolbar .panellist .alert_action { font-weight: bold; } | |
696a66f8 | 46 | |
4f99a29b D |
47 | #kiwi .toolbar .panellist li { width: auto; text-align: left; } |
48 | #kiwi .toolbar .panellist li .part { position: absolute; top: 5px; right: 5px; } | |
49 | #kiwi .toolbar .panellist li .part:before { content:"[x]"; } | |
50 | #kiwi .toolbar .panellist li .part:hover { color: #900; } | |
51 | #kiwi .toolbar .panellist li img.icon { left:5px; top:2px; height:auto; width:auto; } | |
8af29f2b | 52 | |
4f99a29b D |
53 | #kiwi .toolbar .connections { overflow:hidden; } |
54 | #kiwi .toolbar .connections .connection { float:left; } | |
55 | #kiwi .toolbar .connections .panellist { display:inline; } | |
56 | #kiwi .toolbar .connections .panellist:after { content:""; } | |
8af29f2b | 57 | |
707593d2 | 58 | #kiwi .status_message { |
8af29f2b | 59 | background: #FFF; |
696a66f8 | 60 | border-bottom: 1px solid; |
8af29f2b | 61 | text-align: center; |
696a66f8 | 62 | } |
696a66f8 D |
63 | |
64 | ||
8af29f2b | 65 | #kiwi .panel_container { overflow-y:auto; height:100%; } |
c794b877 | 66 | #kiwi .panel { |
696a66f8 D |
67 | overflow-x:wrap; |
68 | border:none; display: none; | |
696a66f8 | 69 | } |
c794b877 | 70 | |
8af29f2b D |
71 | #kiwi .messages a {} |
72 | #kiwi .messages.active { display:block; } | |
696a66f8 | 73 | |
8af29f2b D |
74 | #kiwi .messages .msg {} |
75 | #kiwi .messages .msg .time { display:inline; } | |
76 | #kiwi .messages .msg .nick { display:inline; } | |
77 | #kiwi .messages .msg .text { display:inline; } | |
bf3bd4e5 | 78 | |
8af29f2b D |
79 | #kiwi .messages .msg.action .nick { display:none; } |
80 | #kiwi .messages .msg.action .text { } | |
81 | #kiwi .messages .msg.action.join { } | |
82 | #kiwi .messages .msg.action.part .text { } | |
83 | #kiwi .messages .msg.action.quit .text { } | |
84 | #kiwi .messages .msg.action.kick .text { } | |
85 | #kiwi .messages .msg.status .nick { display:none; } | |
86 | #kiwi .messages .msg.status .text { } | |
87 | #kiwi .messages .msg.topic .nick { display:none; } | |
88 | #kiwi .messages .msg.topic .text { } | |
89 | #kiwi .messages .msg.motd { } | |
90 | #kiwi .messages .msg.motd .nick { } | |
91 | #kiwi .messages .msg.motd .text { } | |
92 | #kiwi .messages .msg.whois .nick { } | |
93 | #kiwi .messages .msg.whois .text { } | |
94 | #kiwi .messages .msg.error .text { } | |
0197b21c | 95 | |
8af29f2b D |
96 | #kiwi .messages .msg.global_nick_highlight { } |
97 | #kiwi .messages .msg.highlight { } | |
696a66f8 | 98 | |
5b01f32b | 99 | #kiwi .messages .msg .media .media_content { white-space: normal; } |
696a66f8 | 100 | |
696a66f8 | 101 | |
8af29f2b | 102 | /* A member/nick list per channel */ |
30f9f42a D |
103 | #kiwi .memberlists { border-left: 1px solid #8A8A8A; } |
104 | #kiwi .memberlists.disabled { display:none; } | |
105 | #kiwi .memberlists ul { display:none; } | |
696a66f8 | 106 | |
8af29f2b | 107 | /* The active channels nicklist */ |
30f9f42a D |
108 | #kiwi .memberlists ul.active { display:block; } |
109 | #kiwi .memberlists ul li { overflow-y:auto; overflow-x:hidden; cursor:pointer; } | |
110 | #kiwi .memberlists ul li a.nick { } | |
696a66f8 | 111 | |
8af29f2b | 112 | /* The userbox shown when clicking a nick */ |
e1fb4c61 D |
113 | #kiwi .userbox { position:relative; } |
114 | #kiwi .userbox a { } | |
115 | #kiwi .userbox a i { } | |
8af29f2b D |
116 | |
117 | ||
2766b08a | 118 | /* Emoticons */ |
e62f5be1 D |
119 | #kiwi .emoticon { |
120 | display: inline-block; | |
121 | height: 15px; width: 17px; | |
122 | overflow: hidden; | |
123 | font-size: 0; | |
124 | background: url(../img/emoticons.png) no-repeat; | |
125 | } | |
126 | #kiwi .emoticon.smile { background-position:0px 0; } | |
127 | #kiwi .emoticon.sad { background-position:-25px 0; } | |
128 | #kiwi .emoticon.lion { background-position:-50px 0; } | |
129 | #kiwi .emoticon.winky_lion { background-position:-75px 0; } | |
130 | #kiwi .emoticon.confused { background-position:-100px 0; } | |
131 | #kiwi .emoticon.cry { background-position:-125px 0; } | |
132 | #kiwi .emoticon.wink { background-position:-150px 0; } | |
133 | #kiwi .emoticon.wink_happy { background-position:-175px 0; } | |
134 | #kiwi .emoticon.tongue { background-position:-200px 0; } | |
135 | #kiwi .emoticon.cringe_tongue { background-position:-225px 0; } | |
136 | #kiwi .emoticon.shocked { background-position:-250px 0; } | |
137 | #kiwi .emoticon.happy { background-position:-275px 0; } | |
138 | #kiwi .emoticon.eyebrows { background-position:-300px 0; } | |
139 | #kiwi .emoticon.heart { background-position:-325px 0; } | |
140 | #kiwi .emoticon.doh { background-position:-373px 0; } | |
141 | #kiwi .emoticon.big_grin { background-position:-398px 0; } | |
142 | #kiwi .emoticon.wide_eye_right { background-position:-423px 0; } | |
143 | #kiwi .emoticon.wide_eye_left { background-position:-448px 0; } | |
144 | #kiwi .emoticon.unsure { background-position:-473px 0; } | |
2766b08a | 145 | |
8af29f2b D |
146 | |
147 | /** | |
148 | * Control box | |
149 | */ | |
1e85105e | 150 | #kiwi .controlbox .input { |
fb989cb2 | 151 | height:1.7em; position:relative; |
696a66f8 | 152 | } |
696a66f8 | 153 | |
8af29f2b | 154 | /* The nick label */ |
1e85105e D |
155 | #kiwi .controlbox .input .nick { cursor: pointer; } |
156 | #kiwi .controlbox .input .nick a { } | |
8af29f2b D |
157 | |
158 | /* Wrapper div around the text area input */ | |
1e85105e | 159 | #kiwi .controlbox .input .input_wrap { display:inline; } |
8af29f2b D |
160 | |
161 | /* The textarea input */ | |
1e85105e | 162 | #kiwi .controlbox .input .inp { white-space: nowrap; } |
8af29f2b D |
163 | |
164 | ||
165 | /* Nick change dialog showed when clicking the nick label */ | |
1e85105e | 166 | #kiwi .controlbox .nickchange { |
696a66f8 | 167 | position: absolute; |
8af29f2b | 168 | background: #FFF; |
696a66f8 | 169 | } |
1e85105e D |
170 | #kiwi .controlbox .nickchange input { } |
171 | #kiwi .controlbox .nickchange button { } | |
696a66f8 | 172 | |
fb989cb2 | 173 | /* Plugin tools */ |
1e85105e D |
174 | #kiwi .controlbox .input_tools { float:right; } |
175 | #kiwi .controlbox .input_tools .tool { margin:0 1em; display:inline; } | |
fb989cb2 | 176 | |
696a66f8 D |
177 | |
178 | ||
8af29f2b D |
179 | /** |
180 | * Topic bar | |
181 | */ | |
de214968 D |
182 | #kiwi .toolbar .topic { position:relative; height:2em; } |
183 | #kiwi .toolbar .topic div { | |
696a66f8 | 184 | position:absolute; |
8af29f2b | 185 | top:0; bottom:0; left:0; right:0; |
f5035603 | 186 | overflow: hidden; |
696a66f8 D |
187 | } |
188 | ||
189 | ||
190 | ||
191 | ||
192 | ||
8af29f2b D |
193 | /** |
194 | * Server selection dialog | |
195 | */ | |
5aa89af2 | 196 | #kiwi .server_select { position:relative; width:320px; margin:0 auto; overflow:hidden; } |
3735e390 | 197 | #kiwi .server_select.initial { margin-top: 3em; } |
8af29f2b D |
198 | #kiwi .server_select .more { display: none; } |
199 | #kiwi .server_select button { } | |
200 | #kiwi .server_select input { } | |
bac3c32e | 201 | #kiwi .server_select label { } |
8af29f2b D |
202 | #kiwi .server_select br { clear:both; } |
203 | #kiwi .server_select .basic input { } | |
204 | #kiwi .server_select .basic label { } | |
205 | #kiwi .server_select .basic { border-bottom: 1px solid gray; margin-bottom:1em; } | |
206 | #kiwi .server_select .basic .show_more { } | |
fdce9047 | 207 | #kiwi .server_select .basic tr.pass { display:none; } |
9f67f0f2 | 208 | #kiwi .server_select .basic tr.key { display:none; } |
8af29f2b D |
209 | #kiwi .server_select.single_server .basic { border:none; } |
210 | #kiwi .server_select .status { } | |
696a66f8 | 211 | |
6a296cf0 D |
212 | /* Channel key icon */ |
213 | #kiwi .server_select .basic tr.channel td { position: relative; } | |
214 | #kiwi .server_select .basic tr.channel .icon-key { | |
215 | position: absolute; | |
700ef8ba D |
216 | top: 0.4em; |
217 | right: 0.6em; | |
6a296cf0 D |
218 | font-size: 1.3em; |
219 | cursor: pointer; | |
220 | } | |
221 | #kiwi .server_select .basic tr.have_key { display:none; } | |
222 | ||
8af29f2b D |
223 | /* When connected to an IRC server, .ok is set on the status div */ |
224 | #kiwi .server_select .status.ok { } | |
696a66f8 | 225 | |
8af29f2b D |
226 | /* IRC server connection error, .error is set on the status div */ |
227 | #kiwi .server_select .status.error { } | |
696a66f8 D |
228 | |
229 | ||
230 | ||
8af29f2b D |
231 | /* Logo and title in the server selection dialog */ |
232 | #kiwi .server_select .kiwi_logo { text-align: center; display:block; } | |
233 | #kiwi .server_select .kiwi_logo h1 { } | |
234 | #kiwi .server_select .kiwi_logo img { } | |
696a66f8 D |
235 | |
236 | ||
237 | ||
8af29f2b | 238 | /* Icons in the top right corner */ |
4f99a29b D |
239 | #kiwi .toolbar .app_tools { float:right; } |
240 | #kiwi .toolbar .app_tools ul li { | |
8af29f2b | 241 | display:inline; cursor:pointer; |
7de3dd03 | 242 | } |
4f99a29b | 243 | #kiwi .toolbar .app_tools img { height:25px; width:25px; margin: 6px 0.7em 0 0; } |
696a66f8 D |
244 | |
245 | ||
246 | ||
8af29f2b | 247 | /* Settings applet */ |
5720c80a VC |
248 | |
249 | /* Some of these styles will move to global styling later */ | |
1b48d21e VC |
250 | #kiwi .settings_container { |
251 | padding: 50px; | |
252 | } | |
253 | ||
254 | #kiwi .settings_container .thumbnails:before { | |
255 | content: ' '; | |
256 | display: table; | |
257 | } | |
258 | #kiwi .settings_container .thumbnails:after { | |
259 | content: ' '; | |
260 | display: table; | |
261 | clear: both; | |
262 | } | |
263 | ||
264 | #kiwi .settings_container .thumbnails { | |
265 | list-style-type: none; | |
266 | margin: 0; | |
267 | padding: 0; | |
268 | } | |
269 | ||
270 | #kiwi .settings_container .thumbnails > li { | |
271 | display: inline-block; | |
272 | } | |
273 | ||
274 | #kiwi .settings_container h1 { | |
275 | margin-top: 22px; | |
276 | margin-bottom: 11px; | |
277 | font-size: 46px; | |
278 | } | |
279 | ||
280 | #kiwi .settings_container h2 { | |
281 | margin-top: 22px; | |
282 | margin-bottom: 11px; | |
283 | font-size: 40px; | |
284 | } | |
285 | ||
286 | #kiwi .settings_container h3 { | |
287 | margin-top: 22px; | |
288 | margin-bottom: 11px; | |
289 | font-size: 34px; | |
290 | } | |
291 | ||
292 | #kiwi .settings_container h4 { | |
293 | margin-top: 11px; | |
294 | margin-bottom: 11px; | |
295 | font-size: 28px; | |
296 | } | |
297 | ||
298 | #kiwi .settings_container h5 { | |
299 | margin-top: 11px; | |
300 | margin-bottom: 11px; | |
301 | font-size: 22px; | |
302 | } | |
303 | ||
304 | #kiwi .settings_container h6 { | |
305 | margin-top: 11px; | |
306 | margin-bottom: 11px; | |
307 | font-size: 16px; | |
308 | } | |
309 | ||
310 | #kiwi .settings_container label { | |
311 | cursor: pointer; | |
312 | } | |
313 | ||
314 | #kiwi .settings_container input, | |
315 | #kiwi .settings_container select, | |
316 | #kiwi .settings_container textarea { | |
317 | width: 100%; | |
318 | } | |
319 | ||
320 | #kiwi .settings_container input[size], | |
321 | #kiwi .settings_container select[size], | |
322 | #kiwi .settings_container textarea[size] { | |
323 | width: auto; | |
324 | } | |
325 | ||
326 | #kiwi .settings_container input[type="file"], | |
327 | #kiwi .settings_container input[type="image"], | |
328 | #kiwi .settings_container input[type="submit"], | |
329 | #kiwi .settings_container input[type="reset"], | |
330 | #kiwi .settings_container input[type="button"] { | |
331 | width: auto; | |
332 | } | |
333 | ||
334 | #kiwi .settings_container input[type="radio"] { | |
335 | width: auto; | |
336 | cursor: pointer; | |
337 | margin-top: 2px; | |
338 | } | |
339 | ||
340 | #kiwi .settings_container input[type="checkbox"] { | |
341 | width: auto; | |
342 | cursor: pointer; | |
343 | margin-top: 3px; | |
344 | } | |
345 | ||
346 | #kiwi .settings_container .radio, | |
347 | #kiwi .settings_container .checkbox { | |
348 | margin-bottom: 10px; | |
349 | padding-left: 20px; | |
350 | } | |
351 | ||
352 | #kiwi .settings_container .radio:last-child, | |
353 | #kiwi .settings_container .checkbox:last-child { | |
354 | margin-bottom: 0; | |
355 | } | |
356 | ||
357 | #kiwi .settings_container .radio input[type="radio"], | |
358 | #kiwi .settings_container .checkbox input[type="checkbox"] { | |
359 | float: left; | |
360 | margin-left: -20px; | |
361 | } | |
362 | ||
363 | #kiwi .settings_container .radio+.radio, | |
364 | #kiwi .settings_container .checkbox+.checkbox { | |
365 | margin-top: -7px; | |
366 | } | |
367 | ||
368 | #kiwi .settings_container .thumbnail { | |
369 | float: left; | |
370 | margin-right: 15px; | |
371 | text-align: center; | |
372 | } | |
5720c80a | 373 | |
1b48d21e VC |
374 | #kiwi .settings_container .thumbnail > .thumbnail_wrapper { |
375 | border-radius: 3px; | |
376 | padding: 3px; | |
377 | } | |
378 | ||
379 | #kiwi .settings_container .thumbnail > img { | |
380 | border-radius: 2px; | |
381 | } | |
382 | ||
383 | #kiwi .settings_container .thumbnail.active > .thumbnail_wrapper { | |
384 | background-color: #a6c42c; | |
385 | background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a6c42c), color-stop(100%, #76bd2b)); | |
386 | background-image: -webkit-linear-gradient(#a6c42c, #76bd2b); | |
387 | background-image: linear-gradient(#a6c42c, #76bd2b); | |
388 | } | |
389 | ||
390 | #kiwi .settings_container section { | |
391 | padding-bottom: 20px; | |
392 | } | |
393 | ||
394 | #kiwi .settings_container .theme_color { | |
395 | border-radius: 2px; | |
396 | height: 75px; | |
397 | width: 75px; | |
398 | } | |
399 | ||
400 | #kiwi .settings_container .control-group { | |
401 | margin: 0 0 20px 20px; | |
402 | } | |
403 | ||
404 | #kiwi .settings_container .control-group:last-child { | |
405 | margin-bottom: 0; | |
406 | } | |
407 | ||
b54ef9a3 D |
408 | #kiwi .settings_container section.language select { width:300px; } |
409 | ||
1b48d21e VC |
410 | @media screen and (max-width: 768px) { |
411 | #kiwi .settings_container { | |
412 | padding: 25px; | |
413 | } | |
414 | } | |
34edea2e VC |
415 | |
416 | ||
417 | ||
93fa049c D |
418 | |
419 | ||
420 | ||
696a66f8 D |
421 | |
422 | /** | |
423 | * Reusable componants | |
424 | */ | |
425 | ||
8af29f2b | 426 | #kiwi .divider-verticle { |
696a66f8 D |
427 | border-left: 1px solid #CFCFCF; |
428 | border-right: 1px solid #FFFFFF; | |
429 | position: absolute; | |
430 | top:25px; bottom:25px; | |
431 | right:0; | |
432 | width:0; | |
433 | } | |
434 | ||
8af29f2b | 435 | #kiwi .divider-horizontal { |
696a66f8 D |
436 | border-top: 1px solid #CFCFCF; |
437 | border-bottom: 1px solid #FFFFFF; | |
438 | position: absolute; | |
439 | left:25px; right:25px; | |
440 | bottom:0; | |
441 | height:0; | |
442 | } | |
443 | ||
444 | ||
445 | ||
567a2f79 D |
446 | #kiwi .loader { |
447 | background:url(../img/loader.gif) no-repeat; | |
448 | width:43px; height:11px; | |
449 | display:inline-block; | |
450 | } | |
451 | ||
452 | ||
453 | ||
696a66f8 | 454 | |
e1fb4c61 D |
455 | #kiwi .ui_menu { |
456 | padding: 0; | |
457 | z-index:10; | |
458 | position: absolute; | |
459 | top: 100px; left: 100px; | |
460 | background: #fff; | |
461 | border: 1px solid #bbb; | |
462 | background-clip: padding-box; | |
463 | } | |
464 | #kiwi .ui_menu .ui_menu_title { | |
465 | padding: 5px 10px 5px 10px; font-weight: bold; overflow:hidden; background:#ddd; | |
466 | } | |
467 | #kiwi .ui_menu .ui_menu_content { padding: 5px 10px 5px 10px; border-top:1px solid #e9e9e9; overflow:hidden; position:relative; } | |
468 | #kiwi .ui_menu .ui_menu_content > a { display: block; } | |
469 | #kiwi .ui_menu .ui_menu_content > a[class^="icon-"]:before, | |
470 | #kiwi .ui_menu .ui_menu_content > a[class*=" icon-"]:before { margin-right: 5px; color:#666; } | |
471 | #kiwi .ui_menu .ui_menu_foot { | |
472 | padding: 5px; border-top:1px solid #e9e9e9; background:#ddd; overflow:hidden; | |
473 | } | |
474 | #kiwi .ui_menu .ui_menu_foot .close { } | |
475 | ||
476 | ||
477 | ||
478 | ||
696a66f8 D |
479 | |
480 | /** | |
481 | * Themes | |
482 | */ | |
483 | ||
484 | ||
8af29f2b D |
485 | /* Relaxed theme */ |
486 | #kiwi.theme_relaxed { | |
487 | background: url(../img/background-light.png) left top repeat-x #E3E3E3; | |
488 | color: #555555; | |
696a66f8 | 489 | } |
8af29f2b D |
490 | #kiwi.theme_relaxed, |
491 | #kiwi.theme_relaxed input, | |
492 | #kiwi.theme_relaxed button, | |
493 | #kiwi.theme_relaxed textarea { | |
494 | font-family:Arial, Helvetica, sans-serif; | |
495 | font-size:14px; line-height:1.4em; | |
496 | } | |
eb49ba16 D |
497 | #kiwi.theme_relaxed button, #kiwi.theme_relaxed input { padding: 3px 7px; } |
498 | #kiwi.theme_relaxed input, #kiwi.theme_relaxed textarea { | |
8af29f2b D |
499 | box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5),0 1px 0px rgba(255, 255, 255, 0.3); |
500 | border: none; | |
501 | border-radius: 3px; | |
502 | } | |
4f99a29b | 503 | #kiwi.theme_relaxed .toolbar { |
8af29f2b D |
504 | background-color:#1B1B1B; font-size:0.9em; |
505 | } | |
1e85105e | 506 | #kiwi.theme_relaxed .controlbox { background-color:#1B1B1B; } |
30f9f42a | 507 | #kiwi.theme_relaxed .memberlists_resize_handle { |
8af29f2b D |
508 | /*background:url('../img/resize_handle.png') no-repeat; background-position:center;*/ |
509 | } | |
4f99a29b | 510 | #kiwi.theme_relaxed .toolbar .panellist li { |
8af29f2b D |
511 | line-height: 1.4em; |
512 | vertical-align: middle; | |
513 | ||
8af29f2b D |
514 | -moz-border-radius:5px; |
515 | -webkit-border-radius:5px; | |
516 | -khtml-border-radius:5px; | |
c62a9570 | 517 | border-radius:5px; |
8af29f2b D |
518 | behavior: url(border-radius.htc); |
519 | ||
520 | background-image: -webkit-gradient( | |
521 | linear, | |
522 | left top, | |
523 | left bottom, | |
524 | color-stop(0.38, rgb(238,238,238)), | |
525 | color-stop(0.68, rgb(209,209,209)) | |
526 | ); | |
527 | background-image: -moz-linear-gradient( | |
528 | center top, | |
529 | rgb(238,238,238) 38%, | |
530 | rgb(209,209,209) 68% | |
531 | ); | |
532 | ||
533 | border: 1px solid #333; | |
534 | background-color: #eee; | |
696a66f8 D |
535 | } |
536 | ||
4f99a29b D |
537 | #kiwi.theme_relaxed .toolbar .panellist .alert_highlight { /*background: #990000;*/ } |
538 | #kiwi.theme_relaxed .toolbar .panellist .alert_activity { font-weight:normal; } | |
539 | #kiwi.theme_relaxed .toolbar .panellist .alert_action { font-weight:normal; } | |
696a66f8 | 540 | |
4f99a29b D |
541 | #kiwi.theme_relaxed .toolbar .panellist .active { padding-right:23px; border-top:2px solid #df6b26; border-bottom:none; } |
542 | #kiwi.theme_relaxed .toolbar .panellist li .part:before { content:"\f00d"; } | |
696a66f8 | 543 | |
4f99a29b D |
544 | #kiwi.theme_relaxed .toolbar .panellist li.server span { padding-left: 5px; } |
545 | #kiwi.theme_relaxed.connected .toolbar .panellist li.server:before { content: "\f0ec"; color:#3F9532; } | |
546 | #kiwi.theme_relaxed .toolbar .panellist li.server:before { content: "\f06a"; color:#900; font-size:1.5em; line-height:1em; vertical-align:middle; } | |
696a66f8 | 547 | |
8af29f2b | 548 | /* Tab texts are within a span */ |
4f99a29b | 549 | #kiwi.theme_relaxed .toolbar .panellist li span { line-height:20px; vertical-align:middle; display:inline-block; } |
3adc7463 | 550 | |
4f99a29b D |
551 | #kiwi.theme_relaxed .toolbar .panellist li.active .activity { display:none; } |
552 | #kiwi.theme_relaxed .toolbar .panellist li .activity.zero { visibility:hidden; } | |
553 | #kiwi.theme_relaxed .toolbar .panellist li .activity { | |
3adc7463 D |
554 | padding: 1px 3px; margin-left:1em; |
555 | border-radius: 4px; | |
556 | background: #3F9532; color:#000; /*color: #ff5300;*/ | |
557 | text-align: center; font-size: 10px; | |
558 | display:inline-block; | |
559 | width:2em; | |
560 | } | |
4f99a29b | 561 | #kiwi.theme_relaxed .toolbar .panellist li.alert_highlight .activity { |
3adc7463 D |
562 | color: #fff; background: #a60400; |
563 | } | |
8af29f2b | 564 | |
707593d2 | 565 | #kiwi.theme_relaxed .status_message { |
8af29f2b D |
566 | background: #FEEFB3; color: #9F6000; |
567 | border-bottom: 1px solid; | |
568 | padding: 0.9em; | |
569 | text-align: center; font-size:1.1em; | |
570 | } | |
707593d2 | 571 | #kiwi.theme_relaxed .status_message.err { color:#D8000C; background:#FFBABA; } |
8af29f2b D |
572 | |
573 | #kiwi.theme_relaxed .messages { color: #333333; } | |
574 | #kiwi.theme_relaxed .messages.active { } | |
575 | #kiwi.theme_relaxed .messages a { text-decoration:none; } | |
576 | ||
577 | #kiwi.theme_relaxed .messages .msg { border-bottom: 1px solid #DEDEDE; padding: 1px; font-family:arial; font-size:0.9em; } | |
2bbb5225 | 578 | #kiwi.theme_relaxed .messages .msg .time { width:5em; float:left; color:#777; padding:5px; display:none; } |
318c5545 | 579 | #kiwi.theme_relaxed .messages .msg .nick { width:11em; float:left; font-size:12px; font-family:Arial; text-align:right; padding: 5px; overflow:hidden; } |
8af29f2b | 580 | #kiwi.theme_relaxed .messages .msg .text { display:block; margin-left:12em; border-left: 1px solid #DEDEDE; white-space:pre-wrap; word-wrap:break-word; font-family:arial; padding:5px; } |
696a66f8 | 581 | |
e579ff0d D |
582 | #kiwi.theme_relaxed.narrow .messages .msg .nick { width: auto; } |
583 | #kiwi.theme_relaxed.narrow .messages .msg .text { margin-left: 1em; border:none; } | |
584 | ||
8af29f2b | 585 | #kiwi.theme_relaxed .messages .msg.action .nick { } |
318c5545 | 586 | #kiwi.theme_relaxed .messages .msg.action .text { color:#009900; border-left:none; font-style:italic; } |
696a66f8 D |
587 | #kiwi.theme_relaxed .messages .msg.action.join { color:#009900; } |
588 | #kiwi.theme_relaxed .messages .msg.action.part .text { color:#900; } | |
589 | #kiwi.theme_relaxed .messages .msg.action.quit .text { color:#900; } | |
590 | #kiwi.theme_relaxed .messages .msg.action.kick .text { color:#900; } | |
8af29f2b | 591 | #kiwi.theme_relaxed .messages .msg.status .nick { } |
696a66f8 D |
592 | #kiwi.theme_relaxed .messages .msg.status .text { color:#990000; margin-left:9em; border-left:none; font-weight:bold; } |
593 | #kiwi.theme_relaxed .messages .msg.topic .nick { display:none; } | |
594 | #kiwi.theme_relaxed .messages .msg.topic .text { color:#009900; margin-left:9em; font-style: italic; border-left:none; } | |
696a66f8 | 595 | #kiwi.theme_relaxed .messages .msg.motd { border:none; } |
8af29f2b | 596 | /*#kiwi.theme_relaxed .messages .msg.motd .nick { display:none; }*/ |
0bbc9309 | 597 | #kiwi.theme_relaxed .messages .msg.motd .text { color:#666; font-family:monospace; } |
696a66f8 D |
598 | #kiwi.theme_relaxed .messages .msg.whois .nick { font-weight:normal; } |
599 | #kiwi.theme_relaxed .messages .msg.whois .text { margin-left:18em; padding-left:1em; border-left:1px dashed #999; } | |
600 | #kiwi.theme_relaxed .messages .msg.error .text { | |
601 | border:1px solid #A33F3F; background-color:#D28A8A; | |
602 | padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em; | |
603 | } | |
604 | ||
2bbb5225 D |
605 | #kiwi.theme_relaxed.timestamps .messages .msg .time { display:block; } |
606 | #kiwi.theme_relaxed.timestamps .messages .msg .text { margin-left:17em; } | |
607 | ||
8af29f2b D |
608 | #kiwi.theme_relaxed .messages .msg.global_nick_highlight, |
609 | #kiwi.theme_relaxed .messages .msg.highlight { background:#D9D9D9; } | |
a2a409db | 610 | #kiwi.theme_relaxed .messages .msg.repeated_nick .nick { visibility:hidden; } |
8af29f2b | 611 | |
e579ff0d D |
612 | /* Narrow styling (window width < 400px) */ |
613 | #kiwi.theme_relaxed.narrow .messages .msg .nick { width: auto; } | |
614 | #kiwi.theme_relaxed.narrow .messages .msg .text { margin-left: 1em; border:none; } | |
615 | #kiwi.theme_relaxed.narrow .messages .msg.action .text { margin-left: 1em; } | |
616 | ||
8af29f2b | 617 | |
b025bb57 D |
618 | #kiwi.theme_relaxed .messages .msg .media { margin-left:0.5em; } |
619 | #kiwi.theme_relaxed .messages .msg .media .media_close { font-size:0.9em; } | |
b9149cd0 | 620 | #kiwi.theme_relaxed .messages .msg .media .media_content { margin:10px 0 0 10px; overflow:hidden; } |
b025bb57 | 621 | #kiwi.theme_relaxed .messages .msg .media .media_content img { padding:3px; border:1px solid gray; } |
b9149cd0 D |
622 | #kiwi.theme_relaxed .messages .msg .media .media_content > .content { |
623 | background: white; | |
624 | overflow: hidden; | |
625 | padding: 10px; | |
626 | border: #DDD 1px solid; | |
627 | border-top-color: #EEE; | |
628 | border-bottom-color: #BBB; | |
629 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); | |
630 | -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.15); | |
631 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); | |
632 | border-radius: 5px; | |
633 | float: left; | |
634 | } | |
635 | ||
636 | #kiwi.theme_relaxed .messages .msg .media.twitter .media_content > .content { | |
637 | background: transparent; | |
638 | border:none; | |
639 | overflow: hidden; | |
640 | box-shadow: none; | |
641 | padding: 0; | |
642 | } | |
643 | #kiwi.theme_relaxed .messages .msg .media.reddit .thumbnail_nsfw { | |
644 | display: inline-block; | |
645 | float: left; | |
646 | } | |
647 | #kiwi.theme_relaxed .messages .msg .media.reddit .thumbnail { float:left; margin-right: 0.5em; } | |
b025bb57 | 648 | |
8af29f2b | 649 | |
30f9f42a | 650 | #kiwi.theme_relaxed .memberlists { |
8af29f2b D |
651 | background-color: #DADADA; |
652 | border-left: 1px solid #8A8A8A; | |
653 | } | |
30f9f42a D |
654 | #kiwi.theme_relaxed.narrow .memberlists { display:none; } |
655 | #kiwi.theme_relaxed .memberlists ul { list-style: none; } | |
656 | #kiwi.theme_relaxed .memberlists ul.active { } | |
657 | #kiwi.theme_relaxed .memberlists ul li { padding: 0.2em 1em; } | |
658 | #kiwi.theme_relaxed .memberlists ul li:hover { | |
8af29f2b D |
659 | border-left: 5px solid #88C56A; |
660 | -webkit-transition: 0.2s ease; | |
661 | -moz-transition: 0.2s ease; | |
662 | -ms-transition: 0.2s ease; | |
663 | -o-transition: 0.2s ease; | |
664 | transition: 0.2s ease; | |
665 | } | |
30f9f42a | 666 | #kiwi.theme_relaxed .memberlists ul li a.nick { display:block; color:black; } |
8af29f2b | 667 | |
e1fb4c61 D |
668 | #kiwi.theme_relaxed .userbox { margin:4px 1em 5px 1em; padding-bottom:0.7em; font-size:.9em; } |
669 | #kiwi.theme_relaxed .userbox a { display:block; text-decoration:none; margin-bottom:2px; } | |
670 | #kiwi.theme_relaxed .userbox a i { font-size:1.1em; margin-right:5px; } | |
8af29f2b | 671 | |
06be3458 | 672 | /* User mode styles */ |
30f9f42a | 673 | #kiwi.theme_relaxed .memberlists ul li .prefix { |
06be3458 D |
674 | display:none; |
675 | width:20px; height:20px; | |
676 | border-radius: 5px; | |
677 | margin: 0 7px 0 0; | |
678 | font-size:12px; text-align: center; | |
679 | color: #E3E3E3; | |
680 | /* text-indent: -1000px; */ | |
681 | } | |
682 | /* Most important modes towards the bottom - they override the top ones! */ | |
30f9f42a D |
683 | #kiwi.theme_relaxed .memberlists ul li.mode.v .prefix { display:inline-block; background:#b3b3b3; } |
684 | #kiwi.theme_relaxed .memberlists ul li.mode.h .prefix { display:inline-block; background:#b5b447; } | |
685 | #kiwi.theme_relaxed .memberlists ul li.mode.o .prefix { display:inline-block; background:#47b547; } | |
686 | #kiwi.theme_relaxed .memberlists ul li.mode.a .prefix { display:inline-block; background:#b54747; } | |
687 | #kiwi.theme_relaxed .memberlists ul li.mode.q .prefix { display:inline-block; background:#8547b5; } | |
8af29f2b | 688 | |
1e85105e | 689 | #kiwi.theme_relaxed .controlbox .input { |
8af29f2b D |
690 | background:#fff; margin:3px; |
691 | height:1.7em; | |
692 | border-radius:5px; | |
693 | -moz-border-radius:5px; | |
694 | -webkit-border-radius:5px; | |
695 | -khtml-border-radius:5px; | |
696 | } | |
1e85105e | 697 | #kiwi.theme_relaxed .controlbox .input .nick a { text-decoration:none; color:black; } |
e4a325a4 | 698 | #kiwi.theme_relaxed .controlbox .input .nick { |
2bb842e1 WP |
699 | text-align: right; |
700 | width: 11em; | |
701 | left: 0px; | |
702 | position: absolute; | |
703 | overflow: hidden; | |
704 | background-color: #eee; | |
705 | border-radius: 3px 0 0 3px; | |
706 | border-right: 1px solid #ccc; | |
707 | padding: 2px; | |
708 | padding-right: 0.5em; | |
2bb842e1 | 709 | } |
e579ff0d | 710 | |
1e85105e D |
711 | #kiwi.theme_relaxed.narrow .controlbox .input .nick { display:none; } |
712 | #kiwi.theme_relaxed.narrow .controlbox .input .input_wrap { left:7px; } | |
e579ff0d | 713 | |
1e85105e | 714 | #kiwi.theme_relaxed .controlbox .input .input_wrap { |
8af29f2b D |
715 | position:absolute; |
716 | right:7px; left: 12.2em; | |
717 | height:1.7em; | |
718 | } | |
1e85105e | 719 | #kiwi.theme_relaxed .controlbox .input .inp { |
8af29f2b D |
720 | line-height:1.7em; |
721 | border: medium none; | |
722 | box-shadow: none; | |
723 | border-radius: 0; | |
724 | outline:none; resize:none; | |
725 | overflow:hidden; | |
726 | position:relative; | |
727 | height:100%; width:100%; | |
728 | display: block; | |
729 | } | |
730 | ||
731 | ||
1e85105e | 732 | #kiwi.theme_relaxed .controlbox .nickchange { |
8af29f2b D |
733 | padding:10px; left: 0px; |
734 | background: #1B1B1B; color:#eeeeee; | |
735 | } | |
1e85105e D |
736 | #kiwi.theme_relaxed .controlbox .nickchange input { padding:0.3em 0.5em; } |
737 | #kiwi.theme_relaxed .controlbox .nickchange button { padding:0.5em; } | |
8af29f2b D |
738 | |
739 | ||
740 | ||
de214968 D |
741 | #kiwi.theme_relaxed .toolbar .topic { background-color:#1B1B1B; padding-bottom:2px; } |
742 | #kiwi.theme_relaxed .toolbar .topic div { | |
8af29f2b D |
743 | padding: 0.2em 1em; |
744 | text-align: center; | |
745 | box-shadow: none; | |
746 | border-radius: 0; | |
747 | background-color:#FFF; | |
748 | height: 1.5em; | |
749 | overflow: hidden; | |
750 | outline: none; | |
03b71faf D |
751 | white-space: nowrap; |
752 | } | |
de214968 | 753 | #kiwi.theme_relaxed .toolbar .topic:hover div { |
03b71faf D |
754 | min-height:1.5em; |
755 | white-space:pre-wrap; word-wrap:break-word; | |
756 | overflow:visible; | |
757 | background-color:#FFF; | |
758 | z-index: 1; | |
759 | height:auto; bottom:auto; | |
760 | border-bottom: 2px solid #1B1B1B; | |
8af29f2b D |
761 | } |
762 | ||
763 | ||
4f99a29b | 764 | #kiwi.theme_relaxed .toolbar .app_tools { width:200px; padding-left:10px; color:#D4D4D4; } |
de214968 | 765 | #kiwi.theme_relaxed.narrow .toolbar .tabs { margin-right:0; } |
4f99a29b D |
766 | #kiwi.theme_relaxed.narrow .toolbar .app_tools { width:auto; } |
767 | #kiwi.theme_relaxed .toolbar .app_tools ul li { | |
8af29f2b D |
768 | font-size:26px; |
769 | -webkit-transition: all .3s ease; | |
770 | -moz-transition: all .3s ease; | |
771 | transition: all .3s ease; | |
772 | margin-left:10px; | |
773 | } | |
4f99a29b D |
774 | #kiwi.theme_relaxed .toolbar .app_tools ul li:hover { color:#88C56A; } |
775 | #kiwi.theme_relaxed .toolbar .app_tools img { } | |
8af29f2b D |
776 | |
777 | ||
778 | /* The server select dialog */ | |
3735e390 | 779 | #kiwi.theme_relaxed .server_select { margin-left:auto; margin-right:auto; } |
8af29f2b | 780 | #kiwi.theme_relaxed .server_select .more { display: none; width:270px; margin:0 auto; } |
bac3c32e D |
781 | #kiwi.theme_relaxed .server_select table tr td { padding:5px; } |
782 | #kiwi.theme_relaxed .server_select button { float:right; padding:3px 7px; } | |
783 | #kiwi.theme_relaxed .server_select input { padding:3px 7px; width:150px; } | |
784 | #kiwi.theme_relaxed .server_select label { } | |
8af29f2b D |
785 | #kiwi.theme_relaxed .server_select br { clear:both; } |
786 | #kiwi.theme_relaxed .server_select .basic input, .server_select .basic button { font-size:1em; padding:0.5em 1em; } | |
787 | #kiwi.theme_relaxed .server_select .basic input { width:170px; } | |
788 | #kiwi.theme_relaxed .server_select .basic label { font-size:1.3em; margin-top:4px; } | |
bac3c32e | 789 | #kiwi.theme_relaxed .server_select .basic tr.have_pass { font-size:0.8em; } |
9f67f0f2 | 790 | #kiwi.theme_relaxed .server_select .basic tr.have_key { font-size:0.8em; } |
bac3c32e | 791 | #kiwi.theme_relaxed .server_select .basic tr.channel td { padding-top:1em; } |
8af29f2b | 792 | #kiwi.theme_relaxed .server_select .basic { border-bottom: 1px dashed gray; margin-bottom:1em; } |
16952e58 | 793 | #kiwi.theme_relaxed .server_select .basic .show_more { display: block; width:110px; margin:10px 0 0 0; font-size:0.8em; } |
8af29f2b D |
794 | #kiwi.theme_relaxed .server_select.single_server .basic { border:none; } |
795 | #kiwi.theme_relaxed .server_select .status { text-align: center; font-weight: bold; padding:1em; } | |
796 | #kiwi.theme_relaxed .server_select .status.ok { } | |
797 | #kiwi.theme_relaxed .server_select .status.error { | |
798 | border:1px solid #A33F3F; background-color:#D28A8A; | |
799 | padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em; | |
800 | } | |
801 | ||
802 | ||
32759314 | 803 | #kiwi.theme_relaxed .server_select .kiwi_logo { margin-top:30px; } |
4047ee2b D |
804 | #kiwi.theme_relaxed .server_select .kiwi_logo h1 span { |
805 | font-size:14px; | |
806 | line-height:24px; vertical-align: middle; | |
8af29f2b D |
807 | color: #555555; |
808 | } | |
4047ee2b | 809 | #kiwi.theme_relaxed .server_select .kiwi_logo img { display:inline; width:24px; } |
8af29f2b | 810 | |
696a66f8 | 811 | |
30f9f42a | 812 | #kiwi.theme_relaxed.chanlist_treeview .panels { left:160px; } |
4f99a29b D |
813 | #kiwi.theme_relaxed.chanlist_treeview .toolbar { position:static; } |
814 | #kiwi.theme_relaxed.chanlist_treeview .toolbar .app_tools { float:none; } | |
815 | #kiwi.theme_relaxed.chanlist_treeview .toolbar > div { margin-left:160px; } | |
de214968 D |
816 | #kiwi.theme_relaxed.chanlist_treeview .toolbar .tabs { position:absolute; left:0px; bottom:0px; top:0px; margin:0; width:160px; background:#1B1B1B; overflow-y:auto; } |
817 | #kiwi.theme_relaxed.chanlist_treeview .tabs ul li { display:block; float:none; } | |
818 | #kiwi.theme_relaxed.chanlist_treeview .tabs ul li .activity { position:absolute; right:5px; } | |
819 | #kiwi.theme_relaxed.chanlist_treeview .tabs ul li.active { | |
3adc7463 D |
820 | margin-right:0; |
821 | border-right-width:0; | |
822 | border-bottom-right-radius:0; | |
823 | border-top-right-radius:0; | |
824 | } | |
696a66f8 D |
825 | |
826 | ||
039a3156 D |
827 | #kiwi.theme_relaxed .applet > div.settings button.save { |
828 | padding:1em 2em; | |
829 | border:1px solid gray; border-radius:3px; | |
830 | } | |
831 | #kiwi.theme_relaxed .applet > div.settings tr { | |
832 | border-bottom: 1px dashed black; | |
833 | } | |
3f085329 | 834 | |
039a3156 D |
835 | #kiwi.theme_relaxed .applet > div.settings td.label { |
836 | font-weight: bold; | |
837 | } | |
838 | #kiwi.theme_relaxed .applet > div.settings tr.save { | |
839 | text-align: right; | |
840 | } | |
3f085329 D |
841 | |
842 | ||
e1fb4c61 D |
843 | #kiwi.theme_relaxed .ui_menu { |
844 | border-radius: 3px; | |
845 | color: #333; | |
846 | box-shadow: 0 3px 8px rgba(0, 0, 0, .25); | |
847 | } | |
848 | #kiwi.theme_relaxed .ui_menu .ui_menu_title { | |
849 | border-top-left-radius: 3px; | |
850 | border-top-right-radius: 3px; | |
851 | } | |
852 | #kiwi.theme_relaxed .ui_menu .ui_menu_content { } | |
853 | #kiwi.theme_relaxed .ui_menu .ui_menu_content.hover:hover { background:#f7f7f7; } | |
854 | #kiwi.theme_relaxed .ui_menu .ui_menu_foot { | |
855 | border-bottom-left-radius: 3px; | |
856 | border-bottom-right-radius: 3px; | |
857 | } | |
858 | #kiwi.theme_relaxed .ui_menu .ui_menu_foot .close { float:right; font-size:0.9em; margin-right:1em; color: #999; } | |
859 | #kiwi.theme_relaxed .ui_menu .ui_menu_foot .close:hover { color: #222; } | |
860 | ||
861 | ||
862 | ||
863 | ||
864 | ||
3f085329 D |
865 | /** |
866 | * Mini theme | |
867 | */ | |
868 | #kiwi.theme_mini { | |
869 | background: #FFF; | |
870 | color: #555555; | |
871 | } | |
872 | #kiwi.theme_mini, | |
873 | #kiwi.theme_mini input, | |
874 | #kiwi.theme_mini button, | |
875 | #kiwi.theme_mini textarea { | |
876 | font-family:Arial, Helvetica, sans-serif; | |
877 | font-size:14px; line-height:1.4em; | |
878 | } | |
eb49ba16 D |
879 | #kiwi.theme_mini button, #kiwi.theme_mini input { padding: 3px 7px; } |
880 | #kiwi.theme_mini input, #kiwi.theme_mini textarea { | |
3f085329 D |
881 | box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5),0 1px 0px rgba(255, 255, 255, 0.3); |
882 | border: none; | |
883 | border-radius: 3px; | |
884 | } | |
4f99a29b | 885 | #kiwi.theme_mini .toolbar { |
3f085329 D |
886 | background-color:#1B1B1B; font-size:0.9em; |
887 | } | |
1e85105e | 888 | #kiwi.theme_mini .controlbox { background-color:#1B1B1B; } |
30f9f42a | 889 | #kiwi.theme_mini .memberlists_resize_handle { |
3f085329 D |
890 | display:none; width:0; |
891 | } | |
4f99a29b | 892 | #kiwi.theme_mini .toolbar .panellist li { |
3f085329 D |
893 | line-height: 1.4em; |
894 | vertical-align: middle; | |
895 | ||
896 | border-radius:5px; | |
897 | -moz-border-radius:5px; | |
898 | -webkit-border-radius:5px; | |
899 | -khtml-border-radius:5px; | |
900 | ||
901 | border: 1px solid #333; | |
902 | background-color: #eee; | |
903 | } | |
904 | ||
de214968 | 905 | #kiwi.theme_mini .toolbar .tabs { margin-right:0 !important; } |
4f99a29b D |
906 | #kiwi.theme_mini .toolbar .panellist .alert_highlight { font-weight:bold; } |
907 | #kiwi.theme_mini .toolbar .panellist .alert_activity { font-weight:normal; } | |
908 | #kiwi.theme_mini .toolbar .panellist .alert_action { font-weight:normal; } | |
3f085329 | 909 | |
4f99a29b D |
910 | #kiwi.theme_mini .toolbar .panellist .active { padding-right:23px; border-top:2px solid #df6b26; border-bottom:none; } |
911 | #kiwi.theme_mini .toolbar .panellist li .part:before { content:"\f00d"; } | |
3f085329 | 912 | |
4f99a29b D |
913 | #kiwi.theme_mini .toolbar .panellist li.server span { padding-left:5px; } |
914 | #kiwi.theme_mini.connected .toolbar .panellist li.server:before { content: "\f0ec"; color:#3F9532; } | |
915 | #kiwi.theme_mini .toolbar .panellist li.server:before { content: "\f06a"; color:#900; } | |
3f085329 D |
916 | |
917 | /* Tab texts are within a span */ | |
4f99a29b | 918 | #kiwi.theme_mini .toolbar .panellist li span { line-height:20px; vertical-align:middle; display:inline-block; } |
e967ff52 | 919 | |
4f99a29b D |
920 | #kiwi.theme_mini .toolbar .panellist li .activity { display:inline; margin-left:0.5em; font-style:italic; font-size:0.8em; } |
921 | #kiwi.theme_mini .toolbar .panellist li .activity:before { content:"("; } | |
922 | #kiwi.theme_mini .toolbar .panellist li .activity:after { content:")"; } | |
3f085329 | 923 | |
707593d2 | 924 | #kiwi.theme_mini .status_message { |
3f085329 D |
925 | background: #FEEFB3; color: #9F6000; |
926 | border-bottom: 1px solid; | |
927 | padding: 0.9em; | |
928 | text-align: center; font-size:1.1em; | |
929 | } | |
707593d2 | 930 | #kiwi.theme_mini .status_message.err { color:#D8000C; background:#FFBABA; } |
3f085329 D |
931 | |
932 | #kiwi.theme_mini .messages { color: #333333; } | |
933 | #kiwi.theme_mini .messages.active { } | |
934 | #kiwi.theme_mini .messages a { text-decoration:none; } | |
935 | ||
936 | #kiwi.theme_mini .messages .msg { border-bottom: 1px solid #DEDEDE; padding: 5px; font-family:arial; font-size:0.9em; } | |
937 | #kiwi.theme_mini .messages .msg .time { display:none; } | |
938 | #kiwi.theme_mini .messages .msg .nick { display:block; font-family:Arial; text-transform:capitalize; } | |
939 | #kiwi.theme_mini .messages .msg .text { display:block; white-space:pre-wrap; word-wrap:break-word; font-family:arial; } | |
940 | ||
941 | #kiwi.theme_mini .messages .msg.action .nick { } | |
942 | #kiwi.theme_mini .messages .msg.action .text { color:#009900; border-left:none; font-style:italic; } | |
943 | #kiwi.theme_mini .messages .msg.action.join { color:#009900; } | |
944 | #kiwi.theme_mini .messages .msg.action.part .text { color:#900; } | |
945 | #kiwi.theme_mini .messages .msg.action.quit .text { color:#900; } | |
946 | #kiwi.theme_mini .messages .msg.action.kick .text { color:#900; } | |
947 | #kiwi.theme_mini .messages .msg.status .nick { } | |
948 | #kiwi.theme_mini .messages .msg.status .text { color:#990000; border-left:none; font-weight:bold; } | |
949 | #kiwi.theme_mini .messages .msg.topic .nick { display:none; } | |
950 | #kiwi.theme_mini .messages .msg.topic .text { color:#009900; font-style: italic; border-left:none; } | |
951 | #kiwi.theme_mini .messages .msg.motd { border:none; } | |
952 | /*#kiwi.theme_mini .messages .msg.motd .nick { display:none; }*/ | |
953 | #kiwi.theme_mini .messages .msg.motd .text { color:#666; } | |
954 | #kiwi.theme_mini .messages .msg.whois .nick { font-weight:normal; } | |
955 | #kiwi.theme_mini .messages .msg.whois .text { padding-left:1em; border-left:1px dashed #999; } | |
956 | #kiwi.theme_mini .messages .msg.error .text { | |
957 | border:1px solid #A33F3F; background-color:#D28A8A; | |
958 | padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em; | |
959 | } | |
960 | ||
961 | #kiwi.theme_mini .messages .msg.global_nick_highlight, | |
962 | #kiwi.theme_mini .messages .msg.highlight { background:#D9D9D9; } | |
963 | ||
964 | ||
965 | ||
eb09d8f1 VDF |
966 | #kiwi.theme_mini.chanlist_treeview .panels { left:160px; } |
967 | #kiwi.theme_mini.chanlist_treeview .toolbar { position:static; } | |
968 | #kiwi.theme_mini.chanlist_treeview .toolbar .app_tools { float:none; } | |
969 | #kiwi.theme_mini.chanlist_treeview .toolbar > div { } | |
970 | #kiwi.theme_mini.chanlist_treeview .toolbar .tabs { position:absolute; left:0px; bottom:0px; top:0px; margin:0; width:160px; background:#1B1B1B; overflow-y:auto; } | |
971 | #kiwi.theme_mini.chanlist_treeview .tabs ul li { display:block; float:none; } | |
972 | #kiwi.theme_mini.chanlist_treeview .tabs ul li .activity { float:right; } | |
973 | #kiwi.theme_mini.chanlist_treeview .tabs ul li.active { padding-left:1em; } | |
974 | ||
975 | ||
976 | ||
977 | ||
30f9f42a | 978 | #kiwi.theme_mini .memberlists { |
3f085329 D |
979 | background-color: #DADADA; |
980 | border-left: 1px solid #8A8A8A; | |
981 | display:none; | |
982 | width:0px; | |
983 | } | |
30f9f42a D |
984 | #kiwi.theme_mini .memberlists ul { list-style: none; } |
985 | #kiwi.theme_mini .memberlists ul.active { } | |
986 | #kiwi.theme_mini .memberlists ul li { padding: 0.2em 1em; } | |
987 | #kiwi.theme_mini .memberlists ul li:hover { | |
3f085329 D |
988 | border-left: 5px solid #88C56A; |
989 | -webkit-transition: 0.2s ease; | |
990 | -moz-transition: 0.2s ease; | |
991 | -ms-transition: 0.2s ease; | |
992 | -o-transition: 0.2s ease; | |
993 | transition: 0.2s ease; | |
994 | } | |
30f9f42a | 995 | #kiwi.theme_mini .memberlists ul li a.nick { display:block; color:black; } |
3f085329 | 996 | |
e1fb4c61 D |
997 | #kiwi.theme_mini .userbox { margin:0 1em 5px 1em; padding-bottom:0.7em; font-size:.9em; } |
998 | #kiwi.theme_mini .userbox a { display:block; text-decoration:none; margin-bottom:2px; } | |
999 | #kiwi.theme_mini .userbox a i { font-size:1.1em; margin-right:5px; } | |
3f085329 D |
1000 | |
1001 | ||
1e85105e | 1002 | #kiwi.theme_mini .controlbox .input { |
3f085329 D |
1003 | background:#fff; margin:3px; |
1004 | height:1.7em; | |
1005 | } | |
1e85105e D |
1006 | #kiwi.theme_mini .controlbox .input .nick { display:none; } |
1007 | #kiwi.theme_mini .controlbox .input .nick a { text-decoration:none; color:black; } | |
1008 | #kiwi.theme_mini .controlbox .input .input_wrap { | |
3f085329 D |
1009 | position:absolute; |
1010 | right:3px; left:3px; | |
1011 | height:1.7em; | |
1012 | } | |
1e85105e | 1013 | #kiwi.theme_mini .controlbox .input .inp { |
3f085329 D |
1014 | line-height:1.7em; |
1015 | border: medium none; | |
1016 | box-shadow: none; | |
1017 | border-radius: 0; | |
1018 | resize:none; | |
1019 | overflow:hidden; | |
1020 | position:relative; | |
1021 | height:100%; width:100%; | |
1022 | display: block; | |
1023 | } | |
1024 | ||
1025 | ||
1e85105e | 1026 | #kiwi.theme_mini .controlbox .nickchange { |
3f085329 D |
1027 | padding:10px; left: 0px; |
1028 | background: #1B1B1B; color:#eeeeee; | |
1029 | } | |
1e85105e D |
1030 | #kiwi.theme_mini .controlbox .nickchange input { padding:0.3em 0.5em; } |
1031 | #kiwi.theme_mini .controlbox .nickchange button { padding:0.5em; } | |
3f085329 D |
1032 | |
1033 | ||
1034 | ||
de214968 D |
1035 | #kiwi.theme_mini .toolbar .topic { display:none; } |
1036 | #kiwi.theme_mini .toolbar .topic div { | |
3f085329 D |
1037 | top:2; bottom:2px; left:0; width:100%; |
1038 | padding: 0.2em 1em; | |
1039 | text-align: center; | |
1040 | box-shadow: none; | |
1041 | border-radius: 0; | |
1042 | background-color:#FFF; | |
1043 | height: 1.5em; | |
1044 | overflow: hidden; | |
1045 | outline: none; | |
1046 | } | |
1047 | ||
1048 | ||
4f99a29b D |
1049 | #kiwi.theme_mini .toolbar .app_tools { padding-left:10px; color:#D4D4D4; } |
1050 | #kiwi.theme_mini .toolbar .app_tools ul li { | |
3f085329 D |
1051 | font-size:26px; |
1052 | -webkit-transition: all .3s ease; | |
1053 | -moz-transition: all .3s ease; | |
1054 | transition: all .3s ease; | |
1055 | margin-left:10px; | |
1056 | } | |
4f99a29b D |
1057 | #kiwi.theme_mini .toolbar .app_tools ul li:hover { color:#88C56A; } |
1058 | #kiwi.theme_mini .toolbar .app_tools img { } | |
3f085329 D |
1059 | |
1060 | ||
1061 | /* The server select dialog */ | |
1062 | #kiwi.theme_mini .server_select { padding:3em 0 2em 0; margin: 0 auto; width:100%; } | |
1063 | #kiwi.theme_mini .server_select .more { display:none; } | |
32759314 | 1064 | #kiwi.theme_mini .server_select button { display:block; padding:3px 7px; margin:1em auto; } |
3f085329 D |
1065 | #kiwi.theme_mini .server_select input.nick { |
1066 | float:none; display:block; width:80%; | |
1067 | padding:0.5em 1em; margin:0 auto; | |
1068 | text-align: center; | |
1069 | } | |
1070 | #kiwi.theme_mini .server_select label { display:none; } | |
1071 | #kiwi.theme_mini .server_select br { clear:both; } | |
1072 | #kiwi.theme_mini .server_select .basic { border:none; } | |
fdce9047 D |
1073 | #kiwi.theme_mini .server_select .basic table { width:100%; } |
1074 | #kiwi.theme_mini .server_select .basic table tr.channel, | |
1075 | #kiwi.theme_mini .server_select .basic table tr.pass, | |
1076 | #kiwi.theme_mini .server_select .basic table tr.have_pass { display:none; } | |
9f67f0f2 JA |
1077 | #kiwi.theme_mini .server_select .basic table tr.key, |
1078 | #kiwi.theme_mini .server_select .basic table tr.have_key { display:none; } | |
3f085329 D |
1079 | #kiwi.theme_mini .server_select .basic .show_more { display:none !important; } |
1080 | #kiwi.theme_mini .server_select.single_server .basic { border:none; } | |
1081 | #kiwi.theme_mini .server_select .status { text-align: center; font-weight: bold; padding:1em; } | |
1082 | #kiwi.theme_mini .server_select .status.ok { } | |
1083 | #kiwi.theme_mini .server_select .status.error { | |
1084 | border:1px solid #A33F3F; background-color:#D28A8A; | |
1085 | padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em; | |
1086 | } | |
1087 | ||
32759314 D |
1088 | #kiwi.theme_mini .server_select .kiwi_logo h1 span { |
1089 | font-size:14px; | |
1090 | line-height:24px; vertical-align: middle; | |
1091 | color: #555555; | |
3f085329 | 1092 | } |
32759314 D |
1093 | #kiwi.theme_mini .server_select .kiwi_logo img { display:inline; width:24px; } |
1094 | ||
33a9d05b | 1095 | #kiwi.theme_mini .server_select .side_panel { display: none; } |
3f085329 D |
1096 | #kiwi.theme_mini .server_select .server_details { |
1097 | position: relative !important; | |
1098 | float: none !important; | |
1099 | width: auto !important; | |
1100 | padding: 0 !important; | |
1101 | margin: 2em 0 0 0 !important; | |
1102 | } | |
3f085329 D |
1103 | |
1104 | ||
1105 | ||
1106 | ||
1107 | ||
1108 | ||
1109 | ||
1110 | ||
696a66f8 D |
1111 | /* CLI theme */ |
1112 | #kiwi.theme_cli { background:#222222; color:#6d6d6d; } | |
03b71faf D |
1113 | #kiwi.theme_cli, |
1114 | #kiwi.theme_cli input, | |
1115 | #kiwi.theme_cli button, | |
1116 | #kiwi.theme_cli textarea { | |
1117 | font-family:Arial, Helvetica, sans-serif; | |
1118 | font-size:14px; line-height:1.4em; | |
1119 | } | |
eb49ba16 | 1120 | #kiwi.theme_cli button, #kiwi.theme_cli input { padding: 3px 7px; } |
03b71faf | 1121 | |
1e85105e D |
1122 | #kiwi.theme_cli .controlbox { background:#111111; border-top:1px solid #444444; color:#909090; font-size:1.3em; line-height:2em; } |
1123 | #kiwi.theme_cli .controlbox .input_wrap:before { content:"> " } | |
1124 | #kiwi.theme_cli .controlbox .input { background:none; border:none;} | |
1125 | #kiwi.theme_cli .controlbox .input .nick { line-height:1.7em; padding:0; text-align: right; width:11em; left:0px; position:absolute; overflow:hidden; } | |
1126 | #kiwi.theme_cli .controlbox .input .input_wrap { | |
03b71faf D |
1127 | position:absolute; |
1128 | right:7px; left: 12.2em; | |
1129 | height:1.7em; | |
1130 | } | |
1e85105e | 1131 | #kiwi.theme_cli .controlbox .input .inp { |
8d0837f0 | 1132 | line-height:1.4em; |
03b71faf D |
1133 | font-size:1.3em; |
1134 | background:transparent; color:#909090; | |
1135 | border: medium none; | |
1136 | box-shadow: none; | |
1137 | border-radius: 0; | |
1138 | outline:none; resize:none; | |
1139 | overflow:hidden; | |
1140 | position:absolute; | |
c5366583 | 1141 | top: 0px; |
8d0837f0 | 1142 | height:99%; width:98%; |
03b71faf D |
1143 | display: inline; |
1144 | padding-left:0.5em; | |
1145 | } | |
1146 | ||
de214968 D |
1147 | #kiwi.theme_cli .toolbar .topic { background:#111111; height:2em; border-bottom:1px solid #444444; border-top:1px solid #444444; } |
1148 | #kiwi.theme_cli .toolbar .topic div { | |
03b71faf D |
1149 | width:100%; height: 1.5em; |
1150 | padding: 0.2em 1em; | |
1151 | text-align: center; | |
1152 | color:#6d6d6d; | |
1153 | border:none; outline:none; | |
1154 | overflow: hidden; | |
1155 | white-space: nowrap; | |
1156 | } | |
de214968 | 1157 | #kiwi.theme_cli .toolbar .topic:hover div { |
03b71faf D |
1158 | min-height:1.5em; |
1159 | white-space:pre-wrap; word-wrap:break-word; | |
1160 | overflow:visible; | |
1161 | background-color:#111111; | |
1162 | z-index: 1; | |
1163 | height:auto; bottom:auto; | |
1164 | border-bottom: 1px solid #444444; | |
1165 | } | |
1166 | ||
4f99a29b D |
1167 | #kiwi.theme_cli .toolbar .app_tools { width:200px; padding-left:10px; color:#D4D4D4; } |
1168 | #kiwi.theme_cli .toolbar .app_tools ul li { | |
03b71faf D |
1169 | font-size:26px; |
1170 | -webkit-transition: all .3s ease; | |
1171 | -moz-transition: all .3s ease; | |
1172 | transition: all .3s ease; | |
1173 | margin-left:10px; | |
1174 | } | |
4f99a29b D |
1175 | #kiwi.theme_cli .toolbar .app_tools ul li:hover { color:#88C56A; } |
1176 | #kiwi.theme_cli .toolbar .app_tools img { } | |
03b71faf | 1177 | |
4f99a29b | 1178 | #kiwi.theme_cli .toolbar .panellist li { |
03b71faf D |
1179 | line-height: 1.4em; |
1180 | vertical-align: middle; | |
1181 | ||
03b71faf | 1182 | border: 1px solid #333; |
e967ff52 | 1183 | background-color: #111; |
03b71faf D |
1184 | } |
1185 | ||
4f99a29b D |
1186 | #kiwi.theme_cli .toolbar .panellist .alert_highlight { font-weight:bold; } |
1187 | #kiwi.theme_cli .toolbar .panellist .alert_activity { font-weight:normal; } | |
1188 | #kiwi.theme_cli .toolbar .panellist .alert_action { font-weight:normal; } | |
03b71faf | 1189 | |
4f99a29b D |
1190 | #kiwi.theme_cli .toolbar .panellist .active { padding-right:23px; border-top:2px solid #df6b26; border-bottom:none; } |
1191 | #kiwi.theme_cli .toolbar .panellist li .part:before { content:"\f00d"; } | |
03b71faf | 1192 | |
4f99a29b D |
1193 | #kiwi.theme_cli .toolbar .panellist li.server span { padding-left:5px; } |
1194 | #kiwi.theme_cli.connected .toolbar .panellist li.server:before { content: "\f0ec"; color:#3F9532; } | |
1195 | #kiwi.theme_cli .toolbar .panellist li.server:before { content: "\f06a"; color:#900; } | |
03b71faf D |
1196 | |
1197 | /* Tab texts are within a span */ | |
4f99a29b | 1198 | #kiwi.theme_cli .toolbar .panellist li span { line-height:20px; vertical-align:middle; display:inline-block; } |
e967ff52 | 1199 | |
4f99a29b D |
1200 | #kiwi.theme_cli .toolbar .panellist li .activity { display:inline; margin-left:0.5em; font-style:italic; font-size:0.8em; } |
1201 | #kiwi.theme_cli .toolbar .panellist li .activity:before { content:"("; } | |
1202 | #kiwi.theme_cli .toolbar .panellist li .activity:after { content:")"; } | |
1203 | #kiwi.theme_cli .toolbar .panellist li.alert_highlight .activity { | |
21f32731 D |
1204 | color: #fff; background: #a60400; padding:2px; border-radius:3px; |
1205 | } | |
696a66f8 | 1206 | |
696a66f8 | 1207 | |
30f9f42a D |
1208 | #kiwi.theme_cli .memberlists { background:#222222; } |
1209 | #kiwi.theme_cli .memberlists ul li { padding: 0.2em 1em; } | |
1210 | #kiwi.theme_cli .memberlists ul li a.nick { color:#6d6d6d; } | |
1211 | #kiwi.theme_cli .memberlists ul li:hover { | |
03b71faf D |
1212 | border-left: 5px solid #88C56A; |
1213 | -webkit-transition: 0.2s ease; | |
1214 | -moz-transition: 0.2s ease; | |
1215 | -ms-transition: 0.2s ease; | |
1216 | -o-transition: 0.2s ease; | |
1217 | transition: 0.2s ease; | |
1218 | } | |
1219 | ||
e1fb4c61 D |
1220 | #kiwi.theme_cli .userbox { margin:0 1em 0 1em; padding-bottom:0.4em; font-size:.9em; } |
1221 | #kiwi.theme_cli .userbox a { display:block; text-decoration:none; margin-bottom:2px; } | |
1222 | #kiwi.theme_cli .userbox a i { font-size:1.1em; margin-right:5px; } | |
1223 | #kiwi.theme_cli .userbox .divider-horizontal { display:none; } | |
03b71faf | 1224 | |
696a66f8 D |
1225 | |
1226 | #kiwi.theme_cli .messages .msg > div { color:#6d6d6d; font-family: Inconsolata, Consolas, 'courier new', monospace; } | |
7e1c5184 | 1227 | #kiwi.theme_cli .messages .msg { border: none; padding: 2px 5px; } |
03b71faf D |
1228 | #kiwi.theme_cli .messages .msg .time { display:inline; margin-right:1em; color:#777; } |
1229 | #kiwi.theme_cli .messages .msg .nick { display:inline; margin-right:1em; } | |
1230 | #kiwi.theme_cli .messages .msg .nick:before { content:"<"; } | |
1231 | #kiwi.theme_cli .messages .msg .nick:after { content:">"; } | |
696a66f8 D |
1232 | #kiwi.theme_cli .messages .msg .text { white-space:pre-wrap; word-wrap:break-word; } |
1233 | ||
1234 | #kiwi.theme_cli .messages .msg.action .nick { display:none; } | |
03b71faf | 1235 | #kiwi.theme_cli .messages .msg.action .text { color:#009900; border-left:none; font-style:italic; } |
696a66f8 D |
1236 | #kiwi.theme_cli .messages .msg.action.join { color:#009900; } |
1237 | #kiwi.theme_cli .messages .msg.action.part .text { color:#900; } | |
1238 | #kiwi.theme_cli .messages .msg.action.quit .text { color:#900; } | |
1239 | #kiwi.theme_cli .messages .msg.action.kick .text { color:#900; } | |
1240 | #kiwi.theme_cli .messages .msg.status .nick { display:none; } | |
03b71faf | 1241 | #kiwi.theme_cli .messages .msg.status .text { color:#990000; border-left:none; font-weight:bold; } |
696a66f8 | 1242 | #kiwi.theme_cli .messages .msg.topic .nick { display:none; } |
03b71faf | 1243 | #kiwi.theme_cli .messages .msg.topic .text { color:#009900; font-style: italic; border-left:none; } |
696a66f8 D |
1244 | /*#kiwi.theme_cli .messages .msg.motd .nick { display:none; }*/ |
1245 | #kiwi.theme_cli .messages .msg.motd { border:none; } | |
1246 | #kiwi.theme_cli .messages .msg.motd .text { color:#666; } | |
1247 | #kiwi.theme_cli .messages .msg.whois .nick { font-weight:normal; } | |
03b71faf | 1248 | #kiwi.theme_cli .messages .msg.whois .text { padding-left:1em; border-left:1px dashed #999; } |
696a66f8 D |
1249 | #kiwi.theme_cli .messages .msg.error .text { |
1250 | border:1px solid #A33F3F; background-color:#D28A8A; | |
1251 | padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em; | |
7b8357a5 D |
1252 | } |
1253 | ||
03b71faf | 1254 | #kiwi.theme_cli .messages .msg.global_nick_highlight { background:#111111; } |
21f32731 | 1255 | #kiwi.theme_cli .messages .msg.highlight { background:#111111; } |
03b71faf D |
1256 | |
1257 | ||
8ed27b45 D |
1258 | |
1259 | #kiwi.theme_cli .messages .msg .media { margin-left:0.5em; } | |
1260 | #kiwi.theme_cli .messages .msg .media .media_close { font-size:0.9em; } | |
1261 | #kiwi.theme_cli .messages .msg .media .media_content { margin:10px 0 0 6em; overflow:hidden; } | |
1262 | #kiwi.theme_cli .messages .msg .media .media_content img { padding:3px; border:1px solid gray; } | |
1263 | #kiwi.theme_cli .messages .msg .media .media_content > .content { | |
1264 | background: white; | |
1265 | overflow: hidden; | |
1266 | padding: 10px; | |
1267 | border: #DDD 1px solid; | |
1268 | border-top-color: #EEE; | |
1269 | border-bottom-color: #BBB; | |
1270 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); | |
1271 | -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.15); | |
1272 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); | |
1273 | border-radius: 5px; | |
1274 | float: left; | |
1275 | } | |
1276 | ||
1277 | #kiwi.theme_cli .messages .msg .media.twitter .media_content > .content { | |
1278 | background: transparent; | |
1279 | border:none; | |
1280 | overflow: hidden; | |
1281 | box-shadow: none; | |
1282 | padding: 0; | |
1283 | } | |
1284 | #kiwi.theme_cli .messages .msg .media.reddit .thumbnail_nsfw { | |
1285 | display: inline-block; | |
1286 | float: left; | |
1287 | } | |
1288 | #kiwi.theme_cli .messages .msg .media.reddit .thumbnail { float:left; margin-right: 0.5em; } | |
1289 | ||
1290 | ||
1291 | ||
03b71faf | 1292 | /* The server select dialog */ |
3735e390 | 1293 | #kiwi.theme_cli .server_select { margin-left:auto; margin-right:auto; color:#eee; } |
03b71faf | 1294 | #kiwi.theme_cli .server_select .more { display: none; width:270px; margin:0 auto; } |
fdce9047 | 1295 | #kiwi.theme_cli .server_select table tr td { padding:5px; } |
03b71faf | 1296 | #kiwi.theme_cli .server_select button { float:right; padding:3px 7px; margin-top:10px; } |
fdce9047 D |
1297 | #kiwi.theme_cli .server_select input { padding:3px 7px; width:150px; } |
1298 | #kiwi.theme_cli .server_select label { width:5em; padding-top:3px } | |
03b71faf D |
1299 | #kiwi.theme_cli .server_select br { clear:both; } |
1300 | #kiwi.theme_cli .server_select .basic input, .server_select .basic button { font-size:1em; padding:0.5em 1em; } | |
1301 | #kiwi.theme_cli .server_select .basic input { width:170px; } | |
1302 | #kiwi.theme_cli .server_select .basic label { font-size:1.3em; margin-top:4px; } | |
fdce9047 D |
1303 | #kiwi.theme_cli .server_select .basic tr.have_pass { font-size:0.8em; } |
1304 | #kiwi.theme_cli .server_select .basic tr.channel td { padding-top:1em; } | |
03b71faf | 1305 | #kiwi.theme_cli .server_select .basic { border-bottom: 1px dashed gray; margin-bottom:1em; } |
16952e58 | 1306 | #kiwi.theme_cli .server_select .basic .show_more { display: block; width:116px; margin:10px 0 0 0; font-size:0.8em; } |
03b71faf D |
1307 | #kiwi.theme_cli .server_select.single_server .basic { border:none; } |
1308 | #kiwi.theme_cli .server_select .status { text-align: center; font-weight: bold; padding:1em; } | |
1309 | #kiwi.theme_cli .server_select .status.ok { } | |
1310 | #kiwi.theme_cli .server_select .status.error { | |
1311 | border:1px solid #A33F3F; background-color:#D28A8A; | |
1312 | padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em; | |
1313 | } | |
1314 | ||
6a296cf0 D |
1315 | #kiwi.theme_cli .server_select .basic tr.channel .icon-key { color:#555; } |
1316 | ||
03b71faf | 1317 | |
32759314 | 1318 | #kiwi.theme_cli .server_select .kiwi_logo { margin-top:30px; text-align:center; display:block; } |
03b71faf D |
1319 | #kiwi.theme_cli .server_select .kiwi_logo h1 { |
1320 | font-size:20px; | |
1321 | line-height:48px; vertical-align: middle; | |
32759314 | 1322 | color: #bbb; |
03b71faf | 1323 | } |
32759314 | 1324 | #kiwi.theme_cli .server_select .kiwi_logo img { display:inline; width:24px; } |
fdce9047 D |
1325 | |
1326 | ||
d98b7d33 | 1327 | #kiwi.theme_cli .divider-verticle { |
fdce9047 D |
1328 | border-left: 1px solid #303030; |
1329 | border-right: 1px solid #1B1B1B; | |
1330 | } | |
1331 | ||
d98b7d33 | 1332 | #kiwi.theme_cli .divider-horizontal { |
fdce9047 D |
1333 | border-top: 1px solid #303030; |
1334 | border-bottom: 1px solid #1B1B1B; | |
c5366583 D |
1335 | } |
1336 | ||
1337 | ||
1338 | ||
30f9f42a | 1339 | #kiwi.theme_cli.chanlist_treeview .panels { left:200px; } |
4f99a29b D |
1340 | #kiwi.theme_cli.chanlist_treeview .toolbar { position:static; } |
1341 | #kiwi.theme_cli.chanlist_treeview .toolbar .app_tools { float:none; } | |
1342 | #kiwi.theme_cli.chanlist_treeview .toolbar > div { } | |
de214968 D |
1343 | #kiwi.theme_cli.chanlist_treeview .toolbar .tabs { position:absolute; left:0px; bottom:0px; top:0px; margin:0; width:200px; background:#1B1B1B; overflow-y:auto; } |
1344 | #kiwi.theme_cli.chanlist_treeview .tabs ul li { display:block; float:none; } | |
1345 | #kiwi.theme_cli.chanlist_treeview .tabs ul li .activity { float:right; } | |
1346 | #kiwi.theme_cli.chanlist_treeview .tabs ul li.active { padding-left:1em; } | |
e48a02c8 D |
1347 | |
1348 | ||
e1fb4c61 D |
1349 | #kiwi.theme_cli .ui_menu { |
1350 | color: #333; | |
1351 | } | |
1352 | #kiwi.theme_cli .ui_menu .ui_menu_title { } | |
1353 | #kiwi.theme_cli .ui_menu .ui_menu_content { } | |
1354 | #kiwi.theme_cli .ui_menu .ui_menu_content.hover:hover { background:#f7f7f7; } | |
1355 | #kiwi.theme_cli .ui_menu .ui_menu_foot { | |
1356 | border-bottom-left-radius: 3px; | |
1357 | border-bottom-right-radius: 3px; | |
1358 | } | |
1359 | #kiwi.theme_cli .ui_menu .ui_menu_foot .close { float:right; font-size:0.9em; margin-right:1em; color: #999; } | |
1360 | #kiwi.theme_cli .ui_menu .ui_menu_foot .close:hover { color: #222; } | |
1361 | ||
e48a02c8 D |
1362 | |
1363 | ||
1364 | ||
1365 | ||
1366 | ||
1367 | ||
1368 | ||
1369 | ||
1370 | /** | |
1371 | * Basic theme | |
1372 | */ | |
1373 | #kiwi.theme_basic { | |
32759314 | 1374 | background: url(../img/background-light.png) left top repeat-x #E3E3E3; |
e48a02c8 D |
1375 | color: #555555; |
1376 | } | |
1377 | #kiwi.theme_basic, | |
1378 | #kiwi.theme_basic input, | |
1379 | #kiwi.theme_basic button, | |
1380 | #kiwi.theme_basic textarea { | |
1381 | font-family:Arial, Helvetica, sans-serif; | |
1382 | font-size:14px; line-height:1.4em; | |
1383 | } | |
eb49ba16 D |
1384 | #kiwi.theme_basic button, #kiwi.theme_basic input { padding: 3px 7px; } |
1385 | #kiwi.theme_basic input, #kiwi.theme_basic textarea { | |
e48a02c8 D |
1386 | box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5),0 1px 0px rgba(255, 255, 255, 0.3); |
1387 | border: none; | |
1388 | border-radius: 3px; | |
1389 | } | |
4f99a29b | 1390 | #kiwi.theme_basic .toolbar { |
e48a02c8 D |
1391 | background-color:#1B1B1B; font-size:0.9em; |
1392 | } | |
1e85105e | 1393 | #kiwi.theme_basic .controlbox { background-color:#1B1B1B; } |
30f9f42a | 1394 | #kiwi.theme_basic .memberlists_resize_handle { |
32759314 | 1395 | /*display:none; width:0;*/ |
e48a02c8 | 1396 | } |
4f99a29b | 1397 | #kiwi.theme_basic .toolbar .panellist li { |
e48a02c8 D |
1398 | line-height: 1.4em; |
1399 | vertical-align: middle; | |
1400 | ||
1401 | border-radius:5px; | |
1402 | -moz-border-radius:5px; | |
1403 | -webkit-border-radius:5px; | |
1404 | -khtml-border-radius:5px; | |
1405 | ||
1406 | border: 1px solid #333; | |
1407 | background-color: #eee; | |
1408 | } | |
1409 | ||
de214968 | 1410 | #kiwi.theme_basic .toolbar .tabs { margin-right:0 !important; } |
4f99a29b D |
1411 | #kiwi.theme_basic .toolbar .panellist .alert_highlight { font-weight:bold; color:red; } |
1412 | #kiwi.theme_basic .toolbar .panellist .alert_activity { font-weight:normal; color:green; } | |
1413 | #kiwi.theme_basic .toolbar .panellist .alert_action { font-weight:normal; color:green; } | |
e48a02c8 | 1414 | |
4f99a29b D |
1415 | #kiwi.theme_basic .toolbar .panellist .active { padding-right:25px; border-top:2px solid #df6b26; border-bottom:none; } |
1416 | #kiwi.theme_basic .toolbar .panellist li .part {} | |
1417 | #kiwi.theme_basic .toolbar .panellist li .part:before { content:"[x]"; } | |
e48a02c8 | 1418 | |
4f99a29b D |
1419 | #kiwi.theme_basic .toolbar .panellist li.server span { padding-left: 5px; } |
1420 | #kiwi.theme_basic.connected .toolbar .panellist li.server:before { content: "\f0ec"; color:#3F9532; } | |
1421 | #kiwi.theme_basic .toolbar .panellist li.server:before { content: "\f06a"; color:#900; font-size:1.5em; line-height:1em; vertical-align:middle; } | |
3735e390 | 1422 | |
e48a02c8 D |
1423 | |
1424 | /* Tab texts are within a span */ | |
4f99a29b | 1425 | #kiwi.theme_basic .toolbar .panellist li span { line-height:20px; vertical-align:middle; display:inline-block; } |
e48a02c8 | 1426 | |
4f99a29b D |
1427 | #kiwi.theme_basic .toolbar .panellist li .activity { display:inline; margin-left:0.5em; font-style:italic; font-size:0.8em; } |
1428 | #kiwi.theme_basic .toolbar .panellist li .activity:before { content:"("; } | |
1429 | #kiwi.theme_basic .toolbar .panellist li .activity:after { content:")"; } | |
e48a02c8 | 1430 | |
707593d2 | 1431 | #kiwi.theme_basic .status_message { |
e48a02c8 D |
1432 | background: #FEEFB3; color: #9F6000; |
1433 | border-bottom: 1px solid; | |
1434 | padding: 0.9em; | |
1435 | text-align: center; font-size:1.1em; | |
1436 | } | |
707593d2 | 1437 | #kiwi.theme_basic .status_message.err { color:#D8000C; background:#FFBABA; } |
e48a02c8 D |
1438 | |
1439 | #kiwi.theme_basic .messages { } | |
1440 | #kiwi.theme_basic .messages.active { } | |
1441 | #kiwi.theme_basic .messages a { text-decoration:underline; } | |
1442 | ||
e2ca2d17 | 1443 | #kiwi.theme_basic .messages .msg { border: none; padding: 2px 5px; } |
e48a02c8 | 1444 | #kiwi.theme_basic .messages .msg > div { font-family: Consolas, "Lucida Console", monospace; font-size:0.9em; } |
32759314 | 1445 | #kiwi.theme_basic .messages .msg .time { display:none; margin-right:1em; margin-left:2px; color:gray; } |
e48a02c8 D |
1446 | #kiwi.theme_basic .messages .msg .nick { display:inline; margin-right:1em; } |
1447 | #kiwi.theme_basic .messages .msg .nick:before { content:"<"; } | |
1448 | #kiwi.theme_basic .messages .msg .nick:after { content:">"; } | |
141058ff | 1449 | #kiwi.theme_basic .messages .msg .text { white-space:pre-wrap; word-wrap:break-word; color:#1e1e1e; } |
e48a02c8 D |
1450 | |
1451 | #kiwi.theme_basic .messages .msg.action .nick, | |
1452 | #kiwi.theme_basic .messages .msg.static .nick, | |
1453 | #kiwi.theme_basic .messages .msg.topic .nick { display:none; } | |
1454 | ||
2d42794d D |
1455 | #kiwi.theme_basic .messages .msg.action .text { color:#009900; font-style:italic; } |
1456 | #kiwi.theme_basic .messages .msg.action.join { color:#009900; } | |
1457 | #kiwi.theme_basic .messages .msg.action.part .text { color:#900; } | |
1458 | #kiwi.theme_basic .messages .msg.action.quit .text { color:#900; } | |
1459 | #kiwi.theme_basic .messages .msg.action.kick .text { color:#900; } | |
1460 | ||
e48a02c8 D |
1461 | #kiwi.theme_basic .messages .msg.motd { border:none; } |
1462 | /*#kiwi.theme_basic .messages .msg.motd .nick { display:none; }*/ | |
1463 | #kiwi.theme_basic .messages .msg.motd .text { color:#666; } | |
1464 | #kiwi.theme_basic .messages .msg.whois .nick { font-weight:normal; } | |
1465 | #kiwi.theme_basic .messages .msg.whois .text { padding-left:1em; border-left:1px dashed #999; } | |
1466 | #kiwi.theme_basic .messages .msg.error .text { | |
1467 | border:1px solid #A33F3F; background-color:#D28A8A; | |
1468 | padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em; | |
1469 | } | |
1470 | ||
32759314 D |
1471 | #kiwi.theme_basic.timestamps .messages .msg .time { display:inline; } |
1472 | #kiwi.theme_basic.timestamps .messages .msg .text { } | |
1473 | ||
e48a02c8 D |
1474 | #kiwi.theme_basic .messages .msg.global_nick_highlight, |
1475 | #kiwi.theme_basic .messages .msg.highlight { background:#D9D9D9; } | |
1476 | ||
32759314 D |
1477 | /* Narrow styling (window width < 400px) */ |
1478 | #kiwi.theme_basic.narrow .messages .msg .nick { width: auto; } | |
1479 | #kiwi.theme_basic.narrow .messages .msg .text { margin-left: 1em; border:none; } | |
1480 | #kiwi.theme_basic.narrow .messages .msg.action .text { margin-left: 1em; } | |
e48a02c8 | 1481 | |
414b6623 D |
1482 | #kiwi.theme_basic .messages .msg .media { margin-left:0.5em; } |
1483 | #kiwi.theme_basic .messages .msg .media a { text-decoration:none; } | |
1484 | #kiwi.theme_basic .messages .msg .media .media_close { font-size:0.9em; } | |
1485 | #kiwi.theme_basic .messages .msg .media .media_content { margin:10px 0 0 2em; overflow:hidden; } | |
1486 | #kiwi.theme_basic .messages .msg .media .media_content img { padding:3px; border:1px solid gray; } | |
1487 | #kiwi.theme_basic .messages .msg .media .media_content > .content { | |
1488 | background: white; | |
1489 | overflow: hidden; | |
1490 | padding: 10px; | |
1491 | border: #DDD 1px solid; | |
1492 | border-top-color: #EEE; | |
1493 | border-bottom-color: #BBB; | |
1494 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); | |
1495 | -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.15); | |
1496 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); | |
1497 | border-radius: 5px; | |
1498 | float: left; | |
1499 | } | |
1500 | ||
1501 | #kiwi.theme_basic .messages .msg .media.twitter .media_content > .content { | |
1502 | background: transparent; | |
1503 | border:none; | |
1504 | overflow: hidden; | |
1505 | box-shadow: none; | |
1506 | padding: 0; | |
1507 | } | |
1508 | #kiwi.theme_basic .messages .msg .media.reddit .thumbnail_nsfw { | |
1509 | display: inline-block; | |
1510 | float: left; | |
1511 | } | |
1512 | #kiwi.theme_basic .messages .msg .media.reddit .thumbnail { float:left; margin-right: 0.5em; } | |
1513 | ||
e48a02c8 D |
1514 | |
1515 | ||
30f9f42a | 1516 | #kiwi.theme_basic .memberlists { |
e48a02c8 | 1517 | background-color: #DADADA; |
2d42794d | 1518 | border-left: 1px dashed #8A8A8A; |
e48a02c8 | 1519 | } |
30f9f42a D |
1520 | #kiwi.theme_basic .memberlists ul { list-style: none; margin-left:2px; } |
1521 | #kiwi.theme_basic .memberlists ul.active { } | |
1522 | #kiwi.theme_basic .memberlists ul li { padding:0 2px; } | |
1523 | #kiwi.theme_basic .memberlists ul li:hover {} | |
1524 | #kiwi.theme_basic .memberlists ul li a.nick { display:block; color:black; } | |
e48a02c8 | 1525 | |
e1fb4c61 D |
1526 | #kiwi.theme_basic .userbox { margin:0 1em 5px 1em; padding-bottom:0.7em; font-size:.9em; } |
1527 | #kiwi.theme_basic .userbox a { display:block; text-decoration:none; margin-bottom:2px; } | |
1528 | #kiwi.theme_basic .userbox a i { font-size:1.1em; margin-right:5px; } | |
e48a02c8 D |
1529 | |
1530 | ||
1e85105e | 1531 | #kiwi.theme_basic .controlbox .input { |
e48a02c8 D |
1532 | background:#fff; margin:3px; |
1533 | height:1.7em; | |
1534 | } | |
1e85105e | 1535 | #kiwi.theme_basic .controlbox .input .nick { |
2d42794d D |
1536 | text-align: right; |
1537 | width: 11em; | |
1538 | left: 0px; | |
1539 | position: absolute; | |
1540 | padding: 2px; | |
1541 | overflow: hidden; | |
1542 | } | |
1e85105e D |
1543 | #kiwi.theme_basic .controlbox .input .nick:after { content:">"; margin-left:3px; top:2px; } |
1544 | #kiwi.theme_basic .controlbox .input .nick a { text-decoration:none; color:black; } | |
1545 | #kiwi.theme_basic .controlbox .input .input_wrap { | |
e48a02c8 | 1546 | position:absolute; |
2d42794d | 1547 | right:3px; left:12em; |
e48a02c8 D |
1548 | height:1.7em; |
1549 | } | |
1e85105e | 1550 | #kiwi.theme_basic .controlbox .input .inp { |
e48a02c8 D |
1551 | line-height:1.7em; |
1552 | border: medium none; | |
1553 | box-shadow: none; | |
1554 | border-radius: 0; | |
1555 | resize:none; | |
1556 | overflow:hidden; | |
1557 | position:relative; | |
1558 | height:100%; width:100%; | |
1559 | display: block; | |
32759314 | 1560 | outline: none; |
e48a02c8 D |
1561 | } |
1562 | ||
1563 | ||
1e85105e | 1564 | #kiwi.theme_basic .controlbox .nickchange { |
e48a02c8 D |
1565 | padding:10px; left: 0px; |
1566 | background: #1B1B1B; color:#eeeeee; | |
1567 | } | |
1e85105e D |
1568 | #kiwi.theme_basic .controlbox .nickchange input { padding:0.3em 0.5em; } |
1569 | #kiwi.theme_basic .controlbox .nickchange button { padding:0.5em; } | |
e48a02c8 D |
1570 | |
1571 | ||
1572 | ||
de214968 D |
1573 | #kiwi.theme_basic .toolbar .topic { } |
1574 | #kiwi.theme_basic .toolbar .topic div { | |
e48a02c8 D |
1575 | top:2; bottom:2px; left:0; width:100%; |
1576 | padding: 0.2em 1em; | |
1577 | text-align: center; | |
1578 | box-shadow: none; | |
1579 | border-radius: 0; | |
1580 | background-color:#FFF; | |
1581 | height: 1.5em; | |
1582 | overflow: hidden; | |
1583 | outline: none; | |
1584 | } | |
de214968 | 1585 | #kiwi.theme_basic .toolbar .topic:hover div { |
e48a02c8 D |
1586 | min-height:1.5em; |
1587 | white-space:pre-wrap; word-wrap:break-word; | |
1588 | overflow:visible; | |
1589 | background-color:#FFF; | |
1590 | z-index: 1; | |
1591 | height:auto; bottom:auto; | |
1592 | border-bottom: 1px dotted #1B1B1B; | |
1593 | } | |
1594 | ||
1595 | ||
4f99a29b D |
1596 | #kiwi.theme_basic .toolbar .app_tools { padding-left:10px; color:#D4D4D4; } |
1597 | #kiwi.theme_basic .toolbar .app_tools ul li { | |
e48a02c8 D |
1598 | font-size:26px; |
1599 | -webkit-transition: all .3s ease; | |
1600 | -moz-transition: all .3s ease; | |
1601 | transition: all .3s ease; | |
1602 | margin-left:10px; | |
1603 | } | |
4f99a29b D |
1604 | #kiwi.theme_basic .toolbar .app_tools ul li:hover { color:#88C56A; } |
1605 | #kiwi.theme_basic .toolbar .app_tools img { } | |
e48a02c8 D |
1606 | |
1607 | ||
1608 | /* The server select dialog */ | |
3735e390 | 1609 | #kiwi.theme_basic .server_select { margin-left:auto; margin-right:auto; } |
335bc454 D |
1610 | #kiwi.theme_basic .server_select a { text-decoration: none; } |
1611 | #kiwi.theme_basic .server_select .more { display: none; width:270px; margin:0 auto; } | |
1612 | #kiwi.theme_basic .server_select table tr td { padding:5px; } | |
1613 | #kiwi.theme_basic .server_select button { float:right; padding:3px 7px; } | |
1614 | #kiwi.theme_basic .server_select input { padding:3px 7px; width:150px; } | |
1615 | #kiwi.theme_basic .server_select label { } | |
e48a02c8 | 1616 | #kiwi.theme_basic .server_select br { clear:both; } |
335bc454 D |
1617 | #kiwi.theme_basic .server_select .basic input, .server_select .basic button { font-size:1em; padding:0.5em 1em; } |
1618 | #kiwi.theme_basic .server_select .basic input { width:170px; } | |
1619 | #kiwi.theme_basic .server_select .basic label { font-size:1.3em; margin-top:4px; } | |
1620 | #kiwi.theme_basic .server_select .basic tr.have_pass { font-size:0.8em; } | |
1621 | #kiwi.theme_basic .server_select .basic tr.channel td { padding-top:1em; } | |
1622 | #kiwi.theme_basic .server_select .basic { border-bottom: 1px dashed gray; margin-bottom:1em; } | |
16952e58 | 1623 | #kiwi.theme_basic .server_select .basic .show_more { display: block; width:110px; margin:10px 0 0 0; font-size:0.8em; } |
e48a02c8 D |
1624 | #kiwi.theme_basic .server_select.single_server .basic { border:none; } |
1625 | #kiwi.theme_basic .server_select .status { text-align: center; font-weight: bold; padding:1em; } | |
1626 | #kiwi.theme_basic .server_select .status.ok { } | |
1627 | #kiwi.theme_basic .server_select .status.error { | |
1628 | border:1px solid #A33F3F; background-color:#D28A8A; | |
1629 | padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em; | |
1630 | } | |
1631 | ||
335bc454 | 1632 | |
32759314 | 1633 | #kiwi.theme_basic .server_select .kiwi_logo { margin-top:30px; text-align:center; display:block; } |
335bc454 | 1634 | #kiwi.theme_basic .server_select .kiwi_logo h1 { |
32759314 | 1635 | font-size:14px; |
335bc454 D |
1636 | line-height:48px; vertical-align: middle; |
1637 | color: #555555; | |
e48a02c8 | 1638 | } |
32759314 | 1639 | #kiwi.theme_basic .server_select .kiwi_logo img { display:inline; width:24px; } |
335bc454 | 1640 | |
e48a02c8 | 1641 | |
30f9f42a | 1642 | #kiwi.theme_basic.chanlist_treeview .panels { left:160px; } |
4f99a29b D |
1643 | #kiwi.theme_basic.chanlist_treeview .toolbar { position:static; } |
1644 | #kiwi.theme_basic.chanlist_treeview .toolbar .app_tools { float:none; } | |
1645 | #kiwi.theme_basic.chanlist_treeview .toolbar > div { margin-left:160px; } | |
de214968 D |
1646 | #kiwi.theme_basic.chanlist_treeview .toolbar .tabs { position:absolute; left:0px; bottom:0px; top:0px; margin:0; width:160px; background:#1B1B1B; overflow-y:auto; } |
1647 | #kiwi.theme_basic.chanlist_treeview .tabs ul li { display:block; float:none; } | |
1648 | #kiwi.theme_basic.chanlist_treeview .tabs ul li .activity { float:right; } | |
1649 | #kiwi.theme_basic.chanlist_treeview .tabs ul li.active { | |
e48a02c8 D |
1650 | margin-right:0; |
1651 | border-right-width:0; | |
1652 | border-bottom-right-radius:0; | |
1653 | border-top-right-radius:0; | |
e97e4eb4 | 1654 | } |
e1fb4c61 D |
1655 | |
1656 | ||
1657 | #kiwi.theme_basic .ui_menu .ui_menu_foot .close { float:right; font-size:0.9em; margin-right:1em; color: #999; } | |
1658 | #kiwi.theme_basic .ui_menu .ui_menu_foot .close:hover { color: #222; } |