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