Commit | Line | Data |
---|---|---|
2dd6a025 D |
1 | * { margin:0px; padding:0px; } |
2 | html, body { height:100%; } | |
75f48c13 | 3 | a { color:#36C; text-decoration:none; cursor:pointer; } |
2dd6a025 D |
4 | |
5 | ||
6 | ||
7 | ||
68d3b968 | 8 | #kiwi { |
2dd6a025 D |
9 | overflow:hidden; position:relative; |
10 | height:100%; | |
11 | font-family:Arial, Helvetica, sans-serif; | |
12 | font-size:14px; line-height:1.4em; | |
13 | background:#EBEBEB; | |
14 | } | |
15 | ||
16 | /** | |
17 | * Main layout blocks | |
18 | */ | |
473fe73f | 19 | #toolbar { position:absolute; top:0px; width:100%; background-color:#1B1B1B; font-size:0.9em; } |
0caf7aa7 | 20 | #panels { position:absolute; left:0px; right:200px; bottom:100px; top:100px; } |
2c80d916 | 21 | #memberlists { position:absolute; right:0px; width:200px; bottom:100px; top:100px; overflow-y:scroll; } |
2dd6a025 D |
22 | #controlbox { position: absolute; bottom:0px; width:100%; background-color:#1B1B1B; } |
23 | ||
24 | ||
25 | ||
26 | #toolbar .panellist { | |
27 | overflow: hidden; | |
28 | margin-right: 50px; | |
29 | white-space: nowrap; | |
30 | display:block; | |
31 | /*height: 35px;*/ | |
32 | } | |
33 | #toolbar .panellist li { | |
34 | float: left; list-style: inline; | |
35 | display:inline; position:relative; | |
36 | padding:5px; margin:3px; | |
37 | border: 1px solid #333; | |
38 | background-color: #eee; | |
39 | ||
40 | cursor: pointer; | |
41 | ||
42 | line-height: 1.4em; | |
43 | vertical-align: middle; | |
44 | ||
45 | border-radius:5px; | |
46 | -moz-border-radius:5px; | |
47 | -webkit-border-radius:5px; | |
48 | -khtml-border-radius:5px; | |
49 | behavior: url(border-radius.htc); | |
50 | ||
51 | background-image: -webkit-gradient( | |
52 | linear, | |
53 | left top, | |
54 | left bottom, | |
55 | color-stop(0.38, rgb(238,238,238)), | |
56 | color-stop(0.68, rgb(209,209,209)) | |
57 | ); | |
58 | background-image: -moz-linear-gradient( | |
59 | center top, | |
60 | rgb(238,238,238) 38%, | |
61 | rgb(209,209,209) 68% | |
62 | ); | |
63 | } | |
64 | #toolbar .panellist .active { padding-right:23px; } | |
0fc0605d | 65 | #toolbar .panellist .alert_highlight { |
2dd6a025 D |
66 | background: #990000; |
67 | font-weight: bold; | |
68 | } | |
0fc0605d | 69 | #toolbar .panellist .alert_activity { font-weight: bold; background: #009900; } |
2dd6a025 D |
70 | |
71 | #toolbar .panellist li img { width:1em; height:1em; top:7px; right:5px; position:absolute; } | |
72 | #toolbar .panellist li img.icon { left:5px; top:2px; height:auto; width:auto; } | |
73 | ||
74 | ||
f8ce99b4 D |
75 | #status_message { |
76 | background: #FEEFB3; color: #9F6000; | |
77 | border-bottom: 1px solid; | |
78 | padding: 0.9em; | |
79 | text-align: center; font-size:1.1em; | |
80 | } | |
81 | #status_message.err { color:#D8000C; background:#FFBABA; } | |
82 | ||
2dd6a025 | 83 | |
0caf7aa7 D |
84 | .panel_container { overflow-y:scroll; height:100%; } |
85 | ||
86 | ||
2dd6a025 D |
87 | |
88 | .messages { | |
89 | overflow-x:wrap; | |
90 | border:none; display: none; | |
91 | height: 100%; | |
92 | } | |
93 | .messages a { | |
94 | text-decoration:none; | |
95 | } | |
96 | .messages.active { display:block; } | |
97 | ||
98 | .messages .msg { border-bottom: 1px solid #CCC; padding:1px; font-family:arial; font-size:0.9em; } | |
99 | .messages .msg .time { width:6em; float:left; color:#777; } | |
100 | .messages .msg .nick { width:7em; text-align:right; float:left; font-size:12px; } | |
101 | .messages .msg .text { margin-left:15em; white-space:pre-wrap; word-wrap:break-word; font-family:monospace; } | |
102 | ||
103 | .messages .msg.action .nick { display:none; } | |
94016cd4 | 104 | .messages .msg.action .text { margin-left:9em; color:#009900; font-style:italic; } |
2dd6a025 D |
105 | .messages .msg.action.join { color:#009900; } |
106 | .messages .msg.action.part .text { color:#900; } | |
107 | .messages .msg.action.quit .text { color:#900; } | |
94016cd4 | 108 | .messages .msg.action.kick .text { color:#900; } |
2dd6a025 D |
109 | .messages .msg.status .nick { display:none; } |
110 | .messages .msg.status .text { color:#990000; margin-left:9em; font-weight:bold; } | |
111 | .messages .msg.topic .nick { display:none; } | |
112 | .messages .msg.topic .text { color:#009900; margin-left:9em; font-style: italic; } | |
113 | /*.messages .msg.motd .nick { display:none; }*/ | |
114 | .messages .msg.motd { border:none; } | |
115 | .messages .msg.motd .text { color:#666; } | |
116 | .messages .msg.whois .nick { font-weight:normal; } | |
117 | .messages .msg.whois .text { margin-left:18em; padding-left:1em; border-left:1px dashed #999; } | |
118 | .messages .msg.error .text { | |
119 | border:1px solid #A33F3F; background-color:#D28A8A; | |
120 | padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em; | |
121 | } | |
122 | ||
123 | ||
124 | ||
125 | #memberlists ul { list-style: none; display:none; } | |
126 | #memberlists ul.active { display:block; } | |
127 | #memberlists ul li { padding: 0.2em 1em; overflow-y:auto; overflow-x:hidden; cursor:pointer; } | |
128 | #memberlists ul li:hover { background-color:#FAF7D3; } | |
75f48c13 | 129 | #memberlists ul li a.nick { display:block; color:black; } |
2dd6a025 | 130 | |
75f48c13 | 131 | #memberlists ul li .userbox { margin:0 1em 5px 1em; font-size:.9em; } |
2dd6a025 D |
132 | #memberlists ul li .userbox a { display:block; text-decoration:none; border-bottom: 1px dashed #aaa; } |
133 | ||
134 | ||
135 | ||
136 | #controlbox .input { | |
137 | background:#fff; margin:3px; | |
138 | height:1.7em; | |
139 | border-radius:5px; | |
140 | -moz-border-radius:5px; | |
141 | -webkit-border-radius:5px; | |
142 | -khtml-border-radius:5px; | |
143 | } | |
144 | #controlbox .input .nick { text-align: right; width:11em; left:0px; position:absolute; padding:2px; } | |
75f48c13 | 145 | #controlbox .input .nick a { text-decoration:none; color:black; } |
5237492b | 146 | #controlbox .input .input_wrap { |
2dd6a025 | 147 | position:absolute; |
5237492b | 148 | right:7px; left: 12.2em; |
2dd6a025 | 149 | height:1.7em; |
5237492b D |
150 | } |
151 | #controlbox .input input { | |
2dd6a025 D |
152 | border: medium none; |
153 | outline:none; | |
5237492b D |
154 | position:relative; |
155 | height:100%; width:100%; | |
2dd6a025 D |
156 | } |
157 | ||
158 | ||
159 | ||
160 | #topic { background-color:#1B1B1B; height:2em; position:relative; } | |
161 | #topic input { | |
162 | position:absolute; | |
163 | top:2; bottom:2px; left:0; width:100%; | |
164 | text-align: center; | |
2af70088 D |
165 | } |
166 | ||
167 | ||
168 | ||
169 | ||
170 | ||
171 | ||
d94f220d | 172 | .server_select { width:270px; padding:3em 0 2em 0; margin: 0 auto; } |
2af70088 | 173 | .server_select .more { display: none; } |
d94f220d D |
174 | .server_select button { float:right; padding:3px 7px; } |
175 | .server_select input { float:right; margin-bottom:5px; padding:3px 7px; } | |
176 | .server_select label { float:left; width:5em; padding-top:3px } | |
177 | .server_select br { clear:both; } | |
178 | .server_select .basic .show_more { display: block; border-bottom: 1px dashed gray; margin:10px 0; font-size:0.8em; } | |
179 | .server_select .status { text-align: center; font-weight: bold; padding:1em; } | |
180 | .server_select .status .ok { | |
181 | border:1px solid #A33F3F; background-color:#D28A8A; | |
182 | padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em; | |
bacc69cb D |
183 | } |
184 | ||
185 | ||
186 | ||
187 | ||
188 | ||
189 | ||
190 | ||
191 | ||
192 | ||
193 | ||
194 | ||
195 | ||
196 | ||
197 | ||
198 | ||
199 | /** | |
200 | * Themes | |
201 | */ | |
202 | ||
203 | ||
204 | /* Relaxed theme */ | |
d567cb16 D |
205 | #kiwi.theme_relaxed .messages .msg { border-bottom: 1px solid #DEDEDE; font-family:arial; font-size:0.9em; } |
206 | #kiwi.theme_relaxed .messages .msg .time { width:6em; float:left; color:#777; display:none; } | |
207 | #kiwi.theme_relaxed .messages .msg .nick { width:11em; float:left; font-size:12px; font-family:Arial; text-align:left; padding: 5px; } | |
208 | #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; } | |
209 | ||
210 | #kiwi.theme_relaxed .messages .msg.action .nick { display:none; } | |
211 | #kiwi.theme_relaxed .messages .msg.action .text { margin-left:9em; color:#009900; border-left:none; font-style:italic; } | |
212 | #kiwi.theme_relaxed .messages .msg.action.join { color:#009900; } | |
213 | #kiwi.theme_relaxed .messages .msg.action.part .text { color:#900; } | |
214 | #kiwi.theme_relaxed .messages .msg.action.quit .text { color:#900; } | |
215 | #kiwi.theme_relaxed .messages .msg.action.kick .text { color:#900; } | |
216 | #kiwi.theme_relaxed .messages .msg.status .nick { display:none; } | |
217 | #kiwi.theme_relaxed .messages .msg.status .text { color:#990000; margin-left:9em; border-left:none; font-weight:bold; } | |
218 | #kiwi.theme_relaxed .messages .msg.topic .nick { display:none; } | |
219 | #kiwi.theme_relaxed .messages .msg.topic .text { color:#009900; margin-left:9em; font-style: italic; border-left:none; } | |
220 | /*#kiwi.theme_relaxed .messages .msg.motd .nick { display:none; }*/ | |
221 | #kiwi.theme_relaxed .messages .msg.motd { border:none; } | |
222 | #kiwi.theme_relaxed .messages .msg.motd .text { color:#666; } | |
223 | #kiwi.theme_relaxed .messages .msg.whois .nick { font-weight:normal; } | |
224 | #kiwi.theme_relaxed .messages .msg.whois .text { margin-left:18em; padding-left:1em; border-left:1px dashed #999; } | |
225 | #kiwi.theme_relaxed .messages .msg.error .text { | |
bacc69cb D |
226 | border:1px solid #A33F3F; background-color:#D28A8A; |
227 | padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em; | |
68d3b968 D |
228 | } |
229 | ||
230 | ||
231 | ||
232 | ||
233 | ||
234 | /* CLI theme */ | |
235 | #kiwi.theme_cli { background:#222222; color:#6d6d6d; } | |
236 | #kiwi.theme_cli #controlbox { background:#111111; border-top:1px solid #444444; color:#909090; font-size:1.3em; line-height:2em; } | |
237 | #kiwi.theme_cli #controlbox .input_wrap:before { content:"> " } | |
238 | #kiwi.theme_cli #controlbox .input { background:none; border:none; border-radius: none; } | |
239 | #kiwi.theme_cli #controlbox .input .nick { line-height:1.7em; padding:0; } | |
240 | #kiwi.theme_cli #controlbox .input .inp { background:transparent; color:#909090; font-size:1.3em; width:92%; } | |
241 | /* #kiwi.theme_cli #controlbox .input .inp:before { content:">"; } */ | |
242 | ||
243 | #kiwi.theme_cli #topic { background:#111111; border-bottom:1px solid #444444; border-top:1px solid #444444; } | |
244 | #kiwi.theme_cli #topic input { background:transparent; color:#6d6d6d; border:none; outline:none; height:1.5em; } | |
245 | ||
246 | #kiwi.theme_cli #memberlists ul li a.nick { color:#6d6d6d; } | |
247 | ||
248 | #kiwi.theme_cli .messages .msg > div { color:#6d6d6d; font-family: Inconsolata, Consolas, 'courier new', monospace; } | |
249 | #kiwi.theme_cli .messages .msg { border: none; } | |
250 | #kiwi.theme_cli .messages .msg .time { width:6em; } | |
251 | #kiwi.theme_cli .messages .msg .nick { } | |
252 | #kiwi.theme_cli .messages .msg .text { white-space:pre-wrap; word-wrap:break-word; } | |
253 | ||
254 | #kiwi.theme_cli .messages .msg.action .nick { display:none; } | |
255 | #kiwi.theme_cli .messages .msg.action .text { margin-left:9em; color:#009900; border-left:none; font-style:italic; } | |
256 | #kiwi.theme_cli .messages .msg.action.join { color:#009900; } | |
257 | #kiwi.theme_cli .messages .msg.action.part .text { color:#900; } | |
258 | #kiwi.theme_cli .messages .msg.action.quit .text { color:#900; } | |
259 | #kiwi.theme_cli .messages .msg.action.kick .text { color:#900; } | |
260 | #kiwi.theme_cli .messages .msg.status .nick { display:none; } | |
261 | #kiwi.theme_cli .messages .msg.status .text { color:#990000; margin-left:9em; border-left:none; font-weight:bold; } | |
262 | #kiwi.theme_cli .messages .msg.topic .nick { display:none; } | |
263 | #kiwi.theme_cli .messages .msg.topic .text { color:#009900; margin-left:9em; font-style: italic; border-left:none; } | |
264 | /*#kiwi.theme_cli .messages .msg.motd .nick { display:none; }*/ | |
265 | #kiwi.theme_cli .messages .msg.motd { border:none; } | |
266 | #kiwi.theme_cli .messages .msg.motd .text { color:#666; } | |
267 | #kiwi.theme_cli .messages .msg.whois .nick { font-weight:normal; } | |
268 | #kiwi.theme_cli .messages .msg.whois .text { margin-left:18em; padding-left:1em; border-left:1px dashed #999; } | |
269 | #kiwi.theme_cli .messages .msg.error .text { | |
270 | border:1px solid #A33F3F; background-color:#D28A8A; | |
271 | padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em; | |
d94f220d | 272 | } |