theme/base/css/display.css

   1 /* theme: base */
   2 * { margin:0; padding:0; }
   3 img { display:block; border:0; }
   4 a abbr { cursor: pointer; border-bottom:0; }
   5 table { border-collapse:collapse; }
   6 ol { list-style-position:inside; }
   7 html { font-size: 87.5%; background-color:#fff; height:100%; }
   8 body {
   9 background-color:#fff;
  10 color:#000;
  11 font-family:sans-serif;
  12 font-size:1em;
  13 line-height:1.65;
  14 position:relative;
  15 margin:0 auto;
  16 width:1004px;
  17 width:71.714em;
  18 }
  19 h1,h2,h3,h4,h5,h6 {
  20         text-transform:uppercase;
  21         margin-bottom:7px;
  22 }
  23 h1 {
  24 font-size:1.4em;
  25 line-height:1;
  26 margin-bottom:18px;
  27 }
  28 h2 { font-size:1.3em; }
  29 h3 { font-size:1.2em; }
  30 h4 { font-size:1.1em; }
  31 h5 { font-size:1em; }
  32 h6 { font-size:0.9em; }
  33
  34 caption {
  35 font-weight:bold;
  36 }
  37 .opened { display: block !important;}
  38 .closed { display: none !important;}
  39
  40 legend {
  41 font-weight:bold;
  42 font-size:1.3em;
  43 text-transform:uppercase;
  44 }
  45 form {
  46 }
  47 input, textarea, select, option {
  48 padding:4px;
  49 font-family:sans-serif;
  50 font-size:1em;
  51 }
  52 input, textarea, select {
  53 border-width:2px;
  54 border-style: solid;
  55 border-radius:4px;
  56 -moz-border-radius:4px;
  57 -webkit-border-radius:4px;
  58 }
  59 input.submit {
  60 font-weight:bold;
  61 }
  62 textarea {
  63 overflow:auto;
  64 }
  65 select {
  66 }
  67 option {
  68 padding-bottom:0;
  69 }
  70 fieldset {
  71 padding:0;
  72 border:0;
  73 }
  74 form ul li {
  75 list-style-type:none;
  76 margin:0 0 18px 0;
  77 }
  78 form label {
  79 font-weight:bold;
  80 /*margin:0 0 11px 0;*/
  81 }
  82 form ul li input {
  83 }
  84
  85 input.checkbox {
  86 position:relative;
  87 top:2px;
  88 left:0;
  89 border:0;
  90 }
  91
  92 #page_notice .error,
  93 #page_notice .success {
  94 padding:4px 7px;
  95 border-radius:4px;
  96 -moz-border-radius:4px;
  97 -webkit-border-radius:4px;
  98 }
  99 form label.submit {
 100 display:none;
 101 }
 102 .form_settings input.remove {
 103 margin-left:11px;
 104 }
 105
 106
 107
 108
 109 /* FORM SETTINGS */
 110 .form_settings fieldset {
 111 margin-bottom:29px;
 112 }
 113
 114 .form_guide {
 115 font-style:italic;
 116 }
 117
 118
 119 .form_settings .form_data li {
 120 width:100%;
 121 float:left;
 122 }
 123
 124 .form_settings .form_data label {
 125 float:left;
 126 }
 127 .form_settings .form_data textarea,
 128 .form_settings .form_data select,
 129 .form_settings .form_data input {
 130 margin-left:11px;
 131 float:left;
 132 }
 133
 134 .form_settings label {
 135 margin-top:2px;
 136 width:152px;
 137 }
 138
 139 .form_actions label {
 140 display:none;
 141 }
 142
 143 .form_settings #settings_autosubscribe label {
 144 display:inline;
 145 font-weight:bold;
 146 }
 147
 148 #form_settings_profile legend,
 149 #form_login legend,
 150 #form_register legend,
 151 #form_password legend,
 152 #form_settings_avatar legend,
 153 #form_group_add legend {
 154 display:none;
 155 }
 156
 157 .form_settings .form_data p.form_guide {
 158 clear:both;
 159 margin-left:163px;
 160 margin-bottom:0;
 161 }
 162
 163 .form_settings p {
 164 margin-bottom:11px;
 165 }
 166
 167 .form_settings input.checkbox {
 168 margin-top:3px;
 169 margin-left:0;
 170 }
 171 .form_settings label.checkbox {
 172 font-weight:normal;
 173 margin-top:0;
 174 margin-right:0;
 175 margin-left:11px;
 176 float:left;
 177 width:90%;
 178 }
 179
 180 #form_login p.form_guide,
 181 #form_register #settings_rememberme p.form_guide {
 182 margin-left:0;
 183 }
 184
 185
 186 .form_settings .form_note {
 187 border-radius:4px;
 188 -moz-border-radius:4px;
 189 -webkit-border-radius:4px;
 190 padding:0 7px;
 191 }
 192
 193
 194
 195 /* FORM SETTINGS */
 196
 197
 198
 199
 200 address {
 201 float:left;
 202 margin-bottom:18px;
 203 margin-left:18px;
 204 }
 205 address.vcard img.logo {
 206 margin-right:0;
 207 }
 208 address .fn {
 209 font-weight:bold;
 210 }
 211
 212
 213 #header {
 214 width:100%;
 215 position:relative;
 216 float:left;
 217 padding-top:18px;
 218 margin-bottom:29px;
 219 }
 220
 221 #site_nav_global_primary {
 222 float:right;
 223 margin-right:18px;
 224 margin-bottom:11px;
 225 }
 226 #site_nav_global_primary ul li {
 227 display:inline;
 228 margin-left:11px;
 229 }
 230
 231
 232 .system_notice dt {
 233 font-weight:bold;
 234 text-transform:uppercase;
 235 display:none;
 236 }
 237
 238 #site_notice {
 239 position:absolute;
 240 right:0;
 241 top:49px;
 242 float:right;
 243 width:322px;
 244 }
 245 #page_notice {
 246 clear:both;
 247 margin-bottom:18px;
 248 }
 249
 250
 251
 252
 253 #footer {
 254 float:left;
 255 width:64%;
 256 padding:18px;
 257 }
 258
 259
 260
 261 #site_nav_local_views {
 262 width:100%;
 263 float:left;
 264 }
 265 #site_nav_local_views dt {
 266 display:none;
 267 }
 268 #site_nav_local_views li {
 269 float:left;
 270 margin-right:18px;
 271 list-style-type:none;
 272 }
 273 #site_nav_local_views a {
 274 float:left;
 275 text-decoration:none;
 276 padding:4px 11px;
 277 -moz-border-radius-topleft:4px;
 278 -moz-border-radius-topright:4px;
 279 -webkit-border-top-left-radius:4px;
 280 -webkit-border-top-right-radius:4px;
 281 border-width:1px;
 282 border-style:solid;
 283 border-bottom:0;
 284 text-shadow: 4px 4px 4px #ddd;
 285 font-weight:bold;
 286 }
 287 #site_nav_local_views .nav {
 288 float:left;
 289 width:100%;
 290 }
 291
 292
 293 #site_nav_global_primary dt,
 294 #site_nav_global_secondary dt {
 295 display:none;
 296 }
 297 /*
 298 #site_nav_global_primary .current a {
 299 font-weight:bold;
 300 border-style:solid;
 301 }
 302 */
 303 #site_nav_global_secondary {
 304 margin-bottom:11px;
 305 }
 306
 307 #site_nav_global_secondary ul li {
 308 display:inline;
 309 margin-right:11px;
 310 }
 311 #export_data li a {
 312 padding-left:20px;
 313 }
 314 #export_data li a.foaf {
 315 padding-left:30px;
 316 }
 317 #export_data li a.export_vcard {
 318 padding-left:28px;
 319 }
 320
 321
 322
 323 #export_data ul {
 324 display:inline;
 325 }
 326 #export_data li {
 327 list-style-type:none;
 328 display:inline;
 329 margin-left:11px;
 330 }
 331 #export_data li:first-child {
 332 margin-left:0;
 333 }
 334
 335
 336
 337 #licenses {
 338 font-size:0.9em;
 339 }
 340
 341 #licenses dt {
 342 font-weight:bold;
 343 display:none;
 344 }
 345 #licenses dd {
 346 margin-bottom:11px;
 347 line-height:1.5;
 348 }
 349
 350 #site_content_license_cc {
 351 margin-bottom:0;
 352 }
 353 #site_content_license_cc img {
 354 display:inline;
 355 vertical-align:top;
 356 margin-right:4px;
 357 }
 358
 359
 360 #wrap {
 361         float:left;
 362         margin:0 auto;
 363     width:1004px;
 364     width:71.714em;
 365 }
 366
 367
 368 #core {
 369 position:relative;
 370 width:100%;
 371 float:left;
 372 margin-bottom:1em;
 373 }
 374
 375 #content {
 376 width:644px;
 377 padding:18px;
 378 float:left;
 379 border-radius:7px;
 380 -moz-border-radius:7px;
 381 -moz-border-radius-topleft:0;
 382 -webkit-border-radius:7px;
 383 -webkit-border-top-left-radius:0;
 384 }
 385
 386 #content_inner {
 387 position:relative;
 388 width:100%;
 389 float;left;
 390 }
 391
 392 #aside_primary {
 393 width:300px;
 394 float:left;
 395 margin-left:2px;
 396 padding:18px 4px 18px 18px;
 397 border-radius:7px;
 398 -moz-border-radius:7px;
 399 -webkit-border-radius:7px;
 400 }
 401
 402
 403
 404
 405 /*Start: FORM NOTICE*/
 406 #form_notice {
 407 width:384px;
 408 width:458px;
 409 float:left;
 410 position:relative;
 411 line-height:1;
 412 }
 413 #form_notice fieldset {
 414 border:0;
 415 padding:0;
 416 }
 417 #form_notice legend {
 418 display:none;
 419 }
 420 #form_notice textarea {
 421 border-radius:7px;
 422 -moz-border-radius:7px;
 423 -webkit-border-radius:7px;
 424 width:377px;
 425 width:370px;
 426 height:86px;
 427 line-height:1.5;
 428 padding:7px 7px 16px 7px;
 429 }
 430 #form_notice label {
 431 display:block;
 432 font-size:1.3em;
 433 margin-bottom:7px;
 434 }
 435 #form_notice .form_data li {
 436 float:left;
 437 }
 438
 439 #form_notice #notice_attach_file label,
 440 #form_notice #notice_submit label {
 441 display:none;
 442 }
 443
 444 #form_notice #notice_attachment {
 445 margin-top:25px;
 446 margin-left:4px;
 447 }
 448
 449 #form_notice .form_note {
 450 position:absolute;
 451 top:120px;
 452 right:98px;
 453 z-index:9;
 454 }
 455
 456 #form_notice .form_note dt {
 457 font-weight:bold;
 458 display:none;
 459 }
 460 #notice_text-count {
 461 font-weight:bold;
 462 line-height:1.15;
 463 }
 464
 465 #form_notice #notice_data-attach_view {
 466 /*position:absolute;*/
 467 top:25px;
 468 right:30px;
 469 margin-left:4px;
 470 padding:0;
 471 cursor:pointer;
 472 width:16px;
 473 height:16px;
 474 border:0;
 475 text-indent:-9999px;
 476 }
 477 #form_notice .form_actions {
 478 position:absolute;
 479 bottom:0;
 480 right:0;
 481 }
 482 #form_notice .form_actions input.submit {
 483 width:60px;
 484 padding:8px;
 485 }
 486
 487 #form_notice li {
 488 margin-bottom:0;
 489 }
 490
 491 #form_notice #notice_to {
 492 margin-bottom:7px;
 493 }
 494
 495 #notice_to label {
 496 float:left;
 497 margin-right:18px;
 498 margin-top:11px;
 499 }
 500 #notice_to select {
 501 float:left;
 502 }
 503
 504 /*end FORM NOTICE*/
 505
 506
 507
 508
 509
 510 /* user_profile */
 511 #user_profile {
 512 position:relative;
 513 width:475px;
 514 min-height:123px;
 515 float:left;
 516 margin-bottom:17px;
 517 margin-left:0;
 518 }
 519 #user_profile dt,
 520 #user_statistics dt {
 521 font-weight:bold;
 522 }
 523 #user_profile .user_depiction {
 524 float:left;
 525 position:absolute;
 526 top:0;
 527 left:0;
 528 width:96px;
 529 }
 530 #user_profile .user_fn,
 531 #user_profile .user_nickname,
 532 #user_profile .user_location,
 533 #user_profile .user_url,
 534 #user_profile .user_note,
 535 #user_profile .user_tags {
 536 float:left;
 537 clear:left;
 538 margin-left:113px;
 539 width:322px;
 540 margin-bottom:4px;
 541 }
 542
 543 #user_profile .user_fn,
 544 #user_profile .user_nickname {
 545 width:auto;
 546 clear:none;
 547 }
 548 #user_profile .user_fn {
 549 margin-left:11px;
 550 margin-right:4px;
 551 }
 552 #user_profile .user_fn .fn {
 553 font-weight:bold;
 554 font-style:normal;
 555 }
 556 #user_profile .nickname {
 557 font-style:italic;
 558 font-weight:bold;
 559 }
 560
 561 #user_profile .user_fn dd:before {
 562 content: "(";
 563 font-weight:normal;
 564 }
 565 #user_profile .user_fn dd:after {
 566 content: ")";
 567 font-weight:normal;
 568 }
 569
 570 #user_profile dt {
 571 display:none;
 572 }
 573 #user_profile h2 {
 574 display:none;
 575 }
 576
 577 /* user_profile */
 578
 579
 580
 581
 582
 583 /*user_actions*/
 584 #user_actions {
 585 clear:left;
 586 float:left;
 587 position:absolute;
 588 top:0;
 589 right:0;
 590 }
 591 #user_actions h2 {
 592 display:none;
 593 }
 594 #user_actions ul {
 595 list-style-type:none;
 596 }
 597 #user_actions li {
 598 margin-bottom:4px;
 599 }
 600 #user_actions li:first-child {
 601 border-top:0;
 602 }
 603 #user_actions fieldset {
 604 border:0;
 605 padding:0;
 606 }
 607 #user_actions legend {
 608 display:none;
 609 }
 610
 611 #user_actions input.submit {
 612 display:block;
 613 text-align:left;
 614 cursor:pointer;
 615 width:100%;
 616 }
 617 #user_actions a {
 618 text-decoration:none;
 619 font-weight:bold;
 620 width:100%;
 621 display:block;
 622 }
 623
 624
 625
 626 .form_user_block input.submit,
 627 .form_user_unblock input.submit,
 628 #user_send-a-message a,
 629 .form_user_nudge input.submit {
 630 border:0;
 631 padding-left:20px;
 632 }
 633
 634 #user_send-a-message a {
 635 padding:4px 4px 4px 23px;
 636
 637 }
 638
 639
 640 #user_subscribe input.submit,
 641 .form_user_subscribe input.submit {
 642
 643 }
 644
 645
 646
 647 #user_send-a-message form {
 648 }
 649
 650 #user_send-a-message textarea {
 651 }
 652
 653 .user_tags ul {
 654 list-style-type:none;
 655 }
 656 .user_tags li {
 657 display:inline;
 658 margin-right:1em;
 659 float:left;
 660 }
 661
 662
 663
 664 .aside .section {
 665 margin-bottom:29px;
 666 clear:both;
 667 }
 668 .aside .section h2 {
 669 text-transform:uppercase;
 670 font-size:1em;
 671 }
 672
 673 #user_statistics dt,
 674 #user_statistics dd {
 675 display:inline;
 676 }
 677 #user_statistics dt:after {
 678 content: ":";
 679 }
 680
 681
 682 #user_subscriptions,
 683 #user_subscriptions-common {
 684 float:left;
 685 }
 686 #user_subscriptions ul.users {
 687 width:220px;
 688 float:left;
 689 }
 690 #user_subscriptions .users li {
 691 list-style-type:none;
 692 float:left;
 693 margin-right:7px;
 694 margin-bottom:7px;
 695 }
 696 #user_subscriptions .users li .photo {
 697 margin-right:0;
 698 margin-bottom:0;
 699 }
 700 #user_subscriptions .users li .fn {
 701 display:none;
 702 }
 703 .aside .section .more {
 704 clear:both;
 705 }
 706
 707
 708
 709 .profile #user_profile {
 710 margin-bottom:0;
 711 min-height:60px;
 712 }
 713
 714 .profile .form_user_unsubscribe {
 715 float:right;
 716 }
 717 .profiles {
 718 list-style-type:none;
 719 }
 720 .profile #user_profile .user_location {
 721 width:auto;
 722 clear:none;
 723 margin-left:11px;
 724 }
 725 .profile #user_profile dl,
 726 .profile #user_profile dd {
 727 display:inline;
 728 float:none;
 729 }
 730 .profile #user_profile .user_note,
 731 .profile #user_profile .user_url {
 732 margin-left:59px;
 733 clear:none;
 734 display:block;
 735 width:auto;
 736 }
 737
 738
 739
 740 /* NOTICE */
 741 .notice,
 742 .profile {
 743 position:relative;
 744 padding-top:18px;
 745 padding-bottom:18px;
 746 clear:both;
 747 float:left;
 748 width:644px;
 749 width:96.699%;
 750 width:100%;
 751 border-top:1px dashed #D1D9E4;
 752 /*-moz-border-radius:7px;*/
 753 }
 754 .notices li {
 755 list-style-type:none;
 756 /*margin-bottom:11px;*/
 757 }
 758 .notices li.hover {
 759 border-radius:4px;
 760 -moz-border-radius:4px;
 761 -webkit-border-radius:4px;
 762 }
 763
 764
 765 /* NOTICES */
 766 #notices_primary {
 767 float:left;
 768 width:644px;
 769 border-radius:7px;
 770 -moz-border-radius:7px;
 771 -webkit-border-radius:7px;
 772 }
 773 #notices_primary h2 {
 774 display:none;
 775 }
 776 .notice-data a span {
 777 display:block;
 778 padding-left:28px;
 779 }
 780
 781
 782 .notice .author {
 783 margin-right:11px;
 784 }
 785 .notice .author a {
 786 }
 787 .notice .author:after {
 788 /*content:":";*/
 789 }
 790
 791 .vcard .photo {
 792 display:inline;
 793 margin-right:11px;
 794 margin-bottom:11px;
 795 float:left;
 796 }
 797 .vcard .url {
 798 text-decoration:none;
 799 }
 800 .vcard .url:hover {
 801 text-decoration:underline;
 802 }
 803 .vcard .fn {
 804 font-style:italic;
 805 }
 806 .vcard .fn:hover {
 807
 808 }
 809
 810
 811 .notice .entry-title {
 812 float:left;
 813 width:100%;
 814 }
 815 .notice p.entry-content {
 816 display:inline;
 817 }
 818
 819 .notice_video p.entry-content,
 820 .notice_audio p.entry-content,
 821 .notice_image p.entry-content,
 822 .notice_location p.entry-content,
 823 .notice_event p.entry-content,
 824 .notice_document p.entry-content {
 825 }
 826 #laconicat .notice p.entry-content {
 827 /*margin-left:199px;*/
 828 }
 829 .notice p.entry-content a:visited {
 830 border-radius:4px;
 831 -moz-border-radius:4px;
 832 -webkit-border-radius:4px;
 833 }
 834 .notice p.entry-content .vcard a {
 835 border-radius:4px;
 836 -moz-border-radius:4px;
 837 -webkit-border-radius:4px;
 838 }
 839
 840 .notice div.entry-content {
 841 /*border:1px solid blue;*/
 842 clear:left;
 843 float:left;
 844 width:48%;
 845 font-size:0.95em;
 846 }
 847 .notice div.entry-content a,
 848 .notice .notice-options a,
 849 .notice .notice-options input {
 850
 851 }
 852 .notice .notice-options a,
 853 .notice .notice-options input {
 854 float:left;
 855 font-size:1.025em;
 856 }
 857
 858 #laconicat .notice div.entry-content {
 859 /*margin-left:0;*/
 860 }
 861
 862 .notice div.entry-content dl,
 863 .notice div.entry-content dt,
 864 .notice div.entry-content dd {
 865 display:inline;
 866 }
 867 .notice div.entry-content .timestamp dt,
 868 .notice div.entry-content .response dt {
 869 display:none;
 870 }
 871 .notice div.entry-content .timestamp a {
 872 display:inline-block;
 873 }
 874 .notice div.entry-content .device dt {
 875 text-transform:lowercase;
 876 }
 877 .notice div.entry-content a {
 878
 879 }
 880 .notice div.entry-content a:hover {
 881 }
 882
 883
 884
 885 .notice-data {
 886 position:absolute;
 887 top:18px;
 888 right:0;
 889 min-height:50px;
 890 margin-bottom:4px;
 891 }
 892 .notice .entry-content .notice-data dt {
 893 display:none;
 894 }
 895
 896 .notice-data a {
 897 display:block;
 898 outline:none;
 899 }
 900
 901 .notice-options {
 902 padding-left:2%;
 903 float:left;
 904 width:50%;
 905 position:relative;
 906 font-size:0.95em;
 907 }
 908
 909 .notice-options a {
 910 float:left;
 911 }
 912 .notice-options .notice_delete,
 913 .notice-options .notice_reply,
 914 .notice-options .form_favor,
 915 .notice-options .form_disfavor {
 916 position:absolute;
 917 top:0;
 918 }
 919 .notice-options .form_favor,
 920 .notice-options .form_disfavor {
 921 left:0;
 922 }
 923 .notice-options .notice_reply {
 924 left:29px;
 925 }
 926 .notice-options .notice_delete {
 927 left:76px;
 928 }
 929 .notice-options .notice_reply dt {
 930 display:none;
 931 }
 932
 933 .notice-options input,
 934 .notice-options a {
 935 text-indent:-9999px;
 936 outline:none;
 937 }
 938
 939 .notice-options .notice_reply a,
 940 .notice-options form input.submit {
 941 display:block;
 942 border:0;
 943 }
 944 .notice-options .notice_reply a,
 945 .notice-options .notice_delete a {
 946 text-decoration:none;
 947 padding-left:16px;
 948 }
 949
 950 .notice-options .notice_delete {
 951
 952 }
 953
 954 .notice-options form input.submit {
 955 cursor:pointer;
 956 width:16px;
 957 padding:2px 0;
 958 }
 959
 960 .notice-options .notice_delete dt,
 961 .notice-options .form_favor legend,
 962 .notice-options .form_disfavor legend {
 963 display:none;
 964 }
 965 .notice-options .notice_delete fieldset,
 966 .notice-options .form_favor fieldset,
 967 .notice-options .form_disfavor fieldset {
 968 border:0;
 969 padding:0;
 970 }
 971
 972 /*END: NOTICES */
 973
 974
 975
 976
 977
 978 .pagination dt {
 979 font-weight:bold;
 980 display:none;
 981 }
 982
 983 .pagination .nav {
 984 float:left;
 985 width:100%;
 986 list-style-type:none;
 987 }
 988
 989 .pagination .nav_prev {
 990 float:left;
 991 }
 992 .pagination .nav_next {
 993 float:right;
 994 }
 995
 996 .pagination a {
 997 display:block;
 998 text-decoration:none;
 999 font-weight:bold;
1000 padding:7px;
1001 border:1px dotted #D1D9E4;
1002 border-bottom:0;
1003 }
1004
1005 .pagination .nav_prev a {
1006 -moz-border-radius-topright:7px;
1007 -webkit-border-top-right-radius:7px;
1008 padding-left:20px;
1009 border-left:0;
1010 }
1011 .pagination .nav_next a {
1012 -moz-border-radius-topleft:7px;
1013 -webkit-border-top-left-radius:7px;
1014 padding-right:20px;
1015 border-right:0;
1016 }
1017
1018
1019 /* END: NOTICE */
1020
1021
1022
1023 /*If there is hentry on #content_inner, this doesn't need to be specific to #doc */
1024 #doc #content_inner p {
1025 margin-bottom:18px;
1026 }
1027 #doc #content_inner ol,
1028 #doc #content_inner ul {
1029 list-style-position:inside;
1030 }
1031 #doc #content_inner li {
1032 margin-bottom:18px;
1033 }
1034 #doc #content_inner li li {
1035 margin-left:18px;
1036 }
1037
1038
1039 /*START: LOAD ALONG WITH JS*/
1040 .notice .in-reply-to {
1041         width:98%;
1042         margin-left:2%;
1043 }
1044 .notice .in-reply-to li {
1045 background-color:#F7F9FB;
1046 }
1047 .notice .in-reply-to li .in-reply-to li {
1048 background-color:#E4E9F0;
1049 }
1050 .notice .in-reply-to li .in-reply-to li .in-reply-to li {
1051 background-color:#D1D9E4;
1052 }
1053
1054
1055
1056 #user_actions #user_subscribe .form_note,
1057 #user_actions #user_subscribe .form_data,
1058 #user_actions #user_subscribe .form_actions label {
1059 display:none;
1060 }
1061 #form_user-relationship .form_note,
1062 #form_user-relationship .form_data,
1063 #form_user-relationship .form_actions label {
1064 display:block;
1065 }
1066
1067 #user_actions #user-relationship_submit {
1068 margin-bottom:0;
1069 }
1070 #form_user-relationship .form_data li label {
1071 margin-right:11px;
1072 }
1073
1074 #user_relationship_xfn {
1075 /*z-index:1000;
1076 position:absolute;
1077 width:521px;
1078 height:322px;*/
1079 display:none;
1080 }
1081 #user_relationship_xfn fieldset {
1082 background-color:#fff;
1083 }
1084
1085 /*END: LOAD ALONG WITH JS*/
1086
1087
1088
1089 /* TOP_POSTERS */
1090 #top-posters caption {
1091 text-align:left;
1092 text-transform:uppercase;
1093 }
1094
1095 #top-posters thead {
1096 display:none;
1097 }
1098 #top-poster_user {
1099 width:199px;
1100 }
1101 #top-poster_number-of-notices {
1102 width:123px;
1103 }
1104 #top-posters tbody td {
1105 padding-right:11px;
1106 padding-bottom:4px;
1107 }
1108 #top-posters img {
1109 margin-right:7px;
1110 height:24px;
1111 width:24px;
1112 }
1113
1114
1115
1116 /* tagcloud */
1117 .tag-cloud {
1118 list-style-type:none;
1119 }
1120 .tag-cloud li {
1121 display:inline;
1122 margin-right:7px;
1123 line-height:1;
1124 }
1125 .tag-cloud li a {
1126 text-decoration:none;
1127 }
1128 #tagcloud.section dt {
1129 text-transform:uppercase;
1130 font-weight:bold;
1131 }
1132 .tag-cloud-1 {
1133 font-size:1em;
1134 }
1135 .tag-cloud-2 {
1136 font-size:1.5em;
1137 }
1138 .tag-cloud-3 {
1139 font-size:2em;
1140 }
1141 .tag-cloud-4 {
1142 font-size:2.5em;
1143 }
1144 .tag-cloud-5 {
1145 font-size:3em;
1146 }
1147 .tag-cloud-6 {
1148 font-size:3.5em;
1149 }
1150 .tag-cloud-7 {
1151 font-size:4em;
1152 }
1153
1154 #publictagcloud #tagcloud.section dt {
1155 display:none;
1156 }
1157
1158
1159
1160
1161 #form_settings_photo .form_data {
1162 clear:both;
1163 }
1164
1165
1166
1167 #form_settings_avatar li {
1168 width:auto;
1169 }
1170 #form_settings_avatar input {
1171 margin-left:0;
1172 }
1173 #avatar_original,
1174 #avatar_preview {
1175 float:left;
1176 }
1177 #avatar_preview {
1178 margin-left:29px;
1179 }
1180 #avatar_preview_view {
1181 height:96px;
1182 width:96px;
1183 margin-bottom:18px;
1184 overflow:hidden;
1185 }
1186
1187 #settings_attach,
1188 #form_settings_avatar .form_actions {
1189 clear:both;
1190 }
1191
1192 #form_settings_avatar .form_actions {
1193 margin-bottom:0;
1194 }
1195
1196
1197
1198 .section .groups,
1199 #users_featured ul {
1200 list-style-type:none;
1201 }
1202 .section .groups li,
1203 #users_featured li {
1204 margin-top:11px;
1205 float:left;
1206 width:100%;
1207 }
1208 .section .groups li:first-child,
1209 #users_featured li:first-child {
1210 margin-top:0;
1211 }
1212
1213 .section .groups .vcard,
1214 #users_featured .vcard {
1215 float:left;
1216 margin-bottom:-23px;
1217 }
1218
1219 .section .groups dl,
1220 #users_featured dl {
1221 float:left;
1222 margin-left:63px;
1223 clear:left;
1224 }
1225 .section .groups dt,
1226 #users_featured dt {
1227 display:none;
1228 font-weight:bold;
1229 }
1230
1231
1232
1233 #home.logged_out h1 {
1234 display:none;
1235 }
1236
1237 #home #intro {
1238 margin-bottom:29px;
1239 float:left;
1240 width:100%;
1241 }
1242
1243 #home #intro p {
1244 margin-bottom:18px;
1245 font-size:1.8em;
1246 }
1247
1248 #home #intro #guide_steps {
1249 list-style-type:none;
1250 }
1251 #home #intro #guide_steps li {
1252 float:left;
1253 margin-left:18px;
1254 }
1255 #home #intro #guide_steps li:first-child {
1256 margin-left:0;
1257 }
1258 #home #intro #guide_steps li a {
1259 display:block;
1260 float:left;
1261 width:185px;
1262 height:109px;
1263 border-width:1px;
1264 border-style:dotted;
1265 text-decoration:none;
1266 border-radius:7px;
1267 -moz-border-radius:7px;
1268 -webkit-border-radius:7px;
1269 padding:7px;
1270 font-size:1.6em;
1271 font-weight:bold;
1272 text-align:center;
1273 }
1274
1275
1276 #testimonials {
1277 clear:both;
1278 }