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