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