208584b694caaefad587a30a71d1cbc8bdad1917
[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: 100px;
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 .pseudo .login {
138 margin-left: 2px;
139 font-size: 8px;
140 color: #a7d88f;
141 }
142
143 #page.minichat div.systeme .pseudo {
144 color: #CCCCCC
145 }
146
147 /* Ca marche pas :(
148 #page.minichat div.message .pseudo {
149 min-width: 50px;
150 height:100px;
151 }*/
152
153 #page.minichat #conversations .repondA {
154 margin-left: 4px;
155 color: #bd7a11
156 }
157
158 /*#page.minichat #conversations .contenu {
159 display: inline;
160 }*/
161
162 #page.minichat #conversations .extraire {
163 float: right;
164 padding-right: 2px;
165 padding-left: 2px;
166 background-color: #4f5519;
167 }
168
169 #page.minichat #conversations .extraire:hover {
170 background-color: #818c27
171 }
172
173 #page.minichat #conversations .titre {
174 padding-right: 8px;
175 background-color: #4b4215
176 }
177
178 #page.minichat #conversations .titre .fermer {
179 float: right;
180 padding-right: 5px;
181 padding-left: 5px;
182 background-color: #7d1b1b;
183 cursor: pointer;
184 }
185
186 #page.minichat #conversations .titre .fermer:hover {
187 background-color: #c95656
188 }
189
190 #page.minichat #conversations .titre .next,
191 #page.minichat #conversations .titre .prev {
192 display: none;
193 }
194
195 #page.minichat #conversations .titre .lien {
196 float: right
197 }
198
199 #page.minichat #conversations .titre .lien,
200 #page.minichat #conversations .titre .next,
201 #page.minichat #conversations .titre .prev,
202 #page.minichat #conversations .titre .numPage {
203 background-color: #42380b;
204 cursor: pointer;
205 padding-right: 5px;
206 padding-left: 5px;
207 }
208
209 #page.minichat #conversations .titre .lien:hover,
210 #page.minichat #conversations .titre .next:hover,
211 #page.minichat #conversations .titre .prev:hover,
212 #page.minichat #conversations .titre .numPage:hover {
213 background-color: #7c6e2e
214 }
215