2 background: url
('../../../img/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);
19 background-color:#1B1B1B; font-size:0.9em;
21 #kiwi .controlbox
{ background-color:#1B1B1B; }
22 #kiwi .memberlists_resize_handle
{
23 /*background:url('../img/resize_handle.png') no-repeat; background-position:center;*/
25 #kiwi .toolbar
.panellist li
{
27 vertical-align: middle
;
29 -moz-border-radius:5px;
30 -webkit-border-radius:5px;
31 -khtml-border-radius:5px;
33 behavior: url
(border-radius
.htc
);
35 background-image: -webkit-gradient
(
39 color-stop
(0.38, rgb
(238,238,238)),
40 color-stop
(0.68, rgb
(209,209,209))
42 background-image: -moz-linear-gradient
(
48 border: 1px solid
#333;
49 background-color: #eee;
52 #kiwi .toolbar
.panellist
.alert_highlight
{ /*background: #990000;*/ }
53 #kiwi .toolbar
.panellist
.alert_activity
{ font-weight:normal
; }
54 #kiwi .toolbar
.panellist
.alert_action
{ font-weight:normal
; }
56 #kiwi .toolbar
.panellist
.active
{ padding-right:23px; border-top:2px solid
#df6b26; border-bottom:none
; }
57 #kiwi .toolbar
.panellist li
.part:before
{ content:"\f00d"; }
59 #kiwi .toolbar
.panellist li
.server span
{ padding-left: 5px; }
60 #kiwi.connected
.toolbar
.panellist li
.server:before
{ content: "\f0ec"; color:#3F9532; }
61 #kiwi .toolbar
.panellist li
.server:before
{ content: "\f06a"; color:#900; font-size:1.5em; line-height:1em; vertical-align:middle
; }
63 /* Tab texts are within a span */
64 #kiwi .toolbar
.panellist li span
{ line-height:20px; vertical-align:middle
; display:inline-block
; }
66 #kiwi .toolbar
.panellist li
.active
.activity
{ display:none
; }
67 #kiwi .toolbar
.panellist li
.activity
.zero
{ visibility:hidden
; }
68 #kiwi .toolbar
.panellist li
.activity
{
69 padding: 1px 3px; margin-left:1em;
71 background: #3F9532; color:#000; /*color: #ff5300;*/
72 text-align: center
; font-size: 10px;
76 #kiwi .toolbar
.panellist li
.alert_highlight
.activity
{
77 color: #fff; background: #a60400;
80 #kiwi .status_message
{
81 background: #FEEFB3; color: #9F6000;
82 border-bottom: 1px solid
;
84 text-align: center
; font-size:1.1em;
86 #kiwi .status_message
.err
{ color:#D8000C; background:#FFBABA; }
88 #kiwi .messages
{ color: #333333; }
89 #kiwi .messages
.active
{ }
90 #kiwi .messages a
{ text-decoration:none
; }
92 #kiwi .messages
.msg
{ border-bottom: 1px solid
#DEDEDE; padding: 1px; font-family:arial
; font-size:0.9em; }
93 #kiwi .messages
.msg
.time
{ width:5em; float:left
; color:#777; padding:5px; display:none
; }
94 #kiwi .messages
.msg
.nick
{ width:11em; float:left
; font-size:12px; font-family:Arial
; text-align:right
; padding: 5px; overflow:hidden
; }
95 #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; }
97 #kiwi.narrow
.messages
.msg
.nick
{ width: auto
; }
98 #kiwi.narrow
.messages
.msg
.text
{ margin-left: 1em; border:none
; }
100 #kiwi .messages
.msg
.action
.nick
{ }
101 #kiwi .messages
.msg
.action
.text
{ color:#009900; border-left:none
; font-style:italic
; }
102 #kiwi .messages
.msg
.action
.join
{ color:#009900; }
103 #kiwi .messages
.msg
.action
.part
.text
{ color:#900; }
104 #kiwi .messages
.msg
.action
.quit
.text
{ color:#900; }
105 #kiwi .messages
.msg
.action
.kick
.text
{ color:#900; }
106 #kiwi .messages
.msg
.status
.nick
{ }
107 #kiwi .messages
.msg
.status
.text
{ color:#990000; margin-left:9em; border-left:none
; font-weight:bold
; }
108 #kiwi .messages
.msg
.topic
.nick
{ display:none
; }
109 #kiwi .messages
.msg
.topic
.text
{ color:#009900; margin-left:9em; font-style: italic
; border-left:none
; }
110 #kiwi .messages
.msg
.motd
{ border:none
; }
111 /*#kiwi .messages .msg.motd .nick { display:none; }*/
112 #kiwi .messages
.msg
.motd
.text
{ color:#666; font-family:monospace
; }
113 #kiwi .messages
.msg
.whois
.nick
{ font-weight:normal
; }
114 #kiwi .messages
.msg
.whois
.text
{ margin-left:18em; padding-left:1em; border-left:1px dashed
#999; }
115 #kiwi .messages
.msg
.error
.text
{
116 border:1px solid
#A33F3F; background-color:#D28A8A;
117 padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em;
120 #kiwi.timestamps
.messages
.msg
.time
{ display:block
; }
121 #kiwi.timestamps
.messages
.msg
.text
{ margin-left:17em; }
123 #kiwi .messages
.msg
.global_nick_highlight
,
124 #kiwi .messages
.msg
.highlight
{ transition: background
0.3s; background:#D9D9D9; }
125 #kiwi .messages
.msg
.repeated_nick
.nick
{ visibility:hidden
; }
127 /* Narrow styling (window width < 400px) */
128 #kiwi.narrow
.messages
.msg
.nick
{ width: auto
; }
129 #kiwi.narrow
.messages
.msg
.text
{ margin-left: 1em; border:none
; }
130 #kiwi.narrow
.messages
.msg
.action
.text
{ margin-left: 1em; }
133 #kiwi .messages
.msg
.media
{ margin-left:0.5em; }
134 #kiwi .messages
.msg
.media
.media_close
{ font-size:0.9em; }
135 #kiwi .messages
.msg
.media
.media_content
{ margin:10px 0 0 10px; overflow:hidden
; }
136 #kiwi .messages
.msg
.media
.media_content img
{ padding:3px; border:1px solid gray
; }
137 #kiwi .messages
.msg
.media
.media_content
> .content
{
141 border: #DDD 1px solid
;
142 border-top-color: #EEE;
143 border-bottom-color: #BBB;
144 -webkit-box-shadow: 0 1px 3px rgba
(0, 0, 0, 0.15);
145 -moz-box-shadow: 0 1px 3px rgba
(0,0,0,0.15);
146 box-shadow: 0 1px 3px rgba
(0, 0, 0, 0.15);
151 #kiwi .messages
.msg
.media
.twitter
.media_content
> .content
{
152 background: transparent
;
158 #kiwi .messages
.msg
.media
.reddit
.thumbnail_nsfw
{
159 display: inline-block
;
162 #kiwi .messages
.msg
.media
.reddit
.thumbnail
{ float:left
; margin-right: 0.5em; }
166 background-color: #DADADA;
167 border-left: 1px solid
#8A8A8A;
169 #kiwi.narrow
.memberlists
{ display:none
; }
170 #kiwi .memberlists ul
{ list-style: none
; }
171 #kiwi .memberlists ul
.active
{ }
172 #kiwi .memberlists ul li
{ padding: 0.2em 1em; }
173 #kiwi .memberlists ul
li:hover
{
174 border-left: 5px solid
#88C56A;
175 -webkit-transition: 0.2s ease
;
176 -moz-transition: 0.2s ease
;
177 -ms-transition: 0.2s ease
;
178 -o-transition: 0.2s ease
;
179 transition: 0.2s ease
;
181 #kiwi .memberlists ul li a
.nick
{ display:block
; color:black
; }
183 #kiwi .userbox
{ margin:4px 1em 5px 1em; padding-bottom:0.7em; font-size:.9em; }
184 #kiwi .userbox a
{ display:block
; text-decoration:none
; margin-bottom:2px; }
185 #kiwi .userbox a i
{ font-size:1.1em; margin-right:5px; }
187 /* User mode styles */
188 #kiwi .memberlists ul li
.prefix
{
190 width:20px; height:20px;
193 font-size:12px; text-align: center
;
195 /* text-indent: -1000px; */
197 /* Most important modes towards the bottom - they override the top ones! */
198 #kiwi .memberlists ul li
.mode
.v
.prefix
{ display:inline-block
; background:#b3b3b3; }
199 #kiwi .memberlists ul li
.mode
.h
.prefix
{ display:inline-block
; background:#b5b447; }
200 #kiwi .memberlists ul li
.mode
.o
.prefix
{ display:inline-block
; background:#47b547; }
201 #kiwi .memberlists ul li
.mode
.a
.prefix
{ display:inline-block
; background:#b54747; }
202 #kiwi .memberlists ul li
.mode
.q
.prefix
{ display:inline-block
; background:#8547b5; }
204 #kiwi .controlbox
.input
{
205 background:#fff; margin:3px;
208 -moz-border-radius:5px;
209 -webkit-border-radius:5px;
210 -khtml-border-radius:5px;
212 #kiwi .controlbox
.input
.nick a
{ text-decoration:none
; color:black
; }
213 #kiwi .controlbox
.input
.nick
{
219 background-color: #eee;
220 border-radius: 3px 0 0 3px;
221 border-right: 1px solid
#ccc;
223 padding-right: 0.5em;
226 #kiwi.narrow
.controlbox
.input
.nick
{ display:none
; }
227 #kiwi.narrow
.controlbox
.input
.input_wrap
{ left:7px; }
229 #kiwi .controlbox
.input
.input_wrap
{
231 right:7px; left: 12.2em;
234 #kiwi .controlbox
.input
.inp
{
239 outline:none
; resize:none
;
242 height:100%; width:100%;
247 #kiwi .controlbox
.nickchange
{
248 padding:10px; left: 0px;
249 background: #1B1B1B; color:#eeeeee;
251 #kiwi .controlbox
.nickchange input
{ padding:0.3em 0.5em; }
252 #kiwi .controlbox
.nickchange button
{ padding:0.5em; }
256 #kiwi .toolbar
.topic
{ background-color:#1B1B1B; padding-bottom:2px; }
257 #kiwi .toolbar
.topic div
{
262 background-color:#FFF;
268 #kiwi .toolbar
.topic:hover div
{
270 white-space:pre-wrap
; word-wrap:break-word
;
272 background-color:#FFF;
274 height:auto
; bottom:auto
;
275 border-bottom: 2px solid
#1B1B1B;
279 #kiwi .toolbar
.app_tools
{ width:200px; padding-left:10px; color:#D4D4D4; }
280 #kiwi.narrow
.toolbar
.tabs
{ margin-right:0; }
281 #kiwi.narrow
.toolbar
.app_tools
{ width:auto
; }
282 #kiwi .toolbar
.app_tools ul li
{
284 -webkit-transition: all
.3s ease
;
285 -moz-transition: all
.3s ease
;
286 transition: all
.3s ease
;
289 #kiwi .toolbar
.app_tools ul
li:hover
{ color:#88C56A; }
290 #kiwi .toolbar
.app_tools img
{ }
293 /* The server select dialog */
294 #kiwi .server_select
{ margin-left:auto
; margin-right:auto
; }
295 #kiwi .server_select
.more
{ display: none
; width:270px; margin:0 auto
; }
296 #kiwi .server_select table tr td
{ padding:5px; }
297 #kiwi .server_select button
{ float:right
; padding:3px 7px; }
298 #kiwi .server_select input
{ padding:3px 7px; width:150px; }
299 #kiwi .server_select label
{ }
300 #kiwi .server_select br
{ clear:both
; }
301 #kiwi .server_select
.basic input
, .server_select
.basic button
{ font-size:1em; padding:0.5em 1em; }
302 #kiwi .server_select
.basic input
{ width:170px; }
303 #kiwi .server_select
.basic label
{ font-size:1.3em; margin-top:4px; }
304 #kiwi .server_select
.basic tr
.have_pass
{ font-size:0.8em; }
305 #kiwi .server_select
.basic tr
.have_key
{ font-size:0.8em; }
306 #kiwi .server_select
.basic tr
.channel td
{ padding-top:1em; }
307 #kiwi .server_select
.basic
{ border-bottom: 1px dashed gray
; margin-bottom:1em; }
308 #kiwi .server_select
.basic
.show_more
{ display: block
; width:110px; margin:10px 0 0 0; font-size:0.8em; }
309 #kiwi .server_select
.single_server
.basic
{ border:none
; }
310 #kiwi .server_select
.status
{ text-align: center
; font-weight: bold
; padding:1em; }
311 #kiwi .server_select
.status
.ok
{ }
312 #kiwi .server_select
.status
.error
{
313 border:1px solid
#A33F3F; background-color:#D28A8A;
314 padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em;
318 #kiwi .server_select
.kiwi_logo
{ margin-top:30px; }
319 #kiwi .server_select
.kiwi_logo h1 span
{
321 line-height:24px; vertical-align: middle
;
324 #kiwi .server_select
.kiwi_logo img
{ display:inline
; width:24px; }
327 #kiwi.chanlist_treeview
.panels
{ left:160px; }
328 #kiwi.chanlist_treeview
.toolbar
{ position:static
; }
329 #kiwi.chanlist_treeview
.toolbar
.app_tools
{ float:none
; }
330 #kiwi.chanlist_treeview
.toolbar
> div
{ margin-left:160px; }
331 #kiwi.chanlist_treeview
.toolbar
.tabs
{ position:absolute
; left:0px; bottom:0px; top:0px; margin:0; width:160px; background:#1B1B1B; overflow-y:auto
; }
332 #kiwi.chanlist_treeview
.tabs ul li
{ display:block
; float:none
; }
333 #kiwi.chanlist_treeview
.tabs ul li
.activity
{ position:absolute
; right:5px; }
334 #kiwi.chanlist_treeview
.tabs ul li
.active
{
336 border-right-width:0;
337 border-bottom-right-radius:0;
338 border-top-right-radius:0;
342 #kiwi .applet
> div
.settings button
.save
{
344 border:1px solid gray
; border-radius:3px;
346 #kiwi .applet
> div
.settings tr
{
347 border-bottom: 1px dashed black
;
350 #kiwi .applet
> div
.settings td
.label
{
353 #kiwi .applet
> div
.settings tr
.save
{
361 box-shadow: 0 3px 8px rgba
(0, 0, 0, .25);
363 #kiwi .ui_menu
.ui_menu_title
{
364 border-top-left-radius: 3px;
365 border-top-right-radius: 3px;
367 #kiwi .ui_menu
.ui_menu_content
{ }
368 #kiwi .ui_menu
.ui_menu_content
.hover:hover
{ background:#f7f7f7; }
369 #kiwi .ui_menu
.ui_menu_foot
{
370 border-bottom-left-radius: 3px;
371 border-bottom-right-radius: 3px;
373 #kiwi .ui_menu
.ui_menu_foot
.close
{ float:right
; font-size:0.9em; margin-right:1em; color: #999; }
374 #kiwi .ui_menu
.ui_menu_foot
.close:hover
{ color: #222; }