theme/base/css/display.css

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