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[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 .count {
 471 position:absolute;
 472 top:76px;
 473 right:98px;
 474 z-index:9;
 475 }
 476 .form_notice .count dt {
 477 font-weight:bold;
 478 display:none;
 479 }
 480 .form_notice .count {
 481 font-weight:bold;
 482 line-height:1.15;
 483 padding:1px 2px;
 484 }
 485 #form_notice .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 .attach-status 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 .attach-status 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 .application {
 797 position:relative;
 798 padding-top:11px;
 799 padding-bottom:11px;
 800 clear:both;
 801 float:left;
 802 width:100%;
 803 border-top-width:1px;
 804 border-top-style:dotted;
 805 }
 806 .notices li {
 807 list-style-type:none;
 808 }
 809 .notices .notices {
 810 margin-top:7px;
 811 margin-left:2%;
 812 width:98%;
 813 float:left;
 814 }
 815 .mark-top {
 816 border-top-width:1px;
 817 border-top-style:solid;
 818 }
 819
 820 #aside_primary .notice,
 821 #aside_primary .profile {
 822 border:0;
 823 margin-bottom:11px;
 824 }
 825
 826 /* NOTICES */
 827 #notices_primary {
 828 float:left;
 829 width:100%;
 830 border-radius:7px;
 831 -moz-border-radius:7px;
 832 -webkit-border-radius:7px;
 833 }
 834 #notices_primary h2 {
 835 display:none;
 836 }
 837 .notice-data a span {
 838 display:block;
 839 padding-left:28px;
 840 }
 841
 842 .notice .author {
 843 margin-right:11px;
 844 }
 845
 846 .fn {
 847 overflow:hidden;
 848 }
 849
 850 .notice .author .fn {
 851 font-weight:bold;
 852 }
 853
 854 .vcard .photo {
 855 display:inline;
 856 margin-right:11px;
 857 float:left;
 858 }
 859 #shownotice .vcard .photo {
 860 margin-bottom:4px;
 861 }
 862 .vcard .url {
 863 text-decoration:none;
 864 }
 865 .vcard .url:hover {
 866 text-decoration:underline;
 867 }
 868
 869 .notice .entry-title {
 870 float:left;
 871 width:100%;
 872 overflow:hidden;
 873 }
 874 .notice .entry-title.ov {
 875 overflow:visible;
 876 }
 877 #shownotice .notice .entry-title {
 878 font-size:2.2em;
 879 }
 880
 881 .notice p.entry-content {
 882 display:inline;
 883 }
 884
 885 #content .notice p.entry-content a:visited {
 886 border-radius:4px;
 887 -moz-border-radius:4px;
 888 -webkit-border-radius:4px;
 889 }
 890 .notice p.entry-content .vcard a {
 891 border-radius:4px;
 892 -moz-border-radius:4px;
 893 -webkit-border-radius:4px;
 894 }
 895
 896 .notice div.entry-content {
 897 clear:left;
 898 float:left;
 899 font-size:0.95em;
 900 margin-left:59px;
 901 width:60%;
 902 }
 903 #showstream .notice div.entry-content,
 904 #shownotice .notice div.entry-content {
 905 margin-left:0;
 906 }
 907
 908 .notice .notice-options a,
 909 .notice .notice-options input {
 910 float:left;
 911 font-size:1.025em;
 912 }
 913 .notice div.entry-content .timestamp {
 914 display:inline-block;
 915 }
 916 .entry-content .repeat {
 917 display:block;
 918 }
 919 .entry-content .repeat .photo {
 920 float:none;
 921 margin-right:1px;
 922 position:relative;
 923 top:4px;
 924 left:0;
 925 }
 926
 927 .dialogbox {
 928 position:absolute;
 929 top:-1px;
 930 right:-1px;
 931 z-index:9;
 932 float:none;
 933 padding:11px;
 934 border-radius:7px;
 935 -moz-border-radius:7px;
 936 -webkit-border-radius:7px;
 937 border-style:solid;
 938 border-width:1px;
 939 }
 940
 941 .dialogbox legend {
 942 display:block !important;
 943 margin-right:18px;
 944 margin-bottom:18px;
 945 }
 946
 947 .dialogbox button.close {
 948 position:absolute;
 949 right:3px;
 950 top:3px;
 951 }
 952
 953 .dialogbox .form_guide {
 954 font-weight:normal;
 955 padding:0;
 956 }
 957
 958 .dialogbox .submit_dialogbox {
 959 font-weight:bold;
 960 text-indent:0;
 961 min-width:46px;
 962 }
 963 .dialogbox input {
 964 padding-left:4px;
 965 }
 966 .dialogbox fieldset {
 967 margin-bottom:0;
 968 }
 969
 970 #wrap form.processing input.submit,
 971 .entity_actions a.processing,
 972 .dialogbox.processing .submit_dialogbox {
 973 cursor:wait;
 974 outline:none;
 975 text-indent:-9999px;
 976 }
 977
 978 .form_repeat.dialogbox {
 979 top:-4px;
 980 right:29px;
 981 min-width:199px;
 982 }
 983
 984 .notice-options {
 985 position:relative;
 986 font-size:0.95em;
 987 width:113px;
 988 float:right;
 989 margin-top:3px;
 990 margin-right:4px;
 991 }
 992 .notice-options a {
 993 float:left;
 994 }
 995 .notice-options .notice_reply,
 996 .notice-options .form_repeat,
 997 .notice-options .form_favor,
 998 .notice-options .form_disfavor,
 999 .notice-options .repeated {
1000 float:left;
1001 margin-left:14.2%;
1002 }
1003 .notice-options .form_favor,
1004 .notice-options .form_disfavor {
1005 margin-left:0;
1006 }
1007 .notice-options input,
1008 .notice-options a,
1009 .notice-options .repeated {
1010 text-indent:-9999px;
1011 outline:none;
1012 }
1013 .notice-options input.submit {
1014 display:block;
1015 border:0;
1016 }
1017 .notice-options .notice_reply,
1018 .notice-options .notice_delete {
1019 text-decoration:none;
1020 }
1021 .notice .notice-options .notice_delete {
1022 float:right;
1023 }
1024 .notice-options form input.submit {
1025 width:16px;
1026 height:16px;
1027 padding:0;
1028 border-radius:0;
1029 -moz-border-radius:0;
1030 -webkit-border-radius:0;
1031 }
1032 .notice-options .form_repeat legend,
1033 .notice-options .form_favor legend,
1034 .notice-options .form_disfavor legend {
1035 display:none;
1036 }
1037 .notice-options .form_repeat fieldset,
1038 .notice-options .form_favor fieldset,
1039 .notice-options .form_disfavor fieldset {
1040 border:0;
1041 padding:0;
1042 }
1043 .notice-options a,
1044 .notice-options .repeated {
1045 width:16px;
1046 height:16px;
1047 }
1048
1049 .notice .attachment {
1050 position:relative;
1051 padding-left:16px;
1052 }
1053 .notice .attachment.more {
1054 text-indent:-9999px;
1055 width:16px;
1056 height:16px;
1057 display:inline-block;
1058 overflow:hidden;
1059 vertical-align:middle;
1060 margin-left:4px;
1061 }
1062
1063 #attachments .attachment,
1064 .notice .attachment.more {
1065 padding-left:0;
1066 }
1067 .notice .attachment img {
1068 position:absolute;
1069 top:18px;
1070 left:0;
1071 z-index:99;
1072 }
1073 #shownotice .notice .attachment img {
1074 position:static;
1075 }
1076
1077 #attachments {
1078 clear:both;
1079 float:left;
1080 width:100%;
1081 margin-top:18px;
1082 }
1083 #attachments dt {
1084 font-weight:bold;
1085 font-size:1.3em;
1086 margin-bottom:4px;
1087 }
1088
1089 #attachments ol li {
1090 margin-bottom:18px;
1091 list-style-type:decimal;
1092 float:left;
1093 clear:both;
1094 }
1095
1096 #jOverlayContent,
1097 #jOverlayContent #content,
1098 #jOverlayContent #content_inner {
1099 width: auto !important;
1100 margin-bottom:0;
1101 }
1102 #jOverlayContent #content {
1103 padding:11px;
1104 min-height:auto;
1105 }
1106 #jOverlayContent .external span {
1107 display:block;
1108 margin-bottom:11px;
1109 }
1110 #jOverlayContent button {
1111 position:absolute;
1112 top:0;
1113 right:0;
1114 width:29px;
1115 height:29px;
1116 text-align:center;
1117 font-weight:bold;
1118 padding:0;
1119 }
1120 #jOverlayContent h1 {
1121 max-width:425px;
1122 }
1123 #jOverlayContent #content {
1124 border-radius:7px;
1125 -moz-border-radius:7px;
1126 -webkit-border-radius:7px;
1127 }
1128 #jOverlayLoading {
1129 top:5%;
1130 left:40%;
1131 }
1132 #attachment_view img {
1133 max-width:480px;
1134 max-height:480px;
1135 }
1136 #attachment_view #oembed_info {
1137 margin-top:11px;
1138 }
1139 #attachment_view #oembed_info dt,
1140 #attachment_view #oembed_info dd {
1141 float:left;
1142 }
1143 #attachment_view #oembed_info dt {
1144 clear:left;
1145 margin-right:11px;
1146 font-weight:bold;
1147 }
1148 #attachment_view #oembed_info dt:after {
1149 content: ":";
1150 }
1151
1152 #usergroups #new_group {
1153 float: left;
1154 margin-right: 2em;
1155 }
1156 #new_group, #group_search {
1157 margin-bottom:18px;
1158 }
1159 #new_group a {
1160 padding-left:20px;
1161 }
1162
1163
1164 #filter_tags {
1165 margin-bottom:11px;
1166 float:left;
1167 }
1168 #filter_tags dt {
1169 display:none;
1170 }
1171 #filter_tags ul {
1172 list-style-type:none;
1173 }
1174 #filter_tags ul li {
1175 float:left;
1176 margin-left:7px;
1177 padding-left:7px;
1178 border-left-width:1px;
1179 border-left-style:solid;
1180 }
1181 #filter_tags ul li.child_1 {
1182 margin-left:0;
1183 border-left:0;
1184 padding-left:0;
1185 }
1186 #filter_tags ul li#filter_tags_all a {
1187 font-weight:bold;
1188 margin-top:7px;
1189 float:left;
1190 }
1191
1192 #filter_tags ul li#filter_tags_item label {
1193 margin-right:7px;
1194 }
1195 #filter_tags ul li#filter_tags_item label,
1196 #filter_tags ul li#filter_tags_item select {
1197 display:inline;
1198 }
1199 #filter_tags ul li#filter_tags_item p {
1200 float:left;
1201 margin-left:38px;
1202 }
1203 #filter_tags ul li#filter_tags_item input {
1204 position:relative;
1205 top:3px;
1206 left:3px;
1207 }
1208
1209 .pagination {
1210 float:left;
1211 clear:both;
1212 width:100%;
1213 margin-top:18px;
1214 }
1215
1216 .pagination dt {
1217 font-weight:bold;
1218 display:none;
1219 }
1220
1221 .pagination .nav {
1222 float:left;
1223 width:100%;
1224 list-style-type:none;
1225 }
1226
1227 .pagination .nav_prev {
1228 float:left;
1229 }
1230 .pagination .nav_next {
1231 float:right;
1232 }
1233
1234 .pagination a {
1235 display:block;
1236 text-decoration:none;
1237 font-weight:bold;
1238 padding:7px;
1239 border-width:1px;
1240 border-style:solid;
1241 -moz-border-radius:7px;
1242 -webkit-border-radius:7px;
1243 border-radius:7px;
1244 }
1245
1246 .pagination .nav_prev a {
1247 padding-left:30px;
1248 }
1249 .pagination .nav_next a {
1250 padding-right:30px;
1251 }
1252 /* END: NOTICE */
1253
1254 .hentry .entry-content p {
1255 margin-bottom:18px;
1256 }
1257 .system_notice ul,
1258 .instructions ul,
1259 .hentry entry-content ol,
1260 .hentry .entry-content ul {
1261 list-style-position:inside;
1262 }
1263 .hentry .entry-content li {
1264 margin-bottom:18px;
1265 }
1266 .hentry .entry-content li li {
1267 margin-left:18px;
1268 }
1269
1270 /* TOP_POSTERS */
1271 .section tbody td {
1272 padding-right:11px;
1273 padding-bottom:11px;
1274 }
1275 .section .vcard .photo {
1276 margin-right:7px;
1277 margin-bottom:0;
1278 }
1279
1280 .section .notice {
1281 padding-top:7px;
1282 padding-bottom:7px;
1283 border-top:0;
1284 }
1285
1286 .section .notice:first-child {
1287 padding-top:0;
1288 }
1289
1290 .section .notice .author {
1291 margin-right:0;
1292 }
1293 .section .notice .author .fn {
1294 display:none;
1295 }
1296
1297 /* tagcloud */
1298 .tag-cloud {
1299 list-style-type:none;
1300 text-align:center;
1301 }
1302 .aside .tag-cloud {
1303 font-size:0.8em;
1304 }
1305 .tag-cloud li {
1306 display:inline;
1307 margin-right:7px;
1308 line-height:1.25;
1309 }
1310 .aside .tag-cloud li {
1311 line-height:1.5;
1312 }
1313 .tag-cloud li a {
1314 text-decoration:none;
1315 }
1316 #tagcloud.section dt {
1317 text-transform:uppercase;
1318 font-weight:bold;
1319 }
1320 .tag-cloud-1 {
1321 font-size:1em;
1322 }
1323 .tag-cloud-2 {
1324 font-size:1.25em;
1325 }
1326 .tag-cloud-3 {
1327 font-size:1.75em;
1328 }
1329 .tag-cloud-4 {
1330 font-size:2em;
1331 }
1332 .tag-cloud-5 {
1333 font-size:2.25em;
1334 }
1335 .tag-cloud-6 {
1336 font-size:2.75em;
1337 }
1338 .tag-cloud-7 {
1339 font-size:3.25em;
1340 }
1341
1342 #publictagcloud #tagcloud.section dt {
1343 display:none;
1344 }
1345
1346 #form_settings_photo .form_data {
1347 clear:both;
1348 }
1349
1350 #form_settings_avatar li {
1351 width:auto;
1352 }
1353 #form_settings_avatar input {
1354 margin-left:0;
1355 }
1356 #avatar_original,
1357 #avatar_preview {
1358 float:left;
1359 }
1360 #avatar_preview {
1361 margin-left:29px;
1362 }
1363 #avatar_preview_view {
1364 height:96px;
1365 width:96px;
1366 margin-bottom:18px;
1367 overflow:hidden;
1368 }
1369
1370 #settings_attach,
1371 #form_settings_avatar .form_actions {
1372 clear:both;
1373 }
1374
1375 #form_settings_avatar .form_actions {
1376 margin-bottom:0;
1377 }
1378
1379 #form_settings_design #settings_design_background-image img {
1380 max-width:480px;
1381 max-height:480px;
1382 }
1383
1384 #form_settings_design #settings_design_color .form_data,
1385 #form_settings_design #color-picker {
1386 float:left;
1387 }
1388 #form_settings_design #settings_design_color .form_data {
1389 width:400px;
1390 margin-right:28px;
1391 }
1392
1393 #settings_design_color .form_data li {
1394 width:33%;
1395 }
1396 #settings_design_color .form_data label {
1397 float:none;
1398 display:block;
1399 }
1400 #settings_design_color .form_data .swatch {
1401 padding:11px;
1402 margin-left:0;
1403 }
1404
1405 .instructions ul {
1406 list-style-position:inside;
1407 }
1408 .instructions p,
1409 .instructions ul {
1410 margin-bottom:18px;
1411 }
1412 .help dt {
1413 display:none;
1414 }
1415 .guide {
1416 clear:both;
1417 }
1418
1419 }/*end of @media screen, projection, tv*/
1420
1421
1422 @media print {
1423 a:after { background-color:#FFFFFF; }
1424 a:not([href^="#"]):after { content:" <"attr(href)"> "; }
1425 img { border:none; }
1426 p { orphans: 2; widows: 1; }
1427
1428 #site_nav_global_primary,
1429 #site_nav_local_views,
1430 #form_notice,
1431 .pagination,
1432 #site_nav_global_secondary,
1433 .entity_actions,
1434 .notice-options,
1435 #aside_primary,
1436 .form_subscription_edit .submit {
1437 display:none;
1438 }
1439 .timestamp dt, .timestamp dd,
1440 .device dt, .device dd {
1441 display:inline;
1442 }
1443 .profiles li,
1444 .notices li {
1445 margin-bottom:18px;
1446 }
1447
1448 }/*end of @media print*/