3 Jappix - An open social platform
4 This is the Jappix Mini CSS stylesheet
6 -------------------------------------------------
9 Authors: Vanaryon, Julien
10 Last revision: 16/01/12
16 font: normal 11px helvetica, "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Arial, sans-serif;
42 -moz-border-radius: 0;
43 -webkit-border-radius: 0;
45 -moz-box-shadow: none;
46 -webkit-box-shadow: none;
49 #jappix_mini .jm_images {
50 background-image: url(../img/sprites/mini.png);
51 background-repeat: no-repeat;
54 #jappix_mini .jm_images_animate {
55 background-image: url(../img/sprites/animate.png);
56 background-repeat: no-repeat;
60 text-decoration: none;
64 #jappix_mini a:hover {
68 #jappix_mini div.jm_position {
72 #jappix_mini a.jm_pane {
73 background-color: #f4f4f4;
74 background-position: 0 -100px;
75 background-repeat: repeat-x;
76 border-color: #999999;
78 border-width: 1px 1px 0 1px;
86 #jappix_mini a.jm_pane:hover {
90 #jappix_mini a.jm_pane:hover,
91 #jappix_mini a.jm_pane:focus {
92 border-color: #666666;
95 #jappix_mini div.jm_starter,
96 #jappix_mini div.jm_conversations,
97 #jappix_mini div.jm_conversation {
102 #jappix_mini div.jm_conversation {
106 #jappix_mini a.jm_chat-tab {
107 border-width: 1px 0 0 1px;
113 #jappix_mini a.jm_chat-tab.jm_clicked {
117 border-left: 1px solid #999999;
121 #jappix_mini a.jm_chat-tab span.jm_notify {
127 #jappix_mini a.jm_chat-tab span.jm_notify span {
131 #jappix_mini a.jm_chat-tab span.jm_notify span.jm_notify_left {
132 background-position: 0 -360px;
135 #jappix_mini a.jm_chat-tab span.jm_notify span.jm_notify_right {
136 background-position: -7px -360px;
139 #jappix_mini a.jm_chat-tab span.jm_notify span.jm_notify_left,
140 #jappix_mini a.jm_chat-tab span.jm_notify span.jm_notify_right {
145 #jappix_mini a.jm_chat-tab span.jm_notify span.jm_notify_middle {
146 background-color: #c60505;
153 #jappix_mini div.jm_conversation.jm_type_groupchat span.jm_name {
157 #jappix_mini div.jm_chat-content {
158 background-color: white;
159 border: 1px solid #999999;
168 #jappix_mini div.jm_actions {
169 background-color: #565d5e;
170 border-bottom: 1px solid #3a3a3a;
177 #jappix_mini div.jm_actions span.jm_nick {
185 #jappix_mini div.jm_actions a.jm_one-action {
186 background-color: #727879;
187 margin: 0 -2px 0 5px;
194 #jappix_mini div.jm_actions a.jm_one-action:hover,
195 #jappix_mini div.jm_actions a.jm_one-action:focus {
196 background-color: #7f8788;
199 #jappix_mini div.jm_actions a.jm_one-action:active {
200 background-color: #8c9293;
203 #jappix_mini div.jm_actions a.jm_logo {
204 background-position: 7px 2px;
207 margin: -4px 0 0 -2px;
212 #jappix_mini div.jm_actions a.jm_logo:hover,
213 #jappix_mini div.jm_actions a.jm_logo:focus {
214 background-color: #636a6b;
217 #jappix_mini div.jm_actions a.jm_logo:active {
218 background-color: #707677;
221 #jappix_mini div.jm_actions a.jm_close {
222 background-position: 1px -341px;
225 #jappix_mini div.jm_actions a.jm_join {
226 background-position: 0 -327px;
229 #jappix_mini div.jm_received-messages {
230 background-color: white;
236 #jappix_mini div.jm_received-messages p {
238 word-wrap: break-word;
241 #jappix_mini div.jm_received-messages p,
242 #jappix_mini div.jm_received-messages a {
243 color: black !important;
246 #jappix_mini div.jm_received-messages div.jm_group {
247 margin: 2px 6px 9px 6px;
249 border-bottom: 1px solid #eaeaea;
252 #jappix_mini div.jm_received-messages div.jm_system-message p,
253 #jappix_mini div.jm_received-messages div.jm_system-message a {
254 color: #053805 !important;
255 font-style: italic !important;
258 #jappix_mini div.jm_received-messages p a {
259 text-decoration: underline;
262 #jappix_mini div.jm_received-messages b {
267 #jappix_mini div.jm_received-messages b.jm_me {
271 #jappix_mini div.jm_received-messages b.jm_him {
275 #jappix_mini div.jm_received-messages span.jm_date {
281 #jappix_mini div.jm_received-messages div.jm_group:hover span.jm_date {
285 #jappix_mini input.jm_send-messages {
286 background-color: white;
287 border-color: #999999;
289 border-width: 1px 0 0 0;
295 #jappix_mini div.jm_disabled div.jm_chat-content,
296 #jappix_mini div.jm_disabled input.jm_send-messages,
297 #jappix_mini div.jm_disabled a.jm_pane {
298 background: #f3f3f3 !important;
301 #jappix_mini div.jm_disabled input.jm_send-messages {
305 #jappix_mini div.jm_roster {
306 background-color: white;
307 border: 1px solid #999999;
315 #jappix_mini div.jm_roster div.jm_buddies {
322 #jappix_mini div.jm_roster div.jm_grouped {
326 #jappix_mini div.jm_roster div.jm_grouped div.jm_name {
332 #jappix_mini a.jm_friend {
341 #jappix_mini a.jm_friend.jm_offline {
345 #jappix_mini a.jm_friend:hover,
346 #jappix_mini a.jm_friend:focus {
347 background-color: #888888;
348 border-color: #494949;
352 #jappix_mini a.jm_friend:hover span.jm_presence,
353 #jappix_mini a.jm_friend:focus span.jm_presence {
354 background-position: 0 -84px;
357 #jappix_mini a.jm_button {
363 #jappix_mini a.jm_button.jm_clicked {
366 border-left: 1px solid #999999;
367 border-right: 1px solid #999999;
368 padding: 7px 10px 6px 10px;
371 #jappix_mini span.jm_animate {
372 background-position: 0 0;
382 #jappix_mini span.jm_counter {
383 background-position: 0 -288px;
390 #jappix_mini span.jm_counter.jm_error {
391 background-position: 0 -305px;
394 #jappix_mini span.jm_presence {
402 #jappix_mini span.jm_name {
410 #jappix_mini .jm_available,
411 #jappix_mini .jm_chat {
412 background-position: 0 -20px;
415 #jappix_mini .jm_away {
416 background-position: 0 -36px;
420 #jappix_mini .jm_dnd {
421 background-position: 0 -52px;
424 #jappix_mini .jm_unavailable {
425 background-position: 0 -68px;
428 #jappix_mini .jm_smiley {
432 vertical-align: bottom;
435 #jappix_mini .jm_smiley-wink {
436 background-position: 0 -148px;
439 #jappix_mini .jm_smiley-waii {
440 background-position: 0 -164px;
443 #jappix_mini .jm_smiley-unhappy {
444 background-position: 0 -180px;
447 #jappix_mini .jm_smiley-tongue {
448 background-position: 0 -196px;
451 #jappix_mini .jm_smiley-surprised {
452 background-position: 0 -212px;
455 #jappix_mini .jm_smiley-smile {
456 background-position: 0 -228px;
459 #jappix_mini .jm_smiley-happy {
460 background-position: 0 -244px;
463 #jappix_mini .jm_smiley-grin {
464 background-position: 0 -260px;
468 background: url(../img/others/blank.gif) repeat;
477 #jappix_popup div.jm_prompt {
478 background-color: #565d5e;
479 border: 1px solid #3a3a3a;
485 padding: 16px 2px 2px 2px;
486 border-top-right-radius: 4px;
487 border-top-left-radius: 4px;
488 -moz-border-radius-topright: 4px;
489 -moz-border-radius-topleft: 4px;
490 -webkit-border-top-right-radius: 4px;
491 -webkit-border-top-left-radius: 4px;
492 box-shadow: 0 0 35px #232323;
493 -moz-box-shadow: 0 0 35px #232323;
494 -webkit-box-shadow: 0 0 35px #232323;
497 #jappix_popup div.jm_prompt form {
498 background-color: white;
499 border: 1px solid #3a3a3a;
504 #jappix_popup div.jm_prompt form input {
505 background-color: #f9f9f9;
506 border: 1px solid #666666;
511 #jappix_popup div.jm_prompt form input:hover,
512 #jappix_popup div.jm_prompt form input:focus {
513 border: 1px solid #202020;
516 #jappix_popup div.jm_prompt form input.jm_text {
522 #jappix_popup div.jm_prompt form input.jm_submit {
528 #jappix_popup div.jm_prompt form input.jm_submit:hover,
529 #jappix_popup div.jm_prompt form input.jm_submit:focus {
530 background-color: #f3f3f3;
534 #jappix_popup div.jm_prompt form input.jm_submit:active {
535 background-color: #e8e8e8;
538 #jappix_popup div.jm_prompt div.jm_clear {