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 @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[for=notice_data-attach],
 454 #form_notice #notice_data-attach {
 455 position:absolute;
 456 top:25px;
 457 cursor:pointer;
 458 }
 459 #form_notice label[for=notice_data-attach] {
 460 text-indent:-9999px;
 461 left:394px;
 462 width:16px;
 463 height:16px;
 464 }
 465 #form_notice #notice_data-attach {
 466 left:183px;
 467 padding:0;
 468 height:16px;
 469 }
 470 #form_notice .form_note {
 471 position:absolute;
 472 top:76px;
 473 right:98px;
 474 z-index:9;
 475 }
 476 #form_notice .form_note dt {
 477 font-weight:bold;
 478 display:none;
 479 }
 480 #notice_text-count {
 481 font-weight:bold;
 482 line-height:1.15;
 483 padding:1px 2px;
 484 }
 485 #form_notice #notice_action-submit {
 486 width:14%;
 487 height:47px;
 488 padding:0;
 489 position:absolute;
 490 bottom:0;
 491 right:0;
 492 }
 493 #form_notice label[for=to] {
 494 margin-top:7px;
 495 }
 496 #form_notice select[id=to] {
 497 margin-bottom:7px;
 498 margin-left:18px;
 499 float:left;
 500 }
 501 .form_notice .error,
 502 .form_notice .success {
 503 float:left;
 504 clear:both;
 505 width:81.5%;
 506 margin-bottom:0;
 507 line-height:1.618;
 508 }
 509 .form_notice #notice_data-attach_selected code {
 510 float:left;
 511 width:80%;
 512 display:block;
 513 overflow:auto;
 514 margin-right:2.5%;
 515 font-size:1.1em;
 516 }
 517 .form_notice #notice_data-attach_selected button.close {
 518 float:right;
 519 font-size:0.8em;
 520 }
 521
 522 .form_notice #notice_data-geo_wrap label,
 523 .form_notice #notice_data-geo_wrap input {
 524 position:absolute;
 525 top:25px;
 526 right:4px;
 527 left:auto;
 528 cursor:pointer;
 529 width:16px;
 530 height:16px;
 531 display:block;
 532 }
 533 .form_notice #notice_data-geo_wrap input {
 534 visibility:hidden;
 535 }
 536 .form_notice #notice_data-geo_wrap label {
 537 font-weight:normal;
 538 font-size:1em;
 539 margin-bottom:0;
 540 text-indent:-9999px;
 541 }
 542
 543 button.close,
 544 button.minimize {
 545 width:16px;
 546 height:16px;
 547 text-indent:-9999px;
 548 padding:0;
 549 border:0;
 550 text-align:center;
 551 font-weight:bold;
 552 cursor:pointer;
 553 }
 554
 555 /* entity_profile */
 556 .entity_profile {
 557 position:relative;
 558 width:67.702%;
 559 min-height:123px;
 560 float:left;
 561 margin-bottom:18px;
 562 margin-left:0;
 563 overflow:hidden;
 564 }
 565 .entity_profile dt,
 566 #entity_statistics dt {
 567 font-weight:bold;
 568 }
 569 .entity_profile dd {
 570 display:inline;
 571 }
 572
 573 .entity_profile .entity_depiction {
 574 float:left;
 575 width:96px;
 576 margin-right:18px;
 577 margin-bottom:18px;
 578 }
 579
 580 .entity_profile .entity_fn,
 581 .entity_profile .entity_nickname,
 582 .entity_profile .entity_location,
 583 .entity_profile .entity_url,
 584 .entity_profile .entity_note,
 585 .entity_profile .entity_tags {
 586 margin-left:113px;
 587 margin-bottom:4px;
 588 }
 589
 590 .entity_profile .entity_fn,
 591 .entity_profile .entity_nickname {
 592 margin-left:11px;
 593 display:inline;
 594 }
 595 .entity_profile .entity_nickname {
 596 margin-left:0;
 597 }
 598 .entity_profile .fn,
 599 .entity_profile .nickname {
 600 font-size:1.1em;
 601 font-weight:bold;
 602 }
 603 .entity_profile .entity_fn dd:before {
 604 content: "(";
 605 font-weight:normal;
 606 }
 607 .entity_profile .entity_fn dd:after {
 608 content: ")";
 609 font-weight:normal;
 610 }
 611
 612 .entity_profile dt {
 613 display:none;
 614 }
 615 .entity_profile h2 {
 616 display:none;
 617 }
 618 /* entity_profile */
 619
 620
 621 /*entity_actions*/
 622 .entity_actions {
 623 float:right;
 624 margin-left:4.35%;
 625 max-width:25%;
 626 }
 627 .entity_actions h2 {
 628 display:none;
 629 }
 630 .entity_actions ul {
 631 list-style-type:none;
 632 }
 633 .entity_actions li {
 634 margin-bottom:4px;
 635 }
 636 .entity_actions li:first-child {
 637 border-top:0;
 638 }
 639 .entity_actions fieldset {
 640 border:0;
 641 padding:0;
 642 }
 643 .entity_actions legend {
 644 display:none;
 645 }
 646
 647 .entity_actions input.submit {
 648 display:block;
 649 text-align:left;
 650 width:100%;
 651 }
 652 .entity_actions a,
 653 .entity_nudge p,
 654 .entity_remote_subscribe {
 655 text-decoration:none;
 656 font-weight:bold;
 657 display:block;
 658 }
 659
 660 .form_user_block input.submit,
 661 .form_user_unblock input.submit,
 662 .form_group_block input.submit,
 663 .form_group_unblock input.submit,
 664 .entity_send-a-message a,
 665 .entity_edit a,
 666 .form_user_nudge input.submit,
 667 .entity_nudge p,
 668 .form_make_admin input.submit {
 669 border:0;
 670 padding-left:20px;
 671 }
 672
 673 .entity_edit a,
 674 .entity_send-a-message a,
 675 .entity_nudge p {
 676 padding:4px 4px 4px 23px;
 677 }
 678
 679 .entity_remote_subscribe {
 680 padding:4px;
 681 border-width:2px;
 682 border-style:solid;
 683 border-radius:4px;
 684 -moz-border-radius:4px;
 685 -webkit-border-radius:4px;
 686 }
 687 .entity_actions .accept {
 688 margin-bottom:18px;
 689 }
 690
 691 .entity_tags ul {
 692 list-style-type:none;
 693 display:inline;
 694 }
 695 .entity_tags li {
 696 display:inline;
 697 margin-right:4px;
 698 }
 699
 700 .aside .section {
 701 margin-bottom:29px;
 702 float:right;
 703 width:44%;
 704 padding:1%;
 705 border-width:1px;
 706 border-style:solid;
 707 margin-left:2.5%;
 708 }
 709 .aside .section h2 {
 710 text-transform:uppercase;
 711 font-size:1em;
 712 }
 713
 714 #entity_statistics dt,
 715 #entity_statistics dd {
 716 display:inline;
 717 }
 718 #entity_statistics dt:after {
 719 content: ":";
 720 }
 721
 722 .section ul.entities {
 723 float:left;
 724 width:100%;
 725 }
 726 .section .entities li {
 727 list-style-type:none;
 728 float:left;
 729 margin-right:7px;
 730 margin-bottom:7px;
 731 display:inline;
 732 }
 733 .section .entities li .photo {
 734 margin-right:0;
 735 margin-bottom:0;
 736 }
 737 .section .entities li .fn {
 738 display:none;
 739 }
 740
 741 .aside .section p,
 742 .aside .section .more {
 743 clear:both;
 744 }
 745
 746 .profile .entity_profile {
 747 margin-bottom:0;
 748 min-height:60px;
 749 }
 750
 751
 752 .profile .form_group_join legend,
 753 .profile .form_group_leave legend,
 754 .profile .form_user_subscribe legend,
 755 .profile .form_user_unsubscribe legend {
 756 display:none;
 757 }
 758
 759 .profiles {
 760 list-style-type:none;
 761 }
 762 .profile .entity_profile .entity_location {
 763 width:auto;
 764 clear:none;
 765 margin-left:11px;
 766 }
 767 .profile .entity_profile dl,
 768 .profile .entity_profile dd {
 769 display:inline;
 770 float:none;
 771 }
 772 .profile .entity_profile .entity_note,
 773 .profile .entity_profile .entity_url,
 774 .profile .entity_profile .entity_tags,
 775 .profile .entity_profile .form_subscription_edit {
 776 margin-left:59px;
 777 clear:none;
 778 display:block;
 779 width:auto;
 780 }
 781 .profile .entity_profile .entity_tags dt {
 782 display:inline;
 783 margin-right:11px;
 784 }
 785
 786
 787 .profile .entity_profile .form_subscription_edit label {
 788 font-weight:normal;
 789 margin-right:11px;
 790 }
 791
 792
 793 /* NOTICE */
 794 .notice,
 795 .profile {
 796 position:relative;
 797 padding:11px 2%;
 798 clear:both;
 799 float:left;
 800 width:95.7%;
 801 border-width:1px;
 802 border-style:solid;
 803 margin-bottom:11px;
 804 }
 805 .notices li {
 806 list-style-type:none;
 807 }
 808 .notices .notices {
 809 margin-top:7px;
 810 margin-left:5%;
 811 width:95%;
 812 float:left;
 813 }
 814
 815 #aside_primary .notice,
 816 #aside_primary .profile {
 817 border:0;
 818 margin-bottom:11px;
 819 }
 820
 821 /* NOTICES */
 822 #notices_primary {
 823 float:left;
 824 width:100%;
 825 border-radius:7px;
 826 -moz-border-radius:7px;
 827 -webkit-border-radius:7px;
 828 }
 829 #notices_primary h2 {
 830 display:none;
 831 }
 832 .notice-data a span {
 833 display:block;
 834 padding-left:28px;
 835 }
 836
 837 .notice .author {
 838 margin-right:11px;
 839 }
 840
 841 .fn {
 842 overflow:hidden;
 843 }
 844
 845 .notice .author .fn {
 846 font-weight:bold;
 847 }
 848
 849 .vcard .photo {
 850 display:inline;
 851 margin-right:11px;
 852 float:left;
 853 }
 854 #shownotice .vcard .photo {
 855 margin-bottom:4px;
 856 }
 857 .vcard .url {
 858 text-decoration:none;
 859 }
 860 .vcard .url:hover {
 861 text-decoration:underline;
 862 }
 863
 864 .notice .entry-title {
 865 float:left;
 866 width:100%;
 867 overflow:hidden;
 868 }
 869 .notice .entry-title.ov {
 870 overflow:visible;
 871 }
 872 #shownotice .notice .entry-title {
 873 font-size:2.2em;
 874 }
 875
 876 .notice p.entry-content {
 877 display:inline;
 878 }
 879
 880 #content .notice p.entry-content a:visited {
 881 border-radius:4px;
 882 -moz-border-radius:4px;
 883 -webkit-border-radius:4px;
 884 }
 885 .notice p.entry-content .vcard a {
 886 border-radius:4px;
 887 -moz-border-radius:4px;
 888 -webkit-border-radius:4px;
 889 }
 890
 891 .notice div.entry-content {
 892 clear:left;
 893 float:left;
 894 font-size:0.95em;
 895 margin-left:59px;
 896 width:60%;
 897 }
 898 #showstream .notice div.entry-content,
 899 #shownotice .notice div.entry-content {
 900 margin-left:0;
 901 }
 902
 903 .notice .notice-options a,
 904 .notice .notice-options input {
 905 float:left;
 906 font-size:1.025em;
 907 }
 908 .notice div.entry-content .timestamp {
 909 display:inline-block;
 910 }
 911 .entry-content .repeat {
 912 display:block;
 913 }
 914 .entry-content .repeat .photo {
 915 float:none;
 916 margin-right:1px;
 917 position:relative;
 918 top:4px;
 919 left:0;
 920 }
 921
 922 .dialogbox {
 923 position:absolute;
 924 top:-1px;
 925 right:-1px;
 926 z-index:9;
 927 float:none;
 928 padding:11px;
 929 border-radius:7px;
 930 -moz-border-radius:7px;
 931 -webkit-border-radius:7px;
 932 border-style:solid;
 933 border-width:1px;
 934 }
 935
 936 .dialogbox legend {
 937 display:block !important;
 938 margin-right:18px;
 939 margin-bottom:18px;
 940 }
 941
 942 .dialogbox button.close {
 943 position:absolute;
 944 right:3px;
 945 top:3px;
 946 }
 947
 948 .dialogbox .form_guide {
 949 font-weight:normal;
 950 padding:0;
 951 }
 952
 953 .dialogbox .submit_dialogbox {
 954 font-weight:bold;
 955 text-indent:0;
 956 min-width:46px;
 957 }
 958 .dialogbox input {
 959 padding-left:4px;
 960 }
 961 .dialogbox fieldset {
 962 margin-bottom:0;
 963 }
 964
 965 #wrap form.processing input.submit,
 966 .entity_actions a.processing,
 967 .dialogbox.processing .submit_dialogbox {
 968 cursor:wait;
 969 outline:none;
 970 text-indent:-9999px;
 971 }
 972
 973 .notice-options {
 974 position:relative;
 975 font-size:0.95em;
 976 width:90px;
 977 float:right;
 978 margin-right:11px;
 979 }
 980
 981 .notice-options a {
 982 float:left;
 983 }
 984 .notice-options .notice_delete,
 985 .notice-options .notice_reply,
 986 .notice-options .form_favor,
 987 .notice-options .form_disfavor {
 988 position:absolute;
 989 top:0;
 990 }
 991 .notice-options .form_favor,
 992 .notice-options .form_disfavor {
 993 left:0;
 994 }
 995 .notice-options .notice_reply {
 996 left:29px;
 997 }
 998 .notice-options .notice_delete {
 999 right:0;
1000 }
1001 .notice-options input,
1002 .notice-options a {
1003 text-indent:-9999px;
1004 outline:none;
1005 }
1006 .notice-options input.submit {
1007 display:block;
1008 border:0;
1009 }
1010 .notice-options .notice_reply,
1011 .notice-options .notice_delete {
1012 text-decoration:none;
1013 padding-left:16px;
1014 }
1015 .notice-options form input.submit {
1016 width:16px;
1017 padding:2px 0;
1018 }
1019 .notice-options .form_favor legend,
1020 .notice-options .form_disfavor legend {
1021 display:none;
1022 }
1023 .notice-options .form_favor fieldset,
1024 .notice-options .form_disfavor fieldset {
1025 border:0;
1026 padding:0;
1027 }
1028
1029 .notice .attachment {
1030 position:relative;
1031 padding-left:16px;
1032 }
1033 #attachments .attachment {
1034 padding-left:0;
1035 }
1036 .notice .attachment img {
1037 position:absolute;
1038 top:18px;
1039 left:0;
1040 z-index:99;
1041 }
1042 #shownotice .notice .attachment img {
1043 position:static;
1044 }
1045
1046 #attachments {
1047 clear:both;
1048 float:left;
1049 width:100%;
1050 margin-top:18px;
1051 }
1052 #attachments dt {
1053 font-weight:bold;
1054 font-size:1.3em;
1055 margin-bottom:4px;
1056 }
1057
1058 #attachments ol li {
1059 margin-bottom:18px;
1060 list-style-type:decimal;
1061 float:left;
1062 clear:both;
1063 }
1064
1065 #jOverlayContent,
1066 #jOverlayContent #content,
1067 #jOverlayContent #content_inner {
1068 width: auto !important;
1069 margin-bottom:0;
1070 }
1071 #jOverlayContent #content {
1072 padding:11px;
1073 min-height:auto;
1074 }
1075 #jOverlayContent .external span {
1076 display:block;
1077 margin-bottom:11px;
1078 }
1079 #jOverlayContent button {
1080 position:absolute;
1081 top:0;
1082 right:0;
1083 width:29px;
1084 height:29px;
1085 text-align:center;
1086 font-weight:bold;
1087 padding:0;
1088 }
1089 #jOverlayContent h1 {
1090 max-width:425px;
1091 }
1092 #jOverlayContent #content {
1093 border-radius:7px;
1094 -moz-border-radius:7px;
1095 -webkit-border-radius:7px;
1096 }
1097 #jOverlayLoading {
1098 top:5%;
1099 left:40%;
1100 }
1101 #attachment_view img {
1102 max-width:480px;
1103 max-height:480px;
1104 }
1105 #attachment_view #oembed_info {
1106 margin-top:11px;
1107 }
1108 #attachment_view #oembed_info dt,
1109 #attachment_view #oembed_info dd {
1110 float:left;
1111 }
1112 #attachment_view #oembed_info dt {
1113 clear:left;
1114 margin-right:11px;
1115 font-weight:bold;
1116 }
1117 #attachment_view #oembed_info dt:after {
1118 content: ":";
1119 }
1120
1121 #usergroups #new_group {
1122 float: left;
1123 margin-right: 2em;
1124 }
1125 #new_group, #group_search {
1126 margin-bottom:18px;
1127 }
1128 #new_group a {
1129 padding-left:20px;
1130 }
1131
1132
1133 #filter_tags {
1134 margin-bottom:11px;
1135 float:left;
1136 }
1137 #filter_tags dt {
1138 display:none;
1139 }
1140 #filter_tags ul {
1141 list-style-type:none;
1142 }
1143 #filter_tags ul li {
1144 float:left;
1145 margin-left:7px;
1146 padding-left:7px;
1147 border-left-width:1px;
1148 border-left-style:solid;
1149 }
1150 #filter_tags ul li.child_1 {
1151 margin-left:0;
1152 border-left:0;
1153 padding-left:0;
1154 }
1155 #filter_tags ul li#filter_tags_all a {
1156 font-weight:bold;
1157 margin-top:7px;
1158 float:left;
1159 }
1160
1161 #filter_tags ul li#filter_tags_item label {
1162 margin-right:7px;
1163 }
1164 #filter_tags ul li#filter_tags_item label,
1165 #filter_tags ul li#filter_tags_item select {
1166 display:inline;
1167 }
1168 #filter_tags ul li#filter_tags_item p {
1169 float:left;
1170 margin-left:38px;
1171 }
1172 #filter_tags ul li#filter_tags_item input {
1173 position:relative;
1174 top:3px;
1175 left:3px;
1176 }
1177
1178 .pagination {
1179 float:left;
1180 clear:both;
1181 width:100%;
1182 margin-top:18px;
1183 }
1184
1185 .pagination dt {
1186 font-weight:bold;
1187 display:none;
1188 }
1189
1190 .pagination .nav {
1191 float:left;
1192 width:100%;
1193 list-style-type:none;
1194 }
1195
1196 .pagination .nav_prev {
1197 float:left;
1198 }
1199 .pagination .nav_next {
1200 float:right;
1201 }
1202
1203 .pagination a {
1204 display:block;
1205 text-decoration:none;
1206 font-weight:bold;
1207 padding:7px;
1208 border-width:1px;
1209 border-style:solid;
1210 -moz-border-radius:7px;
1211 -webkit-border-radius:7px;
1212 border-radius:7px;
1213 }
1214
1215 .pagination .nav_prev a {
1216 padding-left:30px;
1217 }
1218 .pagination .nav_next a {
1219 padding-right:30px;
1220 }
1221 /* END: NOTICE */
1222
1223 .hentry .entry-content p {
1224 margin-bottom:18px;
1225 }
1226 .system_notice ul,
1227 .instructions ul,
1228 .hentry entry-content ol,
1229 .hentry .entry-content ul {
1230 list-style-position:inside;
1231 }
1232 .hentry .entry-content li {
1233 margin-bottom:18px;
1234 }
1235 .hentry .entry-content li li {
1236 margin-left:18px;
1237 }
1238
1239 /* TOP_POSTERS */
1240 .section tbody td {
1241 padding-right:11px;
1242 padding-bottom:11px;
1243 }
1244 .section .vcard .photo {
1245 margin-right:7px;
1246 margin-bottom:0;
1247 }
1248
1249 .section .notice {
1250 padding-top:7px;
1251 padding-bottom:7px;
1252 border-top:0;
1253 }
1254
1255 .section .notice:first-child {
1256 padding-top:0;
1257 }
1258
1259 .section .notice .author {
1260 margin-right:0;
1261 }
1262 .section .notice .author .fn {
1263 display:none;
1264 }
1265
1266 /* tagcloud */
1267 .tag-cloud {
1268 list-style-type:none;
1269 text-align:center;
1270 }
1271 .aside .tag-cloud {
1272 font-size:0.8em;
1273 }
1274 .tag-cloud li {
1275 display:inline;
1276 margin-right:7px;
1277 line-height:1.25;
1278 }
1279 .aside .tag-cloud li {
1280 line-height:1.5;
1281 }
1282 .tag-cloud li a {
1283 text-decoration:none;
1284 }
1285 #tagcloud.section dt {
1286 text-transform:uppercase;
1287 font-weight:bold;
1288 }
1289 .tag-cloud-1 {
1290 font-size:1em;
1291 }
1292 .tag-cloud-2 {
1293 font-size:1.25em;
1294 }
1295 .tag-cloud-3 {
1296 font-size:1.75em;
1297 }
1298 .tag-cloud-4 {
1299 font-size:2em;
1300 }
1301 .tag-cloud-5 {
1302 font-size:2.25em;
1303 }
1304 .tag-cloud-6 {
1305 font-size:2.75em;
1306 }
1307 .tag-cloud-7 {
1308 font-size:3.25em;
1309 }
1310
1311 #publictagcloud #tagcloud.section dt {
1312 display:none;
1313 }
1314
1315 #form_settings_photo .form_data {
1316 clear:both;
1317 }
1318
1319 #form_settings_avatar li {
1320 width:auto;
1321 }
1322 #form_settings_avatar input {
1323 margin-left:0;
1324 }
1325 #avatar_original,
1326 #avatar_preview {
1327 float:left;
1328 }
1329 #avatar_preview {
1330 margin-left:29px;
1331 }
1332 #avatar_preview_view {
1333 height:96px;
1334 width:96px;
1335 margin-bottom:18px;
1336 overflow:hidden;
1337 }
1338
1339 #settings_attach,
1340 #form_settings_avatar .form_actions {
1341 clear:both;
1342 }
1343
1344 #form_settings_avatar .form_actions {
1345 margin-bottom:0;
1346 }
1347
1348 #form_settings_design #settings_design_background-image img {
1349 max-width:480px;
1350 max-height:480px;
1351 }
1352
1353 #form_settings_design #settings_design_color .form_data,
1354 #form_settings_design #color-picker {
1355 float:left;
1356 }
1357 #form_settings_design #settings_design_color .form_data {
1358 width:400px;
1359 margin-right:28px;
1360 }
1361
1362 #settings_design_color .form_data li {
1363 width:33%;
1364 }
1365 #settings_design_color .form_data label {
1366 float:none;
1367 display:block;
1368 }
1369 #settings_design_color .form_data .swatch {
1370 padding:11px;
1371 margin-left:0;
1372 }
1373
1374 .instructions ul {
1375 list-style-position:inside;
1376 }
1377 .instructions p,
1378 .instructions ul {
1379 margin-bottom:18px;
1380 }
1381 .help dt {
1382 display:none;
1383 }
1384 .guide {
1385 clear:both;
1386 }
1387
1388 }/*end of @media screen, projection, tv*/
1389
1390
1391 @media print {
1392 a:after { background-color:#FFFFFF; }
1393 a:not([href^="#"]):after { content:" <"attr(href)"> "; }
1394 img { border:none; }
1395 p { orphans: 2; widows: 1; }
1396
1397 #site_nav_global_primary,
1398 #site_nav_local_views,
1399 #form_notice,
1400 .pagination,
1401 #site_nav_global_secondary,
1402 .entity_actions,
1403 .notice-options,
1404 #aside_primary,
1405 .form_subscription_edit .submit {
1406 display:none;
1407 }
1408 .timestamp dt, .timestamp dd,
1409 .device dt, .device dd {
1410 display:inline;
1411 }
1412 .profiles li,
1413 .notices li {
1414 margin-bottom:18px;
1415 }
1416
1417 }/*end of @media print*/