Commit | Line | Data |
---|---|---|
696a66f8 | 1 | html, body { height:100%; } |
8af29f2b | 2 | * { margin:0; padding:0; } |
696a66f8 D |
3 | |
4 | ||
5 | ||
8af29f2b | 6 | /* Few resets for within the kiwi container */ |
696a66f8 D |
7 | #kiwi { |
8 | overflow:hidden; position:relative; | |
9 | height:100%; | |
5998fd56 | 10 | } |
8af29f2b D |
11 | #kiwi * { margin:0px; padding:0px; } |
12 | #kiwi p { margin:0.5em 0; } | |
13 | #kiwi a { color:#36C; text-decoration:none; cursor:pointer; } | |
14 | #kiwi a img { border:none; } | |
5998fd56 | 15 | |
696a66f8 | 16 | |
696a66f8 D |
17 | /** |
18 | * Main layout blocks | |
19 | */ | |
8af29f2b D |
20 | #kiwi #toolbar { position:absolute; top:0px; width:100%; display:none; } |
21 | #kiwi #panels { position:absolute; left:0px; right:200px; bottom:100px; top:100px; } | |
22 | #kiwi #memberlists { position:absolute; right:0px; width:200px; bottom:100px; top:100px; overflow-y:auto; } | |
23 | #kiwi #controlbox { position: absolute; bottom:0px; width:100%; display:none; } | |
24 | #kiwi #memberlists_resize_handle { | |
696a66f8 | 25 | position: absolute; width:10px; z-index:1; cursor:w-resize; |
696a66f8 D |
26 | } |
27 | ||
28 | ||
8af29f2b D |
29 | #kiwi #toolbar #tabs { margin-right: 200px; } |
30 | #kiwi #toolbar .panellist { | |
696a66f8 D |
31 | overflow: hidden; |
32 | white-space: nowrap; | |
33 | display:block; | |
696a66f8 | 34 | } |
8af29f2b | 35 | #kiwi #toolbar .panellist li { |
696a66f8 D |
36 | float: left; list-style: inline; |
37 | display:inline; position:relative; | |
38 | padding:5px; margin:3px; | |
696a66f8 | 39 | cursor: pointer; |
8af29f2b | 40 | } |
696a66f8 | 41 | |
8af29f2b D |
42 | #kiwi #toolbar .panellist .active { padding-right:23px; } |
43 | #kiwi #toolbar .panellist .alert_highlight { font-weight: bold; } | |
44 | #kiwi #toolbar .panellist .alert_activity { font-weight: bold; } | |
45 | #kiwi #toolbar .panellist .alert_action { font-weight: bold; } | |
696a66f8 | 46 | |
8af29f2b D |
47 | #kiwi #toolbar .panellist li .part { position: absolute; top: 8px; right: 5px; } |
48 | #kiwi #toolbar .panellist li .part:after { content:"[x]"; } | |
49 | #kiwi #toolbar .panellist li img.icon { left:5px; top:2px; height:auto; width:auto; } | |
50 | ||
51 | #kiwi #status_message { | |
52 | background: #FFF; | |
696a66f8 | 53 | border-bottom: 1px solid; |
8af29f2b | 54 | text-align: center; |
696a66f8 | 55 | } |
696a66f8 D |
56 | |
57 | ||
8af29f2b | 58 | #kiwi .panel_container { overflow-y:auto; height:100%; } |
696a66f8 D |
59 | |
60 | ||
61 | ||
8af29f2b | 62 | #kiwi .messages { |
696a66f8 D |
63 | overflow-x:wrap; |
64 | border:none; display: none; | |
696a66f8 | 65 | } |
8af29f2b D |
66 | #kiwi .messages a {} |
67 | #kiwi .messages.active { display:block; } | |
696a66f8 | 68 | |
8af29f2b D |
69 | #kiwi .messages .msg {} |
70 | #kiwi .messages .msg .time { display:inline; } | |
71 | #kiwi .messages .msg .nick { display:inline; } | |
72 | #kiwi .messages .msg .text { display:inline; } | |
bf3bd4e5 | 73 | |
8af29f2b D |
74 | #kiwi .messages .msg.action .nick { display:none; } |
75 | #kiwi .messages .msg.action .text { } | |
76 | #kiwi .messages .msg.action.join { } | |
77 | #kiwi .messages .msg.action.part .text { } | |
78 | #kiwi .messages .msg.action.quit .text { } | |
79 | #kiwi .messages .msg.action.kick .text { } | |
80 | #kiwi .messages .msg.status .nick { display:none; } | |
81 | #kiwi .messages .msg.status .text { } | |
82 | #kiwi .messages .msg.topic .nick { display:none; } | |
83 | #kiwi .messages .msg.topic .text { } | |
84 | #kiwi .messages .msg.motd { } | |
85 | #kiwi .messages .msg.motd .nick { } | |
86 | #kiwi .messages .msg.motd .text { } | |
87 | #kiwi .messages .msg.whois .nick { } | |
88 | #kiwi .messages .msg.whois .text { } | |
89 | #kiwi .messages .msg.error .text { } | |
0197b21c | 90 | |
8af29f2b D |
91 | #kiwi .messages .msg.global_nick_highlight { } |
92 | #kiwi .messages .msg.highlight { } | |
696a66f8 D |
93 | |
94 | ||
696a66f8 | 95 | |
8af29f2b D |
96 | /* A member/nick list per channel */ |
97 | #kiwi #memberlists { border-left: 1px solid #8A8A8A; } | |
98 | #kiwi #memberlists ul { display:none; } | |
696a66f8 | 99 | |
8af29f2b D |
100 | /* The active channels nicklist */ |
101 | #kiwi #memberlists ul.active { display:block; } | |
102 | #kiwi #memberlists ul li { overflow-y:auto; overflow-x:hidden; cursor:pointer; } | |
103 | #kiwi #memberlists ul li a.nick { } | |
696a66f8 | 104 | |
8af29f2b D |
105 | /* The userbox shown when clicking a nick */ |
106 | #kiwi #memberlists ul li .userbox { position:relative; } | |
107 | #kiwi #memberlists ul li .userbox a { } | |
108 | #kiwi #memberlists ul li .userbox a i { } | |
109 | ||
110 | ||
111 | ||
112 | /** | |
113 | * Control box | |
114 | */ | |
115 | #kiwi #controlbox .input { | |
696a66f8 D |
116 | height:1.7em; |
117 | } | |
696a66f8 | 118 | |
8af29f2b D |
119 | /* The nick label */ |
120 | #kiwi #controlbox .input .nick { cursor: pointer; } | |
121 | #kiwi #controlbox .input .nick a { } | |
122 | ||
123 | /* Wrapper div around the text area input */ | |
124 | #kiwi #controlbox .input .input_wrap { display:inline; } | |
125 | ||
126 | /* The textarea input */ | |
127 | #kiwi #controlbox .input .inp { } | |
128 | ||
129 | ||
130 | /* Nick change dialog showed when clicking the nick label */ | |
131 | #kiwi #controlbox .nickchange { | |
696a66f8 | 132 | position: absolute; |
8af29f2b | 133 | background: #FFF; |
696a66f8 | 134 | } |
8af29f2b D |
135 | #kiwi #controlbox .nickchange input { } |
136 | #kiwi #controlbox .nickchange button { } | |
696a66f8 D |
137 | |
138 | ||
139 | ||
8af29f2b D |
140 | /** |
141 | * Topic bar | |
142 | */ | |
143 | #kiwi #topic { position:relative; height:2em; } | |
144 | #kiwi #topic div { | |
696a66f8 | 145 | position:absolute; |
8af29f2b | 146 | top:0; bottom:0; left:0; right:0; |
f5035603 | 147 | overflow: hidden; |
696a66f8 D |
148 | } |
149 | ||
150 | ||
151 | ||
152 | ||
153 | ||
8af29f2b D |
154 | /** |
155 | * Server selection dialog | |
156 | */ | |
157 | #kiwi .server_select { width:800px; margin:0 auto; overflow:hidden; } | |
158 | #kiwi .server_select .more { display: none; } | |
159 | #kiwi .server_select button { } | |
160 | #kiwi .server_select input { } | |
161 | #kiwi .server_select label { float:left; width:5em; } | |
162 | #kiwi .server_select br { clear:both; } | |
163 | #kiwi .server_select .basic input { } | |
164 | #kiwi .server_select .basic label { } | |
165 | #kiwi .server_select .basic { border-bottom: 1px solid gray; margin-bottom:1em; } | |
166 | #kiwi .server_select .basic .show_more { } | |
167 | #kiwi .server_select.single_server .basic { border:none; } | |
168 | #kiwi .server_select .status { } | |
696a66f8 | 169 | |
8af29f2b D |
170 | /* When connected to an IRC server, .ok is set on the status div */ |
171 | #kiwi .server_select .status.ok { } | |
696a66f8 | 172 | |
8af29f2b D |
173 | /* IRC server connection error, .error is set on the status div */ |
174 | #kiwi .server_select .status.error { } | |
696a66f8 D |
175 | |
176 | ||
177 | ||
8af29f2b D |
178 | /* Logo and title in the server selection dialog */ |
179 | #kiwi .server_select .kiwi_logo { text-align: center; display:block; } | |
180 | #kiwi .server_select .kiwi_logo h1 { } | |
181 | #kiwi .server_select .kiwi_logo img { } | |
696a66f8 D |
182 | |
183 | ||
184 | ||
8af29f2b D |
185 | /* Icons in the top right corner */ |
186 | #kiwi #toolbar .app_tools { float:right; } | |
187 | #kiwi #toolbar .app_tools ul li { | |
188 | display:inline; cursor:pointer; | |
7de3dd03 | 189 | } |
8af29f2b | 190 | #kiwi #toolbar .app_tools img { height:25px; width:25px; margin: 6px 0.7em 0 0; } |
696a66f8 D |
191 | |
192 | ||
193 | ||
8af29f2b | 194 | /* Settings applet */ |
93fa049c D |
195 | #kiwi .settings { |
196 | width:900px; | |
197 | margin:1em auto; | |
198 | } | |
199 | #kiwi .settings table td { | |
200 | padding:0.5em 1em; | |
201 | } | |
202 | ||
203 | ||
204 | ||
696a66f8 D |
205 | |
206 | /** | |
207 | * Reusable componants | |
208 | */ | |
209 | ||
8af29f2b | 210 | #kiwi .divider-verticle { |
696a66f8 D |
211 | border-left: 1px solid #CFCFCF; |
212 | border-right: 1px solid #FFFFFF; | |
213 | position: absolute; | |
214 | top:25px; bottom:25px; | |
215 | right:0; | |
216 | width:0; | |
217 | } | |
218 | ||
8af29f2b | 219 | #kiwi .divider-horizontal { |
696a66f8 D |
220 | border-top: 1px solid #CFCFCF; |
221 | border-bottom: 1px solid #FFFFFF; | |
222 | position: absolute; | |
223 | left:25px; right:25px; | |
224 | bottom:0; | |
225 | height:0; | |
226 | } | |
227 | ||
228 | ||
229 | ||
230 | ||
231 | ||
232 | /** | |
233 | * Themes | |
234 | */ | |
235 | ||
236 | ||
8af29f2b D |
237 | /* Relaxed theme */ |
238 | #kiwi.theme_relaxed { | |
239 | background: url(../img/background-light.png) left top repeat-x #E3E3E3; | |
240 | color: #555555; | |
696a66f8 | 241 | } |
8af29f2b D |
242 | #kiwi.theme_relaxed, |
243 | #kiwi.theme_relaxed input, | |
244 | #kiwi.theme_relaxed button, | |
245 | #kiwi.theme_relaxed textarea { | |
246 | font-family:Arial, Helvetica, sans-serif; | |
247 | font-size:14px; line-height:1.4em; | |
248 | } | |
249 | #kiwi.theme_relaxed input, textarea { | |
250 | box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5),0 1px 0px rgba(255, 255, 255, 0.3); | |
251 | border: none; | |
252 | border-radius: 3px; | |
253 | } | |
254 | #kiwi.theme_relaxed #toolbar { | |
255 | background-color:#1B1B1B; font-size:0.9em; | |
256 | } | |
257 | #kiwi.theme_relaxed #controlbox { background-color:#1B1B1B; } | |
258 | #kiwi.theme_relaxed #memberlists_resize_handle { | |
259 | /*background:url('../img/resize_handle.png') no-repeat; background-position:center;*/ | |
260 | } | |
261 | #kiwi.theme_relaxed #toolbar .panellist li { | |
262 | line-height: 1.4em; | |
263 | vertical-align: middle; | |
264 | ||
265 | border-radius:5px; | |
266 | -moz-border-radius:5px; | |
267 | -webkit-border-radius:5px; | |
268 | -khtml-border-radius:5px; | |
269 | behavior: url(border-radius.htc); | |
270 | ||
271 | background-image: -webkit-gradient( | |
272 | linear, | |
273 | left top, | |
274 | left bottom, | |
275 | color-stop(0.38, rgb(238,238,238)), | |
276 | color-stop(0.68, rgb(209,209,209)) | |
277 | ); | |
278 | background-image: -moz-linear-gradient( | |
279 | center top, | |
280 | rgb(238,238,238) 38%, | |
281 | rgb(209,209,209) 68% | |
282 | ); | |
283 | ||
284 | border: 1px solid #333; | |
285 | background-color: #eee; | |
696a66f8 D |
286 | } |
287 | ||
8af29f2b D |
288 | #kiwi.theme_relaxed #toolbar .panellist .alert_highlight { background: #990000; } |
289 | #kiwi.theme_relaxed #toolbar .panellist .alert_activity { background: #009900; } | |
290 | #kiwi.theme_relaxed #toolbar .panellist .alert_action { } | |
696a66f8 | 291 | |
8af29f2b D |
292 | #kiwi.theme_relaxed #toolbar .panellist .active { padding-right:23px; } |
293 | #kiwi.theme_relaxed #toolbar .panellist li .part { | |
294 | background:url('../img/redcross.png'); width:14px; height:14px; | |
295 | } | |
296 | #kiwi.theme_relaxed #toolbar .panellist li .part:after { content:""; } | |
696a66f8 | 297 | |
8af29f2b | 298 | #kiwi.theme_relaxed #toolbar .panellist li.server span { background:url(../img/server_tab.png) no-repeat; padding-left:23px; } |
696a66f8 | 299 | |
8af29f2b D |
300 | /* Tab texts are within a span */ |
301 | #kiwi.theme_relaxed #toolbar .panellist li span { line-height:20px; vertical-align:middle; display:block; } | |
302 | ||
303 | #kiwi.theme_relaxed #status_message { | |
304 | background: #FEEFB3; color: #9F6000; | |
305 | border-bottom: 1px solid; | |
306 | padding: 0.9em; | |
307 | text-align: center; font-size:1.1em; | |
308 | } | |
309 | #kiwi.theme_relaxed #status_message.err { color:#D8000C; background:#FFBABA; } | |
310 | ||
311 | #kiwi.theme_relaxed .messages { color: #333333; } | |
312 | #kiwi.theme_relaxed .messages.active { } | |
313 | #kiwi.theme_relaxed .messages a { text-decoration:none; } | |
314 | ||
315 | #kiwi.theme_relaxed .messages .msg { border-bottom: 1px solid #DEDEDE; padding: 1px; font-family:arial; font-size:0.9em; } | |
696a66f8 D |
316 | #kiwi.theme_relaxed .messages .msg .time { width:6em; float:left; color:#777; display:none; } |
317 | #kiwi.theme_relaxed .messages .msg .nick { width:11em; float:left; font-size:12px; font-family:Arial; text-align:left; padding: 5px; } | |
8af29f2b | 318 | #kiwi.theme_relaxed .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; } |
696a66f8 | 319 | |
8af29f2b | 320 | #kiwi.theme_relaxed .messages .msg.action .nick { } |
696a66f8 D |
321 | #kiwi.theme_relaxed .messages .msg.action .text { margin-left:9em; color:#009900; border-left:none; font-style:italic; } |
322 | #kiwi.theme_relaxed .messages .msg.action.join { color:#009900; } | |
323 | #kiwi.theme_relaxed .messages .msg.action.part .text { color:#900; } | |
324 | #kiwi.theme_relaxed .messages .msg.action.quit .text { color:#900; } | |
325 | #kiwi.theme_relaxed .messages .msg.action.kick .text { color:#900; } | |
8af29f2b | 326 | #kiwi.theme_relaxed .messages .msg.status .nick { } |
696a66f8 D |
327 | #kiwi.theme_relaxed .messages .msg.status .text { color:#990000; margin-left:9em; border-left:none; font-weight:bold; } |
328 | #kiwi.theme_relaxed .messages .msg.topic .nick { display:none; } | |
329 | #kiwi.theme_relaxed .messages .msg.topic .text { color:#009900; margin-left:9em; font-style: italic; border-left:none; } | |
696a66f8 | 330 | #kiwi.theme_relaxed .messages .msg.motd { border:none; } |
8af29f2b | 331 | /*#kiwi.theme_relaxed .messages .msg.motd .nick { display:none; }*/ |
696a66f8 D |
332 | #kiwi.theme_relaxed .messages .msg.motd .text { color:#666; } |
333 | #kiwi.theme_relaxed .messages .msg.whois .nick { font-weight:normal; } | |
334 | #kiwi.theme_relaxed .messages .msg.whois .text { margin-left:18em; padding-left:1em; border-left:1px dashed #999; } | |
335 | #kiwi.theme_relaxed .messages .msg.error .text { | |
336 | border:1px solid #A33F3F; background-color:#D28A8A; | |
337 | padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em; | |
338 | } | |
339 | ||
8af29f2b D |
340 | #kiwi.theme_relaxed .messages .msg.global_nick_highlight, |
341 | #kiwi.theme_relaxed .messages .msg.highlight { background:#D9D9D9; } | |
342 | ||
343 | ||
344 | ||
345 | #kiwi.theme_relaxed #memberlists { | |
346 | background-color: #DADADA; | |
347 | border-left: 1px solid #8A8A8A; | |
348 | } | |
349 | #kiwi.theme_relaxed #memberlists ul { list-style: none; } | |
350 | #kiwi.theme_relaxed #memberlists ul.active { } | |
351 | #kiwi.theme_relaxed #memberlists ul li { padding: 0.2em 1em; } | |
352 | #kiwi.theme_relaxed #memberlists ul li:hover { | |
353 | border-left: 5px solid #88C56A; | |
354 | -webkit-transition: 0.2s ease; | |
355 | -moz-transition: 0.2s ease; | |
356 | -ms-transition: 0.2s ease; | |
357 | -o-transition: 0.2s ease; | |
358 | transition: 0.2s ease; | |
359 | } | |
360 | #kiwi.theme_relaxed #memberlists ul li a.nick { display:block; color:black; } | |
361 | ||
362 | #kiwi.theme_relaxed #memberlists ul li .userbox { margin:0 1em 5px 1em; padding-bottom:0.7em; font-size:.9em; } | |
363 | #kiwi.theme_relaxed #memberlists ul li .userbox a { display:block; text-decoration:none; margin-bottom:2px; } | |
364 | #kiwi.theme_relaxed #memberlists ul li .userbox a i { font-size:1.1em; margin-right:5px; } | |
365 | ||
366 | ||
367 | #kiwi.theme_relaxed #controlbox .input { | |
368 | background:#fff; margin:3px; | |
369 | height:1.7em; | |
370 | border-radius:5px; | |
371 | -moz-border-radius:5px; | |
372 | -webkit-border-radius:5px; | |
373 | -khtml-border-radius:5px; | |
374 | } | |
375 | #kiwi.theme_relaxed #controlbox .input .nick { text-align: right; width:11em; left:0px; position:absolute; padding:2px; } | |
376 | #kiwi.theme_relaxed #controlbox .input .nick a { text-decoration:none; color:black; } | |
377 | #kiwi.theme_relaxed #controlbox .input .input_wrap { | |
378 | position:absolute; | |
379 | right:7px; left: 12.2em; | |
380 | height:1.7em; | |
381 | } | |
382 | #kiwi.theme_relaxed #controlbox .input .inp { | |
383 | line-height:1.7em; | |
384 | border: medium none; | |
385 | box-shadow: none; | |
386 | border-radius: 0; | |
387 | outline:none; resize:none; | |
388 | overflow:hidden; | |
389 | position:relative; | |
390 | height:100%; width:100%; | |
391 | display: block; | |
392 | } | |
393 | ||
394 | ||
395 | #kiwi.theme_relaxed #controlbox .nickchange { | |
396 | padding:10px; left: 0px; | |
397 | background: #1B1B1B; color:#eeeeee; | |
398 | } | |
399 | #kiwi.theme_relaxed #controlbox .nickchange input { padding:0.3em 0.5em; } | |
400 | #kiwi.theme_relaxed #controlbox .nickchange button { padding:0.5em; } | |
401 | ||
402 | ||
403 | ||
03b71faf | 404 | #kiwi.theme_relaxed #topic { background-color:#1B1B1B; padding-bottom:2px; } |
8af29f2b | 405 | #kiwi.theme_relaxed #topic div { |
8af29f2b D |
406 | padding: 0.2em 1em; |
407 | text-align: center; | |
408 | box-shadow: none; | |
409 | border-radius: 0; | |
410 | background-color:#FFF; | |
411 | height: 1.5em; | |
412 | overflow: hidden; | |
413 | outline: none; | |
03b71faf D |
414 | white-space: nowrap; |
415 | } | |
416 | #kiwi.theme_relaxed #topic:hover div { | |
417 | min-height:1.5em; | |
418 | white-space:pre-wrap; word-wrap:break-word; | |
419 | overflow:visible; | |
420 | background-color:#FFF; | |
421 | z-index: 1; | |
422 | height:auto; bottom:auto; | |
423 | border-bottom: 2px solid #1B1B1B; | |
8af29f2b D |
424 | } |
425 | ||
426 | ||
427 | #kiwi.theme_relaxed #toolbar .app_tools { width:200px; padding-left:10px; color:#D4D4D4; } | |
428 | #kiwi.theme_relaxed #toolbar .app_tools ul li { | |
429 | font-size:26px; | |
430 | -webkit-transition: all .3s ease; | |
431 | -moz-transition: all .3s ease; | |
432 | transition: all .3s ease; | |
433 | margin-left:10px; | |
434 | } | |
435 | #kiwi.theme_relaxed #toolbar .app_tools ul li:hover { color:#88C56A; } | |
436 | #kiwi.theme_relaxed #toolbar .app_tools img { } | |
437 | ||
438 | ||
439 | /* The server select dialog */ | |
440 | #kiwi.theme_relaxed .server_select { width:730px; padding:3em 0 2em 0; margin: 0 auto; } | |
441 | #kiwi.theme_relaxed .server_select .more { display: none; width:270px; margin:0 auto; } | |
442 | #kiwi.theme_relaxed .server_select button { float:right; padding:3px 7px; margin-top:10px; } | |
443 | #kiwi.theme_relaxed .server_select input { float:right; margin-bottom:5px; padding:3px 7px; width:150px; } | |
444 | #kiwi.theme_relaxed .server_select label { float:left; width:5em; padding-top:3px } | |
445 | #kiwi.theme_relaxed .server_select br { clear:both; } | |
446 | #kiwi.theme_relaxed .server_select .basic input, .server_select .basic button { font-size:1em; padding:0.5em 1em; } | |
447 | #kiwi.theme_relaxed .server_select .basic input { width:170px; } | |
448 | #kiwi.theme_relaxed .server_select .basic label { font-size:1.3em; margin-top:4px; } | |
449 | #kiwi.theme_relaxed .server_select .basic { border-bottom: 1px dashed gray; margin-bottom:1em; } | |
450 | #kiwi.theme_relaxed .server_select .basic .show_more { display: block; width:40px; margin:10px 0 0 0; font-size:0.8em; background: url(../img/more.png) no-repeat right 7px; } | |
451 | #kiwi.theme_relaxed .server_select.single_server .basic { border:none; } | |
452 | #kiwi.theme_relaxed .server_select .status { text-align: center; font-weight: bold; padding:1em; } | |
453 | #kiwi.theme_relaxed .server_select .status.ok { } | |
454 | #kiwi.theme_relaxed .server_select .status.error { | |
455 | border:1px solid #A33F3F; background-color:#D28A8A; | |
456 | padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em; | |
457 | } | |
458 | ||
459 | ||
460 | #kiwi.theme_relaxed .server_select .kiwi_logo { text-align: center; display:block; } | |
461 | #kiwi.theme_relaxed .server_select .kiwi_logo h1 { | |
462 | font-size:20px; | |
463 | line-height:48px; vertical-align: middle; | |
464 | color: #555555; | |
465 | } | |
466 | #kiwi.theme_relaxed .server_select .kiwi_logo img { } | |
467 | ||
696a66f8 D |
468 | |
469 | ||
470 | ||
471 | ||
3f085329 D |
472 | |
473 | ||
474 | ||
475 | /** | |
476 | * Mini theme | |
477 | */ | |
478 | #kiwi.theme_mini { | |
479 | background: #FFF; | |
480 | color: #555555; | |
481 | } | |
482 | #kiwi.theme_mini, | |
483 | #kiwi.theme_mini input, | |
484 | #kiwi.theme_mini button, | |
485 | #kiwi.theme_mini textarea { | |
486 | font-family:Arial, Helvetica, sans-serif; | |
487 | font-size:14px; line-height:1.4em; | |
488 | } | |
489 | #kiwi.theme_mini input, textarea { | |
490 | box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5),0 1px 0px rgba(255, 255, 255, 0.3); | |
491 | border: none; | |
492 | border-radius: 3px; | |
493 | } | |
494 | #kiwi.theme_mini #toolbar { | |
495 | background-color:#1B1B1B; font-size:0.9em; | |
496 | } | |
497 | #kiwi.theme_mini #controlbox { background-color:#1B1B1B; } | |
498 | #kiwi.theme_mini #memberlists_resize_handle { | |
499 | display:none; width:0; | |
500 | } | |
501 | #kiwi.theme_mini #toolbar .panellist li { | |
502 | line-height: 1.4em; | |
503 | vertical-align: middle; | |
504 | ||
505 | border-radius:5px; | |
506 | -moz-border-radius:5px; | |
507 | -webkit-border-radius:5px; | |
508 | -khtml-border-radius:5px; | |
509 | ||
510 | border: 1px solid #333; | |
511 | background-color: #eee; | |
512 | } | |
513 | ||
514 | #kiwi.theme_mini #toolbar #tabs { margin-right:0 !important; } | |
515 | #kiwi.theme_mini #toolbar .panellist .alert_highlight { background: #990000; } | |
516 | #kiwi.theme_mini #toolbar .panellist .alert_activity { background: #009900; } | |
517 | #kiwi.theme_mini #toolbar .panellist .alert_action { } | |
518 | ||
519 | #kiwi.theme_mini #toolbar .panellist .active { padding-right:23px; } | |
520 | #kiwi.theme_mini #toolbar .panellist li .part { | |
521 | background:url('../img/redcross.png'); width:14px; height:14px; | |
522 | } | |
523 | #kiwi.theme_mini #toolbar .panellist li .part:after { content:""; } | |
524 | ||
525 | #kiwi.theme_mini #toolbar .panellist li.server span { background:url(../img/server_tab.png) no-repeat; padding-left:23px; } | |
526 | ||
527 | /* Tab texts are within a span */ | |
528 | #kiwi.theme_mini #toolbar .panellist li span { line-height:20px; vertical-align:middle; display:block; } | |
529 | ||
530 | #kiwi.theme_mini #status_message { | |
531 | background: #FEEFB3; color: #9F6000; | |
532 | border-bottom: 1px solid; | |
533 | padding: 0.9em; | |
534 | text-align: center; font-size:1.1em; | |
535 | } | |
536 | #kiwi.theme_mini #status_message.err { color:#D8000C; background:#FFBABA; } | |
537 | ||
538 | #kiwi.theme_mini .messages { color: #333333; } | |
539 | #kiwi.theme_mini .messages.active { } | |
540 | #kiwi.theme_mini .messages a { text-decoration:none; } | |
541 | ||
542 | #kiwi.theme_mini .messages .msg { border-bottom: 1px solid #DEDEDE; padding: 5px; font-family:arial; font-size:0.9em; } | |
543 | #kiwi.theme_mini .messages .msg .time { display:none; } | |
544 | #kiwi.theme_mini .messages .msg .nick { display:block; font-family:Arial; text-transform:capitalize; } | |
545 | #kiwi.theme_mini .messages .msg .text { display:block; white-space:pre-wrap; word-wrap:break-word; font-family:arial; } | |
546 | ||
547 | #kiwi.theme_mini .messages .msg.action .nick { } | |
548 | #kiwi.theme_mini .messages .msg.action .text { color:#009900; border-left:none; font-style:italic; } | |
549 | #kiwi.theme_mini .messages .msg.action.join { color:#009900; } | |
550 | #kiwi.theme_mini .messages .msg.action.part .text { color:#900; } | |
551 | #kiwi.theme_mini .messages .msg.action.quit .text { color:#900; } | |
552 | #kiwi.theme_mini .messages .msg.action.kick .text { color:#900; } | |
553 | #kiwi.theme_mini .messages .msg.status .nick { } | |
554 | #kiwi.theme_mini .messages .msg.status .text { color:#990000; border-left:none; font-weight:bold; } | |
555 | #kiwi.theme_mini .messages .msg.topic .nick { display:none; } | |
556 | #kiwi.theme_mini .messages .msg.topic .text { color:#009900; font-style: italic; border-left:none; } | |
557 | #kiwi.theme_mini .messages .msg.motd { border:none; } | |
558 | /*#kiwi.theme_mini .messages .msg.motd .nick { display:none; }*/ | |
559 | #kiwi.theme_mini .messages .msg.motd .text { color:#666; } | |
560 | #kiwi.theme_mini .messages .msg.whois .nick { font-weight:normal; } | |
561 | #kiwi.theme_mini .messages .msg.whois .text { padding-left:1em; border-left:1px dashed #999; } | |
562 | #kiwi.theme_mini .messages .msg.error .text { | |
563 | border:1px solid #A33F3F; background-color:#D28A8A; | |
564 | padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em; | |
565 | } | |
566 | ||
567 | #kiwi.theme_mini .messages .msg.global_nick_highlight, | |
568 | #kiwi.theme_mini .messages .msg.highlight { background:#D9D9D9; } | |
569 | ||
570 | ||
571 | ||
572 | #kiwi.theme_mini #memberlists { | |
573 | background-color: #DADADA; | |
574 | border-left: 1px solid #8A8A8A; | |
575 | display:none; | |
576 | width:0px; | |
577 | } | |
578 | #kiwi.theme_mini #memberlists ul { list-style: none; } | |
579 | #kiwi.theme_mini #memberlists ul.active { } | |
580 | #kiwi.theme_mini #memberlists ul li { padding: 0.2em 1em; } | |
581 | #kiwi.theme_mini #memberlists ul li:hover { | |
582 | border-left: 5px solid #88C56A; | |
583 | -webkit-transition: 0.2s ease; | |
584 | -moz-transition: 0.2s ease; | |
585 | -ms-transition: 0.2s ease; | |
586 | -o-transition: 0.2s ease; | |
587 | transition: 0.2s ease; | |
588 | } | |
589 | #kiwi.theme_mini #memberlists ul li a.nick { display:block; color:black; } | |
590 | ||
591 | #kiwi.theme_mini #memberlists ul li .userbox { margin:0 1em 5px 1em; padding-bottom:0.7em; font-size:.9em; } | |
592 | #kiwi.theme_mini #memberlists ul li .userbox a { display:block; text-decoration:none; margin-bottom:2px; } | |
593 | #kiwi.theme_mini #memberlists ul li .userbox a i { font-size:1.1em; margin-right:5px; } | |
594 | ||
595 | ||
596 | #kiwi.theme_mini #controlbox .input { | |
597 | background:#fff; margin:3px; | |
598 | height:1.7em; | |
599 | } | |
600 | #kiwi.theme_mini #controlbox .input .nick { display:none; } | |
601 | #kiwi.theme_mini #controlbox .input .nick a { text-decoration:none; color:black; } | |
602 | #kiwi.theme_mini #controlbox .input .input_wrap { | |
603 | position:absolute; | |
604 | right:3px; left:3px; | |
605 | height:1.7em; | |
606 | } | |
607 | #kiwi.theme_mini #controlbox .input .inp { | |
608 | line-height:1.7em; | |
609 | border: medium none; | |
610 | box-shadow: none; | |
611 | border-radius: 0; | |
612 | resize:none; | |
613 | overflow:hidden; | |
614 | position:relative; | |
615 | height:100%; width:100%; | |
616 | display: block; | |
617 | } | |
618 | ||
619 | ||
620 | #kiwi.theme_mini #controlbox .nickchange { | |
621 | padding:10px; left: 0px; | |
622 | background: #1B1B1B; color:#eeeeee; | |
623 | } | |
624 | #kiwi.theme_mini #controlbox .nickchange input { padding:0.3em 0.5em; } | |
625 | #kiwi.theme_mini #controlbox .nickchange button { padding:0.5em; } | |
626 | ||
627 | ||
628 | ||
629 | #kiwi.theme_mini #topic { display:none; } | |
630 | #kiwi.theme_mini #topic div { | |
631 | top:2; bottom:2px; left:0; width:100%; | |
632 | padding: 0.2em 1em; | |
633 | text-align: center; | |
634 | box-shadow: none; | |
635 | border-radius: 0; | |
636 | background-color:#FFF; | |
637 | height: 1.5em; | |
638 | overflow: hidden; | |
639 | outline: none; | |
640 | } | |
641 | ||
642 | ||
643 | #kiwi.theme_mini #toolbar .app_tools { padding-left:10px; color:#D4D4D4; } | |
644 | #kiwi.theme_mini #toolbar .app_tools ul li { | |
645 | font-size:26px; | |
646 | -webkit-transition: all .3s ease; | |
647 | -moz-transition: all .3s ease; | |
648 | transition: all .3s ease; | |
649 | margin-left:10px; | |
650 | } | |
651 | #kiwi.theme_mini #toolbar .app_tools ul li:hover { color:#88C56A; } | |
652 | #kiwi.theme_mini #toolbar .app_tools img { } | |
653 | ||
654 | ||
655 | /* The server select dialog */ | |
656 | #kiwi.theme_mini .server_select { padding:3em 0 2em 0; margin: 0 auto; width:100%; } | |
657 | #kiwi.theme_mini .server_select .more { display:none; } | |
658 | #kiwi.theme_mini .server_select button { display:block; padding:3px 7px; margin:0 auto; } | |
659 | #kiwi.theme_mini .server_select input.nick { | |
660 | float:none; display:block; width:80%; | |
661 | padding:0.5em 1em; margin:0 auto; | |
662 | text-align: center; | |
663 | } | |
664 | #kiwi.theme_mini .server_select label { display:none; } | |
665 | #kiwi.theme_mini .server_select br { clear:both; } | |
666 | #kiwi.theme_mini .server_select .basic { border:none; } | |
667 | #kiwi.theme_mini .server_select .basic .show_more { display:none !important; } | |
668 | #kiwi.theme_mini .server_select.single_server .basic { border:none; } | |
669 | #kiwi.theme_mini .server_select .status { text-align: center; font-weight: bold; padding:1em; } | |
670 | #kiwi.theme_mini .server_select .status.ok { } | |
671 | #kiwi.theme_mini .server_select .status.error { | |
672 | border:1px solid #A33F3F; background-color:#D28A8A; | |
673 | padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em; | |
674 | } | |
675 | ||
676 | #kiwi.theme_mini .server_select .divider-verticle { | |
677 | display:none; | |
678 | } | |
679 | #kiwi.theme_mini .server_select .server_details { | |
680 | position: relative !important; | |
681 | float: none !important; | |
682 | width: auto !important; | |
683 | padding: 0 !important; | |
684 | margin: 2em 0 0 0 !important; | |
685 | } | |
686 | #kiwi.theme_mini .server_select .about_kiwi { display:none; } | |
687 | ||
688 | ||
689 | ||
690 | ||
691 | ||
692 | ||
693 | ||
694 | ||
695 | ||
696a66f8 D |
696 | /* CLI theme */ |
697 | #kiwi.theme_cli { background:#222222; color:#6d6d6d; } | |
03b71faf D |
698 | #kiwi.theme_cli, |
699 | #kiwi.theme_cli input, | |
700 | #kiwi.theme_cli button, | |
701 | #kiwi.theme_cli textarea { | |
702 | font-family:Arial, Helvetica, sans-serif; | |
703 | font-size:14px; line-height:1.4em; | |
704 | } | |
705 | ||
706 | #kiwi.theme_cli #controlbox { background:#111111; border-top:1px solid #444444; color:#909090; font-size:1.3em; line-height:2em; margin:3px; } | |
696a66f8 | 707 | #kiwi.theme_cli #controlbox .input_wrap:before { content:"> " } |
03b71faf D |
708 | #kiwi.theme_cli #controlbox .input { background:none; border:none;} |
709 | #kiwi.theme_cli #controlbox .input .nick { line-height:1.7em; padding:0; text-align: right; width:11em; left:0px; position:absolute; } | |
710 | #kiwi.theme_cli #controlbox .input .input_wrap { | |
711 | position:absolute; | |
712 | right:7px; left: 12.2em; | |
713 | height:1.7em; | |
714 | } | |
715 | #kiwi.theme_cli #controlbox .input .inp { | |
716 | line-height:1.7em; | |
717 | font-size:1.3em; | |
718 | background:transparent; color:#909090; | |
719 | border: medium none; | |
720 | box-shadow: none; | |
721 | border-radius: 0; | |
722 | outline:none; resize:none; | |
723 | overflow:hidden; | |
724 | position:absolute; | |
725 | height:100%; width:98%; | |
726 | display: inline; | |
727 | padding-left:0.5em; | |
728 | } | |
729 | ||
730 | #kiwi.theme_cli #topic { background:#111111; height:2em; border-bottom:1px solid #444444; border-top:1px solid #444444; } | |
731 | #kiwi.theme_cli #topic div { | |
732 | width:100%; height: 1.5em; | |
733 | padding: 0.2em 1em; | |
734 | text-align: center; | |
735 | color:#6d6d6d; | |
736 | border:none; outline:none; | |
737 | overflow: hidden; | |
738 | white-space: nowrap; | |
739 | } | |
740 | #kiwi.theme_cli #topic:hover div { | |
741 | min-height:1.5em; | |
742 | white-space:pre-wrap; word-wrap:break-word; | |
743 | overflow:visible; | |
744 | background-color:#111111; | |
745 | z-index: 1; | |
746 | height:auto; bottom:auto; | |
747 | border-bottom: 1px solid #444444; | |
748 | } | |
749 | ||
750 | #kiwi.theme_cli #toolbar .app_tools { width:200px; padding-left:10px; color:#D4D4D4; } | |
751 | #kiwi.theme_cli #toolbar .app_tools ul li { | |
752 | font-size:26px; | |
753 | -webkit-transition: all .3s ease; | |
754 | -moz-transition: all .3s ease; | |
755 | transition: all .3s ease; | |
756 | margin-left:10px; | |
757 | } | |
758 | #kiwi.theme_cli #toolbar .app_tools ul li:hover { color:#88C56A; } | |
759 | #kiwi.theme_cli #toolbar .app_tools img { } | |
760 | ||
761 | #kiwi.theme_cli #toolbar .panellist li { | |
762 | line-height: 1.4em; | |
763 | vertical-align: middle; | |
764 | ||
765 | border-radius:5px; | |
766 | -moz-border-radius:5px; | |
767 | -webkit-border-radius:5px; | |
768 | -khtml-border-radius:5px; | |
769 | behavior: url(border-radius.htc); | |
770 | ||
771 | background-image: -webkit-gradient( | |
772 | linear, | |
773 | left top, | |
774 | left bottom, | |
775 | color-stop(0.38, rgb(238,238,238)), | |
776 | color-stop(0.68, rgb(209,209,209)) | |
777 | ); | |
778 | background-image: -moz-linear-gradient( | |
779 | center top, | |
780 | rgb(238,238,238) 38%, | |
781 | rgb(209,209,209) 68% | |
782 | ); | |
783 | ||
784 | border: 1px solid #333; | |
785 | background-color: #eee; | |
786 | } | |
787 | ||
788 | #kiwi.theme_cli #toolbar .panellist .alert_highlight { background: #990000; } | |
789 | #kiwi.theme_cli #toolbar .panellist .alert_activity { background: #009900; } | |
790 | #kiwi.theme_cli #toolbar .panellist .alert_action { } | |
791 | ||
792 | #kiwi.theme_cli #toolbar .panellist .active { padding-right:23px; } | |
793 | #kiwi.theme_cli #toolbar .panellist li .part { | |
794 | background:url('../img/redcross.png'); width:14px; height:14px; | |
795 | } | |
796 | #kiwi.theme_cli #toolbar .panellist li .part:after { content:""; } | |
797 | ||
798 | #kiwi.theme_cli #toolbar .panellist li.server span { background:url(../img/server_tab.png) no-repeat; padding-left:23px; } | |
799 | ||
800 | /* Tab texts are within a span */ | |
801 | #kiwi.theme_cli #toolbar .panellist li span { line-height:20px; vertical-align:middle; display:block; } | |
696a66f8 | 802 | |
696a66f8 | 803 | |
7bd34e87 | 804 | #kiwi.theme_cli #memberlists { background:#222222; } |
03b71faf | 805 | #kiwi.theme_cli #memberlists ul li { padding: 0.2em 1em; } |
696a66f8 | 806 | #kiwi.theme_cli #memberlists ul li a.nick { color:#6d6d6d; } |
03b71faf D |
807 | #kiwi.theme_cli #memberlists ul li:hover { |
808 | border-left: 5px solid #88C56A; | |
809 | -webkit-transition: 0.2s ease; | |
810 | -moz-transition: 0.2s ease; | |
811 | -ms-transition: 0.2s ease; | |
812 | -o-transition: 0.2s ease; | |
813 | transition: 0.2s ease; | |
814 | } | |
815 | ||
816 | #kiwi.theme_cli #memberlists ul li .userbox { margin:0 1em 0 1em; padding-bottom:0.4em; font-size:.9em; } | |
817 | #kiwi.theme_cli #memberlists ul li .userbox a { display:block; text-decoration:none; margin-bottom:2px; } | |
818 | #kiwi.theme_cli #memberlists ul li .userbox a i { font-size:1.1em; margin-right:5px; } | |
819 | #kiwi.theme_cli #memberlists ul li .userbox .divider-horizontal { display:none; } | |
820 | ||
696a66f8 D |
821 | |
822 | #kiwi.theme_cli .messages .msg > div { color:#6d6d6d; font-family: Inconsolata, Consolas, 'courier new', monospace; } | |
823 | #kiwi.theme_cli .messages .msg { border: none; } | |
03b71faf D |
824 | #kiwi.theme_cli .messages .msg .time { display:inline; margin-right:1em; color:#777; } |
825 | #kiwi.theme_cli .messages .msg .nick { display:inline; margin-right:1em; } | |
826 | #kiwi.theme_cli .messages .msg .nick:before { content:"<"; } | |
827 | #kiwi.theme_cli .messages .msg .nick:after { content:">"; } | |
696a66f8 D |
828 | #kiwi.theme_cli .messages .msg .text { white-space:pre-wrap; word-wrap:break-word; } |
829 | ||
830 | #kiwi.theme_cli .messages .msg.action .nick { display:none; } | |
03b71faf | 831 | #kiwi.theme_cli .messages .msg.action .text { color:#009900; border-left:none; font-style:italic; } |
696a66f8 D |
832 | #kiwi.theme_cli .messages .msg.action.join { color:#009900; } |
833 | #kiwi.theme_cli .messages .msg.action.part .text { color:#900; } | |
834 | #kiwi.theme_cli .messages .msg.action.quit .text { color:#900; } | |
835 | #kiwi.theme_cli .messages .msg.action.kick .text { color:#900; } | |
836 | #kiwi.theme_cli .messages .msg.status .nick { display:none; } | |
03b71faf | 837 | #kiwi.theme_cli .messages .msg.status .text { color:#990000; border-left:none; font-weight:bold; } |
696a66f8 | 838 | #kiwi.theme_cli .messages .msg.topic .nick { display:none; } |
03b71faf | 839 | #kiwi.theme_cli .messages .msg.topic .text { color:#009900; font-style: italic; border-left:none; } |
696a66f8 D |
840 | /*#kiwi.theme_cli .messages .msg.motd .nick { display:none; }*/ |
841 | #kiwi.theme_cli .messages .msg.motd { border:none; } | |
842 | #kiwi.theme_cli .messages .msg.motd .text { color:#666; } | |
843 | #kiwi.theme_cli .messages .msg.whois .nick { font-weight:normal; } | |
03b71faf | 844 | #kiwi.theme_cli .messages .msg.whois .text { padding-left:1em; border-left:1px dashed #999; } |
696a66f8 D |
845 | #kiwi.theme_cli .messages .msg.error .text { |
846 | border:1px solid #A33F3F; background-color:#D28A8A; | |
847 | padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em; | |
7b8357a5 D |
848 | } |
849 | ||
03b71faf D |
850 | #kiwi.theme_cli .messages .msg.global_nick_highlight { background:#111111; } |
851 | ||
852 | ||
853 | /* The server select dialog */ | |
854 | #kiwi.theme_cli .server_select { width:730px; padding:3em 0 2em 0; margin: 0 auto; } | |
855 | #kiwi.theme_cli .server_select .more { display: none; width:270px; margin:0 auto; } | |
856 | #kiwi.theme_cli .server_select button { float:right; padding:3px 7px; margin-top:10px; } | |
857 | #kiwi.theme_cli .server_select input { float:right; margin-bottom:5px; padding:3px 7px; width:150px; } | |
858 | #kiwi.theme_cli .server_select label { float:left; width:5em; padding-top:3px } | |
859 | #kiwi.theme_cli .server_select br { clear:both; } | |
860 | #kiwi.theme_cli .server_select .basic input, .server_select .basic button { font-size:1em; padding:0.5em 1em; } | |
861 | #kiwi.theme_cli .server_select .basic input { width:170px; } | |
862 | #kiwi.theme_cli .server_select .basic label { font-size:1.3em; margin-top:4px; } | |
863 | #kiwi.theme_cli .server_select .basic { border-bottom: 1px dashed gray; margin-bottom:1em; } | |
864 | #kiwi.theme_cli .server_select .basic .show_more { display: block; width:40px; margin:10px 0 0 0; font-size:0.8em; background: url(../img/more.png) no-repeat right 7px; } | |
865 | #kiwi.theme_cli .server_select.single_server .basic { border:none; } | |
866 | #kiwi.theme_cli .server_select .status { text-align: center; font-weight: bold; padding:1em; } | |
867 | #kiwi.theme_cli .server_select .status.ok { } | |
868 | #kiwi.theme_cli .server_select .status.error { | |
869 | border:1px solid #A33F3F; background-color:#D28A8A; | |
870 | padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em; | |
871 | } | |
872 | ||
873 | ||
874 | #kiwi.theme_cli .server_select .kiwi_logo { text-align: center; display:block; } | |
875 | #kiwi.theme_cli .server_select .kiwi_logo h1 { | |
876 | font-size:20px; | |
877 | line-height:48px; vertical-align: middle; | |
878 | color: #555555; | |
879 | } | |
880 | #kiwi.theme_cli .server_select .kiwi_logo img { } |