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