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