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;
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
; color:red
; }
56 #kiwi .toolbar
.panellist
.alert_activity
{ font-weight:normal
; color:green
; }
57 #kiwi .toolbar
.panellist
.alert_action
{ font-weight:normal
; color:green
; }
59 #kiwi .toolbar
.panellist
.active
{ padding-right:25px; border-top:2px solid
#df6b26; border-bottom:none
; }
60 #kiwi .toolbar
.panellist li
.part
{}
61 #kiwi .toolbar
.panellist li
.part:before
{ content:"[x]"; }
63 #kiwi .toolbar
.panellist li
.server span
{ padding-left: 5px; }
64 #kiwi.connected
.toolbar
.panellist li
.server:before
{ content: "\f0ec"; color:#3F9532; }
65 #kiwi .toolbar
.panellist li
.server:before
{ content: "\f06a"; color:#900; font-size:1.5em; line-height:1em; vertical-align:middle
; }
68 /* Tab texts are within a span */
69 #kiwi .toolbar
.panellist li span
{ line-height:20px; vertical-align:middle
; display:inline-block
; }
71 #kiwi .toolbar
.panellist li
.activity
{ display:inline
; margin-left:0.5em; font-style:italic
; font-size:0.8em; }
72 #kiwi .toolbar
.panellist
.applets li
.activity
{ display: none
; }
73 #kiwi .toolbar
.panellist li
.activity:before
{ content:"("; }
74 #kiwi .toolbar
.panellist li
.activity:after
{ content:")"; }
76 #kiwi .status_message
{
77 background: #FEEFB3; color: #9F6000;
78 border-bottom: 1px solid
#d7bb71;
80 text-align: center
; font-size:1.1em;
82 #kiwi .status_message
.err
{ color:#D8000C; background:#FFBABA; }
84 #kiwi .channel_tools
{
89 #kiwi .channel_tools i
{
94 #kiwi .channel_tools
i:hover
{
95 transition: color
0.3s;
100 #kiwi .messages
.active
{ }
101 #kiwi .messages a
{ text-decoration:underline
; }
103 #kiwi .messages
.msg
{ border: none
; padding: 2px 5px; }
104 #kiwi .messages
.msg
> div
{ font-family: Consolas
, "Lucida Console", monospace
; font-size:0.9em; }
105 #kiwi .messages
.msg
.time
{ display:none
; margin-right:1em; margin-left:2px; color:gray
; }
106 #kiwi .messages
.msg
.nick
{ display:inline
; margin-right:1em; }
107 #kiwi .messages
.msg
.nick:before
{ content:"<"; }
108 #kiwi .messages
.msg
.nick:after
{ content:">"; }
109 #kiwi .messages
.msg
.text
{ white-space:pre-wrap
; word-wrap:break-word
; color:#1e1e1e; }
111 #kiwi .messages
.msg
.action
.nick
,
112 #kiwi .messages
.msg
.static
.nick
,
113 #kiwi .messages
.msg
.topic
{ margin: 5px; background: #FFF5AB; border: 1px solid
#F3C572; border-radius: 5px; }
114 #kiwi .messages
.msg
.topic
.time
{ display:none
; }
115 #kiwi .messages
.msg
.topic
.nick
{ display:none
; }
116 #kiwi .messages
.msg
.topic
.text
{ color:#009900; margin-left:0; font-style: italic
; border:none
; }
118 #kiwi .messages
.msg
.action
.text
{ color:#009900; font-style:italic
; }
119 #kiwi .messages
.msg
.action
.join
{ color:#009900; }
120 #kiwi .messages
.msg
.action
.part
.text
{ color:#900; }
121 #kiwi .messages
.msg
.action
.quit
.text
{ color:#900; }
122 #kiwi .messages
.msg
.action
.kick
.text
{ color:#900; }
124 #kiwi .messages
.msg
.motd
{ border:none
; }
125 /*#kiwi .messages .msg.motd .nick { display:none; }*/
126 #kiwi .messages
.msg
.motd
.text
{ color:#666; }
127 #kiwi .messages
.msg
.whois
.nick
{ font-weight:normal
; }
128 #kiwi .messages
.msg
.whois
.text
{ padding-left:1em; border-left:1px dashed
#999; }
129 #kiwi .messages
.msg
.error
.text
{
130 border:1px solid
#A33F3F; background-color:#D28A8A;
131 padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em;
134 #kiwi.timestamps
.messages
.msg
.time
{ display:inline
; }
135 #kiwi.timestamps
.messages
.msg
.text
{ }
137 #kiwi .messages
.msg
.global_nick_highlight
,
138 #kiwi .messages
.msg
.highlight
{ background:#D9D9D9; }
140 /* Narrow styling (window width < 400px) */
141 #kiwi.narrow
.messages
.msg
.nick
{ width: auto
; }
142 #kiwi.narrow
.messages
.msg
.text
{ margin-left: 1em; border:none
; }
143 #kiwi.narrow
.messages
.msg
.action
.text
{ margin-left: 1em; }
145 #kiwi .messages
.msg
.media
{ margin-left:0.5em; }
146 #kiwi .messages
.msg
.media a
{ text-decoration:none
; }
147 #kiwi .messages
.msg
.media
.media_close
{ font-size:0.9em; }
148 #kiwi .messages
.msg
.media
.media_content
{ margin:10px 0 0 2em; overflow:hidden
; }
149 #kiwi .messages
.msg
.media
.media_content img
{ padding:3px; border:1px solid gray
; }
150 #kiwi .messages
.msg
.media
.media_content
> .content
{
154 border: #DDD 1px solid
;
155 border-top-color: #EEE;
156 border-bottom-color: #BBB;
157 -webkit-box-shadow: 0 1px 3px rgba
(0, 0, 0, 0.15);
158 -moz-box-shadow: 0 1px 3px rgba
(0,0,0,0.15);
159 box-shadow: 0 1px 3px rgba
(0, 0, 0, 0.15);
164 #kiwi .messages
.msg
.media
.twitter
.media_content
> .content
{
165 background: transparent
;
171 #kiwi .messages
.msg
.media
.reddit
.thumbnail_nsfw
{
172 display: inline-block
;
175 #kiwi .messages
.msg
.media
.reddit
.thumbnail
{ float:left
; margin-right: 0.5em; }
180 background-color: #DADADA;
181 border-left: 1px dashed
#8A8A8A;
183 #kiwi.narrow
.right_bar
{ width:100%; }
184 #kiwi.narrow
.right_bar
.disabled
{ width:0; }
186 #kiwi .memberlists
.meta
{
192 #kiwi .memberlists ul
{ list-style: none
; margin-left:2px; }
193 #kiwi .memberlists ul
.active
{ }
194 #kiwi .memberlists ul li
{ padding:0 2px; }
195 #kiwi.narrow
.memberlists ul li
{
197 border-bottom: 1px solid lightgray
;
200 #kiwi .memberlists ul
li:hover
{}
201 #kiwi .memberlists ul li a
.nick
{ display:block
; color:black
; }
203 #kiwi .userbox
{ margin:0 1em 5px 1em; padding-bottom:0.7em; font-size:.9em; }
204 #kiwi .userbox a
{ display:block
; text-decoration:none
; margin-bottom:2px; }
205 #kiwi .userbox a i
{ font-size:1.1em; margin-right:5px; }
208 #kiwi .controlbox
.input
{
209 background:#fff; margin:3px;
212 #kiwi .controlbox
.input
.nick
{
221 #kiwi.narrow
.controlbox
.input
.nick
{ display:none
; }
222 #kiwi.narrow
.controlbox
.input
.input_wrap
{ left:7px; }
224 #kiwi .controlbox
.input
.nick:after
{ content:">"; margin-left:3px; top:2px; }
225 #kiwi .controlbox
.input
.nick a
{ text-decoration:none
; color:black
; }
226 #kiwi .controlbox
.input
.input_wrap
{
228 right:3px; left:12em;
231 #kiwi .controlbox
.input
.inp
{
239 height:100%; width:100%;
245 #kiwi .controlbox
.nickchange
{
246 padding:10px; left: 0px;
247 background: #1B1B1B; color:#eeeeee;
249 #kiwi .controlbox
.nickchange input
{ padding:0.3em 0.5em; margin-left: 0.5em; }
250 #kiwi .controlbox
.nickchange button
{ padding:0.5em; margin: 0 0.5em 0 1em; }
254 #kiwi .toolbar
.topic
{ }
255 #kiwi .toolbar
.topic div
{
256 top:2; bottom:2px; left:0; width:100%;
261 background-color:#FFF;
266 #kiwi .toolbar
.topic:hover div
{
268 white-space:pre-wrap
; word-wrap:break-word
;
270 background-color:#FFF;
272 height:auto
; bottom:auto
;
273 border-bottom: 1px dotted
#1B1B1B;
277 #kiwi .toolbar
.app_tools
{ padding-left:10px; color:#D4D4D4; }
278 #kiwi.narrow
.toolbar
.tabs
{ margin-right:0; }
279 #kiwi.narrow
.toolbar
.app_tools
{ width:auto
; }
280 #kiwi .toolbar
.app_tools ul li
{
282 -webkit-transition: all
.3s ease
;
283 -moz-transition: all
.3s ease
;
284 transition: all
.3s ease
;
287 #kiwi .toolbar
.app_tools ul
li:hover
{ color:#88C56A; }
288 #kiwi .toolbar
.app_tools img
{ }
291 /* The server select dialog */
292 #kiwi .server_select
{ margin-left:auto
; margin-right:auto
; }
293 #kiwi .server_select a
{ text-decoration: none
; }
294 #kiwi .server_select
.more
{ display: none
; width:270px; margin:0 auto
; }
295 #kiwi .server_select table tr td
{ padding:5px; }
296 #kiwi .server_select button
{
297 /*padding: 10px 25px;*/
304 #kiwi .server_select input
{ padding:3px 7px; width:150px; }
305 #kiwi .server_select label
{ }
306 #kiwi .server_select br
{ clear:both
; }
307 #kiwi .server_select
.basic input
, .server_select
.basic button
{ font-size:1em; padding:0.5em 1em; }
308 #kiwi .server_select
.basic input
{ width:170px; }
309 #kiwi .server_select
.basic label
{ font-size:1.3em; margin-top:4px; }
310 #kiwi .server_select
.basic tr
.have_pass
{ font-size:0.8em; }
311 #kiwi .server_select
.basic tr
.channel td
{ padding-top:1em; }
312 #kiwi .server_select
.basic
{ border-bottom: 1px dashed gray
; margin-bottom:1em; }
313 #kiwi .server_select
.basic
.show_more
{ display: block
; width:110px; margin:10px 0 0 0; font-size:0.8em; }
314 #kiwi .server_select
.single_server
.basic
{ border:none
; }
315 #kiwi .server_select
.status
{ text-align: center
; font-weight: bold
; padding:1em; }
316 #kiwi .server_select
.status
.ok
{ }
317 #kiwi .server_select
.status
.error
{
318 border:1px solid
#A33F3F; background-color:#D28A8A;
319 padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em;
321 #kiwi .server_select
.show_server
{ margin-left: 1em; font-size:0.9em; color: #555555; }
324 #kiwi .server_select
.kiwi_logo
{ margin-top:30px; text-align:center
; display:block
; }
325 #kiwi .server_select
.kiwi_logo h1
{
327 line-height:48px; vertical-align: middle
;
330 #kiwi .server_select
.kiwi_logo img
{ display:inline
; width:24px; }
333 #kiwi.chanlist_treeview
.panels
{ left:160px; }
334 #kiwi.chanlist_treeview
.toolbar
{ position:static
; }
335 #kiwi.chanlist_treeview
.toolbar
.app_tools
{ float:none
; }
336 #kiwi.chanlist_treeview
.toolbar
> div
{ margin-left:160px; }
337 #kiwi.chanlist_treeview
.toolbar
.tabs
{ position:absolute
; left:0px; bottom:0px; top:0px; margin:0; width:160px; background:#1B1B1B; overflow-y:auto
; }
338 #kiwi.chanlist_treeview
.toolbar
.panellist
{ float: none
; display: block
; margin-right: 5px; }
339 #kiwi.chanlist_treeview
.tabs ul li
{ display:block
; float:none
; }
340 #kiwi.chanlist_treeview
.tabs ul li
.activity
{ float:right
; }
341 #kiwi.chanlist_treeview
.toolbar
.panellist li
{
344 #kiwi.chanlist_treeview
.toolbar
.panellist
.active
{ padding-left: 6px; padding-right:23px; border:none
; border-left:2px solid
#df6b26; border-bottom:none
; }
345 #kiwi.chanlist_treeview
.tabs ul li
.active
{
347 border-right-width:0;
349 #kiwi .applet_chanlist
{
352 #kiwi .applet_chanlist table
{
353 border-collapse: collapse
;
356 #kiwi .applet_chanlist thead
{
359 #kiwi .applet_chanlist tbody td
{
360 border: 1px solid
#C4C4C4;
363 #kiwi .applet_chanlist
.chanlist_name
, #kiwi
.applet_chanlist
.chanlist_num_users
{
364 border-width: 0 1px 0 0;
366 #kiwi .applet_chanlist
.chanlist_topic
{
369 #kiwi .applet_chanlist
tr:nth-child
(even
) {
370 background: none repeat scroll
0 0 #DBDBDB;
374 #kiwi .ui_menu
.ui_menu_foot
.close
{ float:right
; font-size:0.9em; margin-right:1em; color: #999; }
375 #kiwi .ui_menu
.ui_menu_foot
.close:hover
{ color: #222; }
377 #kiwi .channel_info
.channel-banlist table
{ margin-top: 10px; border-spacing: 10px 3px; }
378 #kiwi .channel_info
.channel-banlist thead
{ font-style: italic
; }
379 #kiwi .channel_info
.remove-ban:hover
{ color: #900; }