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 }
  24 h1,h2,h3,h4,h5,h6 {
  25 margin-bottom:7px;
  26 overflow:hidden;
  27 }
  28 h1 {
  29 font-size:1.4em;
  30 margin-bottom:18px;
  31 }
  32 #showstream h1 { display:none; }
  33 h2 { font-size:1.3em; }
  34 h3 { font-size:1.2em; }
  35 h4 { font-size:1.1em; }
  36 h5 { font-size:1em; }
  37 h6 { font-size:0.9em; }
  38
  39 caption {
  40 font-weight:bold;
  41 }
  42 legend {
  43 font-weight:bold;
  44 font-size:1.3em;
  45 }
  46 input, textarea, select, option {
  47 padding:4px;
  48 font-family:sans-serif;
  49 font-size:1em;
  50 }
  51 input, textarea, select {
  52 border-width:2px;
  53 border-style: solid;
  54 border-radius:4px;
  55 -moz-border-radius:4px;
  56 -webkit-border-radius:4px;
  57 }
  58
  59 input.submit {
  60 font-weight:bold;
  61 cursor:pointer;
  62 }
  63 textarea {
  64 overflow:auto;
  65 }
  66 option {
  67 padding-bottom:0;
  68 }
  69 fieldset {
  70 padding:0;
  71 border:0;
  72 }
  73 form ul li {
  74 list-style-type:none;
  75 margin:0 0 18px 0;
  76 }
  77 form label {
  78 font-weight:bold;
  79 }
  80 input.checkbox {
  81 position:relative;
  82 top:2px;
  83 left:0;
  84 border:0;
  85 }
  86
  87 .error,
  88 .success {
  89 padding:4px 1.55%;
  90 border-radius:4px;
  91 -moz-border-radius:4px;
  92 -webkit-border-radius:4px;
  93 margin-bottom:18px;
  94 }
  95 form label.submit {
  96 display:none;
  97 }
  98
  99 .form_settings {
 100 clear:both;
 101 }
 102
 103 .form_settings fieldset {
 104 margin-bottom:29px;
 105 }
 106 .form_settings input.remove {
 107 margin-left:11px;
 108 }
 109 .form_settings .form_data li {
 110 width:100%;
 111 float:left;
 112 }
 113 .form_settings .form_data label {
 114 float:left;
 115 }
 116 .form_settings .form_data textarea,
 117 .form_settings .form_data select,
 118 .form_settings .form_data input {
 119 margin-left:11px;
 120 float:left;
 121 }
 122 .form_settings .form_data input.submit {
 123 margin-left:0;
 124 }
 125
 126 .form_settings label {
 127 margin-top:2px;
 128 width:152px;
 129 }
 130
 131 .form_actions label {
 132 display:none;
 133 }
 134 .form_guide {
 135 font-style:italic;
 136 }
 137
 138 .form_settings #settings_autosubscribe label {
 139 display:inline;
 140 font-weight:bold;
 141 }
 142
 143 #form_settings_profile legend,
 144 #form_login legend,
 145 #form_register legend,
 146 #form_password legend,
 147 #form_settings_avatar legend,
 148 #newgroup legend,
 149 #editgroup legend,
 150 #form_tag_user legend,
 151 #form_remote_subscribe legend,
 152 #form_openid_login legend,
 153 #form_search legend,
 154 #form_invite legend,
 155 #form_notice_delete legend,
 156 #form_password_recover legend,
 157 #form_password_change legend {
 158 display:none;
 159 }
 160
 161 .form_settings .form_data p.form_guide {
 162 clear:both;
 163 margin-left:163px;
 164 margin-bottom:0;
 165 }
 166
 167 .form_settings p {
 168 margin-bottom:11px;
 169 }
 170
 171 .form_settings input.checkbox {
 172 margin-top:3px;
 173 margin-left:0;
 174 }
 175 .form_settings label.checkbox {
 176 font-weight:normal;
 177 margin-top:0;
 178 margin-right:0;
 179 margin-left:11px;
 180 float:left;
 181 width:90%;
 182 }
 183
 184
 185 #form_login p.form_guide,
 186 #form_register #settings_rememberme p.form_guide,
 187 #form_openid_login #settings_rememberme p.form_guide,
 188 #settings_twitter_remove p.form_guide,
 189 #form_search ul.form_data #q {
 190 margin-left:0;
 191 }
 192
 193 .form_settings .form_note {
 194 border-radius:4px;
 195 -moz-border-radius:4px;
 196 -webkit-border-radius:4px;
 197 padding:0 7px;
 198 }
 199
 200
 201 .form_settings input.form_action-secondary {
 202 margin-left:29px;
 203 padding:0;
 204 }
 205
 206 #form_search .submit {
 207 margin-left:11px;
 208 }
 209
 210 address {
 211 float:left;
 212 margin-bottom:18px;
 213 margin-left:18px;
 214 }
 215 address.vcard img.logo {
 216 margin-right:0;
 217 }
 218 address .fn {
 219 font-weight:bold;
 220 }
 221 address img + .fn {
 222 display:none;
 223 }
 224
 225 #header {
 226 width:100%;
 227 position:relative;
 228 float:left;
 229 padding-top:18px;
 230 margin-bottom:29px;
 231 }
 232
 233 #site_nav_global_primary {
 234 float:right;
 235 margin-right:18px;
 236 margin-bottom:11px;
 237 margin-left:18px;
 238 }
 239 #site_nav_global_primary ul li {
 240 display:inline;
 241 margin-left:11px;
 242 }
 243
 244 .system_notice dt {
 245 font-weight:bold;
 246 text-transform:uppercase;
 247 display:none;
 248 }
 249
 250 #site_notice {
 251 float:right;
 252 clear:right;
 253 margin-top:7px;
 254 margin-right:18px;
 255 width:24%;
 256 }
 257 #page_notice {
 258 clear:both;
 259 margin-bottom:18px;
 260 }
 261
 262
 263 #anon_notice {
 264 float:left;
 265 width:43.2%;
 266 padding:1.1%;
 267 border-radius:7px;
 268 -moz-border-radius:7px;
 269 -webkit-border-radius:7px;
 270 border-width:2px;
 271 border-style:solid;
 272 line-height:1.5;
 273 font-size:1.1em;
 274 font-weight:bold;
 275 }
 276
 277
 278 #footer {
 279 float:left;
 280 width:64%;
 281 padding:18px;
 282 }
 283
 284 #site_nav_local_views {
 285 width:100%;
 286 float:left;
 287 }
 288 #site_nav_local_views dt {
 289 display:none;
 290 }
 291 #site_nav_local_views li {
 292 float:left;
 293 margin-right:18px;
 294 list-style-type:none;
 295 }
 296 #site_nav_local_views a {
 297 float:left;
 298 text-decoration:none;
 299 padding:4px 11px;
 300 -moz-border-radius-topleft:4px;
 301 -moz-border-radius-topright:4px;
 302 -webkit-border-top-left-radius:4px;
 303 -webkit-border-top-right-radius:4px;
 304 border-width:1px;
 305 border-style:solid;
 306 border-bottom:0;
 307 text-shadow: 2px 2px 2px #ddd;
 308 font-weight:bold;
 309 }
 310 #site_nav_local_views .nav {
 311 float:left;
 312 width:100%;
 313 }
 314
 315 #site_nav_global_primary dt,
 316 #site_nav_global_secondary dt {
 317 display:none;
 318 }
 319
 320 #site_nav_global_secondary {
 321 margin-bottom:11px;
 322 }
 323
 324 #site_nav_global_secondary ul li {
 325 display:inline;
 326 margin-right:11px;
 327 }
 328 #export_data li a {
 329 padding-left:20px;
 330 }
 331 #export_data li a.foaf {
 332 padding-left:30px;
 333 }
 334 #export_data li a.export_vcard {
 335 padding-left:28px;
 336 }
 337
 338 #export_data ul {
 339 display:inline;
 340 }
 341 #export_data li {
 342 list-style-type:none;
 343 display:inline;
 344 margin-left:11px;
 345 }
 346 #export_data li:first-child {
 347 margin-left:0;
 348 }
 349
 350 #licenses {
 351 font-size:0.9em;
 352 }
 353
 354 #licenses dt {
 355 font-weight:bold;
 356 display:none;
 357 }
 358 #licenses dd {
 359 margin-bottom:11px;
 360 line-height:1.5;
 361 }
 362
 363 #site_content_license_cc {
 364 margin-bottom:0;
 365 }
 366 #site_content_license_cc img {
 367 display:inline;
 368 vertical-align:top;
 369 margin-right:4px;
 370 }
 371
 372 #wrap {
 373 margin:0 auto;
 374 width:100%;
 375 min-width:760px;
 376 max-width:1003px;
 377 overflow:hidden;
 378 }
 379
 380 #core {
 381 position:relative;
 382 width:100%;
 383 float:left;
 384 margin-bottom:1em;
 385 }
 386
 387 #content {
 388 width:64.009%;
 389 min-height:259px;
 390 padding:1.795%;
 391 float:left;
 392 border-radius:7px;
 393 -moz-border-radius:7px;
 394 -moz-border-radius-topleft:0;
 395 -webkit-border-radius:7px;
 396 -webkit-border-top-left-radius:0;
 397 border-style:solid;
 398 border-width:1px;
 399 }
 400 #shownotice #content {
 401 min-height:0;
 402 }
 403
 404 #content_inner {
 405 position:relative;
 406 width:100%;
 407 float:left;
 408 }
 409
 410 #aside_primary {
 411 width:27.917%;
 412 min-height:259px;
 413 float:left;
 414 margin-left:0.385%;
 415 padding:1.795%;
 416 border-radius:7px;
 417 -moz-border-radius:7px;
 418 -webkit-border-radius:7px;
 419 border-width:1px;
 420 border-style:solid;
 421 }
 422
 423 #form_notice {
 424 width:45.664%;
 425 float:left;
 426 position:relative;
 427 line-height:1;
 428 }
 429 #form_notice fieldset {
 430 border:0;
 431 padding:0;
 432 position:relative;
 433 }
 434 #form_notice legend {
 435 display:none;
 436 }
 437 #form_notice textarea {
 438 float:left;
 439 border-radius:7px;
 440 -moz-border-radius:7px;
 441 -webkit-border-radius:7px;
 442 width:80.789%;
 443 height:67px;
 444 line-height:1.5;
 445 padding:7px 7px 16px 7px;
 446 }
 447 #form_notice label {
 448 display:block;
 449 float:left;
 450 font-size:1.3em;
 451 margin-bottom:7px;
 452 }
 453 #form_notice #notice_submit label {
 454 display:none;
 455 }
 456 #form_notice .form_note {
 457 position:absolute;
 458 top:99px;
 459 right:98px;
 460 z-index:9;
 461 }
 462 #form_notice .form_note dt {
 463 font-weight:bold;
 464 display:none;
 465 }
 466 #notice_text-count {
 467 font-weight:bold;
 468 line-height:1.15;
 469 padding:1px 2px;
 470 }
 471 #form_notice #notice_action-submit {
 472 width:14%;
 473 height:47px;
 474 padding:0;
 475 position:absolute;
 476 bottom:0;
 477 right:0;
 478 }
 479 #form_notice label[for=to] {
 480 margin-top:7px;
 481 }
 482 #form_notice select[id=to] {
 483 margin-bottom:7px;
 484 margin-left:18px;
 485 float:left;
 486 }
 487 #form_notice .error {
 488 float:left;
 489 clear:both;
 490 width:96.9%;
 491 margin-bottom:0;
 492 line-height:1.618;
 493 }
 494
 495 /* entity_profile */
 496 .entity_profile {
 497 position:relative;
 498 width:74.702%;
 499 min-height:123px;
 500 float:left;
 501 margin-bottom:18px;
 502 margin-left:0;
 503 overflow:hidden;
 504 }
 505 .entity_profile dt,
 506 #entity_statistics dt {
 507 font-weight:bold;
 508 }
 509 .entity_profile dd {
 510 display:inline;
 511 }
 512
 513 .entity_profile .entity_depiction {
 514 float:left;
 515 width:96px;
 516 margin-right:18px;
 517 margin-bottom:18px;
 518 }
 519
 520 .entity_profile .entity_fn,
 521 .entity_profile .entity_nickname,
 522 .entity_profile .entity_location,
 523 .entity_profile .entity_url,
 524 .entity_profile .entity_note,
 525 .entity_profile .entity_tags {
 526 margin-left:113px;
 527 margin-bottom:4px;
 528 }
 529
 530 .entity_profile .entity_fn,
 531 .entity_profile .entity_nickname {
 532 margin-left:11px;
 533 display:inline;
 534 }
 535 .entity_profile .entity_nickname {
 536 margin-left:0;
 537 }
 538 .entity_profile .fn,
 539 .entity_profile .nickname {
 540 font-size:1.1em;
 541 font-weight:bold;
 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 margin-left:2.35%;
 565 max-width:25%;
 566 }
 567 .entity_actions h2 {
 568 display:none;
 569 }
 570 .entity_actions ul {
 571 list-style-type:none;
 572 }
 573 .entity_actions li {
 574 margin-bottom:4px;
 575 }
 576 .entity_actions li:first-child {
 577 border-top:0;
 578 }
 579 .entity_actions fieldset {
 580 border:0;
 581 padding:0;
 582 }
 583 .entity_actions legend {
 584 display:none;
 585 }
 586
 587 .entity_actions input.submit {
 588 display:block;
 589 text-align:left;
 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 .entity_edit a,
 604 .form_user_nudge input.submit,
 605 .entity_nudge p {
 606 border:0;
 607 padding-left:20px;
 608 }
 609
 610 .entity_edit a,
 611 .entity_send-a-message a,
 612 .entity_nudge p {
 613 padding:4px 4px 4px 23px;
 614 }
 615
 616 .entity_remote_subscribe {
 617 padding:4px;
 618 border-width:2px;
 619 border-style:solid;
 620 border-radius:4px;
 621 -moz-border-radius:4px;
 622 -webkit-border-radius:4px;
 623 }
 624 .entity_actions .accept {
 625 margin-bottom:18px;
 626 }
 627
 628 .entity_tags ul {
 629 list-style-type:none;
 630 display:inline;
 631 }
 632 .entity_tags li {
 633 display:inline;
 634 margin-right:4px;
 635 }
 636
 637 .aside .section {
 638 margin-bottom:29px;
 639 clear:both;
 640 float:left;
 641 width:100%;
 642 list-style-position:inside;
 643 }
 644 .aside .section h2 {
 645 text-transform:uppercase;
 646 font-size:1em;
 647 }
 648
 649 #entity_statistics dt,
 650 #entity_statistics dd {
 651 display:inline;
 652 }
 653 #entity_statistics dt:after {
 654 content: ":";
 655 }
 656
 657 .section ul.entities {
 658 float:left;
 659 width:100%;
 660 }
 661 .section .entities li {
 662 list-style-type:none;
 663 float:left;
 664 margin-right:7px;
 665 margin-bottom:7px;
 666 display:inline;
 667 }
 668 .section .entities li .photo {
 669 margin-right:0;
 670 margin-bottom:0;
 671 }
 672 .section .entities li .fn {
 673 display:none;
 674 }
 675
 676 .aside .section p,
 677 .aside .section .more {
 678 clear:both;
 679 }
 680
 681 .profile .entity_profile {
 682 margin-bottom:0;
 683 min-height:60px;
 684 }
 685
 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_subscription_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_subscription_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:dotted;
 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:100%;
 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 .fn {
 770 overflow:hidden;
 771 }
 772
 773 .notice .author .fn {
 774 font-weight:bold;
 775 }
 776
 777 .vcard .photo {
 778 display:inline;
 779 margin-right:11px;
 780 float:left;
 781 }
 782 #shownotice .vcard .photo {
 783 margin-bottom:4px;
 784 }
 785 .vcard .url {
 786 text-decoration:none;
 787 }
 788 .vcard .url:hover {
 789 text-decoration:underline;
 790 }
 791
 792 .notice .entry-title {
 793 float:left;
 794 width:100%;
 795 overflow:hidden;
 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:65%;
 822 }
 823 #showstream .notice div.entry-content,
 824 #shownotice .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 .notice-options {
 853 padding-left:2%;
 854 float:left;
 855 width:50%;
 856 position:relative;
 857 font-size:0.95em;
 858 width:12.5%;
 859 float:right;
 860 }
 861
 862 .notice-options a {
 863 float:left;
 864 }
 865 .notice-options .notice_delete,
 866 .notice-options .notice_reply,
 867 .notice-options .form_favor,
 868 .notice-options .form_disfavor {
 869 position:absolute;
 870 top:0;
 871 }
 872 .notice-options .form_favor,
 873 .notice-options .form_disfavor {
 874 left:0;
 875 }
 876 .notice-options .notice_reply {
 877 left:29px;
 878 }
 879 .notice-options .notice_delete {
 880 right:0;
 881 }
 882 .notice-options .notice_reply dt {
 883 display:none;
 884 }
 885
 886 .notice-options input,
 887 .notice-options a {
 888 text-indent:-9999px;
 889 outline:none;
 890 }
 891
 892 .notice-options .notice_reply a,
 893 .notice-options input.submit {
 894 display:block;
 895 border:0;
 896 }
 897 .notice-options .notice_reply a,
 898 .notice-options .notice_delete a {
 899 text-decoration:none;
 900 padding-left:16px;
 901 }
 902
 903 .notice-options form input.submit {
 904 width:16px;
 905 padding:2px 0;
 906 }
 907
 908 .notice-options .notice_delete dt,
 909 .notice-options .form_favor legend,
 910 .notice-options .form_disfavor legend {
 911 display:none;
 912 }
 913 .notice-options .notice_delete fieldset,
 914 .notice-options .form_favor fieldset,
 915 .notice-options .form_disfavor fieldset {
 916 border:0;
 917 padding:0;
 918 }
 919
 920
 921 #usergroups #new_group {
 922 float: left;
 923 margin-right: 2em;
 924 }
 925 #new_group, #group_search {
 926 margin-bottom:18px;
 927 }
 928 #new_group a {
 929 padding-left:20px;
 930 }
 931
 932
 933 #filter_tags {
 934 margin-bottom:11px;
 935 float:left;
 936 }
 937 #filter_tags dt {
 938 display:none;
 939 }
 940 #filter_tags ul {
 941 list-style-type:none;
 942 }
 943 #filter_tags ul li {
 944 float:left;
 945 margin-left:7px;
 946 padding-left:7px;
 947 border-left-width:1px;
 948 border-left-style:solid;
 949 }
 950 #filter_tags ul li.child_1 {
 951 margin-left:0;
 952 border-left:0;
 953 padding-left:0;
 954 }
 955 #filter_tags ul li#filter_tags_all a {
 956 font-weight:bold;
 957 margin-top:7px;
 958 float:left;
 959 }
 960
 961 #filter_tags ul li#filter_tags_item label {
 962 margin-right:7px;
 963 }
 964 #filter_tags ul li#filter_tags_item label,
 965 #filter_tags ul li#filter_tags_item select {
 966 display:inline;
 967 }
 968 #filter_tags ul li#filter_tags_item p {
 969 float:left;
 970 margin-left:38px;
 971 }
 972 #filter_tags ul li#filter_tags_item input {
 973 position:relative;
 974 top:3px;
 975 left:3px;
 976 }
 977
 978
 979
 980 .pagination {
 981 float:left;
 982 clear:both;
 983 width:100%;
 984 margin-top:18px;
 985 }
 986
 987 .pagination dt {
 988 font-weight:bold;
 989 display:none;
 990 }
 991
 992 .pagination .nav {
 993 float:left;
 994 width:100%;
 995 list-style-type:none;
 996 }
 997
 998 .pagination .nav_prev {
 999 float:left;
1000 }
1001 .pagination .nav_next {
1002 float:right;
1003 }
1004
1005 .pagination a {
1006 display:block;
1007 text-decoration:none;
1008 font-weight:bold;
1009 padding:7px;
1010 border-width:1px;
1011 border-style:solid;
1012 -moz-border-radius:7px;
1013 -webkit-border-radius:7px;
1014 border-radius:7px;
1015 }
1016
1017 .pagination .nav_prev a {
1018 padding-left:30px;
1019 }
1020 .pagination .nav_next a {
1021 padding-right:30px;
1022 }
1023 /* END: NOTICE */
1024
1025
1026 .hentry .entry-content p {
1027 margin-bottom:18px;
1028 }
1029 .system_notice ul,
1030 .instructions ul,
1031 .hentry entry-content ol,
1032 .hentry .entry-content ul {
1033 list-style-position:inside;
1034 }
1035 .hentry .entry-content li {
1036 margin-bottom:18px;
1037 }
1038 .hentry .entry-content li li {
1039 margin-left:18px;
1040 }
1041
1042
1043
1044
1045 /* TOP_POSTERS */
1046 .section tbody td {
1047 padding-right:18px;
1048 padding-bottom:11px;
1049 }
1050 .section .vcard .photo {
1051 margin-right:7px;
1052 margin-bottom:0;
1053 }
1054
1055 .section .notice {
1056 padding-top:7px;
1057 padding-bottom:7px;
1058 border-top:0;
1059 }
1060
1061 .section .notice:first-child {
1062 padding-top:0;
1063 }
1064
1065 .section .notice .author {
1066 margin-right:0;
1067 }
1068 .section .notice .author .fn {
1069 display:none;
1070 }
1071
1072
1073 /* tagcloud */
1074 .tag-cloud {
1075 list-style-type:none;
1076 text-align:center;
1077 }
1078 .aside .tag-cloud {
1079 font-size:0.8em;
1080 }
1081 .tag-cloud li {
1082 display:inline;
1083 margin-right:7px;
1084 line-height:1.25;
1085 }
1086 .aside .tag-cloud li {
1087 line-height:1.5;
1088 }
1089 .tag-cloud li a {
1090 text-decoration:none;
1091 }
1092 #tagcloud.section dt {
1093 text-transform:uppercase;
1094 font-weight:bold;
1095 }
1096 .tag-cloud-1 {
1097 font-size:1em;
1098 }
1099 .tag-cloud-2 {
1100 font-size:1.25em;
1101 }
1102 .tag-cloud-3 {
1103 font-size:1.75em;
1104 }
1105 .tag-cloud-4 {
1106 font-size:2em;
1107 }
1108 .tag-cloud-5 {
1109 font-size:2.25em;
1110 }
1111 .tag-cloud-6 {
1112 font-size:2.75em;
1113 }
1114 .tag-cloud-7 {
1115 font-size:3.25em;
1116 }
1117
1118 #publictagcloud #tagcloud.section dt {
1119 display:none;
1120 }
1121
1122 #form_settings_photo .form_data {
1123 clear:both;
1124 }
1125
1126 #form_settings_avatar li {
1127 width:auto;
1128 }
1129 #form_settings_avatar input {
1130 margin-left:0;
1131 }
1132 #avatar_original,
1133 #avatar_preview {
1134 float:left;
1135 }
1136 #avatar_preview {
1137 margin-left:29px;
1138 }
1139 #avatar_preview_view {
1140 height:96px;
1141 width:96px;
1142 margin-bottom:18px;
1143 overflow:hidden;
1144 }
1145
1146 #settings_attach,
1147 #form_settings_avatar .form_actions {
1148 clear:both;
1149 }
1150
1151 #form_settings_avatar .form_actions {
1152 margin-bottom:0;
1153 }
1154
1155 #form_settings_design #settings_design_color .form_data,
1156 #form_settings_design #color-picker {
1157 float:left;
1158 }
1159 #form_settings_design #settings_design_color .form_data {
1160 width:400px;
1161 margin-right:28px;
1162 }
1163
1164 #settings_design_color .form_data li {
1165 width:33%;
1166 }
1167 #settings_design_color .form_data label {
1168 float:none;
1169 }
1170 #settings_design_color .form_data .swatch {
1171 padding:11px;
1172 margin-left:0;
1173 }
1174
1175 .instructions ul {
1176 list-style-position:inside;
1177 }
1178 .instructions p,
1179 .instructions ul {
1180 margin-bottom:18px;
1181 }
1182 .help dt {
1183 display:none;
1184 }
1185 .guide {
1186 clear:both;
1187 }