1 #kiwi { background:#191919; color:#6d6d6d; }
6 font-family:Arial
, Helvetica
, sans-serif
;
7 font-size:14px; line-height:1.4em;
9 #kiwi button
, #kiwi input
{ padding: 3px 7px; }
11 #kiwi .controlbox
{ background:#111111; border-top:1px solid
#444444; color:#909090; font-size:1.3em; line-height:2em; }
12 #kiwi .controlbox
.input_wrap:before
{ content:"> " }
13 #kiwi .controlbox
.input
{ background:none
; border:none
;}
14 #kiwi .controlbox
.input
.nick
{ line-height:1.7em; padding:0; text-align: right
; width:11em; left:0px; position:absolute
; overflow:hidden
; }
15 #kiwi .controlbox
.input
.input_wrap
{
17 right:7px; left: 12.2em;
20 #kiwi .controlbox
.input
.inp
{
23 background:transparent
; color:#909090;
27 outline:none
; resize:none
;
31 height:99%; width:98%;
36 #kiwi .toolbar
.topic
{ background:#111111; height:2em; border-bottom:1px solid
#2B2B2B; border-top:1px solid
#2B2B2B; }
37 #kiwi .toolbar
.topic div
{
38 width:100%; height: 1.5em;
42 border:none
; outline:none
;
46 background: #333333; /* Old browsers */
47 background: -moz-linear-gradient
(top
, #333333 0%, #111111 100%); /* FF3.6+ */
48 background: -webkit-gradient
(linear
, left top
, left bottom
, color-stop
(0%,#333333), color-stop
(100%,#111111)); /* Chrome,Safari4+ */
49 background: -webkit-linear-gradient
(top
, #333333 0%,#111111 100%); /* Chrome10+,Safari5.1+ */
50 background: -o-linear-gradient
(top
, #333333 0%,#111111 100%); /* Opera 11.10+ */
51 background: -ms-linear-gradient
(top
, #333333 0%,#111111 100%); /* IE10+ */
52 background: linear-gradient
(to bottom
, #333333 0%,#111111 100%); /* W3C */
53 filter: progid:DXImageTransform
.Microsoft
.gradient
( startColorstr
='#333333', endColorstr
='#111111',GradientType
=0 ); /* IE6-9 */
56 #kiwi .toolbar
.topic:hover div
{
58 white-space:pre-wrap
; word-wrap:break-word
;
61 height:auto
; bottom:auto
;
62 border-bottom: 1px solid
#444444;
65 #kiwi .toolbar
.app_tools
{ width:200px; padding-left:10px; color:#D4D4D4; }
66 #kiwi .toolbar
.app_tools ul li
{
68 -webkit-transition: all
.3s ease
;
69 -moz-transition: all
.3s ease
;
70 transition: all
.3s ease
;
73 #kiwi .toolbar
.app_tools ul
li:hover
{ color:#88C56A; }
74 #kiwi .toolbar
.app_tools img
{ }
76 #kiwi .toolbar
.panellist li
{
78 vertical-align: middle
;
80 border: 1px solid
#333;
81 background-color: #111;
84 #kiwi .toolbar
.panellist
.alert_highlight
{ font-weight:bold
; }
85 #kiwi .toolbar
.panellist
.alert_activity
{ font-weight:normal
; }
86 #kiwi .toolbar
.panellist
.alert_action
{ font-weight:normal
; }
88 #kiwi .toolbar
.panellist
.active
{ padding-right:23px; border-top:2px solid
#df6b26; border-bottom:none
; }
89 #kiwi .toolbar
.panellist li
.part:before
{ font-family: FontAwesome
; content:"\f00d"; }
91 #kiwi .toolbar
.panellist li
.server span
{ padding-left:5px; }
92 #kiwi.connected
.toolbar
.panellist li
.server:before
{ content: "\f0ec"; color:#3F9532; }
93 #kiwi .toolbar
.panellist li
.server:before
{ content: "\f06a"; color:#900; }
95 /* Tab texts are within a span */
96 #kiwi .toolbar
.panellist li span
{ line-height:20px; vertical-align:middle
; display:inline-block
; }
98 #kiwi .toolbar
.panellist li
.activity
{ display:inline
; margin-left:0.5em; font-style:italic
; font-size:0.8em; }
99 #kiwi .toolbar
.panellist
.applets li
.activity
{ display: none
; }
100 #kiwi .toolbar
.panellist li
.activity:before
{ content:"("; }
101 #kiwi .toolbar
.panellist li
.activity:after
{ content:")"; }
102 #kiwi .toolbar
.panellist li
.alert_highlight
.activity
{
103 color: #fff; background: #a60400; padding:2px; border-radius:3px;
107 #kiwi .right_bar
{ background:#252525; }
108 #kiwi.narrow
.right_bar
{ width:100%; }
109 #kiwi.narrow
.right_bar
.disabled
{ width:0; }
111 #kiwi .memberlists
.meta
{
112 border-bottom: 1px solid
#8A8A8A;
119 #kiwi .memberlists ul li
{ padding: 0.2em 1em; }
120 #kiwi .memberlists ul li a
.nick
{ color:#6d6d6d; }
121 #kiwi .memberlists ul
li:hover
{
122 border-left: 5px solid
#88C56A;
123 -webkit-transition: 0.2s ease
;
124 -moz-transition: 0.2s ease
;
125 -ms-transition: 0.2s ease
;
126 -o-transition: 0.2s ease
;
127 transition: 0.2s ease
;
130 #kiwi .userbox
{ margin:0 1em 0 1em; padding-bottom:0.4em; font-size:.9em; }
131 #kiwi .userbox a
{ display:block
; text-decoration:none
; margin-bottom:2px; }
132 #kiwi .userbox a i
{ font-size:1.1em; margin-right:5px; }
133 #kiwi .userbox
.divider-horizontal
{ display:none
; }
135 #kiwi .status_message
{
137 border-bottom: 1px solid
#444444;
139 text-align: center
; font-size:1.1em;
142 #kiwi .channel_tools
{
143 border-bottom: 1px solid
#8A8A8A;
147 #kiwi .channel_tools i
{
152 #kiwi .channel_tools
i:hover
{
153 transition: color
0.3s;
157 #kiwi .messages
.msg
> div
{ color:#6d6d6d; font-family: Inconsolata
, Consolas
, 'courier new', monospace
; }
158 #kiwi .messages
.msg
{ border: none
; padding: 2px 5px; }
159 #kiwi .messages
.msg
.time
{ display:inline
; margin-right:1em; color:#777; }
160 #kiwi .messages
.msg
.nick
{ display:inline
; margin-right:1em; }
161 #kiwi .messages
.msg
.nick:before
{ content:"<"; }
162 #kiwi .messages
.msg
.nick:after
{ content:">"; }
163 #kiwi .messages
.msg
.text
{ white-space:pre-wrap
; word-wrap:break-word
; }
165 #kiwi .messages
.msg
.action
.nick
{ display:none
; }
166 #kiwi .messages
.msg
.action
.text
{ color:#009900; border-left:none
; font-style:italic
; }
167 #kiwi .messages
.msg
.action
.join
{ color:#009900; }
168 #kiwi .messages
.msg
.action
.part
.text
{ color:#900; }
169 #kiwi .messages
.msg
.action
.quit
.text
{ color:#900; }
170 #kiwi .messages
.msg
.action
.kick
.text
{ color:#900; }
171 #kiwi .messages
.msg
.status
.nick
{ display:none
; }
172 #kiwi .messages
.msg
.status
.text
{ color:#990000; border-left:none
; font-weight:bold
; }
173 #kiwi .messages
.msg
.topic
.nick
{ display:none
; }
174 #kiwi .messages
.msg
.topic
.text
{ color:#009900; font-style: italic
; border-left:none
; }
175 /*#kiwi .messages .msg.motd .nick { display:none; }*/
176 #kiwi .messages
.msg
.motd
{ border:none
; }
177 #kiwi .messages
.msg
.motd
.text
{ color:#666; }
178 #kiwi .messages
.msg
.whois
.nick
{ font-weight:normal
; }
179 #kiwi .messages
.msg
.whois
.text
{ padding-left:1em; border-left:1px dashed
#999; }
180 #kiwi .messages
.msg
.error
.text
{
181 border:1px solid
#A33F3F; background-color:#D28A8A;
182 padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em;
185 #kiwi .messages
.msg
.global_nick_highlight
{ background:#111111; }
186 #kiwi .messages
.msg
.highlight
{ background:#111111; }
190 #kiwi .messages
.msg
.media
{ margin-left:0.5em; }
191 #kiwi .messages
.msg
.media
.media_close
{ font-size:0.9em; }
192 #kiwi .messages
.msg
.media
.media_content
{ margin:10px 0 0 6em; overflow:hidden
; }
193 #kiwi .messages
.msg
.media
.media_content img
{ padding:3px; border:1px solid gray
; }
194 #kiwi .messages
.msg
.media
.media_content
> .content
{
198 border: #DDD 1px solid
;
199 border-top-color: #EEE;
200 border-bottom-color: #BBB;
201 -webkit-box-shadow: 0 1px 3px rgba
(0, 0, 0, 0.15);
202 -moz-box-shadow: 0 1px 3px rgba
(0,0,0,0.15);
203 box-shadow: 0 1px 3px rgba
(0, 0, 0, 0.15);
208 #kiwi .messages
.msg
.media
.twitter
.media_content
> .content
{
209 background: transparent
;
215 #kiwi .messages
.msg
.media
.reddit
.thumbnail_nsfw
{
216 display: inline-block
;
219 #kiwi .messages
.msg
.media
.reddit
.thumbnail
{ float:left
; margin-right: 0.5em; }
221 #kiwi .messages
.last_seen
{
222 border-bottom-color: #090;
223 border-bottom-style: dashed
;
228 /* The server select dialog */
229 #kiwi .server_select
{ margin-left:auto
; margin-right:auto
; color:#eee; }
230 #kiwi .server_select
.more
{ display: none
; width:270px; margin:0 auto
; }
231 #kiwi .server_select table tr td
{ padding:5px; }
232 #kiwi .server_select button
{ float:right
; padding:3px 7px; margin-top:10px; }
233 #kiwi .server_select input
{ padding:3px 7px; width:150px; }
234 #kiwi .server_select label
{ width:5em; padding-top:3px }
235 #kiwi .server_select br
{ clear:both
; }
236 #kiwi .server_select
.basic input
, .server_select
.basic button
{ font-size:1em; padding:0.5em 1em; }
237 #kiwi .server_select
.basic input
{ width:170px; }
238 #kiwi .server_select
.basic label
{ font-size:1.3em; margin-top:4px; }
239 #kiwi .server_select
.basic tr
.have_pass
{ font-size:0.8em; }
240 #kiwi .server_select
.basic tr
.channel td
{ padding-top:1em; }
241 #kiwi .server_select
.basic
{ border-bottom: 1px dashed gray
; margin-bottom:1em; }
242 #kiwi .server_select
.basic
.show_more
{ display: block
; width:116px; margin:10px 0 0 0; font-size:0.8em; }
243 #kiwi .server_select
.single_server
.basic
{ border:none
; }
244 #kiwi .server_select
.status
{ text-align: center
; font-weight: bold
; padding:1em; }
245 #kiwi .server_select
.status
.ok
{ }
246 #kiwi .server_select
.status
.error
{
247 border:1px solid
#A33F3F; background-color:#D28A8A;
248 padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em;
250 #kiwi .server_select
.show_server
{ margin-left: 1em; font-size:0.9em; color: #eeeeee; }
252 #kiwi .server_select
.basic tr
.channel
.icon-key
{ color:#555; }
255 #kiwi .server_select
.kiwi_logo
{ margin-top:30px; text-align:center
; display:block
; }
256 #kiwi .server_select
.kiwi_logo h1
{
258 line-height:48px; vertical-align: middle
;
261 #kiwi .server_select
.kiwi_logo img
{ display:inline
; width:24px; }
264 #kiwi .divider-verticle
{
265 border-left: 1px solid
#303030;
266 border-right: 1px solid
#1B1B1B;
269 #kiwi .divider-horizontal
{
270 border-top: 1px solid
#303030;
271 border-bottom: 1px solid
#1B1B1B;
276 #kiwi.chanlist_treeview
.panels
{ left:160px; }
277 #kiwi.chanlist_treeview
.toolbar
{ position:static
; }
278 #kiwi.chanlist_treeview
.toolbar
.app_tools
{ float:none
; }
279 #kiwi.chanlist_treeview
.toolbar
> div
{ margin-left:160px; }
280 #kiwi.chanlist_treeview
.toolbar
.tabs
{ position:absolute
; left:0px; bottom:0px; top:0px; margin:0; width:160px; background:#1B1B1B; overflow-y:auto
; }
281 #kiwi.chanlist_treeview
.tabs ul li
{ display:block
; float:none
; }
282 #kiwi.chanlist_treeview
.tabs ul li
.activity
{ float:right
; }
283 #kiwi.chanlist_treeview
.tabs ul li
.active
{ padding-left:1em; }
284 #kiwi .applet_chanlist
{
287 #kiwi .applet_chanlist table
{
288 border-collapse: collapse
;
291 #kiwi .applet_chanlist thead
{
294 #kiwi .applet_chanlist tbody td
{
295 border: 1px solid
#454545;
298 #kiwi .applet_chanlist
.chanlist_name
, #kiwi
.applet_chanlist
.chanlist_num_users
{
299 border-width: 0 1px 0 0;
301 #kiwi .applet_chanlist
.chanlist_topic
{
304 #kiwi .applet_chanlist
tr:nth-child
(even
) {
305 background: none repeat scroll
0 0 #2B2929;
312 #kiwi .ui_menu
.ui_menu_title
{ }
313 #kiwi .ui_menu
.ui_menu_content
{ }
314 #kiwi .ui_menu
.ui_menu_content
.hover:hover
{ background:#f7f7f7; }
315 #kiwi .ui_menu
.ui_menu_foot
{
316 border-bottom-left-radius: 3px;
317 border-bottom-right-radius: 3px;
319 #kiwi .ui_menu
.ui_menu_foot
.close
{ float:right
; font-size:0.9em; margin-right:1em; color: #999; }
320 #kiwi .ui_menu
.ui_menu_foot
.close:hover
{ color: #222; }
322 #kiwi .channel_info
.channel-banlist table
{ margin-top: 10px; border-spacing: 10px 3px; }
323 #kiwi .channel_info
.channel-banlist thead
{ font-style: italic
; }
324 #kiwi .channel_info
.remove-ban:hover
{ color: #900; }
328 #kiwi .notification
{
329 /* .show class reveals this element */
332 -webkit-transition: max-height
1s;
333 -moz-transition: max-height
1s;
334 transition: max-height
1s;
339 text-shadow: 0 -1px black
;
340 background: rgba
(65, 65, 65, 0.95);
341 background-clip: padding-box
;
343 border-color: rgba
(17, 17, 17, 0.6) rgba
(17, 17, 17, 0.7) rgba
(17, 17, 17, 0.9);
346 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));
347 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));
348 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));
349 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));
350 -webkit-box-shadow: inset
0 0 1px rgba
(255, 255, 255, 0.5), 0 1px 2px rgba
(0, 0, 0, 0.3);
351 box-shadow: inset
0 0 1px rgba
(255, 255, 255, 0.5), 0 1px 2px rgba
(0, 0, 0, 0.3);
355 #kiwi .notification
.show
{ max-height: 500px; }
356 #kiwi .notification
.close
{
358 border:1px solid
#1b1b1b;
359 border-left
, border-bottom: none
;
360 border-radius: 0 8px 0 0;
364 background-image: -webkit-linear-gradient
(top
, #383838, #111111);
365 background-image: -moz-linear-gradient
(top
, #383838, #111111);
366 background-image: -o-linear-gradient
(top
, #383838, #111111);
367 background-image: linear-gradient
(to bottom
, #383838, #111111);
368 -webkit-box-shadow: inset
0 1px rgba
(255, 255, 255, 0.15);
369 box-shadow: inset
0 1px rgba
(255, 255, 255, 0.15);
371 #kiwi .notification
.close:hover
{ color: #DBDBDB; }