theme/cloudy/css/display.css

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