32bfcf80b177de28ef679107f1d6226a81e90db1
[euphorik.git] / styles / 2 / pageMinichat.css
1 /* coding: utf-8 */
2
3 #page.minichat {
4 padding-top: 5px;
5 padding-right: 0px;
6 padding-left: 0px
7 }
8
9 #page.minichat img {
10 margin: 0px;
11 vertical-align: middle;
12 }
13
14 /***** La boite de sélection des smiles *****/
15 #smiles {
16 text-align: center;
17 border: 1px solid;
18 border-color: #253f18;
19 background-color: #0c2003;
20 margin-bottom: 10px;
21 padding: 1px;
22 width: 140px;
23 position: absolute;
24 display: none
25 }
26 #smiles img {
27 margin: 1px;
28 cursor: pointer;
29 opacity: 0.5;
30 }
31
32 /***** La boite permettant de slaper/kicker/bannir une personne *****/
33 #outilsBan {
34 border-width: 1px 1px 1px 1px;
35 border-color: #253f18;
36 border-style: solid;
37 padding: 2px;
38 position: absolute;
39 display: none;
40 }
41 #outilsBan img,
42 #outilsBan form {
43 float: right;
44 cursor: pointer
45 }
46 #outilsBan p {
47 font-size: 2px;
48 }
49 #outilsBan input {
50 font-size: 9px;
51 margin-top: 1px;
52 margin-left: 1px
53 }
54
55 /***** Le troll courant affiché en haut de la page *****/
56 #page.minichat #trollCourant {
57 border-top: 1px solid;
58 border-bottom: 1px solid;
59 border-color: #253f18;
60 background-color: #0c2003;
61 margin-top: 4px;
62 margin-bottom: 8px;
63 padding : 1px 0px 1px 10px
64 }
65 #page.minichat #trollCourant .troll {
66 font-style: italic;
67 color: #FFFF88;
68 cursor: pointer;
69 }
70
71 /***** Le formulaire pour poster un message *****/
72 #page.minichat form#posterMessage {
73 padding-left: 10px;
74 }
75 #page.minichat.orderReverse form#posterMessage {
76 margin-bottom: 15px;
77 }
78 #page.minichat.orderChrono form#posterMessage {
79 margin-top : 15px;
80 }
81 #page.minichat form#posterMessage p {
82 margin: 0px;
83 padding: 0px;
84 }
85 #page.minichat form#posterMessage .pseudo {
86 margin-right: 5px;
87 width: 12%
88 }
89 #page.minichat form#posterMessage input.message {
90 margin-right: 5px;
91 width: 75%
92 }
93 #page.minichat form#posterMessage .return {
94 height: 16px;
95 width: 32px;
96 background-image: url(img/return.png);
97 background-repeat: no-repeat;
98 background-position: 5px 2px;
99 vertical-align: top;
100 margin-right: 5px;
101 }
102 #page.minichat form#posterMessage .smiles {
103 height: 16px;
104 width: 16px;
105 background-image: url(../../img/bouton_smiles.png);
106 background-repeat: no-repeat;
107 background-position: 2px 2px;
108 vertical-align: top;
109 margin-right: 5px;
110 }
111 /* La boite montrant les messages auquels l'utilisateur répond */
112 #page.minichat form#posterMessage #repondA {
113 background-color: #164200;
114 border: #2d8800 1px solid;
115 margin-right: 5px;
116 padding-right: 2px;
117 padding-left: 2px;
118 cursor: pointer;
119 display: none;
120 }
121 #page.minichat form#posterMessage #repondA .messages {
122 position: absolute;
123 border: #2d8800 1px solid;
124 width: 50%;
125 display:none;
126 }
127 #page.minichat form#posterMessage #repondA .messages div.message:hover #outilsMess {
128 display: none
129 }
130
131 /***** Les conversations *****/
132 /* voir pour l'astuce css "float left" des conversations : http://www.quirksmode.org/css/clearing.html */
133 #page.minichat #conversations {
134 overflow: hidden;
135 width: 100%;
136 border-spacing: 0px;
137 background-color:#000000;
138 }
139 #page.minichat.orderChrono #conversations td
140 {
141 vertical-align: bottom
142 }
143 #page.minichat.orderReverse #conversations td
144 {
145 vertical-align: top
146 }
147 #page.minichat.orderChrono #conversations .titre {
148 border-bottom: 1px dashed white
149 }
150 #page.minichat.orderReverse #conversations .titre {
151 border-top: 1px dashed white
152 }
153 #page.minichat #conversations .titre .nav {
154 text-align: center;
155 padding-right: 8px;
156 background-color: #4b4215;
157 }
158 /*#page.minichat #conversations .conversation {
159 border-width: 0px;
160 border-style: solid;
161 border-color: white;
162 float: left;
163 width: 100%;
164 }*/
165 #page.minichat #conversations .titre .nav .fermer {
166 float: right;
167 padding-right: 5px;
168 padding-left: 5px;
169 background-color: #7d1b1b;
170 cursor: pointer;
171 }
172 #page.minichat #conversations .titre .nav .fermer:after {
173 content: "x"
174 }
175 #page.minichat #conversations .titre .nav .fermer:hover {
176 background-color: #c95656
177 }
178 #page.minichat #conversations .titre .nav .creerLien {
179 float: right
180 }
181 #page.minichat #conversations .titre .nav .creerLien:after {
182 content: "c"
183 }
184 #page.minichat #conversations .titre .nav .next,
185 #page.minichat #conversations .titre .nav .prev {
186 display: none;
187 }
188 #page.minichat #conversations .titre .nav .creerLien,
189 #page.minichat #conversations .titre .nav .next,
190 #page.minichat #conversations .titre .nav .prev,
191 #page.minichat #conversations .titre .nav .numPage {
192 background-color: #42380b;
193 cursor: pointer;
194 padding-right: 5px;
195 padding-left: 5px;
196 }
197 #page.minichat #conversations .titre .nav .creerLien:hover,
198 #page.minichat #conversations .titre .nav .next:hover,
199 #page.minichat #conversations .titre .nav .prev:hover,
200 #page.minichat #conversations .titre .nav .numPage:hover {
201 background-color: #7c6e2e
202 }
203
204 /***** Les messages *****/
205 #page.minichat div.message {
206 border-left-width: 5px;
207 border-left-style: solid;
208 border-color: transparent;
209 padding-right: 5px;
210 padding-left: 4px;
211 cursor: pointer;
212 }
213 #page.minichat div.messageImpair {
214 background-color: #05002c;
215 }
216 #page.minichat div.messagePair {
217 background-color: #080047;
218 }
219 #page.minichat div.cache {
220 opacity: 0.3;
221
222 /* Hack IE 7 */
223 filter: alpha(opacity = 30);
224 zoom: 1
225 }
226 #page.minichat div.message.reponse {
227 border-color: #bf2911
228 }
229 #page.minichat div.message.repondu {
230 border-color: #84196c
231 }
232 #page.minichat div.message.proprietaire {
233 border-color: #31732f
234 }
235 #page.minichat div.message.repondEnEvidence {
236 background-color: #261983 !important
237 }
238 #page.minichat div.message.systeme {
239 background-color: #931212
240 }
241 #page.minichat div.message a {
242 font-weight: bold;
243 }
244 #page.minichat div.message .lienConv {
245 color: #db960f;
246 font-weight: bold;
247 cursor: pointer
248 }
249 #page.minichat div.message .lienConv:hover {
250 color: #f1c060
251 }
252 #page.minichat .date {
253 color: #fd913b;
254 margin-right: 3px;
255 margin-left: 3px;
256 }
257 #page.minichat div.message .pseudo:after {
258 content: ":"
259 }
260 #page.minichat div.message .pseudo,
261 #page.minichat form .pseudo {
262 margin-left: 4px;
263 margin-right: 2px;
264 font-weight: bold;
265 color: #76ff33;
266 }
267 #page.minichat div.message.ekMasterlight .pseudo {
268 color: #ffffff;
269 }
270 #page.minichat div.message.ekMasterheavy .pseudo {
271 color: #ffffff;
272 text-decoration: underline
273 }
274
275 #page.minichat div.message .pseudo .login {
276 margin-left: 2px;
277 font-size: 8px;
278 color: #a7d88f;
279 }
280 #page.minichat div.systeme .pseudo {
281 color: #CCCCCC
282 }
283 #page.minichat .repondA {
284 color: #bd7a11;
285 margin-right: 3px;
286 }
287 #page.minichat .repondA:after {
288 content: ">"
289 }
290 #page.minichat #outilsMess {
291 position: absolute;
292 display: none
293 }
294 #page.minichat #outilsMess .extraire,
295 #page.minichat #outilsMess .extraireCompletement {
296 float: right;
297 padding-right: 2px;
298 padding-left: 2px;
299 background-color: #4f5519;
300 }
301 #page.minichat #outilsMess .extraire:hover,
302 #page.minichat #outilsMess .extraireCompletement:hover:hover {
303 background-color: #818c27
304 }
305 #page.minichat #outilsMess .extraire:after {
306 content: ">"
307 }
308 #page.minichat #outilsMess .extraireCompletement:after {
309 content: "#"
310 }