view/theme/default/style.css

   1 /*
   2         Loozah CSS - Emmanuel Revah manurevah.com
   3         Copy, Paste, Send - Free
   4
   5         this is still considered as messy :]
   6 */
   7
   8 /** {*/
   9         /*margin: 0;*/
  10         /*padding: 0;*/
  11 /*}*/
  12
  13 /* GENERIC STUFF */
  14 body {
  15         background: #F5F6FB;
  16         color: #444444;
  17         font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
  18         font-size: 90%;
  19         margin-left: 10px;
  20 }
  21 a, a:visited {
  22 /*      color: #34366A; */
  23         color: #15607B;
  24         text-decoration: none;
  25 }
  26 a:hover {
  27         color: #0CBEFE;
  28         text-decoration: none;
  29 }
  30 input, select {
  31         background-color: #ECECEC;
  32         border: 1px solid #858585;
  33 }
  34 input:hover {
  35
  36         background-color: #0CBEFE;
  37 /*      background-color: #49dbFa; */
  38         color: black;
  39 /*      color: #F5F6FB; */
  40 /*      border: 1px solid #F5F6FB; */
  41         cursor: pointer;
  42 }
  43
  44 .openid {
  45    background-color: #ECECEC !important;
  46    background: url(login-bg.gif) no-repeat;
  47    background-position: 0 50%;
  48    padding-left: 18px;
  49 }
  50 .openid:hover {
  51         background-color: #0CBEFE !important;
  52 }
  53
  54 option {
  55         background-color: #ECD6D2;
  56 }
  57 img {
  58         border: none;
  59 }
  60 code {
  61         font-family: Courier, monospace;
  62         white-space: pre;
  63         display: block;
  64         overflow: auto;
  65         border: 1px solid #444;
  66         background: #EEE;
  67         color: #444;
  68         padding: 10px;
  69         margin-top: 20px;
  70 }
  71 blockquote:before {
  72         content: '>> ';
  73 }
  74 .nav-login-link {
  75         float: right;
  76         margin-left: 0px;
  77         margin-right: 3px;
  78         padding: 3px;
  79         font-size: 70%;
  80 }
  81
  82 /* NOTIFICATION */
  83 #notification-show-hide-link {
  84         background-color: red;
  85         padding: 2px 4px;
  86         background-color: #ECECEC;
  87         border: 1px solid #858585;
  88 }
  89 #notification-show-hide-link:hover {
  90         background-color: #0CBEFE;
  91         color: #F5F6FB;
  92         border: 1px solid #F5F6FB;
  93 }
  94
  95 #jot-perms-icon,
  96 #profile-location,
  97 #profile-nolocation,
  98 #profile-video,
  99 #profile-link,
 100 #wall-image-upload,
 101 #profile-upload-wrapper,
 102 #wall-image-upload-div,
 103 .hover, .focus {
 104         cursor: pointer;
 105 }
 106
 107 .fakelink, .fakelink:visited {
 108         color: #15607B;
 109         text-decoration: none;
 110         cursor: pointer;
 111         margin-top: 15px;
 112         margin-bottom: 15px;
 113 }
 114 .lockview {
 115         cursor: pointer;
 116 }
 117
 118 .fakelink:hover {
 119         color: #0CBEFE;
 120         text-decoration: none;
 121         cursor: pointer;
 122 }
 123 .smalltext {
 124         font-size: 0.7em;
 125 }
 126 #sysmsg {
 127         width: 600px;
 128         margin-bottom: 10px;
 129 }
 130
 131 #top-margin {
 132         height: 20px;
 133 }
 134 #banner {
 135
 136         color: #F5F6FB;
 137         font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
 138         font-size: 1.8em;
 139         letter-spacing: 0.12em;
 140         position: absolute;
 141         top: 10px;
 142         left: 40%;
 143 }
 144
 145 #panel {
 146         background-color: ivory;
 147         position: absolute;
 148         z-index: 2;
 149         width: 30%;
 150         padding: 25px;
 151         border: 1px solid #444;
 152 }
 153
 154 img.photo {
 155         /*border: 1px solid #AAAAAA;*/
 156         /*padding: 5px;*/
 157         /*background: #FFFFFF;*/
 158 }
 159
 160 #logo {
 161         font-size: 300%;
 162         color: #A8A8A8;
 163         font-weight: bold;
 164         margin-left: 280px;
 165 }
 166 #page-footer {
 167         height: 20px;
 168 /*      border-bottom: 3px dashed #15607B; */
 169 }
 170
 171 .heart {
 172         color: #FF0000;
 173         font-size: 120%;
 174 }
 175
 176 aside {
 177         /*position: absolute;*/
 178         /*left: 0px;*/
 179         /*top: 60px;*/
 180         /*right: 250px;*/
 181         width: 230px;
 182         /*margin-left: 20px;*/
 183         /*margin-right: 0px;*/
 184         font-size: 0.9em;
 185
 186         float: left;
 187         margin-top: 64px;
 188         margin-left: 20px;
 189 }
 190 section {
 191         position: absolute;
 192         left: 250px;
 193         top: 60px;
 194         margin-top: 25px;
 195         margin-left: 20px;
 196         margin-right: 20px;
 197         right: 0px;
 198 }
 199 h1 {
 200         font-size: 1.6em;
 201 }
 202
 203 nav {
 204         position: absolute;
 205         top: 0px;
 206         height: 48px;
 207         left: 0px;
 208         right: 0px;
 209         background: #15607B;
 210 }
 211
 212 footer {
 213         /*position: absolute;*/
 214         left: 0px;
 215         /*right: 0px;*/
 216         bottom: 0px;
 217         /*margin: 20px 20px 20px 20px;*/
 218
 219         position: fixed;
 220         background-color: #0CBEFE;
 221         width: 100%;
 222         padding: 2px 3%;
 223 }
 224
 225 .fn {
 226         font-size: 1.4em;
 227         margin-bottom: 10px;
 228         line-height: 1.5;
 229 }
 230
 231 .powered {
 232         font-size: 0.6em;
 233         color: black;
 234 }
 235 .powered a {
 236         color: #EBF3F3;
 237         font-weight: bold;
 238 }
 239 .powered a:hover {
 240         color: #FFC019;
 241 }
 242 .error-message {
 243         color: #FF0000;
 244         font-size: 1.1em;
 245         border: 1px solid #FF8888;
 246         background-color: #FFEEEE;
 247         padding: 10px;
 248 }
 249
 250 .nav-link {
 251         float: right;
 252         margin-left: 0px;
 253         margin-right: 3px;
 254         padding: 6px;
 255         /*border: 2px solid #000000;*/
 256         background: #D5D5D5;
 257         font-size: 80%;
 258         font-weight: bold;
 259         -moz-border-radius-topleft: 3px;
 260         -moz-border-radius-topright: 3px;
 261         -webkit-border-radius-topleft: 3px;
 262         -webkit-border-radius-topright: 3px;
 263         border-radius-topleft: 3px;
 264         border-radius-topright: 3px;
 265 }
 266 .nav-link:hover {
 267         background-color: #0CBEFE;
 268         color: #F5F6FB;
 269 }
 270
 271
 272 .nav-ajax-left {
 273         margin-left: 1px;
 274         margin-right: 2px;
 275         float: left;
 276         font-size: 0.6em;
 277         font-weight: bold;
 278         color: #F8FF15;
 279         /*background: #FFFFFF;*/
 280 }
 281
 282
 283
 284 .nav-selected {
 285         border-bottom: none !important;
 286         background: #F5F6FB !important;
 287         padding: 8px 6px 6px 6px !important;
 288         color: #000 !important;
 289 }
 290
 291
 292 .nav-ajax-left:hover {
 293         font-size: 1.5em;
 294 }
 295
 296 .nav-ajax-right {
 297         margin-left: 1px;
 298         float: right;
 299         font-size: 0.6em;
 300         font-weight: bold;
 301         color: #FF0000;
 302 }
 303
 304 .nav-commlink {
 305         float: left;
 306         margin-left: 3px;
 307         margin-right: 0px;
 308         padding: 6px;
 309         /*border: 2px solid #000000;*/
 310         background: #D5D5D5;
 311         font-size: 80%;
 312         font-weight: bold;
 313         text-decoration: none;
 314         -moz-border-radius-topleft: 3px;
 315         -moz-border-radius-topright: 3px;
 316         -webkit-border-radius-topleft: 3px;
 317         -webkit-border-radius-topright: 3px;
 318         border-radius-topleft: 3px;
 319         border-radius-topright: 3px;
 320 }
 321 .nav-commlink:hover {
 322         background-color: #0CBEFE;
 323         color: #F5F6FB;
 324 }
 325
 326 #nav-end {
 327         clear: both;
 328 }
 329
 330 .login-extra-links {
 331         font-size: 0.7em;
 332 }
 333
 334 #profile-extra-links {
 335         margin-top: 20px;
 336         margin-bottom: 20px;
 337         margin-left: 20px;
 338         margin-right: 20px;
 339 }
 340 #register-fill-ext {
 341         margin-bottom: 25px;
 342 }
 343
 344 #label-register-name, #label-register-email, #label-register-nickname, #label-register-openid {
 345         float: left;
 346         width: 350px;
 347         margin-top: 10px;
 348 }
 349
 350 #register-name, #register-email, #register-nickname {
 351         float: left;
 352         margin-top: 10px;
 353         width: 150px;
 354 }
 355
 356 #register-openid {
 357         float: left;
 358         margin-top: 10px;
 359         width: 130px;
 360 }
 361
 362 #register-name-end, #register-email-end, #register-nickname-end, #register-submit-end, #register-openid-end {
 363         clear: both;
 364 }
 365
 366 #register-nickname-desc {
 367         margin-top: 30px;
 368         width: 650px;
 369 }
 370 #register-sitename {
 371         float: left;
 372         margin-top: 10px;
 373 }
 374
 375 #register-submit-button {
 376         margin-top: 50px;
 377         margin-left: 350px;
 378 }
 379
 380 #label-login-name, #label-login-password, #login-extra-filler {
 381         float: left;
 382         width: 150px;
 383         margin-bottom: 20px;
 384 }
 385
 386
 387 #login-name, #login-password {
 388         float: left;
 389         width: 150px;
 390 }
 391
 392 #register-link, #lost-password-link {
 393         float: left;
 394         font-size: 0.7em;
 395         margin-right: 15px;
 396 }
 397
 398 #login-name-end, #login-password-end, #login-extra-end, #login-submit-end {
 399         clear: both;
 400 }
 401
 402 #login-submit-button {
 403         margin-top: 10px;
 404         margin-left: 150px;
 405 }
 406
 407 input#dfrn-url {
 408         float: left;
 409         background: url(ff-16.jpg) no-repeat;
 410         background-position: 2px center;
 411         font-size: 17px;
 412         padding-left: 21px;
 413         height: 21px;
 414         background-color: #FFFFFF;
 415         color: #000000;
 416         margin-bottom: 20px;
 417 }
 418
 419 #dfrn-url-label {
 420         float: left;
 421         width: 250px;
 422 }
 423
 424 #dfrn-request-url-end {
 425         clear: both;
 426 }
 427
 428 #knowyouyes, #knowyouno {
 429         float: left;
 430 }
 431
 432 #dfrn-request-knowyou-yes-wrapper, #dfrn-request-knowyou-no-wrapper {
 433
 434         float: none;
 435 }
 436 #dfrn-request-knowyou-yes-label, #dfrn-request-knowyou-no-label {
 437         float: left;
 438         width: 75px;
 439         margin-left: 50px;
 440         margin-bottom: 7px;
 441 }
 442 #dfrn-request-knowyou-break, #dfrn-request-knowyou-end {
 443         clear: both;
 444
 445 }
 446
 447 #dfrn-request-message-wrapper {
 448         margin-bottom: 50px;
 449 }
 450 #dfrn-request-submit-wrapper {
 451         clear: both;
 452         margin-left: 50px;
 453 }
 454
 455 #dfrn-request-info-wrapper {
 456         margin-left: 50px;
 457 }
 458
 459 #settings-nick-wrapper {
 460         margin-bottom: 30px;
 461 }
 462
 463 #settings-username-end,
 464 #settings-email-end,
 465 #settings-nick-end,
 466 #settings-defloc-end,
 467 #settings-allowloc-end,
 468 #settings-timezone-end,
 469 #settings-theme-end,
 470 #settings-password-end,
 471 #settings-confirm-end,
 472 #settings-openid-end,
 473 #notify1-end,
 474 #notify2-end,
 475 #notify3-end,
 476 #notify4-end,
 477 #notify5-end {
 478         margin-bottom: 5px;
 479         clear: both;
 480 }
 481
 482 #settings-username-label,
 483 #settings-email-label,
 484 #settings-nick-label,
 485 #settings-defloc-label,
 486 #settings-allowloc-label,
 487 #settings-timezone-label,
 488 #settings-theme-label,
 489 #settings-password-label,
 490 #settings-confirm-label,
 491 #settings-openid-label,
 492 #settings-label-notify1,
 493 #settings-label-notify2,
 494 #settings-label-notify3,
 495 #settings-label-notify4,
 496 #settings-label-notify5 {
 497         float: left;
 498         width: 200px;
 499 }
 500
 501 #settings-username,
 502 #settings-email,
 503 #settings-nick,
 504 #settings-defloc,
 505 #settings-allowloc,
 506 #timezone-select,
 507 #theme-select,
 508 #settings-password,
 509 #settings-confirm,
 510 #settings-openid,
 511 #notify1,
 512 #notify2,
 513 #notify3,
 514 #notify4,
 515 #notify5 {
 516         float: left;
 517         margin-bottom: 20px;
 518 }
 519
 520 #settings-theme-label,
 521 #settings-defloc-label {
 522         margin-top: 20px;
 523 }
 524
 525 #settings-defloc {
 526         margin-top: 20px;
 527 }
 528
 529
 530 #theme-select {
 531         margin-top: 20px;
 532         width: 207px;
 533 }
 534 #settings-notify-desc {
 535         margin-top: 20px;
 536         margin-bottom: 20px;
 537 }
 538 #settings-nick-desc {
 539         width: 500px;
 540 }
 541
 542 #settings-nick {
 543         margin-bottom: 50px;
 544 }
 545
 546 #cropimage-wrapper, #cropimage-preview-wrapper {
 547         float: left;
 548         padding: 30px;
 549 }
 550
 551 #crop-image-form {
 552         margin-top: 30px;
 553         clear: both;
 554 }
 555
 556 .intro-wrapper {
 557         margin-top: 20px;
 558 }
 559
 560 .intro-fullname {
 561         font-size: 1.1em;
 562         font-weight: bold;
 563
 564 }
 565 .intro-desc {
 566         margin-bottom: 20px;
 567         font-weight: bold;
 568 }
 569
 570 .intro-note {
 571         padding: 10px;
 572 }
 573
 574 .intro-end {
 575         padding: 30px;
 576 }
 577
 578 .intro-form {
 579         float: left;
 580 }
 581 .intro-approve-form {
 582         clear: both;
 583 }
 584 .intro-approve-as-friend-end {
 585         clear: both;
 586 }
 587 .intro-submit-approve, .intro-submit-ignore {
 588         margin-right: 20px;
 589 }
 590 .intro-submit-approve {
 591         margin-top: 15px;
 592 }
 593
 594 .intro-approve-as-friend-label, .intro-approve-as-fan-label {
 595         float: left;
 596         width: 100px;
 597         margin-left: 20px;
 598 }
 599 .intro-approve-as-friend, .intro-approve-as-fan {
 600         float: left;
 601 }
 602 .intro-form-end {
 603         clear: both;
 604 }
 605 .intro-approve-as-friend-desc {
 606         margin-top: 15px;
 607 }
 608 .intro-approve-as-end {
 609         clear: both;
 610         margin-bottom: 10px;
 611 }
 612
 613 .intro-end {
 614         clear: both;
 615         margin-bottom: 30px;
 616 }
 617
 618 #profile-extra-links ul {
 619         list-style-type: none;
 620 }
 621
 622
 623 #profile-extra-links li {
 624         margin-top: 5px;
 625 }
 626
 627 #profile-edit-links ul {
 628         list-style-type: none;
 629 }
 630
 631 #profile-edit-links li {
 632         margin-top: 10px;
 633 }
 634
 635 .view-contact-wrapper {
 636         margin-top: 20px;
 637         float: left;
 638         margin-left: 20px;
 639         width: 180px;
 640 }
 641 #view-contact-end {
 642         clear: both;
 643 }
 644 #viewcontacts {
 645         margin-top: 15px;
 646 }
 647 #profile-edit-default-desc {
 648         color: #FF0000;
 649         border: 1px solid #FF8888;
 650         background-color: #FFEEEE;
 651         padding: 7px;
 652 }
 653
 654 #profile-edit-clone-link-wrapper {
 655         float: left;
 656         margin-left: 50px;
 657         margin-bottom: 20px;
 658         width: 300px;
 659 }
 660
 661 #profile-edit-drop-link-wrapper {
 662         float: left;
 663 }
 664
 665 #profile-edit-links-end {
 666         clear: both;
 667 }
 668 .profile-listing-photo {
 669         border: none;
 670 }
 671
 672 .profile-edit-submit-wrapper {
 673         margin-top: 20px;
 674         margin-bottom: 20px;
 675 }
 676
 677 #profile-edit-profile-name-label,
 678 #profile-edit-name-label,
 679 #profile-edit-gender-label,
 680 #profile-edit-dob-label,
 681 #profile-edit-address-label,
 682 #profile-edit-locality-label,
 683 #profile-edit-region-label,
 684 #profile-edit-postal-code-label,
 685 #profile-edit-country-name-label,
 686 #profile-edit-marital-label,
 687 #profile-edit-sexual-label,
 688 #profile-edit-politic-label,
 689 #profile-edit-religion-label,
 690 #profile-edit-homepage-label {
 691         float: left;
 692         width: 175px;
 693 }
 694
 695 #profile-edit-profile-name,
 696 #profile-edit-name,
 697 #gender-select,
 698 #profile-edit-dob,
 699 #profile-edit-address,
 700 #profile-edit-locality,
 701 #profile-edit-region,
 702 #profile-edit-postal-code,
 703 #profile-edit-country-name,
 704 #marital-select,
 705 #sexual-select,
 706 #profile-edit-politic,
 707 #profile-edit-religion,
 708 #profile-in-dir-yes,
 709 #profile-in-dir-no,
 710 #profile-in-netdir-yes,
 711 #profile-in-netdir-no,
 712 #hide-friends-yes,
 713 #hide-friends-no,
 714 #settings-normal,
 715 #settings-soapbox,
 716 #settings-community,
 717 #settings-freelove {
 718         float: left;
 719         margin-bottom: 20px;
 720 }
 721
 722 #profile-in-dir-yes-label,
 723 #profile-in-dir-no-label,
 724 #profile-in-netdir-yes-label,
 725 #profile-in-netdir-no-label,
 726 #hide-friends-yes-label,
 727 #hide-friends-no-label {
 728         margin-left: 125px;
 729         float: left;
 730         width: 50px;
 731 }
 732
 733 #profile-edit-homepage {
 734         float: left;
 735         margin-bottom: 35px;
 736 }
 737 #settings-normal-label,
 738 #settings-soapbox-label,
 739 #settings-community-label,
 740 #settings-freelove-label {
 741         float: left;
 742         width: 200px;
 743 }
 744 #settings-normal-desc,
 745 #settings-soapbox-desc,
 746 #settings-community-desc,
 747 #settings-freelove-desc {
 748         float: left;
 749         margin-left: 75px;
 750 }
 751
 752 #profile-edit-profile-name-end,
 753 #profile-edit-name-end,
 754 #profile-edit-gender-end,
 755 #profile-edit-dob-end,
 756 #profile-edit-address-end,
 757 #profile-edit-locality-end,
 758 #profile-edit-region-end,
 759 #profile-edit-postal-code-end,
 760 #profile-edit-country-name-end,
 761 #profile-edit-marital-end,
 762 #profile-edit-sexual-end,
 763 #profile-edit-politic-end,
 764 #profile-edit-religion-end,
 765 #profile-edit-homepage-end,
 766 #profile-in-dir-break,
 767 #profile-in-dir-end,
 768 #profile-in-netdir-break,
 769 #profile-in-netdir-end,
 770 #hide-friends-break,
 771 #hide-friends-end,
 772 #settings-normal-break,
 773 #settings-soapbox-break,
 774 #settings-community-break,
 775 #settings-freelove-break {
 776         clear: both;
 777 }
 778
 779
 780
 781
 782
 783 #gender-select, #marital-select, #sexual-select {
 784         width: 220px;
 785 }
 786
 787 #profile-edit-profile-name-wrapper .required {
 788         color: #FF0000;
 789         float: left;
 790 }
 791
 792 #contacts-main {
 793         margin-top: 20px;
 794         margin-bottom: 20px;
 795 }
 796
 797 .contact-entry-wrapper {
 798         float: left;
 799         width: 180px;
 800 }
 801
 802 .contact-entry-direction-icon {
 803         margin-top: 24px;
 804         margin-right: 2px;
 805 }
 806
 807 .contact-entry-photo img {
 808         border: none;
 809 }
 810 .contact-entry-photo-end {
 811         clear: both;
 812 }
 813 .contact-entry-name {
 814         float: left;
 815         margin-left: 30px;
 816 }
 817 .contact-entry-edit-links {
 818         margin-top: 6px;
 819         margin-left: 10px;
 820         width: 16px;
 821 }
 822 .contact-entry-nav-wrapper {
 823         float: left;
 824         margin-left: 10px;
 825 }
 826
 827 .contact-entry-edit-links img {
 828         border: none;
 829         margin-right: 15px;
 830 }
 831 .contact-entry-photo {
 832         float: left;
 833 }
 834 .contact-entry-end {
 835         clear: both;
 836 }
 837
 838 #contact-edit-end {
 839         clear: both;
 840 }
 841
 842 .wall-item-content-wrapper {
 843         margin-top: 10px;
 844         border: 1px solid #CCC;
 845 }
 846
 847 .wall-item-content-wrapper.comment {
 848         margin-left: 50px;
 849         background: #CCCCCC;
 850 }
 851
 852 .wall-item-photo-wrapper {
 853         margin-top: 10px;
 854         margin-left: 10px;
 855         margin-bottom: 10px;
 856         width: 100px;
 857         float: left;
 858 }
 859 .wall-item-arrowphoto-wrapper {
 860         margin-top: 40px;
 861         margin-right: 20px;
 862         float: left;
 863 }
 864 .wall-item-wrapper {
 865         float: left;
 866 }
 867 .wall-item-lock {
 868         height: 20px;
 869         margin-top: 10px;
 870 }
 871
 872 .wall-item-ago {
 873         color: #888888;
 874         font-size: 0.8em;
 875 }
 876
 877 .wall-item-like-buttons img {
 878         cursor: pointer;
 879 }
 880 .wall-item-delete-wrapper {
 881         float: right;
 882         margin-top: 20px;
 883         margin-right: 50px;
 884 }
 885
 886 .wall-item-delete-end {
 887         clear: both;
 888 }
 889
 890 .wall-item-delete-icon {
 891         border: none;
 892 }
 893
 894
 895 .wall-item-wrapper-end {
 896         clear: both;
 897 }
 898 .wall-item-name-link {
 899         font-weight: bold;
 900         text-decoration: none;
 901         color: #3172BD;
 902 }
 903 .wall-item-photo {
 904         border: none;
 905 }
 906 .wall-item-content {
 907         float: left;
 908         width: 450px;
 909         margin-left: 10px;
 910         margin-bottom: 20px;
 911 }
 912
 913 .wall-item-title {
 914         float: left;
 915         font-weight: bold;
 916         width: 450px;
 917 }
 918
 919 .wall-item-body {
 920         float: left;
 921         width: 450px;
 922         margin-top: 30px;
 923 }
 924
 925 .comment-edit-wrapper {
 926         margin-top: 15px;
 927         background: #CCCCCC;
 928         margin-left: 50px;
 929 }
 930
 931 .comment-wwedit-wrapper {
 932         margin-top: 15px;
 933         background: #CCCCCC;
 934         margin-left: 250px;
 935 }
 936
 937 .comment-edit-photo {
 938         margin-top: 10px;
 939         margin-left: 10px;
 940         margin-bottom: 10px;
 941         width: 100px;
 942         float: left;
 943 }
 944 .comment-edit-text-empty, .comment-edit-text-full {
 945         float: left;
 946         margin-top: 40px;
 947 }
 948 .comment-edit-text-end {
 949         clear: both;
 950 }
 951
 952 .comment-edit-submit {
 953         margin-left: 110px;
 954         margin-top: 10px;
 955 }
 956
 957 #profile-jot-submit-wrapper {
 958         margin-top: 15px;
 959 }
 960
 961 #profile-jot-submit {
 962         float: left;
 963 }
 964 #profile-upload-wrapper {
 965         float: left;
 966         margin-left: 50px;
 967 }
 968
 969 #profile-rotator {
 970         float: left;
 971         margin-left: 50px;
 972 }
 973 #profile-link-wrapper {
 974         float: left;
 975         margin-left: 20px;
 976 }
 977 #profile-youtube-wrapper {
 978         float: left;
 979         margin-left: 20px;
 980 }
 981 #profile-location-wrapper {
 982         float: left;
 983         margin-left: 20px;
 984 }
 985 #profile-nolocation-wrapper {
 986         float: left;
 987         margin-left: 20px;
 988 }
 989
 990 #profile-jot-perms {
 991         float: left;
 992         margin-left: 200px;
 993         font-weight: bold;
 994         font-size: 1.2em;
 995 }
 996
 997 #profile-jot-perms-end {
 998         clear: both;
 999 }
