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