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