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