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:220px;
 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 .aside .section .more {
 670 clear:both;
 671 }
 672
 673 .profile .entity_profile {
 674 margin-bottom:0;
 675 min-height:60px;
 676 }
 677
 678
 679 .profile .form_group_join,
 680 .profile .form_group_leave,
 681 .profile .form_user_subscribe,
 682 .profile .form_user_unsubscribe {
 683 float:right;
 684 }
 685 .profile .form_group_join legend,
 686 .profile .form_group_leave legend,
 687 .profile .form_user_subscribe legend,
 688 .profile .form_user_unsubscribe legend {
 689 display:none;
 690 }
 691
 692 .profiles {
 693 list-style-type:none;
 694 }
 695 .profile .entity_profile .entity_location {
 696 width:auto;
 697 clear:none;
 698 margin-left:11px;
 699 }
 700 .profile .entity_profile dl,
 701 .profile .entity_profile dd {
 702 display:inline;
 703 float:none;
 704 }
 705 .profile .entity_profile .entity_note,
 706 .profile .entity_profile .entity_url,
 707 .profile .entity_profile .entity_tags,
 708 .profile .entity_profile .form_subcription_edit {
 709 margin-left:59px;
 710 clear:none;
 711 display:block;
 712 width:auto;
 713 }
 714 .profile .entity_profile .entity_tags dt {
 715 display:inline;
 716 margin-right:11px;
 717 }
 718
 719
 720 .profile .entity_profile .form_subcription_edit label {
 721 font-weight:normal;
 722 margin-right:11px;
 723 }
 724
 725
 726 /* NOTICE */
 727 .notice,
 728 .profile {
 729 position:relative;
 730 padding-top:11px;
 731 padding-bottom:11px;
 732 clear:both;
 733 float:left;
 734 width:100%;
 735 border-top-width:1px;
 736 border-top-style:dashed;
 737 }
 738 .notices li {
 739 list-style-type:none;
 740 }
 741 .notices li.hover {
 742 border-radius:4px;
 743 -moz-border-radius:4px;
 744 -webkit-border-radius:4px;
 745 }
 746
 747 /* NOTICES */
 748 #notices_primary {
 749 float:left;
 750 width:644px;
 751 width:46em;
 752 border-radius:7px;
 753 -moz-border-radius:7px;
 754 -webkit-border-radius:7px;
 755 }
 756 #notices_primary h2 {
 757 display:none;
 758 }
 759 .notice-data a span {
 760 display:block;
 761 padding-left:28px;
 762 }
 763
 764 .notice .author {
 765 margin-right:11px;
 766 }
 767
 768 .notice .author .fn {
 769 font-weight:bold;
 770 }
 771
 772 .notice .author .photo {
 773 margin-bottom:0;
 774 }
 775
 776 .vcard .photo {
 777 display:inline;
 778 margin-right:11px;
 779 margin-bottom:11px;
 780 float:left;
 781 }
 782 .vcard .url {
 783 text-decoration:none;
 784 }
 785 .vcard .url:hover {
 786 text-decoration:underline;
 787 }
 788 .vcard .fn {
 789 font-style:italic;
 790 }
 791
 792 .notice .entry-title {
 793 float:left;
 794 width:100%;
 795 }
 796 #shownotice .notice .entry-title {
 797 font-size:2.2em;
 798 }
 799
 800 .notice p.entry-content {
 801 display:inline;
 802 }
 803
 804 #content .notice p.entry-content a:visited {
 805 border-radius:4px;
 806 -moz-border-radius:4px;
 807 -webkit-border-radius:4px;
 808 }
 809 .notice p.entry-content .vcard a {
 810 border-radius:4px;
 811 -moz-border-radius:4px;
 812 -webkit-border-radius:4px;
 813 }
 814
 815 .notice div.entry-content {
 816 clear:left;
 817 float:left;
 818 font-size:0.95em;
 819 margin-left:59px;
 820 width:70%;
 821 }
 822 #showstream .notice div.entry-content {
 823 margin-left:0;
 824 }
 825
 826 .notice .notice-options a,
 827 .notice .notice-options input {
 828 float:left;
 829 font-size:1.025em;
 830 }
 831
 832 .notice div.entry-content dl,
 833 .notice div.entry-content dt,
 834 .notice div.entry-content dd {
 835 display:inline;
 836 }
 837
 838 .notice div.entry-content .timestamp dt,
 839 .notice div.entry-content .response dt {
 840 display:none;
 841 }
 842 .notice div.entry-content .timestamp a {
 843 display:inline-block;
 844 }
 845 .notice div.entry-content .device dt {
 846 text-transform:lowercase;
 847 }
 848
 849
 850
 851 .notice-data {
 852 position:absolute;
 853 top:18px;
 854 right:0;
 855 min-height:50px;
 856 margin-bottom:4px;
 857 }
 858 .notice .entry-content .notice-data dt {
 859 display:none;
 860 }
 861
 862 .notice-data a {
 863 display:block;
 864 outline:none;
 865 }
 866
 867 .notice-options {
 868 padding-left:2%;
 869 float:left;
 870 width:50%;
 871 position:relative;
 872 font-size:0.95em;
 873 width:12.5%;
 874 float:right;
 875 }
 876
 877 .notice-options a {
 878 float:left;
 879 }
 880 .notice-options .notice_delete,
 881 .notice-options .notice_reply,
 882 .notice-options .form_favor,
 883 .notice-options .form_disfavor {
 884 position:absolute;
 885 top:0;
 886 }
 887 .notice-options .form_favor,
 888 .notice-options .form_disfavor {
 889 left:0;
 890 }
 891 .notice-options .notice_reply {
 892 left:29px;
 893 }
 894 .notice-options .notice_delete {
 895 left:76px;
 896 }
 897 .notice-options .notice_reply dt {
 898 display:none;
 899 }
 900
 901 .notice-options input,
 902 .notice-options a {
 903 text-indent:-9999px;
 904 outline:none;
 905 }
 906
 907 .notice-options .notice_reply a,
 908 .notice-options input.submit {
 909 display:block;
 910 border:0;
 911 }
 912 .notice-options .notice_reply a,
 913 .notice-options .notice_delete a {
 914 text-decoration:none;
 915 padding-left:16px;
 916 }
 917
 918 .notice-options form input.submit {
 919 cursor:pointer;
 920 width:16px;
 921 padding:2px 0;
 922 }
 923
 924 .notice-options .notice_delete dt,
 925 .notice-options .form_favor legend,
 926 .notice-options .form_disfavor legend {
 927 display:none;
 928 }
 929 .notice-options .notice_delete fieldset,
 930 .notice-options .form_favor fieldset,
 931 .notice-options .form_disfavor fieldset {
 932 border:0;
 933 padding:0;
 934 }
 935 /*END: NOTICES */
 936
 937
 938
 939 #groups p {
 940 margin-bottom:18px;
 941 }
 942 #groups #new_group a {
 943 padding-left:20px;
 944 }
 945
 946
 947
 948 .pagination dt {
 949 font-weight:bold;
 950 display:none;
 951 }
 952
 953 .pagination .nav {
 954 float:left;
 955 width:100%;
 956 list-style-type:none;
 957 }
 958
 959 .pagination .nav_prev {
 960 float:left;
 961 }
 962 .pagination .nav_next {
 963 float:right;
 964 }
 965
 966 .pagination a {
 967 display:block;
 968 text-decoration:none;
 969 font-weight:bold;
 970 padding:7px;
 971 border:1px dotted #D1D9E4;
 972 border-bottom:0;
 973 }
 974
 975 .pagination .nav_prev a {
 976 -moz-border-radius-topright:7px;
 977 -webkit-border-top-right-radius:7px;
 978 padding-left:20px;
 979 border-left:0;
 980 }
 981 .pagination .nav_next a {
 982 -moz-border-radius-topleft:7px;
 983 -webkit-border-top-left-radius:7px;
 984 padding-right:20px;
 985 border-right:0;
 986 }
 987 /* END: NOTICE */
 988
 989
 990 .hentry .entry-content p {
 991 margin-bottom:18px;
 992 }
 993 .hentry entry-content ol,
 994 .hentry .entry-content ul {
 995 list-style-position:inside;
 996 }
 997 .hentry .entry-content li {
 998 margin-bottom:18px;
 999 }
