bd2a920b9c38c80f33b1944c030258a4cc2f0933
[euphorik.git] / css / 1 / pageMinichat.css
1 #page.minichat {
2 padding-top: 5px;
3 padding-right: 0px;
4 padding-left: 0px
5 }
6
7 #page.minichat img {
8 margin: 0px;
9 vertical-align: bottom;
10 }
11
12 #smiles {
13 text-align: center;
14 border: 1px solid;
15 border-color: #253f18;
16 background-color: #0c2003;
17 margin-bottom: 10px;
18 padding: 1px;
19 width: 140px;
20 position: absolute;
21 display: none
22 }
23 #smiles img {
24 margin: 1px;
25 cursor: pointer;
26 opacity: 0.5;
27 }
28
29 #outilsBan {
30 border-width: 1px 1px 1px 1px;
31 border-color: #253f18;
32 border-style: solid;
33 padding: 2px;
34 position: absolute;
35 display: none;
36 }
37 #outilsBan img,
38 #outilsBan form {
39 float: right;
40 cursor: pointer
41 }
42 #outilsBan p {
43 font-size: 2px;
44 }
45 #outilsBan input {
46 font-size: 9px;
47 margin-top: 1px;
48 margin-left: 1px
49 }
50
51 #page.minichat #trollCourant {
52 border-top: 1px solid;
53 border-bottom: 1px solid;
54 border-color: #253f18;
55 background-color: #0c2003;
56 margin-top: 4px;
57 margin-bottom: 8px;
58 padding : 1px 0px 1px 10px
59 }
60
61 #page.minichat #trollCourant .troll {
62 font-style: italic;
63 color: #FFFF88
64 }
65
66 #page.minichat .titreSmiles:hover {
67 background-color: #2d8800;
68 }
69
70 #page.minichat form {
71 margin-bottom: 15px;
72 padding-left: 10px;
73 }
74
75 #page.minichat form p {
76 margin: 0px;
77 padding: 0px;
78 }
79
80 #page.minichat form .pseudo {
81 margin-right: 5px;
82 width: 12%
83 }
84 #page.minichat form .message {
85 margin-right: 5px;
86 width: 75%
87 }
88 #page.minichat form .return {
89 height: 16px;
90 width: 32px;
91 background-image: url(../../img/css1/return.png);
92 background-repeat: no-repeat;
93 background-position: 5px 2px;
94 vertical-align: top;
95 margin-right: 5px;
96 }
97 #page.minichat form .smiles {
98 height: 16px;
99 width: 16px;
100 background-image: url(../../img/css1/bouton_smiles.png);
101 background-repeat: no-repeat;
102 background-position: 2px 2px;
103 vertical-align: top;
104 margin-right: 5px;
105 }
106
107 /* voir pour l'astuce css "float left" des conversations : http://www.quirksmode.org/css/clearing.html */
108 #page.minichat #conversations {
109 overflow: hidden;
110 width: 100%
111 }
112
113 #page.minichat #conversations .conversation {
114 border-width: 0px;
115 border-style: solid;
116 border-color: white;
117 float: left;
118 width: 100%;
119 }
120
121 #page.minichat #conversations div.message {
122 border-left-width: 5px;
123 border-left-style: solid;
124 border-color: transparent;
125 padding-right: 5px;
126 padding-left: 4px;
127 cursor: pointer;
128 }
129
130 #page.minichat #conversations div.messageImpair {
131 background-color: #05002c;
132 }
133
134 #page.minichat #conversations div.messagePair {
135 background-color: #080047;
136 }
137
138 #page.minichat #conversations div.cache {
139 opacity: 0.3;
140
141 /* Hack IE 7 */
142 filter: alpha(opacity = 30);
143 zoom: 1
144 }
145
146 #page.minichat #conversations div.reponse {
147 border-color: #bd7a11
148 }
149 #page.minichat #conversations div.repondu {
150 border-color: #b711bd
151 }
152 #page.minichat #conversations div.proprietaire {
153 border-color: #bd1129
154 }
155 #page.minichat #conversations div.systeme {
156 background-color: #555555
157 }
158
159 #page.minichat div.message a {
160 font-weight: bold;
161 }
162
163 #page.minichat div.message .lienConv {
164 color: #db960f;
165 font-weight: bold;
166 cursor: pointer
167 }
168
169 #page.minichat div.message .lienConv:hover {
170 color: #f1c060
171 }
172
173 #page.minichat .date {
174 color: #fd913b;
175 margin-right: 3px;
176 margin-left: 3px;
177 }
178
179 #page.minichat div.message .pseudo,
180 #page.minichat form .pseudo {
181 margin-left: 4px;
182 margin-right: 2px;
183 font-weight: bold;
184 color: #76ff33;
185 }
186
187 #page.minichat div.message.ekMaster .pseudo {
188 color: #ffffff;
189 }
190
191 #page.minichat div.message .pseudo .login {
192 margin-left: 2px;
193 font-size: 8px;
194 color: #a7d88f;
195 }
196
197 #page.minichat div.systeme .pseudo {
198 color: #CCCCCC
199 }
200
201 /* Ca marche pas :(
202 #page.minichat div.message .pseudo {
203 min-width: 50px;
204 height:100px;
205 }*/
206
207 #page.minichat #conversations .repondA {
208 margin-left: 4px;
209 color: #bd7a11
210 }
211
212 /*#page.minichat #conversations .contenu {
213 display: inline;
214 }*/
215
216 #page.minichat #conversations .extraire {
217 float: right;
218 padding-right: 2px;
219 padding-left: 2px;
220 background-color: #4f5519;
221 }
222
223 #page.minichat #conversations .extraire:hover {
224 background-color: #818c27
225 }
226
227 #page.minichat #conversations .titre {
228 text-align: center;
229 padding-right: 8px;
230 background-color: #4b4215
231 }
232
233 #page.minichat #conversations .titre .fermer {
234 float: right;
235 padding-right: 5px;
236 padding-left: 5px;
237 background-color: #7d1b1b;
238 cursor: pointer;
239 }
240
241 #page.minichat #conversations .titre .fermer:hover {
242 background-color: #c95656
243 }
244
245 #page.minichat #conversations .titre .next,
246 #page.minichat #conversations .titre .prev {
247 display: none;
248 }
249
250 #page.minichat #conversations .titre .lien {
251 float: right
252 }
253
254 #page.minichat #conversations .titre .lien,
255 #page.minichat #conversations .titre .next,
256 #page.minichat #conversations .titre .prev,
257 #page.minichat #conversations .titre .numPage {
258 background-color: #42380b;
259 cursor: pointer;
260 padding-right: 5px;
261 padding-left: 5px;
262 }
263
264 #page.minichat #conversations .titre .lien:hover,
265 #page.minichat #conversations .titre .next:hover,
266 #page.minichat #conversations .titre .prev:hover,
267 #page.minichat #conversations .titre .numPage:hover {
268 background-color: #7c6e2e
269 }
270