theme/cloudy/css/display.css

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