9 vertical-align: middle
;
12 /***** La boite de sélection des smiles *****/
16 border-color: #ffffff;
17 background-color: #f6dfc2;
30 /***** La boite permettant de slaper/kicker/bannir une personne *****/
32 border-width: 1px 1px 1px 1px;
33 border-color: #ffffff;
53 /***** Le troll courant affiché en haut de la page *****/
54 #page.minichat #trollCourant
{
63 #page.minichat #trollCourant
a:link
, #page
.minichat #trollCourant
a:visited
{
66 #page.minichat #trollCourant
a:hover
, #page
.minichat #trollCourant
a:active
{
70 #page.minichat #trollCourant
.troll
{
75 /***** Le formulaire pour poster un message *****/
76 #page.minichat form#posterMessage
{
77 background-color: #e19671;
81 #page.minichat
.orderReverse form#posterMessage
{
85 #page.minichat
.orderChrono form#posterMessage
{
89 #page.minichat form#posterMessage p
{
93 #page.minichat form#posterMessage
.pseudo
{
97 #page.minichat form#posterMessage input
.message
{
101 #page.minichat form#posterMessage
.return
{
104 background-image: url
(img/return.png);
105 background-repeat: no-repeat
;
106 background-position: 5px 2px;
110 #page.minichat form#posterMessage
.smiles
{
113 background-image: url
(../../img/bouton_smiles.png);
114 background-repeat: no-repeat
;
115 background-position: 2px 2px;
119 /* La boite montrant les messages auquels l'utilisateur répond */
120 #page.minichat form#posterMessage #repondA
{
121 background-color: #f0df95;
122 border: #841919 1px solid
;
129 #page.minichat form#posterMessage #repondA
.messages
{
131 border: #841919 1px solid
;
135 #page.minichat form#posterMessage #repondA
.messages div
.message:hover #outilsMess
{
139 /***** Les conversations *****/
140 /* voir pour l'astuce css "float left" des conversations : http://www.quirksmode.org/css/clearing.html */
141 #page.minichat #conversations
{
145 background-color:#E19671;
147 #page.minichat
.orderChrono #conversations td
149 vertical-align: bottom
151 #page.minichat
.orderReverse #conversations td
155 #page.minichat
.orderChrono #conversations
.titre
{
156 border-bottom: 1px dashed white
158 #page.minichat
.orderReverse #conversations
.titre
{
159 border-top: 1px dashed white
161 #page.minichat #conversations
.titre
.nav
{
164 background-color: #e19671;
167 /*#page.minichat #conversations .titre .nav .reduire {
173 background-image: url(img/reduire_conv.png);
176 #page.minichat #conversations .titre .nav .reduire:hover {
177 background-image: url(img/reduire_conv_hover.png);
180 #page.minichat #conversations
.titre
.nav
.fermer
{
186 background-image: url
(img/fermer_conv.png);
189 #page.minichat #conversations
.titre
.nav
.fermer:hover
{
190 background-image: url
(img/fermer_conv_hover.png);
192 #page.minichat #conversations
.titre
.nav
.creerLien
{
198 background-image: url
(img/copier_conv.png);
201 #page.minichat #conversations
.titre
.nav
.creerLien:hover
{
202 background-image: url
(img/copier_conv_hover.png);
204 #page.minichat #conversations
.titre
.nav
.next
,
205 #page.minichat #conversations
.titre
.nav
.prev
{
208 #page.minichat #conversations
.titre
.nav
.next
,
209 #page.minichat #conversations
.titre
.nav
.prev
,
210 #page.minichat #conversations
.titre
.nav
.numPage
{
211 background-color: #841919;
216 #page.minichat #conversations
.titre
.nav
.next:hover
,
217 #page.minichat #conversations
.titre
.nav
.prev:hover
,
218 #page.minichat #conversations
.titre
.nav
.numPage:hover
{
219 background-color: #cb2626
222 /***** Les messages *****/
223 #page.minichat div
.message
{
229 #page.minichat div
.messageImpair
{
230 background-color: #fbeede;
232 #page.minichat div
.messagePair
{
233 background-color: #f6dfc2;
235 #page.minichat div
.cache
{
239 filter: alpha
(opacity
= 30);
242 #page.minichat div
.message
.reponse
.entete
{
243 background-color: #846c19
245 #page.minichat div
.message
.reponse
.delimitationEntete
,
246 #page.minichat div
.message
.reponse
.repondA
{
247 background-image: url
(img/fleche_reponse.png);
249 #page.minichat div
.message
.repondu
.entete
{
250 background-color: #84196c
252 #page.minichat div
.message
.repondu
.delimitationEntete
,
253 #page.minichat div
.message
.repondu
.repondA
{
254 background-image: url
(img/fleche_repondu.png);
256 #page.minichat div
.message
.proprietaire
.entete
{
257 background-color: #350a0a
259 #page.minichat div
.message
.proprietaire
.delimitationEntete
,
260 #page.minichat div
.message
.proprietaire
.repondA
{
261 background-image: url
(img/fleche_proprietaire.png);
263 #page.minichat div
.message
.repondEnEvidence
{
264 background-color: #fce476 !important
266 #page.minichat div
.message
.systeme
{
267 background-color: #f0df95
269 #page.minichat div
.message a
{
272 #page.minichat div
.message
.lienConv
{
277 #page.minichat div
.message
.lienConv:hover
{
280 #page.minichat
.entete
{
282 background-color: #841919;
288 #page.minichat
.delimitationEntete
{
292 background-image: url
(img/fleche.png);
296 #page.minichat
.date
{
300 #page.minichat div
.message
.pseudo
,
301 /* FIXME : entre en conflit avec une règle précédente */
302 #page.minichat form
.pseudo
{
307 #page.minichat div
.message
.ekMasterlight
.pseudo
{
310 #page.minichat div
.message
.ekMasterheavy
.pseudo
{
313 background: transparent url
(img/marque_ek.png) no-repeat scroll right center
316 #page.minichat div
.message
.pseudo
.login
{
320 #page.minichat
.repondA
{
326 background-color: #cb2626;
329 background-image: url
(img/fleche.png);
330 background-repeat: no-repeat
;
332 #page.minichat
.delimitationRepondA
{
336 background-image: url
(img/fleche_reponda.png);
340 #page.minichat
.contenu
{
343 #page.minichat #outilsMess
{
350 #page.minichat #outilsMess
.extraire
{
354 background-image: url
(img/extraction.png);
357 #page.minichat #outilsMess
.extraire:hover
{
358 background-image: url
(img/extraction_hover.png);
360 #page.minichat #outilsMess
.extraireCompletement
{
364 background-image: url
(img/extraction_complete.png);
368 #page.minichat #outilsMess
.extraireCompletement:hover
{
369 background-image: url
(img/extraction_complete_hover.png);