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