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