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