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 #settings-normal,
 671 #settings-soapbox,
 672 #settings-community,
 673 #settings-freelove {
 674         float: left;
 675         margin-bottom: 20px;
 676 }
 677
 678 #profile-in-dir-yes-label,
 679 #profile-in-dir-no-label,
 680 #profile-in-netdir-yes-label,
 681 #profile-in-netdir-no-label,
 682 #hide-friends-yes-label,
 683 #hide-friends-no-label {
 684         margin-left: 125px;
 685         float: left;
 686         width: 50px;
 687 }
 688
 689 #profile-edit-homepage {
 690         float: left;
 691         margin-bottom: 35px;
 692 }
 693 #settings-normal-label,
 694 #settings-soapbox-label,
 695 #settings-community-label,
 696 #settings-freelove-label {
 697         float: left;
 698         width: 200px;
 699 }
 700 #settings-normal-desc,
 701 #settings-soapbox-desc,
 702 #settings-community-desc,
 703 #settings-freelove-desc {
 704         float: left;
 705         margin-left: 75px;
 706 }
 707
 708 #profile-edit-profile-name-end,
 709 #profile-edit-name-end,
 710 #profile-edit-gender-end,
 711 #profile-edit-dob-end,
 712 #profile-edit-address-end,
 713 #profile-edit-locality-end,
 714 #profile-edit-region-end,
 715 #profile-edit-postal-code-end,
 716 #profile-edit-country-name-end,
 717 #profile-edit-marital-end,
 718 #profile-edit-sexual-end,
 719 #profile-edit-politic-end,
 720 #profile-edit-religion-end,
 721 #profile-edit-homepage-end,
 722 #profile-in-dir-break,
 723 #profile-in-dir-end,
 724 #profile-in-netdir-break,
 725 #profile-in-netdir-end,
 726 #hide-friends-break,
 727 #hide-friends-end,
 728 #settings-normal-break,
 729 #settings-soapbox-break,
 730 #settings-community-break,
 731 #settings-freelove-break {
 732         clear: both;
 733 }
 734
 735
 736
 737
 738
 739 #gender-select, #marital-select, #sexual-select {
 740         width: 220px;
 741 }
 742
 743 #profile-edit-profile-name-wrapper .required {
 744         color: #FF0000;
 745         float: left;
 746 }
 747
 748 #contacts-main {
 749         margin-top: 20px;
 750         margin-bottom: 20px;
 751 }
 752
 753 .contact-entry-wrapper {
 754         float: left;
 755         width: 180px;
 756 }
 757
 758 .contact-entry-direction-icon {
 759         margin-top: 24px;
 760         margin-right: 2px;
 761 }
 762
 763 .contact-entry-photo img {
 764         border: none;
 765 }
 766 .contact-entry-photo-end {
 767         clear: both;
 768 }
 769 .contact-entry-name {
 770         float: left;
 771         margin-left: 30px;
 772 }
 773 .contact-entry-edit-links {
 774         margin-top: 6px;
 775         margin-left: 10px;
 776         width: 16px;
 777 }
 778 .contact-entry-nav-wrapper {
 779         float: left;
 780         margin-left: 10px;
 781 }
 782
 783 .contact-entry-edit-links img {
 784         border: none;
 785         margin-right: 15px;
 786 }
 787 .contact-entry-photo {
 788         float: left;
 789 }
 790 .contact-entry-end {
 791         clear: both;
 792 }
 793
 794 #contact-edit-end {
 795         clear: both;
 796 }
 797
 798 .wall-item-content-wrapper {
 799         margin-top: 10px;
 800         border: 1px solid #CCC;
 801 }
 802
 803 .wall-item-content-wrapper.comment {
 804         margin-left: 50px;
 805         background: #CCCCCC;
 806 }
 807
 808 .wall-item-photo-wrapper {
 809         margin-top: 10px;
 810         margin-left: 10px;
 811         margin-bottom: 10px;
 812         width: 100px;
 813         float: left;
 814 }
 815 .wall-item-arrowphoto-wrapper {
 816         margin-top: 40px;
 817         margin-right: 20px;
 818         float: left;
 819 }
 820 .wall-item-wrapper {
 821         float: left;
 822 }
 823 .wall-item-lock {
 824         height: 20px;
 825         margin-top: 10px;
 826 }
 827
 828 .wall-item-ago {
 829         color: #888888;
 830         font-size: 0.8em;
 831 }
 832
 833 .wall-item-like-buttons img {
 834         cursor: pointer;
 835 }
 836 .wall-item-delete-wrapper {
 837         float: right;
 838         margin-top: 20px;
 839         margin-right: 50px;
 840 }
 841
 842 .wall-item-delete-end {
 843         clear: both;
 844 }
 845
 846 .wall-item-delete-icon {
 847         border: none;
 848 }
 849
 850
 851 .wall-item-wrapper-end {
 852         clear: both;
 853 }
 854 .wall-item-name-link {
 855         font-weight: bold;
 856         text-decoration: none;
 857         color: #3172BD;
 858 }
 859 .wall-item-photo {
 860         border: none;
 861 }
 862 .wall-item-content {
 863         float: left;
 864         width: 450px;
 865         margin-left: 10px;
 866         margin-bottom: 20px;
 867 }
 868
 869 .wall-item-title {
 870         float: left;
 871         font-weight: bold;
 872         width: 450px;
 873 }
 874
 875 .wall-item-body {
 876         float: left;
 877         width: 450px;
 878         margin-top: 30px;
 879 }
 880
 881 .comment-edit-wrapper {
 882         margin-top: 15px;
 883         background: #CCCCCC;
 884         margin-left: 50px;
 885 }
 886
 887 .comment-wwedit-wrapper {
 888         margin-top: 15px;
 889         background: #CCCCCC;
 890         margin-left: 250px;
 891 }
 892
 893 .comment-edit-photo {
 894         margin-top: 10px;
 895         margin-left: 10px;
 896         margin-bottom: 10px;
 897         width: 100px;
 898         float: left;
 899 }
 900 .comment-edit-text-empty, .comment-edit-text-full {
 901         float: left;
 902         margin-top: 40px;
 903 }
 904 .comment-edit-text-end {
 905         clear: both;
 906 }
 907
 908 .comment-edit-submit {
 909         margin-left: 110px;
 910         margin-top: 10px;
 911 }
 912
 913 #profile-jot-submit-wrapper {
 914         margin-top: 15px;
 915 }
 916
 917 #profile-jot-submit {
 918         float: left;
 919 }
 920 #profile-upload-wrapper {
 921         float: left;
 922         margin-left: 50px;
 923 }
 924
 925 #profile-rotator {
 926         float: left;
 927         margin-left: 50px;
 928 }
 929 #profile-link-wrapper {
 930         float: left;
 931         margin-left: 20px;
 932 }
 933 #profile-youtube-wrapper {
 934         float: left;
 935         margin-left: 20px;
 936 }
 937 #profile-location-wrapper {
 938         float: left;
 939         margin-left: 20px;
 940 }
 941
 942 #profile-jot-perms {
 943         float: left;
 944         margin-left: 200px;
 945         font-weight: bold;
 946         font-size: 1.2em;
 947 }
 948
 949 #profile-jot-perms-end {
 950         clear: both;
 951 }
 952
 953 #profile-jot-end {
 954         clear: both;
 955         margin-bottom: 30px;
 956 }
 957 #about-jot-submit-wrapper {
 958         margin-top: 15px;
 959 }
 960 #about-jot-end {
 961         margin-bottom: 30px;
 962 }
 963 #contacts-main {
 964         margin-bottom: 30px;
 965 }
 966
 967 #profile-listing-desc {
 968         margin-left: 30px;
 969 }
 970
 971 #profile-listing-new-link-wrapper {
 972         margin-left: 30px;
 973         margin-bottom: 30px;
 974 }
 975 .profile-listing-photo-wrapper {
 976         float: left;
 977 }
 978
 979 .profile-listing-edit-buttons-wrapper {
 980         clear: both;
 981 }
 982 .profile-listing-photo-edit-link {
 983         float: left;
 984         width: 125px;
 985 }
 986 .profile-listing-end {
 987         clear: both;
 988 }
 989 .profile-listing-edit-buttons-wrapper img{
 990         border: none;
 991         margin-right: 20px;
 992 }
 993 .profile-listing {
 994         margin-top: 25px;
 995 }
 996 .profile-listing-name {
 997         float: left;
 998         margin-left: 32px;
 999         margin-top: 10px;
1000         color: #3172BD;
1001         font-weight: bold;
1002         width: 200px;
1003
1004 }
1005 .fortune {
1006         margin-top: 50px;
1007         color: #4444FF;
1008         font-weight: bold;
1009         margin-bottom: 20px;
1010 }
1011
1012
1013 .directory-end {
1014         clear: both;
1015 }
1016 .directory-name {
1017         text-align: center;
1018 }
1019 .directory-photo {
1020         margin-left: 25px;
1021 }
1022 .directory-details {
1023         font-size: 0.7em;
1024         text-align: center;
1025         margin-left: 5px;
1026         margin-right: 5px;
1027 }
1028 .directory-item {
1029         float: left;
1030         width: 225px;
1031         height: 260px;
1032         overflow: auto;
1033 }
1034
1035 #directory-search-wrapper {
1036         margin-top: 20px;
1037         margin-right: 20px;
1038         margin-bottom: 50px;
1039 }
1040
1041 #directory-search-end {
1042 }
1043
1044 .directory-photo-img {
1045         border: none;
1046 }
1047
1048
1049 .pager {
1050   padding: 10px;
1051   text-align: center;
1052   font-size: 1.0em;
1053 }
1054
1055
1056 .pager_first,
1057 .pager_last,
1058 .pager_prev,
1059 .pager_next,
1060 .pager_n {
1061         border: 1px solid black;
1062         background: #EEE;
1063         padding: 4px;
1064 }
1065
1066 .pager_first a,
1067 .pager_last a,
1068 .pager_prev a,
1069 .pager_next a,
1070 .pager_n a {
1071         text-decoration: none;
1072 }
1073
1074 .pager_current {
1075   border: 1px solid black;
1076   background: #FFCCCC;
1077   padding: 4px;
1078 }
1079
1080
1081 #advanced-profile-name-wrapper,
1082 #advanced-profile-gender-wrapper,
1083 #advanced-profile-dob-wrapper,
1084 #advanced-profile-age-wrapper,
1085 #advanced-profile-marital-wrapper,
1086 #advanced-profile-sexual-wrapper,
1087 #advanced-profile-homepage-wrapper,
1088 #advanced-profile-politic-wrapper,
1089 #advanced-profile-religion-wrapper,
1090 #advanced-profile-about-wrapper,
1091 #advanced-profile-interest-wrapper,
1092 #advanced-profile-contact-wrapper,
1093 #advanced-profile-music-wrapper,
1094 #advanced-profile-book-wrapper,
1095 #advanced-profile-tv-wrapper,
1096 #advanced-profile-film-wrapper,
1097 #advanced-profile-romance-wrapper,
1098 #advanced-profile-work-wrapper,
1099 #advanced-profile-education-wrapper {
1100         margin-top: 20px;
1101 }
1102
1103 #advanced-profile-name-text,
1104 #advanced-profile-gender-text,
1105 #advanced-profile-dob-text,
1106 #advanced-profile-age-text,
1107 #advanced-profile-marital-text,
1108 #advanced-profile-sexual-text,
1109 #advanced-profile-homepage-text,
1110 #advanced-profile-politic-text,
1111 #advanced-profile-religion-text,
1112 #advanced-profile-about-text,
1113 #advanced-profile-interest-text,
1114 #advanced-profile-contact-text,
1115 #advanced-profile-music-text,
1116 #advanced-profile-book-text,
1117 #advanced-profile-tv-text,
1118 #advanced-profile-film-text,
1119 #advanced-profile-romance-text,
1120 #advanced-profile-work-text,
1121 #advanced-profile-education-text {
1122         width: 300px;
1123         float: left;
1124 }
1125
1126 #advanced-profile-name-end,
1127 #advanced-profile-gender-end,
1128 #advanced-profile-dob-end,
1129 #advanced-profile-age-end,
1130 #advanced-profile-marital-end,
1131 #advanced-profile-sexual-end,
1132 #advanced-profile-homepage-end,
1133 #advanced-profile-politic-end,
1134 #advanced-profile-religion-end {
1135         clear: both;
1136 }
1137
1138 #advanced-profile-about-end,
1139 #advanced-profile-interest-end,
1140 #advanced-profile-contact-end,
1141 #advanced-profile-music-end,
1142 #advanced-profile-book-end,
1143 #advanced-profile-tv-end,
1144 #advanced-profile-film-end,
1145 #advanced-profile-romance-end,
1146 #advanced-profile-work-end,
1147 #advanced-profile-education-end {
1148
1149
1150 }
1151
1152 #advanced-profile-name,
1153 #advanced-profile-gender,
1154 #advanced-profile-dob,
1155 #advanced-profile-age,
1156 #advanced-profile-marital,
1157 #advanced-profile-sexual,
1158 #advanced-profile-homepage,
1159 #advanced-profile-politic,
1160 #advanced-profile-religion {
1161         float: left;
1162
1163 }
1164
1165
1166 #advanced-profile-about,
1167 #advanced-profile-interest,
1168 #advanced-profile-contact,
1169 #advanced-profile-music,
1170 #advanced-profile-book,
1171 #advanced-profile-tv,
1172 #advanced-profile-film,
1173 #advanced-profile-romance,
1174 #advanced-profile-work,
1175 #advanced-profile-education {
1176         margin-top: 10px;
1177         margin-left: 50px;
1178         margin-right: 20px;
1179         padding: 10px;
1180         border: 1px solid #CCCCCC;
1181 }
1182
1183 #contact-edit-wrapper {
1184         margin-top: 50px;
1185 }
1186
1187 #contact-edit-banner-name {
1188         font-size: 1.4em;
1189         font-weight: bold;
1190         margin-left: 30px;
1191 }
1192
1193 #contact-edit-poll-wrapper {
1194         margin-left: 50px;
1195         margin-top: 30px;
1196 }
1197 #contact-edit-poll-text {
1198         margin-bottom: 10px;
1199 }
1200
1201 #contact-edit-photo-wrapper {
1202         margin-bottom: 20px;
1203 }
1204 #contact-edit-links {
1205         float: left;
1206 }
1207 #contact-edit-links img {
1208         margin-left: 20px;
1209         border: none;
1210 }
1211
1212 #contact-drop-links {
1213         float: left;
1214 }
1215
1216 #contact-drop-links img {
1217         margin-left: 20px;
1218         border: none;
1219 }
1220
1221 #contact-edit-nav-end {
1222         clear: both;
1223 }
1224
1225 #contact-edit-direction-icon {
1226         float: left;
1227         margin-top: 70px;
1228         margin-right: 2px;
1229 }
1230
1231 #contact-edit-photo {
1232         float: left;
1233 }
1234
1235 #contact-edit-photo-end {
1236         clear: both;
1237 }
1238
1239 #contact-edit-photo-wrapper {
1240         float: left;
1241 }
1242
1243 #contact-edit-nav-wrapper {
1244         float: left;
1245 }
1246
1247 #contact-edit-end {
1248         clear: both;
1249 }
1250
1251 #contact-profile-selector {
1252         width: 175px;
1253         margin-left: 175px;
1254 }
1255
1256 #contact-reputation-selector {
1257         margin-left: 175px;
1258 }
1259
1260 #contact-edit-rating-text {
1261         margin-left: 175px;
1262 }
1263
1264 .contact-edit-submit {
1265         margin-top: 20px;
1266         margin-left: 50px;
1267 }
1268
1269 #block-message, #ignore-message {
1270         margin-top: 20px;
1271         width: 180px;
1272         color: #FF0000;
1273         font-size: 1.1em;
1274         border: 1px solid #FF8888;
1275         background-color: #FFEEEE;
1276         padding: 10px;
1277 }
1278
1279 .profile-tabs {
1280         float: left;
1281         padding: 4px;
1282         margin-top: 10px;
1283         margin-bottom: 10px;
1284         margin-right: 5px;
1285         /*border: 1px solid #CCC;*/
1286         /*background: #F8F8F8;*/
1287         font-size: 0.8em;
1288         font-weight: bold;
1289         background-color: #ECECEC;
1290         border: 1px solid #858585;
1291 }
1292 .profile-tabs:hover {
1293         background-color: #29BBF2;
1294         color: #F5F6FB;
1295         border: 1px solid #F5F6FB;
1296         /*cursor: pointer;*/
1297 }
1298
1299 #profile-tabs-end {
1300         clear: both;
1301 }
1302
1303 .comment-edit-text-empty {
1304         color: gray;
1305         height: 30px;
1306         width: 175px;
1307         overflow: auto;
1308         margin-bottom: 10px;
1309 }
1310
1311 .comment-edit-text-full {
1312         color: black;
1313         height: 150px;
1314         width: 350px;
1315         overflow: auto;
1316 }
1317
1318 #group-new-submit-wrapper {
1319         margin-top: 30px;
1320 }
1321
1322 #acl-allow-group-label,
1323 #acl-allow-contact-label,
1324 #acl-deny-group-label,
1325 #acl-deny-contact-label {
1326         display: block;
1327 }
1328
1329 #acl-permit-text,
1330 #acl-deny-text {
1331         margin-top: 10px;
1332 }
1333
1334 #acl-allow-group-label,
1335 #acl-allow-contact-label,
1336 #acl-deny-group-label,
1337 #acl-deny-contact-label {
1338         margin-top: 5px;
1339         margin-bottom: 5px;
1340 }
1341
1342
1343 #group_allow_wrapper,
1344 #group_deny_wrapper {
1345         float: left;
1346         width: 100px;
1347         margin-right: 10px;
1348 }
1349
1350 #contact_allow_wrapper,
1351 #contact_deny_wrapper {
1352         float: left;
1353         width: 150px;
1354         margin-right: 10px;
1355 }
1356
1357 #acl-allow-end,
1358 #acl-deny-end {
1359         clear: both;
1360 }
1361 #acl-permit-outer-wrapper,
1362 #acl-deny-outer-wrapper {
1363         padding: 10px;
1364         margin-top: 10px;
1365         border: 2px solid #BBBBBB;
1366         float: left;
1367 }
1368
1369 #acl-wrapper-end {
1370         clear: both;
1371 }
1372
1373 #group-edit-name-label {
1374         float: left;
1375         width: 175px;
1376         margin-top: 20px;
1377         margin-bottom: 20px;
1378 }
1379
1380 #group-edit-name {
1381         float: left;
1382         width: 225px;
1383         margin-top: 20px;
1384         margin-bottom: 20px;
1385 }
1386
1387 #group-edit-name-wrapper {
1388
1389
1390 }
1391
1392
1393 #group_members_select_label {
1394         display: block;
1395         float: left;
1396         width: 175px;
1397 }
1398
1399 .group_members_select {
1400         float: left;
1401         width: 230px;
1402         overflow: auto;
1403 }
1404
1405 #group_members_select_end {
1406         clear: both;
1407 }
1408 #group-edit-name-end {
1409         clear: both;
1410 }
1411
1412 #prvmail-to-label, #prvmail-subject-label, #prvmail-message-label {
1413         margin-bottom: 10px;
1414         margin-top: 20px;
1415 }
1416
1417 #prvmail-submit {
1418         float: left;
1419         margin-top: 10px;
1420         margin-right: 30px;
1421 }
1422 #prvmail-upload-wrapper,
1423 #prvmail-link-wrapper,
1424 #prvmail-rotator-wrapper {
1425         float: left;
1426         margin-top: 10px;
1427         margin-right: 10px;
1428         width: 24px;
1429 }
1430
1431 #prvmail-end {
1432         clear: both;
1433 }
1434
1435 .mail-list-sender,
1436 .mail-list-detail {
1437         float: left;
1438 }
1439 .mail-list-detail {
1440         margin-left: 20px;
1441 }
1442
1443 .mail-list-subject {
1444         font-size: 1.1em;
1445         margin-top: 10px;
1446 }
1447 a.mail-list-link {
1448         display: block;
1449         padding: 4px 5px;
1450         font-weight: bold;
1451 }
1452 a.mail-list-link:hover {
1453         background-color: #15607B;
1454         color: #F5F6FB;
1455 }
1456
1457 .mail-list-outside-wrapper-end {
1458         clear: both;
1459 }
1460
1461 .mail-list-outside-wrapper {
1462         margin-top: 30px;
1463 }
1464
1465 .mail-list-delete-wrapper {
1466         float: right;
1467         margin-right: 30px;
1468         margin-top: 15px;
1469 }
1470
1471 .mail-list-delete-icon {
1472         border: none;
1473 }
1474
1475 .mail-conv-sender,
1476 .mail-conv-detail {
1477         float: left;
1478 }
1479 .mail-conv-detail {
1480         margin-left: 20px;
1481         width: 500px;
1482 }
1483
1484 .mail-conv-subject {
1485         font-size: 1.1em;
1486         margin-top: 10px;
1487 }
1488
1489 .mail-conv-outside-wrapper-end {
1490         clear: both;
1491 }
1492
1493 .mail-conv-outside-wrapper {
1494         margin-top: 30px;
1495 }
1496
1497 .mail-conv-delete-wrapper {
1498         float: right;
1499         margin-right: 30px;
1500         margin-top: 15px;
1501 }
1502
1503 .mail-conv-delete-icon {
1504         border: none;
1505 }
1506
1507 .message-links ul {
1508         list-style-type: none;
1509 }
1510
1511 .message-links li {
1512         margin-top: 10px;
1513 }
1514 .message-links a {
1515         /*background-color: #ECECEC;*/
1516         /*border: 1px solid #858585;*/
1517         padding: 3px 5px;
1518         /*display: block;*/
1519 }
1520 .message-links a:hover {
1521         background-color: #29BBF2;
1522         color: #F5F6FB;
1523         /*border: 1px solid #F5F6FB;*/
1524 }
1525
1526 #sidebar-group-list ul {
1527         list-style-type: none;
1528 }
1529
1530 #sidebar-group-list li {
1531         margin-top: 10px;
1532 }
1533
1534 .photo-album-image-wrapper {
1535         float: left;
1536         margin-top: 15px;
1537         height: 350px;
1538         width: 350px;
1539 }
1540
1541 #photo-album-end {
1542         clear: both;
1543 }
1544
1545 .photo-top-image-wrapper {
1546         float: left;
1547         margin-top: 15px;
1548         height: 350px;
1549         width: 350px;
1550 }
1551
1552 #photo-top-end {
1553         clear: both;
1554 }
1555
1556 #photo-top-links {
1557         margin-bottom: 30px;
1558         margin-left: 30px;
1559 }
1560
1561 #photos-upload-newalbum-div {
1562         float: left;
1563         width: 175px;
1564 }
1565 #photos-upload-existing-album-text {
1566         float: left;
1567         width: 175px;
1568 }
1569 #photos-upload-newalbum {
1570         float: left;
1571 }
1572 #photos-upload-album-select {
1573         float: left;
1574 }
1575 #photos-upload-new-end, #photos-upload-exist-end {
1576         clear: both;
1577 }
1578 #photos-upload-exist-end {
1579         margin-bottom: 15px;
1580 }
1581 #photos-upload-submit {
1582         margin-top: 15px;
1583 }
1584
1585 #photos_upload_applet_wrapper {
1586         margin-bottom: 15px;
1587 }
1588
1589 #photos-upload-no-java-message {
1590         margin-bottom: 15px;
1591 }
1592
1593 #profile-jot-desc {
1594         float: left;
1595         width: 480px;
1596         margin-top: 10px;
1597         margin-bottom: 10px;
1598 }
1599 #character-counter {
1600         float: left;
1601         font-size: 120%;
1602 }
1603
1604 #character-counter.grey {
1605         color: #888888;
1606 }
1607
1608 #character-counter.orange {
1609         color: orange;
1610 }
1611 #character-counter.red {
1612         color: red;
1613 }
1614
1615 #profile-jot-banner-end {
1616         clear: both;
1617 }
1618
1619 #photos-upload-select-files-text {
1620         margin-top: 15px;
1621         margin-bottom: 15px;
1622 }
1623
1624 #photos-upload-perms-menu, #photos-upload-perms-menu:visited {
1625         color: #8888FF;
1626         text-decoration: none;
1627         cursor: pointer;
1628 }
1629
1630 #photos-upload-perms-menu:hover {
1631         color: #0000FF;
1632         text-decoration: underline;
1633         cursor: pointer;
1634 }
1635 #settings-default-perms-menu {
1636         margin-top: 15px;
1637         margin-bottom: 15px;
1638 }
1639
1640 #photo-edit-caption-label, #photo-edit-tags-label {
1641         float: left;
1642         width: 150px;
1643 }
1644 #photo-edit-caption, #photo-edit-tags-textarea {
1645         float: left;
1646         margin-bottom: 15px;
1647 }
1648
1649 #photo-edit-caption-end, #photo-edit-tags-end {
1650         clear: both;
1651 }
1652
1653 #photo-edit-delete-button {
1654         margin-left: 200px;
1655 }
1656 #photo-caption {
1657         font-size: 110%;
1658         font-weight: bold;
1659         margin-top: 15px;
1660         margin-bottom: 15px;
1661 }
1662
1663 #in-this-photo-text {
1664         color: #0000FF;
1665         margin-left: 30px;
1666 }
1667
1668 #in-this-photo {
1669         margin-left: 60px;
1670         margin-top: 10px;
1671         margin-bottom: 20px;
1672 }
1673
1674 #photo-album-edit-submit, #photo-album-edit-drop {
1675         margin-top: 15px;
1676         margin-bottom: 15px;
1677 }
1678
1679 #photo-album-edit-drop {
1680         margin-left: 200px;
1681 }
1682
1683 .group-delete-wrapper {
1684         float: right;
1685         margin-right: 50px;
1686 }
1687
1688 #install-dbhost-label,
1689 #install-dbuser-label,
1690 #install-dbpass-label,
1691 #install-dbdata-label,
1692 #install-tz-desc {
1693        float: left;
1694        width: 250px;
1695        margin-top: 10px;
1696        margin-bottom: 10px;
1697
1698 }
1699
1700 #install-dbhost,
1701 #install-dbuser,
1702 #install-dbpass,
1703 #install-dbdata {
1704        float: left;
1705        width: 200px;
1706        margin-left: 20px;
1707 }
1708
1709 #install-dbhost-end,
1710 #install-dbuser-end,
1711 #install-dbpass-end,
1712 #install-dbdata-end,
1713 #install-tz-end {
1714        clear: both;
1715 }
1716
1717 #install-form select#timezone_select {
1718        float: left;
1719        margin-top: 18px;
1720        margin-left: 20px;
1721 }
1722
1723 #dfrn-request-networks {
1724         margin-bottom: 30px;
1725 }
1726
1727 #pause {
1728   position: fixed;
1729   bottom: 5px;
1730   right: 5px;
1731 }
1732
1733 .sparkle {
1734         cursor: url('lock.cur'), pointer;
1735 /*      cursor: pointer !important; */
1736 }