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