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