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