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