1div#pfc_container {
2  border: 1px solid #555;
3  color: #000;
4  padding: 10px;
5  min-height: 20px;
6  background-color: #FFF;
7  background-image: url("<?php echo $c->getFileUrlFromTheme('images/background.gif'); ?>");
8  background-position: right;
9/*  background-repeat: repeat-xy;*/
10  font: 12px Trebuchet MS, Sans-Serif; /* without this rule, the tabs are not correctly display on FF */
11  width: 640px;
12}
13
14#pfc_minmax {
15  cursor: pointer;
16}
17/*bg of smilies and buttons*/
18div#pfc_content_expandable {
19  margin-top: 0.2em;
20
21}
22
23/*bg of the chat-messages*/
24div#pfc_channels_content {
25  z-index: 20;
26  position: relative;
27
28  border-right: 2px solid #555;
29  border-left: 1px solid #555;
30  border-bottom: 2px solid #555;
31  background-color: #FFF;
32  margin-top: 5px;
33
34  background-image: url("<?php echo $c->getFileUrlFromTheme('images/channels_content_bg.png'); ?>");
35  width: 640px;
36}
37div.pfc_content {
38
39}
40
41/* channels tab-panes */
42ul#pfc_channels_list {
43  list-style-type: none;
44  display: block;
45  z-index: 50;
46  border-bottom: 1px solid #555;
47  margin-bottom: -5px;
48}
49ul#pfc_channels_list li {
50  display: inline;
51  margin-left: 5px;
52}
53/*tab-channel OFF*/
54ul#pfc_channels_list li div {
55  display: inline;
56  padding: 0 4px 0 4px;
57  border: 1px solid #555;
58  background-color: #DDD;
59  background-image: url("<?php echo $c->getFileUrlFromTheme('images/tab_off.png'); ?>");
60  font-size: 11px;
61  font-weight: bold;
62
63/*these 2 lines below is to make the tabs looks the same in IE and FF */
64  padding-bottom: 6px;
65  line-height: 26px;
66}
67/*tab-channel ON*/
68ul#pfc_channels_list li.selected div {
69  background-color: #FFF;
70  color: #000;
71  font-weight: bold;
72  font-size: 11px;
73  background-image: url("<?php echo $c->getFileUrlFromTheme('images/tab_on.png'); ?>");
74
75/*these 2 lines below is to make the tabs looks the same in IE and FF */
76  PADDING-BOTTOM: 6px;
77  line-height: 26px;
78}
79ul#pfc_channels_list li > div:hover {
80  background-color: #FFF;
81}
82/*tab-channel text*/
83ul#pfc_channels_list li a {
84  color: #333	;
85  text-decoration: none;
86}
87ul#pfc_channels_list li a.pfc_tabtitle {
88  cursor: pointer;
89}
90ul#pfc_channels_list li a.pfc_tabtitle img {
91  padding-right: 4px;
92}
93ul#pfc_channels_list li a.pfc_tabclose {
94  margin-left: 4px;
95  cursor: pointer;
96}
97
98/*where should the newmsg- and oldmsg pictures be placed? decide it here*/
99div.pfc_chat {
100  z-index: 100;
101  position: absolute;
102  top: 0px;
103  left: 3px;
104	right: 0px;
105	bottom: 3px;
106  width: 467px;
107/* WARNING: do not fix height in % because it will display blank screens on IE6 */
108/*  height: 100%;*/
109  overflow: auto;
110}
111
112/*usernames-onlinelist*/
113div.pfc_online {
114  position: absolute;
115  right: 0px;
116  top: 0px;
117  padding: 0px;
118  overflow: auto;
119  width: 171px;
120  border-bottom: 1px solid #555;
121/* WARNING: do not fix height in % because it will display blank screens on IE6 */
122/*  height: 100%;*/
123  color: #000; /* colors can be overriden by js nickname colorization */
124  background-color: #FFF;
125  background-image: url("<?php echo $c->getFileUrlFromTheme('images/pfc_online.png'); ?>");
126  background-position: left;
127  background-repeat: repeat-y;
128  /* borders are drawn by the javascript routines */
129}
130div.pfc_online ul {
131  list-style-type: none;
132  margin: 0px;
133  padding: 0px;
134  margin-left: 8px;
135  margin-right: 8px;
136}
137div.pfc_online li {
138  font-weight: bold;
139  font-size: 12px;
140  cursor: pointer;
141  /* bottom borders are drawn by the javascript routines */
142}
143
144h2#pfc_title {
145  font-size: 110%;
146}
147
148img#pfc_minmax {
149  float: right;
150}
151
152.pfc_invisible {
153  display: none;
154}
155
156.pfc_oddmsg {
157  background-color: #fff;
158  color: #000;
159  background-image: url("<?php echo $c->getFileUrlFromTheme('images/pfc_message1.png'); ?>");
160}
161.pfc_evenmsg {
162  background-color: #ccc;
163  color: #000;
164  background-image: url("<?php echo $c->getFileUrlFromTheme('images/pfc_message2.png'); ?>");
165}
166
167div.pfc_message {
168  background-image: url("<?php echo $c->getFileUrlFromTheme('images/newmsg.png'); ?>");
169  background-position: right;
170  background-repeat: no-repeat;
171}
172
173div.pfc_oldmsg {
174  background-image: url("<?php echo $c->getFileUrlFromTheme('images/oldmsg.png'); ?>");
175  background-position: right;
176  background-repeat: no-repeat;
177}
178
179span.pfc_heure, span.pfc_date {
180  color: #333;
181  font-size: 90%;
182}
183
184span.pfc_nick {
185  color: #fbac17;
186  font-weight: bold;
187  cursor:pointer;
188}
189
190div#pfc_input_container {
191  margin-top: 5px;
192  font-size: 12px;
193}
194p#pfc_handle { display: none; }
195
196div#pfc_input_container td.pfc_td2 {
197  background-image: url("<?php echo $c->getFileUrlFromTheme('images/pfc_words.png'); ?>");
198  background-repeat: no-repeat;
199  padding-left: 5px;
200}
201
202input#pfc_words {
203  border: 0px;
204  background-color: #FAFAFA;
205  width: 520px;
206  font-size: 12px;
207  height: 20px;
208  vertical-align: bottom;
209  font: 12px Trebuchet MS;
210}
211
212input#pfc_send {
213  display: block;
214  margin-left: 5px;
215  padding-top: 2px;
216  width: 100px;
217  border: 0px;
218  background-color: #ccc;
219  font: 12px Trebuchet MS;
220  color: #333;
221  height: 24px;
222  cursor: pointer;
223  background-image: url("<?php echo $c->getFileUrlFromTheme('images/pfc_send.png'); ?>");
224  cursor: pointer;
225}
226
227
228
229div#pfc_cmd_container {
230  position: relative;
231  margin-top: 5px;
232  margin-bottom: 5px;
233  width: 100%;
234}
235div#pfc_cmd_container * {
236  margin-right: 2px;
237}
238
239
240
241a#pfc_logo {
242  position: absolute;
243  right: 0px;
244  top: 0px;
245}
246
247div.pfc_btn {
248  display: inline;
249  cursor: pointer;
250}
251
252div#pfc_bbcode_container * {
253  margin-right: 2px;
254}
255
256div#pfc_errors {
257  display: none;
258  padding: 5px;
259  border: 1px solid #555;
260  color: #EC4B0F;
261  background-color: #FFBB77;
262  font-style: italic;
263  font-family: monospace;
264  font-size: 90%;
265}
266
267/* commands */
268.pfc_cmd_msg {
269  color: black;
270}
271.pfc_cmd_me {
272  font-style: italic;
273  color: black;
274}
275/*notice messages, login,logout,timed out etc..*/
276.pfc_cmd_notice {
277  font-style: italic;
278  color: #333;
279}
280
281/* commands info */
282.pfc_info {
283  color: #fefefe;
284
285  /* to fix IE6 display bug */
286  /* http://sourceforge.net/tracker/index.php?func=detail&aid=1545403&group_id=158880&atid=809601 */
287  font-family: sans-serif; /* do NOT setup monospace font or it will not work in IE6 */
288  font-style: italic;
289  background-color: #EEE;
290  font-size: 80%;
291}
292
293
294div#pfc_colorlist {
295  display: none;
296}
297img.pfc_color {
298  padding: 1px;
299  cursor: pointer;
300}
301
302.pfc_nickmarker {
303  white-space: pre;
304
305}
306
307div#pfc_smileys {
308  display: none; /* will be shown by javascript routines */
309  background-color: #FFF;
310  border: 1px solid #555;
311  padding: 4px;
312  margin-top: 4px;
313}
314div#pfc_smileys * {
315  margin-right: 2px;
316}
317
318div#pfc_smileys img {
319 cursor: pointer;
320}
321
322
323
324div.pfc_nickwhois * { padding: 0; margin: 0; }
325div.pfc_nickwhois a img { border: none; }
326div.pfc_nickwhois {
327  border: 1px solid #444;
328  background-color: #FFF;
329  font-size: 75%;
330}
331div.pfc_nickwhois ul {
332  list-style-type: none;
333  background-color: #EEE;
334  border-bottom: 1px solid #444;
335}
336div.pfc_nickwhois li {
337  display: inline;
338  margin-right: 4px;
339  padding: 2px;
340}
341td.pfc_nickwhois_c1 {
342  font-weight: bold;
343}
344li.pfc_nickwhois_pv {
345  padding-left: 2px;
346  border-left: 1px solid #444;
347}
348li.pfc_nickwhois_pv a {
349	text-decoration: none;
350}
351
352ul.pfc_nicklist span.pfc_nickmarker {
353}
354
355img.pfc_nickbutton {
356  cursor: pointer;
357}