]> git.mxchange.org Git - friendica.git/blob - view/style.css
6d634b77614ba9f7c76b1fefe009b944d9d04392
[friendica.git] / view / style.css
1
2 body { 
3         background: #EEEEEE;
4         font-family: verdana, sans-serif;
5         font-size: 1.0em;
6         margin-left: 10px;
7 }
8
9 img.photo {
10         border: 1px solid #AAAAAA;
11         padding: 5px;
12         background: #FFFFFF;
13 }
14
15 aside {
16         position: absolute;
17         left: 0px;
18         top: 60px;
19         right: 250px;
20         width: 250px;
21         margin-left: 20px;
22         margin-right: 0px;
23         font-size: 0.9em;
24 }
25 section {
26         position: absolute;
27         left: 270px;
28         top: 60px;
29         margin-left: 20px;
30         margin-right: 20px;
31         right: 0px;
32 }
33 h1 {
34         font-size: 1.6em;
35 }
36
37 nav {
38         position: absolute;
39         top: 0px;
40         height: 30px;
41         left: 0px;
42         right: 0px;
43         margin-top: 20px;
44 }
45
46 footer {
47         position: absolute;
48         left: 0px;
49         right: 0px;
50         bottom: 0px;
51         margin: 20px 20px 20px 20px;
52 }
53 .fn {
54         font-size: 1.4em;
55         margin-bottom: 10px;
56         line-height: 1.5;
57 }
58
59 .powered {
60         font-size: 0.6em;
61 }
62 .error-message {
63         color: #FF0000;
64         font-size: 1.1em;
65         border: 1px solid #FF8888;
66         background-color: #FFEEEE;
67         padding: 10px;
68 }
69 .nav-link {
70         float: right;
71         margin-left: 0px;
72         margin-right: 10px;
73         padding: 5px;
74         border: 1px solid black;
75         background: #DDDDFF;
76         font-size: 0.7em;
77         font-weight: bold;
78         
79 }
80
81 .nav-ajax-left {
82         margin-left: 1px;
83         float: left;
84         font-size: 0.6em;
85         font-weight: bold;
86         color: #FF0000;
87 }
88
89 .nav-ajax-right {
90         margin-left: 1px;
91         float: right;
92         font-size: 0.6em;
93         font-weight: bold;
94         color: #FF0000;
95 }
96
97 .nav-commlink {
98         float: left;
99         margin-left: 10px;
100         margin-right: 0px;
101         padding: 5px;
102         border: 1px solid black;
103         background: #DDDDFF;
104         font-size: 0.7em;
105         font-weight: bold;
106 }
107 #nav-end {
108         clear: both;
109 }
110
111 .login-extra-links {
112         font-size: 0.7em;
113 }
114
115 #profile-extra-links {
116         margin-top: 20px;
117         margin-bottom: 20px;
118         margin-left: 20px;
119         margin-right: 20px;
120 }
121
122 #label-register-name, #label-register-email, #label-register-nickname {
123         float: left;
124         width: 350px;
125         margin-top: 10px;
126 }
127
128 #register-name, #register-email, #register-nickname {
129         float: left;
130         margin-top: 10px;
131         width: 150px;
132 }
133
134 #register-name-end, #register-email-end, #register-nickname-end, #register-submit-end {
135         clear: both;
136 }
137 #register-nickname-desc {
138         margin-top: 30px;
139         width: 650px;
140 }
141 #register-sitename {
142         float: left;
143         margin-top: 10px;
144 }
145
146 #register-submit-button {
147         margin-top: 50px;
148         margin-left: 350px;
149 }
150
151 #label-login-name, #label-login-password, #login-extra-filler {
152         float: left;
153         width: 150px;
154         margin-bottom: 20px;
155 }
156
157
158 #login-name, #login-password {
159         float: left;
160         width: 150px;
161 }
162
163 #register-link, #lost-password-link {
164         float: left;
165         font-size: 0.7em;
166         margin-right: 15px;
167 }
168
169 #login-name-end, #login-password-end, #login-extra-end, #login-submit-end {
170         clear: both;
171 }
172
173 #login-submit-button {
174         margin-top: 10px;
175         margin-left: 150px;
176 }
177
178 input#dfrn-url {
179         float: left;
180         background: url(dfrn.gif) no-repeat;
181         background-position: 2px center;
182         font-size: 17px;
183         padding-left: 21px;
184         height: 21px;
185         background-color: #FFFFFF;
186         color: #000000;
187         margin-bottom: 20px;
188 }
189
190 #dfrn-url-label {
191         float: left;
192         width: 250px;
193 }
194
195 #dfrn-request-url-end {
196         clear: both;
197 }
198
199 #knowyouyes, #knowyouno {
200         float: left;
201 }
202
203 #dfrn-request-knowyou-yes-wrapper, #dfrn-request-knowyou-no-wrapper {
204
205         float: none;
206 }
207 #dfrn-request-knowyou-yes-label, #dfrn-request-knowyou-no-label {
208         float: left;
209         width: 75px;
210         margin-left: 50px;
211         margin-bottom: 7px;
212 }
213 #dfrn-request-knowyou-break, #dfrn-request-knowyou-end {
214         clear: both;
215
216 }
217
218 #dfrn-request-message-wrapper {
219         margin-bottom: 50px;
220 }
221 #dfrn-request-submit-wrapper {
222         clear: both;
223         margin-left: 50px;
224 }
225
226 #dfrn-request-info-wrapper {
227         margin-left: 50px;
228 }
229
230 #settings-nick-wrapper {
231         margin-bottom: 30px;
232 }
233
234 #settings-username-end, #settings-email-end, #settings-nick-end, #settings-timezone-end, #settings-password-end, #settings-confirm-end {
235         margin-bottom: 5px;
236         clear: both;
237 }
238
239 #settings-username-label, #settings-email-label, #settings-nick-label, #settings-timezone-label, #settings-password-label, #settings-confirm-label {
240         float: left;
241         width: 200px;
242 }
243
244 #settings-username, #settings-email, #settings-nick, #timezone-select, #settings-password, #settings-confirm {
245         float: left;
246         margin-bottom: 20px;
247 }
248
249 #settings-nick-desc {
250         width: 500px;
251 }
252
253 #settings-nick {
254         margin-bottom: 50px;
255 }
256
257 #cropimage-wrapper, #cropimage-preview-wrapper {
258         float: left;
259         padding: 30px;
260 }
261
262 #crop-image-form {
263         margin-top: 30px;
264         clear: both;
265 }
266
267 .intro-fullname {
268         font-size: 1.1em;
269         font-weight: bold;
270
271 }
272 .intro-desc {
273         margin-bottom: 20px;
274 }
275
276 .intro-note {
277         padding: 10px;
278 }
279
280 .intro-end {
281         padding: 30px;
282 }
283
284 .intro-approve-form, .intro-form {
285         float: left;
286 }
287 .intro-submit-approve, .intro-submit-ignore {
288         margin-right: 20px;
289 }
290 .intro-top {
291         width: 500px;
292         margin-bottom: 30px;
293 }
294 .intro-end {
295         clear: both;
296         margin-bottom: 30px;
297 }
298
299 #profile-extra-links ul {
300         list-style-type: none;
301 }
302
303
304 #profile-extra-links li {
305         margin-top: 5px;
306 }
307
308 #profile-edit-links ul {
309         list-style-type: none;
310 }
311
312 #profile-edit-links li {
313         margin-top: 10px;
314 }
315
316 .view-contact-wrapper {
317         margin-top: 20px;
318         float: left;
319         margin-left: 20px;
320         width: 180px;
321 }
322 #view-contact-end {
323         clear: both;
324 }
325
326
327 #profile-edit-default-desc {
328         color: #FF0000;
329         border: 1px solid #FF8888;
330         background-color: #FFEEEE;
331         padding: 7px;
332
333
334 }
335 #profile-edit-clone-link-wrapper {
336         float: left;
337         margin-left: 50px;
338         margin-bottom: 20px;
339         width: 300px;
340 }
341
342 #profile-edit-drop-link-wrapper {
343         float: left;
344         
345 }
346
347 #profile-edit-links-end {
348         clear: both;
349 }
350 .profile-listing-photo {
351         border: none;
352 }
353
354 .profile-edit-submit-wrapper {
355         margin-top: 20px;
356         margin-bottom: 20px;
357 }
358
359 #profile-edit-profile-name-label,
360 #profile-edit-name-label,
361 #profile-edit-gender-label,
362 #profile-edit-dob-label,
363 #profile-edit-address-label,
364 #profile-edit-locality-label,
365 #profile-edit-region-label,
366 #profile-edit-postal-code-label,
367 #profile-edit-country-name-label,
368 #profile-edit-marital-label,
369 #profile-edit-sexual-label,
370 #profile-edit-politic-label,
371 #profile-edit-religion-label,
372 #profile-edit-homepage-label {
373         float: left;
374         width: 175px;
375 }
376
377 #profile-edit-profile-name,
378 #profile-edit-name,
379 #gender-select,
380 #profile-edit-dob,
381 #profile-edit-address,
382 #profile-edit-locality,
383 #profile-edit-region,
384 #profile-edit-postal-code,
385 #profile-edit-country-name,
386 #marital-select,
387 #sexual-select,
388 #profile-edit-politic,
389 #profile-edit-religion,
390 #profile-in-dir-yes,
391 #profile-in-dir-no,
392 #hide-friends-yes,
393 #hide-friends-no {
394         float: left;
395         margin-bottom: 20px;
396 }
397
398 #profile-in-dir-yes-label, 
399 #profile-in-dir-no-label,
400 #hide-friends-yes-label,
401 #hide-friends-no-label {
402         margin-left: 125px;
403         float: left;
404         width: 50px;
405 }
406
407 #profile-edit-homepage {
408         float: left;
409         margin-bottom: 35px;
410 }
411
412 #profile-edit-profile-name-end,
413 #profile-edit-name-end,
414 #profile-edit-gender-end,
415 #profile-edit-dob-end,
416 #profile-edit-address-end,
417 #profile-edit-locality-end,
418 #profile-edit-region-end,
419 #profile-edit-postal-code-end,
420 #profile-edit-country-name-end,
421 #profile-edit-marital-end,
422 #profile-edit-sexual-end,
423 #profile-edit-politic-end,
424 #profile-edit-religion-end,
425 #profile-edit-homepage-end,
426 #profile-in-dir-break, 
427 #profile-in-dir-end,
428 #hide-friends-break,
429 #hide-friends-end {
430         clear: both;
431 }
432
433
434
435
436
437 #gender-select, #marital-select, #sexual-select {
438         width: 220px;
439 }
440
441 #profile-edit-profile-name-wrapper .required {
442         color: #FF0000;
443         float: left;
444 }
445
446 #contacts-main {
447         margin-bottom: 20px;
448 }
449
450 .contact-entry-wrapper {
451         float: left;
452         width: 180px;
453 }
454
455 .contact-entry-direction-icon {
456         margin-top: 24px;
457         margin-right: 2px;
458 }
459
460 .contact-entry-photo img {
461         border: none;
462 }
463 .contact-entry-photo-end {
464         clear: both;
465 }
466 .contact-entry-name {
467         float: left;
468         margin-left: 30px;
469 }
470 .contact-entry-edit-links {
471         margin-top: 6px;
472         margin-left: 10px;
473         width: 16px;
474 }
475 .contact-entry-nav-wrapper {
476         float: left;
477         margin-left: 10px;
478 }
479
480 .contact-entry-edit-links img {
481         border: none;
482         margin-right: 15px;
483 }
484 .contact-entry-photo {
485         float: left;
486 }
487 .contact-entry-end {
488         clear: both;
489 }
490 /*
491 .contact-entry-nav-end {
492         clear: both;
493 }
494 */
495 #contact-edit-end {
496         clear: both;
497 }
498
499 .wall-item-outside-wrapper {
500         margin-top: 10px;
501 }
502
503 .wall-item-outside-wrapper.comment {
504         margin-left: 50px;
505 }
506
507 .wall-item-photo-wrapper {
508         margin-top: 20px;
509         width: 100px;
510         float: left;
511 }
512 .wall-item-arrowphoto-wrapper {
513         margin-top: 40px;
514         margin-right: 20px;
515         float: left;
516 }
517 .wall-item-wrapper {
518         margin-top: 30px;
519         float: left;
520 }
521
522 .wall-item-ago {
523         color: #888888;
524         font-size: 0.8em;
525 }
526
527 .wall-item-delete-wrapper {
528         float: right;
529         margin-top: 20px;
530         margin-right: 50px;
531 }
532
533 .wall-item-delete-end {
534         clear: both;
535 }
536
537 .wall-item-delete-icon {
538         border: none;
539 }
540
541
542 .wall-item-wrapper-end {
543         clear: both;
544 }
545 .wall-item-name-link {
546         font-weight: bold;
547         text-decoration: none;
548         color: #3172BD;
549 }
550 .wall-item-photo {
551         border: none;
552 }
553 .wall-item-content {
554         float: left;
555         width: 450px;
556         margin-left: 10px;
557 }
558
559 .wall-item-title {
560         float: left;
561         font-weight: bold;
562         width: 450px;
563 }
564
565 .wall-item-body {
566         float: left;
567         width: 450px;
568         margin-top: 30px;
569 }
570
571 .comment-edit-wrapper {
572         margin-top: 15px;
573         margin-left: 100px;
574 }
575
576 .comment-wwedit-wrapper {
577         margin-top: 15px;
578         margin-left: 250px;
579 }
580
581
582 #profile-jot-submit-wrapper {
583         margin-top: 15px;
584 }
585
586 #profile-jot-submit {
587         float: left;
588 }
589 #profile-upload-wrapper {
590         float: left;
591         margin-left: 50px;
592 }
593
594 #profile-rotator {
595         float: left;
596         margin-left: 50px;
597 }
598 #profile-link-wrapper {
599         float: left;
600         margin-left: 20px;
601 }
602
603 #profile-jot-perms {
604         float: left;
605         margin-left: 250px;
606 }
607
608 #profile-jot-perms-end {
609         clear: both;
610 }
611
612 #profile-jot-end {
613         clear: both;
614         margin-bottom: 30px;
615 }
616 #about-jot-submit-wrapper {
617         margin-top: 15px;
618 }
619 #about-jot-end {
620         margin-bottom: 30px;
621 }
622 #contacts-main {
623         margin-bottom: 30px;
624 }
625
626 #profile-listing-desc {
627         margin-left: 30px;
628 }
629
630 #profile-listing-new-link-wrapper {
631         margin-left: 30px;
632         margin-bottom: 30px;
633 }
634 .profile-listing-photo-wrapper {
635         float: left;
636 }
637
638 .profile-listing-edit-buttons-wrapper {
639         clear: both;
640 }
641 .profile-listing-photo-edit-link {
642         float: left;
643         width: 125px;
644 }
645 .profile-listing-end {
646         clear: both;
647 }
648 .profile-listing-edit-buttons-wrapper img{
649         border: none;
650         margin-right: 20px;
651 }
652 .profile-listing {
653         margin-top: 25px;
654 }
655 .profile-listing-name {
656         float: left;
657         margin-left: 32px;
658         margin-top: 10px;
659         color: #3172BD;
660         font-weight: bold;
661         width: 200px;
662
663 }
664 .fortune {
665         margin-top: 50px;
666         color: #3172BD;
667         font-weight: bold;
668         margin-bottom: 20px;
669 }
670
671
672 .directory-end {
673         clear: both;
674 }
675 .directory-name {
676         text-align: center;
677 }
678 .directory-photo {
679         margin-left: 25px;
680 }
681 .directory-details {
682         font-size: 0.7em;
683         text-align: center;
684         margin-left: 5px;
685         margin-right: 5px;
686 }
687 .directory-item {
688         float: left;
689         width: 225px;
690         height: 260px;
691         overflow: auto;
692 }
693
694 #directory-search-wrapper {
695         margin-left: 350px;
696         margin-right: 20px;
697         margin-bottom: 50px;
698 }
699
700 #directory-search-end {
701 }
702
703 .directory-photo-img {
704         border: none;
705 }
706
707
708 .pager {
709   padding: 10px;
710   text-align: center;
711   font-size: 1.0em;
712 }
713
714
715 .pager_first,
716 .pager_last,
717 .pager_prev,
718 .pager_next,
719 .pager_n {
720         border: 1px solid black;
721         background: #EEE;
722         padding: 4px;
723 }
724
725 .pager_first a,
726 .pager_last a,
727 .pager_prev a,
728 .pager_next a,
729 .pager_n a {
730         text-decoration: none;
731 }
732
733 .pager_current {
734   border: 1px solid black;
735   background: #FFCCCC;
736   padding: 4px;
737 }
738
739
740 #advanced-profile-name-wrapper,
741 #advanced-profile-gender-wrapper,
742 #advanced-profile-dob-wrapper,
743 #advanced-profile-age-wrapper,
744 #advanced-profile-marital-wrapper,
745 #advanced-profile-sexual-wrapper,
746 #advanced-profile-homepage-wrapper,
747 #advanced-profile-politic-wrapper,
748 #advanced-profile-religion-wrapper,
749 #advanced-profile-about-wrapper,
750 #advanced-profile-interest-wrapper,
751 #advanced-profile-contact-wrapper,
752 #advanced-profile-music-wrapper,
753 #advanced-profile-book-wrapper,
754 #advanced-profile-tv-wrapper,
755 #advanced-profile-film-wrapper,
756 #advanced-profile-romance-wrapper,
757 #advanced-profile-work-wrapper,
758 #advanced-profile-education-wrapper {
759         margin-top: 20px;
760 }
761
762 #advanced-profile-name-text,
763 #advanced-profile-gender-text,
764 #advanced-profile-dob-text,
765 #advanced-profile-age-text,
766 #advanced-profile-marital-text,
767 #advanced-profile-sexual-text,
768 #advanced-profile-homepage-text,
769 #advanced-profile-politic-text,
770 #advanced-profile-religion-text,
771 #advanced-profile-about-text,
772 #advanced-profile-interest-text,
773 #advanced-profile-contact-text,
774 #advanced-profile-music-text,
775 #advanced-profile-book-text,
776 #advanced-profile-tv-text,
777 #advanced-profile-film-text,
778 #advanced-profile-romance-text,
779 #advanced-profile-work-text,
780 #advanced-profile-education-text {
781         width: 250px;
782         float: left;
783 }
784
785 #advanced-profile-name-end,
786 #advanced-profile-gender-end,
787 #advanced-profile-dob-end,
788 #advanced-profile-age-end,
789 #advanced-profile-marital-end,
790 #advanced-profile-sexual-end,
791 #advanced-profile-homepage-end,
792 #advanced-profile-politic-end,
793 #advanced-profile-religion-end {
794         clear: both;
795 }
796
797 #advanced-profile-about-end,
798 #advanced-profile-interest-end,
799 #advanced-profile-contact-end,
800 #advanced-profile-music-end,
801 #advanced-profile-book-end,
802 #advanced-profile-tv-end,
803 #advanced-profile-film-end,
804 #advanced-profile-romance-end,
805 #advanced-profile-work-end,
806 #advanced-profile-education-end {
807
808
809 }
810
811 #advanced-profile-name,
812 #advanced-profile-gender,
813 #advanced-profile-dob,
814 #advanced-profile-age,
815 #advanced-profile-marital,
816 #advanced-profile-sexual,
817 #advanced-profile-homepage,
818 #advanced-profile-politic,
819 #advanced-profile-religion {
820         float: left;
821
822 }
823
824
825 #advanced-profile-about,
826 #advanced-profile-interest,
827 #advanced-profile-contact,
828 #advanced-profile-music,
829 #advanced-profile-book,
830 #advanced-profile-tv,
831 #advanced-profile-film,
832 #advanced-profile-romance,
833 #advanced-profile-work,
834 #advanced-profile-education {
835         margin-top: 10px;
836         margin-left: 50px;
837         margin-right: 20px;
838         padding: 10px;
839         border: 1px solid #CCCCCC;
840 }
841
842 #contact-edit-wrapper {
843         margin-top: 50px;
844 }
845
846 #contact-edit-banner-name {
847         font-size: 1.4em;
848         font-weight: bold;
849         margin-left: 30px;
850 }
851
852 #contact-edit-photo-wrapper {
853         margin-bottom: 20px;
854 }
855 #contact-edit-links {
856         float: left;
857 }
858 #contact-edit-links img {
859         margin-left: 20px;
860         border: none;
861 }
862
863 #contact-drop-links {
864         float: left;
865 }
866
867 #contact-drop-links img {
868         margin-left: 20px;
869         border: none;
870 }
871
872 #contact-edit-nav-end {
873         clear: both;
874 }
875
876 #contact-edit-direction-icon {
877         float: left;
878         margin-top: 70px;
879         margin-right: 2px;
880 }
881
882 #contact-edit-photo {
883         float: left;
884 }
885
886 #contact-edit-photo-end {
887         clear: both;
888 }
889
890 #contact-edit-photo-wrapper {
891         float: left;
892 }
893
894 #contact-edit-nav-wrapper {
895         float: left;
896 }
897
898 #contact-edit-end {
899         clear: both;
900 }
901
902 #contact-profile-selector {
903         width: 175px;
904         margin-left: 175px;
905 }
906
907 #contact-reputation-selector {
908         margin-left: 175px;
909 }
910
911 #contact-edit-rating-text {
912         margin-left: 175px;
913 }
914
915 .contact-edit-submit {
916         margin-top: 20px;
917         margin-left: 50px;
918 }
919
920 #block-message, #ignore-message {
921         margin-top: 20px;
922         width: 180px;
923         color: #FF0000;
924         font-size: 1.1em;
925         border: 1px solid #FF8888;
926         background-color: #FFEEEE;
927         padding: 10px;
928 }
929
930 .profile-tabs {
931         float: left;
932         padding:3px;
933         margin-top: 10px;
934         margin-bottom: 10px;
935         margin-right: 5px;
936         border: 1px solid #888888;
937         font-size: 0.8em;
938         font-weight: bold;
939 }
940 .profile-tabs a {
941         text-decoration: none;
942 }
943
944 #profile-tabs-end {
945         clear: both;
946 }
947
948 .comment-edit-text-empty {
949         color: gray;
950         height: 30px;
951         width: 175px;
952         overflow: auto;
953 }
954
955 .comment-edit-text-full {
956         color: black;
957         height: 150px;
958         width: 350px;
959         overflow: auto;
960 }
961
962 #group-new-submit-wrapper {
963         margin-top: 30px;
964 }
965
966 #acl-allow-group-label, 
967 #acl-allow-contact-label,
968 #acl-deny-group-label,
969 #acl-deny-contact-label {
970         display: block;
971 }
972
973 #acl-permit-text,
974 #acl-deny-text {
975         margin-top: 10px;
976 }
977
978 #acl-allow-group-label,
979 #acl-allow-contact-label,
980 #acl-deny-group-label,
981 #acl-deny-contact-label {
982         margin-top: 5px;
983         margin-bottom: 5px;
984 }
985
986
987 #group_allow_wrapper, 
988 #group_deny_wrapper {
989         float: left;
990         width: 100px;
991         margin-right: 10px;
992 }
993
994 #contact_allow_wrapper,
995 #contact_deny_wrapper {
996         float: left;
997         width: 150px;
998         margin-right: 10px;
999 }
1000
1001 #acl-allow-end,
1002 #acl-deny-end {
1003         clear: both;
1004 }
1005 #acl-permit-outer-wrapper,
1006 #acl-deny-outer-wrapper {
1007         padding: 10px;
1008         margin-top: 10px;
1009         border: 2px solid #BBBBBB;
1010         float: left;
1011 }
1012
1013 #acl-wrapper-end {
1014         clear: both;
1015 }
1016
1017 #group-edit-name-label {
1018         float: left;
1019         width: 175px;
1020         margin-top: 20px;
1021         margin-bottom: 20px;
1022 }
1023
1024 #group-edit-name {
1025         float: left;
1026         width: 225px;
1027         margin-top: 20px;
1028         margin-bottom: 20px;
1029 }
1030
1031 #group-edit-name-wrapper {
1032
1033
1034 }
1035
1036
1037 #group_members_select_label {
1038         display: block;
1039         float: left;
1040         width: 175px;
1041 }
1042
1043 .group_members_select {
1044         float: left;
1045         width: 230px;
1046         overflow: auto;
1047 }
1048
1049 #group_members_select_end {
1050         clear: both;
1051 }       
1052 #group-edit-name-end {
1053         clear: both;
1054 }
1055
1056 #prvmail-to-label, #prvmail-subject-label, #prvmail-message-label {
1057         margin-bottom: 10px;
1058         margin-top: 20px;
1059 }
1060
1061 #prvmail-submit {
1062         float: left;
1063         margin-top: 10px;
1064         margin-right: 30px;
1065 }
1066 #prvmail-upload-wrapper,
1067 #prvmail-link-wrapper,
1068 #prvmail-rotator-wrapper {
1069         float: left;
1070         margin-top: 10px;
1071         margin-right: 10px;
1072         width: 24px;
1073 }
1074
1075 #prvmail-end {
1076         clear: both;
1077 }
1078
1079 .mail-list-sender,
1080 .mail-list-detail {
1081         float: left;
1082 }
1083 .mail-list-detail {
1084         margin-left: 20px;
1085 }
1086
1087 .mail-list-subject {
1088         font-size: 1.1em;
1089         margin-top: 10px;
1090 }
1091
1092 .mail-list-outside-wrapper-end {
1093         clear: both;
1094 }
1095
1096 .mail-list-outside-wrapper {
1097         margin-top: 30px;
1098 }
1099
1100 .mail-list-delete-wrapper {
1101         float: right;
1102         margin-right: 30px;
1103         margin-top: 15px;
1104 }
1105
1106 .mail-list-delete-icon {
1107         border: none;
1108 }
1109
1110
1111
1112
1113
1114 .mail-conv-sender,
1115 .mail-conv-detail {
1116         float: left;
1117 }
1118 .mail-conv-detail {
1119         margin-left: 20px;
1120         width: 500px;
1121 }
1122
1123 .mail-conv-subject {
1124         font-size: 1.1em;
1125         margin-top: 10px;
1126 }
1127
1128 .mail-conv-outside-wrapper-end {
1129         clear: both;
1130 }
1131
1132 .mail-conv-outside-wrapper {
1133         margin-top: 30px;
1134 }
1135
1136 .mail-conv-delete-wrapper {
1137         float: right;
1138         margin-right: 30px;
1139         margin-top: 15px;
1140 }
1141
1142 .mail-conv-delete-icon {
1143         border: none;
1144 }
1145
1146 .message-links ul {
1147         list-style-type: none;
1148 }
1149
1150 .message-links li {
1151         margin-top: 10px;
1152 }