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%; }
  16 body {
  17 background-color:#FFFFFF;
  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 input.radio {
  82 position:relative;
  83 top:2px;
  84 left:0;
  85 border:0;
  86 }
  87
  88 .error,
  89 .success {
  90 padding:4px 1.55%;
  91 border-radius:4px;
  92 -moz-border-radius:4px;
  93 -webkit-border-radius:4px;
  94 margin-bottom:18px;
  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 .form_data input.submit {
 124 margin-left:0;
 125 }
 126
 127 .form_settings label {
 128 margin-top:2px;
 129 width:152px;
 130 }
 131
 132 .form_actions label {
 133 display:none;
 134 }
 135 .form_guide {
 136 font-style:italic;
 137 }
 138
 139 .form_settings #settings_autosubscribe label {
 140 display:inline;
 141 font-weight:bold;
 142 }
 143
 144 #form_settings_profile legend,
 145 #form_login legend,
 146 #form_register legend,
 147 #form_password legend,
 148 #form_settings_avatar legend,
 149 #newgroup legend,
 150 #editgroup legend,
 151 #form_tag_user legend,
 152 #form_remote_subscribe legend,
 153 #form_openid_login legend,
 154 #form_search legend,
 155 #form_invite legend,
 156 #form_notice_delete legend,
 157 #form_password_recover legend,
 158 #form_password_change legend,
 159 .form_entity_block legend {
 160 display:none;
 161 }
 162
 163 .form_settings .form_data p.form_guide {
 164 clear:both;
 165 margin-left:163px;
 166 margin-bottom:0;
 167 }
 168
 169 .form_settings p {
 170 margin-bottom:11px;
 171 }
 172
 173 .form_settings input.checkbox,
 174 .form_settings input.radio {
 175 margin-top:3px;
 176 margin-left:0;
 177 }
 178 .form_settings label.checkbox {
 179 font-weight:normal;
 180 margin-top:0;
 181 margin-right:0;
 182 margin-left:11px;
 183 float:left;
 184 width:90%;
 185 }
 186 .form_settings label.radio {
 187 margin-top:0;
 188 margin-right:47px;
 189 margin-left:11px;
 190 width:auto;
 191 }
 192
 193 #form_login p.form_guide,
 194 #form_register #settings_rememberme p.form_guide,
 195 #form_openid_login #settings_rememberme p.form_guide,
 196 #settings_twitter_remove p.form_guide,
 197 #form_search ul.form_data #q,
 198 #design_background-image_onoff p.form_guide {
 199 margin-left:0;
 200 }
 201
 202 .form_settings .form_note {
 203 border-radius:4px;
 204 -moz-border-radius:4px;
 205 -webkit-border-radius:4px;
 206 padding:0 7px;
 207 }
 208
 209 .form_settings input.form_action-default {
 210 margin-right:11px;
 211 }
 212 .form_settings input.form_action-default,
 213 .form_settings input.form_action-primary {
 214 padding:0;
 215 }
 216 .form_settings input.form_action-secondary {
 217 margin-left:29px;
 218 }
 219
 220 #form_search .submit {
 221 margin-left:11px;
 222 }
 223
 224 address {
 225 float:left;
 226 margin-bottom:18px;
 227 margin-left:18px;
 228 }
 229 address.vcard img.logo {
 230 margin-right:0;
 231 }
 232 address .fn {
 233 font-weight:bold;
 234 }
 235 address img + .fn {
 236 display:none;
 237 }
 238
 239 #header {
 240 width:100%;
 241 position:relative;
 242 float:left;
 243 padding-top:18px;
 244 margin-bottom:29px;
 245 }
 246
 247 #site_nav_global_primary {
 248 float:right;
 249 margin-right:18px;
 250 margin-bottom:11px;
 251 margin-left:18px;
 252 }
 253 #site_nav_global_primary ul li {
 254 display:inline;
 255 margin-left:11px;
 256 }
 257
 258 .system_notice dt {
 259 font-weight:bold;
 260 text-transform:uppercase;
 261 display:none;
 262 }
 263
 264 #site_notice {
 265 float:right;
 266 clear:right;
 267 margin-top:7px;
 268 margin-right:18px;
 269 width:24%;
 270 }
 271 #page_notice {
 272 clear:both;
 273 margin-bottom:18px;
 274 }
 275
 276 #anon_notice {
 277 float:left;
 278 width:43.2%;
 279 padding:1.1%;
 280 border-radius:7px;
 281 -moz-border-radius:7px;
 282 -webkit-border-radius:7px;
 283 border-width:2px;
 284 border-style:solid;
 285 line-height:1.5;
 286 font-size:1.1em;
 287 font-weight:bold;
 288 }
 289
 290 #footer {
 291 float:left;
 292 width:64%;
 293 padding:18px;
 294 }
 295
 296 #site_nav_local_views {
 297 width:100%;
 298 float:left;
 299 }
 300 #site_nav_local_views dt {
 301 display:none;
 302 }
 303 #site_nav_local_views li {
 304 float:left;
 305 margin-right:18px;
 306 list-style-type:none;
 307 }
 308 #site_nav_local_views a {
 309 float:left;
 310 text-decoration:none;
 311 padding:4px 11px;
 312 -moz-border-radius-topleft:4px;
 313 -moz-border-radius-topright:4px;
 314 -webkit-border-top-left-radius:4px;
 315 -webkit-border-top-right-radius:4px;
 316 border-width:1px;
 317 border-style:solid;
 318 border-bottom:0;
 319 font-weight:bold;
 320 }
 321 #site_nav_local_views .nav {
 322 float:left;
 323 width:100%;
 324 }
 325
 326 #site_nav_global_primary dt,
 327 #site_nav_global_secondary dt {
 328 display:none;
 329 }
 330
 331 #site_nav_global_secondary {
 332 margin-bottom:11px;
 333 }
 334
 335 #site_nav_global_secondary ul li {
 336 display:inline;
 337 margin-right:11px;
 338 }
 339 #export_data li a {
 340 padding-left:20px;
 341 }
 342 #export_data li a.foaf {
 343 padding-left:30px;
 344 }
 345 #export_data li a.export_vcard {
 346 padding-left:28px;
 347 }
 348
 349 #export_data ul {
 350 display:inline;
 351 }
 352 #export_data li {
 353 list-style-type:none;
 354 display:inline;
 355 margin-left:11px;
 356 }
 357 #export_data li:first-child {
 358 margin-left:0;
 359 }
 360
 361 #licenses {
 362 font-size:0.9em;
 363 }
 364
 365 #licenses dt {
 366 font-weight:bold;
 367 display:none;
 368 }
 369 #licenses dd {
 370 margin-bottom:11px;
 371 line-height:1.5;
 372 }
 373
 374 #site_content_license_cc {
 375 margin-bottom:0;
 376 }
 377 #site_content_license_cc img {
 378 display:inline;
 379 vertical-align:top;
 380 margin-right:4px;
 381 }
 382
 383 #wrap {
 384 margin:0 auto;
 385 width:100%;
 386 min-width:760px;
 387 max-width:1003px;
 388 overflow:hidden;
 389 }
 390
 391 #core {
 392 position:relative;
 393 width:100%;
 394 float:left;
 395 margin-bottom:1em;
 396 }
 397
 398 #content {
 399 width:64.009%;
 400 min-height:259px;
 401 padding:1.795%;
 402 float:left;
 403 border-radius:7px;
 404 -moz-border-radius:7px;
 405 -moz-border-radius-topleft:0;
 406 -webkit-border-radius:7px;
 407 -webkit-border-top-left-radius:0;
 408 border-width:1px;
 409 border-style:solid;
 410 }
 411 #shownotice #content {
 412 min-height:0;
 413 }
 414
 415 #content_inner {
 416 position:relative;
 417 width:100%;
 418 float:left;
 419 }
 420
 421 #aside_primary {
 422 width:27.917%;
 423 min-height:259px;
 424 float:left;
 425 margin-left:0.5%;
 426 padding:1.795%;
 427 border-radius:7px;
 428 -moz-border-radius:7px;
 429 -webkit-border-radius:7px;
 430 border-width:1px;
 431 border-style:solid;
 432 }
 433
 434 #form_notice {
 435 width:45.664%;
 436 float:left;
 437 position:relative;
 438 line-height:1;
 439 }
 440 #form_notice fieldset {
 441 border:0;
 442 padding:0;
 443 position:relative;
 444 }
 445 #form_notice legend {
 446 display:none;
 447 }
 448 #form_notice textarea {
 449 float:left;
 450 border-radius:7px;
 451 -moz-border-radius:7px;
 452 -webkit-border-radius:7px;
 453 width:80.789%;
 454 height:67px;
 455 line-height:1.5;
 456 padding:7px 7px 16px 7px;
 457 position:relative;
 458 z-index:2;
 459 }
 460 #form_notice label {
 461 display:block;
 462 float:left;
 463 font-size:1.3em;
 464 margin-bottom:7px;
 465 }
 466 #form_notice label[for=notice_data-attach],
 467 #form_notice #notice_data-attach {
 468 position:absolute;
 469 top:25px;
 470 cursor:pointer;
 471 }
 472 #form_notice label[for=notice_data-attach] {
 473 text-indent:-9999px;
 474 left:394px;
 475 width:16px;
 476 height:16px;
 477 }
 478 #form_notice #notice_data-attach {
 479 left:183px;
 480 padding:0;
 481 height:16px;
 482 }
 483 #form_notice .form_note {
 484 position:absolute;
 485 top:99px;
 486 right:98px;
 487 z-index:9;
 488 }
 489 #form_notice .form_note dt {
 490 font-weight:bold;
 491 display:none;
 492 }
 493 #notice_text-count {
 494 font-weight:bold;
 495 line-height:1.15;
 496 padding:1px 2px;
 497 }
 498 #form_notice #notice_action-submit {
 499 width:14%;
 500 height:47px;
 501 padding:0;
 502 position:absolute;
 503 bottom:0;
 504 right:0;
 505 }
 506 #form_notice label[for=to] {
 507 margin-top:7px;
 508 }
 509 #form_notice select[id=to] {
 510 margin-bottom:7px;
 511 margin-left:18px;
 512 float:left;
 513 }
 514 #form_notice .error,
 515 #form_notice .success {
 516 float:left;
 517 clear:both;
 518 width:81.5%;
 519 margin-bottom:0;
 520 line-height:1.618;
 521 }
 522 #form_notice #notice_data-attach_selected code {
 523 float:left;
 524 width:90%;
 525 display:block;
 526 font-size:1.1em;
 527 line-height:1.8;
 528 overflow:auto;
 529 }
 530 #form_notice #notice_data-attach_selected button {
 531 float:right;
 532 font-size:0.8em;
 533 }
 534
 535 /* entity_profile */
 536 .entity_profile {
 537 position:relative;
 538 width:74.702%;
 539 min-height:123px;
 540 float:left;
 541 margin-bottom:18px;
 542 margin-left:0;
 543 overflow:hidden;
 544 }
 545 .entity_profile dt,
 546 #entity_statistics dt {
 547 font-weight:bold;
 548 }
 549 .entity_profile dd {
 550 display:inline;
 551 }
 552
 553 .entity_profile .entity_depiction {
 554 float:left;
 555 width:96px;
 556 margin-right:18px;
 557 margin-bottom:18px;
 558 }
 559
 560 .entity_profile .entity_fn,
 561 .entity_profile .entity_nickname,
 562 .entity_profile .entity_location,
 563 .entity_profile .entity_url,
 564 .entity_profile .entity_note,
 565 .entity_profile .entity_tags,
 566 .entity_profile .entity_aliases {
 567 margin-left:113px;
 568 margin-bottom:4px;
 569 }
 570
 571 .entity_profile .entity_fn,
 572 .entity_profile .entity_nickname {
 573 margin-left:11px;
 574 display:inline;
 575 }
 576 .entity_profile .entity_nickname {
 577 margin-left:0;
 578 }
 579 .entity_profile .fn,
 580 .entity_profile .nickname {
 581 font-size:1.1em;
 582 font-weight:bold;
 583 }
 584 .entity_profile .entity_fn dd:before {
 585 content: "(";
 586 font-weight:normal;
 587 }
 588 .entity_profile .entity_fn dd:after {
 589 content: ")";
 590 font-weight:normal;
 591 }
 592 .entity_profile dt,
 593 .entity_profile h2 {
 594 display:none;
 595 }
 596 .entity_profile .role {
 597 margin-left:11px;
 598 font-style:italic;
 599 }
 600 /* entity_profile */
 601
 602 /*entity_actions*/
 603 .entity_actions {
 604 float:right;
 605 margin-left:2.35%;
 606 max-width:25%;
 607 }
 608 .entity_actions h2 {
 609 display:none;
 610 }
 611 .entity_actions ul {
 612 list-style-type:none;
 613 }
 614 .entity_actions li {
 615 margin-bottom:4px;
 616 }
 617 .entity_actions li:first-child {
 618 border-top:0;
 619 }
 620 .entity_actions fieldset {
 621 border:0;
 622 padding:0;
 623 }
 624 .entity_actions legend {
 625 display:none;
 626 }
 627
 628 .entity_actions input.submit {
 629 display:block;
 630 text-align:left;
 631 width:100%;
 632 }
 633 .entity_actions a,
 634 .entity_nudge p,
 635 .entity_remote_subscribe {
 636 text-decoration:none;
 637 font-weight:bold;
 638 display:block;
 639 }
 640
 641 .form_user_block input.submit,
 642 .form_user_unblock input.submit,
 643 .form_group_block input.submit,
 644 .form_group_unblock input.submit,
 645 .entity_send-a-message a,
 646 .entity_edit a,
 647 .form_user_nudge input.submit,
 648 .entity_nudge p,
 649 .form_make_admin input.submit {
 650 border:0;
 651 padding-left:20px;
 652 }
 653
 654 .entity_edit a,
 655 .entity_send-a-message a,
 656 .entity_nudge p {
 657 padding:4px 4px 4px 23px;
 658 }
 659
 660 .entity_remote_subscribe {
 661 padding:4px;
 662 border-width:2px;
 663 border-style:solid;
 664 border-radius:4px;
 665 -moz-border-radius:4px;
 666 -webkit-border-radius:4px;
 667 }
 668 .entity_actions .accept {
 669 margin-bottom:18px;
 670 }
 671
 672 .entity_tags ul {
 673 list-style-type:none;
 674 display:inline;
 675 }
 676 .entity_tags li {
 677 display:inline;
 678 margin-right:4px;
 679 }
 680
 681 .aside .section {
 682 margin-bottom:29px;
 683 clear:both;
 684 float:left;
 685 width:100%;
 686 list-style-position:inside;
 687 }
 688 .aside .section h2 {
 689 text-transform:uppercase;
 690 font-size:1em;
 691 }
 692
 693 #entity_statistics dt,
 694 #entity_statistics dd {
 695 display:inline;
 696 }
 697 #entity_statistics dt:after {
 698 content: ":";
 699 }
 700
 701 .section ul.entities {
 702 float:left;
 703 width:100%;
 704 }
 705 .section .entities li {
 706 list-style-type:none;
 707 float:left;
 708 margin-right:7px;
 709 margin-bottom:7px;
 710 display:inline;
 711 }
 712 .section .entities li .photo {
 713 margin-right:0;
 714 margin-bottom:0;
 715 }
 716 .section .entities li .fn {
 717 display:none;
 718 }
 719
 720 .aside .section p,
 721 .aside .section .more {
 722 clear:both;
 723 }
 724
 725 .profile .entity_profile {
 726 margin-bottom:0;
 727 min-height:60px;
 728 }
 729
 730 .profile .form_group_join legend,
 731 .profile .form_group_leave legend,
 732 .profile .form_user_subscribe legend,
 733 .profile .form_user_unsubscribe legend {
 734 display:none;
 735 }
 736
 737 .profiles {
 738 list-style-type:none;
 739 }
 740 .profile .entity_profile .entity_location {
 741 width:auto;
 742 clear:none;
 743 margin-left:11px;
 744 }
 745 .profile .entity_profile dl,
 746 .profile .entity_profile dd {
 747 display:inline;
 748 float:none;
 749 }
 750 .profile .entity_profile .entity_note,
 751 .profile .entity_profile .entity_url,
 752 .profile .entity_profile .entity_tags,
 753 .profile .entity_profile .form_subscription_edit {
 754 margin-left:59px;
 755 clear:none;
 756 display:block;
 757 width:auto;
 758 }
 759 .profile .entity_profile .entity_tags dt {
 760 display:inline;
 761 margin-right:11px;
 762 }
 763
 764 .profile .entity_profile .form_subscription_edit label {
 765 font-weight:normal;
 766 margin-right:11px;
 767 }
 768
 769 /* NOTICE */
 770 .notice,
 771 .profile {
 772 position:relative;
 773 padding-top:11px;
 774 padding-bottom:11px;
 775 clear:both;
 776 float:left;
 777 width:100%;
 778 border-top-width:1px;
 779 border-top-style:dotted;
 780 }
 781 .notices li {
 782 list-style-type:none;
 783 }
 784 .notices .notices {
 785 margin-top:7px;
 786 margin-left:5%;
 787 width:95%;
 788 float:left;
 789 }
 790
 791 /* NOTICES */
 792 #notices_primary {
 793 float:left;
 794 width:100%;
 795 border-radius:7px;
 796 -moz-border-radius:7px;
 797 -webkit-border-radius:7px;
 798 }
 799 #notices_primary h2 {
 800 display:none;
 801 }
 802 .notice-data a span {
 803 display:block;
 804 padding-left:28px;
 805 }
 806
 807 .notice .author {
 808 margin-right:11px;
 809 }
 810
 811 .fn {
 812 overflow:hidden;
 813 }
 814
 815 .notice .author .fn {
 816 font-weight:bold;
 817 }
 818
 819 .vcard .photo {
 820 display:inline;
 821 margin-right:11px;
 822 float:left;
 823 }
 824 #shownotice .vcard .photo {
 825 margin-bottom:4px;
 826 }
 827 .vcard .url {
 828 text-decoration:none;
 829 }
 830 .vcard .url:hover {
 831 text-decoration:underline;
 832 }
 833
 834 .notice .entry-title {
 835 float:left;
 836 width:100%;
 837 overflow:hidden;
 838 }
 839 .notice .entry-title.ov {
 840 overflow:visible;
 841 }
 842 #shownotice .notice .entry-title {
 843 font-size:2.2em;
 844 }
 845
 846 .notice p.entry-content {
 847 display:inline;
 848 }
 849
 850 #content .notice p.entry-content a:visited {
 851 border-radius:4px;
 852 -moz-border-radius:4px;
 853 -webkit-border-radius:4px;
 854 }
 855 .notice p.entry-content .vcard a {
 856 border-radius:4px;
 857 -moz-border-radius:4px;
 858 -webkit-border-radius:4px;
 859 }
 860
 861 .notice div.entry-content {
 862 clear:left;
 863 float:left;
 864 font-size:0.95em;
 865 margin-left:59px;
 866 width:60%;
 867 }
 868 #showstream .notice div.entry-content,
 869 #shownotice .notice div.entry-content {
 870 margin-left:0;
 871 }
 872
 873 .notice .notice-options a,
 874 .notice .notice-options input {
 875 float:left;
 876 font-size:1.025em;
 877 }
 878
 879 .notice div.entry-content dl,
 880 .notice div.entry-content dt,
 881 .notice div.entry-content dd {
 882 display:inline;
 883 }
 884
 885 .notice div.entry-content .timestamp dt,
 886 .notice div.entry-content .response dt {
 887 display:none;
 888 }
 889 .notice div.entry-content .timestamp a {
 890 display:inline-block;
 891 }
 892 .notice div.entry-content .device dt {
 893 text-transform:lowercase;
 894 }
 895
 896 .notice-options {
 897 position:relative;
 898 font-size:0.95em;
 899 width:90px;
 900 float:right;
 901 margin-right:11px;
 902 }
 903
 904 .notice-options a {
 905 float:left;
 906 }
 907 .notice-options .notice_delete,
 908 .notice-options .notice_reply,
 909 .notice-options .form_favor,
 910 .notice-options .form_disfavor {
 911 position:absolute;
 912 top:0;
 913 }
 914 .notice-options .form_favor,
 915 .notice-options .form_disfavor {
 916 left:0;
 917 }
 918 .notice-options .notice_reply {
 919 left:29px;
 920 }
 921 .notice-options .notice_delete {
 922 right:0;
 923 }
 924 .notice-options .notice_reply dt {
 925 display:none;
 926 }
 927
 928 .notice-options input,
 929 .notice-options a {
 930 text-indent:-9999px;
 931 outline:none;
 932 }
 933
 934 .notice-options .notice_reply a,
 935 .notice-options input.submit {
 936 display:block;
 937 border:0;
 938 }
 939 .notice-options .notice_reply a,
 940 .notice-options .notice_delete a {
 941 text-decoration:none;
 942 padding-left:16px;
 943 }
 944
 945 .notice-options form input.submit {
 946 width:16px;
 947 padding:2px 0;
 948 }
 949
 950 .notice-options .notice_delete dt,
 951 .notice-options .form_favor legend,
 952 .notice-options .form_disfavor legend {
 953 display:none;
 954 }
 955 .notice-options .notice_delete fieldset,
 956 .notice-options .form_favor fieldset,
 957 .notice-options .form_disfavor fieldset {
 958 border:0;
 959 padding:0;
 960 }
 961
 962 .notice .attachment {
 963 position:relative;
 964 padding-left:16px;
 965 }
 966 #attachments .attachment {
 967 padding-left:0;
 968 }
 969 .notice .attachment img {
 970 position:absolute;
 971 top:18px;
 972 left:0;
 973 z-index:99;
 974 }
 975 #shownotice .notice .attachment img {
 976 position:static;
 977 }
 978
 979 #attachments {
 980 clear:both;
 981 float:left;
 982 width:100%;
 983 margin-top:18px;
 984 }
 985 #attachments dt {
 986 font-weight:bold;
 987 font-size:1.3em;
 988 margin-bottom:4px;
 989 }
 990
 991 #attachments ol li {
 992 margin-bottom:18px;
 993 list-style-type:decimal;
 994 float:left;
 995 clear:both;
 996 }
 997
 998 #jOverlayContent,
 999 #jOverlayContent #content,
