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