9 vertical-align: middle
;
12 /***** L'aide sur les commandes *****/
17 #aideCommandes .usage
{
21 list-style-type: none
;
24 /***** La boite de sélection des smiles *****/
28 border-color: #ffffff;
29 background-color: #f6dfc2;
42 /***** La boite permettant de slaper/kicker/bannir une personne *****/
44 border-width: 1px 1px 1px 1px;
45 border-color: #ffffff;
65 /***** Le troll courant affiché en haut de la page *****/
66 #page.minichat #trollCourant
{
75 #page.minichat #trollCourant
a:link
, #page
.minichat #trollCourant
a:visited
{
78 #page.minichat #trollCourant
a:hover
, #page
.minichat #trollCourant
a:active
{
82 #page.minichat #trollCourant
.troll
{
87 /***** Le formulaire pour poster un message *****/
88 #page.minichat form#posterMessage
{
89 background-color: #e19671;
93 #page.minichat form#posterMessage p
> input
,
94 #page.minichat form#posterMessage p
> span
,
95 #page.minichat form#posterMessage p
> button
{
96 vertical-align: middle
;
99 #page.minichat
.orderReverse form#posterMessage
{
100 padding-bottom: 10px;
103 #page.minichat
.orderChrono form#posterMessage
{
107 #page.minichat form#posterMessage p
{
111 #page.minichat form#posterMessage
.pseudo
{
115 #page.minichat form#posterMessage input
.message
{
119 #page.minichat form#posterMessage
.return
{
122 background-image: url
(img/return.png);
123 background-repeat: no-repeat
;
124 background-position: 5px 2px;
127 #page.minichat form#posterMessage
.smiles
{
130 background-image: url
(../../img/bouton_smiles.png);
131 background-repeat: no-repeat
;
132 background-position: 2px 2px;
135 /* La boite montrant les messages auquels l'utilisateur répond */
136 #page.minichat form#posterMessage #repondA
{
137 background-color: #f0df95;
138 border: #841919 1px solid
;
145 #page.minichat form#posterMessage #repondA
.messages
{
147 border: #841919 1px solid
;
151 #page.minichat form#posterMessage #repondA
.messages div
.message:hover #outilsMess
{
155 /***** Les conversations *****/
156 /* voir pour l'astuce css "float left" des conversations : http://www.quirksmode.org/css/clearing.html */
157 #page.minichat #conversations
{
161 background-color:#E19671;
163 #page.minichat
.orderChrono #conversations td
165 vertical-align: bottom
167 #page.minichat
.orderReverse #conversations td
171 #page.minichat
.orderChrono #conversations
.titre
{
172 border-bottom: 1px dashed white
174 #page.minichat
.orderReverse #conversations
.titre
{
175 border-top: 1px dashed white
177 #page.minichat #conversations
.titre
.nav
{
180 background-color: #e19671;
183 /*#page.minichat #conversations .titre .nav .reduire {
189 background-image: url(img/reduire_conv.png);
192 #page.minichat #conversations .titre .nav .reduire:hover {
193 background-image: url(img/reduire_conv_hover.png);
196 #page.minichat #conversations
.titre
.nav
.fermer
{
202 background-image: url
(img/fermer_conv.png);
205 #page.minichat #conversations
.titre
.nav
.fermer:hover
{
206 background-image: url
(img/fermer_conv_hover.png);
208 #page.minichat #conversations
.titre
.nav
.creerLien
{
214 background-image: url
(img/copier_conv.png);
217 #page.minichat #conversations
.titre
.nav
.creerLien:hover
{
218 background-image: url
(img/copier_conv_hover.png);
220 #page.minichat #conversations
.titre
.nav
.next
,
221 #page.minichat #conversations
.titre
.nav
.prev
{
224 #page.minichat #conversations
.titre
.nav
.next
,
225 #page.minichat #conversations
.titre
.nav
.prev
,
226 #page.minichat #conversations
.titre
.nav
.numPage
{
227 background-color: #841919;
232 #page.minichat #conversations
.titre
.nav
.next:hover
,
233 #page.minichat #conversations
.titre
.nav
.prev:hover
,
234 #page.minichat #conversations
.titre
.nav
.numPage:hover
{
235 background-color: #cb2626
238 /***** Les messages *****/
239 #page.minichat div
.message
{
245 #page.minichat div
.messageImpair
{
246 background-color: #fbeede;
248 #page.minichat div
.messagePair
{
249 background-color: #f6dfc2;
251 #page.minichat div
.cache
{
255 filter: alpha
(opacity
= 30);
258 #page.minichat div
.message
.reponse
.entete
{
259 background-color: #846c19
261 #page.minichat div
.message
.reponse
.delimitationEntete
,
262 #page.minichat div
.message
.reponse
.repondA
{
263 background-image: url
(img/fleche_reponse.png);
265 #page.minichat div
.message
.repondu
.entete
{
266 background-color: #84196c
268 #page.minichat div
.message
.repondu
.delimitationEntete
,
269 #page.minichat div
.message
.repondu
.repondA
{
270 background-image: url
(img/fleche_repondu.png);
272 #page.minichat div
.message
.proprietaire
.entete
{
273 background-color: #350a0a
275 #page.minichat div
.message
.proprietaire
.delimitationEntete
,
276 #page.minichat div
.message
.proprietaire
.repondA
{
277 background-image: url
(img/fleche_proprietaire.png);
279 #page.minichat div
.message
.repondEnEvidence
{
280 background-color: #fce476 !important
282 #page.minichat div
.message
.systeme
{
283 background-color: #f0df95
285 #page.minichat div
.message a
{
288 #page.minichat div
.message
.lienConv
{
293 #page.minichat div
.message
.lienConv:hover
{
296 #page.minichat
.entete
{
298 background-color: #841919;
304 #page.minichat
.delimitationEntete
{
308 background-image: url
(img/fleche.png);
312 #page.minichat
.date
{
316 #page.minichat div
.message
.pseudo
,
317 /* FIXME : entre en conflit avec une règle précédente */
318 #page.minichat form
.pseudo
{
323 #page.minichat div
.message
.ekMasterlight
.pseudo
{
326 #page.minichat div
.message
.ekMasterheavy
.pseudo
{
329 background: transparent url
(img/marque_ek.png) no-repeat scroll right center
332 #page.minichat div
.message
.pseudo
.login
{
336 #page.minichat
.repondA
{
342 background-color: #cb2626;
345 background-image: url
(img/fleche.png);
346 background-repeat: no-repeat
;
348 #page.minichat
.delimitationRepondA
{
352 background-image: url
(img/fleche_reponda.png);
356 #page.minichat
.contenu
{
359 #page.minichat #outilsMess
{
366 #page.minichat #outilsMess
.extraire
{
370 background-image: url
(img/extraction.png);
373 #page.minichat #outilsMess
.extraire:hover
{
374 background-image: url
(img/extraction_hover.png);
376 #page.minichat #outilsMess
.extraireCompletement
{
380 background-image: url
(img/extraction_complete.png);
384 #page.minichat #outilsMess
.extraireCompletement:hover
{
385 background-image: url
(img/extraction_complete_hover.png);