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