Small tweak to comments CSS
[elgg.git] / _templates / Default_Template / css
blobadde97a2e15764d3918cf0c4388e84044b78fc55
1 /*\r
2 Default CSS for the Elgg Learning Landscape\r
3 Version 0.65 - August 2006\r
4 */\r
5 \r
6 body { \r
7         margin:0;\r
8         font-family:Verdana, "Myriad Web", Arial, Helvetica, sans-serif;\r
9         color: #555;\r
10         line-height:1.6em;\r
11         font-size: 80%;\r
12         margin:0;\r
13         padding:0;\r
14         background:#fff url({{url}}_templates/default_images/bg.gif);\r
15 }\r
17 p {\r
18   color:#555;\r
19 }\r
21 a {\r
22   text-decoration:none;\r
23   color:#555;\r
24 }\r
26 ol, ul {\r
27   color:#555;\r
28 }\r
30 h2 {\r
31  font-size:100%;\r
32 }\r
34 blockquote{\r
35         background: #EEE url({{url}}_templates/GreenTrack/blockquote.png) no-repeat bottom left;\r
36         padding: 10px;\r
37         padding-bottom: 40px;\r
38         margin: 1em;\r
39 }\r
41 input {\r
42                     margin: 0 5px 5px 0;\r
43                     font-family:Verdana, Arial, Helvetica, sans-serif;\r
44                 }\r
46 textarea {\r
47                         background-color: #FFF;\r
48                         color: #000;\r
49                         border: 1px solid #CCC;\r
50                         font-size: 1.4em;\r
51                         padding: 3px;\r
52                     margin: 0 0 5px;\r
53                     width:95%;\r
54                     height:100px;\r
55                 }\r
57 /* WRAPS THE WHOLE PAGE */\r
59 #container {\r
60         width:900px;\r
61         margin:0;\r
62         padding:0;\r
63         background:#fff;\r
64         border:1px solid #fff;\r
65 }\r
67 /* HEADER */\r
69 #header {\r
70    margin:0 0 10px 0;\r
71    width:100%;\r
72    text-align:left;\r
73  }\r
75 #header #logo{\r
76         margin: 0px;\r
77     padding:10px;\r
78         float:left;\r
79 }\r
81 #header #logo h1 {\r
82     font-size:1.4em;\r
83     padding:0;\r
84     margin:0 0 5px 0;\r
85 }\r
87 #header #logo h1 a{\r
88    color:#4391B0;\r
89    padding:0;\r
90    margin:0;\r
91    font-family:Helvetica, "Myriad Web", Arial, sans-serif;\r
92    font-size:1.4em;\r
93 }\r
95 #header #logo h2{\r
96    color:#6EAE87;\r
97    padding:0;\r
98    margin:0;\r
99    font-size:1.2em;\r
102 #header #global_menuoptions{\r
103         float:right;\r
104         text-align:right;\r
105         background:#fff;\r
106         width:450px;\r
107         margin:0 10px 0 0;\r
110 #header #global_menuoptions ul {\r
111         margin:0 0 10px 0;\r
114 #header #global_menuoptions li {\r
115    margin: 0; \r
116     padding: 0;\r
117     display: inline;\r
118     list-style-type: none;\r
119     border: none;\r
122 #header #global_menuoptions li a{\r
123    text-decoration:underline;\r
124    padding:0 10px 0 0;\r
125    color:#000;\r
128 #header #global_menuoptions p {\r
129   padding:0 10px 0 0;\r
132 #search_header {\r
133    text-align:right;\r
134    margin:0 0 0 30px ;\r
137 /* WRAPS THE MAIN CONTENT PANE AND THE SIDEBAR */\r
139 #content_holder {\r
140    padding:0px;\r
141    margin:0px;\r
142    width:100%;\r
143    border-top:2px solid #eee;\r
144  }\r
146 /* WRAPS THE MAIN CONTENT PANE - THE LEFT HAND SIDE OF THE SCREEN */\r
148 #maincontent_container {\r
149    padding:0 0 0 30px;\r
150  }\r
152 /* NAVIGATION */\r
154 #navigation {\r
155     height: 19px;\r
156     margin: 0;\r
157     padding:0;\r
158     text-align:left;\r
161 #navigation li {\r
162     margin: 0; \r
163     padding: 0;\r
164     display: inline;\r
165     list-style-type: none;\r
166     border: none;\r
169 #navigation a:link, #navigation a:visited {\r
171     background: #eee;\r
172     font-weight: normal;\r
173     padding: 5px;\r
174     margin: 0 2px 0 0;\r
175     border: 0px solid #036;\r
176     text-decoration: none;\r
177     color: #333;\r
178        font-size:85%;\r
181 #navigation a:link.selected, #navigation a:visited.selected {\r
182     border-bottom: 1px solid #fff;\r
183     background: #4391B0; /*#FCD63F;*/\r
184     color: #fff; /*#393;*/\r
185     font-weight: bold;\r
188 #navigation a:hover {\r
189     color: #000;\r
190     background: #ffc;\r
193 #navigation li a:hover{\r
194     background:#4391B0; /*#FCD63F;*/\r
195        color: #C7D8D9; /*#000;*/\r
196     }\r
198 /* MISC */\r
200 .clearme{clear:both;}\r
201  \r
203 /* SIDEBAR AND ITS CONTENTS */\r
205 #sidebar {\r
206    background:#fff;\r
207    margin:0 40px 0 0;\r
208   }\r
210 /* ACTUAL SIDEBAR CONTENT */\r
213 #sidebar ul {\r
214     margin: 0;\r
215     padding: 0;\r
216     list-style: none;\r
219 #sidebar ul li {\r
220     margin: 10px 0;\r
221     padding-left: 0;\r
224 #sidebar ul li ul li{\r
225     padding: 0 0 0 10px;\r
228 #sidebar h2 {\r
229     font-family: "Lucida Grande", arial, sans-serif;\r
230     font-weight: bold;\r
231     color: #333;\r
232     background:#fff;\r
233     margin: 20px 0 3px 0;\r
234     padding: 0;\r
235     border: none;\r
238 #sidebar h2 {\r
239     border-bottom: 0px solid #666;\r
240         text-align:center;\r
241     border-top:1px solid #777;\r
242     color:#777;\r
243         font-size:1em;\r
244         width:260px;\r
247 #search_widget {\r
248   background:url({{url}}_templates/default_images/own_ad_bg.gif) repeat-y;\r
249   text-align:center;\r
250   width:250px;\r
251   margin:0 0 0 10px;\r
254 #search_widget p {\r
255   margin:10px;\r
256   font-weight:bold;\r
259 #search_widget input {\r
260   margin:5px 0 5px 0;\r
263 /* SIDEBAR DISPLAY COMPONENTS */\r
265 #sidebar_user {\r
268 #recent_activity {\r
271 #community_owned {\r
274 #community_membership {\r
277 #sidebar_friends p {\r
278     padding:0 0 0 10px;\r
281 #search {\r
284 #me {\r
285     border:0px solid #086a89;\r
286         background:#4391B0 url({{url}}_templates/default_images/login_bg.gif);\r
287         width:260px;\r
288         padding:0;\r
289         margin:0;\r
290         text-align:left;\r
291         min-height:80px;\r
294 #me label {\r
295     padding:4px; \r
296         margin:0 0 5px 0;\r
297         color:#fff;\r
300 #me h2 {\r
301     color:#fff;\r
302         font-size:1.2em;\r
303         padding:5px;\r
304         margin:0 10px 0 10px;\r
305         background:#0C5896;\r
308 #me #icon {\r
309    margin:3px 0 0 4px;\r
310    float: left; \r
311    width: 70px;\r
312    padding:0;\r
315 #me #contents {\r
316    margin: 0 0 0 75px;\r
317    text-align: left;\r
318    padding:0;\r
321 #me a {\r
322   color:#fff;\r
323   text-decoration:underline;\r
326 #me p {\r
327   color:#fff;\r
328   margin:0;\r
329   padding:0 0 5px 0;\r
332 /* Two new divs to let put curved images around the 'me' box */\r
334 #me_top {\r
335   background:url({{url}}_templates/default_images/login_top.gif) bottom no-repeat;\r
336   height:9px;\r
337   width:260px;\r
338   padding:0;\r
339   margin:0;\r
342 #me_bottom {\r
343   background:url({{url}}_templates/default_images/login_bottom.gif) no-repeat;\r
344   height:9px;\r
345   width:260px;\r
346   margin:0;\r
347   padding:0;\r
350 /* extra div's when looking at someone else's page */\r
352 #sidebar_weblog {\r
355 #sidebar_files {\r
359  #sidebar_user h2 {\r
360     display:none;\r
363 /* FOOTER */\r
365 #footer {\r
366     background:#fff;\r
367     text-align: center;\r
368     padding:0;\r
369         border-top:1px solid #ccc;\r
370         border-bottom:1px solid #ccc;\r
371         font-size:0.8em;\r
372         width: 45em;\r
373         margin:20px 0 0 0; /* 10 auto; */\r
376 #footer a:hover {\r
377    text-decoration:underline;\r
378  }\r
380 #footer a:link, #footer a:visited {\r
381     text-align:right;\r
384 /* Remove the search component from the sidebar - it is replaced by the search widget */\r
386 #search {\r
387    display:none;\r
390 /* SYSTEM MESSAGES  */\r
392 #system_message{ \r
393     border:1px solid #D3322A;\r
394     background:#F7DAD8;\r
395     color:#000;\r
396     padding:3px 50px;\r
397     margin:20px 20px 0 0;\r
400 #system_message p{\r
401    padding:0px;\r
402    margin:2px;\r
403  }\r
405 /* THIS DISPLAYS THE ACTUAL CONTENT WITHIN maincontent_container */\r
407 #maincontent_display {\r
408     margin: 0;\r
409     padding: 20px 0 20px 0;\r
410     width: 95%;\r
411     text-align: left;\r
412     float: left;\r
413     background-color: #fff;\r
414     color:#000;\r
417 #maincontent_display h1 {\r
418     padding-bottom: 2px;\r
419     border-bottom: 1px solid #666;\r
420     margin: 0;\r
421     font-size:130%;\r
422     color: #666;\r
423     background-color: #fff;\r
426 #maincontent_display a {\r
427     /*color:#6EAE87;*/\r
430 #maincontent_display a:hover {\r
431     text-decoration:underline;\r
436 /* SUB MENU attributes */\r
438 #maincontent_display #sub_menu {\r
439     font-family: verdana;\r
440     padding: 0px;\r
441     margin: 5px 0 20px 0;\r
442     color: #000;\r
443     background-color:#fff;\r
446 #maincontent_display #sub_menu a {\r
447     font-weight:bold;\r
448     margin:0px;\r
449     padding:0px;\r
450     color:#777;\r
453 #maincontent_display #sub_menu a:hover {\r
454     text-decoration: underline;\r
457 #maincontent_display #sub_menu p {\r
458       margin:0px;\r
459       padding:0px;\r
462 /* INDIVIDUAL BLOG POSTS */\r
465 /* wraps all blog components */\r
467 .weblog_posts {\r
468    margin:0 0 15px 0;\r
471 .weblog_posts .entry h3 {\r
472    color:#1181AA;\r
473    background:#fff;\r
474    padding: 0 0 10px 110px;\r
475    font-size:1em;\r
478 .weblog_title h3 {\r
479    padding:0;\r
480    margin:0;\r
481  }\r
483 .user {\r
484     float: left;\r
485     margin: 0px;\r
486     padding:0 0 5px 0;\r
487     width: 105px;\r
488     text-align: left;\r
491 .user img {\r
492    border:2px solid #6EAE87;\r
496 .user a {\r
497     \r
500 .post {\r
501     margin: 0 0 10px 0;\r
502     padding: 0 0 20px 110px;\r
503     font-family: arial;\r
506 .post a {\r
507   color:#6EAE87;\r
510 .post p {\r
511     padding: 0;\r
512     margin: 3px 0 10px 0;\r
513     line-height: 16px;\r
514     color:#555;\r
517 .post ol, .post ul {\r
518     margin: 3px 0 10px 0;\r
519     padding: 0;\r
522 .post li {\r
523     margin: 0 0 0 30px;\r
524     line-height: 16px;\r
527 .post ul li {\r
528     list-style-type: square;\r
531 .post .blog_edit_functions p {\r
532       margin:10px 0 0 0;\r
533       color:#777;\r
536 .post .blog_edit_functions a {\r
537          \r
540 .post .weblog_keywords p {\r
541      margin:20px 20px 0 20px;\r
542      color:#6EAE87;\r
543      font-weight:bold;\r
546 .post .weblog_keywords a {\r
547      text-decoration:underline;\r
548      color:#6EAE87;\r
551 .info p {\r
552     padding: 4px;\r
553     margin: 20px 0 5px 0;\r
554     color: #666;\r
555     background:#fff;\r
556     font-family: verdana;\r
557     font-weight: normal;\r
558     line-height: 14px;\r
559     text-align: left;\r
560      border-left:4px solid #eee;\r
561    border-right:4px solid #eee;\r
562    border-top:1px solid #eee;\r
563    border-bottom:1px solid #eee;\r
566 .info p a {\r
567     color: #666;\r
568     background:#fff url({{url}}_templates/default_images/comment_add.gif) left no-repeat;\r
569     text-decoration: none;\r
570     /*border-bottom: 1px dotted #666;*/\r
571     padding-bottom: 0;\r
572     padding:0 0 0 20px;\r
575 .external_services p {\r
576     padding: 2px;\r
577     margin: 20px 0 5px 0;\r
578     color: #666;\r
579     background:#fff;\r
580     font-family: verdana;\r
581     font-weight: normal;\r
582       text-align: left;\r
583      border-left:4px solid #eee;\r
584    border-right:4px solid #eee;\r
585    border-top:1px solid #eee;\r
586    border-bottom:1px solid #eee;\r
590 #comments ol, #comments ul {\r
591     margin: 3px 0 10px 0;\r
592     padding: 0;\r
595 #comments a {\r
596   color:#6EAE87;\r
599 #comments li {\r
600     margin: 10px 0 10px 30px;\r
601     line-height: 16px;\r
604 #comments ul li {\r
605     list-style-type: square;\r
608 #comments h4 {\r
609     /*color:#1181AA;*/\r
610     background:url({{url}}_templates/default_images/comments.gif) left no-repeat;\r
611     padding:0 0 0 20px;\r
614 #comments p {\r
615    margin:0 0 10px 0;\r
618 .comment_owner {\r
619     border:1px solid #eee;\r
620         background:#f2f7fb;\r
621         padding:5px;\r
622     margin:20px 0 5px 0;\r
623    height:50px;\r
626 .comment_owner img {\r
627    margin:0px 5px 0px 0px;\r
628    text-align:left;\r
631 .comment_owner a {\r
632    background:#f2f7fb;\r
635 .comment_owner p {\r
636   padding:0;\r
637   margin:0;\r
640 .weblog_dateheader {\r
641     padding: 0;\r
642     margin: 0 0 5px 0;\r
643     color: #ccc; /*#333;*/\r
644     background:#fff;\r
645     font-weight: normal;\r
646     font-style: italic;\r
647     line-height: 12px;\r
648     border:0px;\r
649     border-bottom: 1px solid #ccc;\r
650    text-align:right;\r
653 .weblogdateheader {\r
654     padding: 0;\r
655     margin: 0 0 5px 0;\r
656     color: #ccc; /*#333;*/\r
657     background:#fff;\r
658     font-weight: normal;\r
659     font-style: italic;\r
660     line-height: 12px;\r
661     border:0px;\r
662     border-bottom: 1px solid #ccc;\r
663    text-align:right;\r
664    font-size:0.9em;\r
668 /* YOUR RESOURCES */\r
670 .feeds {\r
671   border-bottom: 1px dotted #aaaaaa;\r
674 .feed_content a {\r
675       color:#6EAE87;\r
676     border:0px;\r
677  }\r
679 .feed_content p {\r
680    padding:0 0 10px 0;\r
683 .feed_content a:hover{\r
684     background:#fff;\r
685     }\r
687 .feed_content img {\r
688   border: 1px solid #666666;\r
689   padding:5px;\r
692 .feed_content h5 {\r
693    font-size:1.2em;\r
694    padding:0;\r
695    margin:0 0 10px 0;\r
699 .feed_content h3 {\r
700       padding:0 0 4px 0;\r
701       margin:0px;\r
704 .feed_content h3 a{\r
705      color:black;\r
706      border:0px;\r
707      border-bottom:1px;\r
708      border-style:dotted;\r
709      border-color:#eee;\r
712 .feed_content h3 a:hover{\r
713     background:#FCD63F;\r
714        color:#000;\r
715     }\r
717 .feed_date h2 {\r
718     font-size:13px;\r
719     line-height: 21px;\r
720   font-weight: bold;\r
721   padding: 5px 10px 5px 5px;\r
722   background: #C7D8D9;\r
723   color:#000;\r
724   text-decoration:none;\r
727 .via {\r
728    border-top:1px solid #eee;\r
729    border-bottom:1px solid #eee;\r
730    border-left:4px solid #eee;\r
731    border-right:4px solid #eee;\r
732    margin:20px;\r
735 .via a {\r
736     font-size:80%;\r
737     color:#1181AA;\r
738     background:#fff;\r
741 .via a:hover {\r
742     background:#ffc;\r
743     color:#1181AA;\r
747 /*\r
748 DIV's to help control look and feel - infoholder holds all the profile data\r
749 and is always located in within 'maincontentdisplay'\r
750 */\r
752 /* holds profile data */\r
753 .infoholder {\r
754     border:1px;\r
755     border-color:#eee;\r
756     border-style:solid;\r
757     margin:0 0 5px 0;\r
760 .infoholder p {\r
761    padding:0 0 0 5px;\r
762    margin:15px;\r
765 .infoholder a {\r
766    color:#6EAE87;\r
769 .infoholder a:hover {\r
770    text-decoration:underline;\r
773 .infoholder .fieldname h2 {\r
774           border:0;\r
775           border-bottom:1px;\r
776           border-color:#eee;\r
777           border-style:solid;\r
778           padding:3px;\r
779                   margin:0;\r
780           color:#666;\r
781           background:#fff;\r
782 }   \r
784 .infoholder_twocolumn {\r
785     padding:4px;\r
786     border:1px;\r
787     border-color:#eee;\r
788     border-style:solid;\r
789     margin:0 0 10px 0;\r
790  }\r
792 .infoholder_twocolumn .fieldname h3{\r
793     color:#666;\r
794     background:#fff;\r
795     border:0px;\r
796     border-bottom:1px;\r
797     border-color:#eee;\r
798     border-style:solid;\r
801 .infoholder_twocolumn h3 {\r
802     font-size:1.1em;\r
803     padding:0;\r
804     margin:0;\r
807 /* holds administration data */\r
809 .admin_datatable {\r
810   border:1px;\r
811   border-color:#eee;\r
812   border-style:solid;\r
813   margin:0 0 5px 0;\r
816 .admin_datatable p {\r
817      padding:0px;\r
818      margin:0px;\r
821 .admin_datatable a {\r
822    \r
826 .admin_datatable td {\r
827    text-align:left;\r
828    padding:0;\r
829    margin:0;\r
832 .admin_datatable h3{\r
833      color:#666;\r
834      background:#fff;\r
835      padding:0;\r
836      margin:0;\r
837      font-size:1em;\r
840 .admin_datatable h4{\r
841      color:#666;\r
842      background:#fff;\r
843      padding:0;\r
844      margin:0;\r
845      font-size:1em;\r
848 .admin_datatable h4 {\r
851 /* header plus one row of content */\r
853 .databox_vertical {\r
854    background-color: #F9F9F9;\r
855    color:#000;\r
856    border:1px;\r
857    border-style:solid;\r
858    border-color:#DDD;\r
859    margin:15px 0 5px 0;\r
860    padding:5px;\r
861  }\r
863  #maincontent_display .databox_vertical p{\r
864    padding:0;\r
865    margin:0 0 10px 0;\r
866    color:#1181AA;\r
867    background-color: #F9F9F9;\r
868  }\r
870 .databox_vertical .fieldname h3 {\r
871   padding:0px;\r
872   margin:0 0 15px 0;\r
873   color:#1181AA;\r
874   background-color: #F9F9F9;\r
875   font-size:1.2em;\r
878 /* holds file content */\r
880 .filetable {\r
881    background-color: #F9F9F9;\r
882    color:#000;\r
883    border:1px;\r
884    border-style:solid;\r
885    border-color:#DDD;\r
886    margin:0 0 5px 0;\r
887    width:100%;\r
888  }\r
890  .filetable p{\r
891    padding:0px;\r
892    margin:0px;\r
893    color:#000; /*#1181AA;*/\r
894    background-color: #F9F9F9;\r
895  }\r
897 .filetable a{\r
898    background-color: #F9F9F9;\r
899  }\r
902 .filetable table {\r
903     text-align:left;\r
906 #edit_files h4 {\r
907      \r
909   \r
911 /* holds fodler content */\r
913 .foldertable {\r
914    background-color: #F9F9F9;\r
915    color:#000;\r
916    border:1px;\r
917    border-style:solid;\r
918    border-color:#DDD;\r
919    margin:0 0 5px 0;\r
920    width:100%;\r
921  }\r
923 .foldertable a{\r
924   background-color: #F9F9F9;\r
925  }\r
927  .foldertable p{\r
928    padding:0px;\r
929    margin:0px;\r
930    color:#1181AA;\r
931    background-color: #F9F9F9;\r
932  }\r
934 .foldertable table {\r
935     text-align:left;\r
938 /* holds network data */\r
940 .networktable {\r
941    \r