From 07dd602eac614e7b3767ef82ba0be59f3c859562 Mon Sep 17 00:00:00 2001
From: Rafael Diego <rafael.gomes@serpro.gov.br>
Date: Wed, 16 Sep 2015 08:33:55 -0300
Subject: [PATCH] CSS do conteudo

---
 src/app/layout.scss                   | 197 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++----------------------------------------------------------
 src/app/pages/programas/programa.html |  10 +++++-----
 2 files changed, 144 insertions(+), 63 deletions(-)

diff --git a/src/app/layout.scss b/src/app/layout.scss
index 7103bb4..f91a19c 100644
--- a/src/app/layout.scss
+++ b/src/app/layout.scss
@@ -29,21 +29,21 @@
     table-layout: fixed;
     height: 100%;
     width: 100%;
-}
-.col-xs-height {
+  }
+  .col-xs-height {
     display: table-cell;
     float: none;
     height: 100%;
-}
-.col-xs-top {
+  }
+  .col-xs-top {
     vertical-align: top;
-}
-.col-xs-middle {
+  }
+  .col-xs-middle {
     vertical-align: middle;
-}
-.col-xs-bottom {
+  }
+  .col-xs-bottom {
     vertical-align: bottom;
-}
+  }
 }
 
 @media (min-width: 768px) {
@@ -52,21 +52,21 @@
     table-layout: fixed;
     height: 100%;
     width: 100%;
-}
-.col-sm-height {
+  }
+  .col-sm-height {
     display: table-cell;
     float: none;
     height: 100%;
-}
-.col-sm-top {
+  }
+  .col-sm-top {
     vertical-align: top;
-}
-.col-sm-middle {
+  }
+  .col-sm-middle {
     vertical-align: middle;
-}
-.col-sm-bottom {
+  }
+  .col-sm-bottom {
     vertical-align: bottom;
-}
+  }
 }
 
 @media (min-width: 992px) {
@@ -75,21 +75,21 @@
     table-layout: fixed;
     height: 100%;
     width: 100%;
-}
-.col-md-height {
+  }
+  .col-md-height {
     display: table-cell;
     float: none;
     height: 100%;
-}
-.col-md-top {
+  }
+  .col-md-top {
     vertical-align: top;
-}
-.col-md-middle {
+  }
+  .col-md-middle {
     vertical-align: middle;
-}
-.col-md-bottom {
+  }
+  .col-md-bottom {
     vertical-align: bottom;
-}
+  }
 }
 
 @media (min-width: 1200px) {
@@ -98,38 +98,38 @@
     table-layout: fixed;
     height: 100%;
     width: 100%;
-}
-.col-lg-height {
+  }
+  .col-lg-height {
     display: table-cell;
     float: none;
     height: 100%;
-}
-.col-lg-top {
+  }
+  .col-lg-top {
     vertical-align: top;
-}
-.col-lg-middle {
+  }
+  .col-lg-middle {
     vertical-align: middle;
-}
-.col-lg-bottom {
+  }
+  .col-lg-bottom {
     vertical-align: bottom;
-}
+  }
 }
 
 .vcenter {
-    display: inline-block;
-    vertical-align: middle;
-    float: none;
-    margin-right: -2px;
-    margin-left: -2px;
+  display: inline-block;
+  vertical-align: middle;
+  float: none;
+  margin-right: -2px;
+  margin-left: -2px;
 }
 
 .no-space-left { margin-left: 0; padding-left: 0;}
 .no-space-right { margin-right: 0; padding-right: 0;}
 
 .text-center-sm {
-    @media screen and (max-width: $screen-sm) {
-        text-align: center;
-    }
+  @media screen and (max-width: $screen-sm) {
+    text-align: center;
+  }
 }
 
 .btn-submit {
@@ -157,9 +157,9 @@
     position: relative;
     top: -30px;
     right: 0px;
-}
+  }
 
-&-body {
+  &-body {
     padding: 25px 35px;
     height: 500px;
 
@@ -168,9 +168,9 @@
       overflow-y: auto;
       padding: 15px;
       height: 440px;
+    }
   }
 }
-}
 
 .modal-fechar-pequeno {
   font-size: 15px;
@@ -180,13 +180,6 @@
   font-size: 24px;
 }
 
-// Sobreescreve a classe do bootstrap
-.close {
-  color: white;
-  opacity: 1;
-  font-weight: normal;
-}
-
 .btn-question {
   color: #484848;
   background-color: #fff;
@@ -204,17 +197,49 @@
   padding: 30px;
 }
 
