9 font-family:Arial
, Helvetica
, sans-serif
;
10 font-size:14px; line-height:1.4em;
12 #kiwi button
, #kiwi input
{ padding: 3px 7px; }
13 #kiwi input
, #kiwi textarea
{
14 box-shadow: inset
0 1px 2px rgba
(0, 0, 0, 0.5),0 1px 0px rgba
(255, 255, 255, 0.3);
25 #kiwi button:disabled
{ color: #464646; background:#9cc164; }
28 background-color:#1B1B1B; font-size:0.9em;
30 #kiwi .controlbox
{ background-color:#1B1B1B; }
31 #kiwi .memberlists_resize_handle
{
32 display:none
; width:0;
35 #kiwi .toolbar
.connections
{ list-style: none
; }
36 #kiwi .toolbar
.panellist
{
42 #kiwi .toolbar
.panellist li
{
44 vertical-align: middle
;
54 #kiwi .toolbar
.tabs
{ margin-right:0 !important
; }
55 #kiwi .toolbar
.panellist
.alert_highlight
{ font-weight:bold
; }
56 #kiwi .toolbar
.panellist
.alert_activity
{ font-weight:normal
; }
57 #kiwi .toolbar
.panellist
.alert_action
{ font-weight:normal
; }
59 #kiwi .toolbar
.panellist
.active
{ padding-right:23px; border-top:2px solid
#df6b26; border-bottom:none
; }
60 #kiwi .toolbar
.panellist li
.part:before
{ font-family: FontAwesome
; content:"\f00d"; }
62 #kiwi .toolbar
.panellist li
.server span
{ padding-left:5px; }
63 #kiwi.connected
.toolbar
.panellist li
.server:before
{ content: "\f0ec"; color:#3F9532; }
64 #kiwi .toolbar
.panellist li
.server:before
{ content: "\f06a"; color:#900; }
66 /* Tab texts are within a span */
67 #kiwi .toolbar
.panellist li span
{ line-height:20px; vertical-align:middle
; display:inline-block
; }
69 #kiwi .toolbar
.panellist li
.activity
{ display:inline
; margin-left:0.5em; font-style:italic
; font-size:0.8em; }
70 #kiwi .toolbar
.panellist
.applets li
.activity
{ display: none
; }
71 #kiwi .toolbar
.panellist li
.activity:before
{ content:"("; }
72 #kiwi .toolbar
.panellist li
.activity:after
{ content:")"; }
74 #kiwi .status_message
{
75 background: #FEEFB3; color: #9F6000;
76 border-bottom: 1px solid
#d7bb71;
78 text-align: center
; font-size:1.1em;
80 #kiwi .status_message
.err
{ color:#D8000C; background:#FFBABA; }
82 #kiwi .channel_tools
{
83 border-bottom: 1px solid
#8A8A8A;
88 #kiwi .channel_tools i
{
93 #kiwi .channel_tools
i:hover
{
94 transition: color
0.3s;
98 #kiwi .messages
{ color: #333333; }
99 #kiwi .messages
.active
{ }
100 #kiwi .messages a
{ text-decoration:none
; }
102 #kiwi .messages
.msg
{ border-bottom: 1px solid
#DEDEDE; padding: 5px; font-family:arial
; font-size:0.9em; }
103 #kiwi .messages
.msg
.time
{ display:none
; }
104 #kiwi .messages
.msg
.nick
{ display:block
; font-family:Arial
; text-tranform:capitalize
; }
105 #kiwi .messages
.msg
.text
{ display:block
; white-space:pre-wrap
; word-wrap:break-word
; font-family:arial
; }
107 #kiwi .messages
.msg
.action
.nick
{ }
108 #kiwi .messages
.msg
.action
.text
{ color:#009900; border-left:none
; font-style:italic
; }
109 #kiwi .messages
.msg
.action
.join
{ color:#009900; }
110 #kiwi .messages
.msg
.action
.part
.text
{ color:#900; }
111 #kiwi .messages
.msg
.action
.quit
.text
{ color:#900; }
112 #kiwi .messages
.msg
.action
.kick
.text
{ color:#900; }
113 #kiwi .messages
.msg
.status
.nick
{ }
114 #kiwi .messages
.msg
.status
.text
{ color:#990000; border-left:none
; font-weight:bold
; }
115 #kiwi .messages
.msg
.topic
{ margin: 10px; background: #FFF5AB; border: 1px solid
#F3C572; border-radius: 5px; }
116 #kiwi .messages
.msg
.topic
.time
{ display:none
; }
117 #kiwi .messages
.msg
.topic
.nick
{ display:none
; }
118 #kiwi .messages
.msg
.topic
.text
{ color:#009900; margin-left:0; font-style: italic
; border:none
; }
119 #kiwi .messages
.msg
.motd
{ border:none
; }
120 /*#kiwi .messages .msg.motd .nick { display:none; }*/
121 #kiwi .messages
.msg
.motd
.text
{ color:#666; }
122 #kiwi .messages
.msg
.whois
.nick
{ font-weight:normal
; }
123 #kiwi .messages
.msg
.whois
.text
{ padding-left:1em; border-left:1px dashed
#999; }
124 #kiwi .messages
.msg
.error
.text
{
125 border:1px solid
#A33F3F; background-color:#D28A8A;
126 padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em;
129 #kiwi .messages
.msg
.global_nick_highlight
,
130 #kiwi .messages
.msg
.highlight
{ background:#D9D9D9; }
133 #kiwi .messages
.last_seen
{
134 border-bottom-color: #B0CF82;
139 #kiwi.chanlist_treeview
.panels
{ left:160px; }
140 #kiwi.chanlist_treeview
.toolbar
{ position:static
; }
141 #kiwi.chanlist_treeview
.toolbar
.app_tools
{ float:none
; }
142 #kiwi.chanlist_treeview
.toolbar
> div
{ }
143 #kiwi.chanlist_treeview
.toolbar
.tabs
{ position:absolute
; left:0px; bottom:0px; top:0px; margin:0; width:160px; background:#1B1B1B; overflow-y:auto
; }
144 #kiwi.chanlist_treeview
.tabs ul li
{ display:block
; float:none
; }
145 #kiwi.chanlist_treeview
.tabs ul li
.activity
{ float:right
; }
146 #kiwi.chanlist_treeview
.tabs ul li
.active
{ padding-left:1em; }
150 #kiwi .applet_chanlist table
{
151 border-collapse: collapse
;
154 #kiwi .applet_chanlist thead
{
157 #kiwi .applet_chanlist tbody td
{
158 border: 1px solid
#C4C4C4;
161 #kiwi .applet_chanlist
.chanlist_name
, #kiwi
.applet_chanlist
.chanlist_num_users
{
162 border-width: 0 1px 0 0;
164 #kiwi .applet_chanlist
.chanlist_topic
{
167 #kiwi .applet_chanlist
tr:nth-child
(even
) {
168 background: none repeat scroll
0 0 #DBDBDB;
175 background-color: #DADADA;
176 border-left: 1px solid
#8A8A8A;
179 #kiwi.narrow
.right_bar
{ width:100%; }
180 #kiwi.narrow
.right_bar
.disabled
{ width:0; }
182 #kiwi .memberlists
.meta
{
183 border-bottom: 1px solid
#8A8A8A;
185 /*margin-bottom: 10px;*/
190 #kiwi .memberlists ul
{ list-style: none
; }
191 #kiwi .memberlists ul
.active
{ }
192 #kiwi .memberlists ul li
{ padding: 0.2em 1em; }
193 #kiwi.narrow
.memberlists ul li
{
195 border-bottom: 1px solid lightgray
;
198 #kiwi.touch
.memberlists ul li
{
201 #kiwi .memberlists ul
li:hover
{
202 border-left: 5px solid
#88C56A;
203 -webkit-transition: 0.2s ease
;
204 -moz-transition: 0.2s ease
;
205 -ms-transition: 0.2s ease
;
206 -o-transition: 0.2s ease
;
207 transition: 0.2s ease
;
209 #kiwi .memberlists ul li a
.nick
{ display:block
; color:black
; }
211 #kiwi .userbox
{ margin:0 1em 5px 1em; padding-bottom:0.7em; font-size:.9em; }
212 #kiwi .userbox a
{ display:block
; text-decoration:none
; margin-bottom:2px; }
213 #kiwi .userbox a i
{ font-size:1.1em; margin-right:5px; }
216 #kiwi .controlbox
.input
{
217 background:#fff; margin:3px;
220 #kiwi .controlbox
.input
.nick
{ display:none
; }
221 #kiwi .controlbox
.input
.nick a
{ text-decoration:none
; color:black
; }
222 #kiwi .controlbox
.input
.input_wrap
{
227 #kiwi .controlbox
.input
.inp
{
235 height:100%; width:100%;
240 #kiwi .controlbox
.nickchange
{
241 padding:10px; left: 0px;
242 background: #1B1B1B; color:#eeeeee;
244 #kiwi .controlbox
.nickchange input
{ padding:0.3em 0.5em; }
245 #kiwi .controlbox
.nickchange button
{ padding:0.5em; }
249 #kiwi .toolbar
.topic
{ display:none
; }
250 #kiwi .toolbar
.topic div
{
251 top:2; bottom:2px; left:0; width:100%;
256 background-color:#FFF;
263 #kiwi .toolbar
.app_tools
{ padding-left:10px; color:#D4D4D4; }
264 #kiwi .toolbar
.app_tools ul li
{
266 -webkit-transition: all
.3s ease
;
267 -moz-transition: all
.3s ease
;
268 transition: all
.3s ease
;
271 #kiwi .toolbar
.app_tools ul
li:hover
{ color:#88C56A; }
272 #kiwi .toolbar
.app_tools img
{ }
275 /* The server select dialog */
276 #kiwi .server_select
{ padding:3em 0 2em 0; margin: 0 auto
; width:100%; }
277 #kiwi .server_select
.more
{ display:none
; }
278 #kiwi .server_select button
{
279 /*padding: 10px 25px;*/
286 #kiwi .server_select input
.nick
{
287 float:none
; display:block
; width:80%;
288 padding:0.5em 1em; margin:0 auto
;
291 #kiwi .server_select label
{ display:none
; }
292 #kiwi .server_select br
{ clear:both
; }
293 #kiwi .server_select
.basic
{ border:none
; }
294 #kiwi .server_select
.basic table
{ width:100%; }
295 #kiwi .server_select
.basic table tr
.channel
,
296 #kiwi .server_select
.basic table tr
.pass
,
297 #kiwi .server_select
.basic table tr
.have_pass
{ display:none
; }
298 #kiwi .server_select
.basic table tr
.key
,
299 #kiwi .server_select
.basic table tr
.have_key
{ display:none
; }
300 #kiwi .server_select
.basic
.show_more
{ display:none
!important
; }
301 #kiwi .server_select
.single_server
.basic
{ border:none
; }
302 #kiwi .server_select
.status
{ text-align: center
; font-weight: bold
; padding:1em; }
303 #kiwi .server_select
.status
.ok
{ }
304 #kiwi .server_select
.status
.error
{
305 border:1px solid
#A33F3F; background-color:#D28A8A;
306 padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em;
308 #kiwi .server_select
.show_server
{ margin-left: 1em; font-size:0.9em; color: #555555; }
310 #kiwi .server_select
.kiwi_logo h1 span
{
312 line-height:24px; vertical-align: middle
;
315 #kiwi .server_select
.kiwi_logo img
{ display:inline
; width:24px; }
317 #kiwi .server_select
.side_panel
{ display: none
; }
318 #kiwi .server_select
.server_details
{
319 position: relative
!important
;
320 float: none
!important
;
321 width: auto
!important
;
322 padding: 0 !important
;
323 margin: 2em 0 0 0 !important
;
327 #kiwi .notification
{
328 /* .show class reveals this element */
331 -webkit-transition: max-height
1s;
332 -moz-transition: max-height
1s;
333 transition: max-height
1s;
338 text-shadow: 0 -1px black
;
339 background: rgba
(65, 65, 65, 0.95);
340 background-clip: padding-box
;
342 border-color: rgba
(17, 17, 17, 0.6) rgba
(17, 17, 17, 0.7) rgba
(17, 17, 17, 0.9);
345 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));
346 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));
347 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));
348 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));
349 -webkit-box-shadow: inset
0 0 1px rgba
(255, 255, 255, 0.5), 0 1px 2px rgba
(0, 0, 0, 0.3);
350 box-shadow: inset
0 0 1px rgba
(255, 255, 255, 0.5), 0 1px 2px rgba
(0, 0, 0, 0.3);
354 #kiwi .notification
.show
{ max-height: 500px; }
355 #kiwi .notification
.close
{
357 border:1px solid
#1b1b1b;
358 border-left
, border-bottom: none
;
359 border-radius: 0 8px 0 0;
363 background-image: -webkit-linear-gradient
(top
, #383838, #111111);
364 background-image: -moz-linear-gradient
(top
, #383838, #111111);
365 background-image: -o-linear-gradient
(top
, #383838, #111111);
366 background-image: linear-gradient
(to bottom
, #383838, #111111);
367 -webkit-box-shadow: inset
0 1px rgba
(255, 255, 255, 0.15);
368 box-shadow: inset
0 1px rgba
(255, 255, 255, 0.15);
370 #kiwi .notification
.close:hover
{ color: #DBDBDB; }