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