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