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
.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;
104 /***** Les conversations *****/
105 /* voir pour l'astuce css "float left" des conversations : http://www.quirksmode.org/css/clearing.html */
106 #page.minichat #conversations
{
110 #page.minichat #conversations
.conversation
{
117 #page.minichat #conversations div
.message
{
118 border-left-width: 5px;
119 border-left-style: solid
;
120 border-color: transparent
;
126 #page.minichat #conversations div
.messageImpair
{
127 background-color: #fbeede;
129 #page.minichat #conversations div
.messagePair
{
130 background-color: #f6dfc2;
132 #page.minichat #conversations div
.cache
{
136 filter: alpha
(opacity
= 30);
139 #page.minichat #conversations div
.reponse
{
140 border-color: #bd7a11
142 #page.minichat #conversations div
.repondu
{
143 border-color: #b711bd
145 #page.minichat #conversations div
.proprietaire
{
146 border-color: #bd1129
148 #page.minichat #conversations div
.systeme
{
149 background-color: #f0df95
151 #page.minichat #conversations
.titre
{
154 background-color: #e19671;
157 #page.minichat #conversations
.titre
.fermer
{
163 background-image: url
(../../img/css1/fermer_conv.png);
166 #page.minichat #conversations
.titre
.fermer:hover
{
167 background-image: url
(../../img/css1/fermer_conv_hover.png);
169 #page.minichat #conversations
.titre
.lien
{
174 background-image: url
(../../img/css1/copier_conv.png);
177 #page.minichat #conversations
.titre
.lien:hover
{
178 background-image: url
(../../img/css1/copier_conv_hover.png);
180 #page.minichat #conversations
.titre
.next
,
181 #page.minichat #conversations
.titre
.prev
{
184 #page.minichat #conversations
.titre
.next
,
185 #page.minichat #conversations
.titre
.prev
,
186 #page.minichat #conversations
.titre
.numPage
{
187 background-color: #841919;
192 #page.minichat #conversations
.titre
.next:hover
,
193 #page.minichat #conversations
.titre
.prev:hover
,
194 #page.minichat #conversations
.titre
.numPage:hover
{
195 background-color: #cb2626
198 /***** Les messages *****/
199 #page.minichat div
.message a
{
202 #page.minichat div
.message
.lienConv
{
207 #page.minichat div
.message
.lienConv:hover
{
210 #page.minichat
.entete
{
212 background-color: #841919;
218 #page.minichat
.delimitationEntete
{
222 background-image: url
(../../img/css1/fleche.png);
226 #page.minichat
.date
{
230 #page.minichat div
.message
.pseudo
,
231 /* FIXME : entre en conflit avec une règle précédente */
232 #page.minichat form
.pseudo
{
237 #page.minichat div
.message
.ekMaster
.pseudo
{
240 #page.minichat div
.message
.pseudo
.login
{
244 #page.minichat #conversations
.repondA
{
250 background-color: #cb2626;
253 background-image: url
(../../img/css1/fleche.png);
254 background-repeat: no-repeat
;
256 #page.minichat #conversations
.delimitationRepondA
{
260 background-image: url
(../../img/css1/fleche_reponda.png);
264 #page.minichat #conversations
.contenu
{
267 #page.minichat #conversations
.extraire
{
271 background-image: url
(../../img/css1/extraction.png);
274 #page.minichat #conversations
.extraire:hover
{
275 background-image: url
(../../img/css1/extraction_hover.png);