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