MOD légères modif du TODO
[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 display: inline;
119 color: #fd913b;
120 margin-right: 3px;
121 margin-left: 3px;
122 }
123
124 #page.minichat div.message .pseudo,
125 #page.minichat form .pseudo {
126 display: inline;
127 margin-left: 4px;
128 margin-right: 2px;
129 font-weight: bold;
130 color: #76ff33;
131 }
132
133 #page.minichat div.systeme .pseudo {
134 color: #CCCCCC
135 }
136
137 /* Ca marche pas :(
138 #page.minichat div.message .pseudo {
139 min-width: 50px;
140 height:100px;
141 }*/
142
143 #page.minichat #conversations .repondA {
144 display: inline;
145 margin-left: 4px;
146 color: #bd7a11
147 }
148
149 #page.minichat #conversations .contenu {
150 display: inline;
151 }
152
153 #page.minichat #conversations .extraire {
154 float: right;
155 padding-right: 2px;
156 padding-left: 2px;
157 background-color: #4f5519;
158 }
159
160 #page.minichat #conversations .extraire:hover {
161 background-color: #818c27
162 }
163
164 #page.minichat #conversations .titre {
165 padding-right: 8px;
166 background-color: #4b4215
167 }
168
169 #page.minichat #conversations .titre .fermer {
170 float: right;
171 padding-right: 5px;
172 padding-left: 5px;
173 background-color: #c90000;
174 cursor: pointer;
175 }
176
177 #page.minichat #conversations .titre .fermer:hover {
178 background-color: #c95656
179 }
180
181 #page.minichat #pages {
182 margin-top: 10px;
183 }
184
185 #page.minichat #pages span {
186 padding-right : 4px;
187 padding-left: 4px;
188 color: #7664ff;
189 cursor:pointer;
190 }
191
192 #page.minichat #pages span.pageCourante {
193 font-weight: bold;
194 font-size: 150%;
195 }
196
197 #page.minichat #pages span:hover {
198 font-size: 150%;
199 color: #ffad0f;
200 }
201