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
; }
15 #kiwi .format_span a
{ color: inherit
; background-color: inherit
; text-decoration: inherit
; font-style: inherit
; font-weight: inherit
;}
21 #kiwi .toolbar
{ position:absolute
; top:0px; width:100%; display:none
; }
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
; }
24 #kiwi .controlbox
{ position: absolute
; bottom:0px; width:100%; display:none
; }
25 #kiwi .memberlists_resize_handle
{
26 position: absolute
; width:10px; z-index:1; cursor:w-resize
;
30 #kiwi .toolbar
.tabs
{ margin-right: 200px; }
31 #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
{ 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
; }
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:""; }
58 #kiwi .status_message
{
60 border-bottom: 1px solid
;
65 #kiwi .panel_container
{ overflow-y:auto
; height:100%; }
68 border:none
; display: none
;
72 #kiwi .messages
.active
{ display:block
; }
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
; }
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
{ }
96 #kiwi .messages
.msg
.global_nick_highlight
{ }
97 #kiwi .messages
.msg
.highlight
{ }
99 #kiwi .messages
.msg
.media
.media_content
{ white-space: normal
; }
102 /* A member/nick list per channel */
103 #kiwi .memberlists
{ border-left: 1px solid
#8A8A8A; }
104 #kiwi .memberlists
.disabled
{ display:none
; }
105 #kiwi .memberlists ul
{ display:none
; }
107 /* The active channels nicklist */
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
{ }
112 /* The userbox shown when clicking a nick */
113 #kiwi .userbox
{ position:relative
; }
115 #kiwi .userbox a i
{ }
122 #kiwi .controlbox
.input
{
123 height:1.7em; position:relative
;
127 #kiwi .controlbox
.input
.nick
{ cursor: pointer
; }
128 #kiwi .controlbox
.input
.nick a
{ }
130 /* Wrapper div around the text area input */
131 #kiwi .controlbox
.input
.input_wrap
{ display:inline
; }
133 /* The textarea input */
134 #kiwi .controlbox
.input
.inp
{ white-space: nowrap
; }
137 /* Nick change dialog showed when clicking the nick label */
138 #kiwi .controlbox
.nickchange
{
142 #kiwi .controlbox
.nickchange input
{ }
143 #kiwi .controlbox
.nickchange button
{ }
146 #kiwi .controlbox
.input_tools
{ float:right
; }
147 #kiwi .controlbox
.input_tools
.tool
{ margin:0 1em; display:inline
; }
154 #kiwi .toolbar
.topic
{ position:relative
; height:2em; }
155 #kiwi .toolbar
.topic div
{
157 top:0; bottom:0; left:0; right:0;
166 * Server selection dialog
168 #kiwi .server_select
{ position:relative
; width:320px; margin:0 auto
; overflow:hidden
; }
169 #kiwi .server_select
.initial
{ margin-top: 3em; }
170 #kiwi .server_select
.more
{ display: none
; }
171 #kiwi .server_select button
{ }
172 #kiwi .server_select input
{ }
173 #kiwi .server_select label
{ }
174 #kiwi .server_select br
{ clear:both
; }
175 #kiwi .server_select
.basic input
{ }
176 #kiwi .server_select
.basic label
{ }
177 #kiwi .server_select
.basic
{ border-bottom: 1px solid gray
; margin-bottom:1em; }
178 #kiwi .server_select
.basic
.show_more
{ }
179 #kiwi .server_select
.basic tr
.pass
{ display:none
; }
180 #kiwi .server_select
.basic tr
.key
{ display:none
; }
181 #kiwi .server_select
.single_server
.basic
{ border:none
; }
182 #kiwi .server_select
.status
{ }
184 /* Channel key icon */
185 #kiwi .server_select
.basic tr
.channel td
{ position: relative
; }
186 #kiwi .server_select
.basic tr
.channel
.icon-key
{
193 #kiwi .server_select
.basic tr
.have_key
{ display:none
; }
195 /* When connected to an IRC server, .ok is set on the status div */
196 #kiwi .server_select
.status
.ok
{ }
198 /* IRC server connection error, .error is set on the status div */
199 #kiwi .server_select
.status
.error
{ }
203 /* Logo and title in the server selection dialog */
204 #kiwi .server_select
.kiwi_logo
{ text-align: center
; display:block
; }
205 #kiwi .server_select
.kiwi_logo h1
{ }
206 #kiwi .server_select
.kiwi_logo img
{ }
210 /* Icons in the top right corner */
211 #kiwi .toolbar
.app_tools
{ float:right
; }
212 #kiwi .toolbar
.app_tools ul li
{
213 display:inline
; cursor:pointer
;
215 #kiwi .toolbar
.app_tools img
{ height:25px; width:25px; margin: 6px 0.7em 0 0; }
219 /* Settings applet */
221 /* Some of these styles will move to global styling later */
222 #kiwi .settings_container
{
226 #kiwi .settings_container
.thumbnails:before
{
230 #kiwi .settings_container
.thumbnails:after
{
236 #kiwi .settings_container
.thumbnails
{
237 list-style-type: none
;
242 #kiwi .settings_container
.thumbnails
> li
{
243 display: inline-block
;
246 #kiwi .settings_container h1
{
252 #kiwi .settings_container h2
{
258 #kiwi .settings_container h3
{
264 #kiwi .settings_container h4
{
270 #kiwi .settings_container h5
{
276 #kiwi .settings_container h6
{
282 #kiwi .settings_container label
{
286 #kiwi .settings_container input
,
287 #kiwi .settings_container select
,
288 #kiwi .settings_container textarea
{
292 #kiwi .settings_container input
[size
],
293 #kiwi .settings_container select
[size
],
294 #kiwi .settings_container textarea
[size
] {
298 #kiwi .settings_container input
[type
="file"],
299 #kiwi .settings_container input
[type
="image"],
300 #kiwi .settings_container input
[type
="submit"],
301 #kiwi .settings_container input
[type
="reset"],
302 #kiwi .settings_container input
[type
="button"] {
306 #kiwi .settings_container input
[type
="radio"] {
312 #kiwi .settings_container input
[type
="checkbox"] {
318 #kiwi .settings_container
.radio
,
319 #kiwi .settings_container
.checkbox
{
324 #kiwi .settings_container
.radio:last-child
,
325 #kiwi .settings_container
.checkbox:last-child
{
329 #kiwi .settings_container
.radio input
[type
="radio"],
330 #kiwi .settings_container
.checkbox input
[type
="checkbox"] {
335 #kiwi .settings_container
.radio
+.radio
,
336 #kiwi .settings_container
.checkbox
+.checkbox
{
340 #kiwi .settings_container
.thumbnail
{
346 #kiwi .settings_container
.thumbnail
> .thumbnail_wrapper
{
351 #kiwi .settings_container
.thumbnail
> img
{
355 #kiwi .settings_container
.thumbnail
.active
> .thumbnail_wrapper
{
356 background-color: #a6c42c;
357 background-image: -webkit-gradient
(linear
, left top
, left bottom
, color-stop
(0%, #a6c42c), color-stop
(100%, #76bd2b));
358 background-image: -webkit-linear-gradient
(#a6c42c, #76bd2b);
359 background-image: linear-gradient
(#a6c42c, #76bd2b);
362 #kiwi .settings_container section
{
363 padding-bottom: 20px;
366 #kiwi .settings_container
.theme_color
{
372 #kiwi .settings_container
.control-group
{
373 margin: 0 0 20px 20px;
376 #kiwi .settings_container
.control-group:last-child
{
380 #kiwi .settings_container section
.language select
{ width:300px; }
382 @media screen and
(max-width: 768px) {
383 #kiwi .settings_container
{
395 * Reusable componants
398 #kiwi .divider-verticle
{
399 border-left: 1px solid
#CFCFCF;
400 border-right: 1px solid
#FFFFFF;
402 top:25px; bottom:25px;
407 #kiwi .divider-horizontal
{
408 border-top: 1px solid
#CFCFCF;
409 border-bottom: 1px solid
#FFFFFF;
411 left:25px; right:25px;
419 background:url
(../img/loader.gif) no-repeat
;
420 width:43px; height:11px;
421 display:inline-block
;
431 top: 100px; left: 100px;
433 border: 1px solid
#bbb;
434 background-clip: padding-box
;
436 #kiwi .ui_menu
.ui_menu_title
{
437 padding: 5px 10px 5px 10px; font-weight: bold
; overflow:hidden
; background:#ddd;
439 #kiwi .ui_menu
.ui_menu_content
{ padding: 5px 10px 5px 10px; border-top:1px solid
#e9e9e9; overflow:hidden
; position:relative
; }
440 #kiwi .ui_menu
.ui_menu_content
> a
{ display: block
; }
441 #kiwi .ui_menu
.ui_menu_content
> a
[class^
="icon-"]:before
,
442 #kiwi .ui_menu
.ui_menu_content
> a
[class
*=" icon-"]:before
{ margin-right: 5px; color:#666; }
443 #kiwi .ui_menu
.ui_menu_foot
{
444 padding: 5px; border-top:1px solid
#e9e9e9; background:#ddd; overflow:hidden
;
446 #kiwi .ui_menu
.ui_menu_foot
.close
{ }
458 #kiwi.theme_relaxed
{
459 background: url
(../img
/background-light
.png
) left top repeat-x
#E3E3E3;
463 #kiwi.theme_relaxed input
,
464 #kiwi.theme_relaxed button
,
465 #kiwi.theme_relaxed textarea
{
466 font-family:Arial
, Helvetica
, sans-serif
;
467 font-size:14px; line-height:1.4em;
469 #kiwi.theme_relaxed button
, #kiwi
.theme_relaxed input
{ padding: 3px 7px; }
470 #kiwi.theme_relaxed input
, #kiwi
.theme_relaxed textarea
{
471 box-shadow: inset
0 1px 2px rgba
(0, 0, 0, 0.5),0 1px 0px rgba
(255, 255, 255, 0.3);
475 #kiwi.theme_relaxed
.toolbar
{
476 background-color:#1B1B1B; font-size:0.9em;
478 #kiwi.theme_relaxed
.controlbox
{ background-color:#1B1B1B; }
479 #kiwi.theme_relaxed
.memberlists_resize_handle
{
480 /*background:url('../img/resize_handle.png') no-repeat; background-position:center;*/
482 #kiwi.theme_relaxed
.toolbar
.panellist li
{
484 vertical-align: middle
;
486 -moz-border-radius:5px;
487 -webkit-border-radius:5px;
488 -khtml-border-radius:5px;
490 behavior: url
(border-radius
.htc
);
492 background-image: -webkit-gradient
(
496 color-stop
(0.38, rgb
(238,238,238)),
497 color-stop
(0.68, rgb
(209,209,209))
499 background-image: -moz-linear-gradient
(
501 rgb
(238,238,238) 38%,
505 border: 1px solid
#333;
506 background-color: #eee;
509 #kiwi.theme_relaxed
.toolbar
.panellist
.alert_highlight
{ /*background: #990000;*/ }
510 #kiwi.theme_relaxed
.toolbar
.panellist
.alert_activity
{ font-weight:normal
; }
511 #kiwi.theme_relaxed
.toolbar
.panellist
.alert_action
{ font-weight:normal
; }
513 #kiwi.theme_relaxed
.toolbar
.panellist
.active
{ padding-right:23px; border-top:2px solid
#df6b26; border-bottom:none
; }
514 #kiwi.theme_relaxed
.toolbar
.panellist li
.part:before
{ content:"\f00d"; }
516 #kiwi.theme_relaxed
.toolbar
.panellist li
.server span
{ padding-left: 5px; }
517 #kiwi.theme_relaxed
.connected
.toolbar
.panellist li
.server:before
{ content: "\f0ec"; color:#3F9532; }
518 #kiwi.theme_relaxed
.toolbar
.panellist li
.server:before
{ content: "\f06a"; color:#900; font-size:1.5em; line-height:1em; vertical-align:middle
; }
520 /* Tab texts are within a span */
521 #kiwi.theme_relaxed
.toolbar
.panellist li span
{ line-height:20px; vertical-align:middle
; display:inline-block
; }
523 #kiwi.theme_relaxed
.toolbar
.panellist li
.active
.activity
{ display:none
; }
524 #kiwi.theme_relaxed
.toolbar
.panellist li
.activity
.zero
{ visibility:hidden
; }
525 #kiwi.theme_relaxed
.toolbar
.panellist li
.activity
{
526 padding: 1px 3px; margin-left:1em;
528 background: #3F9532; color:#000; /*color: #ff5300;*/
529 text-align: center
; font-size: 10px;
530 display:inline-block
;
533 #kiwi.theme_relaxed
.toolbar
.panellist li
.alert_highlight
.activity
{
534 color: #fff; background: #a60400;
537 #kiwi.theme_relaxed
.status_message
{
538 background: #FEEFB3; color: #9F6000;
539 border-bottom: 1px solid
;
541 text-align: center
; font-size:1.1em;
543 #kiwi.theme_relaxed
.status_message
.err
{ color:#D8000C; background:#FFBABA; }
545 #kiwi.theme_relaxed
.messages
{ color: #333333; }
546 #kiwi.theme_relaxed
.messages
.active
{ }
547 #kiwi.theme_relaxed
.messages a
{ text-decoration:none
; }
549 #kiwi.theme_relaxed
.messages
.msg
{ border-bottom: 1px solid
#DEDEDE; padding: 1px; font-family:arial
; font-size:0.9em; }
550 #kiwi.theme_relaxed
.messages
.msg
.time
{ width:5em; float:left
; color:#777; padding:5px; display:none
; }
551 #kiwi.theme_relaxed
.messages
.msg
.nick
{ width:11em; float:left
; font-size:12px; font-family:Arial
; text-align:right
; padding: 5px; overflow:hidden
; }
552 #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; }
554 #kiwi.theme_relaxed
.narrow
.messages
.msg
.nick
{ width: auto
; }
555 #kiwi.theme_relaxed
.narrow
.messages
.msg
.text
{ margin-left: 1em; border:none
; }
557 #kiwi.theme_relaxed
.messages
.msg
.action
.nick
{ }
558 #kiwi.theme_relaxed
.messages
.msg
.action
.text
{ color:#009900; border-left:none
; font-style:italic
; }
559 #kiwi.theme_relaxed
.messages
.msg
.action
.join
{ color:#009900; }
560 #kiwi.theme_relaxed
.messages
.msg
.action
.part
.text
{ color:#900; }
561 #kiwi.theme_relaxed
.messages
.msg
.action
.quit
.text
{ color:#900; }
562 #kiwi.theme_relaxed
.messages
.msg
.action
.kick
.text
{ color:#900; }
563 #kiwi.theme_relaxed
.messages
.msg
.status
.nick
{ }
564 #kiwi.theme_relaxed
.messages
.msg
.status
.text
{ color:#990000; margin-left:9em; border-left:none
; font-weight:bold
; }
565 #kiwi.theme_relaxed
.messages
.msg
.topic
.nick
{ display:none
; }
566 #kiwi.theme_relaxed
.messages
.msg
.topic
.text
{ color:#009900; margin-left:9em; font-style: italic
; border-left:none
; }
567 #kiwi.theme_relaxed
.messages
.msg
.motd
{ border:none
; }
568 /*#kiwi.theme_relaxed .messages .msg.motd .nick { display:none; }*/
569 #kiwi.theme_relaxed
.messages
.msg
.motd
.text
{ color:#666; font-family:monospace
; }
570 #kiwi.theme_relaxed
.messages
.msg
.whois
.nick
{ font-weight:normal
; }
571 #kiwi.theme_relaxed
.messages
.msg
.whois
.text
{ margin-left:18em; padding-left:1em; border-left:1px dashed
#999; }
572 #kiwi.theme_relaxed
.messages
.msg
.error
.text
{
573 border:1px solid
#A33F3F; background-color:#D28A8A;
574 padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em;
577 #kiwi.theme_relaxed
.timestamps
.messages
.msg
.time
{ display:block
; }
578 #kiwi.theme_relaxed
.timestamps
.messages
.msg
.text
{ margin-left:17em; }
580 #kiwi.theme_relaxed
.messages
.msg
.global_nick_highlight
,
581 #kiwi.theme_relaxed
.messages
.msg
.highlight
{ background:#D9D9D9; }
582 #kiwi.theme_relaxed
.messages
.msg
.repeated_nick
.nick
{ visibility:hidden
; }
584 /* Narrow styling (window width < 400px) */
585 #kiwi.theme_relaxed
.narrow
.messages
.msg
.nick
{ width: auto
; }
586 #kiwi.theme_relaxed
.narrow
.messages
.msg
.text
{ margin-left: 1em; border:none
; }
587 #kiwi.theme_relaxed
.narrow
.messages
.msg
.action
.text
{ margin-left: 1em; }
590 #kiwi.theme_relaxed
.messages
.msg
.media
{ margin-left:0.5em; }
591 #kiwi.theme_relaxed
.messages
.msg
.media
.media_close
{ font-size:0.9em; }
592 #kiwi.theme_relaxed
.messages
.msg
.media
.media_content
{ margin:10px 0 0 10px; overflow:hidden
; }
593 #kiwi.theme_relaxed
.messages
.msg
.media
.media_content img
{ padding:3px; border:1px solid gray
; }
594 #kiwi.theme_relaxed
.messages
.msg
.media
.media_content
> .content
{
598 border: #DDD 1px solid
;
599 border-top-color: #EEE;
600 border-bottom-color: #BBB;
601 -webkit-box-shadow: 0 1px 3px rgba
(0, 0, 0, 0.15);
602 -moz-box-shadow: 0 1px 3px rgba
(0,0,0,0.15);
603 box-shadow: 0 1px 3px rgba
(0, 0, 0, 0.15);
608 #kiwi.theme_relaxed
.messages
.msg
.media
.twitter
.media_content
> .content
{
609 background: transparent
;
615 #kiwi.theme_relaxed
.messages
.msg
.media
.reddit
.thumbnail_nsfw
{
616 display: inline-block
;
619 #kiwi.theme_relaxed
.messages
.msg
.media
.reddit
.thumbnail
{ float:left
; margin-right: 0.5em; }
622 #kiwi.theme_relaxed
.memberlists
{
623 background-color: #DADADA;
624 border-left: 1px solid
#8A8A8A;
626 #kiwi.theme_relaxed
.narrow
.memberlists
{ display:none
; }
627 #kiwi.theme_relaxed
.memberlists ul
{ list-style: none
; }
628 #kiwi.theme_relaxed
.memberlists ul
.active
{ }
629 #kiwi.theme_relaxed
.memberlists ul li
{ padding: 0.2em 1em; }
630 #kiwi.theme_relaxed
.memberlists ul
li:hover
{
631 border-left: 5px solid
#88C56A;
632 -webkit-transition: 0.2s ease
;
633 -moz-transition: 0.2s ease
;
634 -ms-transition: 0.2s ease
;
635 -o-transition: 0.2s ease
;
636 transition: 0.2s ease
;
638 #kiwi.theme_relaxed
.memberlists ul li a
.nick
{ display:block
; color:black
; }
640 #kiwi.theme_relaxed
.userbox
{ margin:4px 1em 5px 1em; padding-bottom:0.7em; font-size:.9em; }
641 #kiwi.theme_relaxed
.userbox a
{ display:block
; text-decoration:none
; margin-bottom:2px; }
642 #kiwi.theme_relaxed
.userbox a i
{ font-size:1.1em; margin-right:5px; }
644 /* User mode styles */
645 #kiwi.theme_relaxed
.memberlists ul li
.prefix
{
647 width:20px; height:20px;
650 font-size:12px; text-align: center
;
652 /* text-indent: -1000px; */
654 /* Most important modes towards the bottom - they override the top ones! */
655 #kiwi.theme_relaxed
.memberlists ul li
.mode
.v
.prefix
{ display:inline-block
; background:#b3b3b3; }
656 #kiwi.theme_relaxed
.memberlists ul li
.mode
.h
.prefix
{ display:inline-block
; background:#b5b447; }
657 #kiwi.theme_relaxed
.memberlists ul li
.mode
.o
.prefix
{ display:inline-block
; background:#47b547; }
658 #kiwi.theme_relaxed
.memberlists ul li
.mode
.a
.prefix
{ display:inline-block
; background:#b54747; }
659 #kiwi.theme_relaxed
.memberlists ul li
.mode
.q
.prefix
{ display:inline-block
; background:#8547b5; }
661 #kiwi.theme_relaxed
.controlbox
.input
{
662 background:#fff; margin:3px;
665 -moz-border-radius:5px;
666 -webkit-border-radius:5px;
667 -khtml-border-radius:5px;
669 #kiwi.theme_relaxed
.controlbox
.input
.nick a
{ text-decoration:none
; color:black
; }
670 #kiwi.theme_relaxed
.controlbox
.input
.nick
{
676 background-color: #eee;
677 border-radius: 3px 0 0 3px;
678 border-right: 1px solid
#ccc;
680 padding-right: 0.5em;
683 #kiwi.theme_relaxed
.narrow
.controlbox
.input
.nick
{ display:none
; }
684 #kiwi.theme_relaxed
.narrow
.controlbox
.input
.input_wrap
{ left:7px; }
686 #kiwi.theme_relaxed
.controlbox
.input
.input_wrap
{
688 right:7px; left: 12.2em;
691 #kiwi.theme_relaxed
.controlbox
.input
.inp
{
696 outline:none
; resize:none
;
699 height:100%; width:100%;
704 #kiwi.theme_relaxed
.controlbox
.nickchange
{
705 padding:10px; left: 0px;
706 background: #1B1B1B; color:#eeeeee;
708 #kiwi.theme_relaxed
.controlbox
.nickchange input
{ padding:0.3em 0.5em; }
709 #kiwi.theme_relaxed
.controlbox
.nickchange button
{ padding:0.5em; }
713 #kiwi.theme_relaxed
.toolbar
.topic
{ background-color:#1B1B1B; padding-bottom:2px; }
714 #kiwi.theme_relaxed
.toolbar
.topic div
{
719 background-color:#FFF;
725 #kiwi.theme_relaxed
.toolbar
.topic:hover div
{
727 white-space:pre-wrap
; word-wrap:break-word
;
729 background-color:#FFF;
731 height:auto
; bottom:auto
;
732 border-bottom: 2px solid
#1B1B1B;
736 #kiwi.theme_relaxed
.toolbar
.app_tools
{ width:200px; padding-left:10px; color:#D4D4D4; }
737 #kiwi.theme_relaxed
.narrow
.toolbar
.tabs
{ margin-right:0; }
738 #kiwi.theme_relaxed
.narrow
.toolbar
.app_tools
{ width:auto
; }
739 #kiwi.theme_relaxed
.toolbar
.app_tools ul li
{
741 -webkit-transition: all
.3s ease
;
742 -moz-transition: all
.3s ease
;
743 transition: all
.3s ease
;
746 #kiwi.theme_relaxed
.toolbar
.app_tools ul
li:hover
{ color:#88C56A; }
747 #kiwi.theme_relaxed
.toolbar
.app_tools img
{ }
750 /* The server select dialog */
751 #kiwi.theme_relaxed
.server_select
{ margin-left:auto
; margin-right:auto
; }
752 #kiwi.theme_relaxed
.server_select
.more
{ display: none
; width:270px; margin:0 auto
; }
753 #kiwi.theme_relaxed
.server_select table tr td
{ padding:5px; }
754 #kiwi.theme_relaxed
.server_select button
{ float:right
; padding:3px 7px; }
755 #kiwi.theme_relaxed
.server_select input
{ padding:3px 7px; width:150px; }
756 #kiwi.theme_relaxed
.server_select label
{ }
757 #kiwi.theme_relaxed
.server_select br
{ clear:both
; }
758 #kiwi.theme_relaxed
.server_select
.basic input
, .server_select
.basic button
{ font-size:1em; padding:0.5em 1em; }
759 #kiwi.theme_relaxed
.server_select
.basic input
{ width:170px; }
760 #kiwi.theme_relaxed
.server_select
.basic label
{ font-size:1.3em; margin-top:4px; }
761 #kiwi.theme_relaxed
.server_select
.basic tr
.have_pass
{ font-size:0.8em; }
762 #kiwi.theme_relaxed
.server_select
.basic tr
.have_key
{ font-size:0.8em; }
763 #kiwi.theme_relaxed
.server_select
.basic tr
.channel td
{ padding-top:1em; }
764 #kiwi.theme_relaxed
.server_select
.basic
{ border-bottom: 1px dashed gray
; margin-bottom:1em; }
765 #kiwi.theme_relaxed
.server_select
.basic
.show_more
{ display: block
; width:110px; margin:10px 0 0 0; font-size:0.8em; }
766 #kiwi.theme_relaxed
.server_select
.single_server
.basic
{ border:none
; }
767 #kiwi.theme_relaxed
.server_select
.status
{ text-align: center
; font-weight: bold
; padding:1em; }
768 #kiwi.theme_relaxed
.server_select
.status
.ok
{ }
769 #kiwi.theme_relaxed
.server_select
.status
.error
{
770 border:1px solid
#A33F3F; background-color:#D28A8A;
771 padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em;
775 #kiwi.theme_relaxed
.server_select
.kiwi_logo
{ margin-top:30px; }
776 #kiwi.theme_relaxed
.server_select
.kiwi_logo h1 span
{
778 line-height:24px; vertical-align: middle
;
781 #kiwi.theme_relaxed
.server_select
.kiwi_logo img
{ display:inline
; width:24px; }
784 #kiwi.theme_relaxed
.chanlist_treeview
.panels
{ left:160px; }
785 #kiwi.theme_relaxed
.chanlist_treeview
.toolbar
{ position:static
; }
786 #kiwi.theme_relaxed
.chanlist_treeview
.toolbar
.app_tools
{ float:none
; }
787 #kiwi.theme_relaxed
.chanlist_treeview
.toolbar
> div
{ margin-left:160px; }
788 #kiwi.theme_relaxed
.chanlist_treeview
.toolbar
.tabs
{ position:absolute
; left:0px; bottom:0px; top:0px; margin:0; width:160px; background:#1B1B1B; overflow-y:auto
; }
789 #kiwi.theme_relaxed
.chanlist_treeview
.tabs ul li
{ display:block
; float:none
; }
790 #kiwi.theme_relaxed
.chanlist_treeview
.tabs ul li
.activity
{ position:absolute
; right:5px; }
791 #kiwi.theme_relaxed
.chanlist_treeview
.tabs ul li
.active
{
793 border-right-width:0;
794 border-bottom-right-radius:0;
795 border-top-right-radius:0;
799 #kiwi.theme_relaxed
.applet
> div
.settings button
.save
{
801 border:1px solid gray
; border-radius:3px;
803 #kiwi.theme_relaxed
.applet
> div
.settings tr
{
804 border-bottom: 1px dashed black
;
807 #kiwi.theme_relaxed
.applet
> div
.settings td
.label
{
810 #kiwi.theme_relaxed
.applet
> div
.settings tr
.save
{
815 #kiwi.theme_relaxed
.ui_menu
{
818 box-shadow: 0 3px 8px rgba
(0, 0, 0, .25);
820 #kiwi.theme_relaxed
.ui_menu
.ui_menu_title
{
821 border-top-left-radius: 3px;
822 border-top-right-radius: 3px;
824 #kiwi.theme_relaxed
.ui_menu
.ui_menu_content
{ }
825 #kiwi.theme_relaxed
.ui_menu
.ui_menu_content
.hover:hover
{ background:#f7f7f7; }
826 #kiwi.theme_relaxed
.ui_menu
.ui_menu_foot
{
827 border-bottom-left-radius: 3px;
828 border-bottom-right-radius: 3px;
830 #kiwi.theme_relaxed
.ui_menu
.ui_menu_foot
.close
{ float:right
; font-size:0.9em; margin-right:1em; color: #999; }
831 #kiwi.theme_relaxed
.ui_menu
.ui_menu_foot
.close:hover
{ color: #222; }
845 #kiwi.theme_mini input
,
846 #kiwi.theme_mini button
,
847 #kiwi.theme_mini textarea
{
848 font-family:Arial
, Helvetica
, sans-serif
;
849 font-size:14px; line-height:1.4em;
851 #kiwi.theme_mini button
, #kiwi
.theme_mini input
{ padding: 3px 7px; }
852 #kiwi.theme_mini input
, #kiwi
.theme_mini textarea
{
853 box-shadow: inset
0 1px 2px rgba
(0, 0, 0, 0.5),0 1px 0px rgba
(255, 255, 255, 0.3);
857 #kiwi.theme_mini
.toolbar
{
858 background-color:#1B1B1B; font-size:0.9em;
860 #kiwi.theme_mini
.controlbox
{ background-color:#1B1B1B; }
861 #kiwi.theme_mini
.memberlists_resize_handle
{
862 display:none
; width:0;
864 #kiwi.theme_mini
.toolbar
.panellist li
{
866 vertical-align: middle
;
869 -moz-border-radius:5px;
870 -webkit-border-radius:5px;
871 -khtml-border-radius:5px;
873 border: 1px solid
#333;
874 background-color: #eee;
877 #kiwi.theme_mini
.toolbar
.tabs
{ margin-right:0 !important
; }
878 #kiwi.theme_mini
.toolbar
.panellist
.alert_highlight
{ font-weight:bold
; }
879 #kiwi.theme_mini
.toolbar
.panellist
.alert_activity
{ font-weight:normal
; }
880 #kiwi.theme_mini
.toolbar
.panellist
.alert_action
{ font-weight:normal
; }
882 #kiwi.theme_mini
.toolbar
.panellist
.active
{ padding-right:23px; border-top:2px solid
#df6b26; border-bottom:none
; }
883 #kiwi.theme_mini
.toolbar
.panellist li
.part:before
{ content:"\f00d"; }
885 #kiwi.theme_mini
.toolbar
.panellist li
.server span
{ padding-left:5px; }
886 #kiwi.theme_mini
.connected
.toolbar
.panellist li
.server:before
{ content: "\f0ec"; color:#3F9532; }
887 #kiwi.theme_mini
.toolbar
.panellist li
.server:before
{ content: "\f06a"; color:#900; }
889 /* Tab texts are within a span */
890 #kiwi.theme_mini
.toolbar
.panellist li span
{ line-height:20px; vertical-align:middle
; display:inline-block
; }
892 #kiwi.theme_mini
.toolbar
.panellist li
.activity
{ display:inline
; margin-left:0.5em; font-style:italic
; font-size:0.8em; }
893 #kiwi.theme_mini
.toolbar
.panellist li
.activity:before
{ content:"("; }
894 #kiwi.theme_mini
.toolbar
.panellist li
.activity:after
{ content:")"; }
896 #kiwi.theme_mini
.status_message
{
897 background: #FEEFB3; color: #9F6000;
898 border-bottom: 1px solid
;
900 text-align: center
; font-size:1.1em;
902 #kiwi.theme_mini
.status_message
.err
{ color:#D8000C; background:#FFBABA; }
904 #kiwi.theme_mini
.messages
{ color: #333333; }
905 #kiwi.theme_mini
.messages
.active
{ }
906 #kiwi.theme_mini
.messages a
{ text-decoration:none
; }
908 #kiwi.theme_mini
.messages
.msg
{ border-bottom: 1px solid
#DEDEDE; padding: 5px; font-family:arial
; font-size:0.9em; }
909 #kiwi.theme_mini
.messages
.msg
.time
{ display:none
; }
910 #kiwi.theme_mini
.messages
.msg
.nick
{ display:block
; font-family:Arial
; text-transform:capitalize
; }
911 #kiwi.theme_mini
.messages
.msg
.text
{ display:block
; white-space:pre-wrap
; word-wrap:break-word
; font-family:arial
; }
913 #kiwi.theme_mini
.messages
.msg
.action
.nick
{ }
914 #kiwi.theme_mini
.messages
.msg
.action
.text
{ color:#009900; border-left:none
; font-style:italic
; }
915 #kiwi.theme_mini
.messages
.msg
.action
.join
{ color:#009900; }
916 #kiwi.theme_mini
.messages
.msg
.action
.part
.text
{ color:#900; }
917 #kiwi.theme_mini
.messages
.msg
.action
.quit
.text
{ color:#900; }
918 #kiwi.theme_mini
.messages
.msg
.action
.kick
.text
{ color:#900; }
919 #kiwi.theme_mini
.messages
.msg
.status
.nick
{ }
920 #kiwi.theme_mini
.messages
.msg
.status
.text
{ color:#990000; border-left:none
; font-weight:bold
; }
921 #kiwi.theme_mini
.messages
.msg
.topic
.nick
{ display:none
; }
922 #kiwi.theme_mini
.messages
.msg
.topic
.text
{ color:#009900; font-style: italic
; border-left:none
; }
923 #kiwi.theme_mini
.messages
.msg
.motd
{ border:none
; }
924 /*#kiwi.theme_mini .messages .msg.motd .nick { display:none; }*/
925 #kiwi.theme_mini
.messages
.msg
.motd
.text
{ color:#666; }
926 #kiwi.theme_mini
.messages
.msg
.whois
.nick
{ font-weight:normal
; }
927 #kiwi.theme_mini
.messages
.msg
.whois
.text
{ padding-left:1em; border-left:1px dashed
#999; }
928 #kiwi.theme_mini
.messages
.msg
.error
.text
{
929 border:1px solid
#A33F3F; background-color:#D28A8A;
930 padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em;
933 #kiwi.theme_mini
.messages
.msg
.global_nick_highlight
,
934 #kiwi.theme_mini
.messages
.msg
.highlight
{ background:#D9D9D9; }
938 #kiwi.theme_mini
.chanlist_treeview
.panels
{ left:160px; }
939 #kiwi.theme_mini
.chanlist_treeview
.toolbar
{ position:static
; }
940 #kiwi.theme_mini
.chanlist_treeview
.toolbar
.app_tools
{ float:none
; }
941 #kiwi.theme_mini
.chanlist_treeview
.toolbar
> div
{ }
942 #kiwi.theme_mini
.chanlist_treeview
.toolbar
.tabs
{ position:absolute
; left:0px; bottom:0px; top:0px; margin:0; width:160px; background:#1B1B1B; overflow-y:auto
; }
943 #kiwi.theme_mini
.chanlist_treeview
.tabs ul li
{ display:block
; float:none
; }
944 #kiwi.theme_mini
.chanlist_treeview
.tabs ul li
.activity
{ float:right
; }
945 #kiwi.theme_mini
.chanlist_treeview
.tabs ul li
.active
{ padding-left:1em; }
950 #kiwi.theme_mini
.memberlists
{
951 background-color: #DADADA;
952 border-left: 1px solid
#8A8A8A;
956 #kiwi.theme_mini
.memberlists ul
{ list-style: none
; }
957 #kiwi.theme_mini
.memberlists ul
.active
{ }
958 #kiwi.theme_mini
.memberlists ul li
{ padding: 0.2em 1em; }
959 #kiwi.theme_mini
.memberlists ul
li:hover
{
960 border-left: 5px solid
#88C56A;
961 -webkit-transition: 0.2s ease
;
962 -moz-transition: 0.2s ease
;
963 -ms-transition: 0.2s ease
;
964 -o-transition: 0.2s ease
;
965 transition: 0.2s ease
;
967 #kiwi.theme_mini
.memberlists ul li a
.nick
{ display:block
; color:black
; }
969 #kiwi.theme_mini
.userbox
{ margin:0 1em 5px 1em; padding-bottom:0.7em; font-size:.9em; }
970 #kiwi.theme_mini
.userbox a
{ display:block
; text-decoration:none
; margin-bottom:2px; }
971 #kiwi.theme_mini
.userbox a i
{ font-size:1.1em; margin-right:5px; }
974 #kiwi.theme_mini
.controlbox
.input
{
975 background:#fff; margin:3px;
978 #kiwi.theme_mini
.controlbox
.input
.nick
{ display:none
; }
979 #kiwi.theme_mini
.controlbox
.input
.nick a
{ text-decoration:none
; color:black
; }
980 #kiwi.theme_mini
.controlbox
.input
.input_wrap
{
985 #kiwi.theme_mini
.controlbox
.input
.inp
{
993 height:100%; width:100%;
998 #kiwi.theme_mini
.controlbox
.nickchange
{
999 padding:10px; left: 0px;
1000 background: #1B1B1B; color:#eeeeee;
1002 #kiwi.theme_mini
.controlbox
.nickchange input
{ padding:0.3em 0.5em; }
1003 #kiwi.theme_mini
.controlbox
.nickchange button
{ padding:0.5em; }
1007 #kiwi.theme_mini
.toolbar
.topic
{ display:none
; }
1008 #kiwi.theme_mini
.toolbar
.topic div
{
1009 top:2; bottom:2px; left:0; width:100%;
1014 background-color:#FFF;
1021 #kiwi.theme_mini
.toolbar
.app_tools
{ padding-left:10px; color:#D4D4D4; }
1022 #kiwi.theme_mini
.toolbar
.app_tools ul li
{
1024 -webkit-transition: all
.3s ease
;
1025 -moz-transition: all
.3s ease
;
1026 transition: all
.3s ease
;
1029 #kiwi.theme_mini
.toolbar
.app_tools ul
li:hover
{ color:#88C56A; }
1030 #kiwi.theme_mini
.toolbar
.app_tools img
{ }
1033 /* The server select dialog */
1034 #kiwi.theme_mini
.server_select
{ padding:3em 0 2em 0; margin: 0 auto
; width:100%; }
1035 #kiwi.theme_mini
.server_select
.more
{ display:none
; }
1036 #kiwi.theme_mini
.server_select button
{ display:block
; padding:3px 7px; margin:1em auto
; }
1037 #kiwi.theme_mini
.server_select input
.nick
{
1038 float:none
; display:block
; width:80%;
1039 padding:0.5em 1em; margin:0 auto
;
1042 #kiwi.theme_mini
.server_select label
{ display:none
; }
1043 #kiwi.theme_mini
.server_select br
{ clear:both
; }
1044 #kiwi.theme_mini
.server_select
.basic
{ border:none
; }
1045 #kiwi.theme_mini
.server_select
.basic table
{ width:100%; }
1046 #kiwi.theme_mini
.server_select
.basic table tr
.channel
,
1047 #kiwi.theme_mini
.server_select
.basic table tr
.pass
,
1048 #kiwi.theme_mini
.server_select
.basic table tr
.have_pass
{ display:none
; }
1049 #kiwi.theme_mini
.server_select
.basic table tr
.key
,
1050 #kiwi.theme_mini
.server_select
.basic table tr
.have_key
{ display:none
; }
1051 #kiwi.theme_mini
.server_select
.basic
.show_more
{ display:none
!important
; }
1052 #kiwi.theme_mini
.server_select
.single_server
.basic
{ border:none
; }
1053 #kiwi.theme_mini
.server_select
.status
{ text-align: center
; font-weight: bold
; padding:1em; }
1054 #kiwi.theme_mini
.server_select
.status
.ok
{ }
1055 #kiwi.theme_mini
.server_select
.status
.error
{
1056 border:1px solid
#A33F3F; background-color:#D28A8A;
1057 padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em;
1060 #kiwi.theme_mini
.server_select
.kiwi_logo h1 span
{
1062 line-height:24px; vertical-align: middle
;
1065 #kiwi.theme_mini
.server_select
.kiwi_logo img
{ display:inline
; width:24px; }
1067 #kiwi.theme_mini
.server_select
.side_panel
{ display: none
; }
1068 #kiwi.theme_mini
.server_select
.server_details
{
1069 position: relative
!important
;
1070 float: none
!important
;
1071 width: auto
!important
;
1072 padding: 0 !important
;
1073 margin: 2em 0 0 0 !important
;
1084 #kiwi.theme_cli
{ background:#222222; color:#6d6d6d; }
1086 #kiwi.theme_cli input
,
1087 #kiwi.theme_cli button
,
1088 #kiwi.theme_cli textarea
{
1089 font-family:Arial
, Helvetica
, sans-serif
;
1090 font-size:14px; line-height:1.4em;
1092 #kiwi.theme_cli button
, #kiwi
.theme_cli input
{ padding: 3px 7px; }
1094 #kiwi.theme_cli
.controlbox
{ background:#111111; border-top:1px solid
#444444; color:#909090; font-size:1.3em; line-height:2em; }
1095 #kiwi.theme_cli
.controlbox
.input_wrap:before
{ content:"> " }
1096 #kiwi.theme_cli
.controlbox
.input
{ background:none
; border:none
;}
1097 #kiwi.theme_cli
.controlbox
.input
.nick
{ line-height:1.7em; padding:0; text-align: right
; width:11em; left:0px; position:absolute
; overflow:hidden
; }
1098 #kiwi.theme_cli
.controlbox
.input
.input_wrap
{
1100 right:7px; left: 12.2em;
1103 #kiwi.theme_cli
.controlbox
.input
.inp
{
1106 background:transparent
; color:#909090;
1107 border: medium none
;
1110 outline:none
; resize:none
;
1114 height:99%; width:98%;
1119 #kiwi.theme_cli
.toolbar
.topic
{ background:#111111; height:2em; border-bottom:1px solid
#444444; border-top:1px solid
#444444; }
1120 #kiwi.theme_cli
.toolbar
.topic div
{
1121 width:100%; height: 1.5em;
1125 border:none
; outline:none
;
1127 white-space: nowrap
;
1129 #kiwi.theme_cli
.toolbar
.topic:hover div
{
1131 white-space:pre-wrap
; word-wrap:break-word
;
1133 background-color:#111111;
1135 height:auto
; bottom:auto
;
1136 border-bottom: 1px solid
#444444;
1139 #kiwi.theme_cli
.toolbar
.app_tools
{ width:200px; padding-left:10px; color:#D4D4D4; }
1140 #kiwi.theme_cli
.toolbar
.app_tools ul li
{
1142 -webkit-transition: all
.3s ease
;
1143 -moz-transition: all
.3s ease
;
1144 transition: all
.3s ease
;
1147 #kiwi.theme_cli
.toolbar
.app_tools ul
li:hover
{ color:#88C56A; }
1148 #kiwi.theme_cli
.toolbar
.app_tools img
{ }
1150 #kiwi.theme_cli
.toolbar
.panellist li
{
1152 vertical-align: middle
;
1154 border: 1px solid
#333;
1155 background-color: #111;
1158 #kiwi.theme_cli
.toolbar
.panellist
.alert_highlight
{ font-weight:bold
; }
1159 #kiwi.theme_cli
.toolbar
.panellist
.alert_activity
{ font-weight:normal
; }
1160 #kiwi.theme_cli
.toolbar
.panellist
.alert_action
{ font-weight:normal
; }
1162 #kiwi.theme_cli
.toolbar
.panellist
.active
{ padding-right:23px; border-top:2px solid
#df6b26; border-bottom:none
; }
1163 #kiwi.theme_cli
.toolbar
.panellist li
.part:before
{ content:"\f00d"; }
1165 #kiwi.theme_cli
.toolbar
.panellist li
.server span
{ padding-left:5px; }
1166 #kiwi.theme_cli
.connected
.toolbar
.panellist li
.server:before
{ content: "\f0ec"; color:#3F9532; }
1167 #kiwi.theme_cli
.toolbar
.panellist li
.server:before
{ content: "\f06a"; color:#900; }
1169 /* Tab texts are within a span */
1170 #kiwi.theme_cli
.toolbar
.panellist li span
{ line-height:20px; vertical-align:middle
; display:inline-block
; }
1172 #kiwi.theme_cli
.toolbar
.panellist li
.activity
{ display:inline
; margin-left:0.5em; font-style:italic
; font-size:0.8em; }
1173 #kiwi.theme_cli
.toolbar
.panellist li
.activity:before
{ content:"("; }
1174 #kiwi.theme_cli
.toolbar
.panellist li
.activity:after
{ content:")"; }
1175 #kiwi.theme_cli
.toolbar
.panellist li
.alert_highlight
.activity
{
1176 color: #fff; background: #a60400; padding:2px; border-radius:3px;
1180 #kiwi.theme_cli
.memberlists
{ background:#222222; }
1181 #kiwi.theme_cli
.memberlists ul li
{ padding: 0.2em 1em; }
1182 #kiwi.theme_cli
.memberlists ul li a
.nick
{ color:#6d6d6d; }
1183 #kiwi.theme_cli
.memberlists ul
li:hover
{
1184 border-left: 5px solid
#88C56A;
1185 -webkit-transition: 0.2s ease
;
1186 -moz-transition: 0.2s ease
;
1187 -ms-transition: 0.2s ease
;
1188 -o-transition: 0.2s ease
;
1189 transition: 0.2s ease
;
1192 #kiwi.theme_cli
.userbox
{ margin:0 1em 0 1em; padding-bottom:0.4em; font-size:.9em; }
1193 #kiwi.theme_cli
.userbox a
{ display:block
; text-decoration:none
; margin-bottom:2px; }
1194 #kiwi.theme_cli
.userbox a i
{ font-size:1.1em; margin-right:5px; }
1195 #kiwi.theme_cli
.userbox
.divider-horizontal
{ display:none
; }
1198 #kiwi.theme_cli
.messages
.msg
> div
{ color:#6d6d6d; font-family: Inconsolata
, Consolas
, 'courier new', monospace
; }
1199 #kiwi.theme_cli
.messages
.msg
{ border: none
; padding: 2px 5px; }
1200 #kiwi.theme_cli
.messages
.msg
.time
{ display:inline
; margin-right:1em; color:#777; }
1201 #kiwi.theme_cli
.messages
.msg
.nick
{ display:inline
; margin-right:1em; }
1202 #kiwi.theme_cli
.messages
.msg
.nick:before
{ content:"<"; }
1203 #kiwi.theme_cli
.messages
.msg
.nick:after
{ content:">"; }
1204 #kiwi.theme_cli
.messages
.msg
.text
{ white-space:pre-wrap
; word-wrap:break-word
; }
1206 #kiwi.theme_cli
.messages
.msg
.action
.nick
{ display:none
; }
1207 #kiwi.theme_cli
.messages
.msg
.action
.text
{ color:#009900; border-left:none
; font-style:italic
; }
1208 #kiwi.theme_cli
.messages
.msg
.action
.join
{ color:#009900; }
1209 #kiwi.theme_cli
.messages
.msg
.action
.part
.text
{ color:#900; }
1210 #kiwi.theme_cli
.messages
.msg
.action
.quit
.text
{ color:#900; }
1211 #kiwi.theme_cli
.messages
.msg
.action
.kick
.text
{ color:#900; }
1212 #kiwi.theme_cli
.messages
.msg
.status
.nick
{ display:none
; }
1213 #kiwi.theme_cli
.messages
.msg
.status
.text
{ color:#990000; border-left:none
; font-weight:bold
; }
1214 #kiwi.theme_cli
.messages
.msg
.topic
.nick
{ display:none
; }
1215 #kiwi.theme_cli
.messages
.msg
.topic
.text
{ color:#009900; font-style: italic
; border-left:none
; }
1216 /*#kiwi.theme_cli .messages .msg.motd .nick { display:none; }*/
1217 #kiwi.theme_cli
.messages
.msg
.motd
{ border:none
; }
1218 #kiwi.theme_cli
.messages
.msg
.motd
.text
{ color:#666; }
1219 #kiwi.theme_cli
.messages
.msg
.whois
.nick
{ font-weight:normal
; }
1220 #kiwi.theme_cli
.messages
.msg
.whois
.text
{ padding-left:1em; border-left:1px dashed
#999; }
1221 #kiwi.theme_cli
.messages
.msg
.error
.text
{
1222 border:1px solid
#A33F3F; background-color:#D28A8A;
1223 padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em;
1226 #kiwi.theme_cli
.messages
.msg
.global_nick_highlight
{ background:#111111; }
1227 #kiwi.theme_cli
.messages
.msg
.highlight
{ background:#111111; }
1231 #kiwi.theme_cli
.messages
.msg
.media
{ margin-left:0.5em; }
1232 #kiwi.theme_cli
.messages
.msg
.media
.media_close
{ font-size:0.9em; }
1233 #kiwi.theme_cli
.messages
.msg
.media
.media_content
{ margin:10px 0 0 6em; overflow:hidden
; }
1234 #kiwi.theme_cli
.messages
.msg
.media
.media_content img
{ padding:3px; border:1px solid gray
; }
1235 #kiwi.theme_cli
.messages
.msg
.media
.media_content
> .content
{
1239 border: #DDD 1px solid
;
1240 border-top-color: #EEE;
1241 border-bottom-color: #BBB;
1242 -webkit-box-shadow: 0 1px 3px rgba
(0, 0, 0, 0.15);
1243 -moz-box-shadow: 0 1px 3px rgba
(0,0,0,0.15);
1244 box-shadow: 0 1px 3px rgba
(0, 0, 0, 0.15);
1249 #kiwi.theme_cli
.messages
.msg
.media
.twitter
.media_content
> .content
{
1250 background: transparent
;
1256 #kiwi.theme_cli
.messages
.msg
.media
.reddit
.thumbnail_nsfw
{
1257 display: inline-block
;
1260 #kiwi.theme_cli
.messages
.msg
.media
.reddit
.thumbnail
{ float:left
; margin-right: 0.5em; }
1264 /* The server select dialog */
1265 #kiwi.theme_cli
.server_select
{ margin-left:auto
; margin-right:auto
; color:#eee; }
1266 #kiwi.theme_cli
.server_select
.more
{ display: none
; width:270px; margin:0 auto
; }
1267 #kiwi.theme_cli
.server_select table tr td
{ padding:5px; }
1268 #kiwi.theme_cli
.server_select button
{ float:right
; padding:3px 7px; margin-top:10px; }
1269 #kiwi.theme_cli
.server_select input
{ padding:3px 7px; width:150px; }
1270 #kiwi.theme_cli
.server_select label
{ width:5em; padding-top:3px }
1271 #kiwi.theme_cli
.server_select br
{ clear:both
; }
1272 #kiwi.theme_cli
.server_select
.basic input
, .server_select
.basic button
{ font-size:1em; padding:0.5em 1em; }
1273 #kiwi.theme_cli
.server_select
.basic input
{ width:170px; }
1274 #kiwi.theme_cli
.server_select
.basic label
{ font-size:1.3em; margin-top:4px; }
1275 #kiwi.theme_cli
.server_select
.basic tr
.have_pass
{ font-size:0.8em; }
1276 #kiwi.theme_cli
.server_select
.basic tr
.channel td
{ padding-top:1em; }
1277 #kiwi.theme_cli
.server_select
.basic
{ border-bottom: 1px dashed gray
; margin-bottom:1em; }
1278 #kiwi.theme_cli
.server_select
.basic
.show_more
{ display: block
; width:116px; margin:10px 0 0 0; font-size:0.8em; }
1279 #kiwi.theme_cli
.server_select
.single_server
.basic
{ border:none
; }
1280 #kiwi.theme_cli
.server_select
.status
{ text-align: center
; font-weight: bold
; padding:1em; }
1281 #kiwi.theme_cli
.server_select
.status
.ok
{ }
1282 #kiwi.theme_cli
.server_select
.status
.error
{
1283 border:1px solid
#A33F3F; background-color:#D28A8A;
1284 padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em;
1287 #kiwi.theme_cli
.server_select
.basic tr
.channel
.icon-key
{ color:#555; }
1290 #kiwi.theme_cli
.server_select
.kiwi_logo
{ margin-top:30px; text-align:center
; display:block
; }
1291 #kiwi.theme_cli
.server_select
.kiwi_logo h1
{
1293 line-height:48px; vertical-align: middle
;
1296 #kiwi.theme_cli
.server_select
.kiwi_logo img
{ display:inline
; width:24px; }
1299 #kiwi.theme_cli
.divider-verticle
{
1300 border-left: 1px solid
#303030;
1301 border-right: 1px solid
#1B1B1B;
1304 #kiwi.theme_cli
.divider-horizontal
{
1305 border-top: 1px solid
#303030;
1306 border-bottom: 1px solid
#1B1B1B;
1311 #kiwi.theme_cli
.chanlist_treeview
.panels
{ left:200px; }
1312 #kiwi.theme_cli
.chanlist_treeview
.toolbar
{ position:static
; }
1313 #kiwi.theme_cli
.chanlist_treeview
.toolbar
.app_tools
{ float:none
; }
1314 #kiwi.theme_cli
.chanlist_treeview
.toolbar
> div
{ }
1315 #kiwi.theme_cli
.chanlist_treeview
.toolbar
.tabs
{ position:absolute
; left:0px; bottom:0px; top:0px; margin:0; width:200px; background:#1B1B1B; overflow-y:auto
; }
1316 #kiwi.theme_cli
.chanlist_treeview
.tabs ul li
{ display:block
; float:none
; }
1317 #kiwi.theme_cli
.chanlist_treeview
.tabs ul li
.activity
{ float:right
; }
1318 #kiwi.theme_cli
.chanlist_treeview
.tabs ul li
.active
{ padding-left:1em; }
1321 #kiwi.theme_cli
.ui_menu
{
1324 #kiwi.theme_cli
.ui_menu
.ui_menu_title
{ }
1325 #kiwi.theme_cli
.ui_menu
.ui_menu_content
{ }
1326 #kiwi.theme_cli
.ui_menu
.ui_menu_content
.hover:hover
{ background:#f7f7f7; }
1327 #kiwi.theme_cli
.ui_menu
.ui_menu_foot
{
1328 border-bottom-left-radius: 3px;
1329 border-bottom-right-radius: 3px;
1331 #kiwi.theme_cli
.ui_menu
.ui_menu_foot
.close
{ float:right
; font-size:0.9em; margin-right:1em; color: #999; }
1332 #kiwi.theme_cli
.ui_menu
.ui_menu_foot
.close:hover
{ color: #222; }
1346 background: url
(../img
/background-light
.png
) left top repeat-x
#E3E3E3;
1350 #kiwi.theme_basic input
,
1351 #kiwi.theme_basic button
,
1352 #kiwi.theme_basic textarea
{
1353 font-family:Arial
, Helvetica
, sans-serif
;
1354 font-size:14px; line-height:1.4em;
1356 #kiwi.theme_basic button
, #kiwi
.theme_basic input
{ padding: 3px 7px; }
1357 #kiwi.theme_basic input
, #kiwi
.theme_basic textarea
{
1358 box-shadow: inset
0 1px 2px rgba
(0, 0, 0, 0.5),0 1px 0px rgba
(255, 255, 255, 0.3);
1362 #kiwi.theme_basic
.toolbar
{
1363 background-color:#1B1B1B; font-size:0.9em;
1365 #kiwi.theme_basic
.controlbox
{ background-color:#1B1B1B; }
1366 #kiwi.theme_basic
.memberlists_resize_handle
{
1367 /*display:none; width:0;*/
1369 #kiwi.theme_basic
.toolbar
.panellist li
{
1371 vertical-align: middle
;
1374 -moz-border-radius:5px;
1375 -webkit-border-radius:5px;
1376 -khtml-border-radius:5px;
1378 border: 1px solid
#333;
1379 background-color: #eee;
1382 #kiwi.theme_basic
.toolbar
.tabs
{ margin-right:0 !important
; }
1383 #kiwi.theme_basic
.toolbar
.panellist
.alert_highlight
{ font-weight:bold
; color:red
; }
1384 #kiwi.theme_basic
.toolbar
.panellist
.alert_activity
{ font-weight:normal
; color:green
; }
1385 #kiwi.theme_basic
.toolbar
.panellist
.alert_action
{ font-weight:normal
; color:green
; }
1387 #kiwi.theme_basic
.toolbar
.panellist
.active
{ padding-right:25px; border-top:2px solid
#df6b26; border-bottom:none
; }
1388 #kiwi.theme_basic
.toolbar
.panellist li
.part
{}
1389 #kiwi.theme_basic
.toolbar
.panellist li
.part:before
{ content:"[x]"; }
1391 #kiwi.theme_basic
.toolbar
.panellist li
.server span
{ padding-left: 5px; }
1392 #kiwi.theme_basic
.connected
.toolbar
.panellist li
.server:before
{ content: "\f0ec"; color:#3F9532; }
1393 #kiwi.theme_basic
.toolbar
.panellist li
.server:before
{ content: "\f06a"; color:#900; font-size:1.5em; line-height:1em; vertical-align:middle
; }
1396 /* Tab texts are within a span */
1397 #kiwi.theme_basic
.toolbar
.panellist li span
{ line-height:20px; vertical-align:middle
; display:inline-block
; }
1399 #kiwi.theme_basic
.toolbar
.panellist li
.activity
{ display:inline
; margin-left:0.5em; font-style:italic
; font-size:0.8em; }
1400 #kiwi.theme_basic
.toolbar
.panellist li
.activity:before
{ content:"("; }
1401 #kiwi.theme_basic
.toolbar
.panellist li
.activity:after
{ content:")"; }
1403 #kiwi.theme_basic
.status_message
{
1404 background: #FEEFB3; color: #9F6000;
1405 border-bottom: 1px solid
;
1407 text-align: center
; font-size:1.1em;
1409 #kiwi.theme_basic
.status_message
.err
{ color:#D8000C; background:#FFBABA; }
1411 #kiwi.theme_basic
.messages
{ }
1412 #kiwi.theme_basic
.messages
.active
{ }
1413 #kiwi.theme_basic
.messages a
{ text-decoration:underline
; }
1415 #kiwi.theme_basic
.messages
.msg
{ border: none
; padding: 2px 5px; }
1416 #kiwi.theme_basic
.messages
.msg
> div
{ font-family: Consolas
, "Lucida Console", monospace
; font-size:0.9em; }
1417 #kiwi.theme_basic
.messages
.msg
.time
{ display:none
; margin-right:1em; margin-left:2px; color:gray
; }
1418 #kiwi.theme_basic
.messages
.msg
.nick
{ display:inline
; margin-right:1em; }
1419 #kiwi.theme_basic
.messages
.msg
.nick:before
{ content:"<"; }
1420 #kiwi.theme_basic
.messages
.msg
.nick:after
{ content:">"; }
1421 #kiwi.theme_basic
.messages
.msg
.text
{ white-space:pre-wrap
; word-wrap:break-word
; color:#1e1e1e; }
1423 #kiwi.theme_basic
.messages
.msg
.action
.nick
,
1424 #kiwi.theme_basic
.messages
.msg
.static
.nick
,
1425 #kiwi.theme_basic
.messages
.msg
.topic
.nick
{ display:none
; }
1427 #kiwi.theme_basic
.messages
.msg
.action
.text
{ color:#009900; font-style:italic
; }
1428 #kiwi.theme_basic
.messages
.msg
.action
.join
{ color:#009900; }
1429 #kiwi.theme_basic
.messages
.msg
.action
.part
.text
{ color:#900; }
1430 #kiwi.theme_basic
.messages
.msg
.action
.quit
.text
{ color:#900; }
1431 #kiwi.theme_basic
.messages
.msg
.action
.kick
.text
{ color:#900; }
1433 #kiwi.theme_basic
.messages
.msg
.motd
{ border:none
; }
1434 /*#kiwi.theme_basic .messages .msg.motd .nick { display:none; }*/
1435 #kiwi.theme_basic
.messages
.msg
.motd
.text
{ color:#666; }
1436 #kiwi.theme_basic
.messages
.msg
.whois
.nick
{ font-weight:normal
; }
1437 #kiwi.theme_basic
.messages
.msg
.whois
.text
{ padding-left:1em; border-left:1px dashed
#999; }
1438 #kiwi.theme_basic
.messages
.msg
.error
.text
{
1439 border:1px solid
#A33F3F; background-color:#D28A8A;
1440 padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em;
1443 #kiwi.theme_basic
.timestamps
.messages
.msg
.time
{ display:inline
; }
1444 #kiwi.theme_basic
.timestamps
.messages
.msg
.text
{ }
1446 #kiwi.theme_basic
.messages
.msg
.global_nick_highlight
,
1447 #kiwi.theme_basic
.messages
.msg
.highlight
{ background:#D9D9D9; }
1449 /* Narrow styling (window width < 400px) */
1450 #kiwi.theme_basic
.narrow
.messages
.msg
.nick
{ width: auto
; }
1451 #kiwi.theme_basic
.narrow
.messages
.msg
.text
{ margin-left: 1em; border:none
; }
1452 #kiwi.theme_basic
.narrow
.messages
.msg
.action
.text
{ margin-left: 1em; }
1454 #kiwi.theme_basic
.messages
.msg
.media
{ margin-left:0.5em; }
1455 #kiwi.theme_basic
.messages
.msg
.media a
{ text-decoration:none
; }
1456 #kiwi.theme_basic
.messages
.msg
.media
.media_close
{ font-size:0.9em; }
1457 #kiwi.theme_basic
.messages
.msg
.media
.media_content
{ margin:10px 0 0 2em; overflow:hidden
; }
1458 #kiwi.theme_basic
.messages
.msg
.media
.media_content img
{ padding:3px; border:1px solid gray
; }
1459 #kiwi.theme_basic
.messages
.msg
.media
.media_content
> .content
{
1463 border: #DDD 1px solid
;
1464 border-top-color: #EEE;
1465 border-bottom-color: #BBB;
1466 -webkit-box-shadow: 0 1px 3px rgba
(0, 0, 0, 0.15);
1467 -moz-box-shadow: 0 1px 3px rgba
(0,0,0,0.15);
1468 box-shadow: 0 1px 3px rgba
(0, 0, 0, 0.15);
1473 #kiwi.theme_basic
.messages
.msg
.media
.twitter
.media_content
> .content
{
1474 background: transparent
;
1480 #kiwi.theme_basic
.messages
.msg
.media
.reddit
.thumbnail_nsfw
{
1481 display: inline-block
;
1484 #kiwi.theme_basic
.messages
.msg
.media
.reddit
.thumbnail
{ float:left
; margin-right: 0.5em; }
1488 #kiwi.theme_basic
.memberlists
{
1489 background-color: #DADADA;
1490 border-left: 1px dashed
#8A8A8A;
1492 #kiwi.theme_basic
.memberlists ul
{ list-style: none
; margin-left:2px; }
1493 #kiwi.theme_basic
.memberlists ul
.active
{ }
1494 #kiwi.theme_basic
.memberlists ul li
{ padding:0 2px; }
1495 #kiwi.theme_basic
.memberlists ul
li:hover
{}
1496 #kiwi.theme_basic
.memberlists ul li a
.nick
{ display:block
; color:black
; }
1498 #kiwi.theme_basic
.userbox
{ margin:0 1em 5px 1em; padding-bottom:0.7em; font-size:.9em; }
1499 #kiwi.theme_basic
.userbox a
{ display:block
; text-decoration:none
; margin-bottom:2px; }
1500 #kiwi.theme_basic
.userbox a i
{ font-size:1.1em; margin-right:5px; }
1503 #kiwi.theme_basic
.controlbox
.input
{
1504 background:#fff; margin:3px;
1507 #kiwi.theme_basic
.controlbox
.input
.nick
{
1515 #kiwi.theme_basic
.controlbox
.input
.nick:after
{ content:">"; margin-left:3px; top:2px; }
1516 #kiwi.theme_basic
.controlbox
.input
.nick a
{ text-decoration:none
; color:black
; }
1517 #kiwi.theme_basic
.controlbox
.input
.input_wrap
{
1519 right:3px; left:12em;
1522 #kiwi.theme_basic
.controlbox
.input
.inp
{
1524 border: medium none
;
1530 height:100%; width:100%;
1536 #kiwi.theme_basic
.controlbox
.nickchange
{
1537 padding:10px; left: 0px;
1538 background: #1B1B1B; color:#eeeeee;
1540 #kiwi.theme_basic
.controlbox
.nickchange input
{ padding:0.3em 0.5em; }
1541 #kiwi.theme_basic
.controlbox
.nickchange button
{ padding:0.5em; }
1545 #kiwi.theme_basic
.toolbar
.topic
{ }
1546 #kiwi.theme_basic
.toolbar
.topic div
{
1547 top:2; bottom:2px; left:0; width:100%;
1552 background-color:#FFF;
1557 #kiwi.theme_basic
.toolbar
.topic:hover div
{
1559 white-space:pre-wrap
; word-wrap:break-word
;
1561 background-color:#FFF;
1563 height:auto
; bottom:auto
;
1564 border-bottom: 1px dotted
#1B1B1B;
1568 #kiwi.theme_basic
.toolbar
.app_tools
{ padding-left:10px; color:#D4D4D4; }
1569 #kiwi.theme_basic
.toolbar
.app_tools ul li
{
1571 -webkit-transition: all
.3s ease
;
1572 -moz-transition: all
.3s ease
;
1573 transition: all
.3s ease
;
1576 #kiwi.theme_basic
.toolbar
.app_tools ul
li:hover
{ color:#88C56A; }
1577 #kiwi.theme_basic
.toolbar
.app_tools img
{ }
1580 /* The server select dialog */
1581 #kiwi.theme_basic
.server_select
{ margin-left:auto
; margin-right:auto
; }
1582 #kiwi.theme_basic
.server_select a
{ text-decoration: none
; }
1583 #kiwi.theme_basic
.server_select
.more
{ display: none
; width:270px; margin:0 auto
; }
1584 #kiwi.theme_basic
.server_select table tr td
{ padding:5px; }
1585 #kiwi.theme_basic
.server_select button
{ float:right
; padding:3px 7px; }
1586 #kiwi.theme_basic
.server_select input
{ padding:3px 7px; width:150px; }
1587 #kiwi.theme_basic
.server_select label
{ }
1588 #kiwi.theme_basic
.server_select br
{ clear:both
; }
1589 #kiwi.theme_basic
.server_select
.basic input
, .server_select
.basic button
{ font-size:1em; padding:0.5em 1em; }
1590 #kiwi.theme_basic
.server_select
.basic input
{ width:170px; }
1591 #kiwi.theme_basic
.server_select
.basic label
{ font-size:1.3em; margin-top:4px; }
1592 #kiwi.theme_basic
.server_select
.basic tr
.have_pass
{ font-size:0.8em; }
1593 #kiwi.theme_basic
.server_select
.basic tr
.channel td
{ padding-top:1em; }
1594 #kiwi.theme_basic
.server_select
.basic
{ border-bottom: 1px dashed gray
; margin-bottom:1em; }
1595 #kiwi.theme_basic
.server_select
.basic
.show_more
{ display: block
; width:110px; margin:10px 0 0 0; font-size:0.8em; }
1596 #kiwi.theme_basic
.server_select
.single_server
.basic
{ border:none
; }
1597 #kiwi.theme_basic
.server_select
.status
{ text-align: center
; font-weight: bold
; padding:1em; }
1598 #kiwi.theme_basic
.server_select
.status
.ok
{ }
1599 #kiwi.theme_basic
.server_select
.status
.error
{
1600 border:1px solid
#A33F3F; background-color:#D28A8A;
1601 padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em;
1605 #kiwi.theme_basic
.server_select
.kiwi_logo
{ margin-top:30px; text-align:center
; display:block
; }
1606 #kiwi.theme_basic
.server_select
.kiwi_logo h1
{
1608 line-height:48px; vertical-align: middle
;
1611 #kiwi.theme_basic
.server_select
.kiwi_logo img
{ display:inline
; width:24px; }
1614 #kiwi.theme_basic
.chanlist_treeview
.panels
{ left:160px; }
1615 #kiwi.theme_basic
.chanlist_treeview
.toolbar
{ position:static
; }
1616 #kiwi.theme_basic
.chanlist_treeview
.toolbar
.app_tools
{ float:none
; }
1617 #kiwi.theme_basic
.chanlist_treeview
.toolbar
> div
{ margin-left:160px; }
1618 #kiwi.theme_basic
.chanlist_treeview
.toolbar
.tabs
{ position:absolute
; left:0px; bottom:0px; top:0px; margin:0; width:160px; background:#1B1B1B; overflow-y:auto
; }
1619 #kiwi.theme_basic
.chanlist_treeview
.tabs ul li
{ display:block
; float:none
; }
1620 #kiwi.theme_basic
.chanlist_treeview
.tabs ul li
.activity
{ float:right
; }
1621 #kiwi.theme_basic
.chanlist_treeview
.tabs ul li
.active
{
1623 border-right-width:0;
1624 border-bottom-right-radius:0;
1625 border-top-right-radius:0;
1629 #kiwi.theme_basic
.ui_menu
.ui_menu_foot
.close
{ float:right
; font-size:0.9em; margin-right:1em; color: #999; }
1630 #kiwi.theme_basic
.ui_menu
.ui_menu_foot
.close:hover
{ color: #222; }