Merge pull request #1017 from consul/investment_projects_styles

Adds styles for investment projects

app/assets/stylesheets/participation.scss

@@ -274,7 +274,7 @@
 
 .debate-new, .debate-edit,
 .proposal-new, .proposal-edit,
-.spending-proposal-new, .spending-proposal-edit  {
+.spending-proposal-new, .spending-proposal-edit {
 
   .back {
     @include back;
@@ -546,7 +546,7 @@
   }
 }
 
-.debate, .proposal {
+.debate, .proposal, .investment-project {
   margin-bottom: 0;
   margin-top: 0;
 
@@ -565,7 +565,7 @@
       padding-bottom: rem-calc(12);
     }
 
-    .label-debate, .label-proposal {
+    .label-debate, .label-proposal, .label-investment-project {
       background: none;
       clear: both;
       display: block;
@@ -587,6 +587,10 @@
       color: $proposals;
     }
 
+    .label-investment-project {
+      color: $budget;
+    }
+
     h3 {
       font-weight: bold;
       margin: 0;
@@ -596,7 +600,7 @@
       }
     }
 
-    .debate-content, .proposal-content {
+    .debate-content, .proposal-content, .investment-project-content {
       margin: 0;
       min-height: rem-calc(180);
       position: relative;
@@ -606,7 +610,7 @@
       }
     }
 
-    .icon-debates, .icon-proposals {
+    .icon-debates, .icon-proposals, .icon-budget {
       font-size: rem-calc(18);
       line-height: $line-height;
       position: absolute;
@@ -623,7 +627,13 @@
       left: rem-calc(72);
     }
 
-    .debate-info, .proposal-info {
+    .icon-budget {
+      color: $budget;
+      font-size: $small-font-size;
+      left: rem-calc(122);
+    }
+
+    .debate-info, .proposal-info, .investment-project-info {
       color: $text-medium;
       font-size: $small-font-size;
       margin: rem-calc(6) 0 0;
@@ -638,7 +648,7 @@
       }
     }
 
-    .debate-description, .proposal-description {
+    .debate-description, .proposal-description, .investment-project-description {
       color: $text;
       font-size: rem-calc(13);
       height: rem-calc(72);
@@ -799,6 +809,57 @@
   }
 }
 
+.investment-project {
+
+  .supports {
+    @include supports;
+    background: none;
+    border: 0;
+    border-left: 1px solid $border;
+    margin: 0 rem-calc(-12);
+    min-height: rem-calc(180);
+    padding-top: $line-height*2;
+
+    &:after {
+      content: none;
+    }
+
+    .button-support {
+      background: $budget;
+      color: white;
+
+      &:hover {
+        background: $proposals-border;
+        color: white;
+        cursor: pointer;
+      }
+
+      &:active {
+        opacity: .75;
+      }
+    }
+
+    .total-supports {
+      color: $budget;
+      font-size: $base-font-size;
+      font-weight: bold;
+    }
+
+    .not-logged,
+    .organizations-votes,
+    .anonymous-votes {
+      background: rgba(69,67,114,.96);
+      color: white;
+      padding: rem-calc(12);
+    }
+
+    .anonymous-votes p, .anonymous-votes a,
+    .organizations-votes p {
+      color: white;
+    }
+  }
+}
+
 .proposals-summary {
 
   .panel {