theme/base/css/display.css

   1 /** theme: base
   2  *
   3  * @package   Laconica
   4  * @author Sarven Capadisli <csarven@controlyourself.ca>
   5  * @copyright 2009 Control Yourself, Inc.
   6  * @license   http://www.fsf.org/licensing/licenses/agpl-3.0.html GNU Affero General Public License version 3.0
   7  * @link      http://laconi.ca/
   8  */
   9
  10 * { margin:0; padding:0; }
  11 img { display:block; border:0; }
  12 a abbr { cursor: pointer; border-bottom:0; }
  13 table { border-collapse:collapse; }
  14 ol { list-style-position:inside; }
  15 html { font-size: 87.5%; background-color:#fff; height:100%; }
  16 body {
  17 background-color:#fff;
  18 color:#000;
  19 font-family:sans-serif;
  20 font-size:1em;
  21 line-height:1.65;
  22 position:relative;
  23 margin:0 auto;
  24 width:71.714em;
  25 }
  26 h1,h2,h3,h4,h5,h6 {
  27 text-transform:uppercase;
  28 margin-bottom:7px;
  29 }
  30 h1 {
  31 font-size:1.4em;
  32 line-height:1;
  33 margin-bottom:18px;
  34 }
  35 h2 { font-size:1.3em; }
  36 h3 { font-size:1.2em; }
  37 h4 { font-size:1.1em; }
  38 h5 { font-size:1em; }
  39 h6 { font-size:0.9em; }
  40
  41 caption {
  42 font-weight:bold;
  43 }
  44 legend {
  45 font-weight:bold;
  46 font-size:1.3em;
  47 text-transform:uppercase;
  48 }
  49 input, textarea, select, option {
  50 padding:4px;
  51 font-family:sans-serif;
  52 font-size:1em;
  53 }
  54 input, textarea, select {
  55 border-width:2px;
  56 border-style: solid;
  57 border-radius:4px;
  58 -moz-border-radius:4px;
  59 -webkit-border-radius:4px;
  60 }
  61
  62 input.submit {
  63 font-weight:bold;
  64 cursor:pointer;
  65 }
  66 textarea {
  67 overflow:auto;
  68 }
  69 option {
  70 padding-bottom:0;
  71 }
  72 fieldset {
  73 padding:0;
  74 border:0;
  75 }
  76 form ul li {
  77 list-style-type:none;
  78 margin:0 0 18px 0;
  79 }
  80 form label {
  81 font-weight:bold;
  82 }
  83 input.checkbox {
  84 position:relative;
  85 top:2px;
  86 left:0;
  87 border:0;
  88 }
  89
  90 #page_notice .error,
  91 #page_notice .success {
  92 padding:4px 7px;
  93 border-radius:4px;
  94 -moz-border-radius:4px;
  95 -webkit-border-radius:4px;
  96 }
  97 form label.submit {
  98 display:none;
  99 }
 100
 101 .form_settings {
 102 clear:both;
 103 }
 104
 105 .form_settings fieldset {
 106 margin-bottom:29px;
 107 }
 108 .form_settings input.remove {
 109 margin-left:11px;
 110 }
 111 .form_settings .form_data li {
 112 width:100%;
 113 float:left;
 114 }
 115 .form_settings .form_data label {
 116 float:left;
 117 }
 118 .form_settings .form_data textarea,
 119 .form_settings .form_data select,
 120 .form_settings .form_data input {
 121 margin-left:11px;
 122 float:left;
 123 }
 124 .form_settings .form_data input.submit {
 125 margin-left:0;
 126 }
 127
 128 .form_settings label {
 129 margin-top:2px;
 130 width:152px;
 131 }
 132
 133 .form_actions label {
 134 display:none;
 135 }
 136 .form_guide {
 137 font-style:italic;
 138 }
 139
 140 .form_settings #settings_autosubscribe label {
 141 display:inline;
 142 font-weight:bold;
 143 }
 144
 145 #form_settings_profile legend,
 146 #form_login legend,
 147 #form_register legend,
 148 #form_password legend,
 149 #form_settings_avatar legend,
 150 #newgroup legend,
 151 #editgroup legend,
 152 #form_tag_user legend,
 153 #form_remote_subscribe legend,
 154 #form_openid_login legend {
 155 display:none;
 156 }
 157
 158 .form_settings .form_data p.form_guide {
 159 clear:both;
 160 margin-left:163px;
 161 margin-bottom:0;
 162 }
 163
 164 .form_settings p {
 165 margin-bottom:11px;
 166 }
 167
 168 .form_settings input.checkbox {
 169 margin-top:3px;
 170 margin-left:0;
 171 }
 172 .form_settings label.checkbox {
 173 font-weight:normal;
 174 margin-top:0;
 175 margin-right:0;
 176 margin-left:11px;
 177 float:left;
 178 width:90%;
 179 }
 180
 181 #form_login p.form_guide,
 182 #form_register #settings_rememberme p.form_guide,
 183 #form_openid_login #settings_rememberme p.form_guide,
 184 #settings_twitter_remove p.form_guide {
 185 margin-left:0;
 186 }
 187
 188 .form_settings .form_note {
 189 border-radius:4px;
 190 -moz-border-radius:4px;
 191 -webkit-border-radius:4px;
 192 padding:0 7px;
 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 #header {
 209 width:100%;
 210 position:relative;
 211 float:left;
 212 padding-top:18px;
 213 margin-bottom:29px;
 214 }
 215
 216 #site_nav_global_primary {
 217 float:right;
 218 margin-right:18px;
 219 margin-bottom:11px;
 220 margin-left:18px;
 221 }
 222 #site_nav_global_primary ul li {
 223 display:inline;
 224 margin-left:11px;
 225 }
 226
 227 .system_notice dt {
 228 font-weight:bold;
 229 text-transform:uppercase;
 230 display:none;
 231 }
 232
 233 #site_notice {
 234 position:absolute;
 235 right:0;
 236 top:49px;
 237 float:right;
 238 width:300px;
 239 }
 240 #page_notice {
 241 clear:both;
 242 margin-bottom:18px;
 243 }
 244
 245
 246 #anon_notice {
 247 float:left;
 248 width:432px;
 249 padding:11px;
 250 border-radius:7px;
 251 -moz-border-radius:7px;
 252 -webkit-border-radius:7px;
 253 border-width:2px;
 254 border-style:solid;
 255 line-height:1.5;
 256 font-size:1.1em;
 257 font-weight:bold;
 258 }
 259
 260
 261 #footer {
 262 float:left;
 263 width:64%;
 264 padding:18px;
 265 }
 266
 267 #site_nav_local_views {
 268 width:100%;
 269 float:left;
 270 }
 271 #site_nav_local_views dt {
 272 display:none;
 273 }
 274 #site_nav_local_views li {
 275 float:left;
 276 margin-right:18px;
 277 list-style-type:none;
 278 }
 279 #site_nav_local_views a {
 280 float:left;
 281 text-decoration:none;
 282 padding:4px 11px;
 283 -moz-border-radius-topleft:4px;
 284 -moz-border-radius-topright:4px;
 285 -webkit-border-top-left-radius:4px;
 286 -webkit-border-top-right-radius:4px;
 287 border-width:1px;
 288 border-style:solid;
 289 border-bottom:0;
 290 text-shadow: 4px 4px 4px #ddd;
 291 font-weight:bold;
 292 }
 293 #site_nav_local_views .nav {
 294 float:left;
 295 width:100%;
 296 }
 297
 298 #site_nav_global_primary dt,
 299 #site_nav_global_secondary dt {
 300 display:none;
 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 #export_data ul {
 322 display:inline;
 323 }
 324 #export_data li {
 325 list-style-type:none;
 326 display:inline;
 327 margin-left:11px;
 328 }
 329 #export_data li:first-child {
 330 margin-left:0;
 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 #wrap {
 356 float:left;
 357 margin:0 auto;
 358 width:71.714em;
 359 }
 360
 361 #core {
 362 position:relative;
 363 width:100%;
 364 float:left;
 365 margin-bottom:1em;
 366 }
 367
 368 #content {
 369 width:644px;
 370 width:46em;
 371 padding:18px;
 372 float:left;
 373 border-radius:7px;
 374 -moz-border-radius:7px;
 375 -moz-border-radius-topleft:0;
 376 -webkit-border-radius:7px;
 377 -webkit-border-top-left-radius:0;
 378 }
 379
 380 #content_inner {
 381 position:relative;
 382 width:100%;
 383 float:left;
 384 }
 385
 386 #aside_primary {
 387 width:300px;
 388 width:21.429em;
 389 float:left;
 390 margin-left:2px;
 391 padding:18px 4px 18px 18px;
 392 border-radius:7px;
 393 -moz-border-radius:7px;
 394 -webkit-border-radius:7px;
 395 }
 396
 397 /*Start: FORM NOTICE*/
 398 #form_notice {
 399 width:458px;
 400 float:left;
 401 position:relative;
 402 line-height:1;
 403 }
 404 #form_notice fieldset {
 405 border:0;
 406 padding:0;
 407 }
 408 #form_notice legend {
 409 display:none;
 410 }
 411 #form_notice textarea {
 412 border-radius:7px;
 413 -moz-border-radius:7px;
 414 -webkit-border-radius:7px;
 415 width:370px;
 416 height:67px;
 417 line-height:1.5;
 418 padding:7px 7px 16px 7px;
 419 }
 420 #form_notice label {
 421 display:block;
 422 font-size:1.3em;
 423 margin-bottom:7px;
 424 }
 425 #form_notice .form_data li {
 426 float:left;
 427 }
 428
 429 #form_notice #notice_attach_file label,
 430 #form_notice #notice_submit label {
 431 display:none;
 432 }
 433
 434 #form_notice #notice_attachment {
 435 margin-top:25px;
 436 margin-left:4px;
 437 }
 438
 439 #form_notice .form_note {
 440 position:absolute;
 441 top:99px;
 442 right:98px;
 443 z-index:9;
 444 }
 445
 446 #form_notice .form_note dt {
 447 font-weight:bold;
 448 display:none;
 449 }
 450 #notice_text-count {
 451 font-weight:bold;
 452 line-height:1.15;
 453 padding:1px 2px;
 454 }
 455
 456 #form_notice #notice_data-attach_view {
 457 position:absolute;
 458 top:25px;
 459 right:30px;
 460 margin-left:4px;
 461 padding:0;
 462 width:16px;
 463 height:16px;
 464 border:0;
 465 text-indent:-9999px;
 466 }
 467 #form_notice .form_actions {
 468 position:absolute;
 469 bottom:0;
 470 right:0;
 471 }
 472 #form_notice .form_actions input.submit {
 473 width:60px;
 474 padding:8px;
 475 }
 476
 477 #form_notice li {
 478 margin-bottom:0;
 479 }
 480
 481 #form_notice #notice_to {
 482 margin-bottom:7px;
 483 }
 484
 485 #notice_to label {
 486 float:left;
 487 margin-right:18px;
 488 margin-top:11px;
 489 }
 490 #notice_to select {
 491 float:left;
 492 }
 493 /*end FORM NOTICE*/
 494
 495
 496 /* entity_profile */
 497 .entity_profile {
 498 position:relative;
 499 width:475px;
 500 min-height:123px;
 501 float:left;
 502 margin-bottom:17px;
 503 margin-left:0;
 504 }
 505 .entity_profile dt,
 506 #entity_statistics dt {
 507 font-weight:bold;
 508 }
 509 .entity_profile .entity_depiction {
 510 float:left;
 511 position:absolute;
 512 top:0;
 513 left:0;
 514 width:96px;
 515 }
 516 .entity_profile .entity_fn,
 517 .entity_profile .entity_nickname,
 518 .entity_profile .entity_location,
 519 .entity_profile .entity_url,
 520 .entity_profile .entity_note,
 521 .entity_profile .entity_tags {
 522 float:left;
 523 clear:left;
 524 margin-left:113px;
 525 width:322px;
 526 margin-bottom:4px;
 527 }
 528
 529 .entity_profile .entity_fn,
 530 .entity_profile .entity_nickname {
 531 width:auto;
 532 clear:none;
 533 }
 534
 535 .entity_profile .entity_fn {
 536 margin-left:11px;
 537 margin-right:4px;
 538 }
 539 .entity_profile .entity_fn .fn {
 540 font-weight:bold;
 541 font-style:normal;
 542 }
 543 .entity_profile .nickname {
 544 font-style:italic;
 545 font-weight:bold;
 546 }
 547
 548 .entity_profile .entity_fn dd:before {
 549 content: "(";
 550 font-weight:normal;
 551 }
 552 .entity_profile .entity_fn dd:after {
 553 content: ")";
 554 font-weight:normal;
 555 }
 556
 557 .entity_profile dt {
 558 display:none;
 559 }
 560 .entity_profile h2 {
 561 display:none;
 562 }
 563 /* entity_profile */
 564
 565
 566 /*entity_actions*/
 567 .entity_actions {
 568 float:right;
 569
 570 }
 571 .entity_actions h2 {
 572 display:none;
 573 }
 574 .entity_actions ul {
 575 list-style-type:none;
 576 }
 577 .entity_actions li {
 578 margin-bottom:4px;
 579 }
 580 .entity_actions li:first-child {
 581 border-top:0;
 582 }
 583 .entity_actions fieldset {
 584 border:0;
 585 padding:0;
 586 }
 587 .entity_actions legend {
 588 display:none;
 589 }
 590
 591 .entity_actions input.submit {
 592 display:block;
 593 text-align:left;
 594 width:100%;
 595 }
 596 .entity_actions a,
 597 #entity_nudge p,
 598 .entity_remote_subscribe {
 599 text-decoration:none;
 600 font-weight:bold;
 601 display:block;
 602 }
 603
 604 .form_user_block input.submit,
 605 .form_user_unblock input.submit,
 606 #entity_send-a-message a,
 607 .form_user_nudge input.submit,
 608 #entity_nudge p {
 609 border:0;
 610 padding-left:20px;
 611 }
 612
 613 #entity_send-a-message a,
 614 #entity_nudge p {
 615 padding:4px 4px 4px 23px;
 616 }
 617
 618 .entity_remote_subscribe {
 619 padding:4px;
 620 border-width:2px;
 621 border-style:solid;
 622 border-radius:4px;
 623 -moz-border-radius:4px;
 624 -webkit-border-radius:4px;
 625 }
 626
 627
 628 .entity_tags ul {
 629 list-style-type:none;
 630 }
 631 .entity_tags li {
 632 display:inline;
 633 margin-right:1em;
 634 float:left;
 635 }
 636
 637 .aside .section {
 638 margin-bottom:29px;
 639 clear:both;
 640 float:left;
 641 width:100%;
 642 }
 643 .aside .section h2 {
 644 text-transform:uppercase;
 645 font-size:1em;
 646 }
 647
 648 #entity_statistics dt,
 649 #entity_statistics dd {
 650 display:inline;
 651 }
 652 #entity_statistics dt:after {
 653 content: ":";
 654 }
 655
 656 .section ul.entities {
 657 width:280px;
 658 float:left;
 659 }
 660 .section .entities li {
 661 list-style-type:none;
 662 float:left;
 663 margin-right:7px;
 664 margin-bottom:7px;
 665 }
 666 .section .entities li .photo {
 667 margin-right:0;
 668 margin-bottom:0;
 669 }
 670 .section .entities li .fn {
 671 display:none;
 672 }
 673
 674 .aside .section p,
 675 .aside .section .more {
 676 clear:both;
 677 }
 678
 679 .profile .entity_profile {
 680 margin-bottom:0;
 681 min-height:60px;
 682 }
 683
 684
 685 .profile .form_group_join,
 686 .profile .form_group_leave,
 687 .profile .form_user_subscribe,
 688 .profile .form_user_unsubscribe {
 689 float:right;
 690 }
 691 .profile .form_group_join legend,
 692 .profile .form_group_leave legend,
 693 .profile .form_user_subscribe legend,
 694 .profile .form_user_unsubscribe legend {
 695 display:none;
 696 }
 697
 698 .profiles {
 699 list-style-type:none;
 700 }
 701 .profile .entity_profile .entity_location {
 702 width:auto;
 703 clear:none;
 704 margin-left:11px;
 705 }
 706 .profile .entity_profile dl,
 707 .profile .entity_profile dd {
 708 display:inline;
 709 float:none;
 710 }
 711 .profile .entity_profile .entity_note,
 712 .profile .entity_profile .entity_url,
 713 .profile .entity_profile .entity_tags,
 714 .profile .entity_profile .form_subcription_edit {
 715 margin-left:59px;
 716 clear:none;
 717 display:block;
 718 width:auto;
 719 }
 720 .profile .entity_profile .entity_tags dt {
 721 display:inline;
 722 margin-right:11px;
 723 }
 724
 725
 726 .profile .entity_profile .form_subcription_edit label {
 727 font-weight:normal;
 728 margin-right:11px;
 729 }
 730
 731
 732 /* NOTICE */
 733 .notice,
 734 .profile {
 735 position:relative;
 736 padding-top:11px;
 737 padding-bottom:11px;
 738 clear:both;
 739 float:left;
 740 width:100%;
 741 border-top-width:1px;
 742 border-top-style:dashed;
 743 }
 744 .notices li {
 745 list-style-type:none;
 746 }
 747 .notices li.hover {
 748 border-radius:4px;
 749 -moz-border-radius:4px;
 750 -webkit-border-radius:4px;
 751 }
 752
 753 /* NOTICES */
 754 #notices_primary {
 755 float:left;
 756 width:644px;
 757 width:46em;
 758 border-radius:7px;
 759 -moz-border-radius:7px;
 760 -webkit-border-radius:7px;
 761 }
 762 #notices_primary h2 {
 763 display:none;
 764 }
 765 .notice-data a span {
 766 display:block;
 767 padding-left:28px;
 768 }
 769
 770 .notice .author {
 771 margin-right:11px;
 772 }
 773
 774 .notice .author .fn {
 775 font-weight:bold;
 776 }
 777
 778 .notice .author .photo {
 779 margin-bottom:0;
 780 }
 781
 782 .vcard .photo {
 783 display:inline;
 784 margin-right:11px;
 785 margin-bottom:11px;
 786 float:left;
 787 }
 788 .vcard .url {
 789 text-decoration:none;
 790 }
 791 .vcard .url:hover {
 792 text-decoration:underline;
 793 }
 794 .vcard .fn {
 795 font-style:italic;
 796 }
 797
 798 .notice .entry-title {
 799 float:left;
 800 width:100%;
 801 }
 802 #shownotice .notice .entry-title {
 803 font-size:2.2em;
 804 }
 805
 806 .notice p.entry-content {
 807 display:inline;
 808 }
 809
 810 #content .notice p.entry-content a:visited {
 811 border-radius:4px;
 812 -moz-border-radius:4px;
 813 -webkit-border-radius:4px;
 814 }
 815 .notice p.entry-content .vcard a {
 816 border-radius:4px;
 817 -moz-border-radius:4px;
 818 -webkit-border-radius:4px;
 819 }
 820
 821 .notice div.entry-content {
 822 clear:left;
 823 float:left;
 824 font-size:0.95em;
 825 margin-left:59px;
 826 width:70%;
 827 }
 828 #showstream .notice div.entry-content {
 829 margin-left:0;
 830 }
 831
 832 .notice .notice-options a,
 833 .notice .notice-options input {
 834 float:left;
 835 font-size:1.025em;
 836 }
 837
 838 .notice div.entry-content dl,
 839 .notice div.entry-content dt,
 840 .notice div.entry-content dd {
 841 display:inline;
 842 }
 843
 844 .notice div.entry-content .timestamp dt,
 845 .notice div.entry-content .response dt {
 846 display:none;
 847 }
 848 .notice div.entry-content .timestamp a {
 849 display:inline-block;
 850 }
 851 .notice div.entry-content .device dt {
 852 text-transform:lowercase;
 853 }
 854
 855
 856
 857 .notice-data {
 858 position:absolute;
 859 top:18px;
 860 right:0;
 861 min-height:50px;
 862 margin-bottom:4px;
 863 }
 864 .notice .entry-content .notice-data dt {
 865 display:none;
 866 }
 867
 868 .notice-data a {
 869 display:block;
 870 outline:none;
 871 }
 872
 873 .notice-options {
 874 padding-left:2%;
 875 float:left;
 876 width:50%;
 877 position:relative;
 878 font-size:0.95em;
 879 width:12.5%;
 880 float:right;
 881 }
 882
 883 .notice-options a {
 884 float:left;
 885 }
 886 .notice-options .notice_delete,
 887 .notice-options .notice_reply,
 888 .notice-options .form_favor,
 889 .notice-options .form_disfavor {
 890 position:absolute;
 891 top:0;
 892 }
 893 .notice-options .form_favor,
 894 .notice-options .form_disfavor {
 895 left:0;
 896 }
 897 .notice-options .notice_reply {
 898 left:29px;
 899 }
 900 .notice-options .notice_delete {
 901 left:76px;
 902 }
 903 .notice-options .notice_reply dt {
 904 display:none;
 905 }
 906
 907 .notice-options input,
 908 .notice-options a {
 909 text-indent:-9999px;
 910 outline:none;
 911 }
 912
 913 .notice-options .notice_reply a,
 914 .notice-options input.submit {
 915 display:block;
 916 border:0;
 917 }
 918 .notice-options .notice_reply a,
 919 .notice-options .notice_delete a {
 920 text-decoration:none;
 921 padding-left:16px;
 922 }
 923
 924 .notice-options form input.submit {
 925 width:16px;
 926 padding:2px 0;
 927 }
 928
 929 .notice-options .notice_delete dt,
 930 .notice-options .form_favor legend,
 931 .notice-options .form_disfavor legend {
 932 display:none;
 933 }
 934 .notice-options .notice_delete fieldset,
 935 .notice-options .form_favor fieldset,
 936 .notice-options .form_disfavor fieldset {
 937 border:0;
 938 padding:0;
 939 }
 940 /*END: NOTICES */
 941
 942
 943
 944 #groups p {
 945 margin-bottom:18px;
 946 }
 947 #groups #new_group a {
 948 padding-left:20px;
 949 }
 950
 951
 952 .pagination {
 953 float:left;
 954 clear:both;
 955 width:100%;
 956 margin-top:18px;
 957 }
 958
 959 .pagination dt {
 960 font-weight:bold;
 961 display:none;
 962 }
 963
 964 .pagination .nav {
 965 float:left;
 966 width:100%;
 967 list-style-type:none;
 968 }
 969
 970 .pagination .nav_prev {
 971 float:left;
 972 }
 973 .pagination .nav_next {
 974 float:right;
 975 }
 976
 977 .pagination a {
 978 display:block;
 979 text-decoration:none;
 980 font-weight:bold;
 981 padding:7px;
 982 border:1px dotted #D1D9E4;
 983 border-bottom:0;
 984 }
 985
 986 .pagination .nav_prev a {
 987 -moz-border-radius-topright:7px;
 988 -webkit-border-top-right-radius:7px;
 989 padding-left:20px;
 990 border-left:0;
 991 }
 992 .pagination .nav_next a {
 993 -moz-border-radius-topleft:7px;
 994 -webkit-border-top-left-radius:7px;
 995 padding-right:20px;
 996 border-right:0;
 997 }
 998 /* END: NOTICE */
 999
