]> git.mxchange.org Git - quix0rs-gnu-social.git/blob - theme/base/css/display.css
3c776aea0af47b2b98d63d9e7e4451ba9df303f7
[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 }
532 #user_profile .user_fn .fn {
533 font-weight:bold;
534 font-style:normal;
535 }
536 #user_profile .user_nickname .nickname {
537 font-style:italic;
538 font-weight:bold;
539 }
540
541 #user_profile .user_fn dd:before {
542 content: "(";
543 font-weight:normal;
544 }
545 #user_profile .user_fn dd:after {
546 content: ")";
547 font-weight:normal;
548 }
549
550 #user_profile dt {
551 display:none;
552 }
553 #user_profile h2 {
554 display:none;
555 }
556 /* user_profile */
557
558 /*user_actions*/
559 #user_actions {
560 clear:left;
561 float:left;
562 position:absolute;
563 top:0;
564 right:0;
565 }
566 #user_actions h2 {
567 display:none;
568 }
569 #user_actions ul {
570 list-style-type:none;
571 }
572 #user_actions li {
573 border-top-width:1px;
574 border-top-style:dotted;
575 }
576 #user_actions li:first-child {
577 border-top:0;
578 }
579 #user_actions fieldset {
580 border:0;
581 padding:0;
582 }
583 #user_actions legend {
584 display:none;
585 }
586
587 #user_actions a,
588 #user_actions input.submit {
589 display:block;
590 text-align:left;
591 padding:4px 0 4px 19px;
592 }
593 #user_actions a {
594 text-decoration:none;
595 }
596 #user_subscribe a,
597 #TB_window input.submit,
598 #user_actions input.submit {
599 border:0;
600 cursor:pointer;
601 padding-left:16px;
602 width:100%;
603 font-size:0.9em;
604 }
605
606 #user_subscribe a {
607 width:auto;
608 padding-left:20px;
609 }
610
611 #user_subscribe a,
612 #TB_window input.submit,
613 .form_user_subscribe input.submit {
614 font-weight:bold;
615 }
616
617
618
619 #user_send-a-message form {
620 clear:left;
621 width:322px;
622 margin-top:18px;
623 }
624
625 #user_send-a-message textarea {
626 width:96%;
627 }
628
629 .user_tags ul {
630 list-style-type:none;
631 }
632 .user_tags li {
633 display:inline;
634 margin-right:1em;
635 float:left;
636 }
637
638
639
640 .aside .section {
641 margin-bottom:29px;
642 clear:both;
643 }
644 .aside .section h2 {
645 text-transform:uppercase;
646 font-size:1em;
647 }
648
649 #user_statistics dt,
650 #user_statistics dd {
651 display:inline;
652 }
653 #user_statistics dt:after {
654 content: ":";
655 }
656
657
658 #user_subscriptions,
659 #user_subscriptions-common {
660 float:left;
661 }
662 #user_subscriptions ul.users {
663 width:220px;
664 float:left;
665 }
666 #user_subscriptions .users li {
667 list-style-type:none;
668 float:left;
669 margin-right:7px;
670 margin-bottom:7px;
671 }
672 #user_subscriptions .users li .photo {
673 width:24px;
674 height:24px;
675 margin-right:0;
676 }
677 #user_subscriptions .users li .fn {
678 display:none;
679 }
680 .aside .section .more {
681 clear:both;
682 }
683
684
685
686
687
688 /* NOTICE */
689 .notice {
690 position:relative;
691 padding-top:18px;
692 padding-bottom:18px;
693 clear:both;
694 float:left;
695 width:644px;
696 width:96.699%;
697 width:100%;
698 border-top:1px dashed #D1D9E4;
699 /*-moz-border-radius:7px;*/
700 }
701 .notices li {
702 list-style-type:none;
703 /*margin-bottom:11px;*/
704 }
705 .notices li.hover {
706 border-radius:4px;
707 -moz-border-radius:4px;
708 -webkit-border-radius:4px;
709 }
710
711
712 /* NOTICES */
713 #notices_primary {
714 float:left;
715 width:644px;
716 border-radius:7px;
717 -moz-border-radius:7px;
718 -webkit-border-radius:7px;
719 }
720 #notices_primary h2 {
721 display:none;
722 }
723 .notice-data a span {
724 display:block;
725 padding-left:28px;
726 }
727
728
729 .notice .author {
730 margin-right:11px;
731 }
732 .notice .author a {
733 }
734 .notice .author:after {
735 /*content:":";*/
736 }
737
738 .vcard .photo {
739 display:inline;
740 margin-right:7px;
741 margin-bottom:7px;
742 float:left;
743 }
744 .vcard .url {
745 text-decoration:none;
746 }
747 .vcard .url:hover {
748 text-decoration:underline;
749 }
750 .vcard .fn {
751 font-style:italic;
752 }
753 .vcard .fn:hover {
754
755 }
756
757
758 .notice .entry-title {
759 float:left;
760 width:100%;
761 }
762 .notice p.entry-content {
763 display:inline;
764 }
765
766 .notice_video p.entry-content,
767 .notice_audio p.entry-content,
768 .notice_image p.entry-content,
769 .notice_location p.entry-content,
770 .notice_event p.entry-content,
771 .notice_document p.entry-content {
772 }
773 #laconicat .notice p.entry-content {
774 /*margin-left:199px;*/
775 }
776 .notice p.entry-content a:visited {
777 border-radius:4px;
778 -moz-border-radius:4px;
779 -webkit-border-radius:4px;
780 }
781 .notice p.entry-content .vcard a {
782 border-radius:4px;
783 -moz-border-radius:4px;
784 -webkit-border-radius:4px;
785 }
786
787 .notice div.entry-content {
788 /*border:1px solid blue;*/
789 clear:left;
790 float:left;
791 width:48%;
792 font-size:0.95em;
793 }
794 .notice div.entry-content a,
795 .notice .notice-options a,
796 .notice .notice-options input {
797
798 }
799 .notice .notice-options a,
800 .notice .notice-options input {
801 float:left;
802 font-size:1.025em;
803 }
804
805 #laconicat .notice div.entry-content {
806 /*margin-left:0;*/
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 .notice div.entry-content .timestamp dt,
815 .notice div.entry-content .response dt {
816 display:none;
817 }
818 .notice div.entry-content .timestamp a {
819 display:inline-block;
820 }
821 .notice div.entry-content .device dt {
822 text-transform:lowercase;
823 }
824 .notice div.entry-content a {
825
826 }
827 .notice div.entry-content a:hover {
828 }
829
830
831
832 .notice-data {
833 position:absolute;
834 top:18px;
835 right:0;
836 min-height:50px;
837 margin-bottom:4px;
838 }
839 .notice .entry-content .notice-data dt {
840 display:none;
841 }
842
843 .notice-data a {
844 display:block;
845 outline:none;
846 }
847
848 .notice-options {
849 padding-left:2%;
850 float:left;
851 width:50%;
852 position:relative;
853 font-size:0.95em;
854 }
855
856 .notice-options a {
857 float:left;
858 }
859 .notice-options .notice_delete,
860 .notice-options .notice_reply,
861 .notice-options .form_favor,
862 .notice-options .form_disfavor {
863 position:absolute;
864 top:0;
865 }
866 .notice-options .form_favor,
867 .notice-options .form_disfavor {
868 left:0;
869 }
870 .notice-options .notice_reply {
871 left:29px;
872 }
873 .notice-options .notice_delete {
874 left:76px;
875 }
876 .notice-options .notice_reply dt {
877 display:none;
878 }
879
880 .notice-options input,
881 .notice-options a {
882 text-indent:-9999px;
883 outline:none;
884 }
885
886 .notice-options .notice_reply a,
887 .notice-options form input.submit {
888 display:block;
889 border:0;
890 }
891 .notice-options .notice_reply a,
892 .notice-options .notice_delete a {
893 text-decoration:none;
894 padding-left:16px;
895 }
896
897 .notice-options .notice_delete {
898
899 }
900
901 .notice-options form input.submit {
902 cursor:pointer;
903 width:16px;
904 padding:2px 0;
905 }
906
907 .notice-options .notice_delete dt,
908 .notice-options .form_favor legend,
909 .notice-options .form_disfavor legend {
910 display:none;
911 }
912 .notice-options .notice_delete fieldset,
913 .notice-options .form_favor fieldset,
914 .notice-options .form_disfavor fieldset {
915 border:0;
916 padding:0;
917 }
918
919 /*END: NOTICES */
920
921
922
923
924
925 .pagination dt {
926 font-weight:bold;
927 display:none;
928 }
929
930 .pagination .nav {
931 float:left;
932 width:100%;
933 list-style-type:none;
934 }
935
936 .pagination .nav_prev {
937 float:left;
938 }
939 .pagination .nav_next {
940 float:right;
941 }
942
943 .pagination a {
944 display:block;
945 text-decoration:none;
946 font-weight:bold;
947 padding:7px;
948 border:1px dotted #D1D9E4;
949 border-bottom:0;
950 }
951
952 .pagination .nav_prev a {
953 -moz-border-radius-topright:7px;
954 -webkit-border-top-right-radius:7px;
955 padding-left:20px;
956 border-left:0;
957 }
958 .pagination .nav_next a {
959 -moz-border-radius-topleft:7px;
960 -webkit-border-top-left-radius:7px;
961 padding-right:20px;
962 border-right:0;
963 }
964
965
966 /* END: NOTICE */
967
968
969
970
971
972
973
974 /*START: LOAD ALONG WITH JS*/
975 .notice .in-reply-to {
976         width:98%;
977         margin-left:2%;
978 }
979 .notice .in-reply-to li {
980 background-color:#F7F9FB;
981 }
982 .notice .in-reply-to li .in-reply-to li {
983 background-color:#E4E9F0;
984 }
985 .notice .in-reply-to li .in-reply-to li .in-reply-to li {
986 background-color:#D1D9E4;
987 }
988
989
990
991 #user_actions #user_subscribe .form_note,
992 #user_actions #user_subscribe .form_data,
993 #user_actions #user_subscribe .form_actions label {
994 display:none;
995 }
996 #form_user-relationship .form_note,
997 #form_user-relationship .form_data,
998 #form_user-relationship .form_actions label {
999 display:block;
1000 }
1001
1002 #user_actions #user-relationship_submit {
1003 margin-bottom:0;
1004 }
1005 #form_user-relationship .form_data li label {
1006 margin-right:11px;
1007 }
1008
1009 #user_relationship_xfn {
1010 /*z-index:1000;
1011 position:absolute;
1012 width:521px;
1013 height:322px;*/
1014 display:none;
1015 }
1016 #user_relationship_xfn fieldset {
1017 background-color:#fff;
1018 }
1019
1020 /*END: LOAD ALONG WITH JS*/
1021
1022
1023
1024 /* TOP_POSTERS */
1025 #top-posters caption {
1026 text-align:left;
1027 text-transform:uppercase;
1028 }
1029
1030 #top-posters thead {
1031 display:none;
1032 }
1033 #top-poster_user {
1034 width:199px;
1035 }
1036 #top-poster_number-of-notices {
1037 width:123px;
1038 }
1039 #top-posters tbody td {
1040 padding-right:11px;
1041 padding-bottom:4px;
1042 }
1043 #top-posters img {
1044 margin-right:7px;
1045 height:24px;
1046 width:24px;
1047 }
1048
1049
1050
1051 /* tagcloud */
1052 #tagcloud ul {
1053 list-style-type:none;
1054 }
1055 #tagcloud ul li {
1056 display:inline;
1057 margin-right:7px;
1058 line-height:1.4;
1059 }
1060
1061 #tagcloud.section dt {
1062 text-transform:uppercase;
1063 font-weight:bold;
1064 }
1065 #tagcloud .weight_1 {
1066 font-size:1em;
1067 }
1068 #tagcloud .weight_2 {
1069 font-size:1.3em;
1070 }
1071 #tagcloud .weight_3 {
1072 font-size:1.6em;
1073 }
1074 #tagcloud .weight_4 {
1075 font-size:1.9em;
1076 }
1077 #tagcloud .weight_5 {
1078 font-size:2.2em;
1079 }
1080
1081
1082
1083 #form_settings_photo .form_data {
1084 clear:both;
1085 }
1086
1087
1088
1089
1090 #photo_original,
1091 #photo_preview {
1092 float:left;
1093 }
1094 #photo_preview,
1095 #settings_photo_action-crop {
1096 margin-left:29px;
1097 }
1098 #photo_preview_view {
1099 height:96px;
1100 width:96px;
1101 overflow:hidden;
1102 }
1103
1104
1105
1106
1107 .section .groups,
1108 #users_featured ul {
1109 list-style-type:none;
1110 }
1111 .section .groups li,
1112 #users_featured li {
1113 margin-top:11px;
1114 float:left;
1115 width:100%;
1116 }
1117 .section .groups li:first-child,
1118 #users_featured li:first-child {
1119 margin-top:0;
1120 }
1121
1122 .section .groups .vcard,
1123 #users_featured .vcard {
1124 float:left;
1125 margin-bottom:-23px;
1126 }
1127
1128 .section .groups dl,
1129 #users_featured dl {
1130 float:left;
1131 margin-left:63px;
1132 clear:left;
1133 }
1134 .section .groups dt,
1135 #users_featured dt {
1136 display:none;
1137 font-weight:bold;
1138 }
1139
1140
1141
1142 #home.logged_out h1 {
1143 display:none;
1144 }
1145
1146 #home #intro {
1147 margin-bottom:29px;
1148 float:left;
1149 width:100%;
1150 }
1151
1152 #home #intro p {
1153 margin-bottom:18px;
1154 font-size:1.8em;
1155 }
1156
1157 #home #intro #guide_steps {
1158 list-style-type:none;
1159 }
1160 #home #intro #guide_steps li {
1161 float:left;
1162 margin-left:18px;
1163 }
1164 #home #intro #guide_steps li:first-child {
1165 margin-left:0;
1166 }
1167 #home #intro #guide_steps li a {
1168 display:block;
1169 float:left;
1170 width:185px;
1171 height:109px;
1172 border-width:1px;
1173 border-style:dotted;
1174 text-decoration:none;
1175 border-radius:7px;
1176 -moz-border-radius:7px;
1177 -webkit-border-radius:7px;
1178 padding:7px;
1179 font-size:1.6em;
1180 font-weight:bold;
1181 text-align:center;
1182 }
1183
1184
1185 #testimonials {
1186 clear:both;
1187 }