3 Jappix - An open social platform
4 This is the channel CSS stylesheet for Jappix
6 -------------------------------------------------
10 Last revision: 26/08/11
14 #channel .top div.update {
21 -moz-border-radius: 20px;
22 -webkit-border-radius: 20px;
41 #channel .top.individual div.update {
45 #channel .top.individual div.shortcuts,
46 #userinfos .main-infos div.shortcuts {
51 #channel .top.individual div.shortcuts {
55 #channel .top.individual div.shortcuts a,
56 #userinfos .main-infos div.shortcuts a {
63 #channel .top.individual div.shortcuts a.message,
64 #userinfos .main-infos a.message {
65 background-position: 0 -1717px;
68 #channel .top.individual div.shortcuts a.chat,
69 #userinfos .main-infos a.chat {
70 background-position: 0 -1737px;
73 #channel .top.individual div.shortcuts a.command,
74 #userinfos .main-infos a.command {
75 background-position: 0 -1758px;
78 #channel .microblog-body {
83 #channel .microblog-body input {
89 #channel .one-microblog-icon {
95 #channel div.update .one-microblog-icon,
96 #channel div.update .postit {
102 #channel div.update .attach {
103 background-position: 0 -79px;
119 margin-bottom: 6px !important;
122 #attach input[type=submit] {
131 #attach div.one-file {
136 #attach div.one-file a.link {
145 #attach div.one-file a.remove {
152 background-position: 0 -241px;
160 background-color: rgb(0,0,0);
161 background-color: rgba(0,0,0,0.8);
163 text-shadow: 0 1px 1px black;
165 -moz-border-radius: 5px;
166 -webkit-border-radius: 5px;
174 #channel .one-update {
176 padding: 6px 6px 8px 6px;
177 border-bottom: 1px dotted #d0d0d0;
184 #channel .one-update .avatar-container {
192 #channel .one-update .avatar-container:hover {
196 #channel .one-update img.avatar {
201 #channel .one-update div.body {
206 #channel .one-update:hover div.body {
210 #channel .one-update a.repeat {
211 background-position: 0 -1681px;
218 #channel .one-update span a {
219 text-decoration: underline;
222 #channel .one-update p {
224 margin: 0 12px 5px 0;
227 #channel .one-update p b.name:hover {
229 text-decoration: underline;
232 #channel .one-update p.infos {
236 #channel .one-update p.infos a.geoloc {
237 background-position: 0 -1778px;
243 #channel .one-update p.infos a.geoloc:hover,
244 #channel .one-update p.infos a.geoloc:focus,
245 #channel .one-update p.infos a.geoloc:active {
249 #channel .one-update p.file {
251 margin: 6px 0 5px 10px;
254 #channel .one-update p.file a.link,
255 #inbox .inbox-new-file a.file {
258 text-decoration: underline;
262 #channel .one-update p.file a.link {
267 #inbox .inbox-new-file a.file {
268 background-position: 0 -988px;
271 #channel p.file a.audio,
272 #inbox .inbox-new-file a.file.audio {
273 background-position: 0 -899px;
276 #channel p.file a.image,
277 #inbox .inbox-new-file a.file.image {
278 background-position: 0 -917px;
281 #channel p.file a.video,
282 #inbox .inbox-new-file a.file.video {
283 background-position: 0 -935px;
286 #channel p.file a.document,
287 #inbox .inbox-new-file a.file.document {
288 background-position: 0 -953px;
291 #channel p.file a.package,
292 #inbox .inbox-new-file a.file.package {
293 background-position: 0 -971px;
296 #channel .one-update p.file a.thumb img {
297 border: 1px solid #a2a2a2;
300 margin: 4px 10px 2px 0;
304 #channel .one-update p.file a.thumb img:hover {
305 border-color: #464646;
308 #channel .one-update div.comments,
309 .popup.large div.comments {
311 margin: 2px 0 2px 76px;
314 #channel .one-update div.comments div.arrow,
315 .popup.large div.comments div.arrow {
316 background-position: 0 -1702px;
323 #channel .one-update div.comments div.comments-content,
324 .popup.large div.comments div.comments-content {
325 background-color: #e5ebec;
328 text-shadow: 0 1px 0 white;
331 #channel .one-update div.comments input,
332 .popup.large div.comments input {
338 #channel .one-update div.comments span.icon,
339 .popup.large div.comments span.icon {
340 background-position: 0 -1082px;
347 #channel .one-update div.comments .one-comment.loading span.icon,
348 .popup.large div.comments .one-comment.loading span.icon {
352 #channel .one-update div.comments .one-comment,
353 .popup.large div.comments .one-comment {
354 border-bottom: 1px solid #f4f4f4;
355 padding: 4px 8px 0px 8px;
360 #channel .one-update div.comments .one-comment.compose,
361 .popup.large div.comments .one-comment.compose {
362 border-bottom: 2px solid #f4f4f4;
367 #channel .one-update div.comments .one-comment.new,
368 .popup.large div.comments .one-comment.new {
372 #channel .one-update div.comments a.one-comment,
373 .popup.large div.comments a.one-comment {
374 text-decoration: none;
377 #channel .one-update div.comments a.one-comment:hover,
378 #channel .one-update div.comments a.one-comment:focus,
379 .popup.large div.comments a.one-comment:hover,
380 .popup.large div.comments a.one-comment:focus {
381 text-decoration: underline;
384 #channel .one-update div.comments .one-comment.loading,
385 .popup.large div.comments .one-comment.loading {
389 #channel .one-update div.comments .one-comment div.marker,
390 .popup.large div.comments .one-comment div.marker {
391 background-color: #6d8387;
399 #channel .one-update div.comments .one-comment .avatar-container,
400 .popup.large div.comments .one-comment .avatar-container {
408 #channel .one-update div.comments .one-comment .avatar-container:hover,
409 .popup.large div.comments .one-comment .avatar-container:hover {
413 #channel .one-update div.comments .one-comment img.avatar,
414 .popup.large div.comments .one-comment img.avatar {
419 #channel .one-update div.comments .one-comment .comment-container,
420 .popup.large div.comments .one-comment .comment-container {
424 #channel .one-update div.comments .one-comment a.name,
425 .popup.large div.comments .one-comment a.name {
427 text-decoration: none;
433 #channel .one-update div.comments .one-comment a.name:hover,
434 #channel .one-update div.comments .one-comment a.name:focus,
435 .popup.large div.comments .one-comment a.name:hover,
436 .popup.large div.comments .one-comment a.name:focus {
437 text-decoration: underline;
440 #channel .one-update div.comments .one-comment span.date,
441 #channel .one-update div.comments .one-comment a.remove,
442 .popup.large div.comments .one-comment span.date,
443 .popup.large div.comments .one-comment a.remove {
448 #channel .one-update div.comments .one-comment.me:hover span.date,
449 .popup.large div.comments .one-comment.me:hover span.date {
453 #channel .one-update div.comments .one-comment.me a.remove,
454 .popup.large div.comments .one-comment.me a.remove {
458 #channel .one-update div.comments .one-comment.me:hover a.remove,
459 .popup.large div.comments .one-comment.me:hover a.remove {
463 #channel .one-update div.comments .one-comment p.body,
464 .popup.large div.comments .one-comment p.body {
469 background-position: 0 -334px;
472 text-decoration: none;
473 margin: -2px 0 0 4px;
474 padding: 0 0 14px 20px;
479 #channel a.more:hover,
480 #channel a.more:focus {
481 text-decoration: underline;
492 #channel .one-update:hover a.mbtool {
496 #channel a.mbtool:hover,
497 #channel a.mbtool:focus {
498 text-decoration: none;
501 #channel a.mbtool.profile {
502 background-position: -1px -1333px;
506 #channel a.mbtool.repost {
507 background-position: -1px -1354px;
510 #channel a.mbtool.remove {
511 background-position: -1px -1312px;
514 #channel a.mbtool.repost,
515 #channel a.mbtool.remove {
521 border-bottom-left-radius: 4px;
522 border-bottom-right-radius: 4px;
523 -moz-border-radius-bottomleft: 4px;
524 -moz-border-radius-bottomright: 4px;
525 -webkit-border-bottom-left-radius: 4px;
526 -webkit-border-bottom-right-radius: 4px;
529 #channel .footer div {
534 width: auto !important;
537 #channel .footer .sync {
538 background-position: 0 -804px;
542 #channel .footer .unsync {
543 background-position: 0 -830px;