Commit | Line | Data |
---|---|---|
696a66f8 D |
1 | * { margin:0px; padding:0px; } |
2 | html, body { height:100%; } | |
3 | p { margin:0.5em 0; } | |
4 | a { color:#36C; text-decoration:none; cursor:pointer; } | |
5 | a img { border:none; } | |
6 | ||
7 | ||
8 | ||
9 | ||
10 | #kiwi { | |
11 | overflow:hidden; position:relative; | |
12 | height:100%; | |
696a66f8 D |
13 | background: url(../img/background-light.png) left top repeat-x #E3E3E3; |
14 | color: #555555; | |
15 | } | |
16 | ||
5998fd56 D |
17 | #kiwi, #kiwi input, #kiwi textarea { |
18 | font-family:Arial, Helvetica, sans-serif; | |
19 | font-size:14px; line-height:1.4em; | |
20 | } | |
21 | ||
696a66f8 D |
22 | |
23 | ||
5998fd56 | 24 | #kiwi input, textarea { |
696a66f8 D |
25 | box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5),0 1px 0px rgba(255, 255, 255, 0.3); |
26 | border: none; | |
27 | border-radius: 3px; | |
28 | } | |
29 | ||
30 | /** | |
31 | * Main layout blocks | |
32 | */ | |
33 | #toolbar { position:absolute; top:0px; width:100%; background-color:#1B1B1B; font-size:0.9em; display:none; } | |
34 | #panels { position:absolute; left:0px; right:200px; bottom:100px; top:100px; } | |
35 | #memberlists { position:absolute; right:0px; width:200px; bottom:100px; top:100px; overflow-y:auto; } | |
36 | #controlbox { position: absolute; bottom:0px; width:100%; background-color:#1B1B1B; display:none; } | |
37 | #memberlists_resize_handle { | |
38 | position: absolute; width:10px; z-index:1; cursor:w-resize; | |
39 | background:url('../img/resize_handle.png') no-repeat; background-position:center; | |
40 | } | |
41 | ||
42 | ||
43 | #toolbar #tabs { margin-right: 200px; } | |
44 | #toolbar .panellist { | |
45 | overflow: hidden; | |
46 | white-space: nowrap; | |
47 | display:block; | |
48 | /*height: 35px;*/ | |
49 | } | |
50 | #toolbar .panellist li { | |
51 | float: left; list-style: inline; | |
52 | display:inline; position:relative; | |
53 | padding:5px; margin:3px; | |
54 | border: 1px solid #333; | |
55 | background-color: #eee; | |
56 | ||
57 | cursor: pointer; | |
58 | ||
59 | line-height: 1.4em; | |
60 | vertical-align: middle; | |
61 | ||
62 | border-radius:5px; | |
63 | -moz-border-radius:5px; | |
64 | -webkit-border-radius:5px; | |
65 | -khtml-border-radius:5px; | |
66 | behavior: url(border-radius.htc); | |
67 | ||
68 | background-image: -webkit-gradient( | |
69 | linear, | |
70 | left top, | |
71 | left bottom, | |
72 | color-stop(0.38, rgb(238,238,238)), | |
73 | color-stop(0.68, rgb(209,209,209)) | |
74 | ); | |
75 | background-image: -moz-linear-gradient( | |
76 | center top, | |
77 | rgb(238,238,238) 38%, | |
78 | rgb(209,209,209) 68% | |
79 | ); | |
80 | } | |
81 | ||
82 | #toolbar .panellist .active { padding-right:23px; } | |
83 | #toolbar .panellist .alert_highlight { | |
84 | background: #990000; | |
85 | font-weight: bold; | |
86 | } | |
87 | #toolbar .panellist .alert_activity { font-weight: bold; background: #009900; } | |
88 | #toolbar .panellist .alert_action { font-weight: bold; } | |
89 | ||
90 | #toolbar .panellist li .part { top:8px; right:5px; position:absolute; background:url('../img/redcross.png'); width:14px; height:14px; } | |
91 | #toolbar .panellist li img.icon { left:5px; top:2px; height:auto; width:auto; } | |
92 | ||
93 | #toolbar .panellist li.server span { background:url(../img/server_tab.png) no-repeat; padding-left:23px; } | |
94 | #toolbar .panellist li span { line-height:20px; vertical-align:middle; display:block; } | |
95 | #status_message { | |
96 | background: #FEEFB3; color: #9F6000; | |
97 | border-bottom: 1px solid; | |
98 | padding: 0.9em; | |
99 | text-align: center; font-size:1.1em; | |
100 | } | |
101 | #status_message.err { color:#D8000C; background:#FFBABA; } | |
102 | ||
103 | ||
104 | .panel_container { overflow-y:auto; height:100%; } | |
105 | ||
106 | ||
107 | ||
108 | .messages { | |
109 | overflow-x:wrap; | |
110 | border:none; display: none; | |
111 | height: 100%; | |
112 | color: #333333; | |
113 | } | |
114 | .messages a { | |
115 | text-decoration:none; | |
116 | } | |
117 | .messages.active { display:block; } | |
118 | ||
119 | .messages .msg { border-bottom: 1px solid #CCC; padding:1px; font-family:arial; font-size:0.9em; } | |
120 | .messages .msg .time { width:6em; float:left; color:#777; } | |
121 | .messages .msg .nick { width:7em; text-align:right; float:left; font-size:12px; } | |
122 | .messages .msg .text { margin-left:15em; white-space:pre-wrap; word-wrap:break-word; font-family:monospace; } | |
123 | ||
124 | .messages .msg.action .nick { display:none; } | |
125 | .messages .msg.action .text { margin-left:9em; color:#009900; font-style:italic; } | |
126 | .messages .msg.action.join { color:#009900; } | |
127 | .messages .msg.action.part .text { color:#900; } | |
128 | .messages .msg.action.quit .text { color:#900; } | |
129 | .messages .msg.action.kick .text { color:#900; } | |
130 | .messages .msg.status .nick { display:none; } | |
131 | .messages .msg.status .text { color:#990000; margin-left:9em; font-weight:bold; } | |
132 | .messages .msg.topic .nick { display:none; } | |
133 | .messages .msg.topic .text { color:#009900; margin-left:9em; font-style: italic; } | |
134 | /*.messages .msg.motd .nick { display:none; }*/ | |
135 | .messages .msg.motd { border:none; } | |
136 | .messages .msg.motd .text { color:#666; } | |
137 | .messages .msg.whois .nick { font-weight:normal; } | |
138 | .messages .msg.whois .text { margin-left:18em; padding-left:1em; border-left:1px dashed #999; } | |
139 | .messages .msg.error .text { | |
140 | border:1px solid #A33F3F; background-color:#D28A8A; | |
141 | padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em; | |
142 | } | |
143 | ||
144 | ||
145 | ||
146 | #memberlists ul { list-style: none; display:none; } | |
147 | #memberlists ul.active { display:block; } | |
148 | #memberlists ul li { padding: 0.2em 1em; overflow-y:auto; overflow-x:hidden; cursor:pointer; } | |
149 | #memberlists ul li a.nick { display:block; color:black; } | |
150 | ||
151 | #memberlists ul li .userbox { position:relative; margin:0 1em 5px 1em; padding-bottom:0.7em; font-size:.9em; } | |
7de3dd03 D |
152 | #memberlists ul li .userbox a { display:block; text-decoration:none; margin-bottom:2px; } |
153 | #memberlists ul li .userbox a i { font-size:1.1em; margin-right:5px; } | |
696a66f8 D |
154 | |
155 | ||
156 | #controlbox .input { | |
157 | background:#fff; margin:3px; | |
158 | height:1.7em; | |
159 | border-radius:5px; | |
160 | -moz-border-radius:5px; | |
161 | -webkit-border-radius:5px; | |
162 | -khtml-border-radius:5px; | |
163 | } | |
164 | #controlbox .input .nick { text-align: right; width:11em; left:0px; position:absolute; padding:2px; cursor: pointer; } | |
165 | #controlbox .input .nick a { text-decoration:none; color:black; } | |
166 | #controlbox .input .input_wrap { | |
167 | position:absolute; | |
168 | right:7px; left: 12.2em; | |
169 | height:1.7em; | |
170 | } | |
5998fd56 | 171 | #controlbox .input .inp { |
f5035603 D |
172 | line-height:1.7em; |
173 | display: block; | |
696a66f8 D |
174 | border: medium none; |
175 | box-shadow: none; | |
176 | border-radius: 0; | |
5998fd56 D |
177 | outline:none; resize:none; |
178 | overflow:hidden; | |
696a66f8 D |
179 | position:relative; |
180 | height:100%; width:100%; | |
181 | } | |
182 | ||
183 | #controlbox .nickchange { | |
184 | position: absolute; | |
185 | left: 0px; | |
186 | background: #1B1B1B; color:#eeeeee; | |
187 | padding:10px; | |
188 | } | |
189 | #controlbox .nickchange input { padding:0.3em 0.5em; } | |
190 | #controlbox .nickchange button { padding:0.5em; } | |
191 | ||
192 | ||
193 | ||
194 | #topic { background-color:#1B1B1B; height:2em; position:relative; } | |
cee337bb | 195 | #topic div { |
696a66f8 D |
196 | position:absolute; |
197 | top:2; bottom:2px; left:0; width:100%; | |
198 | padding: 0.2em 1em; | |
199 | text-align: center; | |
200 | box-shadow: none; | |
201 | border-radius: 0; | |
cee337bb JA |
202 | background-color:#FFF; |
203 | height: 1.5em; | |
f5035603 | 204 | overflow: hidden; |
696a66f8 D |
205 | } |
206 | ||
207 | ||
208 | ||
209 | ||
210 | ||
211 | ||
212 | .server_select { width:730px; padding:3em 0 2em 0; margin: 0 auto; overflow:hidden; } | |
213 | .server_select .more { display: none; width:270px; margin:0 auto; } | |
214 | .server_select button { float:right; padding:3px 7px; margin-top:10px; } | |
215 | .server_select input { float:right; margin-bottom:5px; padding:3px 7px; width:150px; } | |
216 | .server_select label { float:left; width:5em; padding-top:3px } | |
217 | .server_select br { clear:both; } | |
218 | .server_select .basic input, .server_select .basic button { font-size:1em; padding:0.5em 1em; } | |
219 | .server_select .basic input { width:170px; } | |
220 | .server_select .basic label { font-size:1.3em; margin-top:4px; } | |
221 | .server_select .basic { border-bottom: 1px dashed gray; margin-bottom:1em; } | |
222 | .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; } | |
223 | .server_select .status { text-align: center; font-weight: bold; padding:1em; } | |
224 | .server_select .status .ok { | |
225 | border:1px solid #A33F3F; background-color:#D28A8A; | |
226 | padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em; | |
227 | } | |
228 | ||
229 | ||
230 | ||
231 | ||
232 | .server_select .kiwi_logo { text-align: center; display:block; } | |
233 | .server_select .kiwi_logo h1 { | |
234 | font-size:20px; | |
235 | line-height:48px; vertical-align: middle; | |
236 | color: #555555; | |
237 | } | |
238 | .server_select .kiwi_logo img { } | |
239 | ||
240 | ||
241 | ||
7de3dd03 D |
242 | #toolbar .app_tools { float:right; width:200px; padding-left:10px; color:#D4D4D4; } |
243 | #toolbar .app_tools ul li { | |
244 | display:inline; | |
245 | font-size:26px; | |
246 | cursor:pointer; | |
247 | -webkit-transition: all .3s ease; | |
248 | -moz-transition: all .3s ease; | |
249 | transition: all .3s ease; | |
250 | margin-left:10px; | |
251 | } | |
252 | #toolbar .app_tools ul li:hover { color:#88C56A; } | |
253 | #toolbar .app_tools img { height:25px; width:25px; margin: 6px 0.7em 0 0; } | |
696a66f8 D |
254 | |
255 | ||
256 | ||
257 | ||
258 | ||
259 | /** | |
260 | * Reusable componants | |
261 | */ | |
262 | ||
263 | .divider-verticle { | |
264 | border-left: 1px solid #CFCFCF; | |
265 | border-right: 1px solid #FFFFFF; | |
266 | position: absolute; | |
267 | top:25px; bottom:25px; | |
268 | right:0; | |
269 | width:0; | |
270 | } | |
271 | ||
272 | .divider-horizontal { | |
273 | border-top: 1px solid #CFCFCF; | |
274 | border-bottom: 1px solid #FFFFFF; | |
275 | position: absolute; | |
276 | left:25px; right:25px; | |
277 | bottom:0; | |
278 | height:0; | |
279 | } | |
280 | ||
281 | ||
282 | ||
283 | ||
284 | ||
285 | /** | |
286 | * Themes | |
287 | */ | |
288 | ||
289 | ||
290 | /* Default */ | |
291 | #kiwi #memberlists { | |
292 | background-color: #DADADA; | |
5fd6e2de | 293 | border-left: 1px solid #8A8A8A; |
696a66f8 D |
294 | } |
295 | #kiwi #memberlists ul li:hover { | |
296 | border-left: 5px solid #88C56A; | |
297 | /* background: #88C56A; */ | |
298 | -webkit-transition: 0.2s ease; | |
299 | -moz-transition: 0.2s ease; | |
300 | -ms-transition: 0.2s ease; | |
301 | -o-transition: 0.2s ease; | |
302 | transition: 0.2s ease; | |
303 | } | |
304 | ||
305 | ||
306 | ||
307 | ||
308 | /* Relaxed theme */ | |
309 | #kiwi.theme_relaxed .messages .msg { border-bottom: 1px solid #DEDEDE; font-family:arial; font-size:0.9em; } | |
310 | #kiwi.theme_relaxed .messages .msg .time { width:6em; float:left; color:#777; display:none; } | |
311 | #kiwi.theme_relaxed .messages .msg .nick { width:11em; float:left; font-size:12px; font-family:Arial; text-align:left; padding: 5px; } | |
312 | #kiwi.theme_relaxed .messages .msg .text { margin-left:12em; border-left: 1px solid #DEDEDE; white-space:pre-wrap; word-wrap:break-word; font-family:Arial; padding:5px; } | |
313 | ||
314 | #kiwi.theme_relaxed .messages .msg.action .nick { display:none; } | |
315 | #kiwi.theme_relaxed .messages .msg.action .text { margin-left:9em; color:#009900; border-left:none; font-style:italic; } | |
316 | #kiwi.theme_relaxed .messages .msg.action.join { color:#009900; } | |
317 | #kiwi.theme_relaxed .messages .msg.action.part .text { color:#900; } | |
318 | #kiwi.theme_relaxed .messages .msg.action.quit .text { color:#900; } | |
319 | #kiwi.theme_relaxed .messages .msg.action.kick .text { color:#900; } | |
320 | #kiwi.theme_relaxed .messages .msg.status .nick { display:none; } | |
321 | #kiwi.theme_relaxed .messages .msg.status .text { color:#990000; margin-left:9em; border-left:none; font-weight:bold; } | |
322 | #kiwi.theme_relaxed .messages .msg.topic .nick { display:none; } | |
323 | #kiwi.theme_relaxed .messages .msg.topic .text { color:#009900; margin-left:9em; font-style: italic; border-left:none; } | |
324 | /*#kiwi.theme_relaxed .messages .msg.motd .nick { display:none; }*/ | |
325 | #kiwi.theme_relaxed .messages .msg.motd { border:none; } | |
326 | #kiwi.theme_relaxed .messages .msg.motd .text { color:#666; } | |
327 | #kiwi.theme_relaxed .messages .msg.whois .nick { font-weight:normal; } | |
328 | #kiwi.theme_relaxed .messages .msg.whois .text { margin-left:18em; padding-left:1em; border-left:1px dashed #999; } | |
329 | #kiwi.theme_relaxed .messages .msg.error .text { | |
330 | border:1px solid #A33F3F; background-color:#D28A8A; | |
331 | padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em; | |
332 | } | |
333 | ||
334 | ||
335 | ||
336 | ||
337 | ||
338 | /* CLI theme */ | |
339 | #kiwi.theme_cli { background:#222222; color:#6d6d6d; } | |
340 | #kiwi.theme_cli #controlbox { background:#111111; border-top:1px solid #444444; color:#909090; font-size:1.3em; line-height:2em; } | |
341 | #kiwi.theme_cli #controlbox .input_wrap:before { content:"> " } | |
342 | #kiwi.theme_cli #controlbox .input { background:none; border:none; border-radius: none; } | |
343 | #kiwi.theme_cli #controlbox .input .nick { line-height:1.7em; padding:0; } | |
344 | #kiwi.theme_cli #controlbox .input .inp { background:transparent; color:#909090; font-size:1.3em; width:92%; } | |
345 | /* #kiwi.theme_cli #controlbox .input .inp:before { content:">"; } */ | |
346 | ||
347 | #kiwi.theme_cli #topic { background:#111111; border-bottom:1px solid #444444; border-top:1px solid #444444; } | |
348 | #kiwi.theme_cli #topic input { background:transparent; color:#6d6d6d; border:none; outline:none; height:1.5em; } | |
349 | ||
350 | #kiwi.theme_cli #memberlists ul li a.nick { color:#6d6d6d; } | |
351 | ||
352 | #kiwi.theme_cli .messages .msg > div { color:#6d6d6d; font-family: Inconsolata, Consolas, 'courier new', monospace; } | |
353 | #kiwi.theme_cli .messages .msg { border: none; } | |
354 | #kiwi.theme_cli .messages .msg .time { width:6em; } | |
355 | #kiwi.theme_cli .messages .msg .nick { } | |
356 | #kiwi.theme_cli .messages .msg .text { white-space:pre-wrap; word-wrap:break-word; } | |
357 | ||
358 | #kiwi.theme_cli .messages .msg.action .nick { display:none; } | |
359 | #kiwi.theme_cli .messages .msg.action .text { margin-left:9em; color:#009900; border-left:none; font-style:italic; } | |
360 | #kiwi.theme_cli .messages .msg.action.join { color:#009900; } | |
361 | #kiwi.theme_cli .messages .msg.action.part .text { color:#900; } | |
362 | #kiwi.theme_cli .messages .msg.action.quit .text { color:#900; } | |
363 | #kiwi.theme_cli .messages .msg.action.kick .text { color:#900; } | |
364 | #kiwi.theme_cli .messages .msg.status .nick { display:none; } | |
365 | #kiwi.theme_cli .messages .msg.status .text { color:#990000; margin-left:9em; border-left:none; font-weight:bold; } | |
366 | #kiwi.theme_cli .messages .msg.topic .nick { display:none; } | |
367 | #kiwi.theme_cli .messages .msg.topic .text { color:#009900; margin-left:9em; font-style: italic; border-left:none; } | |
368 | /*#kiwi.theme_cli .messages .msg.motd .nick { display:none; }*/ | |
369 | #kiwi.theme_cli .messages .msg.motd { border:none; } | |
370 | #kiwi.theme_cli .messages .msg.motd .text { color:#666; } | |
371 | #kiwi.theme_cli .messages .msg.whois .nick { font-weight:normal; } | |
372 | #kiwi.theme_cli .messages .msg.whois .text { margin-left:18em; padding-left:1em; border-left:1px dashed #999; } | |
373 | #kiwi.theme_cli .messages .msg.error .text { | |
374 | border:1px solid #A33F3F; background-color:#D28A8A; | |
375 | padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em; | |
376 | } |