11 vertical-align: middle
;
14 /***** L'aide sur les commandes *****/
19 #aideCommandes .usage
{
23 list-style-type: none
;
26 /***** La boite de sélection des smiles *****/
30 border-color: #253f18;
31 background-color: #0c2003;
44 /***** La boite permettant de slaper/kicker/bannir une personne *****/
46 border-width: 1px 1px 1px 1px;
47 border-color: #253f18;
67 /***** Le troll courant affiché en haut de la page *****/
68 #page.minichat #trollCourant
{
69 border-top: 1px solid
;
70 border-bottom: 1px solid
;
71 border-color: #253f18;
72 background-color: #0c2003;
75 padding : 1px 0px 1px 10px
77 #page.minichat #trollCourant
.troll
{
83 /***** Le formulaire pour poster un message *****/
84 #page.minichat form#posterMessage
{
87 #page.minichat
.orderReverse form#posterMessage
{
90 #page.minichat
.orderChrono form#posterMessage
{
93 #page.minichat form#posterMessage p
{
97 #page.minichat form#posterMessage
.pseudo
{
101 #page.minichat form#posterMessage input
.message
{
105 #page.minichat form#posterMessage
.return
{
108 background-image: url
(img/return.png);
109 background-repeat: no-repeat
;
110 background-position: 5px 2px;
114 #page.minichat form#posterMessage
.smiles
{
117 background-image: url
(../../img/bouton_smiles.png);
118 background-repeat: no-repeat
;
119 background-position: 2px 2px;
123 /* La boite montrant les messages auquels l'utilisateur répond */
124 #page.minichat form#posterMessage #repondA
{
125 background-color: #164200;
126 border: #2d8800 1px solid
;
133 #page.minichat form#posterMessage #repondA
.messages
{
135 border: #2d8800 1px solid
;
139 #page.minichat form#posterMessage #repondA
.messages div
.message:hover #outilsMess
{
143 /***** Les conversations *****/
144 /* voir pour l'astuce css "float left" des conversations : http://www.quirksmode.org/css/clearing.html */
145 #page.minichat #conversations
{
149 background-color:#000000;
151 #page.minichat
.orderChrono #conversations td
153 vertical-align: bottom
155 #page.minichat
.orderReverse #conversations td
159 #page.minichat
.orderChrono #conversations
.titre
{
160 border-bottom: 1px dashed white
162 #page.minichat
.orderReverse #conversations
.titre
{
163 border-top: 1px dashed white
165 #page.minichat #conversations
.titre
.nav
{
168 background-color: #4b4215;
170 /*#page.minichat #conversations .conversation {
177 #page.minichat #conversations
.titre
.nav
.fermer
{
181 background-color: #7d1b1b;
184 #page.minichat #conversations
.titre
.nav
.fermer:after
{
187 #page.minichat #conversations
.titre
.nav
.fermer:hover
{
188 background-color: #c95656
190 #page.minichat #conversations
.titre
.nav
.creerLien
{
193 #page.minichat #conversations
.titre
.nav
.creerLien:after
{
196 #page.minichat #conversations
.titre
.nav
.next
,
197 #page.minichat #conversations
.titre
.nav
.prev
{
200 #page.minichat #conversations
.titre
.nav
.creerLien
,
201 #page.minichat #conversations
.titre
.nav
.next
,
202 #page.minichat #conversations
.titre
.nav
.prev
,
203 #page.minichat #conversations
.titre
.nav
.numPage
{
204 background-color: #42380b;
209 #page.minichat #conversations
.titre
.nav
.creerLien:hover
,
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: #7c6e2e
216 /***** Les messages *****/
217 #page.minichat div
.message
{
218 border-left-width: 5px;
219 border-left-style: solid
;
220 border-color: transparent
;
225 #page.minichat div
.messageImpair
{
226 background-color: #05002c;
228 #page.minichat div
.messagePair
{
229 background-color: #080047;
231 #page.minichat div
.cache
{
235 filter: alpha
(opacity
= 30);
238 #page.minichat div
.message
.reponse
{
239 border-color: #bf2911
241 #page.minichat div
.message
.repondu
{
242 border-color: #84196c
244 #page.minichat div
.message
.proprietaire
{
245 border-color: #31732f
247 #page.minichat div
.message
.repondEnEvidence
{
248 background-color: #261983 !important
250 #page.minichat div
.message
.systeme
{
251 background-color: #931212
253 #page.minichat div
.message a
{
256 #page.minichat div
.message
.lienConv
{
261 #page.minichat div
.message
.lienConv:hover
{
264 #page.minichat
.date
{
269 #page.minichat div
.message
.pseudo:after
{
272 #page.minichat div
.message
.pseudo
,
273 #page.minichat form
.pseudo
{
279 #page.minichat div
.message
.ekMasterlight
.pseudo
{
282 #page.minichat div
.message
.ekMasterheavy
.pseudo
{
284 text-decoration: underline
287 #page.minichat div
.message
.pseudo
.login
{
292 #page.minichat div
.systeme
.pseudo
{
295 #page.minichat
.repondA
{
299 #page.minichat
.repondA:after
{
302 #page.minichat #outilsMess
{
307 #page.minichat #outilsMess
.extraire
,
308 #page.minichat #outilsMess
.extraireCompletement
{
312 background-color: #4f5519;
314 #page.minichat #outilsMess
.extraire:hover
,
315 #page.minichat #outilsMess
.extraireCompletement:hover:hover
{
316 background-color: #818c27
318 #page.minichat #outilsMess
.extraire:after
{
321 #page.minichat #outilsMess
.extraireCompletement:after
{