7 vertical-align: middle
;
10 /***** La boite de sélection des smiles *****/
14 border-color: #ffffff;
15 background-color: #f6dfc2;
28 /***** La boite permettant de slaper/kicker/bannir une personne *****/
30 border-width: 1px 1px 1px 1px;
31 border-color: #ffffff;
51 /***** Le troll courant affiché en haut de la page *****/
52 #page.minichat #trollCourant
{
60 #page.minichat #trollCourant
.troll
{
65 /***** Le formulaire pour poster un message *****/
66 #page.minichat form#posterMessage
{
67 background-color: #e19671;
71 #page.minichat
.orderReverse form#posterMessage
{
75 #page.minichat
.orderChrono form#posterMessage
{
79 #page.minichat form#posterMessage p
{
83 #page.minichat form#posterMessage
.pseudo
{
87 #page.minichat form#posterMessage input
.message
{
91 #page.minichat form#posterMessage
.return
{
94 background-image: url
(img/return.png);
95 background-repeat: no-repeat
;
96 background-position: 5px 2px;
100 #page.minichat form#posterMessage
.smiles
{
103 background-image: url
(../../img/bouton_smiles.png);
104 background-repeat: no-repeat
;
105 background-position: 2px 2px;
109 #page.minichat form#posterMessage #repondA
{
110 background-color: #f0df95;
111 border: #841919 1px solid
;
118 #page.minichat form#posterMessage #repondA
.messages
{
120 border: #841919 1px solid
;
124 #page.minichat form#posterMessage #repondA
.messages div
.message:hover
.outilsMess
{
128 /***** Les conversations *****/
129 /* voir pour l'astuce css "float left" des conversations : http://www.quirksmode.org/css/clearing.html */
130 #page.minichat #conversations
{
134 background-color:#E19671;
136 #page.minichat
.orderChrono #conversations td
138 vertical-align: bottom
140 #page.minichat
.orderReverse #conversations td
144 #page.minichat
.orderChrono #conversations
.titre
{
145 border-bottom: 1px dashed white
147 #page.minichat
.orderReverse #conversations
.titre
{
148 border-top: 1px dashed white
150 #page.minichat #conversations
.titre
.nav
{
153 background-color: #e19671;
157 #page.minichat #conversations
.titre
.nav
.reduire
{
163 background-image: url
(img/reduire_conv.png);
166 #page.minichat #conversations
.titre
.nav
.reduire:hover
{
167 background-image: url
(img/reduire_conv_hover.png);
170 #page.minichat #conversations
.fermer
{
171 background-image: url
(img/fermer_conv.png);
174 #page.minichat #conversations
.titre
.nav
.fermer
{
180 background-image: url
(img/fermer_conv.png);
183 #page.minichat #conversations
.titre
.nav
.fermer:hover
{
184 background-image: url
(img/fermer_conv_hover.png);
186 #page.minichat #conversations
.titre
.nav
.lien
{
192 background-image: url
(img/copier_conv.png);
195 #page.minichat #conversations
.titre
.nav
.lien:hover
{
196 background-image: url
(img/copier_conv_hover.png);
198 #page.minichat #conversations
.titre
.nav
.next
,
199 #page.minichat #conversations
.titre
.nav
.prev
{
202 #page.minichat #conversations
.titre
.nav
.next
,
203 #page.minichat #conversations
.titre
.nav
.prev
,
204 #page.minichat #conversations
.titre
.nav
.numPage
{
205 background-color: #841919;
210 #page.minichat #conversations
.titre
.nav
.next:hover
,
211 #page.minichat #conversations
.titre
.nav
.prev:hover
,
212 #page.minichat #conversations
.titre
.nav
.numPage:hover
{
213 background-color: #cb2626
216 /***** Les messages *****/
217 #page.minichat div
.message
{
223 #page.minichat div
.messageImpair
{
224 background-color: #fbeede;
226 #page.minichat div
.messagePair
{
227 background-color: #f6dfc2;
229 #page.minichat div
.cache
{
233 filter: alpha
(opacity
= 30);
236 #page.minichat div
.message
.reponse
.entete
{
237 background-color: #846c19
239 #page.minichat div
.message
.reponse
.delimitationEntete
,
240 #page.minichat div
.message
.reponse
.repondA
{
241 background-image: url
(img/fleche_reponse.png);
243 #page.minichat div
.message
.repondu
.entete
{
244 background-color: #84196c
246 #page.minichat div
.message
.repondu
.delimitationEntete
,
247 #page.minichat div
.message
.repondu
.repondA
{
248 background-image: url
(img/fleche_repondu.png);
250 #page.minichat div
.message
.proprietaire
.entete
{
251 background-color: #350a0a
253 #page.minichat div
.message
.proprietaire
.delimitationEntete
,
254 #page.minichat div
.message
.proprietaire
.repondA
{
255 background-image: url
(img/fleche_proprietaire.png);
257 #page.minichat div
.message
.repondEnEvidence
{
258 background-color: #fce476 !important
260 #page.minichat div
.message
.systeme
{
261 background-color: #f0df95
263 #page.minichat div
.message a
{
266 #page.minichat div
.message
.lienConv
{
271 #page.minichat div
.message
.lienConv:hover
{
274 #page.minichat
.entete
{
276 background-color: #841919;
282 #page.minichat
.delimitationEntete
{
286 background-image: url
(img/fleche.png);
290 #page.minichat
.date
{
294 #page.minichat div
.message
.pseudo
,
295 /* FIXME : entre en conflit avec une règle précédente */
296 #page.minichat form
.pseudo
{
301 #page.minichat div
.message
.ekMasterlight
.pseudo
{
304 #page.minichat div
.message
.ekMasterheavy
.pseudo
{
307 background: transparent url
(img/marque_ek.png) no-repeat scroll right center
310 #page.minichat div
.message
.pseudo
.login
{
314 #page.minichat
.repondA
{
320 background-color: #cb2626;
323 background-image: url
(img/fleche.png);
324 background-repeat: no-repeat
;
326 #page.minichat
.delimitationRepondA
{
330 background-image: url
(img/fleche_reponda.png);
334 #page.minichat
.contenu
{
337 #page.minichat
.outilsMess
{
341 #page.minichat div
.message:hover
.outilsMess
{
344 #page.minichat
.extraire
{
348 background-image: url
(img/extraction.png);
351 #page.minichat
.extraire:hover
{
352 background-image: url
(img/extraction_hover.png);
354 #page.minichat
.extraireCompletement
{
358 background-image: url
(img/extraction_complete.png);
362 #page.minichat
.extraireCompletement:hover
{
363 background-image: url
(img/extraction_complete_hover.png);