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