2 background: url
(background-light
.png
) left top repeat-x
#E3E3E3;
9 font-family:Arial
, Helvetica
, sans-serif
;
10 font-size:14px; line-height:1.4em;
19 #kiwi button:disabled
{ color: #464646; background:#9cc164; }
20 #kiwi button
, #kiwi input
{ padding: 3px 7px; }
21 #kiwi input
, #kiwi textarea
{
22 box-shadow: inset
0 1px 2px rgba
(0, 0, 0, 0.5),0 1px 0px rgba
(255, 255, 255, 0.3);
27 background-color:#121314; font-size:0.9em;
28 box-shadow: 0px 0px 10px rgba
(50, 50, 50, 0.8);
32 background-color:#121314;
33 box-shadow: 0px 0px 10px rgba
(50, 50, 50, 0.8);
35 #kiwi .memberlists_resize_handle
{
36 /*background:url('../img/resize_handle.png') no-repeat; background-position:center;*/
39 #kiwi .toolbar
.connections
{ list-style: none
; }
40 #kiwi .toolbar
.panellist
{
46 #kiwi .toolbar
.panellist
.applets
{ }
47 #kiwi .toolbar
.panellist li
{
49 vertical-align: middle
;
59 #kiwi .toolbar
.panellist
.alert_highlight
{ /*background: #990000;*/ }
60 #kiwi .toolbar
.panellist
.alert_activity
{ font-weight:normal
; }
61 #kiwi .toolbar
.panellist
.alert_action
{ font-weight:normal
; }
63 #kiwi .toolbar
.panellist
.active
{ padding-top: 6px; padding-right:23px; border-top:2px solid
#df6b26; border-bottom:none
; }
64 #kiwi .toolbar
.panellist li
.part:before
{ font-family: FontAwesome
; content:"\f00d"; }
66 #kiwi .toolbar
.panellist li
.server span
{ padding-left: 5px; font-weight: bold
; font-family: Arial
,Helvetica
,sans-serif
; }
67 #kiwi.connected
.toolbar
.panellist li
.server:before
{ content: "\f0ec"; color:#3F9532; }
68 #kiwi .toolbar
.panellist li
.server:before
{ content: "\f06a"; color:#900; font-size:1.5em; line-height:1em; vertical-align:middle
; }
70 /* Tab texts are within a span */
71 #kiwi .toolbar
.panellist li span
{ line-height:20px; vertical-align:middle
; display:inline-block
; }
73 #kiwi .toolbar
.panellist li
.active
.activity
{ display:none
; }
74 #kiwi .toolbar
.panellist li
.activity
.zero
{ visibility:hidden
; }
75 #kiwi .toolbar
.panellist li
.activity
{
76 padding: 1px 3px; margin-left:1em;
78 background: #3F9532; color:#000; /*color: #ff5300;*/
79 text-align: center
; font-size: 10px;
83 #kiwi .toolbar
.panellist li
.alert_highlight
.activity
{
84 color: #fff; background: #a60400;
87 #kiwi .status_message
{
88 background: #FEEFB3; color: #9F6000;
89 border-bottom: 1px solid
#d7bb71;
91 text-align: center
; font-size:1.1em;
93 #kiwi .status_message
.err
{ color:#D8000C; background:#FFBABA; }
95 #kiwi .channel_tools
{
96 border-bottom: 1px solid
#8A8A8A;
101 #kiwi .channel_tools i
{
106 #kiwi .channel_tools
i:hover
{
107 transition: color
0.3s;
111 #kiwi .messages
{ color: #333333; }
112 #kiwi .messages
.active
{ }
113 #kiwi .messages a
{ text-decoration:none
; }
115 #kiwi .messages
.msg
{ border-bottom: 1px solid
#DEDEDE; padding: 1px; font-family:arial
; font-size:0.9em; }
116 #kiwi .messages
.msg
.time
{ width:6em; float:left
; color:#777; padding:5px; display:none
; }
117 #kiwi .messages
.msg
.nick
{ width:11em; float:left
; font-size:12px; font-family:Arial
; text-align:right
; padding: 5px; overflow:hidden
; }
118 #kiwi .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; }
120 #kiwi .messages
.msg
.action
.nick
{ }
121 #kiwi .messages
.msg
.action
.text
{ color:#009900; border-left:none
; font-style:italic
; }
122 #kiwi .messages
.msg
.action
.join
{ color:#009900; }
123 #kiwi .messages
.msg
.action
.part
.text
{ color:#900; }
124 #kiwi .messages
.msg
.action
.quit
.text
{ color:#900; }
125 #kiwi .messages
.msg
.action
.kick
.text
{ color:#900; }
126 #kiwi .messages
.msg
.status
.nick
{ }
127 #kiwi .messages
.msg
.status
.text
{ color:#990000; margin-left:9em; border-left:none
; font-weight:bold
; }
128 #kiwi .messages
.msg
.topic
{ margin: 10px; background: #FFF5AB; border: 1px solid
#F3C572; border-radius: 5px; }
129 #kiwi .messages
.msg
.topic
.time
{ display:none
; }
130 #kiwi .messages
.msg
.topic
.nick
{ display:none
; }
131 #kiwi .messages
.msg
.topic
.text
{ color:#009900; margin-left:0; font-style: italic
; border:none
; }
132 #kiwi .messages
.msg
.motd
{ border:none
; }
133 /*#kiwi .messages .msg.motd .nick { display:none; }*/
134 #kiwi .messages
.msg
.motd
.text
{ color:#666; font-family:monospace
; }
135 #kiwi .messages
.msg
.whois
.nick
{ font-weight:normal
; }
136 #kiwi .messages
.msg
.whois
.text
{ margin-left:18em; padding-left:1em; border-left:1px dashed
#999; }
137 #kiwi .messages
.msg
.error
.text
{
138 border:1px solid
#A33F3F; background-color:#D28A8A;
139 padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em;
142 #kiwi.timestamps
.messages
.msg
.time
{ display:block
; }
143 #kiwi.timestamps
.messages
.msg
.text
{ margin-left:18em; }
145 #kiwi .messages
.msg
.global_nick_highlight
,
146 #kiwi .messages
.msg
.highlight
{ transition: background
0.3s; background:#D9D9D9; }
147 #kiwi .messages
.msg
.repeated_nick
.nick
{ visibility:hidden
; }
149 /* Narrow styling (window width < 420px) */
150 #kiwi.narrow
.messages
.msg
.time
{ display:none
; }
151 #kiwi.narrow
.messages
.msg
.nick
{ display:block
; float:none
; text-align:left
; padding-bottom:0;}
152 #kiwi.narrow
.messages
.msg
.text
{ display:block
; white-space:pre-wrap
; word-wrap:break-word
; padding-top:0; margin:0;}
153 #kiwi.narrow
.messages
.msg
.action
.text
{ }
154 #kiwi.narrow
.messages
.msg
.repeated_nick
.nick
{ display:none
; }
157 #kiwi .messages
.msg
.media
{ margin-left:0.5em; }
158 #kiwi .messages
.msg
.media
.media_close
{ font-size:0.9em; }
159 #kiwi .messages
.msg
.media
.media_content
{ margin:10px 0 0 10px; overflow:hidden
; }
160 #kiwi .messages
.msg
.media
.media_content img
{ padding:3px; border:1px solid gray
; }
161 #kiwi .messages
.msg
.media
.media_content
> .content
{
165 border: #DDD 1px solid
;
166 border-top-color: #EEE;
167 border-bottom-color: #BBB;
168 -webkit-box-shadow: 0 1px 3px rgba
(0, 0, 0, 0.15);
169 -moz-box-shadow: 0 1px 3px rgba
(0,0,0,0.15);
170 box-shadow: 0 1px 3px rgba
(0, 0, 0, 0.15);
175 #kiwi .messages
.msg
.media
.twitter
.media_content
> .content
{
176 background: transparent
;
182 #kiwi .messages
.msg
.media
.reddit
.thumbnail_nsfw
{
183 display: inline-block
;
186 #kiwi .messages
.msg
.media
.reddit
.thumbnail
{ float:left
; margin-right: 0.5em; }
188 #kiwi .messages
.last_seen
{
189 border-bottom-color: #B0CF82;
193 background-color: #DADADA;
194 border-left: 1px solid
#8A8A8A;
196 #kiwi.narrow
.right_bar
{ width:100%; }
197 #kiwi.narrow
.right_bar
.disabled
{ width:0; }
199 #kiwi .memberlists
{}
200 #kiwi .memberlists
.meta
{
201 border-bottom: 1px solid
#8A8A8A;
208 #kiwi .memberlists ul
{ list-style: none
; }
209 #kiwi .memberlists ul
.active
{ }
210 #kiwi .memberlists ul li
{ padding: 0.2em 1em; }
211 #kiwi.narrow
.memberlists ul li
{
213 border-bottom: 1px solid lightgray
;
216 #kiwi.touch
.memberlists ul li
{
219 #kiwi .memberlists ul
li:hover
{
220 border-left: 5px solid
#88C56A;
221 -webkit-transition: 0.2s ease
;
222 -moz-transition: 0.2s ease
;
223 -ms-transition: 0.2s ease
;
224 -o-transition: 0.2s ease
;
225 transition: 0.2s ease
;
227 #kiwi .memberlists ul li a
.nick
{ display:block
; color:black
; }
229 #kiwi .userbox
{ margin:4px 1em 5px 1em; padding-bottom:0.7em; font-size:.9em; }
230 #kiwi .userbox a
{ display:block
; text-decoration:none
; margin-bottom:2px; }
231 #kiwi .userbox a i
{ font-size:1.1em; margin-right:5px; }
233 /* User mode styles */
234 #kiwi .memberlists ul li
.prefix
{
236 width:20px; height:20px;
239 font-size:12px; text-align: center
;
241 /* text-indent: -1000px; */
243 /* Most important modes towards the bottom - they override the top ones! */
244 #kiwi .memberlists ul li
.mode
.v
.prefix
{ display:inline-block
; background:#b3b3b3; }
245 #kiwi .memberlists ul li
.mode
.h
.prefix
{ display:inline-block
; background:#b5b447; }
246 #kiwi .memberlists ul li
.mode
.o
.prefix
{ display:inline-block
; background:#47b547; }
247 #kiwi .memberlists ul li
.mode
.a
.prefix
{ display:inline-block
; background:#b54747; }
248 #kiwi .memberlists ul li
.mode
.q
.prefix
{ display:inline-block
; background:#8547b5; }
250 #kiwi .controlbox
.input
{
251 background:#fff; margin:3px;
254 -moz-border-radius:5px;
255 -webkit-border-radius:5px;
256 -khtml-border-radius:5px;
258 #kiwi .controlbox
.input
.nick a
{ text-decoration:none
; color:black
; }
259 #kiwi .controlbox
.input
.nick
{
265 background-color: #eee;
266 border-radius: 3px 0 0 3px;
267 border-right: 1px solid
#ccc;
269 padding-right: 0.5em;
272 #kiwi.narrow
.controlbox
.input
.nick
{ display:none
; }
273 #kiwi.narrow
.controlbox
.input
.input_wrap
{ left:7px; }
275 #kiwi .controlbox
.input
.input_wrap
{
277 right:7px; left: 12.2em;
280 #kiwi .controlbox
.input
.inp
{
285 outline:none
; resize:none
;
288 height:100%; width:100%;
293 #kiwi .controlbox
.nickchange
{
294 padding:10px; left: 0px;
295 background: #121314; color:#eeeeee;
297 #kiwi .controlbox
.nickchange input
{ padding:0.3em 0.5em; margin-left: 0.5em; width: 165px; }
298 #kiwi .controlbox
.nickchange button
{ padding:0.5em; margin: 0 0.5em 0 1em; }
302 #kiwi .toolbar
.topic
{ background-color:#121314; padding-bottom:2px; }
303 #kiwi .toolbar
.topic div
{
308 background-color:#FFF;
314 #kiwi .toolbar
.topic:hover div
{
316 white-space:pre-wrap
; word-wrap:break-word
;
318 background-color:#FFF;
320 height:auto
; bottom:auto
;
321 border-bottom: 2px solid
#121314;
325 #kiwi .toolbar
.app_tools
{ width:200px; padding-left:10px; color:#D4D4D4; }
326 #kiwi.narrow
.toolbar
.tabs
{ margin-right:0; }
327 #kiwi.narrow
.toolbar
.app_tools
{ width:auto
; }
328 #kiwi .toolbar
.app_tools ul li
{
330 -webkit-transition: all
.3s ease
;
331 -moz-transition: all
.3s ease
;
332 transition: all
.3s ease
;
335 #kiwi .toolbar
.app_tools ul
li:hover
{ color:#88C56A; }
336 #kiwi .toolbar
.app_tools img
{ }
339 /* The server select dialog */
340 #kiwi .server_select
{ margin-left:auto
; margin-right:auto
; }
341 #kiwi .server_select
.more
{ display: none
; width:270px; margin:0 auto
; }
342 #kiwi .server_select table tr td
{ padding:5px; }
343 #kiwi .server_select button
{
344 /*padding: 10px 25px;*/
351 #kiwi .server_select input
{ padding:3px 7px; width:150px; }
352 #kiwi .server_select label
{ }
353 #kiwi .server_select br
{ clear:both
; }
354 #kiwi .server_select
.basic input
, .server_select
.basic button
{ font-size:1em; padding:0.5em 1em; }
355 #kiwi .server_select
.basic input
{ width:170px; }
356 #kiwi .server_select
.basic label
{ font-size:1.3em; margin-top:4px; }
357 #kiwi .server_select
.basic tr
.have_pass
{ font-size:0.8em; }
358 #kiwi .server_select
.basic tr
.have_key
{ font-size:0.8em; }
359 #kiwi .server_select
.basic tr
.channel td
{ padding-top:1em; }
360 #kiwi .server_select
.basic
{ border-bottom: 1px dashed gray
; margin-bottom:1em; }
361 #kiwi .server_select
.basic
.show_more
{ display: block
; width:110px; margin:10px 0 0 0; font-size:0.8em; }
362 #kiwi .server_select
.single_server
.basic
{ border:none
; }
363 #kiwi .server_select
.status
{ text-align: center
; font-weight: bold
; padding:1em; }
364 #kiwi .server_select
.status
.ok
{ }
365 #kiwi .server_select
.status
.error
{
366 border:1px solid
#A33F3F; background-color:#D28A8A;
367 padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em;
369 #kiwi .server_select
.show_server
{ margin-left: 1em; font-size:0.9em; color: #555555; }
372 #kiwi .server_select
.kiwi_logo
{ margin-top:30px; }
373 #kiwi .server_select
.kiwi_logo h1 span
{
375 line-height:24px; vertical-align: middle
;
378 #kiwi .server_select
.kiwi_logo img
{ display:inline
; width:24px; }
381 #kiwi.chanlist_treeview
.panels
{ left:160px; }
382 #kiwi.chanlist_treeview
.toolbar
{ position:static
; }
383 #kiwi.chanlist_treeview
.toolbar
.app_tools
{ float:none
; }
384 #kiwi.chanlist_treeview
.toolbar
> div
{ margin-left:160px; }
385 #kiwi.chanlist_treeview
.toolbar
.tabs
{ position:absolute
; left:0px; bottom:0px; top:0px; margin:0; width:160px; background:#121314; overflow-y:auto
; }
386 #kiwi.chanlist_treeview
.toolbar
.panellist
{ float: none
; display: block
; margin-right: 5px; }
387 #kiwi.chanlist_treeview
.tabs ul li
{ display:block
; float:none
; }
388 #kiwi.chanlist_treeview
.tabs ul li
.activity
{ position:absolute
; right:5px; }
389 #kiwi.chanlist_treeview
.toolbar
.panellist li
{
392 #kiwi.chanlist_treeview
.toolbar
.panellist
.active
{ padding-left: 6px; padding-right:23px; border:none
; border-left:2px solid
#df6b26; border-bottom:none
; }
393 #kiwi.chanlist_treeview
.tabs ul li
.active
{
395 border-right-width:0;
397 #kiwi .applet_chanlist
{
400 #kiwi .applet_chanlist table
{
401 border-collapse: collapse
;
404 #kiwi .applet_chanlist thead
{
407 #kiwi .applet_chanlist tbody td
{
408 border: 1px solid
#C4C4C4;
411 #kiwi .applet_chanlist
.chanlist_name
, #kiwi
.applet_chanlist
.chanlist_num_users
{
412 border-width: 0 1px 0 0;
414 #kiwi .applet_chanlist
.chanlist_topic
{
417 #kiwi .applet_chanlist
tr:nth-child
(even
) {
418 background: none repeat scroll
0 0 #DBDBDB;
422 #kiwi .applet
> div
.settings button
.save
{
424 border:1px solid gray
; border-radius:3px;
426 #kiwi .applet
> div
.settings tr
{
427 border-bottom: 1px dashed black
;
430 #kiwi .applet
> div
.settings td
.label
{
433 #kiwi .applet
> div
.settings tr
.save
{
441 box-shadow: 0 3px 8px rgba
(0, 0, 0, .25);
443 #kiwi .ui_menu
.ui_menu_title
{
444 border-top-left-radius: 3px;
445 border-top-right-radius: 3px;
447 #kiwi .ui_menu
.ui_menu_content
{ }
448 #kiwi .ui_menu
.ui_menu_content
.hover:hover
{ background:#f7f7f7; }
449 #kiwi .ui_menu
.ui_menu_foot
{
450 border-bottom-left-radius: 3px;
451 border-bottom-right-radius: 3px;
453 #kiwi .ui_menu
.ui_menu_foot
.close
{ float:right
; font-size:0.9em; margin-right:1em; color: #999; }
454 #kiwi .ui_menu
.ui_menu_foot
.close:hover
{ color: #222; }
457 #kiwi .channel_info
.channel_url
{
462 #kiwi .channel_info
.channel-banlist table
{ margin-top: 10px; border-spacing: 10px 3px; }
463 #kiwi .channel_info
.channel-banlist thead
{ font-style: italic
; }
464 #kiwi .channel_info
.remove-ban:hover
{ color: #900; }
467 #kiwi .notification
{
468 /* .show class reveals this element */
471 -webkit-transition: max-height
1s;
472 -moz-transition: max-height
1s;
473 transition: max-height
1s;
478 text-shadow: 0 -1px black
;
479 background: rgba
(65, 65, 65, 0.95);
480 background-clip: padding-box
;
482 border-color: rgba
(17, 17, 17, 0.6) rgba
(17, 17, 17, 0.7) rgba
(17, 17, 17, 0.9);
485 background-image: -webkit-linear-gradient
(top
, rgba
(242, 242, 242, 0.3), rgba
(221, 221, 221, 0.01) 50%, rgba
(0, 0, 0, 0.12) 50%, rgba
(0, 0, 0, 0.3));
486 background-image: -moz-linear-gradient
(top
, rgba
(242, 242, 242, 0.3), rgba
(221, 221, 221, 0.01) 50%, rgba
(0, 0, 0, 0.12) 50%, rgba
(0, 0, 0, 0.3));
487 background-image: -o-linear-gradient
(top
, rgba
(242, 242, 242, 0.3), rgba
(221, 221, 221, 0.01) 50%, rgba
(0, 0, 0, 0.12) 50%, rgba
(0, 0, 0, 0.3));
488 background-image: linear-gradient
(to bottom
, rgba
(242, 242, 242, 0.3), rgba
(221, 221, 221, 0.01) 50%, rgba
(0, 0, 0, 0.12) 50%, rgba
(0, 0, 0, 0.3));
489 -webkit-box-shadow: inset
0 0 1px rgba
(255, 255, 255, 0.5), 0 1px 2px rgba
(0, 0, 0, 0.3);
490 box-shadow: inset
0 0 1px rgba
(255, 255, 255, 0.5), 0 1px 2px rgba
(0, 0, 0, 0.3);
494 #kiwi .notification
.show
{ max-height: 500px; }
495 #kiwi .notification
.close
{
497 border:1px solid
#1b1b1b;
498 border-left
, border-bottom: none
;
499 border-radius: 0 8px 0 0;
503 background-image: -webkit-linear-gradient
(top
, #383838, #111111);
504 background-image: -moz-linear-gradient
(top
, #383838, #111111);
505 background-image: -o-linear-gradient
(top
, #383838, #111111);
506 background-image: linear-gradient
(to bottom
, #383838, #111111);
507 -webkit-box-shadow: inset
0 1px rgba
(255, 255, 255, 0.15);
508 box-shadow: inset
0 1px rgba
(255, 255, 255, 0.15);
510 #kiwi .notification
.close:hover
{ color: #DBDBDB; }