remove inline styles, this also fixes #12399

plone/app/discussion/browser/comments.pt

@@ -14,8 +14,7 @@
     <div class="reply"
          tal:condition="python:isAnon and not isAnonymousDiscussionAllowed">
         <form tal:attributes="action view/login_action">
-            <input class="standalone"
+            <input class="standalone loginbutton"
-                   style="margin-bottom: 1.25em;"
                    type="submit"
                    value="Log in to add comments"
                    i18n:attributes="value label_login_to_add_comments;"
@@ -31,12 +30,12 @@
             <div class="comment"
                  tal:define="reply reply_dict/comment;
                              depth reply_dict/depth|python:0;
+                             depth python: depth > 10 and '10' or depth;
                              author_home_url python:view.get_commenter_home_url(username=reply.author_username);
                              has_author_link python:author_home_url and not isAnon;
                              portrait_url python:view.get_commenter_portrait(reply.author_username);
                              review_state python:wtool.getInfoFor(reply, 'review_state', 'none');"
                  tal:attributes="class python:'comment replyTreeLevel'+str(depth)+' state-'+str(review_state);
-                                 style string:margin-left: ${depth}em;
                                  id string:${reply/getId}"
                  tal:condition="python:canReview or review_state == 'published'">
 
@@ -87,7 +86,7 @@
                         <form name="delete"
                               action=""
                               method="post"
-                              style="display: inline;"
+                              class="commentactionsform"
                               tal:condition="canReview"
                               tal:attributes="action string:${reply/absolute_url}/@@moderate-delete-comment">
                             <input name="form.button.DeleteComment"
@@ -102,7 +101,7 @@
                         <form name=""
                               action=""
                               method="get"
-                              style="display: inline;"
+                              class="commentactionsform"
                               tal:condition="canReview"
                               tal:repeat="action reply_dict/actions|nothing"
                               tal:attributes="action string:${reply/absolute_url}/@@moderate-publish-comment;
@@ -140,8 +139,7 @@
     <div class="reply"
          tal:condition="python:has_replies and (isAnon and not isAnonymousDiscussionAllowed)">
         <form tal:attributes="action view/login_action">
-            <input class="standalone"
+            <input class="standalone loginbutton"
-                   style="margin-bottom: 1.25em;"
                    type="submit"
                    value="Log in to add comments"
                    i18n:attributes="value label_login_to_add_comments;"

plone/app/discussion/browser/moderation.pt

@@ -56,7 +56,7 @@
 
                 <div metal:use-macro="here/batch_macros/macros/navigation" />
 
-                <table id="review-comments" class="listing" style="width: 100%">
+                <table id="review-comments" class="listing">
                     <thead>
                         <tr>
                             <th id="bulkactions" class="nosort" colspan="7">
@@ -87,7 +87,7 @@
                     </thead>
                     <tbody>
                         <tal:block repeat="item batch">
-                            <tr style="vertical-align: top" class="commentrow"
+                            <tr class="commentrow"
                                 tal:define="even repeat/item/even"
                                 tal:attributes="class python: even and 'odd' or 'even'">
                                 <td class="notDraggable">

plone/app/discussion/browser/stylesheets/discussion.css

@@ -11,7 +11,7 @@
 .discussion,
 #commenting {
     /* Clear "float: left" from "manage portlets" div above the
-       comment viewlet. This will get fixed in the next Plone 4 
+       comment viewlet. This will get fixed in the next Plone 4
        release. */
     clear: both;
 }
@@ -55,7 +55,7 @@
 .discussion .documentByLine {
     float: left;
     margin-left: 0;
-	margin-bottom: 0.5em;
+    margin-bottom: 0.5em;
 }
 
 .commentActions {
@@ -65,8 +65,49 @@
 
 .discussion .discreet {
     color: #666666;
-    font-size: 85%;    
+    font-size: 85%;
 }
+.loginbutton {
+    margin-bottom: 1.25em;
+}
+.commentactionsform {
+    display: inline;
+}
+
+.replyTreeLevel0 {
+    margin-left: 0em;
+}
+.replyTreeLevel1 {
+    margin-left: 1em;
+}
+.replyTreeLevel2 {
+    margin-left: 2em;
+}
+.replyTreeLevel3 {
+    margin-left: 3em;
+}
+.replyTreeLevel4 {
+    margin-left: 4em;
+}
+.replyTreeLevel5 {
+    margin-left: 5em;
+}
+.replyTreeLevel6 {
+    margin-left: 6em;
+}
+.replyTreeLevel7 {
+    margin-left: 7em;
+}
+.replyTreeLevel8 {
+    margin-left: 8em;
+}
+.replyTreeLevel9 {
+    margin-left: 9em;
+}
+.replyTreeLevel10 {
+    margin-left: 10em;
+}
+
 
 /* Reply Form
    -------------------------------------------------------------------------- */
@@ -78,7 +119,7 @@
 
 .reply .text-widget {
     /* Make sure the input fields are always below the label. This sometimes
-     * break when the reply form is copied from the main comment form. 
+     * break when the reply form is copied from the main comment form.
      */
     display: block;
 }
@@ -120,6 +161,10 @@
 
 #review-comments {
     margin: 0;
+    width: 100%;
+}
+#review-comments tbody tr {
+    vertical-align: top
 }
 
 #fieldset-moderate-comments {
@@ -137,7 +182,7 @@
 /* Plone 4 Styles
    -------------------------------------------------------------------------- */
 
-/* These styles are only applied for Plone 4, since Plone 3.x does 
+/* These styles are only applied for Plone 4, since Plone 3.x does
     not have a .row class for portal-column-content. */
 
 .row #dobulkaction {