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 label {
 125 margin-top:2px;
 126 width:152px;
 127 }
 128
 129 .form_actions label {
 130 display:none;
 131 }
 132 .form_guide {
 133 font-style:italic;
 134 }
 135
 136 .form_settings #settings_autosubscribe label {
 137 display:inline;
 138 font-weight:bold;
 139 }
 140
 141 #form_settings_profile legend,
 142 #form_login legend,
 143 #form_register legend,
 144 #form_password legend,
 145 #form_settings_avatar legend,
 146 #newgroup legend,
 147 #editgroup legend,
 148 #form_tag_user legend,
 149 #form_remote_subscribe legend,
 150 #form_openid_login legend {
 151 display:none;
 152 }
 153
 154 .form_settings .form_data p.form_guide {
 155 clear:both;
 156 margin-left:163px;
 157 margin-bottom:0;
 158 }
 159
 160 .form_settings p {
 161 margin-bottom:11px;
 162 }
 163
 164 .form_settings input.checkbox {
 165 margin-top:3px;
 166 margin-left:0;
 167 }
 168 .form_settings label.checkbox {
 169 font-weight:normal;
 170 margin-top:0;
 171 margin-right:0;
 172 margin-left:11px;
 173 float:left;
 174 width:90%;
 175 }
 176
 177 #form_login p.form_guide,
 178 #form_register #settings_rememberme p.form_guide,
 179 #form_openid_login #settings_rememberme p.form_guide {
 180 margin-left:0;
 181 }
 182
 183 .form_settings .form_note {
 184 border-radius:4px;
 185 -moz-border-radius:4px;
 186 -webkit-border-radius:4px;
 187 padding:0 7px;
 188 }
 189
 190
 191 address {
 192 float:left;
 193 margin-bottom:18px;
 194 margin-left:18px;
 195 }
 196 address.vcard img.logo {
 197 margin-right:0;
 198 }
 199 address .fn {
 200 font-weight:bold;
 201 }
 202
 203 #header {
 204 width:100%;
 205 position:relative;
 206 float:left;
 207 padding-top:18px;
 208 margin-bottom:29px;
 209 }
 210
 211 #site_nav_global_primary {
 212 float:right;
 213 margin-right:18px;
 214 margin-bottom:11px;
 215 margin-left:18px;
 216 }
 217 #site_nav_global_primary ul li {
 218 display:inline;
 219 margin-left:11px;
 220 }
 221
 222 .system_notice dt {
 223 font-weight:bold;
 224 text-transform:uppercase;
 225 display:none;
 226 }
 227
 228 #site_notice {
 229 position:absolute;
 230 right:0;
 231 top:49px;
 232 float:right;
 233 width:300px;
 234 }
 235 #page_notice {
 236 clear:both;
 237 margin-bottom:18px;
 238 }
 239
 240
 241 #anon_notice {
 242 float:left;
 243 width:432px;
 244 padding:11px;
 245 border-radius:7px;
 246 -moz-border-radius:7px;
 247 -webkit-border-radius:7px;
 248 border-width:2px;
 249 border-style:solid;
 250 line-height:1.5;
 251 font-size:1.1em;
 252 font-weight:bold;
 253 }
 254
 255
 256 #footer {
 257 float:left;
 258 width:64%;
 259 padding:18px;
 260 }
 261
 262 #site_nav_local_views {
 263 width:100%;
 264 float:left;
 265 }
 266 #site_nav_local_views dt {
 267 display:none;
 268 }
 269 #site_nav_local_views li {
 270 float:left;
 271 margin-right:18px;
 272 list-style-type:none;
 273 }
 274 #site_nav_local_views a {
 275 float:left;
 276 text-decoration:none;
 277 padding:4px 11px;
 278 -moz-border-radius-topleft:4px;
 279 -moz-border-radius-topright:4px;
 280 -webkit-border-top-left-radius:4px;
 281 -webkit-border-top-right-radius:4px;
 282 border-width:1px;
 283 border-style:solid;
 284 border-bottom:0;
 285 text-shadow: 4px 4px 4px #ddd;
 286 font-weight:bold;
 287 }
 288 #site_nav_local_views .nav {
 289 float:left;
 290 width:100%;
 291 }
 292
 293 #site_nav_global_primary dt,
 294 #site_nav_global_secondary dt {
 295 display:none;
 296 }
 297
 298 #site_nav_global_secondary {
 299 margin-bottom:11px;
 300 }
 301
 302 #site_nav_global_secondary ul li {
 303 display:inline;
 304 margin-right:11px;
 305 }
 306 #export_data li a {
 307 padding-left:20px;
 308 }
 309 #export_data li a.foaf {
 310 padding-left:30px;
 311 }
 312 #export_data li a.export_vcard {
 313 padding-left:28px;
 314 }
 315
 316 #export_data ul {
 317 display:inline;
 318 }
 319 #export_data li {
 320 list-style-type:none;
 321 display:inline;
 322 margin-left:11px;
 323 }
 324 #export_data li:first-child {
 325 margin-left:0;
 326 }
 327
 328 #licenses {
 329 font-size:0.9em;
 330 }
 331
 332 #licenses dt {
 333 font-weight:bold;
 334 display:none;
 335 }
 336 #licenses dd {
 337 margin-bottom:11px;
 338 line-height:1.5;
 339 }
 340
 341 #site_content_license_cc {
 342 margin-bottom:0;
 343 }
 344 #site_content_license_cc img {
 345 display:inline;
 346 vertical-align:top;
 347 margin-right:4px;
 348 }
 349
 350 #wrap {
 351 float:left;
 352 margin:0 auto;
 353 width:71.714em;
 354 }
 355
 356 #core {
 357 position:relative;
 358 width:100%;
 359 float:left;
 360 margin-bottom:1em;
 361 }
 362
 363 #content {
 364 width:644px;
 365 width:46em;
 366 padding:18px;
 367 float:left;
 368 border-radius:7px;
 369 -moz-border-radius:7px;
 370 -moz-border-radius-topleft:0;
 371 -webkit-border-radius:7px;
 372 -webkit-border-top-left-radius:0;
 373 }
 374
 375 #content_inner {
 376 position:relative;
 377 width:100%;
 378 float:left;
 379 }
 380
 381 #aside_primary {
 382 width:300px;
 383 width:21.429em;
 384 float:left;
 385 margin-left:2px;
 386 padding:18px 4px 18px 18px;
 387 border-radius:7px;
 388 -moz-border-radius:7px;
 389 -webkit-border-radius:7px;
 390 }
 391
 392 /*Start: FORM NOTICE*/
 393 #form_notice {
 394 width:458px;
 395 float:left;
 396 position:relative;
 397 line-height:1;
 398 }
 399 #form_notice fieldset {
 400 border:0;
 401 padding:0;
 402 }
 403 #form_notice legend {
 404 display:none;
 405 }
 406 #form_notice textarea {
 407 border-radius:7px;
 408 -moz-border-radius:7px;
 409 -webkit-border-radius:7px;
 410 width:370px;
 411 height:67px;
 412 line-height:1.5;
 413 padding:7px 7px 16px 7px;
 414 }
 415 #form_notice label {
 416 display:block;
 417 font-size:1.3em;
 418 margin-bottom:7px;
 419 }
 420 #form_notice .form_data li {
 421 float:left;
 422 }
 423
 424 #form_notice #notice_attach_file label,
 425 #form_notice #notice_submit label {
 426 display:none;
 427 }
 428
 429 #form_notice #notice_attachment {
 430 margin-top:25px;
 431 margin-left:4px;
 432 }
 433
 434 #form_notice .form_note {
 435 position:absolute;
 436 top:99px;
 437 right:98px;
 438 z-index:9;
 439 }
 440
 441 #form_notice .form_note dt {
 442 font-weight:bold;
 443 display:none;
 444 }
 445 #notice_text-count {
 446 font-weight:bold;
 447 line-height:1.15;
 448 padding:1px 2px;
 449 }
 450
 451 #form_notice #notice_data-attach_view {
 452 position:absolute;
 453 top:25px;
 454 right:30px;
 455 margin-left:4px;
 456 padding:0;
 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 width:100%;
 590 }
 591 .entity_actions a,
 592 #entity_nudge p,
 593 .entity_remote_subscribe {
 594 text-decoration:none;
 595 font-weight:bold;
 596 display:block;
 597 }
 598
 599 .form_user_block input.submit,
 600 .form_user_unblock input.submit,
 601 #entity_send-a-message a,
 602 .form_user_nudge input.submit,
 603 #entity_nudge p {
 604 border:0;
 605 padding-left:20px;
 606 }
 607
 608 #entity_send-a-message a,
 609 #entity_nudge p {
 610 padding:4px 4px 4px 23px;
 611 }
 612
 613 .entity_remote_subscribe {
 614 padding:4px;
 615 border-width:2px;
 616 border-style:solid;
 617 border-radius:4px;
 618 -moz-border-radius:4px;
 619 -webkit-border-radius:4px;
 620 }
 621
 622
 623 .entity_tags ul {
 624 list-style-type:none;
 625 }
 626 .entity_tags li {
 627 display:inline;
 628 margin-right:1em;
 629 float:left;
 630 }
 631
 632 .aside .section {
 633 margin-bottom:29px;
 634 clear:both;
 635 float:left;
 636 width:100%;
 637 }
 638 .aside .section h2 {
 639 text-transform:uppercase;
 640 font-size:1em;
 641 }
 642
 643 #entity_statistics dt,
 644 #entity_statistics dd {
 645 display:inline;
 646 }
 647 #entity_statistics dt:after {
 648 content: ":";
 649 }
 650
 651 .section ul.entities {
 652 width:280px;
 653 float:left;
 654 }
 655 .section .entities li {
 656 list-style-type:none;
 657 float:left;
 658 margin-right:7px;
 659 margin-bottom:7px;
 660 }
 661 .section .entities li .photo {
 662 margin-right:0;
 663 margin-bottom:0;
 664 }
 665 .section .entities li .fn {
 666 display:none;
 667 }
 668
 669 .aside .section p,
 670 .aside .section .more {
 671 clear:both;
 672 }
 673
 674 .profile .entity_profile {
 675 margin-bottom:0;
 676 min-height:60px;
 677 }
 678
 679
 680 .profile .form_group_join,
 681 .profile .form_group_leave,
 682 .profile .form_user_subscribe,
 683 .profile .form_user_unsubscribe {
 684 float:right;
 685 }
 686 .profile .form_group_join legend,
 687 .profile .form_group_leave legend,
 688 .profile .form_user_subscribe legend,
 689 .profile .form_user_unsubscribe legend {
 690 display:none;
 691 }
 692
 693 .profiles {
 694 list-style-type:none;
 695 }
 696 .profile .entity_profile .entity_location {
 697 width:auto;
 698 clear:none;
 699 margin-left:11px;
 700 }
 701 .profile .entity_profile dl,
 702 .profile .entity_profile dd {
 703 display:inline;
 704 float:none;
 705 }
 706 .profile .entity_profile .entity_note,
 707 .profile .entity_profile .entity_url,
 708 .profile .entity_profile .entity_tags,
 709 .profile .entity_profile .form_subcription_edit {
 710 margin-left:59px;
 711 clear:none;
 712 display:block;
 713 width:auto;
 714 }
 715 .profile .entity_profile .entity_tags dt {
 716 display:inline;
 717 margin-right:11px;
 718 }
 719
 720
 721 .profile .entity_profile .form_subcription_edit label {
 722 font-weight:normal;
 723 margin-right:11px;
 724 }
 725
 726
 727 /* NOTICE */
 728 .notice,
 729 .profile {
 730 position:relative;
 731 padding-top:11px;
 732 padding-bottom:11px;
 733 clear:both;
 734 float:left;
 735 width:100%;
 736 border-top-width:1px;
 737 border-top-style:dashed;
 738 }
 739 .notices li {
 740 list-style-type:none;
 741 }
 742 .notices li.hover {
 743 border-radius:4px;
 744 -moz-border-radius:4px;
 745 -webkit-border-radius:4px;
 746 }
 747
 748 /* NOTICES */
 749 #notices_primary {
 750 float:left;
 751 width:644px;
 752 width:46em;
 753 border-radius:7px;
 754 -moz-border-radius:7px;
 755 -webkit-border-radius:7px;
 756 }
 757 #notices_primary h2 {
 758 display:none;
 759 }
 760 .notice-data a span {
 761 display:block;
 762 padding-left:28px;
 763 }
 764
 765 .notice .author {
 766 margin-right:11px;
 767 }
 768
 769 .notice .author .fn {
 770 font-weight:bold;
 771 }
 772
 773 .notice .author .photo {
 774 margin-bottom:0;
 775 }
 776
 777 .vcard .photo {
 778 display:inline;
 779 margin-right:11px;
 780 margin-bottom:11px;
 781 float:left;
 782 }
 783 .vcard .url {
 784 text-decoration:none;
 785 }
 786 .vcard .url:hover {
 787 text-decoration:underline;
 788 }
 789 .vcard .fn {
 790 font-style:italic;
 791 }
 792
 793 .notice .entry-title {
 794 float:left;
 795 width:100%;
 796 }
 797 #shownotice .notice .entry-title {
 798 font-size:2.2em;
 799 }
 800
 801 .notice p.entry-content {
 802 display:inline;
 803 }
 804
 805 #content .notice p.entry-content a:visited {
 806 border-radius:4px;
 807 -moz-border-radius:4px;
 808 -webkit-border-radius:4px;
 809 }
 810 .notice p.entry-content .vcard a {
 811 border-radius:4px;
 812 -moz-border-radius:4px;
 813 -webkit-border-radius:4px;
 814 }
 815
 816 .notice div.entry-content {
 817 clear:left;
 818 float:left;
 819 font-size:0.95em;
 820 margin-left:59px;
 821 width:70%;
 822 }
 823 #showstream .notice div.entry-content {
 824 margin-left:0;
 825 }
 826
 827 .notice .notice-options a,
 828 .notice .notice-options input {
 829 float:left;
 830 font-size:1.025em;
 831 }
 832
 833 .notice div.entry-content dl,
 834 .notice div.entry-content dt,
 835 .notice div.entry-content dd {
 836 display:inline;
 837 }
 838
 839 .notice div.entry-content .timestamp dt,
 840 .notice div.entry-content .response dt {
 841 display:none;
 842 }
 843 .notice div.entry-content .timestamp a {
 844 display:inline-block;
 845 }
 846 .notice div.entry-content .device dt {
 847 text-transform:lowercase;
 848 }
 849
 850
 851
 852 .notice-data {
 853 position:absolute;
 854 top:18px;
 855 right:0;
 856 min-height:50px;
 857 margin-bottom:4px;
 858 }
 859 .notice .entry-content .notice-data dt {
 860 display:none;
 861 }
 862
 863 .notice-data a {
 864 display:block;
 865 outline:none;
 866 }
 867
 868 .notice-options {
 869 padding-left:2%;
 870 float:left;
 871 width:50%;
 872 position:relative;
 873 font-size:0.95em;
 874 width:12.5%;
 875 float:right;
 876 }
 877
 878 .notice-options a {
 879 float:left;
 880 }
 881 .notice-options .notice_delete,
 882 .notice-options .notice_reply,
 883 .notice-options .form_favor,
 884 .notice-options .form_disfavor {
 885 position:absolute;
 886 top:0;
 887 }
 888 .notice-options .form_favor,
 889 .notice-options .form_disfavor {
 890 left:0;
 891 }
 892 .notice-options .notice_reply {
 893 left:29px;
 894 }
 895 .notice-options .notice_delete {
 896 left:76px;
 897 }
 898 .notice-options .notice_reply dt {
 899 display:none;
 900 }
 901
 902 .notice-options input,
 903 .notice-options a {
 904 text-indent:-9999px;
 905 outline:none;
 906 }
 907
 908 .notice-options .notice_reply a,
 909 .notice-options input.submit {
 910 display:block;
 911 border:0;
 912 }
 913 .notice-options .notice_reply a,
 914 .notice-options .notice_delete a {
 915 text-decoration:none;
 916 padding-left:16px;
 917 }
 918
 919 .notice-options form input.submit {
 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 .pagination {
 948 float:left;
 949 clear:both;
 950 width:100%;
 951 margin-top:18px;
 952 }
 953
 954 .pagination dt {
 955 font-weight:bold;
 956 display:none;
 957 }
 958
 959 .pagination .nav {
 960 float:left;
 961 width:100%;
 962 list-style-type:none;
 963 }
 964
 965 .pagination .nav_prev {
 966 float:left;
 967 }
 968 .pagination .nav_next {
 969 float:right;
 970 }
 971
 972 .pagination a {
 973 display:block;
 974 text-decoration:none;
 975 font-weight:bold;
 976 padding:7px;
 977 border:1px dotted #D1D9E4;
 978 border-bottom:0;
 979 }
 980
 981 .pagination .nav_prev a {
 982 -moz-border-radius-topright:7px;
 983 -webkit-border-top-right-radius:7px;
 984 padding-left:20px;
 985 border-left:0;
 986 }
 987 .pagination .nav_next a {
 988 -moz-border-radius-topleft:7px;
 989 -webkit-border-top-left-radius:7px;
 990 padding-right:20px;
 991 border-right:0;
 992 }
 993 /* END: NOTICE */
 994
 995
 996 .hentry .entry-content p {
 997 margin-bottom:18px;
 998 }
 999 .hentry entry-content ol,
1000 .hentry .entry-content ul {
1001 list-style-position:inside;
1002 }
1003 .hentry .entry-content li {
1004 margin-bottom:18px;
1005 }
1006 .hentry .entry-content li li {
1007 margin-left:18px;
1008 }
1009
1010
1011
1012
1013 /* TOP_POSTERS */
1014 .section tbody td {
1015 padding-right:11px;
1016 padding-bottom:11px;
1017 }
1018 .section .vcard .photo {
1019 margin-right:7px;
1020 margin-bottom:0;
1021 }
1022
1023 .section .notice {
1024 padding-top:11px;
1025 padding-bottom:11px;
1026 }
1027
1028 .section .notice:first-child {
1029 padding-top:0;
1030 border-top:0;
1031 }
1032
1033
1034 /* tagcloud */
1035 .tag-cloud {
1036 list-style-type:none;
1037 text-align:center;
1038 }
1039 .aside .tag-cloud {
1040 font-size:0.8em;
1041 }
1042 .tag-cloud li {
1043 display:inline;
1044 margin-right:7px;
1045 line-height:1.25;
1046 }
1047 .aside .tag-cloud li {
1048 line-height:1.5;
1049 }
1050 .tag-cloud li a {
1051 text-decoration:none;
1052 }
1053 #tagcloud.section dt {
1054 text-transform:uppercase;
1055 font-weight:bold;
1056 }
1057 .tag-cloud-1 {
1058 font-size:1em;
1059 }
1060 .tag-cloud-2 {
1061 font-size:1.25em;
1062 }
1063 .tag-cloud-3 {
1064 font-size:1.75em;
1065 }
1066 .tag-cloud-4 {
1067 font-size:2em;
1068 }
1069 .tag-cloud-5 {
1070 font-size:2.25em;
1071 }
1072 .tag-cloud-6 {
1073 font-size:2.75em;
1074 }
1075 .tag-cloud-7 {
1076 font-size:3.25em;
1077 }
1078
1079 #publictagcloud #tagcloud.section dt {
1080 display:none;
1081 }
1082
1083 #form_settings_photo .form_data {
1084 clear:both;
1085 }
1086
1087 #form_settings_avatar li {
1088 width:auto;
1089 }
1090 #form_settings_avatar input {
1091 margin-left:0;
1092 }
1093 #avatar_original,
1094 #avatar_preview {
1095 float:left;
1096 }
1097 #avatar_preview {
1098 margin-left:29px;
1099 }
1100 #avatar_preview_view {
1101 height:96px;
1102 width:96px;
1103 margin-bottom:18px;
1104 overflow:hidden;
1105 }
1106
1107 #settings_attach,
1108 #form_settings_avatar .form_actions {
1109 clear:both;
1110 }
1111
1112 #form_settings_avatar .form_actions {
1113 margin-bottom:0;
1114 }