From 965635d99acf2d670d0797b292971fcf9c30f03e Mon Sep 17 00:00:00 2001
From: Caio SBA <caiosba@gmail.com>
Date: Sun, 19 Apr 2015 16:45:28 -0300
Subject: [PATCH] New header

---
 images/arrow.png           | Bin 729 -> 0 bytes
 images/black-alpha.png     | Bin 0 -> 178 bytes
 images/white-line.png      | Bin 0 -> 167 bytes
 index.html                 |  4 ++--
 sass/_proposal_detail.scss | 63 ++++++++++++++++++++++++++++++++++++---------------------------
 5 files changed, 38 insertions(+), 29 deletions(-)
 delete mode 100644 images/arrow.png
 create mode 100644 images/black-alpha.png
 create mode 100644 images/white-line.png

diff --git a/images/arrow.png b/images/arrow.png
deleted file mode 100644
index 640937d..0000000
Binary files a/images/arrow.png and /dev/null differ
diff --git a/images/black-alpha.png b/images/black-alpha.png
new file mode 100644
index 0000000..bba8a89
Binary files /dev/null and b/images/black-alpha.png differ
diff --git a/images/white-line.png b/images/white-line.png
new file mode 100644
index 0000000..a71e4d7
Binary files /dev/null and b/images/white-line.png differ
diff --git a/index.html b/index.html
index e536a81..31e9b29 100644
--- a/index.html
+++ b/index.html
@@ -81,11 +81,11 @@
               </div>
               <div class='title'>{{title}}</div>
               <div class='abstract'>{{{abstract}}}</div>
-              <div class='show_body'><a href='#'>Conheça o Programa<span></span></a></div>
+              <div class='show_body'><a href='#'><span>Conheça o Programa</span></a></div>
             </div>
 
             <div class='body hide'>
-              {{body}}
+              {{replace body '<[^>]+>' ''}}
               <div class='mais-medicos'> todo seu conteudo do mais medicos vai aqui </div>
               <div class='sinesp'> todo seu conteudo do sinesp vai aqui </div>
             </div>
diff --git a/sass/_proposal_detail.scss b/sass/_proposal_detail.scss
index f5bc9fa..c2b5fde 100644
--- a/sass/_proposal_detail.scss
+++ b/sass/_proposal_detail.scss
@@ -39,7 +39,7 @@
     .proposal-header {
       position: relative;
 
-      .title, .abstract p, .show_body a {
+      .title, .abstract p {
         position: absolute;
         right: 0;
         color: #fff;
@@ -48,30 +48,41 @@
       }
 
       .title {
-        padding: 20px 20px 5px 20px;
+        padding: 20px;
         text-transform: uppercase;
-        bottom: 60px;
+        bottom: 170px;
         font-size: 32px;
+        text-align: center;
       }
 
       .abstract p {
         padding: 5px 20px 20px 20px;
-        bottom: 40px;
+        bottom: 140px;
         font-size: 14px;
-        text-align: left;
+        text-align: center;
       }
 
-      .show_body a {
-        display: inline-block;
-        width: 30%;
-        right: 20%;
-        bottom: 0;
-        margin: 0;
-        font-size: 16px;
-        font-weight: bold;
-        padding: 18px 20px;
-        text-decoration: none;
-        overflow: hidden;
+      .show_body {
+        width: 100%;
+        padding: 30px 0;
+        margin: 10px auto;
+        text-align: center;
+
+        a {
+          display: inline-block;
+          width: 70%;
+          text-decoration: none;
+          color: #fff;
+          font-size: 38px;
+          font-weight: bold;
+          text-transform: uppercase;
+          margin: 0 auto;
+          text-align: center;
+        }
+
+        span {
+          padding: 5px 15px;
+        }
       }
     }
   }
@@ -123,17 +134,16 @@
         .abstract p {
           background: $color;
         }
-        .show_body a {
-          background: $color url(images/white-alpha.png);
+        .show_body {
+          background: $color url(images/black-alpha.png);
+          border-top: 5px solid $color;
+
+          a {
+            background: transparent url(images/white-line.png) left center repeat-x;
+          }
 
           span {
-            display: inline-block;
-            height: 60px;
-            width: 66px;
-            position: absolute;
-            right: 0;
-            top: 0;
-            background: $color url(images/arrow.png) top right no-repeat;
+            background: $color url(images/black-alpha.png);
           }
         }
       }
@@ -143,9 +153,8 @@
       .abstract{
         color: #083e87;
         width: 100%;
-        margin: 20px 0;
+        margin: 0;
         font-size: 24px;
-        font-style: italic;
         font-weight: bold;
 
         img {
--
libgit2 0.21.2