Anthology of Ideas

I use the following in my theme’s style.css file to style my inline comments and inline comment form.

1. /* Comment Stuff */
2. .awpcomments ol.comments, .post_comments ol.comments {
3. padding-left:0;
4. margin-left:0;
5. list-style-type:none !important;
6. }
8. .awpcomments ol.comments * > ol.reply, .post_comments ol.comments * > ol.reply {
9. list-style-type:none !important;
10. padding-left:1.3em;
11. margin-left:0;
12. /*border-left: 1px dashed #477CAA;*/
13. }
15. .awpcomments * ol.reply{
16. list-style-type:none !important;
17. }
19. .authorcomment {
20. border:1px solid #c0c0c0;
21. background-color:#fafbfc;
22. color:#3C3C3C;
23. line-height:1.5em;
24. margin:3px;
25. padding:4px;
26. }
28. .commentbar {
29. display:block;
30. margin:0 !important;
31. padding:5px 5px 10px 5px !important;
33. font-weight:400;
34. text-align:left;
35. color: #FFFFFF;
36. background:#477CAA;
37. }
39. .commentbar cite{
40. font-style:normal;
41. }
43. .commentbar a {
44. font-weight:700 !important;
45. text-decoration:underline !important;
46. color: #FFFFFF !important;
47. }
49. .commentbar a:hover {
50. text-decoration:none !important;
51. color: #FFFFFF !important;
52. }
54. .comment_form input[type=text], .comment_form textarea, .input {
55. font-size: 1.1em;
56. padding: 3px;
57. color: #606060;
58. background: #f3f3f3;
59. border: 2px solid #a5bbcf !important;
60. }
62. .comment_form input[type=text]:focus, .comment_form textarea:focus, .input:focus {
63. background: #fff;
64. color: #333;
65. border: 2px solid #90a9c0 !important;
66. }
68. .preview_comment{
69. border: 2px solid #90a9c0 !important;
70. padding-top: 10px;
71. background: #ffffff url('YOURSITE/modules/inlinecommentform/close_normal.gif') top left no-repeat;
72. }
73. .comment_form input[type=text] {
74. width: 45%;
75. margin: 5px 5px 1px 0;
76. }
78. .comment_form textarea {
79. height: 250px;
80. width: 95% !important;
81. margin-right:4% !important;
82. font-size: 1.2em;
83. }
85. .comment_form input[type=submit],.comment_form input[type=button] {
86. background: #7EAED7;
87. border: 1px solid #90a9c0;
88. color: #FFFFFF;
89. }
90. .ed_button, .submit{
91. background: #7EAED7;
92. border: 1px solid #90a9c0;
93. color: #FFFFFF;
94. }
95. Use the following to copy and paste the code.
    /* Comment Stuff */ .awpcomments ol.comments, .post_comments ol.comments { padding-left:0; margin-left:0; list-style-type:none !important; } .awpcomments ol.comments * > ol.reply, .post_comments ol.comments * > ol.reply { list-style-type:none !important; padding-left:1.3em; margin-left:0; /*border-left: 1px dashed #477CAA;*/ } .awpcomments * ol.reply{ list-style-type:none !important; } .authorcomment { border:1px solid #c0c0c0; background-color:#fafbfc; color:#3C3C3C; line-height:1.5em; margin:3px; padding:4px; } .commentbar { display:block; margin:0 !important; padding:5px 5px 10px 5px !important; font-weight:400; text-align:left; color: #FFFFFF; background:#477CAA; } .commentbar cite{ font-style:normal; } .commentbar a { font-weight:700 !important; text-decoration:underline !important; color: #FFFFFF !important; } .commentbar a:hover { text-decoration:none !important; color: #FFFFFF !important; } .comment_form input[type=text], .comment_form textarea, .input { font-size: 1.1em; padding: 3px; color: #606060; background: #f3f3f3; border: 2px solid #a5bbcf !important; } .comment_form input[type=text]:focus, .comment_form textarea:focus, .input:focus { background: #fff; color: #333; border: 2px solid #90a9c0 !important; } .preview_comment{ border: 2px solid #90a9c0 !important; padding-top: 10px; background: #ffffff url('YOURSITE/modules/inlinecommentform/close_normal.gif') top left no-repeat; } .comment_form input[type=text] { width: 45%; margin: 5px 5px 1px 0; } .comment_form textarea { height: 250px; width: 95% !important; margin-right:4% !important; font-size: 1.2em; } .comment_form input[type=submit],.comment_form input[type=button] { background: #7EAED7; border: 1px solid #90a9c0; color: #FFFFFF; } .ed_button, .submit{ background: #7EAED7; border: 1px solid #90a9c0; color: #FFFFFF; }

Please make a new thread in the support forum. Thank you.