1000
1001 #profile-jot-end {
1002         clear: both;
1003         margin-bottom: 30px;
1004 }
1005 #about-jot-submit-wrapper {
1006         margin-top: 15px;
1007 }
1008 #about-jot-end {
1009         margin-bottom: 30px;
1010 }
1011 #contacts-main {
1012         margin-bottom: 30px;
1013 }
1014
1015 #profile-listing-desc {
1016         margin-left: 30px;
1017 }
1018
1019 #profile-listing-new-link-wrapper {
1020         margin-left: 30px;
1021         margin-bottom: 30px;
1022 }
1023 .profile-listing-photo-wrapper {
1024         float: left;
1025 }
1026
1027 .profile-listing-edit-buttons-wrapper {
1028         clear: both;
1029 }
1030 .profile-listing-photo-edit-link {
1031         float: left;
1032         width: 125px;
1033 }
1034 .profile-listing-end {
1035         clear: both;
1036 }
1037 .profile-listing-edit-buttons-wrapper img{
1038         border: none;
1039         margin-right: 20px;
1040 }
1041 .profile-listing {
1042         margin-top: 25px;
1043 }
1044 .profile-listing-name {
1045         float: left;
1046         margin-left: 32px;
1047         margin-top: 10px;
1048         color: #3172BD;
1049         font-weight: bold;
1050         width: 200px;
1051
1052 }
1053 .fortune {
1054         margin-top: 50px;
1055         color: #4444FF;
1056         font-weight: bold;
1057         margin-bottom: 20px;
1058 }
1059
1060
1061 .directory-end {
1062         clear: both;
1063 }
1064 .directory-name {
1065         text-align: center;
1066 }
1067 .directory-photo {
1068         margin-left: 25px;
1069 }
1070 .directory-details {
1071         font-size: 0.7em;
1072         text-align: center;
1073         margin-left: 5px;
1074         margin-right: 5px;
1075 }
1076 .directory-item {
1077         float: left;
1078         width: 225px;
1079         height: 260px;
1080         overflow: auto;
1081 }
1082
1083 #directory-search-wrapper {
1084         margin-top: 20px;
1085         margin-right: 20px;
1086         margin-bottom: 50px;
1087 }
1088
1089 #directory-search-end {
1090 }
1091
1092 .directory-photo-img {
1093         border: none;
1094 }
1095
1096
1097 .pager {
1098   padding: 10px;
1099   text-align: center;
1100   font-size: 1.0em;
1101 }
1102
1103
1104 .pager_first,
1105 .pager_last,
1106 .pager_prev,
1107 .pager_next,
1108 .pager_n {
1109         border: 1px solid black;
1110         background: #EEE;
1111         padding: 4px;
1112 }
1113
1114 .pager_first a,
1115 .pager_last a,
1116 .pager_prev a,
1117 .pager_next a,
1118 .pager_n a {
1119         text-decoration: none;
1120 }
1121
1122 .pager_current {
1123   border: 1px solid black;
1124   background: #FFCCCC;
1125   padding: 4px;
1126 }
1127
1128
1129 #advanced-profile-name-wrapper,
1130 #advanced-profile-gender-wrapper,
1131 #advanced-profile-dob-wrapper,
1132 #advanced-profile-age-wrapper,
1133 #advanced-profile-marital-wrapper,
1134 #advanced-profile-sexual-wrapper,
1135 #advanced-profile-homepage-wrapper,
1136 #advanced-profile-politic-wrapper,
1137 #advanced-profile-religion-wrapper,
1138 #advanced-profile-about-wrapper,
1139 #advanced-profile-interest-wrapper,
1140 #advanced-profile-contact-wrapper,
1141 #advanced-profile-music-wrapper,
1142 #advanced-profile-book-wrapper,
1143 #advanced-profile-tv-wrapper,
1144 #advanced-profile-film-wrapper,
1145 #advanced-profile-romance-wrapper,
1146 #advanced-profile-work-wrapper,
1147 #advanced-profile-education-wrapper {
1148         margin-top: 20px;
1149 }
1150
1151 #advanced-profile-name-text,
1152 #advanced-profile-gender-text,
1153 #advanced-profile-dob-text,
1154 #advanced-profile-age-text,
1155 #advanced-profile-marital-text,
1156 #advanced-profile-sexual-text,
1157 #advanced-profile-homepage-text,
1158 #advanced-profile-politic-text,
1159 #advanced-profile-religion-text,
1160 #advanced-profile-about-text,
1161 #advanced-profile-interest-text,
1162 #advanced-profile-contact-text,
1163 #advanced-profile-music-text,
1164 #advanced-profile-book-text,
1165 #advanced-profile-tv-text,
1166 #advanced-profile-film-text,
1167 #advanced-profile-romance-text,
1168 #advanced-profile-work-text,
1169 #advanced-profile-education-text {
1170         width: 300px;
1171         float: left;
1172 }
1173
1174 #advanced-profile-name-end,
1175 #advanced-profile-gender-end,
1176 #advanced-profile-dob-end,
1177 #advanced-profile-age-end,
1178 #advanced-profile-marital-end,
1179 #advanced-profile-sexual-end,
1180 #advanced-profile-homepage-end,
1181 #advanced-profile-politic-end,
1182 #advanced-profile-religion-end {
1183         clear: both;
1184 }
1185
1186 #advanced-profile-about-end,
1187 #advanced-profile-interest-end,
1188 #advanced-profile-contact-end,
1189 #advanced-profile-music-end,
1190 #advanced-profile-book-end,
1191 #advanced-profile-tv-end,
1192 #advanced-profile-film-end,
1193 #advanced-profile-romance-end,
1194 #advanced-profile-work-end,
1195 #advanced-profile-education-end {
1196
1197
1198 }
1199
1200 #advanced-profile-name,
1201 #advanced-profile-gender,
1202 #advanced-profile-dob,
1203 #advanced-profile-age,
1204 #advanced-profile-marital,
1205 #advanced-profile-sexual,
1206 #advanced-profile-homepage,
1207 #advanced-profile-politic,
1208 #advanced-profile-religion {
1209         float: left;
1210
1211 }
1212
1213
1214 #advanced-profile-about,
1215 #advanced-profile-interest,
1216 #advanced-profile-contact,
1217 #advanced-profile-music,
1218 #advanced-profile-book,
1219 #advanced-profile-tv,
1220 #advanced-profile-film,
1221 #advanced-profile-romance,
1222 #advanced-profile-work,
1223 #advanced-profile-education {
1224         margin-top: 10px;
1225         margin-left: 50px;
1226         margin-right: 20px;
1227         padding: 10px;
1228         border: 1px solid #CCCCCC;
1229 }
1230
1231 #contact-edit-wrapper {
1232         margin-top: 50px;
1233 }
1234
1235 #contact-edit-banner-name {
1236         font-size: 1.4em;
1237         font-weight: bold;
1238         margin-left: 30px;
1239 }
1240
1241 #contact-edit-poll-wrapper {
1242         margin-left: 50px;
1243         margin-top: 30px;
1244 }
1245 #contact-edit-poll-text {
1246         margin-bottom: 10px;
1247 }
1248
1249 #contact-edit-photo-wrapper {
1250         margin-bottom: 20px;
1251 }
1252 #contact-edit-links {
1253         float: left;
1254 }
1255 #contact-edit-links img {
1256         margin-left: 20px;
1257         border: none;
1258 }
1259
1260 #contact-drop-links {
1261         float: left;
1262 }
1263
1264 #contact-drop-links img {
1265         margin-left: 20px;
1266         border: none;
1267 }
1268
1269 #contact-edit-nav-end {
1270         clear: both;
1271 }
1272
1273 #contact-edit-direction-icon {
1274         float: left;
1275         margin-top: 70px;
1276         margin-right: 2px;
1277 }
1278
1279 #contact-edit-photo {
1280         float: left;
1281 }
1282
1283 #contact-edit-photo-end {
1284         clear: both;
1285 }
1286
1287 #contact-edit-photo-wrapper {
1288         float: left;
1289 }
1290
1291 #contact-edit-nav-wrapper {
1292         float: left;
1293 }
1294
1295 #contact-edit-end {
1296         clear: both;
1297 }
1298
1299 #contact-profile-selector {
1300         width: 175px;
1301         margin-left: 175px;
1302 }
1303
1304 #contact-reputation-selector {
1305         margin-left: 175px;
1306 }
1307
1308 #contact-edit-rating-text {
1309         margin-left: 175px;
1310 }
1311
1312 .contact-edit-submit {
1313         margin-top: 20px;
1314         margin-left: 50px;
1315 }
1316
1317 #block-message, #ignore-message, #profile-edit-insecure {
1318         margin-top: 20px;
1319         color: #FF0000;
1320         font-size: 1.1em;
1321         border: 1px solid #FF8888;
1322         background-color: #FFEEEE;
1323         padding: 10px;
1324 }
1325
1326 #block-message, #ignore-message {
1327         width: 180px;
1328 }
1329
1330 #profile-edit-insecure {
1331         width: 600px;
1332 }
1333
1334 .profile-tabs {
1335         float: left;
1336         padding: 4px;
1337         margin-top: 10px;
1338         margin-bottom: 10px;
1339         margin-right: 5px;
1340         /*border: 1px solid #CCC;*/
1341         /*background: #F8F8F8;*/
1342         font-size: 0.8em;
1343         font-weight: bold;
1344         background-color: #ECECEC;
1345         border: 1px solid #858585;
1346 }
1347 .profile-tabs:hover {
1348         background-color: #0CBEFE;
1349         color: #F5F6FB;
1350         border: 1px solid #F5F6FB;
1351         /*cursor: pointer;*/
1352 }
1353
1354 #profile-tabs-end {
1355         clear: both;
1356 }
1357
1358 .comment-edit-text-empty {
1359         color: gray;
1360         height: 30px;
1361         width: 175px;
1362         overflow: auto;
1363         margin-bottom: 10px;
1364 }
1365
1366 .comment-edit-text-full {
1367         color: black;
1368         height: 150px;
1369         width: 350px;
1370         overflow: auto;
1371 }
1372
1373 #group-new-submit-wrapper {
1374         margin-top: 30px;
1375 }
1376
1377 #acl-allow-group-label,
1378 #acl-allow-contact-label,
1379 #acl-deny-group-label,
1380 #acl-deny-contact-label {
1381         display: block;
1382 }
1383
1384 #acl-permit-text,
1385 #acl-deny-text {
1386         margin-top: 10px;
1387 }
1388
1389 #acl-allow-group-label,
1390 #acl-allow-contact-label,
1391 #acl-deny-group-label,
1392 #acl-deny-contact-label {
1393         margin-top: 5px;
1394         margin-bottom: 5px;
1395 }
1396
1397
1398 #group_allow_wrapper,
1399 #group_deny_wrapper {
1400         float: left;
1401         width: 100px;
1402         margin-right: 10px;
1403 }
1404
1405 #contact_allow_wrapper,
1406 #contact_deny_wrapper {
1407         float: left;
1408         width: 150px;
1409         margin-right: 10px;
1410 }
1411
1412 #acl-allow-end,
1413 #acl-deny-end {
1414         clear: both;
1415 }
1416 #acl-permit-outer-wrapper,
1417 #acl-deny-outer-wrapper {
1418         padding: 10px;
1419         margin-top: 10px;
1420         border: 2px solid #BBBBBB;
1421         float: left;
1422 }
1423
1424 #acl-wrapper-end {
1425         clear: both;
1426 }
1427
1428 #group-edit-name-label {
1429         float: left;
1430         width: 175px;
1431         margin-top: 20px;
1432         margin-bottom: 20px;
1433 }
1434
1435 #group-edit-name {
1436         float: left;
1437         width: 225px;
1438         margin-top: 20px;
1439         margin-bottom: 20px;
1440 }
1441
1442 #group-edit-name-wrapper {
1443
1444
1445 }
1446
1447
1448 #group_members_select_label {
1449         display: block;
1450         float: left;
1451         width: 175px;
1452 }
1453
1454 .group_members_select {
1455         float: left;
1456         width: 230px;
1457         overflow: auto;
1458 }
1459
1460 #group_members_select_end {
1461         clear: both;
1462 }
1463 #group-edit-name-end {
1464         clear: both;
1465 }
1466
1467 #prvmail-to-label, #prvmail-subject-label, #prvmail-message-label {
1468         margin-bottom: 10px;
1469         margin-top: 20px;
1470 }
1471
1472 #prvmail-submit {
1473         float: left;
1474         margin-top: 10px;
1475         margin-right: 30px;
1476 }
1477 #prvmail-upload-wrapper,
1478 #prvmail-link-wrapper,
1479 #prvmail-rotator-wrapper {
1480         float: left;
1481         margin-top: 10px;
1482         margin-right: 10px;
1483         width: 24px;
1484 }
1485
1486 #prvmail-end {
1487         clear: both;
1488 }
1489
1490 .mail-list-sender,
1491 .mail-list-detail {
1492         float: left;
1493 }
1494 .mail-list-detail {
1495         margin-left: 20px;
1496 }
1497
1498 .mail-list-subject {
1499         font-size: 1.1em;
1500         margin-top: 10px;
1501 }
1502 a.mail-list-link {
1503         display: block;
1504         padding: 4px 5px;
1505 }
1506
1507 /*
1508 *a.mail-list-link:hover {
1509 *       background-color: #15607B;
1510 *       color: #F5F6FB;
1511 *}
1512 */
1513
1514 .mail-list-outside-wrapper-end {
1515         clear: both;
1516 }
1517
1518 .mail-list-outside-wrapper {
1519         margin-top: 30px;
1520 }
1521
1522 .mail-list-delete-wrapper {
1523         float: right;
1524         margin-right: 30px;
1525         margin-top: 15px;
1526 }
1527
1528 .mail-list-delete-icon {
1529         border: none;
1530 }
1531
1532 .mail-conv-sender,
1533 .mail-conv-detail {
1534         float: left;
1535 }
1536 .mail-conv-detail {
1537         margin-left: 20px;
1538         width: 500px;
1539 }
1540
1541 .mail-conv-subject {
1542         font-size: 1.1em;
1543         margin-top: 10px;
1544 }
1545
1546 .mail-conv-outside-wrapper-end {
1547         clear: both;
1548 }
1549
1550 .mail-conv-outside-wrapper {
1551         margin-top: 30px;
1552 }
1553
1554 .mail-conv-delete-wrapper {
1555         float: right;
1556         margin-right: 30px;
1557         margin-top: 15px;
1558 }
1559
1560 .mail-conv-delete-icon {
1561         border: none;
1562 }
1563
1564 .message-links ul {
1565         list-style-type: none;
1566 }
1567
1568 .message-links li {
1569         margin-top: 10px;
1570 }
1571 .message-links a {
1572         /*background-color: #ECECEC;*/
1573         /*border: 1px solid #858585;*/
1574         padding: 3px 5px;
1575         /*display: block;*/
1576 }
1577 .message-links a:hover {
1578         background-color: #0CBEFE;
1579         color: #F5F6FB;
1580         /*border: 1px solid #F5F6FB;*/
1581 }
1582
1583 #sidebar-group-list ul {
1584         list-style-type: none;
1585 }
1586
1587 #sidebar-group-list li {
1588         margin-top: 10px;
1589 }
1590
1591 #side-follow-wrapper {
1592         margin-top: 20px;
1593 }
1594 #side-follow-url {
1595         margin-top: 5px;
1596 }
1597 #side-follow-submit {
1598         margin-top: 15px;
1599 }
1600
1601 .photo-album-image-wrapper {
1602         float: left;
1603         margin-top: 15px;
1604         height: 350px;
1605         width: 350px;
1606 }
1607
1608 #photo-album-end {
1609         clear: both;
1610 }
1611
1612 .photo-top-image-wrapper {
1613         float: left;
1614         margin-top: 15px;
1615         height: 350px;
1616         width: 350px;
1617 }
1618
1619 #photo-top-end {
1620         clear: both;
1621 }
1622
1623 #photo-top-links {
1624         margin-bottom: 30px;
1625         margin-left: 30px;
1626 }
1627
1628 #photos-upload-newalbum-div {
1629         float: left;
1630         width: 175px;
1631 }
1632 #photos-upload-existing-album-text {
1633         float: left;
1634         width: 175px;
1635 }
1636 #photos-upload-newalbum {
1637         float: left;
1638 }
1639 #photos-upload-album-select {
1640         float: left;
1641 }
1642 #photos-upload-new-end, #photos-upload-exist-end {
1643         clear: both;
1644 }
1645 #photos-upload-exist-end {
1646         margin-bottom: 15px;
1647 }
1648 #photos-upload-submit {
1649         margin-top: 15px;
1650 }
1651
1652 #photos_upload_applet_wrapper {
1653         margin-bottom: 15px;
1654 }
1655
1656 #photos-upload-no-java-message {
1657         margin-bottom: 15px;
1658 }
1659
1660 #profile-jot-desc {
1661         float: left;
1662         width: 480px;
1663         margin-top: 10px;
1664         margin-bottom: 10px;
1665 }
1666 #character-counter {
1667         float: left;
1668         font-size: 120%;
1669 }
1670
1671 #character-counter.grey {
1672         color: #888888;
1673 }
1674
1675 #character-counter.orange {
1676         color: orange;
1677 }
1678 #character-counter.red {
1679         color: red;
1680 }
1681
1682 #profile-jot-banner-end {
1683         clear: both;
1684 }
1685
1686 #photos-upload-select-files-text {
1687         margin-top: 15px;
1688         margin-bottom: 15px;
1689 }
1690
1691 #photos-upload-perms-menu, #photos-upload-perms-menu:visited {
1692         color: #8888FF;
1693         text-decoration: none;
1694         cursor: pointer;
1695 }
1696
1697 #photos-upload-perms-menu:hover {
1698         color: #0000FF;
1699         text-decoration: underline;
1700         cursor: pointer;
1701 }
1702 #settings-default-perms-menu {
1703         margin-top: 15px;
1704         margin-bottom: 15px;
1705 }
1706
1707 #photo-edit-caption-label, #photo-edit-tags-label {
1708         float: left;
1709         width: 150px;
1710 }
1711 #photo-edit-caption, #photo-edit-newtag {
1712         float: left;
1713         margin-bottom: 25px;
1714 }
1715 #photo-edit-link-wrap {
1716         margin-bottom: 15px;
1717 }
1718 #photo-like-div {
1719         margin-bottom: 25px;
1720 }
1721
1722 #photo-edit-caption-end, #photo-edit-tags-end {
1723         clear: both;
1724 }
1725
1726 #photo-edit-delete-button {
1727         margin-left: 200px;
1728 }
1729 #photo-edit-end {
1730         margin-bottom: 35px;
1731 }
1732 #photo-caption {
1733         font-size: 110%;
1734         font-weight: bold;
1735         margin-top: 15px;
1736         margin-bottom: 15px;
1737 }
1738
1739 #in-this-photo-text {
1740         color: #0000FF;
1741         margin-left: 30px;
1742 }
1743
1744 #in-this-photo {
1745         margin-left: 60px;
1746         margin-top: 10px;
1747         margin-bottom: 20px;
1748 }
1749
1750 #photo-album-edit-submit, #photo-album-edit-drop {
1751         margin-top: 15px;
1752         margin-bottom: 15px;
1753 }
1754
1755 #photo-album-edit-drop {
1756         margin-left: 200px;
1757 }
1758
1759 .group-delete-wrapper {
1760         float: right;
1761         margin-right: 50px;
1762 }
1763
1764 #install-dbhost-label,
1765 #install-dbuser-label,
1766 #install-dbpass-label,
1767 #install-dbdata-label,
1768 #install-tz-desc {
1769        float: left;
1770        width: 250px;
1771        margin-top: 10px;
1772        margin-bottom: 10px;
1773
1774 }
1775
1776 #install-dbhost,
1777 #install-dbuser,
1778 #install-dbpass,
1779 #install-dbdata {
1780        float: left;
1781        width: 200px;
1782        margin-left: 20px;
1783 }
1784
1785 #install-dbhost-end,
1786 #install-dbuser-end,
1787 #install-dbpass-end,
1788 #install-dbdata-end,
1789 #install-tz-end {
1790        clear: both;
1791 }
1792
1793 #install-form select#timezone_select {
1794        float: left;
1795        margin-top: 18px;
1796        margin-left: 20px;
1797 }
1798
1799 #dfrn-request-networks {
1800         margin-bottom: 30px;
1801 }
1802
1803 #pause {
1804   position: fixed;
1805   bottom: 5px;
1806   right: 5px;
1807 }
1808
1809 .sparkle {
1810         cursor: url('lock.cur'), pointer;
1811 /*      cursor: pointer !important; */
1812 }
1813
1814 .contact-block-div {
1815         float: left;
1816         width: 52px;
1817         height: 52px;
1818 }
1819 #contact-block-end {
1820         clear: both;
1821 }
1822 .contact-block-link {
1823         float: left;
1824 }
1825
1826 #tag-remove {
1827         margin-bottom: 15px;
1828 }
1829
1830 #tagrm li {
1831         margin-bottom: 10px;
1832 }
1833
1834 #tagrm-submit, #tagrm-cancel {
1835         margin-top: 25px;
1836 }
1837
1838 #tagrm-cancel {
1839         margin-left: 15px;
1840 }
1841
1842 .wall-item-conv {
1843         margin-top: 5px;
1844         margin-bottom: 25px;
1845 }
1846
1847 #search-submit {
1848         margin-left: 15px;
1849 }
1850
1851 #search-box {
1852         margin-bottom: 25px;
1853 }