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