theme/rebase/css/display.css

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