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