theme/pigeonthoughts/css/base.css

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