view/style.css

   1
   2 body {
   3         background: #EEEEEE;
   4         font-family: verdana, sans-serif;
   5         font-size: 1.0em;
   6         margin-left: 10px;
   7 }
   8
   9 img.photo {
  10         border: 1px solid #AAAAAA;
  11         padding: 5px;
  12         background: #FFFFFF;
  13 }
  14
  15 aside {
  16         position: absolute;
  17         left: 0px;
  18         top: 60px;
  19         right: 250px;
  20         width: 250px;
  21         margin-left: 20px;
  22         margin-right: 0px;
  23         font-size: 0.9em;
  24 }
  25 section {
  26         position: absolute;
  27         left: 270px;
  28         top: 60px;
  29         margin-left: 20px;
  30         margin-right: 20px;
  31 }
  32 h1 {
  33         font-size: 1.6em;
  34 }
  35
  36 nav {
  37         position: absolute;
  38         top: 0px;
  39         height: 30px;
  40         left: 0px;
  41         right: 0px;
  42         margin-top: 20px;
  43 }
  44
  45 footer {
  46         position: absolute;
  47         left: 0px;
  48         right: 0px;
  49         bottom: 0px;
  50         margin: 20px 20px 20px 20px;
  51 }
  52 .fn {
  53         font-size: 1.4em;
  54         margin-bottom: 10px;
  55         line-height: 1.5;
  56 }
  57
  58 .powered {
  59         font-size: 0.6em;
  60 }
  61 .error-message {
  62         color: #FF0000;
  63         font-size: 1.1em;
  64         border: 1px solid #FF8888;
  65         background-color: #FFEEEE;
  66         padding: 10px;
  67 }
  68 .nav-link {
  69         float: right;
  70         margin-left: 0px;
  71         margin-right: 10px;
  72         padding: 5px;
  73         border: 1px solid black;
  74         background: #DDDDFF;
  75         font-size: 0.7em;
  76         font-weight: bold;
  77
  78 }
  79
  80 .nav-commlink {
  81         float: left;
  82         margin-left: 10px;
  83         margin-right: 0px;
  84         padding: 5px;
  85         border: 1px solid black;
  86         background: #DDDDFF;
  87         font-size: 0.7em;
  88         font-weight: bold;
  89 }
  90 #nav-end {
  91         clear: both;
  92 }
  93
  94 .login-extra-links {
  95         font-size: 0.7em;
  96 }
  97
  98 #profile-extra-links {
  99         margin-top: 20px;
 100         margin-bottom: 20px;
 101         margin-left: 20px;
 102         margin-right: 20px;
 103 }
 104
 105 #label-register-name, #label-register-email {
 106         float: left;
 107         width: 350px;
 108         margin-top: 10px;
 109 }
 110
 111 #register-name, #register-email {
 112         float: left;
 113         margin-top: 10px;
 114         width: 150px;
 115 }
 116
 117 #register-name-end, #register-email-end, #register-submit-end {
 118         clear: both;
 119 }
 120
 121 #register-submit-button {
 122         margin-top: 10px;
 123         margin-left: 350px;
 124 }
 125
 126 #label-login-name, #label-login-password, #login-extra-filler {
 127         float: left;
 128         width: 150px;
 129         margin-bottom: 20px;
 130 }
 131
 132
 133 #login-name, #login-password {
 134         float: left;
 135         width: 150px;
 136 }
 137
 138 #register-link, #lost-password-link {
 139         float: left;
 140         font-size: 0.7em;
 141         margin-right: 15px;
 142 }
 143
 144 #login-name-end, #login-password-end, #login-extra-end, #login-submit-end {
 145         clear: both;
 146 }
 147
 148 #login-submit-button {
 149         margin-top: 10px;
 150         margin-left: 150px;
 151 }
 152
 153 input#dfrn-url {
 154         float: left;
 155         background: url(dfrn.gif) no-repeat;
 156         background-position: 2px center;
 157         font-size: 17px;
 158         padding-left: 21px;
 159         height: 21px;
 160         background-color: #FFFFFF;
 161         color: #000000;
 162         margin-bottom: 20px;
 163 }
 164
 165 #dfrn-url-label {
 166         float: left;
 167         width: 250px;
 168 }
 169
 170 #dfrn-request-url-end {
 171         clear: both;
 172 }
 173
 174 #knowyouyes, #knowyouno {
 175         float: left;
 176 }
 177
 178 #dfrn-request-knowyou-yes-wrapper, #dfrn-request-knowyou-no-wrapper {
 179
 180         float: none;
 181 }
 182 #dfrn-request-knowyou-yes-label, #dfrn-request-knowyou-no-label {
 183         float: left;
 184         width: 75px;
 185         margin-left: 50px;
 186         margin-bottom: 7px;
 187 }
 188 #dfrn-request-knowyou-break, #dfrn-request-knowyou-end {
 189         clear: both;
 190
 191 }
 192
 193 #dfrn-request-message-wrapper {
 194         margin-bottom: 50px;
 195 }
 196 #dfrn-request-submit-wrapper {
 197         clear: both;
 198         margin-left: 50px;
 199 }
 200
 201 #dfrn-request-info-wrapper {
 202         margin-left: 50px;
 203 }
 204
 205 #settings-username-end, #settings-email-end, #settings-nick-end, #settings-timezone-end, #settings-password-end, #settings-confirm-end {
 206         margin-bottom: 5px;
 207         clear: both;
 208 }
 209
 210 #settings-username-label, #settings-email-label, #settings-nick-label, #settings-timezone-label, #settings-password-label, #settings-confirm-label {
 211         float: left;
 212         width: 200px;
 213 }
 214
 215 #settings-username, #settings-email, #settings-nick, #timezone-select, #settings-password, #settings-confirm {
 216         float: left;
 217         margin-bottom: 20px;
 218 }
 219
 220 #settings-nick-desc {
 221         width: 500px;
 222 }
 223
 224 #settings-nick {
 225         margin-bottom: 50px;
 226 }
 227
 228 #cropimage-wrapper, #cropimage-preview-wrapper {
 229         float: left;
 230         padding: 30px;
 231 }
 232
 233 #crop-image-form {
 234         margin-top: 30px;
 235         clear: both;
 236 }
 237
 238 .intro-fullname {
 239         font-size: 1.1em;
 240         font-weight: bold;
 241
 242 }
 243 .intro-desc {
 244         margin-bottom: 20px;
 245 }
 246
 247 .intro-note {
 248         padding: 10px;
 249 }
 250
 251 .intro-end {
 252         padding: 30px;
 253 }
 254
 255 .intro-approve-form, .intro-form {
 256         float: left;
 257 }
 258 .intro-submit-approve, .intro-submit-ignore {
 259         margin-right: 20px;
 260 }
 261 .intro-top {
 262         width: 500px;
 263         margin-bottom: 30px;
 264 }
 265 .intro-end {
 266         clear: both;
 267         margin-bottom: 30px;
 268 }
 269 #profile-edit-default-desc {
 270         color: #FF0000;
 271         border: 1px solid #FF8888;
 272         background-color: #FFEEEE;
 273         padding: 7px;
 274
 275
 276 }
 277 #profile-edit-clone-link-wrapper {
 278         margin-left: 50px;
 279         margin-bottom: 20px;
 280 }
 281
 282 .profile-edit-submit-wrapper {
 283         margin-top: 20px;
 284         margin-bottom: 20px;
 285 }
 286
 287 #profile-edit-profile-name-label,
 288 #profile-edit-name-label,
 289 #profile-edit-gender-label,
 290 #profile-edit-dob-label,
 291 #profile-edit-address-label,
 292 #profile-edit-locality-label,
 293 #profile-edit-region-label,
 294 #profile-edit-postal-code-label,
 295 #profile-edit-country-name-label,
 296 #profile-edit-marital-label,
 297 #profile-edit-sexual-label,
 298 #profile-edit-politic-label,
 299 #profile-edit-religion-label,
 300 #profile-edit-homepage-label {
 301         float: left;
 302         width: 175px;
 303 }
 304
 305 #profile-edit-profile-name,
 306 #profile-edit-name,
 307 #gender-select,
 308 #profile-edit-dob,
 309 #profile-edit-address,
 310 #profile-edit-locality,
 311 #profile-edit-region,
 312 #profile-edit-postal-code,
 313 #profile-edit-country-name,
 314 #marital-select,
 315 #sexual-select,
 316 #profile-edit-politic,
 317 #profile-edit-religion,
 318 #profile-in-dir-yes,
 319 #profile-in-dir-no,
 320 #hide-friends-yes,
 321 #hide-friends-no {
 322         float: left;
 323         margin-bottom: 20px;
 324 }
 325
 326 #profile-in-dir-yes-label,
 327 #profile-in-dir-no-label,
 328 #hide-friends-yes-label,
 329 #hide-friends-no-label {
 330         margin-left: 125px;
 331         float: left;
 332         width: 50px;
 333 }
 334
 335 #profile-edit-homepage {
 336         float: left;
 337         margin-bottom: 35px;
 338 }
 339
 340 #profile-edit-profile-name-end,
 341 #profile-edit-name-end,
 342 #profile-edit-gender-end,
 343 #profile-edit-dob-end,
 344 #profile-edit-address-end,
 345 #profile-edit-locality-end,
 346 #profile-edit-region-end,
 347 #profile-edit-postal-code-end,
 348 #profile-edit-country-name-end,
 349 #profile-edit-marital-end,
 350 #profile-edit-sexual-end,
 351 #profile-edit-politic-end,
 352 #profile-edit-religion-end,
 353 #profile-edit-homepage-end,
 354 #profile-in-dir-break,
 355 #profile-in-dir-end,
 356 #hide-friends-break,
 357 #hide-friends-end {
 358         clear: both;
 359 }
 360
 361
 362
 363
 364
 365 #gender-select, #marital-select, #sexual-select {
 366         width: 220px;
 367 }
 368
 369 #profile-edit-profile-name-wrapper .required {
 370         color: #FF0000;
 371         float: left;
 372 }
 373
 374 #contacts-main {
 375         margin-bottom: 20px;
 376 }
 377 .contact-entry-photo-wrapper {
 378         float: left;
 379 }
 380 .contact-entry-direction-icon {
 381         margin-top: 24px;
 382         float: left;
 383         margin-right: 2px;
 384 }
 385 .contact-entry-photo img {
 386         border: none;
 387 }
 388 .contact-entry-photo-end {
 389         clear: both;
 390 }
 391 .contact-entry-edit-links {
 392         float: left;
 393         margin-top: 10px;
 394 }
 395 .contact-entry-name {
 396         float: left;
 397 }
 398 .contact-entry-nav-wrapper {
 399         float: left;
 400         margin-left: 10px;
 401 }
 402 .contact-entry-nav-end {
 403         clear: both;
 404 }
 405 .contact-entry-break {
 406         clear: both;
 407 }
 408 .contact-entry-edit-links img {
 409         border: none;
 410         margin-right: 15px;
 411 }
 412 .contact-entry-photo {
 413         float: left;
 414 }
 415 .contact-entry-end {
 416         clear: both;
 417 }
 418
 419 .wall-item-comment-outside-wrapper {
 420         margin-left: 50px;
 421 }
 422
 423 .wall-item-photo-wrapper {
 424         margin-top: 20px;
 425         width: 100px;
 426         float: left;
 427 }
 428 .wall-item-arrowphoto-wrapper {
 429         margin-top: 40px;
 430         margin-right: 20px;
 431         float: left;
 432 }
 433 .wall-item-wrapper {
 434         margin-top: 30px;
 435         float: left;
 436 }
 437
 438 .wall-item-ago {
 439         color: #888888;
 440         font-size: 0.8em;
 441 }
 442
 443 .wall-item-wrapper-end {
 444         clear: both;
 445 }
 446 .wall-item-name-link {
 447         font-weight: bold;
 448         text-decoration: none;
 449         color: #3172BD;
 450 }
 451 .wall-item-photo {
 452         border: none;
 453 }
 454
 455 .comment-edit-wrapper {
 456         margin-top: 15px;
 457         margin-left: 100px;
 458 }
 459
 460 .comment-wwedit-wrapper {
 461         margin-top: 15px;
 462         margin-left: 250px;
 463 }
 464
 465
 466 #profile-jot-submit-wrapper {
 467         margin-top: 15px;
 468 }
 469
 470 #profile-jot-submit {
 471         float: left;
 472 }
 473
 474 #profile-jot-perms {
 475         float: left;
 476         margin-left: 350px;
 477 }
 478
 479 #profile-jot-perms-end {
 480         clear: both;
 481 }
 482
 483 #profile-jot-end {
 484         clear: both;
 485         margin-bottom: 30px;
 486 }
 487 #about-jot-submit-wrapper {
 488         margin-top: 15px;
 489 }
 490 #about-jot-end {
 491         margin-bottom: 30px;
 492 }
 493 #contacts-main {
 494         margin-bottom: 30px;
 495 }
 496
 497 #profile-listing-new-link-wrapper {
 498         margin-bottom: 30px;
 499 }
 500 .profile-listing-photo-wrapper {
 501         float: left;
 502 }
 503
 504 .profile-listing-edit-buttons-wrapper {
 505         clear: both;
 506 }
 507 .profile-listing-photo-edit-link {
 508         float: left;
 509         width: 125px;
 510 }
 511 .profile-listing-end {
 512         clear: both;
 513 }
 514 .profile-listing-edit-buttons-wrapper img{
 515         border: none;
 516         margin-right: 20px;
 517 }
 518 .profile-listing {
 519         margin-top: 25px;
 520 }
 521 .profile-listing-name {
 522         float: left;
 523         margin-top: 10px;
 524 }
 525 .fortune {
 526         margin-top: 50px;
 527         color: #3172BD;
 528         font-weight: bold;
 529         margin-bottom: 20px;
 530 }
 531
 532
 533 .directory-end {
 534         clear: both;
 535 }
 536 .directory-name {
 537         text-align: center;
 538 }
 539 .directory-photo {
 540         margin-left: 25px;
 541 }
 542 .directory-details {
 543         font-size: 0.7em;
 544         text-align: center;
 545         margin-left: 5px;
 546         margin-right: 5px;
 547 }
 548 .directory-item {
 549         float: left;
 550         width: 225px;
 551         height: 260px;
 552         overflow: auto;
 553 }
 554
 555 #directory-search-wrapper {
 556         margin-left: 350px;
 557         margin-right: 20px;
 558         margin-bottom: 50px;
 559 }
 560
 561 #directory-search-end {
 562 }
 563
 564 .pager {
 565   padding: 10px;
 566   text-align: center;
 567   font-size: 1.0em;
 568 }
 569
 570
 571 .pager_first,
 572 .pager_last,
 573 .pager_prev,
 574 .pager_next,
 575 .pager_n {
 576         border: 1px solid black;
 577         background: #EEE;
 578         padding: 4px;
 579 }
 580
 581 .pager_first a,
 582 .pager_last a,
 583 .pager_prev a,
 584 .pager_next a,
 585 .pager_n a {
 586         text-decoration: none;
 587 }
 588
 589 .pager_current {
 590   border: 1px solid black;
 591   background: #FFCCCC;
 592   padding: 4px;
 593 }
 594
 595
 596 #advanced-profile-name-wrapper,
 597 #advanced-profile-gender-wrapper,
 598 #advanced-profile-dob-wrapper,
 599 #advanced-profile-age-wrapper,
 600 #advanced-profile-marital-wrapper,
 601 #advanced-profile-sexual-wrapper,
 602 #advanced-profile-homepage-wrapper,
 603 #advanced-profile-politic-wrapper,
 604 #advanced-profile-religion-wrapper,
 605 #advanced-profile-about-wrapper,
 606 #advanced-profile-interest-wrapper,
 607 #advanced-profile-contact-wrapper,
 608 #advanced-profile-music-wrapper,
 609 #advanced-profile-book-wrapper,
 610 #advanced-profile-tv-wrapper,
 611 #advanced-profile-film-wrapper,
 612 #advanced-profile-romance-wrapper,
 613 #advanced-profile-work-wrapper,
 614 #advanced-profile-education-wrapper {
 615         margin-top: 20px;
 616 }
 617
 618 #advanced-profile-name-text,
 619 #advanced-profile-gender-text,
 620 #advanced-profile-dob-text,
 621 #advanced-profile-age-text,
 622 #advanced-profile-marital-text,
 623 #advanced-profile-sexual-text,
 624 #advanced-profile-homepage-text,
 625 #advanced-profile-politic-text,
 626 #advanced-profile-religion-text,
 627 #advanced-profile-about-text,
 628 #advanced-profile-interest-text,
 629 #advanced-profile-contact-text,
 630 #advanced-profile-music-text,
 631 #advanced-profile-book-text,
 632 #advanced-profile-tv-text,
 633 #advanced-profile-film-text,
 634 #advanced-profile-romance-text,
 635 #advanced-profile-work-text,
 636 #advanced-profile-education-text {
 637         width: 250px;
 638         float: left;
 639 }
 640
 641 #advanced-profile-name-end,
 642 #advanced-profile-gender-end,
 643 #advanced-profile-dob-end,
 644 #advanced-profile-age-end,
 645 #advanced-profile-marital-end,
 646 #advanced-profile-sexual-end,
 647 #advanced-profile-homepage-end,
 648 #advanced-profile-politic-end,
 649 #advanced-profile-religion-end {
 650         clear: both;
 651 }
 652
 653 #advanced-profile-about-end,
 654 #advanced-profile-interest-end,
 655 #advanced-profile-contact-end,
 656 #advanced-profile-music-end,
 657 #advanced-profile-book-end,
 658 #advanced-profile-tv-end,
 659 #advanced-profile-film-end,
 660 #advanced-profile-romance-end,
 661 #advanced-profile-work-end,
 662 #advanced-profile-education-end {
 663
 664
 665 }
 666
 667 #advanced-profile-name,
 668 #advanced-profile-gender,
 669 #advanced-profile-dob,
 670 #advanced-profile-age,
 671 #advanced-profile-marital,
 672 #advanced-profile-sexual,
 673 #advanced-profile-homepage,
 674 #advanced-profile-politic,
 675 #advanced-profile-religion {
 676         float: left;
 677
 678 }
 679
 680
 681 #advanced-profile-about,
 682 #advanced-profile-interest,
 683 #advanced-profile-contact,
 684 #advanced-profile-music,
 685 #advanced-profile-book,
 686 #advanced-profile-tv,
 687 #advanced-profile-film,
 688 #advanced-profile-romance,
 689 #advanced-profile-work,
 690 #advanced-profile-education {
 691         margin-top: 10px;
 692         margin-left: 50px;
 693         margin-right: 20px;
 694         padding: 10px;
 695         border: 1px solid #CCCCCC;
 696 }
 697
 698 #contact-edit-wrapper {
 699         margin-top: 50px;
 700 }
 701
 702 #contact-edit-banner-name {
 703         font-size: 1.4em;
 704         font-weight: bold;
 705         margin-left: 30px;
 706 }
 707
 708 #contact-edit-photo-wrapper {
 709         margin-bottom: 20px;
 710 }
 711 #contact-edit-links img {
 712         margin-left: 20px;
 713         border: none;
 714 }
 715
 716 #contact-edit-direction-icon {
 717         float: left;
 718         margin-top: 70px;
 719         margin-right: 2px;
 720 }
 721
 722 #contact-edit-photo {
 723         float: left;
 724 }
 725
 726 #contact-edit-photo-end {
 727         clear: both;
 728 }
 729
 730 #contact-edit-photo-wrapper {
 731         float: left;
 732 }
 733
 734 #contact-edit-nav-wrapper {
 735         float: left;
 736 }
 737
 738 #contact-edit-end {
 739         clear: both;
 740 }
 741
 742 #contact-profile-selector {
 743         width: 175px;
 744         margin-left: 175px;
 745 }
 746
 747 #contact-reputation-selector {
 748         margin-left: 175px;
 749 }
 750
 751 #contact-edit-rating-text {
 752         margin-left: 175px;
 753 }
 754
 755 .contact-edit-submit {
 756         margin-top: 20px;
 757         margin-left: 50px;
 758 }
 759
 760 #block-message {
 761         margin-top: 20px;
 762         width: 180px;
 763         color: #FF0000;
 764         font-size: 1.1em;
 765         border: 1px solid #FF8888;
 766         background-color: #FFEEEE;
 767         padding: 10px;
 768 }
 769
 770 .profile-tabs {
 771         float: left;
 772         padding:3px;
 773         margin-top: 10px;
 774         margin-bottom: 10px;
 775         margin-right: 5px;
 776         border: 1px solid #888888;
 777         font-size: 0.8em;
 778         font-weight: bold;
 779 }
 780 .profile-tabs a {
 781         text-decoration: none;
 782 }
 783
 784 #profile-tabs-end {
 785         clear: both;
 786 }
 787
 788 .comment-edit-text-empty {
 789         color: gray;
 790         height: 30px;
 791         width: 175px;
 792         overflow: auto;
 793 }
 794
 795 .comment-edit-text-full {
 796         color: black;
 797         height: 150px;
 798         width: 350px;
 799         overflow: auto;
 800 }
 801
 802
 803 #acl-allow-group-label,
 804 #acl-allow-contact-label,
 805 #acl-deny-group-label,
 806 #acl-deny-contact-label {
 807         display: block;
 808 }
 809
 810 #acl-permit-text,
 811 #acl-deny-text {
 812         margin-top: 10px;
 813 }
 814
 815 #acl-allow-group-label,
 816 #acl-allow-contact-label,
 817 #acl-deny-group-label,
 818 #acl-deny-contact-label {
 819         margin-top: 5px;
 820         margin-bottom: 5px;
 821 }
 822
 823
 824 #group_allow_wrapper,
 825 #group_deny_wrapper {
 826         float: left;
 827         width: 100px;
 828         margin-right: 10px;
 829 }
 830
 831 #contact_allow_wrapper,
 832 #contact_deny_wrapper {
 833         float: left;
 834         width: 150px;
 835         margin-right: 10px;
 836 }
 837
 838 #acl-allow-end,
 839 #acl-deny-end {
 840         clear: both;
 841 }
 842 #acl-permit-outer-wrapper,
 843 #acl-deny-outer-wrapper {
 844         float: left;
 845 }
 846
 847 #acl-wrapper-end {
 848         clear: both;
 849 }
 850
 851 #group-edit-name-label {
 852         float: left;
 853         width: 175px;
 854         margin-top: 20px;
 855         margin-bottom: 20px;
 856 }
 857
 858 #group-edit-name {
 859         float: left;
 860         width: 225px;
 861         margin-top: 20px;
 862         margin-bottom: 20px;
 863 }
 864
 865 #group-edit-name-wrapper {
 866
 867
 868 }
 869
 870
 871 #group_members_select_label {
 872         display: block;
 873         float: left;
 874         width: 175px;
 875 }
 876
 877 .group_members_select {
 878         float: left;
 879         width: 230px;
 880         overflow: auto;
 881 }
 882
 883 #group_members_select_end {
 884         clear: both;
 885 }
 886 #group-edit-name-end {
 887         clear: both;
 888 }