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