]> git.mxchange.org Git - friendica.git/blob - view/theme/duepuntozero/style.css
default publish to directory, but offer registration privacy setting.
[friendica.git] / view / theme / duepuntozero / style.css
1 /**
2  * duepuntozero Frindika style
3  * Fabio Comuni <fabrix.xm@gmail.com>
4  */
5
6
7 /* generals */
8 body {
9         font-family: helvetica,arial,freesans,clean,sans-serif;
10         font-size: 12px;
11         background-color: #ffffff;
12         background-image: url(head.jpg);
13         background-repeat: repeat-x;
14         color: #000000;
15         margin: 0px;
16 }
17
18
19 a, a:visited { color: #3465a4; text-decoration: none; }
20 a:hover {text-decoration: underline; }
21
22 input {
23         border: 1px solid #666666;
24         -moz-border-radius: 3px;
25         border-radius: 3px;     
26 }
27
28 img { border :0px; }
29
30 .openid {
31    background: url(login-bg.gif) no-repeat;
32    background-position: 0 50%;
33    padding-left: 18px;
34 }
35 .openid:hover {
36
37 }
38
39 code {
40         font-family: Courier, monospace;
41         white-space: pre;
42         display: block;
43         overflow: auto;
44         border: 1px solid #444;
45         background: #EEE;
46         color: #444;
47         padding: 10px;
48         margin-top: 20px;
49 }
50 blockquote:before {
51         content: '>> ';
52 }
53
54 #panel {
55         background-color: ivory;
56         position: absolute;
57         z-index: 2;
58         width: 30%;
59         padding: 25px;
60         border: 1px solid #444;
61 }
62
63 .heart {
64         color: #FF0000;
65         font-size: 100%;
66 }
67
68
69
70 /* nav */
71 nav {
72         height: 94px;
73         display: block;
74         margin: 0px 10%;
75         border-bottom: 1px solid #babdb6;
76 }
77 nav #site-location {
78         color: #888a85;
79         font-size: 0.8em;
80         position: absolute;
81 }
82
83 .error-message {
84         color: #FF0000;
85         font-size: 1.1em;
86         border: 1px solid #FF8888;
87         background-color: #FFEEEE;
88         padding: 10px;
89 }
90
91
92 nav #banner {
93         display: block;
94     padding-top: 10px;
95         position: absolute;
96 }
97 nav #banner #logo-text a {
98         font-size: 44px;
99         font-weight: bold;
100         color: #000000;
101
102 }
103 nav #banner #logo-text a:hover { text-decoration: none; }
104
105
106 .nav-commlink, .nav-login-link {
107     display: block;
108     height: 15px;
109         margin-top: 67px;
110         margin-right: 2px;
111         padding: 6px 10px;
112         float: left;
113         bottom: 140px;
114         border: 1px solid #babdb6;
115         border-bottom: 0px;
116         background-color: #aec0d3;
117         color: #565854;         
118         -moz-border-radius: 3px 3px 0px 0px;
119         border-radius: 3px 3px 0px 0px; 
120 }
121 nav .nav-link {
122         float: right;
123         margin: 0.2em 0em;
124         padding: 0em 0.5em;
125         background-color: transparent !important;
126 }
127
128
129 .nav-selected {
130         background-color: #ffffff;
131         border-bottom: 1px solid #ffffff;
132         color: #000000 !important;
133         margin-top: 64px;
134         padding-top: 6px;
135         padding-bottom: 8px;
136 }
137 .nav-ajax-left {
138         font-size: 0.8em;
139         float: left;
140         margin-top: 62px;       
141 }
142
143
144 nav #nav-link-wrapper .nav-link {
145         border-right: 1px solid #babdb6;
146 }
147
148 /* aside */
149 aside {
150         display: block;
151         min-height: 112px;
152         width: 200px;
153         margin-left: 10%;
154         padding: 1em;
155         float: left;
156         background-image: url(border.jpg);
157         background-position: top left;
158         background-repeat: no-repeat;
159         position: absolute;
160 }
161
162
163 /* section */
164 section {
165         margin: 0px 10%;
166         padding-top: 1em;
167         padding-left: 250px;
168         padding-right: 1em;
169         display: block;
170         background-color: #ffffff;
171         background-image: url(border.jpg);
172         background-position: top right;
173         background-repeat: no-repeat;
174         min-height: 112px;
175         
176 }
177
178 #profile-tabs-wrapper {
179         height: 27px;
180         background-image: url(head.jpg);
181         background-repeat: repeat-x;    
182         background-position: 0px -20px;
183         border-bottom: 1px solid #babdb6;
184 }
185 .profile-tabs {
186         display:block;
187         float:left;
188         padding: 0.4em;
189         margin-right: 1em;
190 }
191
192 /* footer */
193 footer {
194     display: none;
195
196 }
197
198
199 div.wall-item-content-wrapper.shiny {
200   background-image: url('shiny.png');
201   background-position: -5px 30px;
202   background-repeat:no-repeat;
203 }
204
205 /* from defautlt */
206 #jot-perms-icon, 
207 #profile-location,
208 #profile-nolocation, 
209 #profile-video, 
210 #profile-link, 
211 #wall-image-upload,
212 #profile-upload-wrapper,
213 #wall-image-upload-div,
214 .hover, .focus {
215         cursor: pointer;
216 }
217
218 .fakelink, .fakelink:visited {
219         color: #3465a4;
220         text-decoration: none;
221         cursor: pointer;
222         margin-top: 15px;
223         margin-bottom: 15px;
224 }
225 .lockview {
226         cursor: pointer;
227 }
228
229 .fakelink:hover {
230         color: #3465a4;
231         text-decoration: underline;
232         cursor: pointer;
233 }
234 .smalltext {
235         font-size: 0.7em;
236 }
237 #sysmsg {
238         /*width: 600px;*/
239         margin-bottom: 10px;
240 }
241
242 #register-fill-ext {
243         margin-bottom: 25px;
244 }
245
246 #label-register-name, #label-register-email, #label-register-nickname, #label-register-openid {
247         float: left;
248         width: 350px;
249         margin-top: 10px;
250 }
251
252 #register-name, #register-email, #register-nickname {
253         float: left;
254         margin-top: 10px;
255         width: 150px;
256 }
257
258 #register-openid {
259         float: left;
260         margin-top: 10px;
261         width: 130px;
262 }
263
264 #register-name-end, #register-email-end, #register-nickname-end, #register-submit-end, #register-openid-end {
265         clear: both;
266 }
267
268 #register-nickname-desc {
269         margin-top: 30px;
270         width: 650px;
271 }
272 #register-sitename {
273         float: left;
274         margin-top: 10px;
275 }
276
277 #register-submit-button {
278         margin-top: 10px;
279 }
280
281 #label-login-name, #label-login-password, #login-extra-filler {
282         float: left;
283         width: 200px;
284         margin-bottom: 20px;
285 }
286
287
288 #login-password {
289         float: left;
290         width: 170px;
291 }
292
293 #login-name {
294         float: left;
295         width: 153px;
296 }
297
298 #login-name.no-openid {
299         float: left;
300         width: 170px;
301 }
302
303 #register-link, #lost-password-link {
304         float: left;
305         font-size: 80%;
306         margin-right: 15px;
307 }
308
309 #login-name-end, #login-password-end, #login-extra-end, #login-submit-end {
310         height: 50px;
311 }
312
313 #login-submit-button {
314 /*      margin-top: 10px; */
315         margin-left: 200px;
316 }
317
318
319 input#dfrn-url {
320         float: left;
321         background: url(ff-16.jpg) no-repeat;
322         background-position: 2px center;
323         font-size: 17px;
324         padding-left: 21px;
325         height: 21px;
326         background-color: #FFFFFF;
327         color: #000000;
328         margin-bottom: 20px;
329 }
330
331 #dfrn-url-label {
332         float: left;
333         width: 250px;
334 }
335
336 #dfrn-request-url-end {
337         clear: both;
338 }
339
340 #knowyouyes, #knowyouno {
341         float: left;
342 }
343
344 #dfrn-request-knowyou-yes-wrapper, #dfrn-request-knowyou-no-wrapper {
345
346         float: none;
347 }
348 #dfrn-request-knowyou-yes-label, #dfrn-request-knowyou-no-label {
349         float: left;
350         width: 75px;
351         margin-left: 50px;
352         margin-bottom: 7px;
353 }
354 #dfrn-request-knowyou-break, #dfrn-request-knowyou-end {
355         clear: both;
356
357 }
358
359 #dfrn-request-message-wrapper {
360         margin-bottom: 50px;
361 }
362 #dfrn-request-submit-wrapper {
363         clear: both;
364         margin-left: 50px;
365 }
366
367 #dfrn-request-info-wrapper {
368         margin-left: 50px;
369 }
370
371 #settings-nick-wrapper {
372         margin-bottom: 30px;
373 }
374
375 #settings-username-end,
376 #settings-email-end,
377 #settings-nick-end,
378 #settings-defloc-end,
379 #settings-allowloc-end,
380 #settings-timezone-end,
381 #settings-theme-end,
382 #settings-password-end,
383 #settings-confirm-end,
384 #settings-openid-end,
385 #settings-maxreq-end,
386 #notify1-end,
387 #notify2-end,
388 #notify3-end,
389 #notify4-end,
390 #notify5-end {
391         margin-bottom: 5px;
392         clear: both;
393 }
394
395 #settings-username-label,
396 #settings-email-label,
397 #settings-nick-label,
398 #settings-defloc-label,
399 #settings-allowloc-label,
400 #settings-timezone-label,
401 #settings-theme-label,
402 #settings-password-label,
403 #settings-confirm-label,
404 #settings-openid-label,
405 #settings-maxreq-label,
406 #settings-label-notify1,
407 #settings-label-notify2,
408 #settings-label-notify3,
409 #settings-label-notify4,
410 #settings-label-notify5 {
411         float: left;
412         width: 200px;
413 }
414
415 #settings-username,
416 #settings-email,
417 #settings-nick,
418 #settings-defloc,
419 #settings-allowloc,
420 #timezone-select,
421 #theme-select,
422 #settings-password,
423 #settings-confirm,
424 #settings-maxreq,
425 #notify1,
426 #notify2,
427 #notify3,
428 #notify4,
429 #notify5 {
430         float: left;
431         margin-bottom: 20px;
432 }
433
434 #settings-openid {
435         float: left;
436         margin-bottom: 20px;
437         width: 127px;
438 }
439         
440 #settings-maxreq-desc {
441         float: left;
442         margin-left: 20px;
443 }
444
445 #settings-theme-label,
446 #settings-defloc-label {
447         margin-top: 20px;
448 }
449
450 #settings-defloc {
451         margin-top: 20px;
452 }
453
454
455 #theme-select {
456         margin-top: 20px;
457         width: 207px;
458 }
459 #settings-notify-desc {
460         margin-top: 20px;
461         margin-bottom: 20px;
462 }
463 #settings-nick-desc {
464         width: 500px;
465 }
466
467 #settings-nick {
468         margin-bottom: 50px;
469 }
470
471 #cropimage-wrapper, #cropimage-preview-wrapper {
472         float: left;
473         padding: 30px;
474 }
475
476 #crop-image-form {
477         margin-top: 30px;
478         clear: both;
479 }
480
481 .intro-wrapper {
482         margin-top: 20px;
483 }
484
485 .intro-fullname {
486         font-size: 1.1em;
487         font-weight: bold;
488
489 }
490 .intro-desc {
491         margin-bottom: 20px;
492         font-weight: bold;
493 }
494
495 .intro-note {
496         padding: 10px;
497 }
498
499 .intro-end {
500         padding: 30px;
501 }
502
503 .intro-form {
504         float: left;
505 }
506 .intro-approve-form {
507         clear: both;
508 }
509 .intro-approve-as-friend-end {
510         clear: both;
511 }
512 .intro-submit-approve, .intro-submit-ignore {
513         margin-right: 20px;
514 }
515 .intro-submit-approve {
516         margin-top: 15px;
517 }
518
519 .intro-approve-as-friend-label, .intro-approve-as-fan-label {
520         float: left;
521         width: 100px;
522         margin-left: 20px;
523 }
524 .intro-approve-as-friend, .intro-approve-as-fan {
525         float: left;
526 }
527 .intro-form-end {
528         clear: both;
529 }
530 .intro-approve-as-friend-desc {
531         margin-top: 15px;
532 }
533 .intro-approve-as-end {
534         clear: both;
535         margin-bottom: 10px;
536 }
537
538 .intro-end {
539         clear: both;
540         margin-bottom: 30px;
541 }
542
543 #profile-extra-links ul {
544         list-style-type: none;
545 }
546
547
548 #profile-extra-links li {
549         margin-top: 5px;
550 }
551
552 #profile-edit-links ul {
553         list-style-type: none;
554 }
555
556 #profile-edit-links li {
557         margin-top: 10px;
558 }
559
560 .view-contact-wrapper {
561         margin-top: 20px;
562         float: left;
563         margin-left: 20px;
564         width: 180px;
565 }
566 #view-contact-end {
567         clear: both;
568 }
569
570
571 #viewcontacts {
572         margin-top: 15px;
573 }
574 #profile-edit-default-desc {
575         color: #FF0000;
576         border: 1px solid #FF8888;
577         background-color: #FFEEEE;
578         padding: 7px;
579 }
580
581 #profile-edit-clone-link-wrapper {
582         float: left;
583         margin-left: 50px;
584         margin-bottom: 20px;
585         width: 300px;
586 }
587
588 #profile-edit-drop-link-wrapper {
589         float: left;
590 }
591
592 #profile-edit-links-end {
593         clear: both;
594 }
595 .profile-listing-photo {
596         border: none;
597 }
598
599 .profile-edit-submit-wrapper {
600         margin-top: 20px;
601         margin-bottom: 20px;
602 }
603
604 #profile-photo-link-select-wrapper {
605         margin-top: 2em;
606 }
607 #profile-photo-wrapper img {
608         width:175px;
609         height:175px;
610 }
611
612 #profile-edit-profile-name-label,
613 #profile-edit-name-label,
614 #profile-edit-pdesc-label,
615 #profile-edit-gender-label,
616 #profile-edit-dob-label,
617 #profile-edit-address-label,
618 #profile-edit-locality-label,
619 #profile-edit-region-label,
620 #profile-edit-postal-code-label,
621 #profile-edit-country-name-label,
622 #profile-edit-marital-label,
623 #profile-edit-sexual-label,
624 #profile-edit-politic-label,
625 #profile-edit-religion-label,
626 #profile-edit-keywords-label,
627 #profile-edit-homepage-label {
628         float: left;
629         width: 175px;
630 }
631
632 #profile-edit-profile-name,
633 #profile-edit-name,
634 #profile-edit-pdesc,
635 #gender-select,
636 #profile-edit-dob,
637 #profile-edit-address,
638 #profile-edit-locality,
639 #profile-edit-region,
640 #profile-edit-postal-code,
641 #profile-edit-country-name,
642 #marital-select,
643 #sexual-select,
644 #profile-edit-politic,
645 #profile-edit-religion,
646 #profile-edit-keywords,
647 #profile-in-dir-yes,
648 #profile-in-dir-no,
649 #profile-in-netdir-yes,
650 #profile-in-netdir-no,
651 #hide-friends-yes,
652 #hide-friends-no {
653         float: left;
654         margin-bottom: 20px;
655 }
656 #settings-normal,
657 #settings-soapbox,
658 #settings-freelove,
659 #settings-community {
660         float: left;
661 }
662
663
664 #profile-in-dir-yes-label,
665 #profile-in-dir-no-label,
666 #profile-in-netdir-yes-label,
667 #profile-in-netdir-no-label,
668 #hide-friends-yes-label,
669 #hide-friends-no-label {
670         margin-left: 125px;
671         float: left;
672         width: 50px;
673 }
674
675 #profile-edit-with-label {
676         width: 175px;
677         margin-left: 20px;
678 }
679
680 #profile-publish-yes-reg,
681 #profile-publish-no-reg {
682         float: left;
683         margin-bottom: 10px;
684 }
685
686 #profile-publish-yes-label-reg,
687 #profile-publish-no-label-reg {
688         margin-left: 350px;
689         float: left;
690         width: 50px;
691 }
692
693 #profile-publish-break-reg,
694 #profile-publish-end-reg {
695         clear: both;
696 }
697
698
699 #profile-edit-pdesc-desc,
700 #profile-edit-keywords-desc {
701         float: left;
702         margin-left: 20px;
703 }
704
705
706 #profile-edit-homepage {
707         float: left;
708         margin-bottom: 35px;
709 }
710 #settings-normal-label,
711 #settings-soapbox-label,
712 #settings-community-label,
713 #settings-freelove-label {
714         float: left;
715         width: 200px;
716 }
717 #settings-normal-desc,
718 #settings-soapbox-desc,
719 #settings-community-desc,
720 #settings-freelove-desc {
721         /*float: left;
722         margin-left: 75px;*/
723     clear: left;
724     color: #666666;
725     display: block;
726     margin-bottom: 20px 
727 }
728
729 #profile-edit-profile-name-end,
730 #profile-edit-name-end,
731 #profile-edit-pdesc-end,
732 #profile-edit-gender-end,
733 #profile-edit-dob-end,
734 #profile-edit-address-end,
735 #profile-edit-locality-end,
736 #profile-edit-region-end,
737 #profile-edit-postal-code-end,
738 #profile-edit-country-name-end,
739 #profile-edit-marital-end,
740 #profile-edit-sexual-end,
741 #profile-edit-politic-end,
742 #profile-edit-religion-end,
743 #profile-edit-keywords-end,
744 #profile-edit-homepage-end,
745 #profile-in-dir-break,
746 #profile-in-dir-end,
747 #profile-in-netdir-break,
748 #profile-in-netdir-end,
749 #hide-friends-break,
750 #hide-friends-end,
751 #settings-normal-break,
752 #settings-soapbox-break,
753 #settings-community-break,
754 #settings-freelove-break {
755         clear: both;
756 }
757
758
759
760
761
762 #gender-select, #marital-select, #sexual-select {
763         width: 220px;
764 }
765
766 #profile-edit-profile-name-wrapper .required {
767         color: #FF0000;
768         float: left;
769 }
770
771 #contacts-main {
772         margin-top: 20px;
773         margin-bottom: 20px;
774 }
775
776 .contact-entry-wrapper {
777         float: left;
778         width: 180px;
779 }
780
781 .contact-entry-direction-icon {
782         margin-top: 24px;
783         margin-right: 2px;
784 }
785
786 .contact-entry-photo img {
787         border: none;
788 }
789 .contact-entry-photo-end {
790         clear: both;
791 }
792 .contact-entry-name {
793         float: left;
794         margin-left: 30px;
795 }
796 .contact-entry-edit-links {
797         margin-top: 6px;
798         margin-left: 10px;
799         width: 16px;
800 }
801 .contact-entry-nav-wrapper {
802         float: left;
803         margin-left: 10px;
804 }
805
806 .contact-entry-edit-links img {
807         border: none;
808         margin-right: 15px;
809 }
810 .contact-entry-photo {
811         float: left;
812 }
813 .contact-entry-end {
814         clear: both;
815 }
816
817 #contact-edit-end {
818         clear: both;
819 }
820
821 .wall-item-content-wrapper {
822         margin-top: 10px;
823         border: 1px solid #CCC;
824         position: relative;
825 }
826
827 .wall-item-content-wrapper.comment {
828         margin-left: 50px;
829         background: #EEEEEE;
830 }
831
832 .wall-item-info {
833         display: block;
834         float: left;
835         width:150px;
836 }
837 .wallwall .wall-item-info {
838         width: 300px;
839 }
840
841
842 .wall-item-photo-wrapper {
843         margin-top: 10px;
844         margin-left: 10px;
845         margin-bottom: 10px;
846         width: 100px;
847 }
848 .wallwall .wall-item-photo-wrapper {
849         float: left;
850 }
851
852 .wall-item-arrowphoto-wrapper {
853         margin-top: 40px;
854         margin-right: 20px;
855         float: left;
856 }
857 .wall-item-wrapper {
858         /*float: left;
859     margin-right: 5px;
860     width: 250px;*/
861     margin-left:10px;
862 }
863 .wall-item-lock {
864         /*height: 20px;*/
865         /*margin-top: 10px;*/
866     left: 135px;
867     position: absolute;
868     top: 1px;   
869 }
870
871 .wall-item-ago {
872         color: #888888;
873         font-size: 0.8em;
874 }
875
876 .wall-item-like-buttons img {
877         cursor: pointer;
878 }
879
880 .wall-item-links-wrapper {
881         float: left;
882 }
883
884 .wall-item-delete-wrapper {
885         float: right;
886 }
887
888 .wall-item-delete-end {
889         clear: both;
890 }
891
892 .wall-item-delete-icon {
893         border: none;
894 }
895
896
897 .wall-item-wrapper-end {
898         clear: both;
899 }
900 .wall-item-name-link {
901         font-weight: bold;
902         text-decoration: none;
903         color: #3172BD;
904 }
905 .wall-item-photo {
906         border: none;
907 }
908 .comment .wall-item-photo {
909         width: 50px; height: 50px;
910 }
911 .wall-item-content {
912         /*float: left;*/
913         /*width: 450px;*/
914         margin-left: 10px;
915         /*margin-bottom: 20px;*/
916         /*padding: 20px;*/
917         max-height: 400px;
918         overflow: auto;
919 }
920
921 .wall-item-title {
922         float: left;
923         font-weight: bold;
924         /*width: 450px;*/
925 }
926
927 .wall-item-body {
928         float: left;
929         /*width: 450px;*/
930         margin-top: 10px;
931 }
932
933 .wall-item-tools {
934         clear: both;
935         background-image: url("head.jpg");
936     background-position: 0 -20px;
937     background-repeat: repeat-x;
938         padding: 5px 10px 0px;
939 }
940 .comment .wall-item-tools {
941         background:none;
942
943
944 .comment-edit-wrapper {
945         margin-top: 15px;
946         background: #f3f3f3;
947         margin-left: 50px;
948 }
949
950 .comment-wwedit-wrapper {
951         margin-top: 15px;
952         background: #f3f3f3;
953         margin-left: 50px;
954 }
955
956 .comment-edit-photo {
957         margin-top: 10px;
958         margin-left: 10px;
959         margin-bottom: 10px;
960         width: 100px;
961         float: left;
962 }
963 .comment-edit-photo img {
964         width: 25px;
965 }
966 .comment-edit-text-empty, .comment-edit-text-full {
967         float: left;
968         margin-top: 10px;
969 }
970 .comment-edit-text-end {
971         clear: both;
972 }
973
974 .comment-edit-submit {
975         margin: 10px 0px 10px 110px;
976 }
977
978 #profile-jot-plugin-wrapper,
979 #profile-jot-submit-wrapper {
980         margin-top: 15px;
981 }
982
983 #profile-jot-submit {
984         float: left;
985 }
986 #profile-upload-wrapper {
987         float: left;
988         margin-left: 50px;
989 }
990
991 #profile-rotator {
992         float: left;
993         margin-left: 50px;
994 }
995 #profile-link-wrapper {
996         float: left;
997         margin-left: 20px;
998 }
999 #profile-youtube-wrapper {
1000         float: left;
1001         margin-left: 20px;
1002 }
1003 #profile-location-wrapper {
1004         float: left;
1005         margin-left: 20px;
1006 }
1007 #profile-nolocation-wrapper {
1008         float: left;
1009         margin-left: 20px;
1010 }
1011
1012 #profile-jot-perms {
1013         float: left;
1014         margin-left: 200px;
1015         font-weight: bold;
1016         font-size: 1.2em;
1017 }
1018
1019 #profile-jot-perms-end {
1020         /*clear: left;*/
1021         height: 30px;
1022 }
1023
1024 #profile-jot-plugin-end{
1025   clear: both;
1026 }
1027 .profile-jot-net {
1028         float: left;
1029         margin-right: 10px;
1030         margin-top: 5px;
1031         margin-bottom: 5px;
1032 }
1033
1034 #profile-jot-networks-end {
1035         clear: both;
1036 }
1037
1038 #profile-jot-end {
1039         /*clear: both;*/
1040         margin-bottom: 30px;
1041 }
1042 #about-jot-submit-wrapper {
1043         margin-top: 15px;
1044 }
1045 #about-jot-end {
1046         margin-bottom: 30px;
1047 }
1048 #contacts-main {
1049         margin-bottom: 30px;
1050 }
1051
1052 #profile-listing-desc {
1053         margin-left: 30px;
1054 }
1055
1056 #profile-listing-new-link-wrapper {
1057         margin-left: 30px;
1058         margin-bottom: 30px;
1059 }
1060 .profile-listing-photo-wrapper {
1061         float: left;
1062 }
1063
1064 .profile-listing-edit-buttons-wrapper {
1065         clear: both;
1066 }
1067 .profile-listing-photo-edit-link {
1068         float: left;
1069         width: 125px;
1070 }
1071 .profile-listing-end {
1072         clear: both;
1073 }
1074 .profile-listing-edit-buttons-wrapper img{
1075         border: none;
1076         margin-right: 20px;
1077 }
1078 .profile-listing {
1079         margin-top: 25px;
1080 }
1081 .profile-listing-name {
1082         float: left;
1083         margin-left: 32px;
1084         margin-top: 10px;
1085         color: #3172BD;
1086         font-weight: bold;
1087         width: 200px;
1088
1089 }
1090 .fortune {
1091         margin-top: 50px;
1092         color: #4444FF;
1093         font-weight: bold;
1094         margin-bottom: 20px;
1095 }
1096
1097
1098 .directory-end {
1099         clear: both;
1100 }
1101 .directory-name {
1102         text-align: center;
1103 }
1104 .directory-photo {
1105         margin-left: 25px;
1106 }
1107 .directory-details {
1108         font-size: 0.7em;
1109         text-align: center;
1110         margin-left: 5px;
1111         margin-right: 5px;
1112 }
1113 .directory-item {
1114         float: left;
1115         width: 225px;
1116         height: 260px;
1117         overflow: auto;
1118 }
1119
1120 #directory-search-wrapper {
1121         margin-top: 20px;
1122         margin-right: 20px;
1123         margin-bottom: 50px;
1124 }
1125
1126 #directory-search-end {
1127 }
1128
1129 .directory-photo-img {
1130         border: none;
1131 }
1132
1133
1134 .pager {
1135   padding: 10px;
1136   text-align: center;
1137   font-size: 1.0em;
1138 }
1139
1140
1141 .pager_first,
1142 .pager_last,
1143 .pager_prev,
1144 .pager_next,
1145 .pager_n {
1146         border: 1px solid black;
1147         background: #EEE;
1148         padding: 4px;
1149 }
1150
1151 .pager_first a,
1152 .pager_last a,
1153 .pager_prev a,
1154 .pager_next a,
1155 .pager_n a {
1156         text-decoration: none;
1157 }
1158
1159 .pager_current {
1160   border: 1px solid black;
1161   background: #FFCCCC;
1162   padding: 4px;
1163 }
1164
1165
1166 #advanced-profile-name-wrapper,
1167 #advanced-profile-gender-wrapper,
1168 #advanced-profile-dob-wrapper,
1169 #advanced-profile-age-wrapper,
1170 #advanced-profile-marital-wrapper,
1171 #advanced-profile-sexual-wrapper,
1172 #advanced-profile-homepage-wrapper,
1173 #advanced-profile-politic-wrapper,
1174 #advanced-profile-religion-wrapper,
1175 #advanced-profile-about-wrapper,
1176 #advanced-profile-interest-wrapper,
1177 #advanced-profile-contact-wrapper,
1178 #advanced-profile-music-wrapper,
1179 #advanced-profile-book-wrapper,
1180 #advanced-profile-tv-wrapper,
1181 #advanced-profile-film-wrapper,
1182 #advanced-profile-romance-wrapper,
1183 #advanced-profile-work-wrapper,
1184 #advanced-profile-education-wrapper {
1185         margin-top: 20px;
1186 }
1187
1188 #advanced-profile-name-text,
1189 #advanced-profile-gender-text,
1190 #advanced-profile-dob-text,
1191 #advanced-profile-age-text,
1192 #advanced-profile-marital-text,
1193 #advanced-profile-sexual-text,
1194 #advanced-profile-homepage-text,
1195 #advanced-profile-politic-text,
1196 #advanced-profile-religion-text,
1197 #advanced-profile-about-text,
1198 #advanced-profile-interest-text,
1199 #advanced-profile-contact-text,
1200 #advanced-profile-music-text,
1201 #advanced-profile-book-text,
1202 #advanced-profile-tv-text,
1203 #advanced-profile-film-text,
1204 #advanced-profile-romance-text,
1205 #advanced-profile-work-text,
1206 #advanced-profile-education-text {
1207         width: 300px;
1208         float: left;
1209 }
1210
1211 #advanced-profile-name-end,
1212 #advanced-profile-gender-end,
1213 #advanced-profile-dob-end,
1214 #advanced-profile-age-end,
1215 #advanced-profile-marital-end,
1216 #advanced-profile-sexual-end,
1217 #advanced-profile-homepage-end,
1218 #advanced-profile-politic-end,
1219 #advanced-profile-religion-end {
1220         height: 10px;
1221 }
1222
1223 #advanced-profile-about-end,
1224 #advanced-profile-interest-end,
1225 #advanced-profile-contact-end,
1226 #advanced-profile-music-end,
1227 #advanced-profile-book-end,
1228 #advanced-profile-tv-end,
1229 #advanced-profile-film-end,
1230 #advanced-profile-romance-end,
1231 #advanced-profile-work-end,
1232 #advanced-profile-education-end {
1233
1234
1235 }
1236
1237 #advanced-profile-name,
1238 #advanced-profile-gender,
1239 #advanced-profile-dob,
1240 #advanced-profile-age,
1241 #advanced-profile-marital,
1242 #advanced-profile-sexual,
1243 #advanced-profile-homepage,
1244 #advanced-profile-politic,
1245 #advanced-profile-religion {
1246         float: left;
1247
1248 }
1249
1250
1251 #advanced-profile-about,
1252 #advanced-profile-interest,
1253 #advanced-profile-contact,
1254 #advanced-profile-music,
1255 #advanced-profile-book,
1256 #advanced-profile-tv,
1257 #advanced-profile-film,
1258 #advanced-profile-romance,
1259 #advanced-profile-work,
1260 #advanced-profile-education {
1261         margin-top: 10px;
1262         margin-left: 50px;
1263         margin-right: 20px;
1264         padding: 10px;
1265         border: 1px solid #CCCCCC;
1266 }
1267
1268 #advanced-profile-with {
1269         float: left;
1270         margin-left: 15px;
1271 }
1272
1273 #contact-edit-wrapper {
1274         margin-top: 50px;
1275 }
1276
1277 #contact-edit-banner-name {
1278         font-size: 1.4em;
1279         font-weight: bold;
1280         margin-left: 30px;
1281 }
1282
1283 #contact-edit-poll-wrapper {
1284         margin-left: 50px;
1285         margin-top: 30px;
1286 }
1287 #contact-edit-poll-text {
1288         margin-top: 15px;
1289         margin-bottom: 5px;
1290 }
1291
1292 #contact-edit-update-now {
1293         margin-top: 15px;
1294 }
1295
1296 #contact-edit-photo-wrapper {
1297         margin-bottom: 20px;
1298 }
1299 #contact-edit-links {
1300         float: left;
1301 }
1302 #contact-edit-links img {
1303         margin-left: 20px;
1304         border: none;
1305 }
1306
1307 #contact-drop-links {
1308         float: left;
1309 }
1310
1311 #contact-drop-links img {
1312         margin-left: 20px;
1313         border: none;
1314 }
1315
1316 #contact-edit-nav-end {
1317         clear: both;
1318 }
1319
1320 #contact-edit-direction-icon {
1321         float: left;
1322         margin-top: 70px;
1323         margin-right: 2px;
1324 }
1325
1326 #contact-edit-photo {
1327         float: left;
1328 }
1329
1330 #contact-edit-photo-end {
1331         clear: both;
1332 }
1333
1334 #contact-edit-photo-wrapper {
1335         float: left;
1336 }
1337
1338 #contact-edit-nav-wrapper {
1339         float: left;
1340 }
1341
1342 #contact-edit-end {
1343         clear: both;
1344 }
1345
1346 #contact-profile-selector {
1347         width: 175px;
1348         margin-left: 175px;
1349 }
1350
1351 #contact-reputation-selector {
1352         margin-left: 175px;
1353 }
1354
1355 #contact-edit-rating-text {
1356         margin-left: 175px;
1357 }
1358
1359 .contact-edit-submit {
1360         margin-top: 20px;
1361         /*margin-left: 50px;*/
1362 }
1363
1364 #block-message, #ignore-message, #profile-edit-insecure {
1365         margin-top: 20px;
1366         color: #FF0000;
1367         font-size: 1.1em;
1368         border: 1px solid #FF8888;
1369         background-color: #FFEEEE;
1370         padding: 10px;
1371 }
1372
1373 #block-message, #ignore-message {
1374         width: 180px;
1375 }
1376
1377 #profile-edit-insecure {
1378         width: 600px;
1379 }
1380
1381 /*
1382 .profile-tabs {
1383         float: left;
1384         padding: 4px;
1385         margin-top: 10px;
1386         margin-bottom: 10px;
1387         margin-right: 5px;
1388         font-size: 0.8em;
1389         font-weight: bold;
1390         background-color: #ECECEC;
1391         border: 1px solid #858585;
1392 }
1393 .profile-tabs:hover {
1394         background-color: #0CBEFE;
1395         color: #F5F6FB;
1396         border: 1px solid #F5F6FB;
1397 }
1398
1399
1400 #profile-tabs-end {
1401         clear: both;
1402 }*/
1403
1404 .comment-edit-text-empty {
1405         color: gray;
1406         height: 30px;
1407         width: 175px;
1408         overflow: auto;
1409         margin-bottom: 10px;
1410 }
1411
1412 .comment-edit-text-full {
1413         color: black;
1414         height: 150px;
1415         width: 350px;
1416         overflow: auto;
1417 }
1418
1419 #group-new-submit-wrapper {
1420         margin-top: 30px;
1421 }
1422
1423 #acl-allow-group-label,
1424 #acl-allow-contact-label,
1425 #acl-deny-group-label,
1426 #acl-deny-contact-label {
1427         display: block;
1428 }
1429
1430 #acl-permit-text,
1431 #acl-deny-text {
1432         margin-top: 10px;
1433 }
1434
1435 #acl-allow-group-label,
1436 #acl-allow-contact-label,
1437 #acl-deny-group-label,
1438 #acl-deny-contact-label {
1439         margin-top: 5px;
1440         margin-bottom: 5px;
1441 }
1442
1443
1444 #group_allow_wrapper,
1445 #group_deny_wrapper {
1446         float: left;
1447         width: 100px;
1448         margin-right: 10px;
1449 }
1450
1451 #contact_allow_wrapper,
1452 #contact_deny_wrapper {
1453         float: left;
1454         width: 150px;
1455         margin-right: 10px;
1456 }
1457
1458 #acl-allow-end,
1459 #acl-deny-end {
1460         clear: both;
1461 }
1462 #acl-permit-outer-wrapper,
1463 #acl-deny-outer-wrapper {
1464         padding: 10px;
1465         margin-top: 10px;
1466         border: 2px solid #BBBBBB;
1467         float: left;
1468 }
1469
1470 #acl-wrapper-end {
1471         clear: both;
1472 }
1473
1474 #group-edit-name-label {
1475         float: left;
1476         width: 175px;
1477         margin-top: 20px;
1478         margin-bottom: 20px;
1479 }
1480
1481 #group-edit-name {
1482         float: left;
1483         width: 225px;
1484         margin-top: 20px;
1485         margin-bottom: 20px;
1486 }
1487
1488 #group-edit-name-wrapper {
1489
1490
1491 }
1492
1493
1494 #group_members_select_label {
1495         display: block;
1496         float: left;
1497         width: 175px;
1498 }
1499
1500 .group_members_select {
1501         float: left;
1502         width: 230px;
1503         overflow: auto;
1504 }
1505
1506 #group_members_select_end {
1507         clear: both;
1508 }
1509 #group-edit-name-end {
1510         clear: both;
1511 }
1512
1513 #prvmail-to-label, #prvmail-subject-label, #prvmail-message-label {
1514         margin-bottom: 10px;
1515         margin-top: 20px;
1516 }
1517
1518 #prvmail-submit {
1519         float: left;
1520         margin-top: 10px;
1521         margin-right: 30px;
1522 }
1523 #prvmail-upload-wrapper,
1524 #prvmail-link-wrapper,
1525 #prvmail-rotator-wrapper {
1526         float: left;
1527         margin-top: 10px;
1528         margin-right: 10px;
1529         width: 24px;
1530 }
1531
1532 #prvmail-end {
1533         clear: both;
1534 }
1535
1536 .mail-list-sender,
1537 .mail-list-detail {
1538         float: left;
1539 }
1540 .mail-list-detail {
1541         margin-left: 20px;
1542 }
1543
1544 .mail-list-subject {
1545         font-size: 1.1em;
1546         margin-top: 10px;
1547 }
1548 a.mail-list-link {
1549     display: block;
1550     font-size: 1.3em;
1551     padding: 4px 0;
1552 }
1553
1554 /*
1555 *a.mail-list-link:hover {
1556 *       background-color: #15607B;
1557 *       color: #F5F6FB;
1558 *}
1559 */
1560
1561 .mail-list-outside-wrapper-end {
1562         clear: both;
1563 }
1564
1565 .mail-list-outside-wrapper {
1566         margin-top: 30px;
1567 }
1568
1569 .mail-list-delete-wrapper {
1570         float: right;
1571         margin-right: 30px;
1572         margin-top: 15px;
1573 }
1574
1575 .mail-list-delete-icon {
1576         border: none;
1577 }
1578
1579 .mail-conv-sender,
1580 .mail-conv-detail {
1581         float: left;
1582 }
1583 .mail-conv-detail {
1584         margin-left: 20px;
1585         width: 500px;
1586 }
1587
1588 .mail-conv-subject {
1589     font-size: 1.4em;
1590     margin: 10px 0;
1591 }
1592
1593 .mail-conv-outside-wrapper-end {
1594         clear: both;
1595 }
1596
1597 .mail-conv-outside-wrapper {
1598         margin-top: 30px;
1599 }
1600
1601 .mail-conv-delete-wrapper {
1602         float: right;
1603         margin-right: 30px;
1604         margin-top: 15px;
1605 }
1606
1607 .mail-conv-delete-icon {
1608         border: none;
1609 }
1610
1611 .message-links ul {
1612         list-style-type: none;
1613         padding: 0px;
1614 }
1615
1616 .message-links li {
1617         margin-top: 10px;
1618         float: left;
1619 }
1620 .message-links a {
1621         padding: 3px 5px;
1622 }
1623
1624 .message-links ul ul {
1625         clear: both;
1626 }
1627
1628 #sidebar-group-list ul {
1629         list-style-type: none;
1630 }
1631
1632 #sidebar-group-list li {
1633         margin-top: 10px;
1634 }
1635
1636 #side-follow-wrapper {
1637         margin-top: 20px;
1638 }
1639 #side-follow-url {
1640         margin-top: 5px;
1641 }
1642 #side-follow-submit {
1643         margin-top: 15px;
1644 }
1645
1646 .photo-album-image-wrapper {
1647         float: left;
1648         margin-top: 15px;
1649         margin-right: 15px;
1650         width: 200px; height: 200px; 
1651         overflow: hidden; 
1652         position: relative;
1653 }
1654 .photo-album-image-wrapper .caption {
1655         display: none; 
1656         width: 100%;
1657         position: absolute; 
1658         bottom: 0px; 
1659         padding: 0.5em 0.5em 0px 0.5em;
1660         background-color: rgba(245, 245, 255, 0.8);
1661         border-bottom: 2px solid #CCC;
1662         margin: 0px;
1663 }
1664 .photo-album-image-wrapper a:hover .caption {
1665         display:block;
1666 }
1667
1668 #photo-album-end {
1669         clear: both;
1670 }
1671
1672 .photo-top-image-wrapper {
1673         position: relative;
1674         float: left;
1675         margin-top: 15px;
1676         margin-right: 15px;
1677         width: 200px; height: 200px; 
1678         overflow: hidden; 
1679 }
1680 .photo-top-album-name {
1681         width: 100%;
1682         min-height: 2em;
1683         position: absolute; 
1684         bottom: 0px; 
1685         padding: 0px 3px;
1686         padding-top: 0.5em;
1687         background-color: rgb(255, 255, 255);
1688 }
1689 #photo-top-end {
1690         clear: both;
1691 }
1692
1693 #photo-top-links {
1694         margin-bottom: 30px;
1695         margin-left: 30px;
1696 }
1697
1698 #photos-upload-newalbum-div {
1699         float: left;
1700         width: 175px;
1701 }
1702 #photos-upload-existing-album-text {
1703         float: left;
1704         width: 175px;
1705 }
1706 #photos-upload-newalbum {
1707         float: left;
1708 }
1709 #photos-upload-album-select {
1710         float: left;
1711 }
1712
1713 #photos-upload-spacer {
1714         margin-top: 25px;
1715 }
1716 #photos-upload-new-end, #photos-upload-exist-end {
1717         clear: both;
1718 }
1719 #photos-upload-exist-end {
1720         margin-bottom: 15px;
1721 }
1722 #photos-upload-submit {
1723         margin-top: 15px;
1724 }
1725
1726 #photos_upload_applet_wrapper {
1727         margin-bottom: 15px;
1728 }
1729
1730 #photos-upload-no-java-message {
1731         margin-bottom: 15px;
1732 }
1733
1734 #profile-jot-desc {
1735         /*float: left;*/
1736         width: 480px;
1737         margin-top: 10px;
1738         margin-bottom: 10px;
1739 }
1740 #character-counter {
1741         float: right;
1742         font-size: 120%;
1743 }
1744
1745 #character-counter.grey {
1746         color: #888888;
1747 }
1748
1749 #character-counter.orange {
1750         color: orange;
1751 }
1752 #character-counter.red {
1753         color: red;
1754 }
1755
1756 #profile-jot-banner-end {
1757         /* clear: both; */ 
1758 }
1759
1760 #photos-upload-select-files-text {
1761         margin-top: 15px;
1762         margin-bottom: 15px;
1763 }
1764
1765 #photos-upload-perms-menu, #photos-upload-perms-menu:visited {
1766         color: #8888FF;
1767         text-decoration: none;
1768         cursor: pointer;
1769 }
1770
1771 #photos-upload-perms-menu:hover {
1772         color: #0000FF;
1773         text-decoration: underline;
1774         cursor: pointer;
1775 }
1776 #settings-default-perms-menu {
1777         margin-top: 15px;
1778         margin-bottom: 15px;
1779 }
1780
1781 #photo-edit-caption-label, #photo-edit-tags-label, #photo-edit-albumname-label {
1782         float: left;
1783         width: 150px;
1784 }
1785 #photo-edit-caption, #photo-edit-newtag, #photo-edit-albumname {
1786         float: left;
1787         margin-bottom: 25px;
1788 }
1789 #photo-edit-link-wrap {
1790         margin-bottom: 15px;
1791 }
1792 #photo-like-div {
1793         margin-bottom: 25px;
1794 }
1795
1796 #photo-edit-caption-end, #photo-edit-tags-end, #photo-edit-albumname-end {
1797         clear: both;
1798 }
1799
1800 #photo-edit-delete-button {
1801         margin-left: 200px;
1802 }
1803 #photo-edit-end {
1804         margin-bottom: 35px;
1805 }
1806 #photo-caption {
1807         font-size: 110%;
1808         font-weight: bold;
1809         margin-top: 15px;
1810         margin-bottom: 15px;
1811 }
1812
1813 #in-this-photo-text {
1814         color: #0000FF;
1815         margin-left: 30px;
1816 }
1817
1818 #in-this-photo {
1819         margin-left: 60px;
1820         margin-top: 10px;
1821         margin-bottom: 20px;
1822 }
1823
1824 #photo-album-edit-submit, #photo-album-edit-drop {
1825         margin-top: 15px;
1826         margin-bottom: 15px;
1827 }
1828
1829 #photo-album-edit-drop {
1830         margin-left: 200px;
1831 }
1832
1833 .group-delete-wrapper {
1834         float: right;
1835         margin-right: 50px;
1836 }
1837
1838 #install-dbhost-label,
1839 #install-dbuser-label,
1840 #install-dbpass-label,
1841 #install-dbdata-label,
1842 #install-tz-desc {
1843        float: left;
1844        width: 250px;
1845        margin-top: 10px;
1846        margin-bottom: 10px;
1847
1848 }
1849
1850 #install-dbhost,
1851 #install-dbuser,
1852 #install-dbpass,
1853 #install-dbdata {
1854        float: left;
1855        width: 200px;
1856        margin-left: 20px;
1857 }
1858
1859 #install-dbhost-end,
1860 #install-dbuser-end,
1861 #install-dbpass-end,
1862 #install-dbdata-end,
1863 #install-tz-end {
1864        clear: both;
1865 }
1866
1867 #install-form select#timezone_select {
1868        float: left;
1869        margin-top: 18px;
1870        margin-left: 20px;
1871 }
1872
1873 #dfrn-request-networks {
1874         margin-bottom: 30px;
1875 }
1876
1877 #pause {
1878   position: fixed;
1879   bottom: 5px;
1880   right: 5px;
1881 }
1882
1883 .sparkle {
1884         cursor: url('lock.cur'), pointer;
1885 /*      cursor: pointer !important; */
1886 }
1887
1888 .contact-block-div {
1889         float: left;
1890         width: 52px;
1891         height: 52px;
1892 }
1893 #contact-block-end {
1894         clear: both;
1895 }
1896 .contact-block-link {
1897         float: left;
1898 }
1899 .contact-block-img {
1900         width:48px;
1901         height:48px;
1902 }
1903
1904 #tag-remove {
1905         margin-bottom: 15px;
1906 }
1907
1908 #tagrm li {
1909         margin-bottom: 10px;
1910 }
1911
1912 #tagrm-submit, #tagrm-cancel {
1913         margin-top: 25px;
1914 }
1915
1916 #tagrm-cancel {
1917         margin-left: 15px;
1918 }
1919
1920 .wall-item-conv {
1921         margin-top: 5px;
1922         margin-bottom: 25px;
1923 }
1924
1925 #search-submit {
1926         margin-left: 15px;
1927 }
1928
1929 #search-box {
1930         margin-bottom: 25px;
1931 }
1932
1933 .location-label, .gender-label, .marital-label, .homepage-label {
1934         float: left;
1935         text-align: right;
1936         display: block;
1937         width: 65px;
1938 }
1939
1940 .adr, .x-gender, .marital-text, .homepage-url {
1941         float: left;
1942         display: block;
1943         margin-left: 8px;
1944 }
1945
1946 .profile-clear {
1947         clear: both;
1948 }
1949
1950
1951 .clear {
1952         clear: both;
1953 }
1954
1955 .cc-license {
1956         margin-top: 50px;
1957         font-size: 70%;
1958 }
1959
1960
1961 #plugin-settings-link, #account-settings-link {
1962         margin-bottom: 25px;
1963 }
1964
1965 /* end from defautlt */
1966         
1967
1968 .fn {
1969         padding: 0px 0px 5px 0px;
1970         font-size: 120%;
1971         font-weight: bold;
1972 }
1973
1974 .vcard .title {
1975         margin-bottom: 5px;
1976 }
1977
1978
1979 #birthday-title {
1980         float: left;
1981         font-weight: bold;      
1982 }
1983
1984 #birthday-adjust {
1985         float: left;
1986         font-size: 75%;
1987         margin-left: 10px;
1988 }
1989
1990 #birthday-title-end {
1991         clear: both;
1992 }
1993
1994 .birthday-list {
1995         margin-left: 15px;
1996 }
1997
1998 #birthday-wrapper {
1999         margin-bottom: 20px;
2000 }
2001
2002 #network-new-link {
2003         margin-top: 15px;
2004         margin-bottom: 15px;
2005 }
2006
2007
2008 .tool-wrapper {
2009   float: left;
2010   margin-left: 20px;
2011 }
2012
2013 .tool-link {
2014   cursor: pointer;
2015 }
2016
2017