view/theme/duepuntozero/style.css

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