Adds styles for deleted users, improves previous

app/assets/stylesheets/debates.scss

@@ -544,14 +544,24 @@
 
       .comment-user {
         margin-top: rem-calc(6);
-        padding: rem-calc(6) rem-calc(12);
+        padding: rem-calc(6) 0;
 
-        &.is-official {
-          background: $comment-official;
+        @each $n in ("1", "2", "3","4", "5") {
+          &.level-#{$n} {
+            @if $n == "5" {
+              background: $comment-level-5;
+              padding: rem-calc(6) rem-calc(12);
+            }
+            @else {
+              background: $comment-official;
+              padding: rem-calc(6) rem-calc(12);
+            }
+          }
         }
 
         &.is-author {
           background: $comment-author;
+          padding: rem-calc(6) rem-calc(12);
         }
       }
     }
@@ -579,7 +589,6 @@
       }
     }
   }
-
 }
 
 .faded {

app/assets/stylesheets/participacion.scss

@@ -589,6 +589,21 @@ form {
 
 img.initialjs-avatar {
   border-radius: rem-calc(1000);
+  position: relative;
+}
+
+.author-deleted {
+  background-color: rgba(255,255,255,.5);
+  color: rgba(0,0,0,.4);
+  font-size: rem-calc(40);
+  left: 11px;
+  position: absolute;
+  top: 63px;
+}
+
+.user-deleted {
+  @extend .author-deleted;
+  top: -9px;
 }
 
 // 11. Filters

app/assets/stylesheets/variables.scss

@@ -76,4 +76,5 @@ $author:            #008CCF;
 $association:       #222222;
 
 $comment-author:    rgba(45,144,248,.15);
-$comment-official:  rgba(255,241,204,1);
+$comment-official:  rgba(70,219,145,.3);
+$comment-level-5:   rgba(255,241,204,1);