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