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