e24092c892d7ac24c1eebc8e52252eec03c44238
[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 /* Il n'y a plus de mise en evidence
82 #page.minichat #conversations div.miseEnEvidenceReponse {
83 background-color: #bd7a11;
84 }
85 #page.minichat #conversations div.miseEnEvidenceCourant {
86 background-color: #bd1129;
87 }
88 #page.minichat #conversations div.miseEnEvidenceConversation {
89 background-color: #b711bd;
90 }*/
91
92 #page.minichat #conversations div.cache {
93 opacity: 0.3;
94
95 /* Hack IE 7 */
96 filter: alpha(opacity = 30);
97 zoom: 1
98 }
99
100 #page.minichat #conversations div.reponse {
101 border-color: #bd7a11
102 }
103 #page.minichat #conversations div.repondu {
104 border-color: #b711bd
105 }
106 #page.minichat #conversations div.proprietaire {
107 border-color: #bd1129
108 }
109 #page.minichat #conversations div.systeme {
110 background-color: #555555
111 }
112
113 #page.minichat div.message a {
114 font-weight: bold;
115 }
116
117 #page.minichat .date {
118 color: #fd913b;
119 margin-right: 3px;
120 margin-left: 3px;
121 }
122
123 #page.minichat div.message .pseudo,
124 #page.minichat form .pseudo {
125 margin-left: 4px;
126 margin-right: 2px;
127 font-weight: bold;
128 color: #76ff33;
129 }
130
131 #page.minichat div.systeme .pseudo {
132 color: #CCCCCC
133 }
134
135 /* Ca marche pas :(
136 #page.minichat div.message .pseudo {
137 min-width: 50px;
138 height:100px;
139 }*/
140
141 #page.minichat #conversations .repondA {
142 margin-left: 4px;
143 color: #bd7a11
144 }
145
146 /*#page.minichat #conversations .contenu {
147 display: inline;
148 }*/
149
150 #page.minichat #conversations .extraire {
151 float: right;
152 padding-right: 2px;
153 padding-left: 2px;
154 background-color: #4f5519;
155 }
156
157 #page.minichat #conversations .extraire:hover {
158 background-color: #818c27
159 }
160
161 #page.minichat #conversations .titre {
162 padding-right: 8px;
163 background-color: #4b4215
164 }
165
166 #page.minichat #conversations .titre .fermer {
167 float: right;
168 padding-right: 5px;
169 padding-left: 5px;
170 background-color: #c90000;
171 cursor: pointer;
172 }
173
174 #page.minichat #conversations .titre .fermer:hover {
175 background-color: #c95656
176 }
177
178 #page.minichat #conversations .titre .next,
179 #page.minichat #conversations .titre .prev {
180 display: none;
181 }
182
183 #page.minichat #conversations .titre .next,
184 #page.minichat #conversations .titre .prev,
185 #page.minichat #conversations .titre .numPage {
186 background-color: #42380b;
187 cursor: pointer;
188 padding-right: 5px;
189 padding-left: 5px;
190 }
191
192 #page.minichat #conversations .titre .next:hover,
193 #page.minichat #conversations .titre .prev:hover,
194 #page.minichat #conversations .titre .numPage:hover {
195 background-color: #7c6e2e
196 }
197
198
199 #page.minichat #pages {
200 margin-top: 10px;
201 }
202
203 #page.minichat #pages span {
204 padding-right : 4px;
205 padding-left: 4px;
206 color: #7664ff;
207 cursor:pointer;
208 }
209
210 #page.minichat #pages span.pageCourante {
211 font-weight: bold;
212 font-size: 150%;
213 }
214
215 #page.minichat #pages span:hover {
216 font-size: 150%;
217 color: #ffad0f;
218 }
219