Adds styles for not logged votes

app/assets/stylesheets/debates.scss

@@ -11,10 +11,11 @@
 // - - - - - - - - - - - - - - - - - - - - - - - - -
 
 @mixin votes {
-  border-top: 1px solid $votes-border;
-  padding: rem-calc(14) rem-calc(12);
   background: $votes-bg;
+  border-top: 1px solid $votes-border;
   margin: 0 -12px;
+  padding: rem-calc(14) rem-calc(12);
+  position: relative;
 
   .icon-like {
     background: white;
@@ -114,6 +115,24 @@
   .divider {
     margin: 0 rem-calc(6);
   }
+
+  .not-logged {
+    background: $not-logged-bg;
+    color: white;
+    height: 100%;
+    left: 0;
+    line-height: $line-height*2;
+    padding-top: $line-height/2;
+    position: absolute;
+    text-align: center;
+    top: 0;
+    width: 100%;
+
+    a {
+      color: white;
+      text-decoration: underline;
+    }
+  }
 }
 
 // 02. Index
@@ -291,6 +310,11 @@
         line-height: $line-height/2;
       }
     }
+
+    .not-logged {
+      line-height: $line-height;
+      padding-top: $line-height*1.5;
+    }
   }
 }
 
@@ -378,6 +402,11 @@
       float: none;
       line-height: $line-height;
     }
+
+    .not-logged {
+      line-height: $line-height;
+      padding: $line-height;
+    }
   }
 
   .leave-comment {

app/assets/stylesheets/variables.scss

@@ -47,6 +47,8 @@ $votes-text:        #FFFFFF;
 $votes-unlike:      #EF8585;
 $votes-unlike-act:  #BD6A6A;
 
+$not-logged-bg:     rgba(22,99,135,.9);
+
 // 03. Forms
 // - - - - - - - - - - - - - - - - - - - - - - - - -