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