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