view/theme/duepuntozero/style.css

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