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