jappixmini/jappix/css/buddylist.css

   1 /*
   2
   3 Jappix - An open social platform
   4 This is the buddy-list CSS stylesheet for Jappix
   5
   6 -------------------------------------------------
   7
   8 License: AGPL
   9 Author: Vanaryon
  10 Last revision: 31/08/11
  11
  12 */
  13
  14 #buddy-list {
  15         background-color: rgb(20,20,20);
  16         background-color: rgba(20,20,20,0.85);
  17         color: #919191;
  18         padding: 15px 6px 4px 6px;
  19         border-radius: 4px;
  20         -moz-border-radius: 4px;
  21         -webkit-border-radius: 4px;
  22         box-shadow: 0 0 6px #5c5c5c;
  23         -moz-box-shadow: 0 0 6px #5c5c5c;
  24         -webkit-box-shadow: 0 0 6px #5c5c5c;
  25 }
  26
  27 #buddy-list .content {
  28         background: #e8f1f3;
  29         background: -moz-linear-gradient(top, #e8f1f3, #e4edef);
  30         background: -webkit-gradient(linear, left top, left bottom, from(#e8f1f3), to(#e4edef));
  31         color: #666666;
  32         height: 207px;
  33         padding: 4px 4px 0 4px;
  34         overflow-x: hidden;
  35         overflow-y: auto;
  36         border-top-left-radius: 3px;
  37         border-top-right-radius: 3px;
  38         -moz-border-radius-topleft: 3px;
  39         -moz-border-radius-topright: 3px;
  40         -webkit-border-top-left-radius: 3px;
  41         -webkit-border-top-right-radius: 3px;
  42 }
  43
  44 #buddy-list .one-group {
  45         margin-bottom: 10px;
  46 }
  47
  48 #buddy-list .one-group a.group {
  49         color: #202c2f;
  50         font-size: 0.8em;
  51         margin: 3px 6px;
  52         padding-left: 12px;
  53         max-height: 15px;
  54         text-decoration: none;
  55         overflow: hidden;
  56         display: block;
  57 }
  58
  59 #buddy-list .one-group a.group.plus {
  60         background-position: -4px -1143px;
  61 }
  62
  63 #buddy-list .one-group a.group.minus {
  64         background-position: -4px -1162px;
  65 }
  66
  67 #buddy-list .one-group a.group:hover {
  68         cursor: pointer;
  69 }
  70
  71 #buddy-list .hidden-buddy,
  72 #buddy-list .foot-edit-finish,
  73 .buddy-conf-more-display-available {
  74         display: none;
  75 }
  76
  77 #buddy-list .buddy {
  78         width: 100%;
  79         height: 50px;
  80         margin-bottom: 4px;
  81 }
  82
  83 #buddy-list .buddy-click {
  84         background: #d9e7ea;
  85         width: 100%;
  86         height: 100%;
  87         overflow: hidden;
  88         border-radius: 3px;
  89         -moz-border-radius: 3px;
  90         -webkit-border-radius: 3px;
  91 }
  92
  93 #buddy-list .buddy-click:hover,
  94 #buddy-list .buddy-click:focus {
  95         background: #cedee1;
  96         cursor: pointer;
  97 }
  98
  99 #buddy-list .buddy-click:active {
 100         background: #c3d3d7;
 101 }
 102
 103 #buddy-list .gateway {
 104         height: 27px;
 105 }
 106
 107 #buddy-list .gateway .name {
 108         margin-left: 0;
 109 }
 110
 111 #buddy-list .gateway .buddy-presence {
 112         float: left;
 113         overflow: hidden;
 114         width: 0;
 115         margin: 0 4px;
 116 }
 117
 118 #buddy-list .avatar-container {
 119         float: left;
 120         text-align: center;
 121         margin: 3px;
 122         width: 46px;
 123         height: 46px;
 124 }
 125
 126 #buddy-list .avatar {
 127         max-width: 44px;
 128         max-height: 44px;
 129 }
 130
 131 #buddy-list .name {
 132         margin: 4px 3px 5px 56px;
 133 }
 134
 135 #buddy-list .buddy-name {
 136         height: 17px;
 137         font-weight: bold;
 138         font-size: 0.8em;
 139         color: #264249;
 140         margin: 5px 0 5px 2px;
 141         overflow: hidden;
 142 }
 143
 144 #buddy-list .buddy.blocked p.buddy-name {
 145         text-decoration: line-through;
 146 }
 147
 148 #buddy-list .buddy-presence {
 149         height: 14px;
 150         font-size: 0.7em;
 151         color: #3a585e;
 152         padding: 2px 0 0 16px;
 153         margin-top: -3px;
 154 }
 155
 156 #buddy-list .unavailable,
 157 #page-switch .unavailable,
 158 #page-engine p.bc-infos span.show.unavailable {
 159         background-position: 0 -153px;
 160 }
 161
 162 #buddy-list .available,
 163 #page-engine p.bc-infos span.show.available,
 164 #page-engine .list .available,
 165 #page-engine .list .chat,
 166 #page-switch .available,
 167 #my-infos .f-presence a[data-value=available] span {
 168         background-position: 0 -169px;
 169 }
 170
 171 #buddy-list .away,
 172 #page-engine p.bc-infos span.show.away,
 173 #page-engine .list .away,
 174 #page-switch .away,
 175 #my-infos .f-presence a[data-value=away] span {
 176         background-position: 0 -185px;
 177 }
 178
 179 #buddy-list .busy,
 180 #page-engine p.bc-infos span.show.busy,
 181 #page-engine .list .xa,
 182 #page-engine .list .dnd,
 183 #page-switch .busy,
 184 #my-infos .f-presence a[data-value=xa] span {
 185         background-position: 0 -201px;
 186 }
 187
 188 #buddy-list .error,
 189 #page-switch .error,
 190 #page-engine p.bc-infos span.show.error {
 191         background-position: 0 -217px;
 192 }
 193
 194 #buddy-list .buddy-infos {
 195         position: absolute;
 196         z-index: 100;
 197         width: 337px;
 198         color: white;
 199         font-size: 0.8em;
 200 }
 201
 202 .buddy-infos-subarrow {
 203         background-position: 0 -241px;
 204         opacity: 0.8;
 205         width: 9px;
 206         height: 20px;
 207         margin-top: 12px;
 208         float: left;
 209 }
 210
 211 .buddy-infos-subitem {
 212         background-color: rgb(0,0,0);
 213         background-color: rgba(0,0,0,0.8);
 214         padding: 8px 10px;
 215         width: 308px;
 216         text-shadow: 0 1px 1px black;
 217         float: left;
 218         border-radius: 5px;
 219         -moz-border-radius: 5px;
 220         -webkit-border-radius: 5px;
 221 }
 222
 223 .manage-infos p.bm-authorize,
 224 #rosterx .oneresult span.action.add {
 225         background-position: 0 -1181px;
 226 }
 227
 228 .manage-infos p.bm-remove,
 229 #rosterx .oneresult span.action.delete,
 230 #attach div.one-file a.remove {
 231         background-position: 0 -1200px;
 232 }
 233
 234 .manage-infos p.bm-remove {
 235         margin-bottom: 18px;
 236 }
 237
 238 .manage-infos p.bm-rename {
 239         background-position: 0 -1216px;
 240 }
 241
 242 .manage-infos p.bm-group {
 243         background-position: 0 -1241px;
 244 }
 245
 246 .manage-infos div.bm-choose {
 247         max-height: 95px;
 248         margin: 0 0 8px 102px;
 249         overflow: auto;
 250 }
 251
 252 .manage-infos div.bm-choose label {
 253         float: left;
 254         clear: both;
 255         margin-bottom: 1px;
 256 }
 257
 258 .manage-infos div.bm-choose input {
 259         float: left;
 260 }
 261
 262 .manage-infos div.bm-choose input[type=checkbox] {
 263         margin: 0 6px 0 0;
 264 }
 265
 266 .manage-infos div.bm-choose div {
 267         clear: both;
 268 }
 269
 270 .manage-infos p.bm-rename,
 271 .manage-infos p.bm-group {
 272         height: 26px;
 273 }
 274
 275 .manage-infos p.bm-rename label,
 276 .manage-infos p.bm-group label {
 277         width: 80px;
 278         padding-top: 3px;
 279         float: left;
 280 }
 281
 282 .manage-infos p.bm-rename input,
 283 .manage-infos p.bm-group input {
 284         float: left;
 285         width: 155px;
 286 }
 287
 288 .manage-infos a.save {
 289         float: right;
 290         margin: 4px;
 291 }
 292
 293 .buddy-infos-subitem p {
 294         margin: 6px 0;
 295         padding-left: 22px;
 296         height: 16px;
 297         overflow: hidden;
 298 }
 299
 300 .buddy-infos-subitem a {
 301         color: white;
 302         text-decoration: underline;
 303 }
 304
 305 .tune-note {
 306         background-position: 0 -676px;
 307 }
 308
 309 .location-world {
 310         background-position: 0 -658px;
 311 }
 312
 313 .view-individual {
 314         background-position: 0 -34px;
 315 }
 316
 317 .edit-buddy {
 318         background-position: 0 -1008px;
 319 }
 320
 321 #buddy-list .filter {
 322         background-color: white;
 323         border-top: 1px solid #b8c2c4;
 324         height: 15px;
 325         padding: 2px 4px;
 326         font-size: 0.8em;
 327         border-bottom-left-radius: 3px;
 328         border-bottom-right-radius: 3px;
 329         -moz-border-radius-bottomleft: 3px;
 330         -moz-border-radius-bottomright: 3px;
 331         -webkit-border-bottom-left-radius: 3px;
 332         -webkit-border-bottom-right-radius: 3px;
 333 }
 334
 335 #buddy-list .filter input {
 336         border: none;
 337         color: #273a3f;
 338         width: 211px;
 339         padding: 0;
 340         box-shadow: none;
 341         -moz-box-shadow: none;
 342         -webkit-box-shadow: none;
 343 }
 344
 345 #buddy-list .filter a {
 346         display: none;
 347         background-color: #9a2d2d;
 348         color: white;
 349         height: 13px;
 350         width: 13px;
 351         margin-top: 1px;
 352         font-size: 0.8em;
 353         text-align: center;
 354         text-decoration: none;
 355         float: right;
 356         border-radius: 2px;
 357         -moz-border-radius: 2px;
 358         -webkit-border-radius: 2px;
 359 }
 360
 361 #buddy-list .filter a:hover,
 362 #buddy-list .filter a:focus {
 363         background-color: #8c2121;
 364 }
 365
 366 #buddy-list .filter a:active {
 367         background-color: #7e1919;
 368 }
 369
 370 #buddy-list .foot {
 371         padding: 9px 1px 3px;
 372 }
 373
 374 #buddy-list .buddy-list-icon {
 375         height: 16px;
 376         width: 16px;
 377         margin: -3px 5px 0 0;
 378         float: left;
 379 }
 380
 381 #buddy-list .buddy-list-icon a.talk-images {
 382         height: 16px;
 383         width: 16px;
 384         display: block;
 385 }
 386
 387 #buddy-list .add,
 388 #page-engine .text .tools-add {
 389         background-position: 0 -1047px;
 390 }
 391
 392 #buddy-list .join {
 393         background-position: 0 -1065px;
 394 }
 395
 396 #buddy-list .groupchat,
 397 #page-switch .groupchat-default {
 398         background-position: 0 -1082px;
 399 }
 400
 401 #buddy-list .more {
 402         background-position: 0 -1100px;
 403 }
 404
 405 #buddy-list .foot-edit-finish a {
 406         color: white;
 407         font-size: 0.8em;
 408         margin: -3px 4px 0 0;
 409         float: right;
 410         display: block;
 411 }
 412
 413 #buddy-list .foot-edit-finish a:hover,
 414 #buddy-list .foot-edit-finish a:focus {
 415         text-decoration: underline;
 416         cursor: pointer;
 417 }
 418
 419 .buddy-conf-item {
 420         position: absolute;
 421         width: 263px;
 422         color: white;
 423         z-index: 9998;
 424         text-align: left;
 425         font-size: 0.8em;
 426         margin-left: -10px;
 427 }
 428
 429 .buddy-conf-item:hover {
 430         cursor: default;
 431 }
 432
 433 .buddy-conf-subarrow {
 434         background-position: 0 -241px;
 435         opacity: 0.8;
 436         height: 10px;
 437         width: 18px;
 438         margin-left: 9px;
 439 }
 440
 441 .buddy-conf-subitem {
 442         background-color: rgb(0,0,0);
 443         background-color: rgba(0,0,0,0.8);
 444         padding: 10px;
 445         text-shadow: 0 1px 1px black;
 446         border-radius: 5px;
 447         -moz-border-radius: 5px;
 448         -webkit-border-radius: 5px;
 449 }
 450
 451 .buddy-conf-p {
 452         margin-bottom: 4px;
 453         width: 220px;
 454         font-weight: bold;
 455         float: left;
 456 }
 457
 458 .buddy-conf-input {
 459         padding-top: 2px;
 460 }
 461
 462 .buddy-conf-text {
 463         font-size: 11px;
 464         clear: both;
 465         margin-bottom: 3px;
 466 }
 467
 468 .buddy-conf-text a {
 469         color: white;
 470 }
 471
 472 .buddy-conf-text a:hover,
 473 .buddy-conf-text a:focus {
 474         cursor: pointer;
 475         text-decoration: underline;
 476 }
 477
 478 .buddy-conf-text a.buddy-conf-add-search {
 479         text-decoration: underline;
 480         margin-top: 6px;
 481         display: block;
 482 }
 483
 484 .buddy-conf-select {
 485         font-size: 1.1em;
 486         clear: both;
 487         margin-bottom: 8px;
 488         width: 180px;
 489         height: 23px;
 490 }
 491
 492 .join-jid {
 493         width: 220px;
 494         margin-top: 5px;
 495 }
 496
 497 .add-contact-jid,
 498 .add-contact-name,
 499 .add-contact-gateway {
 500         width: 156px;
 501         margin-bottom: 4px;
 502 }
 503
 504 .add-contact-name-get {
 505         font-size: 0.8em;
 506         display: none;
 507 }
 508
 509 .buddy-conf-subitem label {
 510         clear: both;
 511 }
 512
 513 .buddy-conf-subitem label span {
 514         width: 76px;
 515         height: 14px;
 516         margin-top: 3px;
 517         overflow: hidden;
 518         float: left;
 519 }
 520
 521 #buddy-conf-join ul {
 522         width: 224px;
 523         max-height: 160px;
 524         left: 10px;
 525         top: 51px;
 526 }
 527
 528 .buddy-conf-join-select {
 529         margin: 8px 0 0 0;
 530 }