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 form#posterMessage p
{
75 #page.minichat form#posterMessage
.pseudo
{
79 #page.minichat form#posterMessage input
.message
{
83 #page.minichat form#posterMessage
.return
{
86 background-image: url
(../../img/css1/return.png);
87 background-repeat: no-repeat
;
88 background-position: 5px 2px;
92 #page.minichat form#posterMessage
.smiles
{
95 background-image: url
(../../img/css2/bouton_smiles.png);
96 background-repeat: no-repeat
;
97 background-position: 2px 2px;
101 #page.minichat form#posterMessage #repondA
{
102 background-color: #f0df95;
103 border: #841919 1px solid
;
110 #page.minichat form#posterMessage #repondA
.messages
{
112 border: #841919 1px solid
;
116 #page.minichat form#posterMessage #repondA
.messages div
.message:hover
.outilsMess
{
120 /***** Les conversations *****/
121 /* voir pour l'astuce css "float left" des conversations : http://www.quirksmode.org/css/clearing.html */
122 #page.minichat #conversations
{
126 #page.minichat #conversations
.conversation
{
133 #page.minichat #conversations
.titre
{
134 border-top: 1px dashed white
136 #page.minichat #conversations
.titre
.barre
{
139 background-color: #e19671;
143 #page.minichat #conversations
.titre
.extraire
,
144 #page.minichat #conversations
.titre
.extraireCompletement
{
148 #page.minichat #conversations
.titre
.barre
.reduire
{
154 background-image: url
(../../img/css1/reduire_conv.png);
157 #page.minichat #conversations
.titre
.barre
.reduire:hover
{
158 background-image: url
(../../img/css1/reduire_conv_hover.png);
161 #page.minichat #conversations
.titre
.barre
.fermer
{
167 background-image: url
(../../img/css1/fermer_conv.png);
170 #page.minichat #conversations
.titre
.barre
.fermer:hover
{
171 background-image: url
(../../img/css1/fermer_conv_hover.png);
173 #page.minichat #conversations
.titre
.barre
.lien
{
179 background-image: url
(../../img/css1/copier_conv.png);
182 #page.minichat #conversations
.titre
.barre
.lien:hover
{
183 background-image: url
(../../img/css1/copier_conv_hover.png);
185 #page.minichat #conversations
.titre
.barre
.next
,
186 #page.minichat #conversations
.titre
.barre
.prev
{
189 #page.minichat #conversations
.titre
.barre
.next
,
190 #page.minichat #conversations
.titre
.barre
.prev
,
191 #page.minichat #conversations
.titre
.barre
.numPage
{
192 background-color: #841919;
197 #page.minichat #conversations
.titre
.barre
.next:hover
,
198 #page.minichat #conversations
.titre
.barre
.prev:hover
,
199 #page.minichat #conversations
.titre
.barre
.numPage:hover
{
200 background-color: #cb2626
203 /***** Les messages *****/
204 #page.minichat div
.message
{
210 #page.minichat div
.messageImpair
{
211 background-color: #fbeede;
213 #page.minichat div
.messagePair
{
214 background-color: #f6dfc2;
216 #page.minichat div
.cache
{
220 filter: alpha
(opacity
= 30);
223 #page.minichat div
.message
.reponse
.entete
{
224 background-color: #bf2911
226 #page.minichat div
.message
.reponse
.delimitationEntete
,
227 #page.minichat div
.message
.reponse
.repondA
{
228 background-image: url
(../../img/css1/fleche_reponse.png);
230 #page.minichat div
.message
.repondu
.entete
{
231 background-color: #84196c
233 #page.minichat div
.message
.repondu
.delimitationEntete
,
234 #page.minichat div
.message
.repondu
.repondA
{
235 background-image: url
(../../img/css1/fleche_repondu.png);
237 #page.minichat div
.message
.proprietaire
.entete
{
238 background-color: #31732f
240 #page.minichat div
.message
.proprietaire
.delimitationEntete
,
241 #page.minichat div
.message
.proprietaire
.repondA
{
242 background-image: url
(../../img/css1/fleche_proprietaire.png);
244 #page.minichat div
.message
.repondEnEvidence
{
245 background-color: #fce476
247 #page.minichat div
.message
.systeme
{
248 background-color: #f0df95
250 #page.minichat div
.message a
{
253 #page.minichat div
.message
.lienConv
{
258 #page.minichat div
.message
.lienConv:hover
{
261 #page.minichat
.entete
{
263 background-color: #841919;
269 #page.minichat
.delimitationEntete
{
273 background-image: url
(../../img/css1/fleche.png);
277 #page.minichat
.date
{
281 #page.minichat div
.message
.pseudo
,
282 /* FIXME : entre en conflit avec une règle précédente */
283 #page.minichat form
.pseudo
{
288 #page.minichat div
.message
.ekMaster
.pseudo
{
291 #page.minichat div
.message
.pseudo
.login
{
295 #page.minichat
.repondA
{
301 background-color: #cb2626;
304 background-image: url
(../../img/css1/fleche.png);
305 background-repeat: no-repeat
;
307 #page.minichat
.delimitationRepondA
{
311 background-image: url
(../../img/css1/fleche_reponda.png);
315 #page.minichat
.contenu
{
318 #page.minichat
.outilsMess
{
322 #page.minichat div
.message:hover
.outilsMess
{
325 #page.minichat
.extraire
{
329 background-image: url
(../../img/css1/extraction.png);
332 #page.minichat
.extraire:hover
{
333 background-image: url
(../../img/css1/extraction_hover.png);
335 #page.minichat
.extraireCompletement
{
339 background-image: url
(../../img/css1/extraction_complete.png);
343 #page.minichat
.extraireCompletement:hover
{
344 background-image: url
(../../img/css1/extraction_complete_hover.png);