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