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