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