comments in standard theme fixed.

Author: farzindev

BlogEngine/BlogEngine.NET/Custom/Themes/Standard/src/css/styles.min.css

@@ -1,14 +1,14 @@
-.lbl-CommentsDisabled {
+.lbl-CommentsDisabled {
     color: rgba(255, 255, 255, 0.3);
     text-transform: uppercase;
     display: block;
     position: relative;
-    font-size: .875rem;
+    font-size: 0.875rem;
     margin-bottom: 2rem;
     text-align: center;
 
     &:before {
-        margin-right: .5rem;
+        margin-right: 0.5rem;
         position: relative;
         top: $px1;
         @include fontawesome("\f023");
@@ -28,12 +28,16 @@
         .comment-item {
             margin-left: 3.5rem;
         }
+
+        #status {
+            margin-left: 3.5rem;
+        }
     }
 
     .comment-content {
         position: relative;
         min-height: 3rem;
-        margin-bottom: .5rem;
+        margin-bottom: 0.5rem;
         margin-left: 3.5rem;
         background-color: #eee;
         padding: 1rem;
@@ -48,7 +52,7 @@
     }
 
     .comment-author {
-        margin-bottom: .5rem;
+        margin-bottom: 0.5rem;
         font-weight: $font-weight-bold;
 
         a {
@@ -58,26 +62,26 @@
 
     .comment-replylink {
         color: #aaa;
-        font-size: .75rem;
+        font-size: 0.75rem;
         font-style: italic;
         font-weight: $font-weight-normal;
         text-transform: uppercase;
-        margin-top: .5rem;
+        margin-top: 0.5rem;
     }
 
     .comment-adminlinks {
         font-size: 0;
 
         a {
             color: #fff;
-            font-size: .875rem;
+            font-size: 0.875rem;
             background-color: $color-danger;
-            margin-right: .5rem;
+            margin-right: 0.5rem;
             display: inline-block;
-            padding: .25rem 1rem;
-            border-radius: $px3;
+            padding: 0.25rem 1rem;
 
-            &:nth-child(1), &:nth-child(2) {
+            &:nth-child(1),
+            &:nth-child(2) {
                 display: none;
             }
 
@@ -88,13 +92,24 @@
     }
 
     .comment-form {
-        display: none;
+        box-shadow: none;
+        padding: 0;
+        margin-left: 3.5rem;
+        margin-top: 1rem;
     }
 
+    p#cancelReply a {
+        color: #fff;
+        font-size: 0.875rem;
+        background-color: #666;
+        display: inline-block;
+        padding: 0.25rem 1rem;
+        margin-left: 3.5rem;
+    }
     @media screen and (max-width: 48rem) {
         .comment-content {
             margin-left: 0;
-            padding: 0 0 .5rem;
+            padding: 0 0 0.5rem;
             background: none;
             border-bottom: $px1 solid #ddd;
 
@@ -104,7 +119,6 @@
         }
 
         .comment-item {
-
             .comment-item {
                 margin: 0;
             }
@@ -126,7 +140,6 @@
     }
 }
 
-
 #status.warning {
     background-color: $color-danger;
     display: block;
@@ -142,19 +155,18 @@
     color: #fff;
     margin-bottom: 1rem;
     margin-left: 3.5rem;
-
     @media screen and (max-width: 48rem) {
         margin-left: 0;
     }
 }
 
-
 #commentCaptcha {
     position: relative;
     display: table;
     width: 100%;
 
-    label, #simpleCaptchaValue {
+    #simpleCaptchaValue,
+    label {
         display: table-cell;
         vertical-align: top;
     }
@@ -174,7 +186,7 @@
         height: 2.5rem;
         border: 1px solid #ccc;
         outline: none !important;
-        padding: .5rem;
+        padding: 0.5rem;
         width: 100%;
         min-width: 100%;
     }
@@ -183,6 +195,6 @@
         position: absolute;
         bottom: -.875rem;
         left: 0;
-        font-size: .75rem;
+        font-size: 0.75rem;
     }
 }

BlogEngine/BlogEngine.NET/Custom/Themes/Standard/src/scss/sections/_comments.scss

@@ -1,17 +1,42 @@
-.page-global, .well-global {
+.page-global {
+    div#admin {
+        font-size: 0;
+
+        a {
+            color: #fff;
+            font-size: 0.75rem;
+            margin-right: 0.5rem;
+            display: inline-block;
+            padding: 0.25rem 1rem;
+            text-align: center;
+            text-transform: uppercase;
+            background-color: #ddd;
+
+            &:first-child {
+                background-color: $color-info;
+            }
+
+            &:last-child {
+                background-color: $color-danger;
+            }
+        }
+    }
+}
+
+.page-global,
+.well-global {
     box-shadow: $shadow-normal;
     background: #fff;
     margin-bottom: 2rem;
     padding: 3rem;
-
     @media screen and (max-width: 64rem) {
         margin-bottom: 1rem;
         padding: 1.5rem;
     }
 
     .page-global-title {
         font-size: 1.5rem;
-    } 
+    }
 }
 
 #trackbacks {

BlogEngine/BlogEngine.NET/Custom/Themes/Standard/src/scss/sections/_pages.scss

@@ -1,4 +1,4 @@
-.post {
+.post {
     background: #fff;
     box-shadow: $shadow-normal;
     margin-bottom: 2rem;
@@ -11,7 +11,7 @@
         .post-title {
             line-height: 1;
             font-size: 2.25rem;
-            margin: 0 0 .5rem;
+            margin: 0 0 0.5rem;
             font-weight: $font-weight-bold;
 
             a {
@@ -46,15 +46,22 @@
             text-decoration: underline;
         }
 
-        h1, h2, h3, h4, h5, h6 {
+        h1,
+        h2,
+        h3,
+        h4,
+        h5,
+        h6 {
             margin-top: 2rem;
         }
 
         h2 {
             font-size: 1.4375rem;
         }
 
-        h3, h4, h5 {
+        h3,
+        h4,
+        h5 {
             font-size: 1.25rem;
         }
     }
@@ -69,11 +76,10 @@
 
         a {
             color: #fff;
-            font-size: .75rem;
-            margin-right: .5rem;
+            font-size: 0.75rem;
+            margin-right: 0.5rem;
             display: inline-block;
-            padding: .25rem 1rem;
-            border-radius: $px3;
+            padding: 0.25rem 1rem;
             text-align: center;
             text-transform: uppercase;
             background-color: #ddd;
@@ -91,12 +97,10 @@
             }
         }
     }
-
     @media screen and (max-width: 64rem) {
         margin-bottom: 1rem;
         padding: 1.5rem;
     }
-
     @media screen and (max-width: 40rem) {
         .post-footer {
             display: none;