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