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