1 html
, body
{ height:100%; }
2 * { margin:0; padding:0; }
6 /* Few resets for within the kiwi container */
8 overflow:hidden
; position:relative
;
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
; }
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
{
25 position: absolute
; width:10px; z-index:1; cursor:w-resize
;
29 #kiwi #toolbar #tabs
{ margin-right: 200px; }
30 #kiwi #toolbar
.panellist
{
35 #kiwi #toolbar
.panellist li
{
36 float: left
; list-style: inline
;
37 display:inline
; position:relative
;
38 padding:5px; margin:3px;
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
; }
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
; }
51 #kiwi #status_message
{
53 border-bottom: 1px solid
;
58 #kiwi .panel_container
{ overflow-y:auto
; height:100%; }
64 border:none
; display: none
;
67 #kiwi .messages
.active
{ display:block
; }
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
; }
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
{ }
91 #kiwi .messages
.msg
.global_nick_highlight
{ }
92 #kiwi .messages
.msg
.highlight
{ }
96 /* A member/nick list per channel */
97 #kiwi #memberlists
{ border-left: 1px solid
#8A8A8A; }
98 #kiwi #memberlists ul
{ display:none
; }
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
{ }
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
{ }
115 #kiwi #controlbox
.input
{
120 #kiwi #controlbox
.input
.nick
{ cursor: pointer
; }
121 #kiwi #controlbox
.input
.nick a
{ }
123 /* Wrapper div around the text area input */
124 #kiwi #controlbox
.input
.input_wrap
{ display:inline
; }
126 /* The textarea input */
127 #kiwi #controlbox
.input
.inp
{ }
130 /* Nick change dialog showed when clicking the nick label */
131 #kiwi #controlbox
.nickchange
{
135 #kiwi #controlbox
.nickchange input
{ }
136 #kiwi #controlbox
.nickchange button
{ }
143 #kiwi #topic
{ position:relative
; height:2em; }
146 top:0; bottom:0; left:0; right:0;
155 * Server selection dialog
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
{ }
170 /* When connected to an IRC server, .ok is set on the status div */
171 #kiwi .server_select
.status
.ok
{ }
173 /* IRC server connection error, .error is set on the status div */
174 #kiwi .server_select
.status
.error
{ }
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
{ }
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
;
190 #kiwi #toolbar
.app_tools img
{ height:25px; width:25px; margin: 6px 0.7em 0 0; }
194 /* Settings applet */
199 #kiwi .settings table td
{
207 * Reusable componants
210 #kiwi .divider-verticle
{
211 border-left: 1px solid
#CFCFCF;
212 border-right: 1px solid
#FFFFFF;
214 top:25px; bottom:25px;
219 #kiwi .divider-horizontal
{
220 border-top: 1px solid
#CFCFCF;
221 border-bottom: 1px solid
#FFFFFF;
223 left:25px; right:25px;
238 #kiwi.theme_relaxed
{
239 background: url
(../img
/background-light
.png
) left top repeat-x
#E3E3E3;
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;
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);
254 #kiwi.theme_relaxed #toolbar
{
255 background-color:#1B1B1B; font-size:0.9em;
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;*/
261 #kiwi.theme_relaxed #toolbar
.panellist li
{
263 vertical-align: middle
;
266 -moz-border-radius:5px;
267 -webkit-border-radius:5px;
268 -khtml-border-radius:5px;
269 behavior: url
(border-radius
.htc
);
271 background-image: -webkit-gradient
(
275 color-stop
(0.38, rgb
(238,238,238)),
276 color-stop
(0.68, rgb
(209,209,209))
278 background-image: -moz-linear-gradient
(
280 rgb
(238,238,238) 38%,
284 border: 1px solid
#333;
285 background-color: #eee;
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
{ }
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;
296 #kiwi.theme_relaxed #toolbar
.panellist li
.part:after
{ content:""; }
298 #kiwi.theme_relaxed #toolbar
.panellist li
.server span
{ background:url
(../img/server_tab.png) no-repeat
; padding-left:23px; }
300 /* Tab texts are within a span */
301 #kiwi.theme_relaxed #toolbar
.panellist li span
{ line-height:20px; vertical-align:middle
; display:block
; }
303 #kiwi.theme_relaxed #status_message
{
304 background: #FEEFB3; color: #9F6000;
305 border-bottom: 1px solid
;
307 text-align: center
; font-size:1.1em;
309 #kiwi.theme_relaxed #status_message
.err
{ color:#D8000C; background:#FFBABA; }
311 #kiwi.theme_relaxed
.messages
{ color: #333333; }
312 #kiwi.theme_relaxed
.messages
.active
{ }
313 #kiwi.theme_relaxed
.messages a
{ text-decoration:none
; }
315 #kiwi.theme_relaxed
.messages
.msg
{ border-bottom: 1px solid
#DEDEDE; padding: 1px; font-family:arial
; font-size:0.9em; }
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; }
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; }
320 #kiwi.theme_relaxed
.messages
.msg
.action
.nick
{ }
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; }
326 #kiwi.theme_relaxed
.messages
.msg
.status
.nick
{ }
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
; }
330 #kiwi.theme_relaxed
.messages
.msg
.motd
{ border:none
; }
331 /*#kiwi.theme_relaxed .messages .msg.motd .nick { display:none; }*/
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;
340 #kiwi.theme_relaxed
.messages
.msg
.global_nick_highlight
,
341 #kiwi.theme_relaxed
.messages
.msg
.highlight
{ background:#D9D9D9; }
345 #kiwi.theme_relaxed #memberlists
{
346 background-color: #DADADA;
347 border-left: 1px solid
#8A8A8A;
349 #kiwi.theme_relaxed #memberlists ul
{ list-style: none
; }
350 #kiwi.theme_relaxed #memberlists ul
.active
{ }
351 #kiwi.theme_relaxed #memberlists ul li
{ padding: 0.2em 1em; }
352 #kiwi.theme_relaxed #memberlists ul
li:hover
{
353 border-left: 5px solid
#88C56A;
354 -webkit-transition: 0.2s ease
;
355 -moz-transition: 0.2s ease
;
356 -ms-transition: 0.2s ease
;
357 -o-transition: 0.2s ease
;
358 transition: 0.2s ease
;
360 #kiwi.theme_relaxed #memberlists ul li a
.nick
{ display:block
; color:black
; }
362 #kiwi.theme_relaxed #memberlists ul li
.userbox
{ margin:0 1em 5px 1em; padding-bottom:0.7em; font-size:.9em; }
363 #kiwi.theme_relaxed #memberlists ul li
.userbox a
{ display:block
; text-decoration:none
; margin-bottom:2px; }
364 #kiwi.theme_relaxed #memberlists ul li
.userbox a i
{ font-size:1.1em; margin-right:5px; }
367 #kiwi.theme_relaxed #controlbox
.input
{
368 background:#fff; margin:3px;
371 -moz-border-radius:5px;
372 -webkit-border-radius:5px;
373 -khtml-border-radius:5px;
375 #kiwi.theme_relaxed #controlbox
.input
.nick
{ text-align: right
; width:11em; left:0px; position:absolute
; padding:2px; }
376 #kiwi.theme_relaxed #controlbox
.input
.nick a
{ text-decoration:none
; color:black
; }
377 #kiwi.theme_relaxed #controlbox
.input
.input_wrap
{
379 right:7px; left: 12.2em;
382 #kiwi.theme_relaxed #controlbox
.input
.inp
{
387 outline:none
; resize:none
;
390 height:100%; width:100%;
395 #kiwi.theme_relaxed #controlbox
.nickchange
{
396 padding:10px; left: 0px;
397 background: #1B1B1B; color:#eeeeee;
399 #kiwi.theme_relaxed #controlbox
.nickchange input
{ padding:0.3em 0.5em; }
400 #kiwi.theme_relaxed #controlbox
.nickchange button
{ padding:0.5em; }
404 #kiwi.theme_relaxed #topic
{ background-color:#1B1B1B; height:2em; }
405 #kiwi.theme_relaxed #topic div
{
406 top:2; bottom:2px; left:0; width:100%;
411 background-color:#FFF;
418 #kiwi.theme_relaxed #toolbar
.app_tools
{ width:200px; padding-left:10px; color:#D4D4D4; }
419 #kiwi.theme_relaxed #toolbar
.app_tools ul li
{
421 -webkit-transition: all
.3s ease
;
422 -moz-transition: all
.3s ease
;
423 transition: all
.3s ease
;
426 #kiwi.theme_relaxed #toolbar
.app_tools ul
li:hover
{ color:#88C56A; }
427 #kiwi.theme_relaxed #toolbar
.app_tools img
{ }
430 /* The server select dialog */
431 #kiwi.theme_relaxed
.server_select
{ width:730px; padding:3em 0 2em 0; margin: 0 auto
; }
432 #kiwi.theme_relaxed
.server_select
.more
{ display: none
; width:270px; margin:0 auto
; }
433 #kiwi.theme_relaxed
.server_select button
{ float:right
; padding:3px 7px; margin-top:10px; }
434 #kiwi.theme_relaxed
.server_select input
{ float:right
; margin-bottom:5px; padding:3px 7px; width:150px; }
435 #kiwi.theme_relaxed
.server_select label
{ float:left
; width:5em; padding-top:3px }
436 #kiwi.theme_relaxed
.server_select br
{ clear:both
; }
437 #kiwi.theme_relaxed
.server_select
.basic input
, .server_select
.basic button
{ font-size:1em; padding:0.5em 1em; }
438 #kiwi.theme_relaxed
.server_select
.basic input
{ width:170px; }
439 #kiwi.theme_relaxed
.server_select
.basic label
{ font-size:1.3em; margin-top:4px; }
440 #kiwi.theme_relaxed
.server_select
.basic
{ border-bottom: 1px dashed gray
; margin-bottom:1em; }
441 #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; }
442 #kiwi.theme_relaxed
.server_select
.single_server
.basic
{ border:none
; }
443 #kiwi.theme_relaxed
.server_select
.status
{ text-align: center
; font-weight: bold
; padding:1em; }
444 #kiwi.theme_relaxed
.server_select
.status
.ok
{ }
445 #kiwi.theme_relaxed
.server_select
.status
.error
{
446 border:1px solid
#A33F3F; background-color:#D28A8A;
447 padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em;
451 #kiwi.theme_relaxed
.server_select
.kiwi_logo
{ text-align: center
; display:block
; }
452 #kiwi.theme_relaxed
.server_select
.kiwi_logo h1
{
454 line-height:48px; vertical-align: middle
;
457 #kiwi.theme_relaxed
.server_select
.kiwi_logo img
{ }
464 #kiwi.theme_cli
{ background:#222222; color:#6d6d6d; }
465 #kiwi.theme_cli #controlbox
{ background:#111111; border-top:1px solid
#444444; color:#909090; font-size:1.3em; line-height:2em; }
466 #kiwi.theme_cli #controlbox
.input_wrap:before
{ content:"> " }
467 #kiwi.theme_cli #controlbox
.input
{ background:none
; border:none
; border-radius: none
; }
468 #kiwi.theme_cli #controlbox
.input
.nick
{ line-height:1.7em; padding:0; }
469 #kiwi.theme_cli #controlbox
.input
.inp
{ background:transparent
; color:#909090; font-size:1.3em; width:92%; display:inline
; }
470 /* #kiwi.theme_cli #controlbox .input .inp:before { content:">"; } */
472 #kiwi.theme_cli #topic
{ background:#111111; border-bottom:1px solid
#444444; border-top:1px solid
#444444; }
473 #kiwi.theme_cli #topic div
{ background:transparent
; color:#6d6d6d; border:none
; outline:none
; height:1.5em; }
475 #kiwi.theme_cli #memberlists
{ background:#222222; }
476 #kiwi.theme_cli #memberlists ul li a
.nick
{ color:#6d6d6d; }
478 #kiwi.theme_cli
.messages
.msg
> div
{ color:#6d6d6d; font-family: Inconsolata
, Consolas
, 'courier new', monospace
; }
479 #kiwi.theme_cli
.messages
.msg
{ border: none
; }
480 #kiwi.theme_cli
.messages
.msg
.time
{ width:6em; }
481 #kiwi.theme_cli
.messages
.msg
.nick
{ }
482 #kiwi.theme_cli
.messages
.msg
.text
{ white-space:pre-wrap
; word-wrap:break-word
; }
484 #kiwi.theme_cli
.messages
.msg
.action
.nick
{ display:none
; }
485 #kiwi.theme_cli
.messages
.msg
.action
.text
{ margin-left:9em; color:#009900; border-left:none
; font-style:italic
; }
486 #kiwi.theme_cli
.messages
.msg
.action
.join
{ color:#009900; }
487 #kiwi.theme_cli
.messages
.msg
.action
.part
.text
{ color:#900; }
488 #kiwi.theme_cli
.messages
.msg
.action
.quit
.text
{ color:#900; }
489 #kiwi.theme_cli
.messages
.msg
.action
.kick
.text
{ color:#900; }
490 #kiwi.theme_cli
.messages
.msg
.status
.nick
{ display:none
; }
491 #kiwi.theme_cli
.messages
.msg
.status
.text
{ color:#990000; margin-left:9em; border-left:none
; font-weight:bold
; }
492 #kiwi.theme_cli
.messages
.msg
.topic
.nick
{ display:none
; }
493 #kiwi.theme_cli
.messages
.msg
.topic
.text
{ color:#009900; margin-left:9em; font-style: italic
; border-left:none
; }
494 /*#kiwi.theme_cli .messages .msg.motd .nick { display:none; }*/
495 #kiwi.theme_cli
.messages
.msg
.motd
{ border:none
; }
496 #kiwi.theme_cli
.messages
.msg
.motd
.text
{ color:#666; }
497 #kiwi.theme_cli
.messages
.msg
.whois
.nick
{ font-weight:normal
; }
498 #kiwi.theme_cli
.messages
.msg
.whois
.text
{ margin-left:18em; padding-left:1em; border-left:1px dashed
#999; }
499 #kiwi.theme_cli
.messages
.msg
.error
.text
{
500 border:1px solid
#A33F3F; background-color:#D28A8A;
501 padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em;
504 #kiwi.theme_cli
.messages
.msg
.global_nick_highlight
{ background:#111111; }