1000 #jOverlayContent #content_inner {
1001 width: auto !important;
1002 margin-bottom:0;
1003 }
1004 #jOverlayContent #content {
1005 padding:11px;
1006 min-height:auto;
1007 }
1008 #jOverlayContent .external span {
1009 display:block;
1010 margin-bottom:11px;
1011 }
1012 #jOverlayContent button {
1013 position:absolute;
1014 top:0;
1015 right:0;
1016 width:29px;
1017 height:29px;
1018 text-align:center;
1019 font-weight:bold;
1020 padding:0;
1021 }
1022 #jOverlayContent h1 {
1023 max-width:475px;
1024 }
1025 #jOverlayContent #content {
1026 border-radius:7px;
1027 -moz-border-radius:7px;
1028 -webkit-border-radius:7px;
1029 }
1030 #jOverlayContent #content img {
1031 max-width:480px;
1032 }
1033 #attachment_view #oembed_info {
1034 margin-top:11px;
1035 }
1036 #attachment_view #oembed_info dt,
1037 #attachment_view #oembed_info dd {
1038 float:left;
1039 }
1040 #attachment_view #oembed_info dt {
1041 clear:left;
1042 margin-right:11px;
1043 font-weight:bold;
1044 }
1045 #attachment_view #oembed_info dt:after {
1046 content: ":";
1047 }
1048
1049 #usergroups #new_group {
1050 float: left;
1051 margin-right: 2em;
1052 }
1053 #new_group, #group_search {
1054 margin-bottom:18px;
1055 }
1056 #new_group a {
1057 padding-left:20px;
1058 }
1059
1060 #filter_tags {
1061 margin-bottom:11px;
1062 float:left;
1063 }
1064 #filter_tags dt {
1065 display:none;
1066 }
1067 #filter_tags ul {
1068 list-style-type:none;
1069 }
1070 #filter_tags ul li {
1071 float:left;
1072 margin-left:7px;
1073 padding-left:7px;
1074 border-left-width:1px;
1075 border-left-style:solid;
1076 }
1077 #filter_tags ul li.child_1 {
1078 margin-left:0;
1079 border-left:0;
1080 padding-left:0;
1081 }
1082 #filter_tags ul li#filter_tags_all a {
1083 font-weight:bold;
1084 margin-top:7px;
1085 float:left;
1086 }
1087
1088 #filter_tags ul li#filter_tags_item label {
1089 margin-right:7px;
1090 }
1091 #filter_tags ul li#filter_tags_item label,
1092 #filter_tags ul li#filter_tags_item select {
1093 display:inline;
1094 }
1095 #filter_tags ul li#filter_tags_item p {
1096 float:left;
1097 margin-left:38px;
1098 }
1099 #filter_tags ul li#filter_tags_item input {
1100 position:relative;
1101 top:3px;
1102 left:3px;
1103 }
1104
1105 .pagination {
1106 float:left;
1107 clear:both;
1108 width:100%;
1109 margin-top:18px;
1110 }
1111
1112 .pagination dt {
1113 font-weight:bold;
1114 display:none;
1115 }
1116
1117 .pagination .nav {
1118 float:left;
1119 width:100%;
1120 list-style-type:none;
1121 }
1122
1123 .pagination .nav_prev {
1124 float:left;
1125 }
1126 .pagination .nav_next {
1127 float:right;
1128 }
1129
1130 .pagination a {
1131 display:block;
1132 text-decoration:none;
1133 font-weight:bold;
1134 padding:7px;
1135 border-width:1px;
1136 border-style:solid;
1137 -moz-border-radius:7px;
1138 -webkit-border-radius:7px;
1139 border-radius:7px;
1140 }
1141
1142 .pagination .nav_prev a {
1143 padding-left:30px;
1144 }
1145 .pagination .nav_next a {
1146 padding-right:30px;
1147 }
1148 /* END: NOTICE */
1149
1150 .hentry .entry-content p {
1151 margin-bottom:18px;
1152 }
1153 .system_notice ul,
1154 .instructions ul,
1155 .hentry entry-content ol,
1156 .hentry .entry-content ul {
1157 list-style-position:inside;
1158 }
1159 .hentry .entry-content li {
1160 margin-bottom:18px;
1161 }
1162 .hentry .entry-content li li {
1163 margin-left:18px;
1164 }
1165
1166 /* TOP_POSTERS */
1167 .section tbody td {
1168 padding-right:18px;
1169 padding-bottom:11px;
1170 }
1171 .section .vcard .photo {
1172 margin-right:7px;
1173 margin-bottom:0;
1174 }
1175
1176 .section .notice {
1177 padding-top:7px;
1178 padding-bottom:7px;
1179 border-top:0;
1180 }
1181
1182 .section .notice:first-child {
1183 padding-top:0;
1184 }
1185
1186 .section .notice .author {
1187 margin-right:0;
1188 }
1189 .section .notice .author .fn {
1190 display:none;
1191 }
1192
1193 /* tagcloud */
1194 .tag-cloud {
1195 list-style-type:none;
1196 text-align:center;
1197 }
1198 .aside .tag-cloud {
1199 font-size:0.8em;
1200 }
1201 .tag-cloud li {
1202 display:inline;
1203 margin-right:7px;
1204 line-height:1.25;
1205 }
1206 .aside .tag-cloud li {
1207 line-height:1.5;
1208 }
1209 .tag-cloud li a {
1210 text-decoration:none;
1211 }
1212 #tagcloud.section dt {
1213 text-transform:uppercase;
1214 font-weight:bold;
1215 }
1216 .tag-cloud-1 {
1217 font-size:1em;
1218 }
1219 .tag-cloud-2 {
1220 font-size:1.25em;
1221 }
1222 .tag-cloud-3 {
1223 font-size:1.75em;
1224 }
1225 .tag-cloud-4 {
1226 font-size:2em;
1227 }
1228 .tag-cloud-5 {
1229 font-size:2.25em;
1230 }
1231 .tag-cloud-6 {
1232 font-size:2.75em;
1233 }
1234 .tag-cloud-7 {
1235 font-size:3.25em;
1236 }
1237
1238 #publictagcloud #tagcloud.section dt {
1239 display:none;
1240 }
1241
1242 #form_settings_photo .form_data {
1243 clear:both;
1244 }
1245
1246 #form_settings_avatar li {
1247 width:auto;
1248 }
1249 #form_settings_avatar input {
1250 margin-left:0;
1251 }
1252 #avatar_original,
1253 #avatar_preview {
1254 float:left;
1255 }
1256 #avatar_preview {
1257 margin-left:29px;
1258 }
1259 #avatar_preview_view {
1260 height:96px;
1261 width:96px;
1262 margin-bottom:18px;
1263 overflow:hidden;
1264 }
1265
1266 #settings_attach,
1267 #form_settings_avatar .form_actions {
1268 clear:both;
1269 }
1270
1271 #form_settings_avatar .form_actions {
1272 margin-bottom:0;
1273 }
1274
1275 #form_settings_design #settings_design_background-image img {
1276 max-width:480px;
1277 }
1278
1279 #form_settings_design #settings_design_color .form_data,
1280 #form_settings_design #color-picker {
1281 float:left;
1282 }
1283 #form_settings_design #settings_design_color .form_data {
1284 width:400px;
1285 margin-right:28px;
1286 }
1287
1288 #settings_design_color .form_data li {
1289 width:33%;
1290 }
1291 #settings_design_color .form_data label {
1292 float:none;
1293 display:block;
1294 }
1295 #settings_design_color .form_data .swatch {
1296 padding:11px;
1297 margin-left:0;
1298 }
1299
1300 .instructions ul {
1301 list-style-position:inside;
1302 }
1303 .instructions p,
1304 .instructions ul {
1305 margin-bottom:18px;
1306 }
1307 .help dt {
1308 display:none;
1309 }
1310 .guide {
1311 clear:both;
1312 }