Commit | Line | Data |
---|---|---|
05934d33 | 1 | #kiwi { |
83dc56c5 | 2 | background: url(background-light.png) left top repeat-x #E3E3E3; |
05934d33 JA |
3 | color: #555555; |
4 | } | |
5 | #kiwi, | |
6 | #kiwi input, | |
7 | #kiwi button, | |
8 | #kiwi textarea { | |
9 | font-family:Arial, Helvetica, sans-serif; | |
10 | font-size:14px; line-height:1.4em; | |
11 | } | |
83dc56c5 D |
12 | #kiwi button { |
13 | border-radius: 2px; | |
14 | border: none; | |
15 | background: #8ab746; | |
16 | cursor: pointer; | |
17 | color: #1b1b1b; | |
18 | } | |
19 | #kiwi button:disabled { color: #464646; background:#9cc164; } | |
05934d33 JA |
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); | |
23 | border: none; | |
24 | border-radius: 3px; | |
25 | } | |
26 | #kiwi .toolbar { | |
27 | background-color:#1B1B1B; font-size:0.9em; | |
83dc56c5 D |
28 | box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.8); |
29 | z-index: 1; | |
30 | } | |
31 | #kiwi .controlbox { | |
32 | background-color:#1B1B1B; | |
33 | box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.8); | |
05934d33 | 34 | } |
05934d33 JA |
35 | #kiwi .memberlists_resize_handle { |
36 | /*background:url('../img/resize_handle.png') no-repeat; background-position:center;*/ | |
37 | } | |
38 | #kiwi .toolbar .panellist li { | |
39 | line-height: 1.4em; | |
40 | vertical-align: middle; | |
83dc56c5 | 41 | |
05934d33 JA |
42 | -moz-border-radius:5px; |
43 | -webkit-border-radius:5px; | |
44 | -khtml-border-radius:5px; | |
45 | border-radius:5px; | |
46 | behavior: url(border-radius.htc); | |
47 | ||
48 | background-image: -webkit-gradient( | |
49 | linear, | |
50 | left top, | |
51 | left bottom, | |
52 | color-stop(0.38, rgb(238,238,238)), | |
53 | color-stop(0.68, rgb(209,209,209)) | |
54 | ); | |
55 | background-image: -moz-linear-gradient( | |
56 | center top, | |
57 | rgb(238,238,238) 38%, | |
58 | rgb(209,209,209) 68% | |
59 | ); | |
60 | ||
61 | border: 1px solid #333; | |
62 | background-color: #eee; | |
63 | } | |
64 | ||
65 | #kiwi .toolbar .panellist .alert_highlight { /*background: #990000;*/ } | |
66 | #kiwi .toolbar .panellist .alert_activity { font-weight:normal; } | |
67 | #kiwi .toolbar .panellist .alert_action { font-weight:normal; } | |
68 | ||
69 | #kiwi .toolbar .panellist .active { padding-right:23px; border-top:2px solid #df6b26; border-bottom:none; } | |
70 | #kiwi .toolbar .panellist li .part:before { content:"\f00d"; } | |
71 | ||
72 | #kiwi .toolbar .panellist li.server span { padding-left: 5px; } | |
73 | #kiwi.connected .toolbar .panellist li.server:before { content: "\f0ec"; color:#3F9532; } | |
74 | #kiwi .toolbar .panellist li.server:before { content: "\f06a"; color:#900; font-size:1.5em; line-height:1em; vertical-align:middle; } | |
75 | ||
76 | /* Tab texts are within a span */ | |
77 | #kiwi .toolbar .panellist li span { line-height:20px; vertical-align:middle; display:inline-block; } | |
78 | ||
79 | #kiwi .toolbar .panellist li.active .activity { display:none; } | |
80 | #kiwi .toolbar .panellist li .activity.zero { visibility:hidden; } | |
81 | #kiwi .toolbar .panellist li .activity { | |
82 | padding: 1px 3px; margin-left:1em; | |
83 | border-radius: 4px; | |
84 | background: #3F9532; color:#000; /*color: #ff5300;*/ | |
85 | text-align: center; font-size: 10px; | |
86 | display:inline-block; | |
87 | width:2em; | |
88 | } | |
89 | #kiwi .toolbar .panellist li.alert_highlight .activity { | |
90 | color: #fff; background: #a60400; | |
91 | } | |
92 | ||
93 | #kiwi .status_message { | |
94 | background: #FEEFB3; color: #9F6000; | |
95 | border-bottom: 1px solid; | |
96 | padding: 0.9em; | |
97 | text-align: center; font-size:1.1em; | |
98 | } | |
99 | #kiwi .status_message.err { color:#D8000C; background:#FFBABA; } | |
100 | ||
9936359c D |
101 | #kiwi .channel_tools { |
102 | border-bottom: 1px solid #8A8A8A; | |
103 | margin-bottom: 10px; | |
104 | padding: 0 5%; | |
105 | } | |
106 | #kiwi .channel_tools i { | |
06d56c90 | 107 | width: 30%; |
9936359c D |
108 | font-size: 1.6em; |
109 | line-height: 1.6em; | |
110 | } | |
111 | #kiwi .channel_tools i:hover { | |
112 | transition: color 0.3s; | |
113 | color: #88C56A; | |
114 | } | |
115 | ||
05934d33 JA |
116 | #kiwi .messages { color: #333333; } |
117 | #kiwi .messages.active { } | |
118 | #kiwi .messages a { text-decoration:none; } | |
119 | ||
120 | #kiwi .messages .msg { border-bottom: 1px solid #DEDEDE; padding: 1px; font-family:arial; font-size:0.9em; } | |
62d1e896 | 121 | #kiwi .messages .msg .time { width:6em; float:left; color:#777; padding:5px; display:none; } |
05934d33 JA |
122 | #kiwi .messages .msg .nick { width:11em; float:left; font-size:12px; font-family:Arial; text-align:right; padding: 5px; overflow:hidden; } |
123 | #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; } | |
124 | ||
125 | #kiwi.narrow .messages .msg .nick { width: auto; } | |
126 | #kiwi.narrow .messages .msg .text { margin-left: 1em; border:none; } | |
127 | ||
128 | #kiwi .messages .msg.action .nick { } | |
129 | #kiwi .messages .msg.action .text { color:#009900; border-left:none; font-style:italic; } | |
130 | #kiwi .messages .msg.action.join { color:#009900; } | |
131 | #kiwi .messages .msg.action.part .text { color:#900; } | |
132 | #kiwi .messages .msg.action.quit .text { color:#900; } | |
133 | #kiwi .messages .msg.action.kick .text { color:#900; } | |
134 | #kiwi .messages .msg.status .nick { } | |
135 | #kiwi .messages .msg.status .text { color:#990000; margin-left:9em; border-left:none; font-weight:bold; } | |
136 | #kiwi .messages .msg.topic .nick { display:none; } | |
137 | #kiwi .messages .msg.topic .text { color:#009900; margin-left:9em; font-style: italic; border-left:none; } | |
138 | #kiwi .messages .msg.motd { border:none; } | |
139 | /*#kiwi .messages .msg.motd .nick { display:none; }*/ | |
140 | #kiwi .messages .msg.motd .text { color:#666; font-family:monospace; } | |
141 | #kiwi .messages .msg.whois .nick { font-weight:normal; } | |
142 | #kiwi .messages .msg.whois .text { margin-left:18em; padding-left:1em; border-left:1px dashed #999; } | |
143 | #kiwi .messages .msg.error .text { | |
144 | border:1px solid #A33F3F; background-color:#D28A8A; | |
145 | padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em; | |
146 | } | |
147 | ||
148 | #kiwi.timestamps .messages .msg .time { display:block; } | |
62d1e896 | 149 | #kiwi.timestamps .messages .msg .text { margin-left:18em; } |
05934d33 JA |
150 | |
151 | #kiwi .messages .msg.global_nick_highlight, | |
152 | #kiwi .messages .msg.highlight { transition: background 0.3s; background:#D9D9D9; } | |
153 | #kiwi .messages .msg.repeated_nick .nick { visibility:hidden; } | |
154 | ||
155 | /* Narrow styling (window width < 400px) */ | |
156 | #kiwi.narrow .messages .msg .nick { width: auto; } | |
157 | #kiwi.narrow .messages .msg .text { margin-left: 1em; border:none; } | |
158 | #kiwi.narrow .messages .msg.action .text { margin-left: 1em; } | |
159 | ||
160 | ||
161 | #kiwi .messages .msg .media { margin-left:0.5em; } | |
162 | #kiwi .messages .msg .media .media_close { font-size:0.9em; } | |
163 | #kiwi .messages .msg .media .media_content { margin:10px 0 0 10px; overflow:hidden; } | |
164 | #kiwi .messages .msg .media .media_content img { padding:3px; border:1px solid gray; } | |
165 | #kiwi .messages .msg .media .media_content > .content { | |
166 | background: white; | |
167 | overflow: hidden; | |
168 | padding: 10px; | |
169 | border: #DDD 1px solid; | |
170 | border-top-color: #EEE; | |
171 | border-bottom-color: #BBB; | |
172 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); | |
173 | -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.15); | |
174 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); | |
175 | border-radius: 5px; | |
176 | float: left; | |
177 | } | |
178 | ||
179 | #kiwi .messages .msg .media.twitter .media_content > .content { | |
180 | background: transparent; | |
181 | border:none; | |
182 | overflow: hidden; | |
183 | box-shadow: none; | |
184 | padding: 0; | |
185 | } | |
186 | #kiwi .messages .msg .media.reddit .thumbnail_nsfw { | |
187 | display: inline-block; | |
188 | float: left; | |
189 | } | |
190 | #kiwi .messages .msg .media.reddit .thumbnail { float:left; margin-right: 0.5em; } | |
191 | ||
192 | ||
9936359c | 193 | #kiwi .right_bar { |
05934d33 JA |
194 | background-color: #DADADA; |
195 | border-left: 1px solid #8A8A8A; | |
196 | } | |
9936359c | 197 | #kiwi.narrow .right_bar { display:none; } |
05934d33 JA |
198 | #kiwi .memberlists ul { list-style: none; } |
199 | #kiwi .memberlists ul.active { } | |
200 | #kiwi .memberlists ul li { padding: 0.2em 1em; } | |
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; | |
83dc56c5 | 207 | transition: 0.2s ease; |
05934d33 JA |
208 | } |
209 | #kiwi .memberlists ul li a.nick { display:block; color:black; } | |
210 | ||
211 | #kiwi .userbox { margin:4px 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; } | |
214 | ||
215 | /* User mode styles */ | |
216 | #kiwi .memberlists ul li .prefix { | |
217 | display:none; | |
218 | width:20px; height:20px; | |
219 | border-radius: 5px; | |
220 | margin: 0 7px 0 0; | |
221 | font-size:12px; text-align: center; | |
222 | color: #E3E3E3; | |
223 | /* text-indent: -1000px; */ | |
224 | } | |
225 | /* Most important modes towards the bottom - they override the top ones! */ | |
226 | #kiwi .memberlists ul li.mode.v .prefix { display:inline-block; background:#b3b3b3; } | |
227 | #kiwi .memberlists ul li.mode.h .prefix { display:inline-block; background:#b5b447; } | |
228 | #kiwi .memberlists ul li.mode.o .prefix { display:inline-block; background:#47b547; } | |
229 | #kiwi .memberlists ul li.mode.a .prefix { display:inline-block; background:#b54747; } | |
230 | #kiwi .memberlists ul li.mode.q .prefix { display:inline-block; background:#8547b5; } | |
231 | ||
232 | #kiwi .controlbox .input { | |
233 | background:#fff; margin:3px; | |
234 | height:1.7em; | |
235 | border-radius:5px; | |
236 | -moz-border-radius:5px; | |
237 | -webkit-border-radius:5px; | |
238 | -khtml-border-radius:5px; | |
239 | } | |
240 | #kiwi .controlbox .input .nick a { text-decoration:none; color:black; } | |
241 | #kiwi .controlbox .input .nick { | |
242 | text-align: right; | |
243 | width: 11em; | |
244 | left: 0px; | |
245 | position: absolute; | |
246 | overflow: hidden; | |
247 | background-color: #eee; | |
248 | border-radius: 3px 0 0 3px; | |
249 | border-right: 1px solid #ccc; | |
250 | padding: 2px; | |
251 | padding-right: 0.5em; | |
252 | } | |
253 | ||
254 | #kiwi.narrow .controlbox .input .nick { display:none; } | |
255 | #kiwi.narrow .controlbox .input .input_wrap { left:7px; } | |
256 | ||
257 | #kiwi .controlbox .input .input_wrap { | |
258 | position:absolute; | |
259 | right:7px; left: 12.2em; | |
260 | height:1.7em; | |
261 | } | |
262 | #kiwi .controlbox .input .inp { | |
263 | line-height:1.7em; | |
264 | border: medium none; | |
265 | box-shadow: none; | |
266 | border-radius: 0; | |
267 | outline:none; resize:none; | |
268 | overflow:hidden; | |
269 | position:relative; | |
270 | height:100%; width:100%; | |
271 | display: block; | |
272 | } | |
273 | ||
274 | ||
275 | #kiwi .controlbox .nickchange { | |
276 | padding:10px; left: 0px; | |
277 | background: #1B1B1B; color:#eeeeee; | |
278 | } | |
83dc56c5 D |
279 | #kiwi .controlbox .nickchange input { padding:0.3em 0.5em; margin-left: 0.5em; width: 165px; } |
280 | #kiwi .controlbox .nickchange button { padding:0.5em; margin: 0 0.5em 0 1em; } | |
05934d33 JA |
281 | |
282 | ||
283 | ||
284 | #kiwi .toolbar .topic { background-color:#1B1B1B; padding-bottom:2px; } | |
285 | #kiwi .toolbar .topic div { | |
286 | padding: 0.2em 1em; | |
287 | text-align: center; | |
288 | box-shadow: none; | |
289 | border-radius: 0; | |
290 | background-color:#FFF; | |
291 | height: 1.5em; | |
292 | overflow: hidden; | |
293 | outline: none; | |
294 | white-space: nowrap; | |
295 | } | |
296 | #kiwi .toolbar .topic:hover div { | |
297 | min-height:1.5em; | |
298 | white-space:pre-wrap; word-wrap:break-word; | |
299 | overflow:visible; | |
300 | background-color:#FFF; | |
301 | z-index: 1; | |
302 | height:auto; bottom:auto; | |
303 | border-bottom: 2px solid #1B1B1B; | |
304 | } | |
305 | ||
306 | ||
307 | #kiwi .toolbar .app_tools { width:200px; padding-left:10px; color:#D4D4D4; } | |
308 | #kiwi.narrow .toolbar .tabs { margin-right:0; } | |
309 | #kiwi.narrow .toolbar .app_tools { width:auto; } | |
310 | #kiwi .toolbar .app_tools ul li { | |
311 | font-size:26px; | |
312 | -webkit-transition: all .3s ease; | |
313 | -moz-transition: all .3s ease; | |
314 | transition: all .3s ease; | |
315 | margin-left:10px; | |
316 | } | |
317 | #kiwi .toolbar .app_tools ul li:hover { color:#88C56A; } | |
318 | #kiwi .toolbar .app_tools img { } | |
319 | ||
320 | ||
321 | /* The server select dialog */ | |
322 | #kiwi .server_select { margin-left:auto; margin-right:auto; } | |
323 | #kiwi .server_select .more { display: none; width:270px; margin:0 auto; } | |
324 | #kiwi .server_select table tr td { padding:5px; } | |
83dc56c5 D |
325 | #kiwi .server_select button { |
326 | /*padding: 10px 25px;*/ | |
327 | padding: 0.5em 1em; | |
328 | font-size: 1.1em; | |
329 | width: 196px; | |
330 | margin: 20px auto; | |
331 | display: block; | |
332 | } | |
05934d33 JA |
333 | #kiwi .server_select input { padding:3px 7px; width:150px; } |
334 | #kiwi .server_select label { } | |
335 | #kiwi .server_select br { clear:both; } | |
336 | #kiwi .server_select .basic input, .server_select .basic button { font-size:1em; padding:0.5em 1em; } | |
337 | #kiwi .server_select .basic input { width:170px; } | |
338 | #kiwi .server_select .basic label { font-size:1.3em; margin-top:4px; } | |
339 | #kiwi .server_select .basic tr.have_pass { font-size:0.8em; } | |
340 | #kiwi .server_select .basic tr.have_key { font-size:0.8em; } | |
341 | #kiwi .server_select .basic tr.channel td { padding-top:1em; } | |
342 | #kiwi .server_select .basic { border-bottom: 1px dashed gray; margin-bottom:1em; } | |
343 | #kiwi .server_select .basic .show_more { display: block; width:110px; margin:10px 0 0 0; font-size:0.8em; } | |
344 | #kiwi .server_select.single_server .basic { border:none; } | |
345 | #kiwi .server_select .status { text-align: center; font-weight: bold; padding:1em; } | |
346 | #kiwi .server_select .status.ok { } | |
347 | #kiwi .server_select .status.error { | |
348 | border:1px solid #A33F3F; background-color:#D28A8A; | |
349 | padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em; | |
350 | } | |
17f187e6 | 351 | #kiwi .server_select .show_server { margin-left: 1em; font-size:0.9em; color: #555555; } |
05934d33 JA |
352 | |
353 | ||
354 | #kiwi .server_select .kiwi_logo { margin-top:30px; } | |
355 | #kiwi .server_select .kiwi_logo h1 span { | |
356 | font-size:14px; | |
357 | line-height:24px; vertical-align: middle; | |
358 | color: #555555; | |
359 | } | |
360 | #kiwi .server_select .kiwi_logo img { display:inline; width:24px; } | |
361 | ||
362 | ||
363 | #kiwi.chanlist_treeview .panels { left:160px; } | |
364 | #kiwi.chanlist_treeview .toolbar { position:static; } | |
365 | #kiwi.chanlist_treeview .toolbar .app_tools { float:none; } | |
366 | #kiwi.chanlist_treeview .toolbar > div { margin-left:160px; } | |
367 | #kiwi.chanlist_treeview .toolbar .tabs { position:absolute; left:0px; bottom:0px; top:0px; margin:0; width:160px; background:#1B1B1B; overflow-y:auto; } | |
368 | #kiwi.chanlist_treeview .tabs ul li { display:block; float:none; } | |
369 | #kiwi.chanlist_treeview .tabs ul li .activity { position:absolute; right:5px; } | |
370 | #kiwi.chanlist_treeview .tabs ul li.active { | |
371 | margin-right:0; | |
372 | border-right-width:0; | |
373 | border-bottom-right-radius:0; | |
374 | border-top-right-radius:0; | |
375 | } | |
42ff337a | 376 | #kiwi .applet_chanlist { |
73ddddf0 CC |
377 | margin: 0.5em 1em; |
378 | } | |
42ff337a | 379 | #kiwi .applet_chanlist table { |
73ddddf0 CC |
380 | border-collapse: collapse; |
381 | width: 100%; | |
382 | } | |
42ff337a | 383 | #kiwi .applet_chanlist thead { |
73ddddf0 CC |
384 | text-align: center; |
385 | } | |
42ff337a | 386 | #kiwi .applet_chanlist tbody td { |
73ddddf0 CC |
387 | border: 1px solid #C4C4C4; |
388 | padding: 0.3em 1em; | |
389 | } | |
42ff337a | 390 | #kiwi .applet_chanlist .chanlist_name, #kiwi .applet_chanlist .chanlist_num_users { |
73ddddf0 CC |
391 | border-width: 0 1px 0 0; |
392 | } | |
42ff337a | 393 | #kiwi .applet_chanlist .chanlist_topic { |
73ddddf0 CC |
394 | border-width: 0; |
395 | } | |
42ff337a | 396 | #kiwi .applet_chanlist tr:nth-child(even) { |
73ddddf0 CC |
397 | background: none repeat scroll 0 0 #DBDBDB; |
398 | } | |
05934d33 JA |
399 | |
400 | ||
401 | #kiwi .applet > div.settings button.save { | |
402 | padding:1em 2em; | |
403 | border:1px solid gray; border-radius:3px; | |
404 | } | |
405 | #kiwi .applet > div.settings tr { | |
406 | border-bottom: 1px dashed black; | |
407 | } | |
408 | ||
409 | #kiwi .applet > div.settings td.label { | |
410 | font-weight: bold; | |
411 | } | |
412 | #kiwi .applet > div.settings tr.save { | |
413 | text-align: right; | |
414 | } | |
415 | ||
416 | ||
417 | #kiwi .ui_menu { | |
418 | border-radius: 3px; | |
419 | color: #333; | |
420 | box-shadow: 0 3px 8px rgba(0, 0, 0, .25); | |
421 | } | |
422 | #kiwi .ui_menu .ui_menu_title { | |
423 | border-top-left-radius: 3px; | |
424 | border-top-right-radius: 3px; | |
425 | } | |
426 | #kiwi .ui_menu .ui_menu_content { } | |
427 | #kiwi .ui_menu .ui_menu_content.hover:hover { background:#f7f7f7; } | |
428 | #kiwi .ui_menu .ui_menu_foot { | |
429 | border-bottom-left-radius: 3px; | |
430 | border-bottom-right-radius: 3px; | |
431 | } | |
432 | #kiwi .ui_menu .ui_menu_foot .close { float:right; font-size:0.9em; margin-right:1em; color: #999; } | |
433 | #kiwi .ui_menu .ui_menu_foot .close:hover { color: #222; } | |
83dc56c5 D |
434 | |
435 | ||
436 | #kiwi .channel_info .channel_url { | |
437 | display: block; | |
438 | margin: 5px 1em; | |
439 | font-style: italic; | |
440 | } | |
441 | #kiwi .channel_info .channel-banlist table { margin-top: 10px; border-spacing: 10px 3px; } | |
442 | #kiwi .channel_info .channel-banlist thead { font-style: italic; } | |
443 | #kiwi .channel_info .remove-ban:hover { color: #900; } |