theme/base/css/display.css

   1 /* theme: base */
   2 * { margin:0; padding:0; }
   3 img { display:block; border:0; }
   4 a abbr { cursor: pointer; border-bottom:0; }
   5 table { border-collapse:collapse; }
   6 ol { list-style-position:inside; }
   7 html { font-size: 87.5%; background-color:#fff; height:100%; }
   8 body {
   9 background-color:#fff;
  10 color:#000;
  11 font-family:sans-serif;
  12 font-size:1em;
  13 line-height:1.65;
  14 position:relative;
  15 margin:0 auto;
  16 width:1004px;
  17 width:71.714em;
  18 }
  19 h1 {
  20 font-size:2.1em;
  21 line-height:1.1;
  22 margin-bottom:0.25em;
  23 }
  24 h2 { font-size:1.3em; }
  25 h3 { font-size:1.2em; }
  26 h4 { font-size:1.1em; }
  27 h5 { font-size:1em; }
  28 h6 { font-size:0.9em; }
  29 h1,h2,h3,h4,h5,h6 {
  30         text-transform:uppercase;
  31         margin-bottom:7px;
  32 }
  33 legend { font-weight:bold; }
  34 input, textarea, select, option {
  35 padding:4px;
  36 font-family:sans-serif;
  37 font-size:1em;
  38 -moz-border-radius:4px;
  39 }
  40 select, option {
  41 padding-bottom:0;
  42 }
  43 fieldset {
  44 padding:11px;
  45 }
  46 input:focus, textarea:focus, select:focus {
  47 border-width:2px;
  48 border-style: solid;
  49 -moz-border-radius:4px;
  50 }
  51 caption {
  52 font-weight:bold;
  53 }
  54 .opened { display: block !important;}
  55 .closed { display: none !important;}
  56 span.required { font-weight:bold; }
  57 form ul li {
  58 list-style-type:none;
  59 margin:0 0 18px 0;
  60 }
  61 form label {
  62 font-weight:bold;
  63 /*margin:0 0 11px 0;*/
  64 }
  65 form ul li input {
  66 }
  67 form .error {
  68 margin-right:11px;
  69 }
  70 form label.submit {
  71 display:none;
  72 }
  73 form .error_message {
  74 display:block;
  75 }
  76 .form_response {
  77 margin-bottom:18px;
  78 }
  79 .form_response dt {
  80 }
  81 .form_response dd {
  82 }
  83
  84 form input.remove,
  85 form input.submit {
  86 -moz-border-radius:4px;
  87 }
  88 form input.submit {
  89 }
  90
  91
  92
  93
  94 /* FORM SETTINGS */
  95 .form_settings fieldset {
  96 padding:0;
  97 border:0;
  98 }
  99 .form_settings legend {
 100 display:none;
 101 }
 102 .form_settings .form_datas label {
 103
 104 }
 105
 106 .form_guide {
 107 font-style:italic;
 108 }
 109
 110 .form_settings .form_actions label {
 111 display:none;
 112 }
 113
 114 .form_settings #settings_autosubscribe label {
 115 display:inline;
 116 font-weight:bold;
 117 }
 118
 119 .form_settings p {
 120 margin-bottom:18px;
 121 }
 122
 123 #settings_email_address {
 124 margin-bottom:29px;
 125 }
 126
 127
 128 /* FORM SETTINGS */
 129
 130
 131
 132
 133 address {
 134 float:left;
 135 margin-bottom:18px;
 136 margin-left:18px;
 137 }
 138 address .fn,
 139 address .email {
 140 display:none;
 141 }
 142
 143
 144
 145 #header {
 146 width:100%;
 147 position:relative;
 148 float:left;
 149 padding-top:18px;
 150 margin-bottom:29px;
 151 }
 152
 153 #site_nav_global_primary {
 154 float:right;
 155 }
 156 #site_nav_global_primary ul li {
 157 display:inline;
 158 margin-left:11px;
 159 }
 160
 161
 162 .system_notice dt {
 163 font-weight:bold;
 164 text-transform:uppercase;
 165 display:none;
 166 }
 167
 168 #site_notice {
 169 position:absolute;
 170 right:0;
 171 top:49px;
 172 float:right;
 173 width:322px;
 174 }
 175 #page_notice {
 176 clear:both;
 177 margin-bottom:18px;
 178 }
 179
 180
 181
 182
 183 #footer {
 184 float:left;
 185 width:68%;
 186 padding-bottom:11px;
 187 }
 188
 189
 190
 191 #site_nav_local_views {
 192 width:100%;
 193 float:left;
 194 }
 195 #site_nav_local_views dt {
 196 display:none;
 197 }
 198 #site_nav_local_views li {
 199 float:left;
 200 margin-right:18px;
 201 list-style-type:none;
 202 }
 203 #site_nav_local_views a {
 204 float:left;
 205 text-decoration:none;
 206 padding:4px 11px;
 207 -moz-border-radius-topleft:4px;
 208 -moz-border-radius-topright:4px;
 209 border-width:1px;
 210 border-style:dashed;
 211 border-bottom:0;
 212 }
 213 #site_nav_local_views .nav {
 214 float:left;
 215 width:100%;
 216 }
 217
 218
 219 #site_nav_global_primary dt,
 220 #site_nav_global_secondary dt {
 221 display:none;
 222 }
 223 /*
 224 #site_nav_global_primary .current a {
 225 font-weight:bold;
 226 border-style:solid;
 227 }
 228 */
 229 #site_nav_global_secondary {
 230 margin-bottom:11px;
 231 }
 232
 233 #site_nav_global_secondary ul li {
 234 display:inline;
 235 margin-right:11px;
 236 }
 237 #export_data li a {
 238 padding-left:20px;
 239 }
 240 #export_data li a.foaf {
 241 padding-left:30px;
 242 }
 243 #export_data li a.export_vcard {
 244 padding-left:28px;
 245 }
 246
 247
 248
 249 #export_data ul {
 250 display:inline;
 251 }
 252 #export_data li {
 253 list-style-type:none;
 254 display:inline;
 255 margin-left:11px;
 256 }
 257 #export_data li:first-child {
 258 margin-left:0;
 259 }
 260
 261
 262
 263 #licenses {
 264 font-size:0.9em;
 265 }
 266
 267 #licenses dt {
 268 font-weight:bold;
 269 display:none;
 270 }
 271 #licenses dd {
 272 margin-bottom:11px;
 273 line-height:1.5;
 274 }
 275
 276
 277 #site_content_license_cc p {
 278 }
 279 #site_content_license_cc img {
 280 display:inline;
 281 vertical-align:top;
 282 margin-right:4px;
 283 }
 284
 285
 286 #wrap {
 287         float:left;
 288         margin:0 auto;
 289     width:1004px;
 290     width:71.714em;
 291 }
 292
 293
 294 #core {
 295 position:relative;
 296 width:100%;
 297 float:left;
 298 margin-bottom:1em;
 299 }
 300
 301 #content {
 302 width:644px;
 303 padding:18px;
 304 float:left;
 305 -moz-border-radius:7px;
 306 -moz-border-radius-topleft:0;
 307 }
 308
 309 #content_inner {
 310 position:relative;
 311 }
 312
 313 #aside_primary {
 314 width:300px;
 315 float:left;
 316 margin-left:2px;
 317 padding:18px 4px 18px 18px;
 318 -moz-border-radius:7px;
 319 }
 320
 321
 322
 323
 324 /*Start: FORM NOTICE*/
 325 #form_notice {
 326 width:384px;
 327 width:458px;
 328 float:left;
 329 margin-left:68px;
 330 position:relative;
 331 line-height:1;
 332 }
 333 #form_notice fieldset {
 334 border:0;
 335 padding:0;
 336 }
 337 #form_notice legend {
 338 display:none;
 339 }
 340 #form_notice textarea {
 341 -moz-border-radius:4px;
 342 width:304px;
 343 width:377px;
 344 height:95px;
 345 height:86px;
 346 line-height:1.5;
 347 padding:7px 7px 14px 7px;
 348 }
 349 #form_notice label {
 350 display:block;
 351 font-size:1.3em;
 352 margin-bottom:7px;
 353 }
 354 #form_notice .form_datas li {
 355 float:left;
 356 }
 357
 358 #form_notice #notice_attach_file label,
 359 #form_notice #notice_submit label {
 360 display:none;
 361 }
 362
 363 #form_notice #notice_attachment {
 364 margin-top:25px;
 365 margin-left:4px;
 366 }
 367
 368 #form_notice .form_note {
 369 position:absolute;
 370 top:125px;
 371 top:116px;
 372 right:98px;
 373 z-index:9;
 374 }
 375
 376 #form_notice .form_note dt {
 377 font-weight:bold;
 378 display:none;
 379 }
 380 #notice_text-count {
 381 font-weight:bold;
 382 line-height:1.15;
 383 }
 384
 385 #form_notice #notice_data-attach_view {
 386 /*position:absolute;*/
 387 top:25px;
 388 right:30px;
 389 margin-left:4px;
 390 padding:0;
 391 cursor:pointer;
 392 width:16px;
 393 height:16px;
 394 border:0;
 395 text-indent:-9999px;
 396 }
 397 #form_notice .form_actions {
 398 position:absolute;
 399 top:107px;
 400 top:98px;
 401 right:0;
 402 }
 403 #form_notice li {
 404 margin-bottom:0;
 405 }
 406 /*end FORM NOTICE*/
 407
 408
 409
 410
 411
 412 /* user_profile */
 413 #user_profile {
 414 position:relative;
 415 width:633px;
 416 min-height:123px;
 417 float:left;
 418 margin-bottom:17px;
 419 margin-left:0;
 420 }
 421 #user_profile dt,
 422 #user_statistics dt {
 423 font-weight:bold;
 424 }
 425 #user_profile .user_depiction {
 426 float:left;
 427 position:absolute;
 428 top:0;
 429 left:0;
 430 width:96px;
 431 }
 432 #user_profile .user_fn,
 433 #user_profile .user_nickname,
 434 #user_profile .user_location,
 435 #user_profile .user_url,
 436 #user_profile .user_note,
 437 #user_profile .user_tags {
 438 float:left;
 439 clear:left;
 440 margin-left:125px;
 441 width:322px;
 442 margin-bottom:4px;
 443 }
 444
 445 #user_profile .user_fn,
 446 #user_profile .user_nickname {
 447 width:auto;
 448 clear:none;
 449 }
 450 #user_profile .user_nickname {
 451 margin-left:11px;
 452 }
 453 #user_profile .user_nickname .nickname {
 454 font-style:italic;
 455 font-weight:bold;
 456 margin-left:4px;
 457 margin-right:4px;
 458 }
 459
 460 #user_profile .user_nickname dd:before {
 461 content: "(";
 462 }
 463 #user_profile .user_nickname dd:after {
 464 content: ")";
 465 }
 466
 467 #user_profile dt {
 468 display:none;
 469 }
 470 #user_profile h2 {
 471 display:none;
 472 }
 473 /* user_profile */
 474
 475 /*user_actions*/
 476 #user_actions {
 477 clear:left;
 478 float:left;
 479 position:absolute;
 480 top:0;
 481 right:0;
 482 }
 483 #user_actions h2 {
 484 display:none;
 485 }
 486 #user_actions ul {
 487 list-style-type:none;
 488 }
 489 #user_actions li {
 490 border-top-width:1px;
 491 border-top-style:dotted;
 492 }
 493 #user_actions li:first-child {
 494 border-top:0;
 495 }
 496 #user_actions fieldset {
 497 border:0;
 498 padding:0;
 499 }
 500 #user_actions legend {
 501 display:none;
 502 }
 503
 504 #user_actions a,
 505 #user_actions input.submit {
 506 display:block;
 507 text-align:left;
 508 padding:4px 0 4px 19px;
 509 }
 510 #user_actions a {
 511 text-decoration:none;
 512 }
 513 #user_subscribe a,
 514 #TB_window input.submit,
 515 #user_actions input.submit {
 516 border:0;
 517 cursor:pointer;
 518 padding-left:16px;
 519 width:100%;
 520 font-size:0.9em;
 521 }
 522
 523 #user_subscribe a {
 524 width:auto;
 525 padding-left:20px;
 526 }
 527
 528 #user_subscribe a,
 529 #TB_window input.submit,
 530 .form_user_subscribe input.submit {
 531 font-weight:bold;
 532 }
 533
 534
 535
 536 #user_send-a-message form {
 537 clear:left;
 538 width:322px;
 539 margin-top:18px;
 540 }
 541
 542 #user_send-a-message textarea {
 543 width:96%;
 544 }
 545
 546 .user_tags ul {
 547 list-style-type:none;
 548 }
 549 .user_tags li {
 550 display:inline;
 551 margin-right:1em;
 552 float:left;
 553 }
 554
 555
 556
 557 .aside .section {
 558 margin-bottom:29px;
 559 clear:both;
 560 }
 561 .aside .section h2 {
 562 text-transform:uppercase;
 563 font-size:1em;
 564 }
 565
 566 #user_statistics dt,
 567 #user_statistics dd {
 568 display:inline;
 569 }
 570 #user_statistics dt:after {
 571 content: ":";
 572 }
 573
 574
 575 #user_subscriptions,
 576 #user_subscriptions-common {
 577 float:left;
 578 }
 579 #user_subscriptions ul.users {
 580 width:220px;
 581 float:left;
 582 }
 583 #user_subscriptions .users li {
 584 list-style-type:none;
 585 float:left;
 586 margin-right:7px;
 587 margin-bottom:7px;
 588 }
 589 #user_subscriptions .users li .photo {
 590 width:24px;
 591 height:24px;
 592 margin-right:0;
 593 }
 594 #user_subscriptions .users li .fn {
 595 display:none;
 596 }
 597 .aside .section .more {
 598 clear:both;
 599 }
 600
 601
 602
 603
 604
 605 /* NOTICE */
 606 .notice {
 607 position:relative;
 608 padding-top:18px;
 609 padding-bottom:18px;
 610 clear:both;
 611 float:left;
 612 width:644px;
 613 width:96.699%;
 614 width:100%;
 615 border-top:1px dashed #D1D9E4;
 616 /*-moz-border-radius:7px;*/
 617 }
 618 .notices li {
 619 list-style-type:none;
 620 /*margin-bottom:11px;*/
 621 }
 622 .notices li.over {
 623 background-color:#fcfcfc;
 624 }
 625
 626
 627 /* NOTICES */
 628 #notices_primary {
 629 float:left;
 630 width:644px;
 631 -moz-border-radius:7px;
 632 }
 633 #notices_primary h2 {
 634 display:none;
 635 }
 636 .notice-data a span {
 637 display:block;
 638 padding-left:28px;
 639 }
 640
 641
 642 .notice .author {
 643 margin-right:11px;
 644 }
 645 .notice .author a {
 646 }
 647 .notice .author:after {
 648 /*content:":";*/
 649 }
 650
 651 .vcard .photo {
 652 display:inline;
 653 margin-right:7px;
 654 margin-bottom:7px;
 655 float:left;
 656 }
 657 .vcard .url {
 658 text-decoration:none;
 659 }
 660 .vcard .url:hover {
 661 text-decoration:underline;
 662 }
 663 .vcard .fn {
 664 font-style:italic;
 665 }
 666 .vcard .fn:hover {
 667
 668 }
 669
 670
 671 .notice .entry-title {
 672 float:left;
 673 }
 674 .notice p.entry-content {
 675 display:inline;
 676 }
 677
 678 .notice_video p.entry-content,
 679 .notice_audio p.entry-content,
 680 .notice_image p.entry-content,
 681 .notice_location p.entry-content,
 682 .notice_event p.entry-content,
 683 .notice_document p.entry-content {
 684 }
 685 #laconicat .notice p.entry-content {
 686 /*margin-left:199px;*/
 687 }
 688 .notice p.entry-content a {
 689
 690 }
 691 .notice p.entry-content a:hover {
 692
 693 }
 694 .notice p.entry-content .tag a {
 695
 696 }
 697 .notice p.entry-content .tag a:hover {
 698
 699 }
 700
 701
 702 .notice div.entry-content {
 703 /*border:1px solid blue;*/
 704 clear:left;
 705 float:left;
 706 width:48%;
 707 }
 708 .notice div.entry-content,
 709 .notice .notice-options a,
 710 .notice .notice-options input {
 711 font-size:0.9em;
 712 }
 713
 714
 715 #laconicat .notice div.entry-content {
 716 /*margin-left:0;*/
 717 }
 718
 719 .notice div.entry-content dl,
 720 .notice div.entry-content dt,
 721 .notice div.entry-content dd {
 722 display:inline;
 723 }
 724 .notice div.entry-content .timestamp dt,
 725 .notice div.entry-content .response dt {
 726 display:none;
 727 }
 728 .notice div.entry-content .timestamp {
 729
 730 }
 731 .notice div.entry-content .device dt {
 732 text-transform:lowercase;
 733 }
 734 .notice div.entry-content a {
 735 text-decoration:none;
 736 }
 737 .notice div.entry-content a:hover {
 738 text-decoration:underline;
 739 }
 740
 741
 742
 743 .notice-data {
 744 position:absolute;
 745 top:18px;
 746 right:0;
 747 min-height:50px;
 748 margin-bottom:4px;
 749 }
 750 .notice .entry-content .notice-data dt {
 751 display:none;
 752 }
 753
 754 .notice-data a {
 755 display:block;
 756 outline:none;
 757 }
 758
 759
 760
 761 .notice-options {
 762 margin-left:2%;
 763 float:left;
 764 }
 765 .notice-options .reply,
 766 .notice-options .notice_delete ,
 767 .notice-options .notice_favorite {
 768 float:left;
 769 margin-right:11px;
 770 }
 771 .notice-options .reply {
 772 margin-top:1px;
 773 }
 774 .notice-options .reply dt {
 775 display:none;
 776 }
 777 .notice-options .reply a,
 778 .notice-options form input.submit {
 779 display:block;
 780 border:0;
 781 }
 782
 783 .notice-options .reply a {
 784 text-decoration:none;
 785 padding-left:20px;
 786 }
 787 .notice-options form input.submit {
 788 cursor:pointer;
 789 padding:0 0 0 17px;
 790 }
 791
 792 .notice-options .notice_delete legend,
 793 .notice-options .notice_favorite legend {
 794 display:none;
 795 }
 796 .notice-options .notice_delete fieldset,
 797 .notice-options .notice_favorite fieldset {
 798 border:0;
 799 padding:0;
 800 }
 801
 802
 803 .notice-options form.notice_delete {
 804 margin-left:2em;
 805 }
 806 /*END: NOTICES */
 807
 808
 809
 810
 811
 812 .pagination dt {
 813 font-weight:bold;
 814 display:none;
 815 }
 816
 817 .pagination .nav {
 818 float:left;
 819 width:100%;
 820 list-style-type:none;
 821 }
 822
 823 .pagination .nav_prev {
 824 float:left;
 825 }
 826 .pagination .nav_next {
 827 float:right;
 828 }
 829
 830 .pagination a {
 831 display:block;
 832 text-decoration:none;
 833 font-weight:bold;
 834 padding:7px;
 835 border:1px dotted #D1D9E4;
 836 border-bottom:0;
 837 }
 838
 839 .pagination .nav_prev a {
 840 -moz-border-radius-topright:4px;
 841 padding-left:20px;
 842 border-left:0;
 843 }
 844 .pagination .nav_next a {
 845 -moz-border-radius-topleft:4px;
 846 padding-right:20px;
 847 border-right:0;
 848 }
 849
 850
 851 /* END: NOTICE */
 852
 853
 854
 855
 856
 857
 858
 859 /*START: LOAD ALONG WITH JS*/
 860 .notice .in-reply-to {
 861         width:98%;
 862         margin-left:2%;
 863 }
 864 .notice .in-reply-to li {
 865 background-color:#F7F9FB;
 866 }
 867 .notice .in-reply-to li .in-reply-to li {
 868 background-color:#E4E9F0;
 869 }
 870 .notice .in-reply-to li .in-reply-to li .in-reply-to li {
 871 background-color:#D1D9E4;
 872 }
 873
 874
 875
 876 #user_actions #user_subscribe .form_note,
 877 #user_actions #user_subscribe .form_datas,
 878 #user_actions #user_subscribe .form_actions label {
 879 display:none;
 880 }
 881 #form_user-relationship .form_note,
 882 #form_user-relationship .form_datas,
 883 #form_user-relationship .form_actions label {
 884 display:block;
 885 }
 886
 887 #user_actions #user-relationship_submit {
 888 margin-bottom:0;
 889 }
 890 #form_user-relationship .form_datas li label {
 891 margin-right:11px;
 892 }
 893
 894 #user_relationship_xfn {
 895 /*z-index:1000;
 896 position:absolute;
 897 width:521px;
 898 height:322px;*/
 899 display:none;
 900 }
 901 #user_relationship_xfn fieldset {
 902 background-color:#fff;
 903 }
 904
 905 /*END: LOAD ALONG WITH JS*/
 906
 907
 908
 909 /* TOP_POSTERS */
 910 #top-posters caption {
 911 text-align:left;
 912 text-transform:uppercase;
 913 }
 914
 915 #top-posters thead {
 916 display:none;
 917 }
 918 #top-poster_user {
 919 width:199px;
 920 }
 921 #top-poster_number-of-notices {
 922 width:123px;
 923 }
 924 #top-posters tbody td {
 925 padding-right:11px;
 926 padding-bottom:4px;
 927 }
 928 #top-posters img {
 929 margin-right:7px;
 930 height:24px;
 931 width:24px;
 932 }
 933
 934
 935
 936 /* tagcloud */
 937 #tagcloud ul {
 938 list-style-type:none;
 939 }
 940 #tagcloud ul li {
 941 display:inline;
 942 margin-right:7px;
 943 line-height:1.4;
 944 }
 945
 946 #tagcloud.section dt {
 947 text-transform:uppercase;
 948 font-weight:bold;
 949 }
 950 #tagcloud .weight_1 {
 951 font-size:1em;
 952 }
 953 #tagcloud .weight_2 {
 954 font-size:1.3em;
 955 }
 956 #tagcloud .weight_3 {
 957 font-size:1.6em;
 958 }
 959 #tagcloud .weight_4 {
 960 font-size:1.9em;
 961 }
 962 #tagcloud .weight_5 {
 963 font-size:2.2em;
 964 }
 965
 966
 967
 968 #form_settings_photo .form_datas {
 969 clear:both;
 970 }
 971
 972
 973
 974
 975 #photo_original,
 976 #photo_preview {
 977 float:left;
 978 }
 979 #photo_preview,
 980 #settings_photo_action-crop {
 981 margin-left:29px;
 982 }
 983 #photo_preview_view {
 984 height:96px;
 985 width:96px;
 986 overflow:hidden;
 987 }
 988
 989
 990
 991
 992 .section .groups,
 993 #users_featured ul {
 994 list-style-type:none;
 995 }
 996 .section .groups li,
 997 #users_featured li {
 998 margin-top:11px;
 999 float:left;
