theme/base/css/display.css

   1 /** theme: base
   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:#FFFFFF;
  18 color:#000;
  19 font-family:sans-serif;
  20 font-size:1em;
  21 line-height:1.65;
  22 position:relative;
  23 }
  24 h1,h2,h3,h4,h5,h6 {
  25 margin-bottom:7px;
  26 overflow:hidden;
  27 }
  28 h1 {
  29 font-size:1.4em;
  30 margin-bottom:18px;
  31 }
  32 #showstream h1 { display:none; }
  33 h2 { font-size:1.3em; }
  34 h3 { font-size:1.2em; }
  35 h4 { font-size:1.1em; }
  36 h5 { font-size:1em; }
  37 h6 { font-size:0.9em; }
  38
  39 caption {
  40 font-weight:bold;
  41 }
  42 legend {
  43 font-weight:bold;
  44 font-size:1.3em;
  45 }
  46 input, textarea, select, option {
  47 padding:4px;
  48 font-family:sans-serif;
  49 font-size:1em;
  50 }
  51 input, textarea, select {
  52 border-width:2px;
  53 border-style: solid;
  54 border-radius:4px;
  55 -moz-border-radius:4px;
  56 -webkit-border-radius:4px;
  57 }
  58
  59 input.submit {
  60 font-weight:bold;
  61 cursor:pointer;
  62 }
  63 textarea {
  64 overflow:auto;
  65 }
  66 option {
  67 padding-bottom:0;
  68 }
  69 fieldset {
  70 padding:0;
  71 border:0;
  72 }
  73 form ul li {
  74 list-style-type:none;
  75 margin:0 0 18px 0;
  76 }
  77 form label {
  78 font-weight:bold;
  79 }
  80 input.checkbox,
  81 input.radio {
  82 position:relative;
  83 top:2px;
  84 left:0;
  85 border:0;
  86 }
  87
  88 .error,
  89 .success {
  90 padding:4px 1.55%;
  91 border-radius:4px;
  92 -moz-border-radius:4px;
  93 -webkit-border-radius:4px;
  94 margin-bottom:18px;
  95 }
  96
  97 .xoxo li {
  98 list-style-type:none;
  99 }
 100
 101 form label.submit {
 102 display:none;
 103 }
 104 .form_settings {
 105 clear:both;
 106 }
 107 .form_settings fieldset {
 108 margin-bottom:29px;
 109 }
 110 .form_settings input.remove {
 111 margin-left:11px;
 112 }
 113 .form_settings .form_data li {
 114 width:100%;
 115 float:left;
 116 }
 117 .form_settings .form_data label {
 118 float:left;
 119 }
 120 .form_settings .form_data textarea,
 121 .form_settings .form_data select,
 122 .form_settings .form_data input {
 123 margin-left:1.795%;
 124 float:left;
 125 }
 126 .form_settings .form_data input {
 127 width:39%;
 128 }
 129 .form_settings .form_data textarea {
 130 width:63%;
 131 }
 132
 133 .form_settings .form_data input.submit {
 134 margin-left:0;
 135 }
 136
 137 .form_settings label {
 138 margin-top:2px;
 139 width:24%;
 140 }
 141
 142 .form_actions label {
 143 display:none;
 144 }
 145 .form_guide {
 146 font-style:italic;
 147 }
 148
 149 .form_settings #settings_autosubscribe label {
 150 display:inline;
 151 font-weight:bold;
 152 }
 153
 154 #form_settings_profile legend,
 155 #form_login legend,
 156 #form_register legend,
 157 #form_password legend,
 158 #form_settings_avatar legend,
 159 #newgroup legend,
 160 #editgroup legend,
 161 #form_tag_user legend,
 162 #form_remote_subscribe legend,
 163 #form_openid_login legend,
 164 #form_search legend,
 165 #form_invite legend,
 166 #form_notice_delete legend,
 167 #form_password_recover legend,
 168 #form_password_change legend,
 169 .form_entity_block legend,
 170 #form_filter_bytag legend {
 171 display:none;
 172 }
 173
 174 .form_settings .form_data p.form_guide {
 175 clear:both;
 176 margin-left:26%;
 177 margin-bottom:0;
 178 }
 179
 180 .form_settings p {
 181 margin-bottom:11px;
 182 }
 183
 184 .form_settings input.checkbox,
 185 .form_settings input.radio {
 186 margin-top:3px;
 187 margin-left:0;
 188 }
 189 .form_settings label.checkbox {
 190 font-weight:normal;
 191 margin-top:0;
 192 margin-right:0;
 193 margin-left:11px;
 194 float:left;
 195 width:90%;
 196 }
 197 .form_settings label.radio {
 198 margin-top:0;
 199 margin-right:47px;
 200 margin-left:11px;
 201 width:auto;
 202 }
 203
 204 #form_login p.form_guide,
 205 #form_register #settings_rememberme p.form_guide,
 206 #form_openid_login #settings_rememberme p.form_guide,
 207 #settings_twitter_remove p.form_guide,
 208 #form_search ul.form_data #q,
 209 #design_background-image_onoff p.form_guide {
 210 margin-left:0;
 211 }
 212
 213 .form_settings .form_note {
 214 border-radius:4px;
 215 -moz-border-radius:4px;
 216 -webkit-border-radius:4px;
 217 padding:0 7px;
 218 }
 219
 220 .form_settings input.form_action-default {
 221 margin-right:11px;
 222 }
 223 .form_settings input.form_action-default,
 224 .form_settings input.form_action-primary {
 225 padding:0;
 226 }
 227 .form_settings input.form_action-secondary {
 228 margin-left:29px;
 229 }
 230
 231 #form_search .submit {
 232 margin-left:11px;
 233 }
 234 #form_search .form_data input {
 235 width:auto;
 236 }
 237
 238
 239 address {
 240 float:left;
 241 margin-bottom:18px;
 242 margin-left:18px;
 243 }
 244 address.vcard img.logo {
 245 margin-right:0;
 246 }
 247 address .fn {
 248 font-weight:bold;
 249 }
 250 address img + .fn {
 251 display:none;
 252 }
 253
 254 #header {
 255 width:100%;
 256 position:relative;
 257 float:left;
 258 padding-top:18px;
 259 margin-bottom:29px;
 260 }
 261
 262 #site_nav_global_primary {
 263 float:right;
 264 margin-right:18px;
 265 margin-bottom:11px;
 266 margin-left:18px;
 267 }
 268 #site_nav_global_primary li {
 269 display:inline;
 270 margin-left:11px;
 271 }
 272
 273 .system_notice dt {
 274 font-weight:bold;
 275 text-transform:uppercase;
 276 display:none;
 277 }
 278
 279 #site_notice {
 280 float:right;
 281 clear:right;
 282 margin-top:7px;
 283 margin-right:18px;
 284 width:24%;
 285 }
 286 #page_notice {
 287 clear:both;
 288 margin-bottom:18px;
 289 }
 290
 291 #anon_notice {
 292 float:left;
 293 width:42.4%;
 294 padding:1.1%;
 295 border-radius:7px;
 296 -moz-border-radius:7px;
 297 -webkit-border-radius:7px;
 298 border-width:2px;
 299 border-style:solid;
 300 line-height:1.5;
 301 font-size:1.1em;
 302 font-weight:bold;
 303 }
 304
 305 #footer {
 306 float:left;
 307 width:64%;
 308 padding:18px;
 309 }
 310
 311 #site_nav_local_views {
 312 width:100%;
 313 float:left;
 314 }
 315 #site_nav_local_views dt {
 316 display:none;
 317 }
 318 #site_nav_local_views li {
 319 float:left;
 320 margin-right:18px;
 321 list-style-type:none;
 322 }
 323 #site_nav_local_views a {
 324 float:left;
 325 text-decoration:none;
 326 padding:4px 11px;
 327 -moz-border-radius-topleft:4px;
 328 -moz-border-radius-topright:4px;
 329 -webkit-border-top-left-radius:4px;
 330 -webkit-border-top-right-radius:4px;
 331 border-width:1px;
 332 border-style:solid;
 333 border-bottom:0;
 334 font-weight:bold;
 335 }
 336 #site_nav_local_views .nav {
 337 float:left;
 338 width:100%;
 339 }
 340
 341 #site_nav_global_primary dt,
 342 #site_nav_global_secondary dt {
 343 display:none;
 344 }
 345
 346 #site_nav_global_secondary {
 347 margin-bottom:11px;
 348 }
 349
 350 #site_nav_global_secondary ul li {
 351 display:inline;
 352 margin-right:11px;
 353 }
 354 #export_data li a {
 355 padding-left:20px;
 356 }
 357 #export_data li a.foaf {
 358 padding-left:30px;
 359 }
 360 #export_data li a.export_vcard {
 361 padding-left:28px;
 362 }
 363
 364 #export_data ul {
 365 display:inline;
 366 }
 367 #export_data li {
 368 list-style-type:none;
 369 display:inline;
 370 margin-left:11px;
 371 }
 372 #export_data li:first-child {
 373 margin-left:0;
 374 }
 375
 376 #licenses {
 377 font-size:0.9em;
 378 }
 379
 380 #licenses dt {
 381 font-weight:bold;
 382 display:none;
 383 }
 384 #licenses dd {
 385 margin-bottom:11px;
 386 line-height:1.5;
 387 }
 388
 389 #site_content_license_cc {
 390 margin-bottom:0;
 391 }
 392 #site_content_license_cc img {
 393 display:inline;
 394 vertical-align:top;
 395 margin-right:4px;
 396 }
 397
 398 #wrap {
 399 margin:0 auto;
 400 width:100%;
 401 min-width:760px;
 402 max-width:1003px;
 403 overflow:hidden;
 404 }
 405
 406 #core {
 407 position:relative;
 408 width:100%;
 409 float:left;
 410 margin-bottom:1em;
 411 }
 412
 413 #content {
 414 width:63.311%;
 415 min-height:259px;
 416 padding:1.795%;
 417 float:left;
 418 border-radius:7px;
 419 -moz-border-radius:7px;
 420 -moz-border-radius-topleft:0;
 421 -webkit-border-radius:7px;
 422 -webkit-border-top-left-radius:0;
 423 border-width:1px;
 424 border-style:solid;
 425 }
 426 #shownotice #content {
 427 min-height:0;
 428 }
 429
 430 #content_inner {
 431 position:relative;
 432 width:100%;
 433 float:left;
 434 }
 435
 436 #aside_primary {
 437 width:27.917%;
 438 min-height:259px;
 439 float:left;
 440 margin-left:0.699%;
 441 padding:1.795%;
 442 border-radius:7px;
 443 -moz-border-radius:7px;
 444 -webkit-border-radius:7px;
 445 border-width:1px;
 446 border-style:solid;
 447 }
 448
 449 .form_notice {
 450 width:45%;
 451 float:left;
 452 position:relative;
 453 line-height:1;
 454 }
 455 .form_notice fieldset {
 456 border:0;
 457 padding:0;
 458 position:relative;
 459 }
 460 .form_notice legend {
 461 display:none;
 462 }
 463 .form_notice textarea {
 464 float:left;
 465 border-radius:7px;
 466 -moz-border-radius:7px;
 467 -webkit-border-radius:7px;
 468 width:80.789%;
 469 height:67px;
 470 line-height:1.5;
 471 padding:7px 7px 16px 7px;
 472 position:relative;
 473 z-index:2;
 474 }
 475 .form_notice label {
 476 display:block;
 477 float:left;
 478 font-size:1.3em;
 479 margin-bottom:7px;
 480 }
 481 .form_notice label[for=notice_data-attach],
 482 .form_notice #notice_data-attach {
 483 position:absolute;
 484 top:25px;
 485 right:10.5%;
 486 cursor:pointer;
 487 }
 488 .form_notice label[for=notice_data-attach] {
 489 text-indent:-9999px;
 490 width:16px;
 491 height:16px;
 492 }
 493 .form_notice #notice_data-attach {
 494 padding:0;
 495 height:16px;
 496 }
 497 .form_notice .form_note {
 498 position:absolute;
 499 bottom:2px;
 500 right:21.715%;
 501 z-index:9;
 502 }
 503 .form_notice .form_note dt {
 504 font-weight:bold;
 505 display:none;
 506 }
 507 .form_notice #notice_text-count {
 508 font-weight:bold;
 509 line-height:1.15;
 510 padding:1px 2px;
 511 }
 512 .form_notice #notice_action-submit {
 513 width:14%;
 514 height:47px;
 515 padding:0;
 516 position:absolute;
 517 bottom:0;
 518 right:0;
 519 }
 520 .form_notice label[for=to] {
 521 margin-top:7px;
 522 }
 523 .form_notice select[id=to] {
 524 margin-bottom:7px;
 525 margin-left:18px;
 526 float:left;
 527 max-width:322px;
 528 }
 529 .form_notice .error,
 530 .form_notice .success {
 531 float:left;
 532 clear:both;
 533 width:81.5%;
 534 margin-bottom:0;
 535 line-height:1.618;
 536 }
 537 .form_notice #notice_data-attach_selected code {
 538 float:left;
 539 width:90%;
 540 display:block;
 541 font-size:1.1em;
 542 line-height:1.8;
 543 overflow:auto;
 544 }
 545 .form_notice #notice_data-attach_selected button {
 546 float:right;
 547 font-size:0.8em;
 548 }
 549
 550 button.close {
 551 width:16px;
 552 height:16px;
 553 text-indent:-9999px;
 554 padding:0;
 555 border:0;
 556 text-align:center;
 557 font-weight:bold;
 558 }
 559
 560 /* entity_profile */
 561 .entity_profile {
 562 position:relative;
 563 width:74.702%;
 564 min-height:123px;
 565 float:left;
 566 margin-bottom:18px;
 567 margin-left:0;
 568 overflow:hidden;
 569 }
 570 .entity_profile dt,
 571 #entity_statistics dt {
 572 font-weight:bold;
 573 }
 574 .entity_profile dd {
 575 display:inline;
 576 }
 577
 578 .entity_profile .entity_depiction {
 579 float:left;
 580 width:96px;
 581 margin-right:18px;
 582 margin-bottom:18px;
 583 }
 584
 585 .entity_profile .entity_fn,
 586 .entity_profile .entity_nickname,
 587 .entity_profile .entity_location,
 588 .entity_profile .entity_url,
 589 .entity_profile .entity_note,
 590 .entity_profile .entity_tags,
 591 .entity_profile .entity_aliases {
 592 margin-left:113px;
 593 margin-bottom:4px;
 594 }
 595
 596 .entity_profile .entity_fn,
 597 .entity_profile .entity_nickname {
 598 margin-left:11px;
 599 display:inline;
 600 }
 601 .entity_profile .entity_nickname {
 602 margin-left:0;
 603 }
 604 .entity_profile .fn,
 605 .entity_profile .nickname {
 606 font-size:1.1em;
 607 font-weight:bold;
 608 }
 609 .entity_profile .fn:before {
 610 content: "(";
 611 font-weight:normal;
 612 }
 613 .entity_profile .fn:after {
 614 content: ")";
 615 font-weight:normal;
 616 }
 617 .entity_profile .nickname:after,
 618 .entity_profile .nickname:before {
 619 content:"";
 620 }
 621 .entity_profile dt,
 622 .entity_profile h2 {
 623 display:none;
 624 }
 625 .entity_profile .role {
 626 margin-left:11px;
 627 font-style:italic;
 628 }
 629 /* entity_profile */
 630
 631 /*entity_actions*/
 632 .entity_actions {
 633 float:right;
 634 margin-left:2.35%;
 635 margin-bottom:18px;
 636 width:21%;
 637 }
 638 .entity_actions h2 {
 639 display:none;
 640 }
 641 .entity_actions ul {
 642 list-style-type:none;
 643 }
 644 .entity_actions li {
 645 margin-bottom:7px;
 646 }
 647 .entity_actions li:first-child {
 648 border-top:0;
 649 }
 650 .entity_actions fieldset {
 651 border:0;
 652 padding:0;
 653 }
 654 .entity_actions legend {
 655 display:none;
 656 }
 657
 658 .entity_actions input.submit {
 659 display:block;
 660 text-align:left;
 661 width:100%;
 662 }
 663 .entity_actions a,
 664 .entity_remote_subscribe {
 665 text-decoration:none;
 666 font-weight:bold;
 667 display:block;
 668 }
 669 .entity_actions a,
 670 .entity_actions input {
 671 border-radius:4px;
 672 -moz-border-radius:4px;
 673 -webkit-border-radius:4px;
 674 }
 675
 676 .entity_actions a,
 677 .entity_actions input,
 678 .entity_actions p {
 679 border:0;
 680 padding-left:23px;
 681 }
 682
 683 .entity_actions a,
 684 .entity_actions p {
 685 padding:1px 4px 1px 26px;
 686 }
 687
 688 .entity_remote_subscribe {
 689 padding:4px;
 690 border-width:2px;
 691 border-style:solid;
 692 border-radius:4px;
 693 -moz-border-radius:4px;
 694 -webkit-border-radius:4px;
 695 }
 696 .entity_actions .accept {
 697 margin-bottom:18px;
 698 }
 699
 700
 701 .entity_send-a-message button {
 702 position:absolute;
 703 top:3px;
 704 right:3px;
 705 }
 706
 707 .entity_send-a-message .form_notice {
 708 position:absolute;
 709 top:34px;
 710 right:-1px;
 711 padding:1.795%;
 712 width:65%;
 713 z-index:2;
 714  border-radius:7px;
 715 -moz-border-radius:7px;
 716 -webkit-border-radius:7px;
 717 border-width:1px;
 718 border-style:solid;
 719 }
 720 .entity_send-a-message .form_notice legend {
 721 display:block;
 722 margin-bottom:11px;
 723 }
 724
 725 .entity_send-a-message .form_notice label,
 726 .entity_send-a-message .form_notice select {
 727 display:none;
 728 }
 729 .entity_send-a-message .form_notice input.submit {
 730 text-align:center;
 731 }
 732
 733
 734 .entity_tags ul {
 735 list-style-type:none;
 736 display:inline;
 737 }
 738 .entity_tags li {
 739 display:inline;
 740 margin-right:4px;
 741 }
 742
 743 .aside .section {
 744 margin-bottom:29px;
 745 clear:both;
 746 float:left;
 747 width:100%;
 748 list-style-position:inside;
 749 }
 750 .aside .section h2 {
 751 text-transform:uppercase;
 752 font-size:1em;
 753 }
 754
 755 #entity_statistics dt,
 756 #entity_statistics dd {
 757 display:inline;
 758 }
 759 #entity_statistics dt:after {
 760 content: ":";
 761 }
 762
 763 .section ul.entities {
 764 float:left;
 765 width:100%;
 766 }
 767 .section .entities li {
 768 list-style-type:none;
 769 float:left;
 770 margin-right:7px;
 771 margin-bottom:7px;
 772 display:inline;
 773 }
 774 .section .entities li .photo {
 775 margin-right:0;
 776 margin-bottom:0;
 777 }
 778 .section .entities li .fn {
 779 display:none;
 780 }
 781
 782 .aside .section p,
 783 .aside .section .more {
 784 clear:both;
 785 }
 786
 787 .profile .entity_profile {
 788 margin-bottom:0;
 789 min-height:60px;
 790 }
 791
 792 .profile .form_group_join legend,
 793 .profile .form_group_leave legend,
 794 .profile .form_user_subscribe legend,
 795 .profile .form_user_unsubscribe legend {
 796 display:none;
 797 }
 798
 799 .profiles {
 800 list-style-type:none;
 801 }
 802 .profile .entity_profile .fn.nickname,
 803 .profile .entity_profile .url[rel~=contact] {
 804 margin-left:0;
 805 display:inline;
 806 }
 807
 808 .profile .entity_profile .fn,
 809 .profile .entity_profile .location {
 810 margin-left:11px;
 811 margin-bottom:4px;
 812 width:auto;
 813 clear:none;
 814 }
 815
 816 .profile .entity_profile .note,
 817 .profile .entity_profile .url,
 818 .profile .entity_profile .entity_tags,
 819 .profile .entity_profile .form_subscription_edit {
 820 margin-left:59px;
 821 clear:none;
 822 display:block;
 823 width:auto;
 824 }
 825 .profile .entity_profile .entity_tags dt {
 826 display:inline;
 827 margin-right:11px;
 828 }
 829
 830 .profile .entity_profile .form_subscription_edit label {
 831 font-weight:normal;
 832 margin-right:11px;
 833 }
 834
 835 /* NOTICE */
 836 .notice,
 837 .profile {
 838 position:relative;
 839 padding-top:11px;
 840 padding-bottom:11px;
 841 clear:both;
 842 float:left;
 843 width:100%;
 844 border-top-width:1px;
 845 border-top-style:dotted;
 846 }
 847 .notices li {
 848 list-style-type:none;
 849 }
 850 .notices .notices {
 851 margin-top:7px;
 852 margin-left:2%;
 853 width:98%;
 854 float:left;
 855 }
 856 .mark-top {
 857 border-top-width:1px;
 858 border-top-style:solid;
 859 }
 860
 861 /* NOTICES */
 862 #notices_primary {
 863 float:left;
 864 width:100%;
 865 border-radius:7px;
 866 -moz-border-radius:7px;
 867 -webkit-border-radius:7px;
 868 }
 869 #notices_primary h2 {
 870 display:none;
 871 }
 872 .notice-data a span {
 873 display:block;
 874 padding-left:28px;
 875 }
 876
 877 .notice .author {
 878 margin-right:11px;
 879 }
 880
 881 .fn {
 882 overflow:hidden;
 883 }
 884
 885 .notice .author .fn {
 886 font-weight:bold;
 887 }
 888
 889 .vcard .photo {
 890 display:inline;
 891 margin-right:11px;
 892 float:left;
 893 }
 894 #shownotice .vcard .photo {
 895 margin-bottom:4px;
 896 }
 897 .vcard .url {
 898 text-decoration:none;
 899 }
 900 .vcard .url:hover {
 901 text-decoration:underline;
 902 }
 903
 904 .notice .entry-title {
 905 float:left;
 906 width:100%;
 907 overflow:hidden;
 908 }
 909 .notice .entry-title.ov {
 910 overflow:visible;
 911 }
 912 #shownotice .notice .entry-title {
 913 font-size:2.2em;
 914 }
 915
 916 .notice p.entry-content {
 917 display:inline;
 918 }
 919
 920 #content .notice p.entry-content a:visited {
 921 border-radius:4px;
 922 -moz-border-radius:4px;
 923 -webkit-border-radius:4px;
 924 }
 925 .notice p.entry-content .vcard a {
 926 border-radius:4px;
 927 -moz-border-radius:4px;
 928 -webkit-border-radius:4px;
 929 }
 930
 931 .notice div.entry-content {
 932 clear:left;
 933 float:left;
 934 font-size:0.95em;
 935 margin-left:59px;
 936 width:50%;
 937 }
 938 #showstream .notice div.entry-content,
 939 #shownotice .notice div.entry-content {
 940 margin-left:0;
 941 }
 942
 943 .notice .notice-options a,
 944 .notice .notice-options input {
 945 float:left;
 946 font-size:1.025em;
 947 }
 948
 949 .notice div.entry-content .timestamp {
 950 display:inline-block;
 951 }
 952
 953 .notice-options {
 954 position:relative;
 955 font-size:0.95em;
 956 width:90px;
 957 float:right;
 958 margin-right:11px;
 959 }
 960
 961 .notice-options a {
 962 float:left;
 963 }
 964 .notice-options .notice_delete,
 965 .notice-options .notice_reply,
 966 .notice-options .form_favor,
 967 .notice-options .form_disfavor {
 968 position:absolute;
 969 top:0;
 970 }
 971 .notice-options .form_favor,
 972 .notice-options .form_disfavor {
 973 left:0;
 974 }
 975 .notice-options .notice_reply {
 976 left:29px;
 977 }
 978 .notice-options .notice_delete {
 979 right:0;
 980 }
 981 .notice-options input,
 982 .notice-options a {
 983 text-indent:-9999px;
 984 outline:none;
 985 }
 986 .notice-options input.submit {
 987 display:block;
 988 border:0;
 989 }
 990 .notice-options .notice_reply,
 991 .notice-options .notice_delete {
 992 text-decoration:none;
 993 }
 994 .notice-options form input.submit {
 995 width:16px;
 996 height:16px;
 997 padding:0;
 998 border-radius:0;
 999 -moz-border-radius:0;
1000 -webkit-border-radius:0;
1001 }
1002 .notice-options .form_favor legend,
1003 .notice-options .form_disfavor legend {
1004 display:none;
1005 }
1006 .notice-options .form_favor fieldset,
1007 .notice-options .form_disfavor fieldset {
1008 border:0;
1009 padding:0;
1010 }
1011 .notice-options a {
1012 width:16px;
1013 height:16px;
1014 }
1015
1016 .notice .attachment {
1017 position:relative;
1018 padding-left:16px;
1019 }
1020 #attachments .attachment {
1021 padding-left:0;
1022 }
1023 .notice .attachment img {
1024 position:absolute;
1025 top:18px;
1026 left:0;
1027 z-index:99;
1028 }
1029 #shownotice .notice .attachment img {
1030 position:static;
1031 }
1032
1033 #attachments {
1034 clear:both;
1035 float:left;
1036 width:100%;
1037 margin-top:18px;
1038 }
1039 #attachments dt {
1040 font-weight:bold;
1041 font-size:1.3em;
1042 margin-bottom:4px;
1043 }
1044
1045 #attachments ol li {
1046 margin-bottom:18px;
1047 list-style-type:decimal;
1048 float:left;
1049 clear:both;
1050 }
1051
1052 #jOverlayContent,
1053 #jOverlayContent #content,
1054 #jOverlayContent #content_inner {
1055 width: auto !important;
1056 margin-bottom:0;
1057 }
1058 #jOverlayContent #content {
1059 padding:11px;
1060 min-height:auto;
1061 }
1062 #jOverlayContent .external span {
1063 display:block;
1064 margin-bottom:11px;
1065 }
1066 #jOverlayContent button {
1067 position:absolute;
1068 top:0;
1069 right:0;
1070 }
1071 #jOverlayContent h1 {
1072 max-width:425px;
1073 }
1074 #jOverlayContent #content {
1075 border-radius:7px;
1076 -moz-border-radius:7px;
1077 -webkit-border-radius:7px;
1078 }
1079 #jOverlayLoading {
1080 top:5%;
1081 left:40%;
1082 }
1083 #attachment_view img {
1084 max-width:480px;
1085 max-height:480px;
1086 }
1087 #attachment_view #oembed_info {
1088 margin-top:11px;
1089 }
1090 #attachment_view #oembed_info dt,
1091 #attachment_view #oembed_info dd {
1092 float:left;
1093 }
1094 #attachment_view #oembed_info dt {
1095 clear:left;
1096 margin-right:11px;
1097 font-weight:bold;
1098 }
1099 #attachment_view #oembed_info dt:after {
1100 content: ":";
1101 }
1102
1103 #usergroups #new_group {
1104 float: left;
1105 margin-right: 2em;
1106 }
1107 #new_group, #group_search {
1108 margin-bottom:18px;
1109 }
1110 #new_group a {
1111 padding-left:20px;
1112 }
1113
1114 #filter_tags {
1115 margin-bottom:11px;
1116 float:left;
1117 }
1118 #filter_tags dt {
1119 display:none;
1120 }
1121 #filter_tags ul {
1122 list-style-type:none;
1123 }
1124 #filter_tags li {
1125 float:left;
1126 margin-left:7px;
1127 padding-left:7px;
1128 border-left-width:1px;
1129 border-left-style:solid;
1130 }
1131 #filter_tags #filter_tags_all {
1132 margin-left:0;
1133 border-left:0;
1134 padding-left:0;
1135 }
1136 #filter_tags_all a {
1137 font-weight:bold;
1138 margin-top:7px;
1139 float:left;
1140 }
1141
1142 #filter_tags_item label {
1143 margin-right:7px;
1144 }
1145 #filter_tags_item label,
1146 #filter_tags_item select {
1147 float:left;
1148 }
1149 #filter_tags_item p {
1150 float:left;
1151 clear:both;
1152 margin-left:38px;
1153 }
1154 #filter_tags_item .submit {
1155 position:relative;
1156 top:3px;
1157 left:3px;
1158 }
1159
1160 .pagination {
1161 float:left;
1162 clear:both;
1163 width:100%;
1164 margin-top:18px;
1165 }
1166
1167 .pagination dt {
1168 font-weight:bold;
1169 display:none;
1170 }
1171
1172 .pagination .nav {
1173 float:left;
1174 width:100%;
1175 list-style-type:none;
1176 }
1177
1178 .pagination .nav_prev {
1179 float:left;
1180 }
1181 .pagination .nav_next {
1182 float:right;
1183 }
1184
1185 .pagination a {
1186 display:block;
1187 text-decoration:none;
1188 font-weight:bold;
1189 padding:7px;
1190 border-width:1px;
1191 border-style:solid;
1192 -moz-border-radius:7px;
1193 -webkit-border-radius:7px;
1194 border-radius:7px;
1195 }
1196
1197 .pagination .nav_prev a {
1198 padding-left:30px;
1199 }
1200 .pagination .nav_next a {
1201 padding-right:30px;
1202 }
1203 /* END: NOTICE */
1204
1205 .hentry .entry-content p {
1206 margin-bottom:18px;
1207 }
1208 .system_notice ul,
1209 .instructions ul,
1210 .hentry entry-content ol,
1211 .hentry .entry-content ul {
1212 list-style-position:inside;
1213 }
1214 .hentry .entry-content li {
1215 margin-bottom:18px;
1216 }
1217 .hentry .entry-content li li {
1218 margin-left:18px;
1219 }
1220
1221 /* TOP_POSTERS */
1222 .section tbody td {
1223 padding-right:18px;
1224 padding-bottom:11px;
1225 }
1226 .section .vcard .photo {
1227 margin-right:7px;
1228 margin-bottom:0;
1229 }
1230
1231 .section .notice {
1232 padding-top:7px;
1233 padding-bottom:7px;
1234 border-top:0;
1235 }
1236
1237 .section .notice:first-child {
1238 padding-top:0;
1239 }
1240
1241 .section .notice .author {
1242 margin-right:0;
1243 }
1244 .section .notice .author .fn {
1245 display:none;
1246 }
1247
1248 /* tagcloud */
1249 .tag-cloud {
1250 list-style-type:none;
1251 text-align:center;
1252 }
1253 .aside .tag-cloud {
1254 font-size:0.8em;
1255 }
1256 .tag-cloud li {
1257 display:inline;
1258 margin-right:7px;
1259 line-height:1.25;
1260 }
1261 .aside .tag-cloud li {
1262 line-height:1.5;
1263 }
1264 .tag-cloud li a {
1265 text-decoration:none;
1266 }
1267 #tagcloud.section dt {
1268 text-transform:uppercase;
1269 font-weight:bold;
1270 }
1271 .tag-cloud-1 {
1272 font-size:1em;
1273 }
1274 .tag-cloud-2 {
1275 font-size:1.25em;
1276 }
1277 .tag-cloud-3 {
1278 font-size:1.75em;
1279 }
1280 .tag-cloud-4 {
1281 font-size:2em;
1282 }
1283 .tag-cloud-5 {
1284 font-size:2.25em;
1285 }
1286 .tag-cloud-6 {
1287 font-size:2.75em;
1288 }
1289 .tag-cloud-7 {
1290 font-size:3.25em;
1291 }
1292
1293 #publictagcloud #tagcloud.section dt {
1294 display:none;
1295 }
1296
1297 #form_settings_photo .form_data {
1298 clear:both;
1299 }
1300
1301 #form_settings_avatar li {
1302 width:auto;
1303 }
1304 #form_settings_avatar input {
1305 margin-left:0;
1306 }
1307 #avatar_original,
1308 #avatar_preview {
1309 float:left;
1310 }
1311 #avatar_preview {
1312 margin-left:29px;
1313 }
1314 #avatar_preview_view {
1315 height:96px;
1316 width:96px;
1317 margin-bottom:18px;
1318 overflow:hidden;
1319 }
1320
1321 #settings_attach,
1322 #form_settings_avatar .form_actions {
1323 clear:both;
1324 }
1325
1326 #form_settings_avatar .form_actions {
1327 margin-bottom:0;
1328 }
1329
1330 #settings_design_background-image img {
1331 max-width:480px;
1332 max-height:480px;
1333 }
1334
1335 #settings_design_color .form_data,
1336 #color-picker {
1337 float:left;
1338 }
1339 #settings_design_color .form_data {
1340 width:400px;
1341 margin-right:28px;
1342 }
1343
1344 #settings_design_color .form_data li {
1345 width:33%;
1346 }
1347 #settings_design_color .form_data label {
1348 float:none;
1349 display:block;
1350 }
1351 #settings_design_color .form_data .swatch {
1352 padding:11px;
1353 margin-left:0;
1354 width:auto;
1355 }
1356
1357 .instructions ul {
1358 list-style-position:inside;
1359 }
1360 .instructions p,
1361 .instructions ul {
1362 margin-bottom:18px;
1363 }
1364 .help dt {
1365 display:none;
1366 }
1367 .guide {
1368 clear:both;
1369 }
1370
1371 #bookmarklet address {
1372 display:none;
1373 }
1374 #bookmarklet .form_notice {
1375 width:auto;
1376 }
1377 #bookmarklet #wrap {
1378 min-width:0;
1379 }