1000
1001 .hentry .entry-content p {
1002 margin-bottom:18px;
1003 }
1004 .hentry entry-content ol,
1005 .hentry .entry-content ul {
1006 list-style-position:inside;
1007 }
1008 .hentry .entry-content li {
1009 margin-bottom:18px;
1010 }
1011 .hentry .entry-content li li {
1012 margin-left:18px;
1013 }
1014
1015
1016
1017
1018 /* TOP_POSTERS */
1019 .section tbody td {
1020 padding-right:11px;
1021 padding-bottom:11px;
1022 }
1023 .section .vcard .photo {
1024 margin-right:7px;
1025 margin-bottom:0;
1026 }
1027
1028 .section .notice {
1029 padding-top:11px;
1030 padding-bottom:11px;
1031 }
1032
1033 .section .notice:first-child {
1034 padding-top:0;
1035 border-top:0;
1036 }
1037
1038
1039 /* tagcloud */
1040 .tag-cloud {
1041 list-style-type:none;
1042 text-align:center;
1043 }
1044 .aside .tag-cloud {
1045 font-size:0.8em;
1046 }
1047 .tag-cloud li {
1048 display:inline;
1049 margin-right:7px;
1050 line-height:1.25;
1051 }
1052 .aside .tag-cloud li {
1053 line-height:1.5;
1054 }
1055 .tag-cloud li a {
1056 text-decoration:none;
1057 }
1058 #tagcloud.section dt {
1059 text-transform:uppercase;
1060 font-weight:bold;
1061 }
1062 .tag-cloud-1 {
1063 font-size:1em;
1064 }
1065 .tag-cloud-2 {
1066 font-size:1.25em;
1067 }
1068 .tag-cloud-3 {
1069 font-size:1.75em;
1070 }
1071 .tag-cloud-4 {
1072 font-size:2em;
1073 }
1074 .tag-cloud-5 {
1075 font-size:2.25em;
1076 }
1077 .tag-cloud-6 {
1078 font-size:2.75em;
1079 }
1080 .tag-cloud-7 {
1081 font-size:3.25em;
1082 }
1083
1084 #publictagcloud #tagcloud.section dt {
1085 display:none;
1086 }
1087
1088 #form_settings_photo .form_data {
1089 clear:both;
1090 }
1091
1092 #form_settings_avatar li {
1093 width:auto;
1094 }
1095 #form_settings_avatar input {
1096 margin-left:0;
1097 }
1098 #avatar_original,
1099 #avatar_preview {
1100 float:left;
1101 }
1102 #avatar_preview {
1103 margin-left:29px;
1104 }
1105 #avatar_preview_view {
1106 height:96px;
1107 width:96px;
1108 margin-bottom:18px;
1109 overflow:hidden;
1110 }
1111
1112 #settings_attach,
1113 #form_settings_avatar .form_actions {
1114 clear:both;
1115 }
1116
1117 #form_settings_avatar .form_actions {
1118 margin-bottom:0;
1119 }