theme/base/css/display.css

   1 /** theme: base
   2  *
   3  * @package   StatusNet
   4  * @author    Sarven Capadisli <csarven@status.net>
   5  * @copyright 2009-2010 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 }
  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.submit {
  53 font-weight:bold;
  54 cursor:pointer;
  55 }
  56 textarea {
  57 overflow:auto;
  58 }
  59 option {
  60 padding-bottom:0;
  61 }
  62 fieldset {
  63 padding:0;
  64 border:0;
  65 }
  66 form ul li {
  67 list-style-type:none;
  68 margin:0 0 18px 0;
  69 }
  70 form label {
  71 font-weight:bold;
  72 }
  73 input.checkbox,
  74 input.radio {
  75 position:relative;
  76 top:2px;
  77 left:auto;
  78 border:0;
  79 }
  80
  81 .error,
  82 .success {
  83 padding:4px 1.55%;
  84 border-radius:4px;
  85 -moz-border-radius:4px;
  86 -webkit-border-radius:4px;
  87 margin-bottom:18px;
  88 }
  89
  90 .xoxo li {
  91 list-style-type:none;
  92 }
  93
  94 form label.submit {
  95 display:none;
  96 }
  97
  98 body[id$=settings] #site_nav_local_views {
  99 position:relative;
 100 z-index:9;
 101 float:right;
 102 margin-right:10.65%;
 103 width:22.25%;
 104 }
 105 body[id$=settings] #site_nav_local_views li {
 106 width:100%;
 107 margin-right:0;
 108 margin-bottom:7px;
 109 }
 110 body[id$=settings] #site_nav_local_views a {
 111 display:block;
 112 width:80%;
 113 padding-right:10%;
 114 padding-left:10%;
 115 border-radius-toprleft:0;
 116 -moz-border-radius-topleft:0;
 117 -webkit-border-top-left-radius:0;
 118 border-radius-topright:4px;
 119 -moz-border-radius-topright:4px;
 120 -webkit-border-top-right-radius:4px;
 121 border-radius-bottomright:4px;
 122 -moz-border-radius-bottomright:4px;
 123 -webkit-border-bottom-right-radius:4px;
 124 }
 125 body[id$=settings] #site_nav_local_views li.current {
 126 box-shadow:none;
 127 -moz-box-shadow:none;
 128 -webkit-box-shadow:none;
 129 }
 130
 131 body[id$=settings] #content {
 132 border-radius-topleft:7px;
 133 border-radius-topright:7px;
 134 -moz-border-radius-topleft:7px;
 135 -moz-border-radius-topright:7px;
 136 -webkit-border-top-left-radius:7px;
 137 -webkit-border-top-right-radius:7px;
 138 border-radius-topright:0;
 139 -moz-border-radius-topright:0;
 140 -webkit-border-top-right-radius:0;
 141 }
 142 body[id$=settings] #aside_primary {
 143 display:none;
 144 }
 145
 146 .form_settings {
 147 clear:both;
 148 }
 149 .form_settings fieldset {
 150 margin-bottom:29px;
 151 }
 152 .form_settings fieldset fieldset {
 153 margin-bottom:41px;
 154 padding:3% 1.795% 1.795% 3%;
 155 border-radius:11px;
 156 -moz-border-radius:11px;
 157 -webkit-border-radius:11px;
 158 border-width:1px;
 159 border-style:solid;
 160 }
 161 .form_settings fieldset fieldset legend {
 162 line-height:0;
 163 }
 164
 165 .form_settings input.remove {
 166 margin-left:11px;
 167 }
 168 .form_settings .form_data li {
 169 width:100%;
 170 float:left;
 171 }
 172 .form_settings .form_data label {
 173 float:left;
 174 }
 175 .form_settings .form_data textarea,
 176 .form_settings .form_data select,
 177 .form_settings .form_data input {
 178 margin-left:1.795%;
 179 float:left;
 180 }
 181 .form_settings .form_data input {
 182 width:39%;
 183 }
 184 .form_settings .form_data input.submit,
 185 .form_settings .form_data input.checkbox,
 186 .form_settings .form_data input.radio {
 187 width:auto;
 188 }
 189 .form_settings .form_data textarea {
 190 width:63%;
 191 }
 192
 193 .form_settings .form_data input.submit {
 194 margin-left:0;
 195 }
 196
 197 .form_settings label {
 198 margin-top:2px;
 199 width:24%;
 200 }
 201
 202 .form_actions label {
 203 display:none;
 204 }
 205 .form_guide {
 206 font-style:italic;
 207 }
 208
 209 .form_settings #settings_autosubscribe label {
 210 display:inline;
 211 font-weight:bold;
 212 }
 213
 214 #form_settings_profile legend,
 215 #form_login legend,
 216 #form_register legend,
 217 #form_password legend,
 218 #form_settings_avatar legend,
 219 #newgroup legend,
 220 #editgroup legend,
 221 #form_tag_user legend,
 222 #form_remote_subscribe legend,
 223 #form_openid_login legend,
 224 #form_search legend,
 225 #form_invite legend,
 226 #form_notice_delete legend,
 227 #form_password_recover legend,
 228 #form_password_change legend,
 229 .form_entity_block legend,
 230 #form_filter_bytag legend,
 231 #apioauthauthorize_allowdeny {
 232 display:none;
 233 }
 234
 235 .form_settings .form_data p.form_guide {
 236 clear:both;
 237 margin-left:26%;
 238 margin-bottom:0;
 239 }
 240
 241 .form_settings p {
 242 margin-bottom:11px;
 243 }
 244
 245 .form_settings input.checkbox,
 246 .form_settings input.radio {
 247 margin-top:3px;
 248 margin-left:0;
 249 }
 250 .form_settings label.checkbox {
 251 font-weight:normal;
 252 margin-top:0;
 253 margin-right:0;
 254 margin-left:11px;
 255 float:left;
 256 width:90%;
 257 }
 258 .form_settings label.radio {
 259 margin-top:0;
 260 margin-right:47px;
 261 margin-left:11px;
 262 width:auto;
 263 }
 264
 265 #form_login p.form_guide,
 266 #form_register #settings_rememberme p.form_guide,
 267 #form_openid_login #settings_rememberme p.form_guide,
 268 #settings_twitter_remove p.form_guide,
 269 #form_search ul.form_data #q,
 270 #design_background-image_onoff p.form_guide {
 271 margin-left:0;
 272 }
 273
 274 .form_settings .form_note {
 275 border-radius:4px;
 276 -moz-border-radius:4px;
 277 -webkit-border-radius:4px;
 278 padding:0 7px;
 279 }
 280
 281 .form_settings input.form_action-default {
 282 margin-right:11px;
 283 }
 284 .form_settings input.form_action-default,
 285 .form_settings input.form_action-primary {
 286 padding:0;
 287 }
 288 .form_settings input.form_action-secondary {
 289 margin-left:29px;
 290 }
 291
 292 #form_search .submit {
 293 margin-left:11px;
 294 }
 295 #form_search .form_data input {
 296 width:auto;
 297 }
 298
 299 address {
 300 float:left;
 301 margin-bottom:18px;
 302 margin-left:18px;
 303 }
 304 address.vcard img.logo {
 305 margin-right:0;
 306 }
 307 address .fn {
 308 font-weight:bold;
 309 }
 310 address img + .fn {
 311 display:none;
 312 }
 313 address a {
 314 text-decoration:none;
 315 }
 316 address .poweredby {
 317 float:left;
 318 clear:left;
 319 display:block;
 320 position:relative;
 321 top:7px;
 322 margin-right:-47px;
 323 }
 324
 325 #header {
 326 width:100%;
 327 position:relative;
 328 float:left;
 329 padding-top:18px;
 330 margin-bottom:29px;
 331 }
 332
 333 #site_nav_global_primary {
 334 float:right;
 335 margin-right:18px;
 336 margin-bottom:11px;
 337 margin-left:18px;
 338 }
 339 #site_nav_global_primary li {
 340 display:inline;
 341 margin-left:18px;
 342 }
 343
 344 .system_notice dt {
 345 font-weight:bold;
 346 text-transform:uppercase;
 347 display:none;
 348 }
 349
 350 #site_notice {
 351 float:right;
 352 clear:right;
 353 margin-top:7px;
 354 margin-right:18px;
 355 width:24%;
 356 }
 357 #page_notice {
 358 clear:both;
 359 margin-bottom:18px;
 360 }
 361
 362 #anon_notice {
 363 float:left;
 364 width:42.4%;
 365 padding:1.1%;
 366 border-radius:7px;
 367 -moz-border-radius:7px;
 368 -webkit-border-radius:7px;
 369 border-width:2px;
 370 border-style:solid;
 371 line-height:1.5;
 372 font-size:1.1em;
 373 font-weight:bold;
 374 }
 375
 376 #footer {
 377 float:left;
 378 width:64%;
 379 padding:18px;
 380 }
 381
 382 #site_nav_local_views {
 383 width:100%;
 384 float:left;
 385 }
 386 #site_nav_local_views dt {
 387 display:none;
 388 }
 389 #site_nav_local_views li {
 390 float:left;
 391 margin-right:18px;
 392 list-style-type:none;
 393 }
 394 #site_nav_local_views a {
 395 float:left;
 396 text-decoration:none;
 397 padding:4px 11px;
 398 border-radius-topleft:4px;
 399 border-radius-topright:4px;
 400 -moz-border-radius-topleft:4px;
 401 -moz-border-radius-topright:4px;
 402 -webkit-border-top-left-radius:4px;
 403 -webkit-border-top-right-radius:4px;
 404 border-radius-topleft:0;
 405 border-radius-topright:0;
 406 border-width:1px;
 407 border-style:solid;
 408 border-bottom:0;
 409 font-weight:bold;
 410 }
 411 #site_nav_local_views .nav {
 412 float:left;
 413 width:100%;
 414 }
 415
 416 body[id$=adminpanel] #site_nav_local_views {
 417 position:relative;
 418 z-index:9;
 419 float:right;
 420 margin-right:10.65%;
 421 width:22.25%;
 422 }
 423 body[id$=adminpanel] #site_nav_local_views li {
 424 width:100%;
 425 margin-right:0;
 426 margin-bottom:7px;
 427 }
 428 body[id$=adminpanel] #site_nav_local_views a {
 429 display:block;
 430 width:80%;
 431 padding-right:10%;
 432 padding-left:10%;
 433 border-radius-toprleft:0;
 434 -moz-border-radius-topleft:0;
 435 -webkit-border-top-left-radius:0;
 436 border-radius-topright:4px;
 437 -moz-border-radius-topright:4px;
 438 -webkit-border-top-right-radius:4px;
 439 border-radius-bottomright:4px;
 440 -moz-border-radius-bottomright:4px;
 441 -webkit-border-bottom-right-radius:4px;
 442 }
 443 body[id$=adminpanel] #site_nav_local_views li.current {
 444 box-shadow:none;
 445 -moz-box-shadow:none;
 446 -webkit-box-shadow:none;
 447 }
 448
 449 body[id$=adminpanel] #content {
 450 border-radius-topleft:7px;
 451 border-radius-topright:7px;
 452 -moz-border-radius-topleft:7px;
 453 -moz-border-radius-topright:7px;
 454 -webkit-border-top-left-radius:7px;
 455 -webkit-border-top-right-radius:7px;
 456 border-radius-topright:0;
 457 -moz-border-radius-topright:0;
 458 -webkit-border-top-right-radius:0;
 459 }
 460 body[id$=adminpanel] #aside_primary {
 461 display:none;
 462 }
 463
 464 #site_nav_global_primary dt,
 465 #site_nav_global_secondary dt {
 466 display:none;
 467 }
 468
 469 #site_nav_global_secondary {
 470 margin-bottom:11px;
 471 }
 472
 473 #site_nav_global_secondary li {
 474 display:inline;
 475 margin-right:18px;
 476 }
 477 #export_data li a {
 478 padding-left:20px;
 479 }
 480 #export_data li a.foaf {
 481 padding-left:30px;
 482 }
 483 #export_data li a.export_vcard {
 484 padding-left:28px;
 485 }
 486
 487 #export_data ul {
 488 width:100%;
 489 float:left;
 490 }
 491 #export_data li {
 492 list-style-type:none;
 493 float:left;
 494 margin-right:11px;
 495 }
 496
 497 #licenses {
 498 font-size:0.9em;
 499 }
 500
 501 #licenses dt {
 502 font-weight:bold;
 503 display:none;
 504 }
 505 #licenses dd {
 506 margin-bottom:11px;
 507 line-height:1.5;
 508 }
 509
 510 #site_content_license_cc {
 511 margin-bottom:0;
 512 }
 513 #site_content_license_cc img {
 514 display:inline;
 515 vertical-align:top;
 516 margin-right:4px;
 517 }
 518
 519 #wrap {
 520 margin:0 auto;
 521 width:100%;
 522 min-width:760px;
 523 max-width:1003px;
 524 overflow:hidden;
 525 }
 526
 527 #core {
 528 position:relative;
 529 width:100%;
 530 float:left;
 531 margin-bottom:1em;
 532 }
 533
 534 #content {
 535 width:63.311%;
 536 min-height:259px;
 537 padding:1.795%;
 538 float:left;
 539 border-radius:7px;
 540 -moz-border-radius:7px;
 541 -moz-border-radius-topleft:0;
 542 -webkit-border-radius:7px;
 543 -webkit-border-top-left-radius:0;
 544 border-width:1px;
 545 border-style:solid;
 546 }
 547 #shownotice #content {
 548 min-height:0;
 549 }
 550
 551 #content_inner {
 552 position:relative;
 553 width:100%;
 554 float:left;
 555 }
 556
 557 #aside_primary {
 558 width:27.917%;
 559 min-height:259px;
 560 float:left;
 561 margin-left:0.699%;
 562 padding:1.795%;
 563 border-radius:7px;
 564 -moz-border-radius:7px;
 565 -webkit-border-radius:7px;
 566 border-width:1px;
 567 border-style:solid;
 568 }
 569
 570 .form_notice {
 571 width:45%;
 572 float:left;
 573 position:relative;
 574 line-height:1;
 575 }
 576 .form_notice fieldset {
 577 border:0;
 578 padding:0;
 579 position:relative;
 580 }
 581 .form_notice legend {
 582 display:none;
 583 }
 584 .form_notice textarea {
 585 float:left;
 586 border-radius:7px;
 587 -moz-border-radius:7px;
 588 -webkit-border-radius:7px;
 589 width:80.789%;
 590 height:67px;
 591 line-height:1.5;
 592 padding:7px 7px 16px 7px;
 593 position:relative;
 594 z-index:2;
 595 }
 596 .form_notice label {
 597 display:block;
 598 float:left;
 599 font-size:1.3em;
 600 margin-bottom:7px;
 601 }
 602 .form_notice label[for=notice_data-attach],
 603 .form_notice #notice_data-attach {
 604 position:absolute;
 605 top:25px;
 606 right:10.5%;
 607 cursor:pointer;
 608 }
 609 .form_notice label[for=notice_data-attach] {
 610 text-indent:-9999px;
 611 width:16px;
 612 height:16px;
 613 }
 614 .form_notice #notice_data-attach {
 615 padding:0;
 616 height:16px;
 617 }
 618 .form_notice .form_note {
 619 position:absolute;
 620 bottom:2px;
 621 right:21.715%;
 622 z-index:9;
 623 }
 624 .form_notice .form_note dt {
 625 font-weight:bold;
 626 display:none;
 627 }
 628 .form_notice #notice_text-count {
 629 font-weight:bold;
 630 line-height:1.15;
 631 padding:1px 2px;
 632 }
 633 .form_notice #notice_action-submit {
 634 width:14%;
 635 height:47px;
 636 padding:0;
 637 position:absolute;
 638 bottom:0;
 639 right:0;
 640 }
 641 .form_notice label[for=to] {
 642 margin-top:7px;
 643 }
 644 .form_notice select[id=to] {
 645 margin-bottom:7px;
 646 margin-left:18px;
 647 float:left;
 648 max-width:322px;
 649 }
 650 .form_notice .error,
 651 .form_notice .success {
 652 float:left;
 653 clear:both;
 654 width:81.5%;
 655 margin-bottom:0;
 656 line-height:1.618;
 657 }
 658 .form_notice #notice_data-attach_selected code {
 659 float:left;
 660 width:80%;
 661 display:block;
 662 overflow:auto;
 663 margin-right:2.5%;
 664 font-size:1.1em;
 665 }
 666 .form_notice #notice_data-attach_selected button.close {
 667 float:right;
 668 font-size:0.8em;
 669 }
 670
 671 .form_notice #notice_data-geo_wrap label,
 672 .form_notice #notice_data-geo_wrap input {
 673 position:absolute;
 674 top:25px;
 675 right:4px;
 676 left:auto;
 677 cursor:pointer;
 678 width:16px;
 679 height:16px;
 680 display:block;
 681 }
 682 .form_notice #notice_data-geo_wrap input {
 683 visibility:hidden;
 684 }
 685 .form_notice #notice_data-geo_wrap label {
 686 font-weight:normal;
 687 font-size:1em;
 688 margin-bottom:0;
 689 text-indent:-9999px;
 690 }
 691
 692 button.close,
 693 button.minimize {
 694 width:16px;
 695 height:16px;
 696 text-indent:-9999px;
 697 padding:0;
 698 border:0;
 699 text-align:center;
 700 font-weight:bold;
 701 cursor:pointer;
 702 }
 703
 704 /* entity_profile */
 705 .entity_profile {
 706 position:relative;
 707 width:73%;
 708 min-height:123px;
 709 float:left;
 710 margin-bottom:18px;
 711 margin-left:0;
 712 overflow:hidden;
 713 }
 714 .entity_profile dt,
 715 #entity_statistics dt {
 716 font-weight:bold;
 717 }
 718 .entity_profile dd {
 719 display:inline;
 720 }
 721
 722 .entity_profile .entity_depiction {
 723 float:left;
 724 width:96px;
 725 margin-right:18px;
 726 margin-bottom:18px;
 727 }
 728
 729 .entity_profile .entity_fn,
 730 .entity_profile .entity_nickname,
 731 .entity_profile .entity_location,
 732 .entity_profile .entity_url,
 733 .entity_profile .entity_note,
 734 .entity_profile .entity_tags,
 735 .entity_profile .entity_aliases,
 736 .entity_profile .entity_statistics {
 737 margin-left:113px;
 738 margin-bottom:4px;
 739 }
 740
 741 .entity_profile .entity_fn,
 742 .entity_profile .entity_nickname {
 743 margin-left:11px;
 744 display:inline;
 745 }
 746 .entity_profile .entity_nickname {
 747 margin-left:0;
 748 }
 749 .entity_profile .fn,
 750 .entity_profile .nickname {
 751 font-size:1.1em;
 752 font-weight:bold;
 753 }
 754 .entity_profile .fn:before {
 755 content: "(";
 756 font-weight:normal;
 757 }
 758 .entity_profile .fn:after {
 759 content: ")";
 760 font-weight:normal;
 761 }
 762 .entity_profile .nickname:after,
 763 .entity_profile .nickname:before {
 764 content:"";
 765 }
 766 .entity_profile dt,
 767 .entity_profile h2 {
 768 display:none;
 769 }
 770 .entity_profile .role {
 771 margin-left:11px;
 772 font-style:italic;
 773 }
 774 /* entity_profile */
 775
 776 /*entity_actions*/
 777 .entity_actions {
 778 float:right;
 779 margin-left:2%;
 780 margin-bottom:18px;
 781 min-width:21%;
 782 }
 783 .entity_actions h2 {
 784 display:none;
 785 }
 786 .entity_actions ul {
 787 list-style-type:none;
 788 }
 789 .entity_actions li {
 790 margin-bottom:7px;
 791 }
 792 .entity_actions li:first-child {
 793 border-top:0;
 794 }
 795 .entity_actions fieldset {
 796 border:0;
 797 padding:0;
 798 }
 799 .entity_actions legend {
 800 display:none;
 801 }
 802
 803 .entity_actions input.submit {
 804 display:block;
 805 text-align:left;
 806 width:100%;
 807 }
 808 .entity_actions a {
 809 text-decoration:none;
 810 font-weight:bold;
 811 display:block;
 812 }
 813 .entity_actions a,
 814 .entity_actions input {
 815 border-radius:4px;
 816 -moz-border-radius:4px;
 817 -webkit-border-radius:4px;
 818 }
 819
 820 .entity_actions a,
 821 .entity_actions input,
 822 .entity_actions p {
 823 border-width:2px;
 824 border-style:solid;
 825 padding-left:23px;
 826 }
 827
 828 .entity_actions a,
 829 .entity_actions p {
 830 padding:2px 4px 1px 26px;
 831 }
 832
 833 .entity_actions .accept {
 834 margin-bottom:18px;
 835 }
 836
 837 .entity_send-a-message button {
 838 position:absolute;
 839 top:3px;
 840 right:3px;
 841 }
 842
 843 .entity_send-a-message .form_notice {
 844 position:absolute;
 845 top:34px;
 846 right:-1px;
 847 padding:1.795%;
 848 width:65%;
 849 z-index:2;
 850  border-radius:7px;
 851 -moz-border-radius:7px;
 852 -webkit-border-radius:7px;
 853 border-width:1px;
 854 border-style:solid;
 855 }
 856 .entity_send-a-message .form_notice legend {
 857 display:block;
 858 margin-bottom:11px;
 859 }
 860
 861 .entity_send-a-message .form_notice label,
 862 .entity_send-a-message .form_notice select {
 863 display:none;
 864 }
 865 .entity_send-a-message .form_notice input.submit {
 866 text-align:center;
 867 }
 868
 869 .entity_moderation,
 870 .entity_role {
 871 position:relative;
 872 }
 873 .entity_moderation p,
 874 .entity_role p {
 875 border-radius:4px;
 876 -moz-border-radius:4px;
 877 -webkit-border-radius:4px;
 878 font-weight:bold;
 879 padding-bottom:2px;
 880 margin-bottom:7px;
 881 }
 882 .entity_moderation ul,
 883 .entity_role ul {
 884 display:none;
 885 }
 886 .entity_moderation:hover ul,
 887 .entity_role:hover ul {
 888 display:block;
 889 width:110%;
 890 padding:11px;
 891 position:absolute;
 892 top:-1px;
 893 right:-1px;
 894 z-index:1;
 895 border-width:1px;
 896 border-style:solid;
 897 border-radius:7px;
 898 -moz-border-radius:7px;
 899 -webkit-border-radius:7px;
 900 }
 901
 902 .entity_tags ul {
 903 list-style-type:none;
 904 display:inline;
 905 }
 906 .entity_tags li {
 907 display:inline;
 908 margin-right:7px;
 909 }
 910 .entity_tags li:before {
 911 content:'\0009';
 912 }
 913
 914 .aside .section {
 915 margin-bottom:29px;
 916 clear:both;
 917 float:left;
 918 width:100%;
 919 list-style-position:inside;
 920 }
 921 .aside .section h2 {
 922 text-transform:uppercase;
 923 font-size:1em;
 924 }
 925
 926 #entity_statistics dt {
 927 margin-right:11px;
 928 }
 929 #entity_statistics dd {
 930 display:inline;
 931 margin-right:11px;
 932 }
 933 #entity_statistics dt:after {
 934 content: ":";
 935 }
 936
 937 .section ul.entities {
 938 float:left;
 939 width:100%;
 940 }
 941 .section .entities li {
 942 list-style-type:none;
 943 float:left;
 944 margin-right:7px;
 945 margin-bottom:7px;
 946 display:inline;
 947 }
 948 .section .entities li .photo {
 949 margin-right:0;
 950 margin-bottom:0;
 951 }
 952 .section .entities li .fn {
 953 display:none;
 954 }
 955
 956 .aside .section p,
 957 .aside .section .more {
 958 clear:both;
 959 }
 960
 961 .profile .entity_profile {
 962 margin-bottom:0;
 963 min-height:60px;
 964 }
 965
 966 .profile .form_group_join legend,
 967 .profile .form_group_leave legend,
 968 .profile .form_user_subscribe legend,
 969 .profile .form_user_unsubscribe legend {
 970 display:none;
 971 }
 972
 973 .profiles {
 974 list-style-type:none;
 975 }
 976 .profile .entity_profile .fn.nickname,
 977 .profile .entity_profile .url[rel~=contact] {
 978 margin-left:0;
 979 display:inline;
 980 }
 981
 982 .profile .entity_profile .fn,
 983 .profile .entity_profile .label {
 984 margin-left:11px;
 985 margin-bottom:4px;
 986 width:auto;
 987 clear:none;
 988 }
 989
 990 .profile .entity_profile .note,
 991 .profile .entity_profile .url,
 992 .profile .entity_profile .entity_tags,
 993 .profile .entity_profile .form_subscription_edit {
 994 margin-left:59px;
 995 clear:none;
 996 display:block;
 997 width:auto;
 998 }
 999 .profile .entity_profile .entity_tags dt {
1000 display:inline;
1001 margin-right:11px;
1002 }
1003
1004 .profile .entity_profile .form_subscription_edit label {
1005 font-weight:normal;
1006 margin-right:11px;
1007 }
1008
1009 /*applications*/
1010 .applications {
1011 margin-bottom:18px;
1012 float:left;
1013 width:100%;
1014 }
1015 .applications li {
1016 list-style-type:none;
1017 }
1018 .application img,
1019 #showapplication .entity_profile img,
1020 .form_data #application_icon img,
1021 #apioauthauthorize .form_data img {
1022 max-width:96px;
1023 max-height:96px;
1024 }
1025 #apioauthauthorize .form_data img {
1026 margin-right:18px;
1027 float:left;
1028 }
1029
1030 .oauth-desktop-mode #wrap {
1031     min-width: 500px;
1032 }
1033
1034 .oauth-desktop-mode #content {
1035     width: 480px;
1036     padding: 6px;
1037     margin: 4px 0px 0px 4px;
1038     border-top-left-radius: 7px;
1039     -moz-border-radius-topleft: 7px;
1040     -webkit-border-top-left-radius: 7px;
1041 }
1042
1043 .oauth-desktop-mode fieldset {
1044     margin-bottom: 10px !important;
1045 }
1046
1047 #oauth_pin {
1048     text-align: center;
1049     font-size: 3em;
1050 }
1051
1052 #showapplication .entity_profile {
1053 width:68%;
1054 }
1055 #showapplication .entity_profile .entity_fn {
1056 margin-left:0;
1057 }
1058 #showapplication .entity_profile .entity_fn .fn:before,
1059 #showapplication .entity_profile .entity_fn .fn:after {
1060 content:'';
1061 }
1062 #showapplication .entity_data {
1063 clear:both;
1064 margin-bottom:18px;
1065 }
1066 #showapplication .entity_data h2 {
1067 display:none;
1068 }
1069 #showapplication .entity_data dl {
1070 margin-bottom:18px;
1071 }
1072 #showapplication .entity_data dt {
1073 font-weight:bold;
1074 }
1075 #showapplication .entity_data dd {
1076 margin-left:1.795%;
1077 font-family:monospace;
1078 font-size:1.3em;
1079 }
1080 .form_data #application_types label.radio,
1081 .form_data #default_access_types label.radio {
1082 width:14.5%;
1083 }
1084
1085 /* NOTICE */
1086 .notice,
1087 .profile,
1088 .application {
1089 position:relative;
1090 padding-top:11px;
1091 padding-bottom:11px;
1092 clear:both;
1093 float:left;
1094 width:100%;
1095 border-top-width:1px;
1096 border-top-style:dotted;
1097 }
1098 .notices li {
1099 list-style-type:none;
1100 }
1101 .notices .notices {
1102 margin-top:7px;
1103 margin-left:2%;
1104 width:98%;
1105 float:left;
1106 }
1107 .mark-top {
1108 border-top-width:1px;
1109 border-top-style:solid;
1110 }
1111
1112 /* Threaded notices sublist */
1113 #content .notices .threaded-notices {
1114     margin-left: 10%;
1115     width: 90%;
1116
1117     background: #e4e8f1;
1118 }
1119 #content .threaded-notices .notice .author .photo {
1120     left: 8px;
1121     width: 32px;
1122     height: 32px;
1123 }
1124 .threaded-notices .notice-reply {
1125     margin: 8px;
1126 }
1127 .threaded-notices .notice-reply textarea,
1128 .threaded-notices .notice-reply-placeholder input.placeholder {
1129     margin-left: 0;
1130     width: 95%;
1131 }
1132 .threaded-notices .notice-reply-placeholder input.placeholder {
1133     color: gray;
1134     margin-left: 8px; /* ?? */
1135     margin-bottom: 8px;
1136 }
1137 .threaded-notices .notice-reply .controls {
1138     text-align: right;
1139 }
1140
1141 /* NOTICES */
1142 #notices_primary {
1143 float:left;
1144 width:100%;
1145 border-radius:7px;
1146 -moz-border-radius:7px;
1147 -webkit-border-radius:7px;
1148 }
1149 #notices_primary h2 {
1150 display:none;
1151 }
1152 .notice-data a span {
1153 display:block;
1154 padding-left:28px;
1155 }
1156
1157 .notice .author {
1158 margin-right:11px;
1159 }
1160 #showstream #content .notice .author {
1161 display:none;
1162 }
1163
1164 .fn {
1165 overflow:hidden;
1166 }
1167
1168 .notice .author .fn {
1169 font-weight:bold;
1170 }
1171
1172 .vcard .photo {
1173 display:inline;
1174 margin-right:11px;
1175 float:left;
1176 }
1177 #shownotice .vcard .photo {
1178 margin-bottom:4px;
1179 }
1180 #content .notice .author .photo {
1181 position:absolute;
1182 top:11px;
1183 left:0;
1184 float:none;
1185 }
1186 #content .notice .entry-title {
1187 margin-left:59px;
1188 margin-right:7px;
1189 }
1190
1191 .vcard .url {
1192 text-decoration:none;
1193 }
1194 .vcard .url:hover {
1195 text-decoration:underline;
1196 }
1197
1198 .notice .entry-title {
1199 overflow:hidden;
1200 word-wrap:break-word;
1201 }
1202 .notice .entry-title.ov {
1203 overflow:visible;
1204 }
1205 #showstream .notice .entry-title,
1206 #showstream .notice div.entry-content {
1207 margin-left:0;
1208 }
1209 #shownotice .notice .entry-title {
1210 margin-left:110px;
1211 font-size:2.2em;
1212 min-height:123px;
1213 }
1214 #shownotice .notice div.entry-content {
1215 margin-left:0;
1216 }
1217
1218 .notice p.entry-content {
1219 display:inline;
1220 }
1221
1222 #content .notice p.entry-content a:visited {
1223 border-radius:4px;
1224 -moz-border-radius:4px;
1225 -webkit-border-radius:4px;
1226 }
1227 .notice p.entry-content .vcard a {
1228 border-radius:4px;
1229 -moz-border-radius:4px;
1230 -webkit-border-radius:4px;
1231 }
1232
1233 .notice div.entry-content {
1234 clear:left;
1235 float:left;
1236 font-size:0.95em;
1237 margin-left:59px;
1238 min-width:60%;
1239 max-width:70%;
1240 }
1241 #showstream .notice div.entry-content,
1242 #shownotice .notice div.entry-content {
1243 max-width:79%;
1244 }
1245
1246 .notice .notice-options a,
1247 .notice .notice-options input {
1248 float:left;
1249 font-size:1.025em;
1250 }
1251
1252 .notice div.entry-content .timestamp {
1253 display:inline-block;
1254 }
1255
1256 .entry-content .repeat {
1257 display:block;
1258 }
1259 .entry-content .repeat .photo {
1260 float:none;
1261 margin-right:1px;
1262 position:relative;
1263 top:4px;
1264 left:0;
1265 }
1266
1267 .dialogbox {
1268 position:absolute;
1269 top:-1px;
1270 right:-1px;
1271 z-index:9;
1272 float:none;
1273 padding:11px;
1274 border-radius:7px;
1275 -moz-border-radius:7px;
1276 -webkit-border-radius:7px;
1277 border-style:solid;
1278 border-width:1px;
1279 }
1280
1281 .dialogbox legend {
1282 display:block !important;
1283 margin-right:18px;
1284 margin-bottom:18px;
1285 }
1286
1287 .dialogbox button.close {
1288 position:absolute;
1289 right:3px;
1290 top:3px;
1291 }
1292
1293 .dialogbox .form_guide {
1294 font-weight:normal;
1295 padding:0;
1296 }
1297
1298 .dialogbox .submit_dialogbox {
1299 font-weight:bold;
1300 text-indent:0;
1301 min-width:46px;
1302 }
1303 .dialogbox input {
1304 padding-left:4px;
1305 }
1306 .dialogbox fieldset {
1307 margin-bottom:0;
1308 }
1309
1310 #wrap form.processing input.submit,
1311 .entity_actions a.processing,
1312 .dialogbox.processing .submit_dialogbox {
1313 cursor:wait;
1314 outline:none;
1315 text-indent:-9999px;
1316 }
1317
1318 .form_repeat.dialogbox {
1319 top:-4px;
1320 right:29px;
1321 min-width:199px;
1322 }
1323
1324 .notice-options {
1325 position:relative;
1326 font-size:0.95em;
1327 width:113px;
1328 float:right;
1329 margin-top:3px;
1330 margin-right:4px;
1331 }
1332
1333 .notice-options a {
1334 float:left;
1335 }
1336 .notice-options .notice_reply,
1337 .notice-options .form_repeat,
1338 .notice-options .form_favor,
1339 .notice-options .form_disfavor,
1340 .notice-options .repeated {
1341 float:left;
1342 margin-left:14.2%;
1343 }
1344 .notice-options .form_favor,
1345 .notice-options .form_disfavor {
1346 margin-left:0;
1347 }
1348 .notice-options input,
1349 .notice-options a,
1350 .notice-options .repeated {
1351 text-indent:-9999px;
1352 outline:none;
1353 }
1354 .notice-options input.submit {
1355 display:block;
1356 border:0;
1357 }
1358 .notice-options .notice_reply,
1359 .notice-options .notice_delete {
1360 text-decoration:none;
1361 }
1362 .notice .notice-options .notice_delete {
1363 float:right;
1364 }
1365 .notice-options form input.submit {
1366 width:16px;
1367 height:16px;
1368 padding:0;
1369 border-radius:0;
1370 -moz-border-radius:0;
1371 -webkit-border-radius:0;
1372 }
1373 .notice-options .form_repeat legend,
1374 .notice-options .form_favor legend,
1375 .notice-options .form_disfavor legend {
1376 display:none;
1377 }
1378 .notice-options .form_repeat fieldset,
1379 .notice-options .form_favor fieldset,
1380 .notice-options .form_disfavor fieldset {
1381 border:0;
1382 padding:0;
1383 }
1384 .notice-options a,
1385 .notice-options .repeated {
1386 width:16px;
1387 height:16px;
1388 }
1389
1390 .notice .attachment {
1391 position:relative;
1392 padding-left:16px;
1393 }
1394 .notice .attachment.more {
1395 text-indent:-9999px;
1396 width:16px;
1397 height:16px;
1398 display:inline-block;
1399 overflow:hidden;
1400 vertical-align:middle;
1401 margin-left:4px;
1402 }
1403
1404 #attachments .attachment,
1405 .notice .attachment.more {
1406 padding-left:0;
1407 }
1408
1409 #attachments {
1410 clear:both;
1411 float:left;
1412 width:100%;
1413 margin-top:18px;
1414 }
1415 #attachments dt {
1416 font-weight:bold;
1417 font-size:1.3em;
1418 margin-bottom:4px;
1419 }
1420
1421 #attachments ol li {
1422 margin-bottom:18px;
1423 list-style-type:decimal;
1424 float:left;
1425 clear:both;
1426 }
1427
1428 #jOverlayContent,
1429 #jOverlayContent #content,
1430 #jOverlayContent #content_inner {
1431 width: auto !important;
1432 margin-bottom:0;
1433 }
1434 #jOverlayContent #content {
1435 padding:11px;
1436 min-height:auto;
1437 }
1438 #jOverlayContent .entry-title {
1439 display:block;
1440 margin-bottom:11px;
1441 }
1442 #jOverlayContent button {
1443 position:absolute;
1444 top:0;
1445 right:0;
1446 }
1447 #jOverlayContent h1 {
1448 max-width:425px;
1449 }
1450 #jOverlayContent #content {
1451 border-radius:7px;
1452 -moz-border-radius:7px;
1453 -webkit-border-radius:7px;
1454 }
1455 #jOverlayLoading {
1456 top:5%;
1457 left:40%;
1458 }
1459 #attachment_view img {
1460 max-width:480px;
1461 max-height:480px;
1462 }
1463 #attachment_view #oembed_info {
1464 margin-top:11px;
1465 }
1466 #attachment_view #oembed_info dt,
1467 #attachment_view #oembed_info dd {
1468 float:left;
1469 }
1470 #attachment_view #oembed_info dt {
1471 clear:left;
1472 margin-right:11px;
1473 font-weight:bold;
1474 }
1475 #attachment_view #oembed_info dt:after {
1476 content: ":";
1477 }
1478
1479 #usergroups #new_group {
1480 float: left;
1481 margin-right: 2em;
1482 }
1483 #new_group, #group_search {
1484 margin-bottom:18px;
1485 }
1486 #new_group a {
1487 padding-left:20px;
1488 }
1489
1490 #filter_tags {
1491 margin-bottom:11px;
1492 float:left;
1493 }
1494 #filter_tags dt {
1495 display:none;
1496 }
1497 #filter_tags ul {
1498 list-style-type:none;
1499 }
1500 #filter_tags li {
1501 float:left;
1502 margin-left:7px;
1503 padding-left:7px;
1504 border-left-width:1px;
1505 border-left-style:solid;
1506 }
1507 #filter_tags #filter_tags_all {
1508 margin-left:0;
1509 border-left:0;
1510 padding-left:0;
1511 }
1512 #filter_tags_all a {
1513 font-weight:bold;
1514 margin-top:7px;
1515 float:left;
1516 }
1517
1518 #filter_tags_item label {
1519 margin-right:7px;
1520 }
1521 #filter_tags_item label,
1522 #filter_tags_item select {
1523 float:left;
1524 }
1525 #filter_tags_item p {
1526 float:left;
1527 clear:both;
1528 margin-left:38px;
1529 }
1530 #filter_tags_item .submit {
1531 position:relative;
1532 top:3px;
1533 left:3px;
1534 }
1535
1536 .pagination {
1537 float:left;
1538 clear:both;
1539 width:100%;
1540 margin-top:18px;
1541 }
1542
1543 .pagination dt {
1544 font-weight:bold;
1545 display:none;
1546 }
1547
1548 .pagination .nav {
1549 float:left;
1550 width:100%;
1551 list-style-type:none;
1552 }
1553
1554 .pagination .nav_prev {
1555 float:left;
1556 }
1557 .pagination .nav_next {
1558 float:right;
1559 }
1560
1561 .pagination a {
1562 display:block;
1563 text-decoration:none;
1564 font-weight:bold;
1565 padding:7px;
1566 border-width:1px;
1567 border-style:solid;
1568 -moz-border-radius:7px;
1569 -webkit-border-radius:7px;
1570 border-radius:7px;
1571 }
1572
1573 .pagination .nav_prev a {
1574 padding-left:30px;
1575 }
1576 .pagination .nav_next a {
1577 padding-right:30px;
1578 }
1579 /* END: NOTICE */
1580
1581 .hentry .entry-content p {
1582 margin-bottom:18px;
1583 }
1584 .hentry .entry-content ol,
1585 .hentry .entry-content ul {
1586 margin-left:1.795%;
1587 }
1588 .hentry .entry-content li {
1589 margin-bottom:18px;
1590 }
1591 .hentry .entry-content li li {
1592 margin-left:18px;
1593 }
1594 .hentry .entry-content .form_settings ul {
1595 margin-left:0;
1596 }
1597
1598 #content #plugin_authors {
1599 min-width:122px;
1600 }
1601 #content thead th {
1602 text-align:left;
1603 }
1604 #content tbody th {
1605 vertical-align:top;
1606 text-align:left;
1607 font-weight:normal;
1608 padding-top:11px;
1609 padding-right:18px;
1610 }
1611 #content tbody tr {
1612 border-top-width:1px;
1613 border-top-style:dotted;
1614 }
1615 #content td {
1616 padding:11px 18px 11px 0;
1617 vertical-align:top;
1618 }
1619 #content td:last-child {
1620 padding-right:0;
1621 }
1622
1623 /* TOP_POSTERS */
1624 .section tbody td {
1625 padding-right:18px;
1626 padding-bottom:11px;
1627 }
1628 .section .vcard .photo {
1629 margin-right:7px;
1630 margin-bottom:0;
1631 }
1632
1633 .section .notice {
1634 padding-top:7px;
1635 padding-bottom:7px;
1636 border-top:0;
1637 }
1638
1639 .section .notice:first-child {
1640 padding-top:0;
1641 }
1642
1643 .section .notice .author {
1644 margin-right:0;
1645 }
1646 .section .notice .author .fn {
1647 display:none;
1648 }
1649
1650 /* tagcloud */
1651 .tag-cloud {
1652 list-style-type:none;
1653 text-align:center;
1654 }
1655 .aside .tag-cloud {
1656 font-size:0.8em;
1657 word-wrap:break-word;
1658 }
1659 .tag-cloud li {
1660 display:inline;
1661 margin-right:7px;
1662 line-height:1.25;
1663 }
1664
1665 .tag-cloud li:before {
1666 content:'\0009';
1667 }
1668
1669 .aside .tag-cloud li {
1670 line-height:1.5;
1671 }
1672 .tag-cloud li a {
1673 text-decoration:none;
1674 }
1675 #tagcloud.section dt {
1676 text-transform:uppercase;
1677 font-weight:bold;
1678 }
1679 .tag-cloud-1 {
1680 font-size:1em;
1681 }
1682 .tag-cloud-2 {
1683 font-size:1.25em;
1684 }
1685 .tag-cloud-3 {
1686 font-size:1.75em;
1687 }
1688 .tag-cloud-4 {
1689 font-size:2em;
1690 }
1691 .tag-cloud-5 {
1692 font-size:2.25em;
1693 }
1694 .tag-cloud-6 {
1695 font-size:2.75em;
1696 }
1697 .tag-cloud-7 {
1698 font-size:3.25em;
1699 }
1700
1701 #publictagcloud #tagcloud.section dt {
1702 display:none;
1703 }
1704
1705 #form_settings_photo .form_data {
1706 clear:both;
1707 }
1708
1709 #form_settings_avatar li {
1710 width:auto;
1711 }
1712 #form_settings_avatar input {
1713 margin-left:0;
1714 }
1715 #avatar_original,
1716 #avatar_preview {
1717 float:left;
1718 }
1719 #avatar_preview {
1720 margin-left:29px;
1721 }
1722 #avatar_preview_view {
1723 height:96px;
1724 width:96px;
1725 margin-bottom:18px;
1726 overflow:hidden;
1727 }
1728
1729 #settings_attach,
1730 #form_settings_avatar .form_actions {
1731 clear:both;
1732 }
1733
1734 #form_settings_avatar .form_actions {
1735 margin-bottom:0;
1736 }
1737
1738 #settings_design_background-image img {
1739 max-width:480px;
1740 max-height:480px;
1741 }
1742
1743 #settings_design_color .form_data,
1744 #color-picker {
1745 float:left;
1746 }
1747 #settings_design_color .form_data {
1748 width:400px;
1749 margin-right:1%;
1750 }
1751
1752 #settings_design_color .form_data li {
1753 width:33%;
1754 }
1755 #settings_design_color .form_data label {
1756 float:none;
1757 display:block;
1758 }
1759 #settings_design_color .form_data .swatch {
1760 padding:11px;
1761 margin-left:0;
1762 width:auto;
1763 }
1764
1765 .system_notice ul,
1766 .instructions ul {
1767 margin-left:1em;
1768 }
1769 .instructions p,
1770 .instructions ul {
1771 margin-bottom:18px;
1772 }
1773 .help dt {
1774 display:none;
1775 }
1776 .guide {
1777 clear:both;
1778 }
1779
1780 #bookmarklet address {
1781 display:none;
1782 }
1783 #bookmarklet .form_notice {
1784 width:auto;
1785 }
1786 #bookmarklet #wrap {
1787 min-width:0;
1788 }
1789
1790 .inline-attachment img {
1791     /* Why on earth is this changed to block at the top? */
1792     display: inline;
1793     border: solid 1px #aaa;
1794     padding: 1px;
1795 }
1796 }/*end of @media screen, projection, tv*/
1797
1798
1799 @media print {
1800 a:after { background-color:#FFFFFF; }
1801 a:not([href^="#"]):after { content:" <"attr(href)"> "; }
1802 img { border:none; }
1803 p { orphans: 2; widows: 1; }
1804
1805 #site_nav_global_primary,
1806 #site_nav_local_views,
1807 #form_notice,
1808 .pagination,
1809 #site_nav_global_secondary,
1810 .entity_actions,
1811 .notice-options,
1812 #aside_primary,
1813 .form_subscription_edit .submit {
1814 display:none;
1815 }
1816 .timestamp dt, .timestamp dd,
1817 .device dt, .device dd {
1818 display:inline;
1819 }
1820 .profiles li,
1821 .notices li {
1822 margin-bottom:18px;
1823 }
1824
1825 }/*end of @media print*/