1000 .hentry .entry-content li li {
1001 margin-left:18px;
1002 }
1003
1004
1005
1006
1007 /* TOP_POSTERS */
1008 .section tbody td {
1009 padding-right:11px;
1010 padding-bottom:11px;
1011 }
1012 .section .vcard .photo {
1013 margin-right:7px;
1014 margin-bottom:0;
1015 }
1016
1017 .section .notice {
1018 padding-top:11px;
1019 padding-bottom:11px;
1020 }
1021
1022 .section .notice:first-child {
1023 padding-top:0;
1024 border-top:0;
1025 }
1026
1027
1028 /* tagcloud */
1029 .tag-cloud {
1030 list-style-type:none;
1031 text-align:center;
1032 }
1033 .aside .tag-cloud {
1034 font-size:0.8em;
1035 }
1036 .tag-cloud li {
1037 display:inline;
1038 margin-right:7px;
1039 line-height:1.25;
1040 }
1041 .aside .tag-cloud li {
1042 line-height:1.5;
1043 }
1044 .tag-cloud li a {
1045 text-decoration:none;
1046 }
1047 #tagcloud.section dt {
1048 text-transform:uppercase;
1049 font-weight:bold;
1050 }
1051 .tag-cloud-1 {
1052 font-size:1em;
1053 }
1054 .tag-cloud-2 {
1055 font-size:1.25em;
1056 }
1057 .tag-cloud-3 {
1058 font-size:1.75em;
1059 }
1060 .tag-cloud-4 {
1061 font-size:2em;
1062 }
1063 .tag-cloud-5 {
1064 font-size:2.25em;
1065 }
1066 .tag-cloud-6 {
1067 font-size:2.75em;
1068 }
1069 .tag-cloud-7 {
1070 font-size:3.25em;
1071 }
1072
1073 #publictagcloud #tagcloud.section dt {
1074 display:none;
1075 }
1076
1077 #form_settings_photo .form_data {
1078 clear:both;
1079 }
1080
1081 #form_settings_avatar li {
1082 width:auto;
1083 }
1084 #form_settings_avatar input {
1085 margin-left:0;
1086 }
1087 #avatar_original,
1088 #avatar_preview {
1089 float:left;
1090 }
1091 #avatar_preview {
1092 margin-left:29px;
1093 }
1094 #avatar_preview_view {
1095 height:96px;
1096 width:96px;
1097 margin-bottom:18px;
1098 overflow:hidden;
1099 }
1100
1101 #settings_attach,
1102 #form_settings_avatar .form_actions {
1103 clear:both;
1104 }
1105
1106 #form_settings_avatar .form_actions {
1107 margin-bottom:0;
1108 }