moduls.js refactor; Removed existing module events; Modules now laoding from config
[KiwiIRC.git] / client / assets / css / style.css
CommitLineData
696a66f8 1html, 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; }
5998fd56 15
696a66f8 16
696a66f8
D
17/**
18 * Main layout blocks
19 */
8af29f2b
D
20#kiwi #toolbar { position:absolute; top:0px; width:100%; display:none; }
21#kiwi #panels { position:absolute; left:0px; right:200px; bottom:100px; top:100px; }
22#kiwi #memberlists { position:absolute; right:0px; width:200px; bottom:100px; top:100px; overflow-y:auto; }
23#kiwi #controlbox { position: absolute; bottom:0px; width:100%; display:none; }
24#kiwi #memberlists_resize_handle {
696a66f8 25 position: absolute; width:10px; z-index:1; cursor:w-resize;
696a66f8
D
26}
27
28
8af29f2b
D
29#kiwi #toolbar #tabs { margin-right: 200px; }
30#kiwi #toolbar .panellist {
696a66f8
D
31 overflow: hidden;
32 white-space: nowrap;
33 display:block;
696a66f8 34}
8af29f2b 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
8af29f2b
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
8af29f2b
D
47#kiwi #toolbar .panellist li .part { position: absolute; top: 8px; right: 5px; }
48#kiwi #toolbar .panellist li .part:after { content:"[x]"; }
49#kiwi #toolbar .panellist li img.icon { left:5px; top:2px; height:auto; width:auto; }
50
51#kiwi #status_message {
52 background: #FFF;
696a66f8 53 border-bottom: 1px solid;
8af29f2b 54 text-align: center;
696a66f8 55}
696a66f8
D
56
57
8af29f2b 58#kiwi .panel_container { overflow-y:auto; height:100%; }
696a66f8
D
59
60
61
8af29f2b 62#kiwi .messages {
696a66f8
D
63 overflow-x:wrap;
64 border:none; display: none;
696a66f8 65}
8af29f2b
D
66#kiwi .messages a {}
67#kiwi .messages.active { display:block; }
696a66f8 68
8af29f2b
D
69#kiwi .messages .msg {}
70#kiwi .messages .msg .time { display:inline; }
71#kiwi .messages .msg .nick { display:inline; }
72#kiwi .messages .msg .text { display:inline; }
bf3bd4e5 73
8af29f2b
D
74#kiwi .messages .msg.action .nick { display:none; }
75#kiwi .messages .msg.action .text { }
76#kiwi .messages .msg.action.join { }
77#kiwi .messages .msg.action.part .text { }
78#kiwi .messages .msg.action.quit .text { }
79#kiwi .messages .msg.action.kick .text { }
80#kiwi .messages .msg.status .nick { display:none; }
81#kiwi .messages .msg.status .text { }
82#kiwi .messages .msg.topic .nick { display:none; }
83#kiwi .messages .msg.topic .text { }
84#kiwi .messages .msg.motd { }
85#kiwi .messages .msg.motd .nick { }
86#kiwi .messages .msg.motd .text { }
87#kiwi .messages .msg.whois .nick { }
88#kiwi .messages .msg.whois .text { }
89#kiwi .messages .msg.error .text { }
0197b21c 90
8af29f2b
D
91#kiwi .messages .msg.global_nick_highlight { }
92#kiwi .messages .msg.highlight { }
696a66f8
D
93
94
696a66f8 95
8af29f2b
D
96/* A member/nick list per channel */
97#kiwi #memberlists { border-left: 1px solid #8A8A8A; }
98#kiwi #memberlists ul { display:none; }
696a66f8 99
8af29f2b
D
100/* The active channels nicklist */
101#kiwi #memberlists ul.active { display:block; }
102#kiwi #memberlists ul li { overflow-y:auto; overflow-x:hidden; cursor:pointer; }
103#kiwi #memberlists ul li a.nick { }
696a66f8 104
8af29f2b
D
105/* The userbox shown when clicking a nick */
106#kiwi #memberlists ul li .userbox { position:relative; }
107#kiwi #memberlists ul li .userbox a { }
108#kiwi #memberlists ul li .userbox a i { }
109
110
111
112/**
113 * Control box
114 */
115#kiwi #controlbox .input {
696a66f8
D
116 height:1.7em;
117}
696a66f8 118
8af29f2b
D
119/* The nick label */
120#kiwi #controlbox .input .nick { cursor: pointer; }
121#kiwi #controlbox .input .nick a { }
122
123/* Wrapper div around the text area input */
124#kiwi #controlbox .input .input_wrap { display:inline; }
125
126/* The textarea input */
127#kiwi #controlbox .input .inp { }
128
129
130/* Nick change dialog showed when clicking the nick label */
131#kiwi #controlbox .nickchange {
696a66f8 132 position: absolute;
8af29f2b 133 background: #FFF;
696a66f8 134}
8af29f2b
D
135#kiwi #controlbox .nickchange input { }
136#kiwi #controlbox .nickchange button { }
696a66f8
D
137
138
139
8af29f2b
D
140/**
141 * Topic bar
142 */
143#kiwi #topic { position:relative; height:2em; }
144#kiwi #topic div {
696a66f8 145 position:absolute;
8af29f2b 146 top:0; bottom:0; left:0; right:0;
f5035603 147 overflow: hidden;
696a66f8
D
148}
149
150
151
152
153
8af29f2b
D
154/**
155 * Server selection dialog
156 */
157#kiwi .server_select { width:800px; margin:0 auto; overflow:hidden; }
158#kiwi .server_select .more { display: none; }
159#kiwi .server_select button { }
160#kiwi .server_select input { }
161#kiwi .server_select label { float:left; width:5em; }
162#kiwi .server_select br { clear:both; }
163#kiwi .server_select .basic input { }
164#kiwi .server_select .basic label { }
165#kiwi .server_select .basic { border-bottom: 1px solid gray; margin-bottom:1em; }
166#kiwi .server_select .basic .show_more { }
167#kiwi .server_select.single_server .basic { border:none; }
168#kiwi .server_select .status { }
696a66f8 169
8af29f2b
D
170/* When connected to an IRC server, .ok is set on the status div */
171#kiwi .server_select .status.ok { }
696a66f8 172
8af29f2b
D
173/* IRC server connection error, .error is set on the status div */
174#kiwi .server_select .status.error { }
696a66f8
D
175
176
177
8af29f2b
D
178/* Logo and title in the server selection dialog */
179#kiwi .server_select .kiwi_logo { text-align: center; display:block; }
180#kiwi .server_select .kiwi_logo h1 { }
181#kiwi .server_select .kiwi_logo img { }
696a66f8
D
182
183
184
8af29f2b
D
185/* Icons in the top right corner */
186#kiwi #toolbar .app_tools { float:right; }
187#kiwi #toolbar .app_tools ul li {
188 display:inline; cursor:pointer;
7de3dd03 189}
8af29f2b 190#kiwi #toolbar .app_tools img { height:25px; width:25px; margin: 6px 0.7em 0 0; }
696a66f8
D
191
192
193
8af29f2b 194/* Settings applet */
93fa049c
D
195#kiwi .settings {
196 width:900px;
197 margin:1em auto;
198}
199#kiwi .settings table td {
200 padding:0.5em 1em;
201}
202
203
204
696a66f8
D
205
206/**
207 * Reusable componants
208 */
209
8af29f2b 210#kiwi .divider-verticle {
696a66f8
D
211 border-left: 1px solid #CFCFCF;
212 border-right: 1px solid #FFFFFF;
213 position: absolute;
214 top:25px; bottom:25px;
215 right:0;
216 width:0;
217}
218
8af29f2b 219#kiwi .divider-horizontal {
696a66f8
D
220 border-top: 1px solid #CFCFCF;
221 border-bottom: 1px solid #FFFFFF;
222 position: absolute;
223 left:25px; right:25px;
224 bottom:0;
225 height:0;
226}
227
228
229
230
231
232/**
233 * Themes
234 */
235
236
8af29f2b
D
237/* Relaxed theme */
238#kiwi.theme_relaxed {
239 background: url(../img/background-light.png) left top repeat-x #E3E3E3;
240 color: #555555;
696a66f8 241}
8af29f2b
D
242#kiwi.theme_relaxed,
243#kiwi.theme_relaxed input,
244#kiwi.theme_relaxed button,
245#kiwi.theme_relaxed textarea {
246 font-family:Arial, Helvetica, sans-serif;
247 font-size:14px; line-height:1.4em;
248}
249#kiwi.theme_relaxed input, textarea {
250 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5),0 1px 0px rgba(255, 255, 255, 0.3);
251 border: none;
252 border-radius: 3px;
253}
254#kiwi.theme_relaxed #toolbar {
255 background-color:#1B1B1B; font-size:0.9em;
256}
257#kiwi.theme_relaxed #controlbox { background-color:#1B1B1B; }
258#kiwi.theme_relaxed #memberlists_resize_handle {
259 /*background:url('../img/resize_handle.png') no-repeat; background-position:center;*/
260}
261#kiwi.theme_relaxed #toolbar .panellist li {
262 line-height: 1.4em;
263 vertical-align: middle;
264
265 border-radius:5px;
266 -moz-border-radius:5px;
267 -webkit-border-radius:5px;
268 -khtml-border-radius:5px;
269 behavior: url(border-radius.htc);
270
271 background-image: -webkit-gradient(
272 linear,
273 left top,
274 left bottom,
275 color-stop(0.38, rgb(238,238,238)),
276 color-stop(0.68, rgb(209,209,209))
277 );
278 background-image: -moz-linear-gradient(
279 center top,
280 rgb(238,238,238) 38%,
281 rgb(209,209,209) 68%
282 );
283
284 border: 1px solid #333;
285 background-color: #eee;
696a66f8
D
286}
287
8af29f2b
D
288#kiwi.theme_relaxed #toolbar .panellist .alert_highlight { background: #990000; }
289#kiwi.theme_relaxed #toolbar .panellist .alert_activity { background: #009900; }
290#kiwi.theme_relaxed #toolbar .panellist .alert_action { }
696a66f8 291
8af29f2b
D
292#kiwi.theme_relaxed #toolbar .panellist .active { padding-right:23px; }
293#kiwi.theme_relaxed #toolbar .panellist li .part {
294 background:url('../img/redcross.png'); width:14px; height:14px;
295}
296#kiwi.theme_relaxed #toolbar .panellist li .part:after { content:""; }
696a66f8 297
8af29f2b 298#kiwi.theme_relaxed #toolbar .panellist li.server span { background:url(../img/server_tab.png) no-repeat; padding-left:23px; }
696a66f8 299
8af29f2b
D
300/* Tab texts are within a span */
301#kiwi.theme_relaxed #toolbar .panellist li span { line-height:20px; vertical-align:middle; display:block; }
302
303#kiwi.theme_relaxed #status_message {
304 background: #FEEFB3; color: #9F6000;
305 border-bottom: 1px solid;
306 padding: 0.9em;
307 text-align: center; font-size:1.1em;
308}
309#kiwi.theme_relaxed #status_message.err { color:#D8000C; background:#FFBABA; }
310
311#kiwi.theme_relaxed .messages { color: #333333; }
312#kiwi.theme_relaxed .messages.active { }
313#kiwi.theme_relaxed .messages a { text-decoration:none; }
314
315#kiwi.theme_relaxed .messages .msg { border-bottom: 1px solid #DEDEDE; padding: 1px; font-family:arial; font-size:0.9em; }
696a66f8
D
316#kiwi.theme_relaxed .messages .msg .time { width:6em; float:left; color:#777; display:none; }
317#kiwi.theme_relaxed .messages .msg .nick { width:11em; float:left; font-size:12px; font-family:Arial; text-align:left; padding: 5px; }
8af29f2b 318#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 319
8af29f2b 320#kiwi.theme_relaxed .messages .msg.action .nick { }
696a66f8
D
321#kiwi.theme_relaxed .messages .msg.action .text { margin-left:9em; color:#009900; border-left:none; font-style:italic; }
322#kiwi.theme_relaxed .messages .msg.action.join { color:#009900; }
323#kiwi.theme_relaxed .messages .msg.action.part .text { color:#900; }
324#kiwi.theme_relaxed .messages .msg.action.quit .text { color:#900; }
325#kiwi.theme_relaxed .messages .msg.action.kick .text { color:#900; }
8af29f2b 326#kiwi.theme_relaxed .messages .msg.status .nick { }
696a66f8
D
327#kiwi.theme_relaxed .messages .msg.status .text { color:#990000; margin-left:9em; border-left:none; font-weight:bold; }
328#kiwi.theme_relaxed .messages .msg.topic .nick { display:none; }
329#kiwi.theme_relaxed .messages .msg.topic .text { color:#009900; margin-left:9em; font-style: italic; border-left:none; }
696a66f8 330#kiwi.theme_relaxed .messages .msg.motd { border:none; }
8af29f2b 331/*#kiwi.theme_relaxed .messages .msg.motd .nick { display:none; }*/
696a66f8
D
332#kiwi.theme_relaxed .messages .msg.motd .text { color:#666; }
333#kiwi.theme_relaxed .messages .msg.whois .nick { font-weight:normal; }
334#kiwi.theme_relaxed .messages .msg.whois .text { margin-left:18em; padding-left:1em; border-left:1px dashed #999; }
335#kiwi.theme_relaxed .messages .msg.error .text {
336 border:1px solid #A33F3F; background-color:#D28A8A;
337 padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em;
338}
339
8af29f2b
D
340#kiwi.theme_relaxed .messages .msg.global_nick_highlight,
341#kiwi.theme_relaxed .messages .msg.highlight { background:#D9D9D9; }
342
343
b025bb57
D
344#kiwi.theme_relaxed .messages .msg .media { margin-left:0.5em; }
345#kiwi.theme_relaxed .messages .msg .media .media_close { font-size:0.9em; }
b9149cd0 346#kiwi.theme_relaxed .messages .msg .media .media_content { margin:10px 0 0 10px; overflow:hidden; }
b025bb57 347#kiwi.theme_relaxed .messages .msg .media .media_content img { padding:3px; border:1px solid gray; }
b9149cd0
D
348#kiwi.theme_relaxed .messages .msg .media .media_content > .content {
349 background: white;
350 overflow: hidden;
351 padding: 10px;
352 border: #DDD 1px solid;
353 border-top-color: #EEE;
354 border-bottom-color: #BBB;
355 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
356 -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.15);
357 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
358 border-radius: 5px;
359 float: left;
360}
361
362#kiwi.theme_relaxed .messages .msg .media.twitter .media_content > .content {
363 background: transparent;
364 border:none;
365 overflow: hidden;
366 box-shadow: none;
367 padding: 0;
368}
369#kiwi.theme_relaxed .messages .msg .media.reddit .thumbnail_nsfw {
370 display: inline-block;
371 float: left;
372}
373#kiwi.theme_relaxed .messages .msg .media.reddit .thumbnail { float:left; margin-right: 0.5em; }
b025bb57 374
8af29f2b
D
375
376#kiwi.theme_relaxed #memberlists {
377 background-color: #DADADA;
378 border-left: 1px solid #8A8A8A;
379}
380#kiwi.theme_relaxed #memberlists ul { list-style: none; }
381#kiwi.theme_relaxed #memberlists ul.active { }
382#kiwi.theme_relaxed #memberlists ul li { padding: 0.2em 1em; }
383#kiwi.theme_relaxed #memberlists ul li:hover {
384 border-left: 5px solid #88C56A;
385 -webkit-transition: 0.2s ease;
386 -moz-transition: 0.2s ease;
387 -ms-transition: 0.2s ease;
388 -o-transition: 0.2s ease;
389 transition: 0.2s ease;
390}
391#kiwi.theme_relaxed #memberlists ul li a.nick { display:block; color:black; }
392
393#kiwi.theme_relaxed #memberlists ul li .userbox { margin:0 1em 5px 1em; padding-bottom:0.7em; font-size:.9em; }
394#kiwi.theme_relaxed #memberlists ul li .userbox a { display:block; text-decoration:none; margin-bottom:2px; }
395#kiwi.theme_relaxed #memberlists ul li .userbox a i { font-size:1.1em; margin-right:5px; }
396
397
398#kiwi.theme_relaxed #controlbox .input {
399 background:#fff; margin:3px;
400 height:1.7em;
401 border-radius:5px;
402 -moz-border-radius:5px;
403 -webkit-border-radius:5px;
404 -khtml-border-radius:5px;
405}
406#kiwi.theme_relaxed #controlbox .input .nick { text-align: right; width:11em; left:0px; position:absolute; padding:2px; }
407#kiwi.theme_relaxed #controlbox .input .nick a { text-decoration:none; color:black; }
408#kiwi.theme_relaxed #controlbox .input .input_wrap {
409 position:absolute;
410 right:7px; left: 12.2em;
411 height:1.7em;
412}
413#kiwi.theme_relaxed #controlbox .input .inp {
414 line-height:1.7em;
415 border: medium none;
416 box-shadow: none;
417 border-radius: 0;
418 outline:none; resize:none;
419 overflow:hidden;
420 position:relative;
421 height:100%; width:100%;
422 display: block;
423}
424
425
426#kiwi.theme_relaxed #controlbox .nickchange {
427 padding:10px; left: 0px;
428 background: #1B1B1B; color:#eeeeee;
429}
430#kiwi.theme_relaxed #controlbox .nickchange input { padding:0.3em 0.5em; }
431#kiwi.theme_relaxed #controlbox .nickchange button { padding:0.5em; }
432
433
434
03b71faf 435#kiwi.theme_relaxed #topic { background-color:#1B1B1B; padding-bottom:2px; }
8af29f2b 436#kiwi.theme_relaxed #topic div {
8af29f2b
D
437 padding: 0.2em 1em;
438 text-align: center;
439 box-shadow: none;
440 border-radius: 0;
441 background-color:#FFF;
442 height: 1.5em;
443 overflow: hidden;
444 outline: none;
03b71faf
D
445 white-space: nowrap;
446}
447#kiwi.theme_relaxed #topic:hover div {
448 min-height:1.5em;
449 white-space:pre-wrap; word-wrap:break-word;
450 overflow:visible;
451 background-color:#FFF;
452 z-index: 1;
453 height:auto; bottom:auto;
454 border-bottom: 2px solid #1B1B1B;
8af29f2b
D
455}
456
457
458#kiwi.theme_relaxed #toolbar .app_tools { width:200px; padding-left:10px; color:#D4D4D4; }
459#kiwi.theme_relaxed #toolbar .app_tools ul li {
460 font-size:26px;
461 -webkit-transition: all .3s ease;
462 -moz-transition: all .3s ease;
463 transition: all .3s ease;
464 margin-left:10px;
465}
466#kiwi.theme_relaxed #toolbar .app_tools ul li:hover { color:#88C56A; }
467#kiwi.theme_relaxed #toolbar .app_tools img { }
468
469
470/* The server select dialog */
471#kiwi.theme_relaxed .server_select { width:730px; padding:3em 0 2em 0; margin: 0 auto; }
472#kiwi.theme_relaxed .server_select .more { display: none; width:270px; margin:0 auto; }
473#kiwi.theme_relaxed .server_select button { float:right; padding:3px 7px; margin-top:10px; }
474#kiwi.theme_relaxed .server_select input { float:right; margin-bottom:5px; padding:3px 7px; width:150px; }
475#kiwi.theme_relaxed .server_select label { float:left; width:5em; padding-top:3px }
476#kiwi.theme_relaxed .server_select br { clear:both; }
477#kiwi.theme_relaxed .server_select .basic input, .server_select .basic button { font-size:1em; padding:0.5em 1em; }
478#kiwi.theme_relaxed .server_select .basic input { width:170px; }
479#kiwi.theme_relaxed .server_select .basic label { font-size:1.3em; margin-top:4px; }
480#kiwi.theme_relaxed .server_select .basic { border-bottom: 1px dashed gray; margin-bottom:1em; }
481#kiwi.theme_relaxed .server_select .basic .show_more { display: block; width:40px; margin:10px 0 0 0; font-size:0.8em; background: url(../img/more.png) no-repeat right 7px; }
482#kiwi.theme_relaxed .server_select.single_server .basic { border:none; }
483#kiwi.theme_relaxed .server_select .status { text-align: center; font-weight: bold; padding:1em; }
484#kiwi.theme_relaxed .server_select .status.ok { }
485#kiwi.theme_relaxed .server_select .status.error {
486 border:1px solid #A33F3F; background-color:#D28A8A;
487 padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em;
488}
489
490
491#kiwi.theme_relaxed .server_select .kiwi_logo { text-align: center; display:block; }
492#kiwi.theme_relaxed .server_select .kiwi_logo h1 {
493 font-size:20px;
494 line-height:48px; vertical-align: middle;
495 color: #555555;
496}
497#kiwi.theme_relaxed .server_select .kiwi_logo img { }
498
696a66f8
D
499
500
501
502
3f085329
D
503
504
505
506/**
507 * Mini theme
508 */
509#kiwi.theme_mini {
510 background: #FFF;
511 color: #555555;
512}
513#kiwi.theme_mini,
514#kiwi.theme_mini input,
515#kiwi.theme_mini button,
516#kiwi.theme_mini textarea {
517 font-family:Arial, Helvetica, sans-serif;
518 font-size:14px; line-height:1.4em;
519}
520#kiwi.theme_mini input, textarea {
521 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5),0 1px 0px rgba(255, 255, 255, 0.3);
522 border: none;
523 border-radius: 3px;
524}
525#kiwi.theme_mini #toolbar {
526 background-color:#1B1B1B; font-size:0.9em;
527}
528#kiwi.theme_mini #controlbox { background-color:#1B1B1B; }
529#kiwi.theme_mini #memberlists_resize_handle {
530 display:none; width:0;
531}
532#kiwi.theme_mini #toolbar .panellist li {
533 line-height: 1.4em;
534 vertical-align: middle;
535
536 border-radius:5px;
537 -moz-border-radius:5px;
538 -webkit-border-radius:5px;
539 -khtml-border-radius:5px;
540
541 border: 1px solid #333;
542 background-color: #eee;
543}
544
545#kiwi.theme_mini #toolbar #tabs { margin-right:0 !important; }
546#kiwi.theme_mini #toolbar .panellist .alert_highlight { background: #990000; }
547#kiwi.theme_mini #toolbar .panellist .alert_activity { background: #009900; }
548#kiwi.theme_mini #toolbar .panellist .alert_action { }
549
550#kiwi.theme_mini #toolbar .panellist .active { padding-right:23px; }
551#kiwi.theme_mini #toolbar .panellist li .part {
552 background:url('../img/redcross.png'); width:14px; height:14px;
553}
554#kiwi.theme_mini #toolbar .panellist li .part:after { content:""; }
555
556#kiwi.theme_mini #toolbar .panellist li.server span { background:url(../img/server_tab.png) no-repeat; padding-left:23px; }
557
558/* Tab texts are within a span */
559#kiwi.theme_mini #toolbar .panellist li span { line-height:20px; vertical-align:middle; display:block; }
560
561#kiwi.theme_mini #status_message {
562 background: #FEEFB3; color: #9F6000;
563 border-bottom: 1px solid;
564 padding: 0.9em;
565 text-align: center; font-size:1.1em;
566}
567#kiwi.theme_mini #status_message.err { color:#D8000C; background:#FFBABA; }
568
569#kiwi.theme_mini .messages { color: #333333; }
570#kiwi.theme_mini .messages.active { }
571#kiwi.theme_mini .messages a { text-decoration:none; }
572
573#kiwi.theme_mini .messages .msg { border-bottom: 1px solid #DEDEDE; padding: 5px; font-family:arial; font-size:0.9em; }
574#kiwi.theme_mini .messages .msg .time { display:none; }
575#kiwi.theme_mini .messages .msg .nick { display:block; font-family:Arial; text-transform:capitalize; }
576#kiwi.theme_mini .messages .msg .text { display:block; white-space:pre-wrap; word-wrap:break-word; font-family:arial; }
577
578#kiwi.theme_mini .messages .msg.action .nick { }
579#kiwi.theme_mini .messages .msg.action .text { color:#009900; border-left:none; font-style:italic; }
580#kiwi.theme_mini .messages .msg.action.join { color:#009900; }
581#kiwi.theme_mini .messages .msg.action.part .text { color:#900; }
582#kiwi.theme_mini .messages .msg.action.quit .text { color:#900; }
583#kiwi.theme_mini .messages .msg.action.kick .text { color:#900; }
584#kiwi.theme_mini .messages .msg.status .nick { }
585#kiwi.theme_mini .messages .msg.status .text { color:#990000; border-left:none; font-weight:bold; }
586#kiwi.theme_mini .messages .msg.topic .nick { display:none; }
587#kiwi.theme_mini .messages .msg.topic .text { color:#009900; font-style: italic; border-left:none; }
588#kiwi.theme_mini .messages .msg.motd { border:none; }
589/*#kiwi.theme_mini .messages .msg.motd .nick { display:none; }*/
590#kiwi.theme_mini .messages .msg.motd .text { color:#666; }
591#kiwi.theme_mini .messages .msg.whois .nick { font-weight:normal; }
592#kiwi.theme_mini .messages .msg.whois .text { padding-left:1em; border-left:1px dashed #999; }
593#kiwi.theme_mini .messages .msg.error .text {
594 border:1px solid #A33F3F; background-color:#D28A8A;
595 padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em;
596}
597
598#kiwi.theme_mini .messages .msg.global_nick_highlight,
599#kiwi.theme_mini .messages .msg.highlight { background:#D9D9D9; }
600
601
602
603#kiwi.theme_mini #memberlists {
604 background-color: #DADADA;
605 border-left: 1px solid #8A8A8A;
606 display:none;
607 width:0px;
608}
609#kiwi.theme_mini #memberlists ul { list-style: none; }
610#kiwi.theme_mini #memberlists ul.active { }
611#kiwi.theme_mini #memberlists ul li { padding: 0.2em 1em; }
612#kiwi.theme_mini #memberlists ul li:hover {
613 border-left: 5px solid #88C56A;
614 -webkit-transition: 0.2s ease;
615 -moz-transition: 0.2s ease;
616 -ms-transition: 0.2s ease;
617 -o-transition: 0.2s ease;
618 transition: 0.2s ease;
619}
620#kiwi.theme_mini #memberlists ul li a.nick { display:block; color:black; }
621
622#kiwi.theme_mini #memberlists ul li .userbox { margin:0 1em 5px 1em; padding-bottom:0.7em; font-size:.9em; }
623#kiwi.theme_mini #memberlists ul li .userbox a { display:block; text-decoration:none; margin-bottom:2px; }
624#kiwi.theme_mini #memberlists ul li .userbox a i { font-size:1.1em; margin-right:5px; }
625
626
627#kiwi.theme_mini #controlbox .input {
628 background:#fff; margin:3px;
629 height:1.7em;
630}
631#kiwi.theme_mini #controlbox .input .nick { display:none; }
632#kiwi.theme_mini #controlbox .input .nick a { text-decoration:none; color:black; }
633#kiwi.theme_mini #controlbox .input .input_wrap {
634 position:absolute;
635 right:3px; left:3px;
636 height:1.7em;
637}
638#kiwi.theme_mini #controlbox .input .inp {
639 line-height:1.7em;
640 border: medium none;
641 box-shadow: none;
642 border-radius: 0;
643 resize:none;
644 overflow:hidden;
645 position:relative;
646 height:100%; width:100%;
647 display: block;
648}
649
650
651#kiwi.theme_mini #controlbox .nickchange {
652 padding:10px; left: 0px;
653 background: #1B1B1B; color:#eeeeee;
654}
655#kiwi.theme_mini #controlbox .nickchange input { padding:0.3em 0.5em; }
656#kiwi.theme_mini #controlbox .nickchange button { padding:0.5em; }
657
658
659
660#kiwi.theme_mini #topic { display:none; }
661#kiwi.theme_mini #topic div {
662 top:2; bottom:2px; left:0; width:100%;
663 padding: 0.2em 1em;
664 text-align: center;
665 box-shadow: none;
666 border-radius: 0;
667 background-color:#FFF;
668 height: 1.5em;
669 overflow: hidden;
670 outline: none;
671}
672
673
674#kiwi.theme_mini #toolbar .app_tools { padding-left:10px; color:#D4D4D4; }
675#kiwi.theme_mini #toolbar .app_tools ul li {
676 font-size:26px;
677 -webkit-transition: all .3s ease;
678 -moz-transition: all .3s ease;
679 transition: all .3s ease;
680 margin-left:10px;
681}
682#kiwi.theme_mini #toolbar .app_tools ul li:hover { color:#88C56A; }
683#kiwi.theme_mini #toolbar .app_tools img { }
684
685
686/* The server select dialog */
687#kiwi.theme_mini .server_select { padding:3em 0 2em 0; margin: 0 auto; width:100%; }
688#kiwi.theme_mini .server_select .more { display:none; }
689#kiwi.theme_mini .server_select button { display:block; padding:3px 7px; margin:0 auto; }
690#kiwi.theme_mini .server_select input.nick {
691 float:none; display:block; width:80%;
692 padding:0.5em 1em; margin:0 auto;
693 text-align: center;
694}
695#kiwi.theme_mini .server_select label { display:none; }
696#kiwi.theme_mini .server_select br { clear:both; }
697#kiwi.theme_mini .server_select .basic { border:none; }
698#kiwi.theme_mini .server_select .basic .show_more { display:none !important; }
699#kiwi.theme_mini .server_select.single_server .basic { border:none; }
700#kiwi.theme_mini .server_select .status { text-align: center; font-weight: bold; padding:1em; }
701#kiwi.theme_mini .server_select .status.ok { }
702#kiwi.theme_mini .server_select .status.error {
703 border:1px solid #A33F3F; background-color:#D28A8A;
704 padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em;
705}
706
707#kiwi.theme_mini .server_select .divider-verticle {
708 display:none;
709}
710#kiwi.theme_mini .server_select .server_details {
711 position: relative !important;
712 float: none !important;
713 width: auto !important;
714 padding: 0 !important;
715 margin: 2em 0 0 0 !important;
716}
717#kiwi.theme_mini .server_select .about_kiwi { display:none; }
718
719
720
721
722
723
724
725
726
696a66f8
D
727/* CLI theme */
728#kiwi.theme_cli { background:#222222; color:#6d6d6d; }
03b71faf
D
729#kiwi.theme_cli,
730#kiwi.theme_cli input,
731#kiwi.theme_cli button,
732#kiwi.theme_cli textarea {
733 font-family:Arial, Helvetica, sans-serif;
734 font-size:14px; line-height:1.4em;
735}
736
737#kiwi.theme_cli #controlbox { background:#111111; border-top:1px solid #444444; color:#909090; font-size:1.3em; line-height:2em; margin:3px; }
696a66f8 738#kiwi.theme_cli #controlbox .input_wrap:before { content:"> " }
03b71faf
D
739#kiwi.theme_cli #controlbox .input { background:none; border:none;}
740#kiwi.theme_cli #controlbox .input .nick { line-height:1.7em; padding:0; text-align: right; width:11em; left:0px; position:absolute; }
741#kiwi.theme_cli #controlbox .input .input_wrap {
742 position:absolute;
743 right:7px; left: 12.2em;
744 height:1.7em;
745}
746#kiwi.theme_cli #controlbox .input .inp {
747 line-height:1.7em;
748 font-size:1.3em;
749 background:transparent; color:#909090;
750 border: medium none;
751 box-shadow: none;
752 border-radius: 0;
753 outline:none; resize:none;
754 overflow:hidden;
755 position:absolute;
756 height:100%; width:98%;
757 display: inline;
758 padding-left:0.5em;
759}
760
761#kiwi.theme_cli #topic { background:#111111; height:2em; border-bottom:1px solid #444444; border-top:1px solid #444444; }
762#kiwi.theme_cli #topic div {
763 width:100%; height: 1.5em;
764 padding: 0.2em 1em;
765 text-align: center;
766 color:#6d6d6d;
767 border:none; outline:none;
768 overflow: hidden;
769 white-space: nowrap;
770}
771#kiwi.theme_cli #topic:hover div {
772 min-height:1.5em;
773 white-space:pre-wrap; word-wrap:break-word;
774 overflow:visible;
775 background-color:#111111;
776 z-index: 1;
777 height:auto; bottom:auto;
778 border-bottom: 1px solid #444444;
779}
780
781#kiwi.theme_cli #toolbar .app_tools { width:200px; padding-left:10px; color:#D4D4D4; }
782#kiwi.theme_cli #toolbar .app_tools ul li {
783 font-size:26px;
784 -webkit-transition: all .3s ease;
785 -moz-transition: all .3s ease;
786 transition: all .3s ease;
787 margin-left:10px;
788}
789#kiwi.theme_cli #toolbar .app_tools ul li:hover { color:#88C56A; }
790#kiwi.theme_cli #toolbar .app_tools img { }
791
792#kiwi.theme_cli #toolbar .panellist li {
793 line-height: 1.4em;
794 vertical-align: middle;
795
796 border-radius:5px;
797 -moz-border-radius:5px;
798 -webkit-border-radius:5px;
799 -khtml-border-radius:5px;
800 behavior: url(border-radius.htc);
801
802 background-image: -webkit-gradient(
803 linear,
804 left top,
805 left bottom,
806 color-stop(0.38, rgb(238,238,238)),
807 color-stop(0.68, rgb(209,209,209))
808 );
809 background-image: -moz-linear-gradient(
810 center top,
811 rgb(238,238,238) 38%,
812 rgb(209,209,209) 68%
813 );
814
815 border: 1px solid #333;
816 background-color: #eee;
817}
818
819#kiwi.theme_cli #toolbar .panellist .alert_highlight { background: #990000; }
820#kiwi.theme_cli #toolbar .panellist .alert_activity { background: #009900; }
821#kiwi.theme_cli #toolbar .panellist .alert_action { }
822
823#kiwi.theme_cli #toolbar .panellist .active { padding-right:23px; }
824#kiwi.theme_cli #toolbar .panellist li .part {
825 background:url('../img/redcross.png'); width:14px; height:14px;
826}
827#kiwi.theme_cli #toolbar .panellist li .part:after { content:""; }
828
829#kiwi.theme_cli #toolbar .panellist li.server span { background:url(../img/server_tab.png) no-repeat; padding-left:23px; }
830
831/* Tab texts are within a span */
832#kiwi.theme_cli #toolbar .panellist li span { line-height:20px; vertical-align:middle; display:block; }
696a66f8 833
696a66f8 834
7bd34e87 835#kiwi.theme_cli #memberlists { background:#222222; }
03b71faf 836#kiwi.theme_cli #memberlists ul li { padding: 0.2em 1em; }
696a66f8 837#kiwi.theme_cli #memberlists ul li a.nick { color:#6d6d6d; }
03b71faf
D
838#kiwi.theme_cli #memberlists ul li:hover {
839 border-left: 5px solid #88C56A;
840 -webkit-transition: 0.2s ease;
841 -moz-transition: 0.2s ease;
842 -ms-transition: 0.2s ease;
843 -o-transition: 0.2s ease;
844 transition: 0.2s ease;
845}
846
847#kiwi.theme_cli #memberlists ul li .userbox { margin:0 1em 0 1em; padding-bottom:0.4em; font-size:.9em; }
848#kiwi.theme_cli #memberlists ul li .userbox a { display:block; text-decoration:none; margin-bottom:2px; }
849#kiwi.theme_cli #memberlists ul li .userbox a i { font-size:1.1em; margin-right:5px; }
850#kiwi.theme_cli #memberlists ul li .userbox .divider-horizontal { display:none; }
851
696a66f8
D
852
853#kiwi.theme_cli .messages .msg > div { color:#6d6d6d; font-family: Inconsolata, Consolas, 'courier new', monospace; }
854#kiwi.theme_cli .messages .msg { border: none; }
03b71faf
D
855#kiwi.theme_cli .messages .msg .time { display:inline; margin-right:1em; color:#777; }
856#kiwi.theme_cli .messages .msg .nick { display:inline; margin-right:1em; }
857#kiwi.theme_cli .messages .msg .nick:before { content:"<"; }
858#kiwi.theme_cli .messages .msg .nick:after { content:">"; }
696a66f8
D
859#kiwi.theme_cli .messages .msg .text { white-space:pre-wrap; word-wrap:break-word; }
860
861#kiwi.theme_cli .messages .msg.action .nick { display:none; }
03b71faf 862#kiwi.theme_cli .messages .msg.action .text { color:#009900; border-left:none; font-style:italic; }
696a66f8
D
863#kiwi.theme_cli .messages .msg.action.join { color:#009900; }
864#kiwi.theme_cli .messages .msg.action.part .text { color:#900; }
865#kiwi.theme_cli .messages .msg.action.quit .text { color:#900; }
866#kiwi.theme_cli .messages .msg.action.kick .text { color:#900; }
867#kiwi.theme_cli .messages .msg.status .nick { display:none; }
03b71faf 868#kiwi.theme_cli .messages .msg.status .text { color:#990000; border-left:none; font-weight:bold; }
696a66f8 869#kiwi.theme_cli .messages .msg.topic .nick { display:none; }
03b71faf 870#kiwi.theme_cli .messages .msg.topic .text { color:#009900; font-style: italic; border-left:none; }
696a66f8
D
871/*#kiwi.theme_cli .messages .msg.motd .nick { display:none; }*/
872#kiwi.theme_cli .messages .msg.motd { border:none; }
873#kiwi.theme_cli .messages .msg.motd .text { color:#666; }
874#kiwi.theme_cli .messages .msg.whois .nick { font-weight:normal; }
03b71faf 875#kiwi.theme_cli .messages .msg.whois .text { padding-left:1em; border-left:1px dashed #999; }
696a66f8
D
876#kiwi.theme_cli .messages .msg.error .text {
877 border:1px solid #A33F3F; background-color:#D28A8A;
878 padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em;
7b8357a5
D
879}
880
03b71faf
D
881#kiwi.theme_cli .messages .msg.global_nick_highlight { background:#111111; }
882
883
884/* The server select dialog */
885#kiwi.theme_cli .server_select { width:730px; padding:3em 0 2em 0; margin: 0 auto; }
886#kiwi.theme_cli .server_select .more { display: none; width:270px; margin:0 auto; }
887#kiwi.theme_cli .server_select button { float:right; padding:3px 7px; margin-top:10px; }
888#kiwi.theme_cli .server_select input { float:right; margin-bottom:5px; padding:3px 7px; width:150px; }
889#kiwi.theme_cli .server_select label { float:left; width:5em; padding-top:3px }
890#kiwi.theme_cli .server_select br { clear:both; }
891#kiwi.theme_cli .server_select .basic input, .server_select .basic button { font-size:1em; padding:0.5em 1em; }
892#kiwi.theme_cli .server_select .basic input { width:170px; }
893#kiwi.theme_cli .server_select .basic label { font-size:1.3em; margin-top:4px; }
894#kiwi.theme_cli .server_select .basic { border-bottom: 1px dashed gray; margin-bottom:1em; }
895#kiwi.theme_cli .server_select .basic .show_more { display: block; width:40px; margin:10px 0 0 0; font-size:0.8em; background: url(../img/more.png) no-repeat right 7px; }
896#kiwi.theme_cli .server_select.single_server .basic { border:none; }
897#kiwi.theme_cli .server_select .status { text-align: center; font-weight: bold; padding:1em; }
898#kiwi.theme_cli .server_select .status.ok { }
899#kiwi.theme_cli .server_select .status.error {
900 border:1px solid #A33F3F; background-color:#D28A8A;
901 padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em;
902}
903
904
905#kiwi.theme_cli .server_select .kiwi_logo { text-align: center; display:block; }
906#kiwi.theme_cli .server_select .kiwi_logo h1 {
907 font-size:20px;
908 line-height:48px; vertical-align: middle;
909 color: #555555;
910}
911#kiwi.theme_cli .server_select .kiwi_logo img { }