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