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