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