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
{
62 #page.minichat #trollCourant
.troll
{
67 /***** Le formulaire pour poster un message *****/
68 #page.minichat form#posterMessage
{
69 background-color: #e19671;
73 #page.minichat form#posterMessage p
{
77 #page.minichat form#posterMessage
.pseudo
{
81 #page.minichat form#posterMessage input
.message
{
85 #page.minichat form#posterMessage
.return
{
88 background-image: url
(../../img/css1/return.png);
89 background-repeat: no-repeat
;
90 background-position: 5px 2px;
94 #page.minichat form#posterMessage
.smiles
{
97 background-image: url
(../../img/css2/bouton_smiles.png);
98 background-repeat: no-repeat
;
99 background-position: 2px 2px;
103 #page.minichat form#posterMessage #repondA
{
104 background-color: #f0df95;
105 border: #841919 1px solid
;
112 #page.minichat form#posterMessage #repondA
.messages
{
114 border: #841919 1px solid
;
118 #page.minichat form#posterMessage #repondA
.messages div
.message:hover
.outilsMess
{
122 /***** Les conversations *****/
123 /* voir pour l'astuce css "float left" des conversations : http://www.quirksmode.org/css/clearing.html */
124 #page.minichat #conversations
{
128 #page.minichat #conversations
.conversation
{
135 #page.minichat #conversations
.titre
{
136 border-top: 1px dashed white
138 #page.minichat #conversations
.titre
.barre
{
141 background-color: #e19671;
144 #page.minichat #conversations
.titre
.barre
.fermer
{
150 background-image: url
(../../img/css1/fermer_conv.png);
153 #page.minichat #conversations
.titre
.barre
.fermer:hover
{
154 background-image: url
(../../img/css1/fermer_conv_hover.png);
156 #page.minichat #conversations
.titre
.barre
.lien
{
161 background-image: url
(../../img/css1/copier_conv.png);
164 #page.minichat #conversations
.titre
.barre
.lien:hover
{
165 background-image: url
(../../img/css1/copier_conv_hover.png);
167 #page.minichat #conversations
.titre
.barre
.next
,
168 #page.minichat #conversations
.titre
.barre
.prev
{
171 #page.minichat #conversations
.titre
.barre
.next
,
172 #page.minichat #conversations
.titre
.barre
.prev
,
173 #page.minichat #conversations
.titre
.barre
.numPage
{
174 background-color: #841919;
179 #page.minichat #conversations
.titre
.barre
.next:hover
,
180 #page.minichat #conversations
.titre
.barre
.prev:hover
,
181 #page.minichat #conversations
.titre
.barre
.numPage:hover
{
182 background-color: #cb2626
185 /***** Les messages *****/
186 #page.minichat div
.message
{
192 #page.minichat div
.messageImpair
{
193 background-color: #fbeede;
195 #page.minichat div
.messagePair
{
196 background-color: #f6dfc2;
198 #page.minichat div
.cache
{
202 filter: alpha
(opacity
= 30);
205 #page.minichat div
.message
.reponse
.entete
{
206 background-color: #bf2911
208 #page.minichat div
.message
.reponse
.delimitationEntete
,
209 #page.minichat div
.message
.reponse
.repondA
{
210 background-image: url
(../../img/css1/fleche_reponse.png);
212 #page.minichat div
.message
.repondu
.entete
{
213 background-color: #84196c
215 #page.minichat div
.message
.repondu
.delimitationEntete
,
216 #page.minichat div
.message
.repondu
.repondA
{
217 background-image: url
(../../img/css1/fleche_repondu.png);
219 #page.minichat div
.message
.proprietaire
.entete
{
220 background-color: #31732f
222 #page.minichat div
.message
.proprietaire
.delimitationEntete
,
223 #page.minichat div
.message
.proprietaire
.repondA
{
224 background-image: url
(../../img/css1/fleche_proprietaire.png);
226 #page.minichat div
.message
.repondEnEvidence
{
227 background-color: #fce476
229 #page.minichat div
.message
.systeme
{
230 background-color: #f0df95
232 #page.minichat div
.message a
{
235 #page.minichat div
.message
.lienConv
{
240 #page.minichat div
.message
.lienConv:hover
{
243 #page.minichat
.entete
{
245 background-color: #841919;
251 #page.minichat
.delimitationEntete
{
255 background-image: url
(../../img/css1/fleche.png);
259 #page.minichat
.date
{
263 #page.minichat div
.message
.pseudo
,
264 /* FIXME : entre en conflit avec une règle précédente */
265 #page.minichat form
.pseudo
{
270 #page.minichat div
.message
.ekMaster
.pseudo
{
273 #page.minichat div
.message
.pseudo
.login
{
277 #page.minichat
.repondA
{
283 background-color: #cb2626;
286 background-image: url
(../../img/css1/fleche.png);
287 background-repeat: no-repeat
;
289 #page.minichat
.delimitationRepondA
{
293 background-image: url
(../../img/css1/fleche_reponda.png);
297 #page.minichat
.contenu
{
300 #page.minichat
.outilsMess
{
304 #page.minichat div
.message:hover
.outilsMess
{
307 #page.minichat
.extraire
{
311 background-image: url
(../../img/css1/extraction.png);
314 #page.minichat
.extraire:hover
{
315 background-image: url
(../../img/css1/extraction_hover.png);
317 #page.minichat
.extraireCompletement
{
321 background-image: url
(../../img/css1/extraction_complete.png);
325 #page.minichat
.extraireCompletement:hover
{
326 background-image: url
(../../img/css1/extraction_complete_hover.png);