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