3 Jappix - An open social platform
4 This is the my-infos CSS stylesheet for Jappix
6 -------------------------------------------------
10 Last revision: 31/08/11
15 background-color: rgb(20,20,20);
16 background-color: rgba(20,20,20,0.85);
19 padding: 15px 6px 6px 6px;
21 -moz-border-radius: 4px;
22 -webkit-border-radius: 4px;
23 box-shadow: 0 0 6px #5c5c5c;
24 -moz-box-shadow: 0 0 6px #5c5c5c;
25 -webkit-box-shadow: 0 0 6px #5c5c5c;
30 background: -moz-linear-gradient(top, #e4edef, #e8f1f3);
31 background: -webkit-gradient(linear, left top, left bottom, from(#e4edef), to(#e8f1f3));
36 -moz-border-radius: 3px;
37 -webkit-border-radius: 3px;
46 #my-infos .element .icon {
47 background-color: white;
48 border-color: #636363;
55 -moz-border-radius: 2px;
56 -webkit-border-radius: 2px;
59 #my-infos .element div.bubble a {
64 #my-infos .element .icon:hover,
65 #my-infos .element div.bubble a:hover {
66 background-color: #f4f4f4;
69 #my-infos .element .icon:active,
70 #my-infos .element div.bubble a:active {
71 background-color: #ededed;
74 #my-infos .f-presence div.bubble a[data-value=available] {
75 background-position: 4px -167px;
78 #my-infos .f-presence div.bubble a[data-value=away] {
79 background-position: 4px -183px;
82 #my-infos .f-presence div.bubble a[data-value=xa] {
83 background-position: 4px -199px;
86 #my-infos .f-mood div.bubble a[data-value=crazy] {
87 background-position: 4px -296px;
90 #my-infos .f-mood div.bubble a[data-value=excited] {
91 background-position: 4px -314px;
94 #my-infos .f-mood div.bubble a[data-value=playful] {
95 background-position: 4px -332px;
98 #my-infos .f-mood div.bubble a[data-value=happy] {
99 background-position: 4px -350px;
102 #my-infos .f-mood div.bubble a[data-value=shocked] {
103 background-position: 4px -368px;
106 #my-infos .f-mood div.bubble a[data-value=hot] {
107 background-position: 4px -386px;
110 #my-infos .f-mood div.bubble a[data-value=sad] {
111 background-position: 4px -404px;
114 #my-infos .f-mood div.bubble a[data-value=amorous] {
115 background-position: 4px -422px;
118 #my-infos .f-mood div.bubble a[data-value=confident] {
119 background-position: 4px -440px;
122 #my-infos .f-mood a[data-value] span {
123 background-position: 0 -352px;
126 #my-infos .f-mood a[data-value=crazy] span,
128 background-position: 0 -298px;
131 #my-infos .f-mood a[data-value=excited] span,
133 background-position: 0 -316px;
136 #my-infos .f-mood a[data-value=playful] span,
138 background-position: 0 -334px;
141 #my-infos .f-mood a[data-value=happy] span,
143 background-position: 0 -352px;
146 #my-infos .f-mood a[data-value=shocked] span,
148 background-position: 0 -370px;
151 #my-infos .f-mood a[data-value=hot] span,
153 background-position: 0 -388px;
156 #my-infos .f-mood a[data-value=sad] span,
158 background-position: 0 -406px;
161 #my-infos .f-mood a[data-value=amorous] span,
163 background-position: 0 -424px;
166 #my-infos .f-mood a[data-value=confident] span,
168 background-position: 0 -442px;
171 #my-infos .f-activity div.bubble a[data-value=doing_chores] {
172 background-position: 4px -458px;
175 #my-infos .f-activity div.bubble a[data-value=drinking] {
176 background-position: 4px -476px;
179 #my-infos .f-activity div.bubble a[data-value=eating] {
180 background-position: 4px -494px;
183 #my-infos .f-activity div.bubble a[data-value=exercising] {
184 background-position: 4px -512px;
187 #my-infos .f-activity div.bubble a[data-value=grooming] {
188 background-position: 4px -548px;
191 #my-infos .f-activity div.bubble a[data-value=having_appointment] {
192 background-position: 4px -566px;
195 #my-infos .f-activity div.bubble a[data-value=inactive] {
196 background-position: 4px -530px;
199 #my-infos .f-activity div.bubble a[data-value=relaxing] {
200 background-position: 4px -620px;
203 #my-infos .f-activity div.bubble a[data-value=talking] {
204 background-position: 4px -602px;
207 #my-infos .f-activity div.bubble a[data-value=traveling] {
208 background-position: 4px -584px;
211 #my-infos .f-activity div.bubble a[data-value=working] {
212 background-position: 4px -638px;
215 #my-infos .f-activity a[data-value] span {
216 background-position: 0 -514px;
219 #my-infos .f-activity a[data-value=doing_chores] span,
220 .activity-doing_chores {
221 background-position: 0 -460px;
224 #my-infos .f-activity a[data-value=drinking] span,
226 background-position: 0 -478px;
229 #my-infos .f-activity a[data-value=eating] span,
231 background-position: 0 -496px;
234 #my-infos .f-activity a[data-value=exercising] span,
235 .activity-exercising {
236 background-position: 0 -514px;
239 #my-infos .f-activity a[data-value=grooming] span,
241 background-position: 0 -550px;
244 #my-infos .f-activity a[data-value=having_appointment] span,
245 .activity-having_appointment {
246 background-position: 0 -568px;
249 #my-infos .f-activity a[data-value=inactive] span,
251 background-position: 0 -532px;
254 #my-infos .f-activity a[data-value=relaxing] span,
256 background-position: 0 -622px;
259 #my-infos .f-activity a[data-value=talking] span,
261 background-position: 0 -604px;
264 #my-infos .f-activity a[data-value=traveling] span,
265 .activity-traveling {
266 background-position: 0 -586px;
269 #my-infos .f-activity a[data-value=working] span,
271 background-position: 0 -640px;
274 #my-infos .element .icon.picker {
275 border-width: 1px 0 1px 1px;
276 border-top-right-radius: 0;
277 border-bottom-right-radius: 0;
278 -moz-border-radius-topright: 0;
279 -moz-border-radius-bottomright: 0;
280 -webkit-border-top-right-radius: 0;
281 -webkit-border-bottom-right-radius: 0;
284 #my-infos .element .icon.disabled {
285 background-color: #f3f3f3;
286 border-color: #989898;
290 #my-infos .element div.bubble {
291 background-color: white;
292 border-color: #636363;
293 border-width: 1px 1px 0 1px;
300 border-top-left-radius: 2px;
301 border-top-right-radius: 2px;
302 -moz-border-radius-topleft: 2px;
303 -moz-border-radius-topright: 2px;
304 -webkit-border-top-left-radius: 2px;
305 -webkit-border-top-right-radius: 2px;
308 #my-infos .element a {
312 #my-infos .element .icon span {
319 #my-infos .element input {
324 border-top-left-radius: 0;
325 border-bottom-left-radius: 0;
326 -moz-border-radius-topleft: 0;
327 -moz-border-radius-bottomleft: 0;
328 -webkit-border-top-left-radius: 0;
329 -webkit-border-top-bottom-radius: 0;