-.destaque-cinza-claro {
-  background-color: #F8F8F8;
+.destaque-biodiversidade {
+  background-color: #3CC667;
   padding: 30px;
+  color: white;
+}
+
+.destaque-biodiversidade-nobg {
+  color: gray;
+}
+
+.destaque-cultura-viva {
+  background-color: #F8F8F8;
+  padding: 0px;
+  padding-left: 30px;
 }
 
 .left-border-gray {
   border-left: 3px solid #eeeeee;
+  margin-bottom: 10px;
 
   @media (max-width: 768px) {
     border: none;
+  }
 }
+
+.right-border-gray {
+  border-right: 3px solid #eeeeee;
+  margin-bottom: 10px;
+
+  @media (max-width: 768px) {
+    border: none;
+  }
+}
+
+.bottom-border-gray {
+  border-bottom: 1px lightgray;
+  border-bottom-style: solid;
+  margin: 0px!important;
+  padding: 30px;
+}
+
+.padding-30 {
+  padding: 30px;
 }
 
 ul.list-color {
@@ -228,8 +253,8 @@ ul.list-color li:before {
   @each $category, $color in $categories {
     .#{$category} & {
       color: $color;
+    }
   }
-}
 
 }
 
@@ -256,5 +281,61 @@ a.link-black {
 }
 
 .inline-block {
-    display: inline-block;
+  display: inline-block;
 }
+
+.no-margin-bottom {
+  margin-bottom: 0px!important;
+}
+
+.margin-20 {
+  margin: 20px;
+}
+
+article.program-content {
+  margin-top: 40px;
+}
+
+article.program-content div.ng-binding div.container div.row {
+  margin-bottom: 40px;
+}
+
+article.program-content h3 {
+  margin-bottom: 15px;
+}
+
+blockquote {
+  border-left: none;
+  padding-left: 50px;
+  font-size: 20px;
+
+  &:before {
+    @each $category, $color in $categories {
+      .#{$category} & {
+        color: $color;
+      }
+    }
+    color: #ECAAAB;
+    content: "⌜";
+    font-size: 200px;
+    left: -2px;
+    position: absolute;
+    top: -50px;
+    font-weight: bolder;
+  }
+}
+
+.destaque-sinesp {
+  font-size:18px;
+}
+
+// Sobreescreve a classe do bootstrap
+.close {
+  color: white;
+  opacity: 1;
+  font-weight: normal;
+}
+
+// .img-responsive {
+//   width: 100%;
+// }
diff --git a/src/app/pages/programas/programa.html b/src/app/pages/programas/programa.html
index 30ebc90..0057cfe 100644
--- a/src/app/pages/programas/programa.html
+++ b/src/app/pages/programas/programa.html
@@ -60,7 +60,7 @@
               <!-- Preview > coluna da direita -->
               <div class="col-md-4">
                 <div class="row">
-                  
+
                   <!-- Top Proposals -->
                   <div>
                     <!-- Loading Top Proposals -->
@@ -69,7 +69,7 @@
                         Carregando propostas mais votadas...
                       </div>
                     </div>
-                    
+
                     <!-- Top Proposals > Carousel -->
                     <div class="col-xs-12" ng-if="!pagePrograma.loadingTopProposals && pagePrograma.proposalsTopRated && pagePrograma.proposalsTopRated.length > 0">
                       <h3 class="color-theme-fg">Propostas mais votadas</h3>
@@ -80,10 +80,10 @@
                   <!-- Proposal Box -->
                   <div>
                     <div class="col-xs-12" ng-if="!pagePrograma.loadingProposalBox && pagePrograma.randomProposal" ng-class="{'focused-proposal': !!pagePrograma.search.proposal_id}">
-                      <h3 class="color-theme-fg">Propostas nesse programa</h3>
+                      <h3 class="color-theme-fg">Apoie outras propostas</h3>
                       <proposal-box proposal="pagePrograma.randomProposal" topic="pagePrograma.article" category="pagePrograma.category" can-vote="true" focus="{{pagePrograma.search.proposal_id}}" ></proposal-box>
                     </div>
-                    
+
                     <!-- Loading Proposal Box -->
                     <div ng-if="pagePrograma.loadingProposalBox">
                       <div class="alert alert-info" role="alert">
@@ -91,7 +91,7 @@
                       </div>
                     </div>
                   </div>
-                  
+
                   <!-- No Proposals? okay! -->
                   <div ng-if="!pagePrograma.loadingTopProposals && !pagePrograma.loadingProposalBox">
                     <div class="col-xs-12" ng-if="!pagePrograma.randomProposal && !(pagePrograma.proposalsTopRated && pagePrograma.proposalsTopRated.length > 0)">
--
libgit2 0.21.2