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