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