1000 width:100%;
1001 }
1002 .section .groups li:first-child,
1003 #users_featured li:first-child {
1004 margin-top:0;
1005 }
1006
1007 .section .groups .vcard,
1008 #users_featured .vcard {
1009 float:left;
1010 margin-bottom:-23px;
1011 }
1012
1013 .section .groups dl,
1014 #users_featured dl {
1015 float:left;
1016 margin-left:63px;
1017 clear:left;
1018 }
1019 .section .groups dt,
1020 #users_featured dt {
1021 display:none;
1022 font-weight:bold;
1023 }
1024
1025
1026
1027 #home.logged_out h1 {
1028 display:none;
1029 }
1030
1031 #home #intro {
1032 margin-bottom:29px;
1033 float:left;
1034 width:100%;
1035 }
1036
1037 #home #intro p {
1038 margin-bottom:18px;
1039 font-size:1.8em;
1040 }
1041
1042 #home #intro #guide_steps {
1043 list-style-type:none;
1044 }
1045 #home #intro #guide_steps li {
1046 float:left;
1047 margin-left:18px;
1048 }
1049 #home #intro #guide_steps li:first-child {
1050 margin-left:0;
1051 }
1052 #home #intro #guide_steps li a {
1053 display:block;
1054 float:left;
1055 width:185px;
1056 height:109px;
1057 border-width:1px;
1058 border-style:dotted;
1059 text-decoration:none;
1060 -moz-border-radius:7px;
1061 padding:7px;
1062 font-size:1.6em;
1063 font-weight:bold;
1064 text-align:center;
1065 }
1066
1067
1068 #testimonials {
1069 clear:both;
1070 }