FIX barre d'outils slap/kick/ban, elle se ferme correctement maintenant
[euphorik.git] / css / 1 / pageMinichat.css
1 /* coding: utf-8 */
2
3 #page.minichat {
4 padding: 0px;
5 }
6
7 #page.minichat img {
8 margin: 0px;
9 vertical-align: middle;
10 }
11
12 /***** La boite de sélection des smiles *****/
13 #smiles {
14 text-align: center;
15 border: 1px solid;
16 border-color: #ffffff;
17 background-color: #f6dfc2;
18 margin-bottom: 10px;
19 padding: 1px;
20 width: 140px;
21 position: absolute;
22 display: none
23 }
24 #smiles img {
25 margin: 1px;
26 cursor: pointer;
27 opacity: 0.5;
28 }
29
30 /***** La boite permettant de slaper/kicker/bannir une personne *****/
31 #outilsBan {
32 border-width: 1px 1px 1px 1px;
33 border-color: #ffffff;
34 border-style: solid;
35 padding: 2px;
36 position: absolute;
37 display: none;
38 }
39 #outilsBan img,
40 #outilsBan form {
41 float: right;
42 cursor: pointer
43 }
44 #outilsBan p {
45 font-size: 2px;
46 }
47 #outilsBan input {
48 font-size: 9px;
49 margin-top: 1px;
50 margin-left: 1px
51 }
52
53 /***** Le troll courant affiché en haut de la page *****/
54 #page.minichat #trollCourant {
55 color: #FFFFFF;
56 position: absolute;
57 z-index: 20;
58 left: 140px;
59 top: 77px;
60 line-height: 32px;
61 }
62 #page.minichat #trollCourant .troll {
63 cursor: pointer;
64 font-style: italic
65 }
66
67 /***** Le formulaire pour poster un message *****/
68 #page.minichat form#posterMessage {
69 background-color: #e19671;
70 padding-left: 10px;
71 padding-bottom: 10px;
72 }
73 #page.minichat form#posterMessage p {
74 margin: 0px;
75 padding: 0px;
76 }
77 #page.minichat form#posterMessage .pseudo {
78 margin-right: 5px;
79 width: 12%
80 }
81 #page.minichat form#posterMessage .message {
82 margin-right: 5px;
83 width: 75%
84 }
85 #page.minichat form#posterMessage .return {
86 height: 16px;
87 width: 32px;
88 background-image: url(../../img/css1/return.png);
89 background-repeat: no-repeat;
90 background-position: 5px 2px;
91 vertical-align: top;
92 margin-right: 5px;
93 }
94 #page.minichat form#posterMessage .smiles {
95 height: 16px;
96 width: 16px;
97 background-image: url(../../img/css2/bouton_smiles.png);
98 background-repeat: no-repeat;
99 background-position: 2px 2px;
100 vertical-align: top;
101 margin-right: 5px;
102 }
103
104 /***** Les conversations *****/
105 /* voir pour l'astuce css "float left" des conversations : http://www.quirksmode.org/css/clearing.html */
106 #page.minichat #conversations {
107 overflow: hidden;
108 width: 100%
109 }
110 #page.minichat #conversations .conversation {
111 border-width: 0px;
112 border-style: solid;
113 border-color: white;
114 float: left;
115 width: 100%;
116 }
117 #page.minichat #conversations div.message {
118 border-left-width: 5px;
119 border-left-style: solid;
120 border-color: transparent;
121 padding-right: 5px;
122 cursor: pointer;
123 min-height: 18px;
124 line-height: 18px;
125 }
126 #page.minichat #conversations div.messageImpair {
127 background-color: #fbeede;
128 }
129 #page.minichat #conversations div.messagePair {
130 background-color: #f6dfc2;
131 }
132 #page.minichat #conversations div.cache {
133 opacity: 0.3;
134
135 /* Hack IE 7 */
136 filter: alpha(opacity = 30);
137 zoom: 1
138 }
139 #page.minichat #conversations div.reponse {
140 border-color: #bd7a11
141 }
142 #page.minichat #conversations div.repondu {
143 border-color: #b711bd
144 }
145 #page.minichat #conversations div.proprietaire {
146 border-color: #bd1129
147 }
148 #page.minichat #conversations div.systeme {
149 background-color: #f0df95
150 }
151 #page.minichat #conversations .titre {
152 text-align: center;
153 padding-right: 8px;
154 background-color: #e19671;
155 color: #ffffff;
156 }
157 #page.minichat #conversations .titre .fermer {
158 margin-top: 1px;
159 margin-left: 5px;
160 float: right;
161 width: 13px;
162 height: 13px;
163 background-image: url(../../img/css1/fermer_conv.png);
164 cursor: pointer;
165 }
166 #page.minichat #conversations .titre .fermer:hover {
167 background-image: url(../../img/css1/fermer_conv_hover.png);
168 }
169 #page.minichat #conversations .titre .lien {
170 margin-top: 1px;
171 float: right;
172 width: 13px;
173 height: 13px;
174 background-image: url(../../img/css1/copier_conv.png);
175 cursor: pointer;
176 }
177 #page.minichat #conversations .titre .lien:hover {
178 background-image: url(../../img/css1/copier_conv_hover.png);
179 }
180 #page.minichat #conversations .titre .next,
181 #page.minichat #conversations .titre .prev {
182 display: none;
183 }
184 #page.minichat #conversations .titre .next,
185 #page.minichat #conversations .titre .prev,
186 #page.minichat #conversations .titre .numPage {
187 background-color: #841919;
188 cursor: pointer;
189 padding-right: 5px;
190 padding-left: 5px;
191 }
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
196 }
197
198 /***** Les messages *****/
199 #page.minichat div.message a {
200 font-weight: bold;
201 }
202 #page.minichat div.message .lienConv {
203 color: #c62929;
204 font-weight: bold;
205 cursor: pointer
206 }
207 #page.minichat div.message .lienConv:hover {
208 color: #e84747
209 }
210 #page.minichat .entete {
211 z-index: 20;
212 background-color: #841919;
213 color: #f6dfc2;
214 display: block;
215 float: left;
216 height: 18px;
217 }
218 #page.minichat .delimitationEntete {
219 z-index: 20;
220 height: 18px;
221 width: 7px;
222 background-image: url(../../img/css1/fleche.png);
223 display: block;
224 float: left;
225 }
226 #page.minichat .date {
227 margin-right: 3px;
228 margin-left: 3px;
229 }
230 #page.minichat div.message .pseudo,
231 /* FIXME : entre en conflit avec une règle précédente */
232 #page.minichat form .pseudo {
233 margin-left: 4px;
234 margin-right: 2px;
235 font-weight: bold;
236 }
237 #page.minichat div.message.ekMaster .pseudo {
238 color: #f0df95
239 }
240 #page.minichat div.message .pseudo .login {
241 margin-left: 2px;
242 font-size: 8px;
243 }
244 #page.minichat #conversations .repondA {
245 z-index: 5;
246 height: 18px;
247 margin-left: -7px;
248 padding-left: 9px;
249 float: left;
250 background-color: #cb2626;
251 color: #ffffff;
252 display: block;
253 background-image: url(../../img/css1/fleche.png);
254 background-repeat: no-repeat;
255 }
256 #page.minichat #conversations .delimitationRepondA {
257 z-index: 20;
258 height: 18px;
259 width: 7px;
260 background-image: url(../../img/css1/fleche_reponda.png);
261 display: block;
262 float: left;
263 }
264 #page.minichat #conversations .contenu {
265 margin-left: 5px;
266 }
267 #page.minichat #conversations .extraire {
268 float: right;
269 width: 13px;
270 height: 13px;
271 background-image: url(../../img/css1/extraction.png);
272 margin-top: 2px
273 }
274 #page.minichat #conversations .extraire:hover {
275 background-image: url(../../img/css1/extraction_hover.png);
276 }