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