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