view/theme/duepuntozero/style.css

   1 /**
   2  * duepuntozero Frindika style
   3  * Fabio Comuni <fabrix.xm@gmail.com>
   4  */
   5
   6
   7 /* generals */
   8 body {
   9         font-family: helvetica,arial,freesans,clean,sans-serif;
  10         font-size: 12px;
  11         background-color: #ffffff;
  12         background-image: url(head.jpg);
  13         background-repeat: repeat-x;
  14         color: #000000;
  15         margin: 0px;
  16 }
  17
  18
  19 a, a:visited, a:link { color: #3465a4; text-decoration: none; }
  20 a:hover {text-decoration: underline; }
  21
  22 input {
  23         border: 1px solid #666666;
  24         -moz-border-radius: 3px;
  25         border-radius: 3px;
  26 }
  27
  28 img { border :0px; }
  29
  30 .openid {
  31    background: url(login-bg.gif) no-repeat;
  32    background-position: 0 50%;
  33    padding-left: 18px;
  34 }
  35 .openid:hover {
  36
  37 }
  38
  39 code {
  40         font-family: Courier, monospace;
  41         white-space: pre;
  42         display: block;
  43         overflow: auto;
  44         border: 1px solid #444;
  45         background: #EEE;
  46         color: #444;
  47         padding: 10px;
  48         margin-top: 20px;
  49 }
  50 blockquote:before {
  51         content: '>> ';
  52 }
  53
  54 .icollapse-wrapper, .ccollapse-wrapper {
  55         border: 1px solid #CCC;
  56         padding: 5px;
  57 }
  58
  59 #panel {
  60         background-color: ivory;
  61         position: absolute;
  62         z-index: 2;
  63         width: 30%;
  64         padding: 25px;
  65         border: 1px solid #444;
  66 }
  67
  68 .heart {
  69         color: #FF0000;
  70         font-size: 100%;
  71 }
  72
  73
  74
  75 /* nav */
  76 nav {
  77         height: 94px;
  78         display: block;
  79         margin: 0px 10%;
  80         border-bottom: 1px solid #babdb6;
  81 }
  82 nav #site-location {
  83         color: #888a85;
  84         font-size: 0.8em;
  85         position: absolute;
  86 }
  87
  88 .error-message {
  89         color: #FF0000;
  90         font-size: 1.1em;
  91         border: 1px solid #FF8888;
  92         background-color: #FFEEEE;
  93         padding: 10px;
  94 }
  95
  96 .info-message {
  97         color: #204a87;
  98         font-size: 1.1em;
  99         border: 1px solid #3465a4;
 100         background-color: #d7e3f1;
 101         padding: 10px;
 102 }
 103
 104
 105 nav #banner {
 106         display: block;
 107     padding-top: 14px;
 108         position: absolute;
 109 }
 110 nav #banner #logo-text a {
 111         font-size: 40px;
 112         font-weight: bold;
 113         margin-left: 3px;
 114         color: #000000;
 115
 116 }
 117 nav #banner #logo-text a:hover { text-decoration: none; }
 118
 119
 120 .nav-commlink, .nav-login-link {
 121     display: block;
 122     height: 15px;
 123         margin-top: 67px;
 124         margin-right: 2px;
 125         padding: 6px 10px;
 126         float: left;
 127         bottom: 140px;
 128         border: 1px solid #babdb6;
 129         border-bottom: 0px;
 130         background-color: #aec0d3;
 131         color: #565854;
 132         -moz-border-radius: 3px 3px 0px 0px;
 133         border-radius: 3px 3px 0px 0px;
 134 }
 135 nav .nav-link {
 136         float: right;
 137         margin: 0.2em 0em;
 138         padding: 0em 0.5em;
 139         background-color: transparent !important;
 140 }
 141
 142
 143 .nav-selected {
 144         background-color: #ffffff;
 145         border-bottom: 1px solid #ffffff;
 146         color: #000000 !important;
 147         margin-top: 64px;
 148         padding-top: 6px;
 149         padding-bottom: 8px;
 150 }
 151 .nav-ajax-left {
 152         font-size: 0.8em;
 153         float: left;
 154         margin-top: 62px;
 155 }
 156
 157
 158 nav #nav-link-wrapper .nav-link {
 159         border-right: 1px solid #babdb6;
 160 }
 161
 162 /* aside */
 163 aside {
 164         display: block;
 165         min-height: 112px;
 166         width: 200px;
 167         margin-left: 10%;
 168         padding: 1em;
 169         float: left;
 170         background-image: url(border.jpg);
 171         background-position: top left;
 172         background-repeat: no-repeat;
 173         position: absolute;
 174 }
 175
 176
 177 /* section */
 178 section {
 179         margin: 0px 10%;
 180         padding-top: 1em;
 181         padding-left: 250px;
 182         padding-right: 1em;
 183         display: block;
 184         background-color: #ffffff;
 185         background-image: url(border.jpg);
 186         background-position: top right;
 187         background-repeat: no-repeat;
 188         min-height: 112px;
 189
 190 }
 191
 192 #profile-tabs-wrapper {
 193         height: 27px;
 194         background-image: url(head.jpg);
 195         background-repeat: repeat-x;
 196         background-position: 0px -20px;
 197         border-bottom: 1px solid #babdb6;
 198 }
 199 .profile-tabs {
 200         display:block;
 201         float:left;
 202         padding: 0.4em;
 203         margin-right: 1em;
 204 }
 205
 206 /* footer */
 207 footer {
 208     display: none;
 209
 210 }
 211
 212
 213 div.wall-item-content-wrapper.shiny {
 214   background-image: url('shiny.png');
 215   background-position: -5px 30px;
 216   background-repeat:no-repeat;
 217 }
 218
 219 /* from default */
 220 #jot-perms-icon,
 221 #profile-location,
 222 #profile-nolocation,
 223 #profile-youtube,
 224 #profile-video,
 225 #profile-audio,
 226 #profile-link,
 227 #profile-title,
 228 #wall-image-upload,
 229 #wall-file-upload,
 230 #profile-upload-wrapper,
 231 #wall-image-upload-div,
 232 #wall-file-upload-div,
 233 .hover, .focus {
 234         cursor: pointer;
 235 }
 236
 237 #jot-perms-icon {
 238         float: left;
 239 }
 240
 241 .fakelink, .fakelink:visited, .fakelink:link {
 242         color: #3465a4;
 243         text-decoration: none;
 244         cursor: pointer;
 245         margin-top: 15px;
 246         margin-bottom: 15px;
 247 }
 248 .lockview {
 249         cursor: pointer;
 250 }
 251
 252 .fakelink:hover {
 253         color: #3465a4;
 254         text-decoration: underline;
 255         cursor: pointer;
 256 }
 257 .smalltext {
 258         font-size: 0.7em;
 259 }
 260 #sysmsg {
 261         /*width: 600px;*/
 262         margin-bottom: 10px;
 263 }
 264
 265 #register-fill-ext {
 266         margin-bottom: 25px;
 267 }
 268
 269 #label-register-name, #label-register-email, #label-register-nickname, #label-register-openid {
 270         float: left;
 271         width: 350px;
 272         margin-top: 10px;
 273 }
 274
 275 #register-name, #register-email, #register-nickname {
 276         float: left;
 277         margin-top: 10px;
 278         width: 150px;
 279 }
 280
 281 #register-openid {
 282         float: left;
 283         margin-top: 10px;
 284         width: 130px;
 285 }
 286
 287 #register-name-end, #register-email-end, #register-nickname-end, #register-submit-end, #register-openid-end {
 288         clear: both;
 289 }
 290
 291 #register-nickname-desc {
 292         margin-top: 30px;
 293         width: 650px;
 294 }
 295 #register-sitename {
 296         float: left;
 297         margin-top: 10px;
 298 }
 299
 300 #register-submit-button {
 301         margin-top: 10px;
 302 }
 303
 304 #label-login-name, #label-login-password, #login-extra-filler {
 305         float: left;
 306         width: 200px;
 307         margin-bottom: 20px;
 308 }
 309
 310
 311 #login-password {
 312         float: left;
 313         width: 170px;
 314 }
 315
 316 #login-name {
 317         float: left;
 318         width: 153px;
 319 }
 320
 321 #login-name.no-openid {
 322         float: left;
 323         width: 170px;
 324 }
 325
 326 #register-link, #lost-password-link {
 327         float: left;
 328         font-size: 80%;
 329         margin-right: 15px;
 330 }
 331
 332 #login-name-end, #login-password-end, #login-extra-end, #login-submit-end {
 333         height: 50px;
 334 }
 335
 336 #login-submit-button {
 337 /*      margin-top: 10px; */
 338         margin-left: 200px;
 339 }
 340
 341
 342 input#dfrn-url {
 343         float: left;
 344         background: url(friendika-16.png) no-repeat;
 345         background-position: 2px center;
 346         font-size: 17px;
 347         padding-left: 21px;
 348         height: 21px;
 349         background-color: #FFFFFF;
 350         color: #000000;
 351         margin-bottom: 20px;
 352 }
 353
 354 #dfrn-url-label {
 355         float: left;
 356         width: 250px;
 357 }
 358
 359 #dfrn-request-url-end {
 360         clear: both;
 361 }
 362
 363 #knowyouyes, #knowyouno {
 364         float: left;
 365 }
 366
 367 #dfrn-request-knowyou-yes-wrapper, #dfrn-request-knowyou-no-wrapper {
 368
 369         float: none;
 370 }
 371 #dfrn-request-knowyou-yes-label, #dfrn-request-knowyou-no-label {
 372         float: left;
 373         width: 75px;
 374         margin-left: 50px;
 375         margin-bottom: 7px;
 376 }
 377 #dfrn-request-knowyou-break, #dfrn-request-knowyou-end {
 378         clear: both;
 379
 380 }
 381
 382 #dfrn-request-message-wrapper {
 383         margin-bottom: 50px;
 384 }
 385 #dfrn-request-submit-wrapper {
 386         clear: both;
 387         margin-left: 50px;
 388 }
 389
 390 #dfrn-request-info-wrapper {
 391         margin-left: 50px;
 392 }
 393
 394 #settings-nick-wrapper {
 395         margin-top: 20px;
 396
 397 }
 398
 399 #settings-expire-end {
 400         margin-bottom: 30px;
 401 }
 402
 403 #settings-username-end,
 404 #settings-email-end,
 405 #settings-nick-end,
 406 #settings-defloc-end,
 407 #settings-allowloc-end,
 408 #settings-blockw-end,
 409 #settings-timezone-end,
 410 #settings-theme-end,
 411 #settings-password-end,
 412 #settings-confirm-end,
 413 #settings-openid-end,
 414 #settings-maxreq-end,
 415 #notify1-end,
 416 #notify2-end,
 417 #notify3-end,
 418 #notify4-end,
 419 #notify5-end,
 420 #imap-server-end,
 421 #imap-port-end,
 422 #imap-ssl-end,
 423 #imap-user-end,
 424 #imap-pass-end,
 425 #imap-replyto-end,
 426 #imap-pubmail-end {
 427         margin-bottom: 5px;
 428         clear: both;
 429 }
 430
 431 #settings-username-label,
 432 #settings-email-label,
 433 #settings-nick-label,
 434 #settings-defloc-label,
 435 #settings-allowloc-label,
 436 #settings-blockw-label,
 437 #settings-timezone-label,
 438 #settings-theme-label,
 439 #settings-password-label,
 440 #settings-confirm-label,
 441 #settings-openid-label,
 442 #settings-maxreq-label,
 443 #settings-label-notify1,
 444 #settings-label-notify2,
 445 #settings-label-notify3,
 446 #settings-label-notify4,
 447 #settings-label-notify5,
 448 #settings-label-imap1,
 449 #settings-label-imap2,
 450 #settings-label-imap3,
 451 #settings-label-imap4,
 452 #settings-label-imap5,
 453 #settings-label-imap6,
 454 #settings-label-imap7 {
 455         float: left;
 456         width: 200px;
 457 }
 458
 459 #settings-username,
 460 #settings-email,
 461 #settings-nick,
 462 #settings-defloc,
 463 #settings-allowloc,
 464 #settings-blockw,
 465 #timezone-select,
 466 #theme-select,
 467 #settings-password,
 468 #settings-confirm,
 469 #settings-maxreq,
 470 #notify1,
 471 #notify2,
 472 #notify3,
 473 #notify4,
 474 #notify5,
 475 #imap-server,
 476 #imap-port,
 477 #imap-ssl,
 478 #imap-user,
 479 #imap-pass,
 480 #imap-replyto,
 481 #imap-pubmail {
 482         float: left;
 483         margin-bottom: 20px;
 484 }
 485
 486 #settings-openid {
 487         float: left;
 488         margin-bottom: 20px;
 489         width: 127px;
 490 }
 491
 492 #settings-maxreq-desc {
 493         float: left;
 494         margin-left: 20px;
 495 }
 496
 497 #settings-theme-label,
 498 #settings-defloc-label {
 499         margin-top: 20px;
 500 }
 501
 502 #settings-defloc {
 503         margin-top: 20px;
 504 }
 505
 506
 507 #theme-select {
 508         margin-top: 20px;
 509         width: 207px;
 510 }
 511 #settings-notify-desc {
 512         margin-top: 20px;
 513         margin-bottom: 20px;
 514 }
 515 #settings-nick-desc {
 516         width: 500px;
 517 }
 518
 519 #cropimage-wrapper, #cropimage-preview-wrapper {
 520         float: left;
 521         padding: 30px;
 522 }
 523
 524 #crop-image-form {
 525         margin-top: 30px;
 526         clear: both;
 527 }
 528
 529 .intro-wrapper {
 530         margin-top: 20px;
 531 }
 532
 533 .intro-fullname {
 534         font-size: 1.1em;
 535         font-weight: bold;
 536
 537 }
 538 .intro-desc {
 539         margin-bottom: 20px;
 540         font-weight: bold;
 541 }
 542
 543 .intro-note {
 544         padding: 10px;
 545 }
 546
 547 .intro-end {
 548         padding: 30px;
 549 }
 550
 551 .intro-form {
 552         float: left;
 553 }
 554 .intro-approve-form {
 555         clear: both;
 556 }
 557 .intro-approve-as-friend-end {
 558         clear: both;
 559 }
 560 .intro-submit-approve, .intro-submit-ignore {
 561         margin-right: 20px;
 562 }
 563 .intro-submit-approve {
 564         margin-top: 15px;
 565 }
 566
 567 .intro-approve-as-friend-label, .intro-approve-as-fan-label {
 568         float: left;
 569         width: 100px;
 570         margin-left: 20px;
 571 }
 572 .intro-approve-as-friend, .intro-approve-as-fan {
 573         float: left;
 574 }
 575 .intro-form-end {
 576         clear: both;
 577 }
 578 .intro-approve-as-friend-desc {
 579         margin-top: 15px;
 580 }
 581 .intro-approve-as-end {
 582         clear: both;
 583         margin-bottom: 10px;
 584 }
 585
 586 .intro-end {
 587         clear: both;
 588         margin-bottom: 30px;
 589 }
 590
 591 #profile-extra-links ul {
 592         list-style-type: none;
 593 }
 594
 595
 596 #profile-extra-links li {
 597         margin-top: 5px;
 598 }
 599
 600 #profile-edit-links ul {
 601         list-style-type: none;
 602 }
 603
 604 #profile-edit-links li {
 605         margin-top: 10px;
 606 }
 607
 608 .view-contact-wrapper {
 609         margin-top: 20px;
 610         float: left;
 611         margin-left: 20px;
 612         width: 180px;
 613 }
 614 #view-contact-end {
 615         clear: both;
 616 }
 617
 618
 619 #viewcontacts {
 620         margin-top: 15px;
 621 }
 622 #profile-edit-default-desc {
 623         color: #FF0000;
 624         border: 1px solid #FF8888;
 625         background-color: #FFEEEE;
 626         padding: 7px;
 627 }
 628
 629 #profile-edit-clone-link-wrapper {
 630         float: left;
 631         margin-left: 50px;
 632         margin-bottom: 20px;
 633         width: 300px;
 634 }
 635
 636 #profile-edit-drop-link-wrapper {
 637         float: left;
 638 }
 639
 640 #profile-edit-links-end {
 641         clear: both;
 642 }
 643 .profile-listing-photo {
 644         border: none;
 645 }
 646
 647 .profile-edit-submit-wrapper {
 648         margin-top: 20px;
 649         margin-bottom: 20px;
 650 }
 651
 652 #profile-photo-link-select-wrapper {
 653         margin-top: 2em;
 654 }
 655
 656 #profile-photo-submit-wrapper {
 657         margin-top: 10px;
 658 }
 659
 660 #profile-photo-wrapper img {
 661         width:175px;
 662         height:175px;
 663 }
 664
 665 #profile-edit-profile-name-label,
 666 #profile-edit-name-label,
 667 #profile-edit-pdesc-label,
 668 #profile-edit-gender-label,
 669 #profile-edit-dob-label,
 670 #profile-edit-address-label,
 671 #profile-edit-locality-label,
 672 #profile-edit-region-label,
 673 #profile-edit-postal-code-label,
 674 #profile-edit-country-name-label,
 675 #profile-edit-marital-label,
 676 #profile-edit-sexual-label,
 677 #profile-edit-politic-label,
 678 #profile-edit-religion-label,
 679 #profile-edit-pubkeywords-label,
 680 #profile-edit-prvkeywords-label,
 681 #profile-edit-homepage-label {
 682         float: left;
 683         width: 175px;
 684 }
 685
 686 #profile-edit-profile-name,
 687 #profile-edit-name,
 688 #profile-edit-pdesc,
 689 #gender-select,
 690 #profile-edit-dob,
 691 #profile-edit-address,
 692 #profile-edit-locality,
 693 #profile-edit-region,
 694 #profile-edit-postal-code,
 695 #profile-edit-country-name,
 696 #marital-select,
 697 #sexual-select,
 698 #profile-edit-politic,
 699 #profile-edit-religion,
 700 #profile-edit-pubkeywords,
 701 #profile-edit-prvkeywords,
 702 #profile-in-dir-yes,
 703 #profile-in-dir-no,
 704 #profile-in-netdir-yes,
 705 #profile-in-netdir-no,
 706 #hide-wall-yes,
 707 #hide-wall-no,
 708 #hide-friends-yes,
 709 #hide-friends-no {
 710         float: left;
 711         margin-bottom: 20px;
 712 }
 713 #settings-normal,
 714 #settings-soapbox,
 715 #settings-freelove,
 716 #settings-community {
 717         float: left;
 718 }
 719
 720
 721 #profile-in-dir-yes-label,
 722 #profile-in-dir-no-label,
 723 #profile-in-netdir-yes-label,
 724 #profile-in-netdir-no-label,
 725 #hide-wall-yes-label,
 726 #hide-wall-no-label,
 727 #hide-friends-yes-label,
 728 #hide-friends-no-label {
 729         margin-left: 125px;
 730         float: left;
 731         width: 50px;
 732 }
 733
 734 #profile-edit-with-label {
 735         width: 175px;
 736         margin-left: 20px;
 737 }
 738
 739 #profile-publish-yes-reg,
 740 #profile-publish-no-reg {
 741         float: left;
 742         margin-bottom: 10px;
 743 }
 744
 745 #profile-publish-yes-label-reg,
 746 #profile-publish-no-label-reg {
 747         margin-left: 350px;
 748         float: left;
 749         width: 50px;
 750 }
 751
 752 #profile-publish-break-reg,
 753 #profile-publish-end-reg {
 754         clear: both;
 755 }
 756
 757
 758 #profile-edit-pdesc-desc,
 759 #profile-edit-pubkeywords-desc,
 760 #profile-edit-prvkeywords-desc {
 761         float: left;
 762         margin-left: 20px;
 763 }
 764
 765
 766 #profile-edit-homepage {
 767         float: left;
 768         margin-bottom: 35px;
 769 }
 770 #settings-normal-label,
 771 #settings-soapbox-label,
 772 #settings-community-label,
 773 #settings-freelove-label {
 774         float: left;
 775         width: 200px;
 776 }
 777 #settings-normal-desc,
 778 #settings-soapbox-desc,
 779 #settings-community-desc,
 780 #settings-freelove-desc {
 781         /*float: left;
 782         margin-left: 75px;*/
 783     clear: left;
 784     color: #666666;
 785     display: block;
 786     margin-bottom: 20px
 787 }
 788
 789 #profile-edit-profile-name-end,
 790 #profile-edit-name-end,
 791 #profile-edit-pdesc-end,
 792 #profile-edit-gender-end,
 793 #profile-edit-dob-end,
 794 #profile-edit-address-end,
 795 #profile-edit-locality-end,
 796 #profile-edit-region-end,
 797 #profile-edit-postal-code-end,
 798 #profile-edit-country-name-end,
 799 #profile-edit-marital-end,
 800 #profile-edit-sexual-end,
 801 #profile-edit-politic-end,
 802 #profile-edit-religion-end,
 803 #profile-edit-pubkeywords-end,
 804 #profile-edit-prvkeywords-end,
 805 #profile-edit-homepage-end,
 806 #profile-in-dir-break,
 807 #profile-in-dir-end,
 808 #profile-in-netdir-break,
 809 #profile-in-netdir-end,
 810 #hide-wall-break,
 811 #hide-wall-end,
 812 #hide-friends-break,
 813 #hide-friends-end,
 814 #settings-normal-break,
 815 #settings-soapbox-break,
 816 #settings-community-break,
 817 #settings-freelove-break {
 818         clear: both;
 819 }
 820
 821
 822
 823
 824
 825 #gender-select, #marital-select, #sexual-select {
 826         width: 220px;
 827 }
 828
 829 #profile-edit-profile-name-wrapper .required {
 830         color: #FF0000;
 831         float: left;
 832 }
 833
 834 #contacts-main {
 835         margin-top: 20px;
 836         margin-bottom: 20px;
 837 }
 838
 839 .contact-entry-wrapper {
 840         float: left;
 841         width: 180px;
 842 }
 843
 844 .contact-entry-direction-icon {
 845         margin-top: 24px;
 846         margin-right: 2px;
 847 }
 848
 849 .contact-entry-photo img {
 850         border: none;
 851 }
 852 .contact-entry-photo-end {
 853         clear: both;
 854 }
 855 .contact-entry-name {
 856         float: left;
 857         margin-left: 30px;
 858 }
 859 .contact-entry-edit-links {
 860         margin-top: 6px;
 861         margin-left: 10px;
 862         width: 16px;
 863 }
 864 .contact-entry-nav-wrapper {
 865         float: left;
 866         margin-left: 10px;
 867 }
 868
 869 .contact-entry-edit-links img {
 870         border: none;
 871         margin-right: 15px;
 872 }
 873 .contact-entry-photo {
 874         float: left;
 875 }
 876 .contact-entry-end {
 877         clear: both;
 878 }
 879
 880 #contact-edit-end {
 881         clear: both;
 882 }
 883
 884 .wall-item-content-wrapper {
 885         margin-top: 10px;
 886         border: 1px solid #CCC;
 887         position: relative;
 888 }
 889
 890 .wall-item-content-wrapper.comment {
 891         margin-left: 50px;
 892         background: #EEEEEE;
 893 }
 894
 895 .wall-item-info {
 896         display: block;
 897         float: left;
 898         width:110px;
 899         margin-right:10px;
 900 }
 901 .comment .wall-item-info {
 902         width: 70px;
 903 }
 904
 905 .wall-item-photo-wrapper {
 906         margin-top: 10px;
 907         margin-left: 10px;
 908         margin-bottom: 10px;
 909         width: 100px;
 910 }
 911 .wall-item-photo-menu-button {
 912         display: block;
 913         position: absolute;
 914         background-image: url("photo-menu.jpg");
 915         background-position: top left;
 916         background-repeat: no-repeat;
 917         margin: 0px; padding: 0px;
 918         width: 16px;
 919         height: 16px;
 920         top: 74px; left:10px;
 921         overflow: hidden;
 922         text-indent: 40px;
 923         display: none;
 924
 925 }
 926 .wall-item-photo-menu {
 927         width: auto;
 928         border: 2px solid #444444;
 929         background: #FFFFFF;
 930         position: absolute;
 931         left: 10px; top: 90px;
 932         display: none;
 933         z-index: 10000;
 934 }
 935 .wall-item-photo-menu ul { margin:0px; padding: 0px; list-style: none }
 936 .wall-item-photo-menu li a { display: block; padding: 2px; }
 937 .wall-item-photo-menu li a:hover { color: #FFFFFF; background: #3465A4; text-decoration: none; }
 938
 939
 940 .comment .wall-item-photo-menu-button { top: 44px;}
 941 .comment .wall-item-photo-menu { top: 60px; }
 942
 943 .wallwall .wwto {
 944     left: 50px;
 945     margin: 0;
 946     position: absolute;
 947     top: 70px;
 948     width: 30px
 949 }
 950 .wallwall .wwto img {
 951         width: 30px !important;
 952         height: 30px !important;
 953 }
 954
 955 .wallwall .wall-item-photo-end {
 956         clear: both;
 957 }
 958
 959 .wall-item-arrowphoto-wrapper {
 960     position: absolute;
 961     left: 75px;
 962     top: 70px;
 963     z-index: 100;
 964 }
 965 .wall-item-wrapper {
 966         /*float: left;
 967     margin-right: 5px;
 968     width: 250px;*/
 969     margin-left:10px;
 970 }
 971 .wall-item-lock {
 972         /*height: 20px;*/
 973         /*margin-top: 10px;*/
 974     left: 105px;
 975     position: absolute;
 976     top: 1px;
 977 }
 978 .comment .wall-item-lock {
 979         left: 65px;
 980 }
 981
 982 .wall-item-ago {
 983         color: #888888;
 984         font-size: 0.8em;
 985 }
 986
 987 .wall-item-location {
 988         overflow: hidden;
 989         /* add ellipsis on text overflow               */
 990         /* this work on safari, opera, ie, chrome.     */
 991         /* firefox users have to wait support or we    */
 992         /* can use a jquery plugin http://bit.ly/zJskg */
 993         text-overflow: ellipsis;
 994         -o-text-overflow: ellipsis;
 995         width: 100%;
 996 }
 997
 998 .wall-item-like-buttons {
 999         float: left;
1000         margin-right: 10px;
1001         padding-right: 10px;
1002         border-right: 2px solid #fff;
1003 }
1004
1005 .wall-item-like-buttons > a,
1006 .wall-item-like-buttons > img {
1007         float: left;
1008 }
1009
1010 .wall-item-like-buttons img {
1011         cursor: pointer;
1012 }
1013
1014 .wall-item-share-buttons {
1015         margin-left: 10px;
1016 }
1017
1018 .editpost {
1019         margin-left: 15px;
1020 }
1021
1022 .wall-item-links-wrapper {
1023         float: left;
1024 }
1025
1026 .wall-item-delete-wrapper {
1027         float: right;
1028 }
1029
1030 .wall-item-delete-end {
1031         clear: both;
1032 }
1033
1034 .wall-item-delete-icon {
1035         border: none;
1036 }
1037
1038
1039 .wall-item-wrapper-end {
1040         clear: both;
1041 }
1042 .wall-item-name-link {
1043         font-weight: bold;
1044         text-decoration: none;
1045         color: #3172BD;
1046 }
1047 .wall-item-photo {
1048         border: none;
1049 }
1050 .comment .wall-item-photo {
1051         width: 50px !important;
1052         height: 50px !important;
1053 }
1054 .wall-item-content {
1055         /*float: left;*/
1056         /*width: 450px;*/
1057         margin-left: 10px;
1058         /*margin-bottom: 20px;*/
1059         /*padding: 20px;*/
1060         max-height: 400px;
1061         overflow: auto;
1062 }
1063
1064 .wall-item-title {
1065         float: left;
1066         font-weight: bold;
1067         /*width: 450px;*/
1068 }
1069
1070 .wall-item-title-end {
1071         clear: both;
1072 }
1073
1074 .wall-item-body {
1075         float: left;
1076         /*width: 450px;*/
1077         margin-top: 10px;
1078 }
1079
1080 .wall-item-tools {
1081         clear: both;
1082         background-image: url("head.jpg");
1083     background-position: 0 -20px;
1084     background-repeat: repeat-x;
1085         padding: 5px 10px 0px;
1086 }
1087 .wall-item-author {
1088         margin-top: 10px;
1089 }
1090
1091 .comment .wall-item-tools {
1092         background:none;
1093 }
1094
1095 .comment-edit-wrapper {
1096         margin-top: 15px;
1097         background: #f3f3f3;
1098         margin-left: 50px;
1099 }
1100
1101 .comment-wwedit-wrapper {
1102         margin-top: 15px;
1103         background: #f3f3f3;
1104         margin-left: 50px;
1105 }
1106
1107 .comment-edit-photo {
1108         margin-top: 10px;
1109         margin-left: 10px;
1110         margin-bottom: 10px;
1111         width: 100px;
1112         float: left;
1113 }
1114 .comment-edit-photo img {
1115         width: 25px;
1116 }
1117 .comment-edit-text-empty, .comment-edit-text-full {
1118         float: left;
1119         margin-top: 10px;
1120 }
1121 .comment-edit-text-end {
1122         clear: both;
1123 }
1124
1125 .comment-edit-submit {
1126         margin: 10px 0px 10px 110px;
1127 }
1128
1129 #profile-jot-plugin-wrapper,
1130 #profile-jot-submit-wrapper {
1131         margin-top: 15px;
1132 }
1133
1134 #profile-jot-submit {
1135         float: left;
1136 }
1137 #profile-upload-wrapper {
1138         float: left;
1139         margin-left: 30px;
1140 }
1141 #profile-attach-wrapper {
1142         float: left;
1143         margin-left: 30px;
1144 }
1145 #profile-rotator {
1146         float: left;
1147         margin-left: 30px;
1148 }
1149 #profile-link-wrapper {
1150         float: left;
1151         margin-left: 15px;
1152 }
1153 #profile-youtube-wrapper {
1154         float: left;
1155         margin-left: 15px;
1156 }
1157 #profile-video-wrapper {
1158         float: left;
1159         margin-left: 15px;
1160 }
1161 #profile-audio-wrapper {
1162         float: left;
1163         margin-left: 15px;
1164 }
1165 #profile-location-wrapper {
1166         float: left;
1167         margin-left: 15px;
1168 }
1169 #profile-nolocation-wrapper {
1170         float: left;
1171         margin-left: 15px;
1172 }
1173 #profile-title-wrapper {
1174         float: left;
1175         margin-left: 15px;
1176 }
1177
1178 #profile-jot-perms {
1179         float: left;
1180         margin-left: 100px;
1181         font-weight: bold;
1182         font-size: 1.2em;
1183 }
1184
1185 #profile-jot-perms-end {
1186         /*clear: left;*/
1187         height: 30px;
1188 }
1189
1190 #profile-jot-plugin-end{
1191   clear: both;
1192 }
1193 .profile-jot-net {
1194         float: left;
1195         margin-right: 10px;
1196         margin-top: 5px;
1197         margin-bottom: 5px;
1198 }
1199
1200 #profile-jot-networks-end {
1201         clear: both;
1202 }
1203
1204 #profile-jot-end {
1205         /*clear: both;*/
1206         margin-bottom: 30px;
1207 }
1208 #about-jot-submit-wrapper {
1209         margin-top: 15px;
1210 }
1211 #about-jot-end {
1212         margin-bottom: 30px;
1213 }
1214 #contacts-main {
1215         margin-bottom: 30px;
1216 }
1217
1218 #profile-listing-desc {
1219         margin-left: 30px;
1220 }
1221
1222 #profile-listing-new-link-wrapper {
1223         margin-left: 30px;
1224         margin-bottom: 30px;
1225 }
1226 .profile-listing-photo-wrapper {
1227         float: left;
1228 }
1229
1230 .profile-listing-edit-buttons-wrapper {
1231         clear: both;
1232 }
1233 .profile-listing-photo-edit-link {
1234         float: left;
1235         width: 125px;
1236 }
1237 .profile-listing-end {
1238         clear: both;
1239 }
1240 .profile-listing-edit-buttons-wrapper img{
1241         border: none;
1242         margin-right: 20px;
1243 }
1244 .profile-listing {
1245         margin-top: 25px;
1246 }
1247 .profile-listing-name {
1248         float: left;
1249         margin-left: 32px;
1250         margin-top: 10px;
1251         color: #3172BD;
1252         font-weight: bold;
1253         width: 200px;
1254
1255 }
1256 .fortune {
1257         margin-top: 50px;
1258         color: #4444FF;
1259         font-weight: bold;
1260         margin-bottom: 20px;
1261 }
1262
1263
1264 .directory-end {
1265         clear: both;
1266 }
1267 .directory-name {
1268         text-align: center;
1269 }
1270 .directory-photo {
1271         margin-left: 25px;
1272 }
1273 .directory-details {
1274         font-size: 0.7em;
1275         text-align: center;
1276         margin-left: 5px;
1277         margin-right: 5px;
1278 }
1279 .directory-item {
1280         float: left;
1281         width: 225px;
1282         height: 260px;
1283         overflow: auto;
1284 }
1285
1286 #directory-search-wrapper {
1287         margin-top: 20px;
1288         margin-right: 20px;
1289         margin-bottom: 50px;
1290 }
1291
1292 #directory-search-end {
1293 }
1294
1295 .directory-photo-img {
1296         border: none;
1297 }
1298
1299
1300 .pager {
1301   padding: 10px;
1302   text-align: center;
1303   font-size: 1.0em;
1304 }
1305
1306
1307 .pager_first,
1308 .pager_last,
1309 .pager_prev,
1310 .pager_next,
1311 .pager_n {
1312         border: 1px solid black;
1313         background: #EEE;
1314         padding: 4px;
1315 }
1316
1317 .pager_first a,
1318 .pager_last a,
1319 .pager_prev a,
1320 .pager_next a,
1321 .pager_n a {
1322         text-decoration: none;
1323 }
1324
1325 .pager_current {
1326   border: 1px solid black;
1327   background: #FFCCCC;
1328   padding: 4px;
1329 }
1330
1331
1332 #advanced-profile-name-wrapper,
1333 #advanced-profile-gender-wrapper,
1334 #advanced-profile-dob-wrapper,
1335 #advanced-profile-age-wrapper,
1336 #advanced-profile-marital-wrapper,
1337 #advanced-profile-sexual-wrapper,
1338 #advanced-profile-homepage-wrapper,
1339 #advanced-profile-politic-wrapper,
1340 #advanced-profile-religion-wrapper,
1341 #advanced-profile-about-wrapper,
1342 #advanced-profile-interest-wrapper,
1343 #advanced-profile-contact-wrapper,
1344 #advanced-profile-music-wrapper,
1345 #advanced-profile-book-wrapper,
1346 #advanced-profile-tv-wrapper,
1347 #advanced-profile-film-wrapper,
1348 #advanced-profile-romance-wrapper,
1349 #advanced-profile-work-wrapper,
1350 #advanced-profile-education-wrapper {
1351         margin-top: 20px;
1352 }
1353
1354 #advanced-profile-name-text,
1355 #advanced-profile-gender-text,
1356 #advanced-profile-dob-text,
1357 #advanced-profile-age-text,
1358 #advanced-profile-marital-text,
1359 #advanced-profile-sexual-text,
1360 #advanced-profile-homepage-text,
1361 #advanced-profile-politic-text,
1362 #advanced-profile-religion-text,
1363 #advanced-profile-about-text,
1364 #advanced-profile-interest-text,
1365 #advanced-profile-contact-text,
1366 #advanced-profile-music-text,
1367 #advanced-profile-book-text,
1368 #advanced-profile-tv-text,
1369 #advanced-profile-film-text,
1370 #advanced-profile-romance-text,
1371 #advanced-profile-work-text,
1372 #advanced-profile-education-text {
1373         width: 300px;
1374         float: left;
1375 }
1376
1377 #advanced-profile-name-end,
1378 #advanced-profile-gender-end,
1379 #advanced-profile-dob-end,
1380 #advanced-profile-age-end,
1381 #advanced-profile-marital-end,
1382 #advanced-profile-sexual-end,
1383 #advanced-profile-homepage-end,
1384 #advanced-profile-politic-end,
1385 #advanced-profile-religion-end {
1386         height: 10px;
1387 }
1388
1389 #advanced-profile-about-end,
1390 #advanced-profile-interest-end,
1391 #advanced-profile-contact-end,
1392 #advanced-profile-music-end,
1393 #advanced-profile-book-end,
1394 #advanced-profile-tv-end,
1395 #advanced-profile-film-end,
1396 #advanced-profile-romance-end,
1397 #advanced-profile-work-end,
1398 #advanced-profile-education-end {
1399
1400
1401 }
1402
1403 #advanced-profile-name,
1404 #advanced-profile-gender,
1405 #advanced-profile-dob,
1406 #advanced-profile-age,
1407 #advanced-profile-marital,
1408 #advanced-profile-sexual,
1409 #advanced-profile-homepage,
1410 #advanced-profile-politic,
1411 #advanced-profile-religion {
1412         float: left;
1413
1414 }
1415
1416
1417 #advanced-profile-about,
1418 #advanced-profile-interest,
1419 #advanced-profile-contact,
1420 #advanced-profile-music,
1421 #advanced-profile-book,
1422 #advanced-profile-tv,
1423 #advanced-profile-film,
1424 #advanced-profile-romance,
1425 #advanced-profile-work,
1426 #advanced-profile-education {
1427         margin-top: 10px;
1428         margin-left: 50px;
1429         margin-right: 20px;
1430         padding: 10px;
1431         border: 1px solid #CCCCCC;
1432 }
1433
1434 #advanced-profile-with {
1435         float: left;
1436         margin-left: 15px;
1437 }
1438
1439 #contact-edit-wrapper {
1440         margin-top: 50px;
1441 }
1442
1443 #contact-edit-banner-name {
1444         font-size: 1.4em;
1445         font-weight: bold;
1446         margin-left: 30px;
1447 }
1448
1449 #contact-edit-poll-wrapper {
1450         margin-left: 50px;
1451         margin-top: 30px;
1452 }
1453 #contact-edit-poll-text {
1454         margin-top: 15px;
1455         margin-bottom: 5px;
1456 }
1457
1458 #contact-edit-update-now {
1459         margin-top: 15px;
1460 }
1461
1462 #contact-edit-photo-wrapper {
1463         margin-bottom: 20px;
1464 }
1465 #contact-edit-links {
1466         float: left;
1467 }
1468 #contact-edit-links a {
1469         float: left;
1470 }
1471 #contact-edit-links img {
1472         margin-left: 20px;
1473         border: none;
1474 }
1475
1476 #contact-drop-links {
1477         float: left;
1478 }
1479
1480 #contact-drop-links img {
1481         margin-left: 20px;
1482         border: none;
1483 }
1484
1485 #contact-edit-nav-end {
1486         clear: both;
1487 }
1488
1489 #contact-edit-direction-icon {
1490         float: left;
1491         margin-top: 70px;
1492         margin-right: 2px;
1493 }
1494
1495 #contact-edit-photo {
1496         float: left;
1497 }
1498
1499 #contact-edit-photo-end {
1500         clear: both;
1501 }
1502
1503 #contact-edit-photo-wrapper {
1504         float: left;
1505 }
1506
1507 #contact-edit-nav-wrapper {
1508         float: left;
1509 }
1510
1511 #contact-edit-end {
1512         clear: both;
1513 }
1514
1515 #contact-profile-selector {
1516         width: 175px;
1517         margin-left: 175px;
1518 }
1519
1520 #contact-reputation-selector {
1521         margin-left: 175px;
1522 }
1523
1524 #contact-edit-rating-text {
1525         margin-left: 175px;
1526 }
1527
1528 .contact-edit-submit {
1529         margin-top: 20px;
1530         /*margin-left: 50px;*/
1531 }
1532
1533 #block-message, #ignore-message {
1534         margin-top: 20px;
1535         color: #FF0000;
1536         font-size: 1.1em;
1537         border: 1px solid #FF8888;
1538         background-color: #FFEEEE;
1539         padding: 10px;
1540 }
1541
1542 #profile-edit-insecure {
1543         margin-top: 20px;
1544         color: #FF0000;
1545         font-size: 1.1em;
1546         border: 1px solid #FF8888;
1547         background-color: #FFEEEE;
1548         padding-left: 5px;
1549         /*: 3px 3px 3px 5px; */
1550         width: 587px;
1551 }
1552
1553 #block-message, #ignore-message {
1554         width: 180px;
1555 }
1556
1557
1558 /*
1559 .profile-tabs {
1560         float: left;
1561         padding: 4px;
1562         margin-top: 10px;
1563         margin-bottom: 10px;
1564         margin-right: 5px;
1565         font-size: 0.8em;
1566         font-weight: bold;
1567         background-color: #ECECEC;
1568         border: 1px solid #858585;
1569 }
1570 .profile-tabs:hover {
1571         background-color: #0CBEFE;
1572         color: #F5F6FB;
1573         border: 1px solid #F5F6FB;
1574 }
1575
1576
1577 #profile-tabs-end {
1578         clear: both;
1579 }*/
1580
1581 .comment-edit-text-empty {
1582         color: gray;
1583         height: 30px;
1584         width: 175px;
1585         overflow: auto;
1586         margin-bottom: 10px;
1587 }
1588
1589 .comment-edit-text-full {
1590         color: black;
1591         height: 150px;
1592         width: 350px;
1593         overflow: auto;
1594 }
1595
1596 #group-new-submit-wrapper {
1597         margin-top: 30px;
1598 }
1599
1600 #acl-allow-group-label,
1601 #acl-allow-contact-label,
1602 #acl-deny-group-label,
1603 #acl-deny-contact-label {
1604         display: block;
1605 }
1606
1607 #acl-permit-text {
1608         margin-top: 10px;
1609         float: left;
1610 }
1611
1612 #acl-deny-text {
1613         margin-top: 10px;
1614 }
1615
1616 #jot-public {
1617         float: left;
1618         margin-top: 10px;
1619         margin-left: 15px;
1620         color: #FF0000;
1621 }
1622
1623 #acl-permit-text-end {
1624         clear: both;
1625 }
1626
1627 #acl-allow-group-label,
1628 #acl-allow-contact-label,
1629 #acl-deny-group-label,
1630 #acl-deny-contact-label {
1631         margin-top: 5px;
1632         margin-bottom: 5px;
1633 }
1634
1635
1636 #group_allow_wrapper,
1637 #group_deny_wrapper {
1638         float: left;
1639         width: 100px;
1640         margin-right: 10px;
1641 }
1642
1643 #contact_allow_wrapper,
1644 #contact_deny_wrapper {
1645         float: left;
1646         width: 150px;
1647         margin-right: 10px;
1648 }
1649
1650 #acl-allow-end,
1651 #acl-deny-end {
1652         clear: both;
1653 }
1654 #acl-permit-outer-wrapper,
1655 #acl-deny-outer-wrapper {
1656         padding: 10px;
1657         margin-top: 10px;
1658         border: 2px solid #BBBBBB;
1659         float: left;
1660 }
1661
1662 #acl-wrapper-end {
1663         clear: both;
1664 }
1665
1666 #group-edit-name-label {
1667         float: left;
1668         width: 175px;
1669         margin-top: 20px;
1670         margin-bottom: 20px;
1671 }
1672
1673 #group-edit-name {
1674         float: left;
1675         width: 225px;
1676         margin-top: 20px;
1677         margin-bottom: 20px;
1678 }
1679
1680 #group-edit-name-wrapper {
1681
1682
1683 }
1684
1685
1686 #group_members_select_label {
1687         display: block;
1688         float: left;
1689         width: 175px;
1690 }
1691
1692 .group_members_select {
1693         float: left;
1694         width: 230px;
1695         overflow: auto;
1696 }
1697
1698 #group_members_select_end {
1699         clear: both;
1700 }
1701 #group-edit-name-end {
1702         clear: both;
1703 }
1704
1705 #prvmail-to-label, #prvmail-subject-label, #prvmail-message-label {
1706         margin-bottom: 10px;
1707         margin-top: 20px;
1708 }
1709
1710 #prvmail-submit {
1711         float: left;
1712         margin-top: 10px;
1713         margin-right: 30px;
1714 }
1715 #prvmail-upload-wrapper,
1716 #prvmail-link-wrapper,
1717 #prvmail-rotator-wrapper {
1718         float: left;
1719         margin-top: 10px;
1720         margin-right: 10px;
1721         width: 24px;
1722 }
1723
1724 #prvmail-end {
1725         clear: both;
1726 }
1727
1728 .mail-list-sender,
1729 .mail-list-detail {
1730         float: left;
1731 }
1732 .mail-list-detail {
1733         margin-left: 20px;
1734 }
1735
1736 .mail-list-subject {
1737         font-size: 1.1em;
1738         margin-top: 10px;
1739 }
1740 a.mail-list-link {
1741     display: block;
1742     font-size: 1.3em;
1743     padding: 4px 0;
1744 }
1745
1746 /*
1747 *a.mail-list-link:hover {
1748 *       background-color: #15607B;
1749 *       color: #F5F6FB;
1750 *}
1751 */
1752
1753 .mail-list-outside-wrapper-end {
1754         clear: both;
1755 }
1756
1757 .mail-list-outside-wrapper {
1758         margin-top: 30px;
1759 }
1760
1761 .mail-list-delete-wrapper {
1762         float: right;
1763         margin-right: 30px;
1764         margin-top: 15px;
1765 }
1766
1767 .mail-list-delete-icon {
1768         border: none;
1769 }
1770
1771 .mail-conv-sender,
1772 .mail-conv-detail {
1773         float: left;
1774 }
1775 .mail-conv-detail {
1776         margin-left: 20px;
1777         width: 500px;
1778 }
1779
1780 .mail-conv-subject {
1781     font-size: 1.4em;
1782     margin: 10px 0;
1783 }
1784
1785 .mail-conv-outside-wrapper-end {
1786         clear: both;
1787 }
1788
1789 .mail-conv-outside-wrapper {
1790         margin-top: 30px;
1791 }
1792
1793 .mail-conv-delete-wrapper {
1794         float: right;
1795         margin-right: 30px;
1796         margin-top: 15px;
1797 }
1798
1799 .mail-conv-delete-icon {
1800         border: none;
1801 }
1802
1803 .message-links ul {
1804         list-style-type: none;
1805         padding: 0px;
1806 }
1807
1808 .message-links li {
1809         margin-top: 10px;
1810         float: left;
1811 }
1812 .message-links a {
1813         padding: 3px 5px;
1814 }
1815
1816 .message-links ul ul {
1817         clear: both;
1818 }
1819
1820 #sidebar-group-list ul {
1821         list-style-type: none;
1822 }
1823
1824 #sidebar-group-list li {
1825         margin-top: 10px;
1826 }
1827
1828 #side-follow-wrapper {
1829         margin-top: 20px;
1830 }
1831 #side-follow-url {
1832         margin-top: 5px;
1833 }
1834 #side-follow-submit {
1835         margin-top: 15px;
1836 }
1837
1838 .photo-album-image-wrapper {
1839         float: left;
1840         margin-top: 15px;
1841         margin-right: 15px;
1842         width: 200px; height: 200px;
1843         overflow: hidden;
1844         position: relative;
1845 }
1846 .photo-album-image-wrapper .caption {
1847         display: none;
1848         width: 100%;
1849         position: absolute;
1850         bottom: 0px;
1851         padding: 0.5em 0.5em 0px 0.5em;
1852         background-color: rgba(245, 245, 255, 0.8);
1853         border-bottom: 2px solid #CCC;
1854         margin: 0px;
1855 }
1856 .photo-album-image-wrapper a:hover .caption {
1857         display:block;
1858 }
1859
1860 #photo-album-end {
1861         clear: both;
1862 }
1863
1864 .photo-top-image-wrapper {
1865         position: relative;
1866         float: left;
1867         margin-top: 15px;
1868         margin-right: 15px;
1869         width: 200px; height: 200px;
1870         overflow: hidden;
1871 }
1872 .photo-top-album-name {
1873         width: 100%;
1874         min-height: 2em;
1875         position: absolute;
1876         bottom: 0px;
1877         padding: 0px 3px;
1878         padding-top: 0.5em;
1879         background-color: rgb(255, 255, 255);
1880 }
1881 #photo-top-end {
1882         clear: both;
1883 }
1884
1885 #photo-top-links {
1886         margin-bottom: 30px;
1887         margin-left: 30px;
1888 }
1889
1890 #photos-upload-newalbum-div {
1891         float: left;
1892         width: 175px;
1893 }
1894 #photos-upload-existing-album-text {
1895         float: left;
1896         width: 175px;
1897 }
1898 #photos-upload-newalbum {
1899         float: left;
1900 }
1901 #photos-upload-album-select {
1902         float: left;
1903 }
1904
1905 #photos-upload-spacer {
1906         margin-top: 25px;
1907 }
1908 #photos-upload-new-end, #photos-upload-exist-end {
1909         clear: both;
1910 }
1911 #photos-upload-exist-end {
1912         margin-bottom: 15px;
1913 }
1914 #photos-upload-submit {
1915         margin-top: 15px;
1916 }
1917
1918 #photos_upload_applet_wrapper {
1919         margin-bottom: 15px;
1920 }
1921
1922 #photos-upload-no-java-message {
1923         margin-bottom: 15px;
1924 }
1925
1926 #profile-jot-desc {
1927         /*float: left;*/
1928         width: 480px;
1929         color: #FF0000;
1930         margin-top: 10px;
1931         margin-bottom: 10px;
1932 }
1933
1934 #character-counter {
1935         float: right;
1936         font-size: 120%;
1937 }
1938
1939 #character-counter.grey {
1940         color: #888888;
1941 }
1942
1943 #character-counter.orange {
1944         color: orange;
1945 }
1946 #character-counter.red {
1947         color: red;
1948 }
1949
1950 #profile-jot-banner-end {
1951         /* clear: both; */
1952 }
1953
1954 #photos-upload-select-files-text {
1955         margin-top: 15px;
1956         margin-bottom: 15px;
1957 }
1958
1959 #photos-upload-perms-menu, #photos-upload-perms-menu:visited, #photos-upload-perms-menu:link {
1960         color: #8888FF;
1961         text-decoration: none;
1962         cursor: pointer;
1963 }
1964
1965 #photos-upload-perms-menu:hover {
1966         color: #0000FF;
1967         text-decoration: underline;
1968         cursor: pointer;
1969 }
1970 #settings-default-perms-menu {
1971         margin-top: 15px;
1972         margin-bottom: 15px;
1973 }
1974
1975 #photo-edit-caption-label, #photo-edit-tags-label, #photo-edit-albumname-label {
1976         float: left;
1977         width: 150px;
1978 }
1979
1980 #photo-edit-perms-end {
1981         margin-bottom: 15px;
1982 }
1983
1984 #photo-edit-caption, #photo-edit-newtag, #photo-edit-albumname {
1985         float: left;
1986         margin-bottom: 25px;
1987 }
1988 #photo-edit-link-wrap {
1989         margin-bottom: 15px;
1990 }
1991 #photo-like-div {
1992         margin-bottom: 25px;
1993 }
1994
1995 #photo-edit-caption-end, #photo-edit-tags-end, #photo-edit-albumname-end {
1996         clear: both;
1997 }
1998
1999 #photo-edit-delete-button {
2000         margin-left: 200px;
2001 }
2002 #photo-edit-end {
2003         margin-bottom: 35px;
2004 }
2005 #photo-caption {
2006         font-size: 110%;
2007         font-weight: bold;
2008         margin-top: 15px;
2009         margin-bottom: 15px;
2010 }
2011
2012 #in-this-photo-text {
2013         color: #0000FF;
2014         margin-left: 30px;
2015 }
2016
2017 #in-this-photo {
2018         margin-left: 60px;
2019         margin-top: 10px;
2020         margin-bottom: 20px;
2021 }
2022
2023 #photo-album-edit-submit, #photo-album-edit-drop {
2024         margin-top: 15px;
2025         margin-bottom: 15px;
2026 }
2027
2028 #photo-album-edit-drop {
2029         margin-left: 200px;
2030 }
2031
2032 .group-delete-wrapper {
2033         float: right;
2034         margin-right: 50px;
2035 }
2036
2037 #install-dbhost-label,
2038 #install-dbuser-label,
2039 #install-dbpass-label,
2040 #install-dbdata-label,
2041 #install-tz-desc {
2042        float: left;
2043        width: 250px;
2044        margin-top: 10px;
2045        margin-bottom: 10px;
2046
2047 }
2048
2049 #install-dbhost,
2050 #install-dbuser,
2051 #install-dbpass,
2052 #install-dbdata {
2053        float: left;
2054        width: 200px;
2055        margin-left: 20px;
2056 }
2057
2058 #install-dbhost-end,
2059 #install-dbuser-end,
2060 #install-dbpass-end,
2061 #install-dbdata-end,
2062 #install-tz-end {
2063        clear: both;
2064 }
2065
2066 #install-form select#timezone_select {
2067        float: left;
2068        margin-top: 18px;
2069        margin-left: 20px;
2070 }
2071
2072 #dfrn-request-networks {
2073         margin-bottom: 30px;
2074 }
2075
2076 #pause {
2077   position: fixed;
2078   bottom: 5px;
2079   right: 5px;
2080 }
2081
2082 .sparkle {
2083         cursor: url('lock.cur'), pointer;
2084 /*      cursor: pointer !important; */
2085 }
2086
2087 .contact-block-div {
2088         float: left;
2089         width: 52px;
2090         height: 52px;
2091 }
2092 .contact-block-textdiv {
2093         float: left;
2094         width: 150px;
2095         height: 34px;
2096 }
2097
2098 #contact-block-end {
2099         clear: both;
2100 }
2101 .contact-block-link {
2102         float: left;
2103 }
2104 .contact-block-img {
2105         width:48px;
2106         height:48px;
2107 }
2108
2109 #tag-remove {
2110         margin-bottom: 15px;
2111 }
2112
2113 #tagrm li {
2114         margin-bottom: 10px;
2115 }
2116
2117 #tagrm-submit, #tagrm-cancel {
2118         margin-top: 25px;
2119 }
2120
2121 #tagrm-cancel {
2122         margin-left: 15px;
2123 }
2124
2125 .wall-item-conv {
2126         margin-top: 5px;
2127         margin-bottom: 25px;
2128 }
2129
2130 #search-submit {
2131         margin-left: 15px;
2132 }
2133
2134 #search-box {
2135         margin-bottom: 25px;
2136 }
2137
2138 .location-label, .gender-label, .marital-label, .homepage-label {
2139         float: left;
2140         text-align: right;
2141         display: block;
2142         width: 65px;
2143 }
2144
2145 .adr, .x-gender, .marital-text, .homepage-url {
2146         float: left;
2147         display: block;
2148         margin-left: 8px;
2149 }
2150
2151 .profile-clear {
2152         clear: both;
2153 }
2154
2155
2156 .clear {
2157         clear: both;
2158 }
2159
2160 .cc-license {
2161         margin-top: 50px;
2162         font-size: 70%;
2163 }
2164
2165
2166 #plugin-settings-link, #account-settings-link {
2167         margin-bottom: 10px;
2168 }
2169
2170 #uexport-link {
2171         margin-bottom: 20px;
2172 }
2173
2174 /* end from default */
2175
2176
2177 .fn {
2178         padding: 0px 0px 5px 0px;
2179         font-size: 120%;
2180         font-weight: bold;
2181 }
2182
2183 .vcard .title {
2184         margin-bottom: 5px;
2185 }
2186
2187
2188 #birthday-title {
2189         float: left;
2190         font-weight: bold;
2191 }
2192
2193 #birthday-adjust {
2194         float: left;
2195         font-size: 75%;
2196         margin-left: 10px;
2197 }
2198
2199 #birthday-title-end {
2200         clear: both;
2201 }
2202
2203 .birthday-list {
2204         margin-left: 15px;
2205 }
2206
2207 #birthday-wrapper {
2208         margin-bottom: 20px;
2209 }
2210
2211 #network-new-link {
2212         margin-top: 15px;
2213         margin-bottom: 15px;
2214 }
2215
2216
2217 .tool-wrapper {
2218   float: left;
2219   margin-left: 15px;
2220 }
2221
2222 .tool-link {
2223   cursor: pointer;
2224 }
2225
2226 .eventcal {
2227         float: left;
2228         font-size: 20px;
2229 }
2230
2231 #new-event-link {
2232         margin-bottom: 10px;
2233 }
2234
2235 .event-description:before {
2236         content: url('../../../images/calendar.png');
2237         margin-right: 15px;
2238 }
2239
2240 .event-start, .event-end {
2241         margin-left: 10px;
2242         width: 330px;
2243         clear: both;
2244 }
2245
2246 .event-start .dtstart, .event-end .dtend {
2247         float: right;
2248 }
2249
2250 .prevcal, .nextcal {
2251         float: left;
2252         margin-left: 32px;
2253         margin-right: 32px;
2254         margin-top: 64px;
2255 }
2256 .event-calendar-end {
2257         clear: both;
2258 }
2259
2260
2261 .calendar {
2262         font-family: Courier, monospace;
2263 }
2264 .today {
2265         color: #FF0000;
2266 }
2267
2268 .settings-block {
2269         border: 1px solid #AAA;
2270         margin: 10px;
2271         padding: 10px;
2272 }
2273
2274 .app-title {
2275         margin: 10px;
2276 }
2277
2278 #identity-manage-desc {
2279         margin-top:15px;
2280         margin-bottom: 15px;
2281 }
2282
2283 #identity-manage-choose {
2284         margin-bottom: 15px;
2285 }
2286
2287 #identity-submit {
2288         margin-top: 20px;
2289 }
2290
2291 #photo-prev-link, #photo-next-link {
2292         padding: 10px;
2293         float: left;
2294 }
2295
2296 #photo-photo {
2297         float: left;
2298 }
2299
2300 #photo-photo-end {
2301         clear: both;
2302 }
2303
2304 .profile-match-photo {
2305         float: left;
2306         text-align: center;
2307         width: 120px;
2308 }
2309
2310 .profile-match-name {
2311         float: left;
2312         text-align: center;
2313         width: 120px;
2314         overflow: hidden;
2315 }
2316
2317 .profile-match-break,
2318 .profile-match-end {
2319         clear: both;
2320 }
2321
2322 .profile-match-wrapper {
2323         float: left;
2324         padding: 10px;
2325 }
2326 #profile-match-wrapper-end {
2327         clear: both;
2328 }
2329 .side-link {
2330         margin-bottom: 15px;
2331 }
2332
2333 #language-selector {
2334         position: absolute;
2335         top: 0px;
2336         left: 16px;
2337 }
2338
2339 #group-members {
2340         margin-top: 20px;
2341         padding: 10px;
2342         height: 250px;
2343         overflow: auto;
2344         border: 1px solid #ddd;
2345 }
2346
2347 #group-members-end {
2348         clear: both;
2349 }
2350
2351 #group-separator {
2352         margin-top: 10px;
2353         margin-bottom: 10px;
2354 }
2355
2356 #group-all-contacts {
2357         padding: 10px;
2358         height: 450px;
2359         overflow: auto;
2360         border: 1px solid #ddd;
2361 }
2362
2363 #group-all-contacts-end {
2364         clear: both;
2365         margin-bottom: 10px;
2366 }
2367
2368 #group-edit-desc {
2369         margin-top: 15px;
2370 }
2371
2372
2373 #prof-members {
2374         margin-top: 20px;
2375         padding: 10px;
2376         height: 250px;
2377         overflow: auto;
2378         border: 1px solid #ddd;
2379 }
2380
2381 #prof-members-end {
2382         clear: both;
2383 }
2384
2385 #prof-separator {
2386         margin-top: 10px;
2387         margin-bottom: 10px;
2388 }
2389
2390 #prof-all-contacts {
2391         padding: 10px;
2392         height: 450px;
2393         overflow: auto;
2394         border: 1px solid #ddd;
2395 }
2396
2397 #prof-all-contacts-end {
2398         clear: both;
2399         margin-bottom: 10px;
2400 }
2401
2402 #prof-edit-desc {
2403         margin-top: 15px;
2404 }
2405
2406 #crepair-nick-label,
2407 #crepair-url-label,
2408 #crepair-request-label,
2409 #crepair-confirm-label,
2410 #crepair-notify-label,
2411 #crepair-poll-label {
2412         float: left;
2413         width: 200px;
2414         margin-bottom: 15px;
2415 }
2416
2417 #crepair-nick,
2418 #crepair-url,
2419 #crepair-request,
2420 #crepair-confirm,
2421 #crepair-notify,
2422 #crepair-poll {
2423         float: left;
2424         width: 300px;
2425 }
2426
2427 #contact-edit-links .icon, #contact-drop-links .icon {
2428         margin: 0px 3px 0px 3px;
2429 }
2430
2431
2432 #netsearch-box {
2433         margin-top: 20px;
2434 }
2435
2436 #netsearch-box #search-submit {
2437         margin: 5px 0px 0px 0px;
2438 }
2439
2440 .required {
2441         color: #FF0000;
2442 }
2443
2444 #event-start-text, #event-finish-text {
2445         margin-top: 10px;
2446         margin-bottom: 5px;
2447 }
2448
2449 #event-nofinish-checkbox, #event-nofinish-text, #event-adjust-checkbox, #event-adjust-text {
2450         float: left;
2451 }
2452 #event-datetime-break {
2453         margin-bottom: 10px;
2454 }
2455
2456 #event-nofinish-break, #event-adjust-break {
2457         clear: both;
2458 }
2459
2460 #event-desc-text, #event-location-text {
2461         margin-top: 10px;
2462         margin-bottom: 5px;
2463 }
2464 #event-submit {
2465         margin-top: 10px;
2466 }
2467
2468
2469
2470
2471 #lang-select-icon {
2472         cursor: pointer;
2473         position: absolute;
2474         left: 0px;
2475         top: 0px;
2476         opacity: 0.3;
2477         filter:alpha(opacity=30);
2478 }
2479
2480 #lang-select-icon:hover {
2481         opacity: 1;
2482         filter:alpha(opacity=100);
2483 }
2484
2485 /**
2486  * ADMIN
2487  */
2488
2489 #adminpage dl {
2490         clear: left;
2491         margin-bottom: 2px;
2492         padding-bottom: 2px;
2493         border-bottom: 1px solid black;
2494 }
2495 #adminpage dt {
2496         width: 200px;
2497         float: left;
2498         font-weight: bold;
2499 }
2500 #adminpage dd {
2501         margin-left: 200px;
2502 }
2503
2504 #adminpage .field {
2505         clear: left;
2506         margin-bottom: 5px;
2507         padding-bottom: 5px;
2508 }
2509
2510 #adminpage .field label {
2511         float: left;
2512         width: 200px;
2513         font-weight: bold;
2514 }
2515
2516 #adminpage .field input,
2517 #adminpage .field textarea {
2518         width: 400px;
2519 }
2520 #adminpage .field textarea { height: 100px; }
2521 #adminpage .field_help {
2522         display: block;
2523         margin-left: 200px;
2524         color: #666666;
2525
2526 }
2527
2528 #adminpage h3 {
2529         border-bottom: 1px solid #cccccc;
2530 }
2531
2532 #adminpage .submit {
2533         clear:left;
2534         text-align: right;
2535 }
2536
2537 #adminpage #pluginslist {
2538         margin: 0px; padding: 0px;
2539 }
2540 #adminpage .plugin {
2541         list-style: none;
2542         display: block;
2543         border: 1px solid #888888;
2544         padding: 1em;
2545         margin-bottom: 5px;
2546         clear: left;
2547 }
2548 #adminpage .plugin .toggle {
2549         float:left;
2550         margin-right: 1em;
2551 }
2552
2553 /**
2554  * ICONS
2555  */
2556 .icon {
2557         display: block; width: 16px; height: 16px;
2558         background-image: url('../../../images/icons.png');
2559 }
2560 .article { background-position: 0px 0px;}
2561 .audio { background-position: -16px 0px;}
2562 .block { background-position: -32px 0px;}
2563 .drop { background-position: -48px 0px;}
2564 .drophide { background-position: -64px 0px;}
2565 .edit { background-position: -80px 0px;}
2566 .camera { background-position: -96px 0px;}
2567 .dislike { background-position: -112px 0px;}
2568 .like { background-position: -128px 0px;}
2569 .link { background-position: -144px 0px;}
2570
2571 .globe { background-position: 0px -16px;}
2572 .noglobe { background-position: -16px -16px;}
2573 .no { background-position: -32px -16px;}
2574 .pause { background-position: -48px -16px;}
2575 .play { background-position: -64px -16px;}
2576 .pencil { background-position: -80px -16px;}
2577 .small-pencil { background-position: -96px -16px;}
2578 .recycle { background-position: -112px -16px;}
2579 .remote-link { background-position: -128px -16px;}
2580 .share { background-position: -144px -16px;}
2581
2582 .tools { background-position: 0px -32px;}
2583 .lock { background-position: -16px -32px;}
2584 .unlock { background-position: -32px -32px;}
2585 .video { background-position: -48px -32px;}
2586 .youtube { background-position: -64px -32px;}
2587 .attach { background-position: -80px -32px; }
2588 .language { background-position: -96px -32px; }
2589 .prev { background-position: -112px -32px; }
2590 .next { background-position: -128px -32px; }
2591 .on { background-position: -144px -32px; }
2592
2593 .off { background-position: 0px -48px; }
2594
2595 .attachtype {
2596         display: block; width: 20px; height: 23px;
2597         float: left;
2598         background-image: url('../../../images/content-types.png');
2599 }
2600
2601 .body-attach {
2602         margin-top: 10px;
2603 }
2604
2605 .type-video { background-position: 0px; 0px; }
2606 .type-image { background-position: -20px; 0px; }
2607 .type-audio { background-position: -40px; 0px; }
2608 .type-text  { background-position: -60px; 0px; }
2609 .type-unkn  { background-position: -80px; 0px; }
2610