Commit 965635d99acf2d670d0797b292971fcf9c30f03e
1 parent
bab2b271
Exists in
master
and in
11 other branches
New header
Showing
5 changed files
with
38 additions
and
29 deletions
Show diff stats
images/arrow.png
729 Bytes
178 Bytes
167 Bytes
index.html
| @@ -81,11 +81,11 @@ | @@ -81,11 +81,11 @@ | ||
| 81 | </div> | 81 | </div> |
| 82 | <div class='title'>{{title}}</div> | 82 | <div class='title'>{{title}}</div> |
| 83 | <div class='abstract'>{{{abstract}}}</div> | 83 | <div class='abstract'>{{{abstract}}}</div> |
| 84 | - <div class='show_body'><a href='#'>Conheça o Programa<span></span></a></div> | 84 | + <div class='show_body'><a href='#'><span>Conheça o Programa</span></a></div> |
| 85 | </div> | 85 | </div> |
| 86 | 86 | ||
| 87 | <div class='body hide'> | 87 | <div class='body hide'> |
| 88 | - {{body}} | 88 | + {{replace body '<[^>]+>' ''}} |
| 89 | <div class='mais-medicos'> todo seu conteudo do mais medicos vai aqui </div> | 89 | <div class='mais-medicos'> todo seu conteudo do mais medicos vai aqui </div> |
| 90 | <div class='sinesp'> todo seu conteudo do sinesp vai aqui </div> | 90 | <div class='sinesp'> todo seu conteudo do sinesp vai aqui </div> |
| 91 | </div> | 91 | </div> |
sass/_proposal_detail.scss
| @@ -39,7 +39,7 @@ | @@ -39,7 +39,7 @@ | ||
| 39 | .proposal-header { | 39 | .proposal-header { |
| 40 | position: relative; | 40 | position: relative; |
| 41 | 41 | ||
| 42 | - .title, .abstract p, .show_body a { | 42 | + .title, .abstract p { |
| 43 | position: absolute; | 43 | position: absolute; |
| 44 | right: 0; | 44 | right: 0; |
| 45 | color: #fff; | 45 | color: #fff; |
| @@ -48,30 +48,41 @@ | @@ -48,30 +48,41 @@ | ||
| 48 | } | 48 | } |
| 49 | 49 | ||
| 50 | .title { | 50 | .title { |
| 51 | - padding: 20px 20px 5px 20px; | 51 | + padding: 20px; |
| 52 | text-transform: uppercase; | 52 | text-transform: uppercase; |
| 53 | - bottom: 60px; | 53 | + bottom: 170px; |
| 54 | font-size: 32px; | 54 | font-size: 32px; |
| 55 | + text-align: center; | ||
| 55 | } | 56 | } |
| 56 | 57 | ||
| 57 | .abstract p { | 58 | .abstract p { |
| 58 | padding: 5px 20px 20px 20px; | 59 | padding: 5px 20px 20px 20px; |
| 59 | - bottom: 40px; | 60 | + bottom: 140px; |
| 60 | font-size: 14px; | 61 | font-size: 14px; |
| 61 | - text-align: left; | 62 | + text-align: center; |
| 62 | } | 63 | } |
| 63 | 64 | ||
| 64 | - .show_body a { | ||
| 65 | - display: inline-block; | ||
| 66 | - width: 30%; | ||
| 67 | - right: 20%; | ||
| 68 | - bottom: 0; | ||
| 69 | - margin: 0; | ||
| 70 | - font-size: 16px; | ||
| 71 | - font-weight: bold; | ||
| 72 | - padding: 18px 20px; | ||
| 73 | - text-decoration: none; | ||
| 74 | - overflow: hidden; | 65 | + .show_body { |
| 66 | + width: 100%; | ||
| 67 | + padding: 30px 0; | ||
| 68 | + margin: 10px auto; | ||
| 69 | + text-align: center; | ||
| 70 | + | ||
| 71 | + a { | ||
| 72 | + display: inline-block; | ||
| 73 | + width: 70%; | ||
| 74 | + text-decoration: none; | ||
| 75 | + color: #fff; | ||
| 76 | + font-size: 38px; | ||
| 77 | + font-weight: bold; | ||
| 78 | + text-transform: uppercase; | ||
| 79 | + margin: 0 auto; | ||
| 80 | + text-align: center; | ||
| 81 | + } | ||
| 82 | + | ||
| 83 | + span { | ||
| 84 | + padding: 5px 15px; | ||
| 85 | + } | ||
| 75 | } | 86 | } |
| 76 | } | 87 | } |
| 77 | } | 88 | } |
| @@ -123,17 +134,16 @@ | @@ -123,17 +134,16 @@ | ||
| 123 | .abstract p { | 134 | .abstract p { |
| 124 | background: $color; | 135 | background: $color; |
| 125 | } | 136 | } |
| 126 | - .show_body a { | ||
| 127 | - background: $color url(images/white-alpha.png); | 137 | + .show_body { |
| 138 | + background: $color url(images/black-alpha.png); | ||
| 139 | + border-top: 5px solid $color; | ||
| 140 | + | ||
| 141 | + a { | ||
| 142 | + background: transparent url(images/white-line.png) left center repeat-x; | ||
| 143 | + } | ||
| 128 | 144 | ||
| 129 | span { | 145 | span { |
| 130 | - display: inline-block; | ||
| 131 | - height: 60px; | ||
| 132 | - width: 66px; | ||
| 133 | - position: absolute; | ||
| 134 | - right: 0; | ||
| 135 | - top: 0; | ||
| 136 | - background: $color url(images/arrow.png) top right no-repeat; | 146 | + background: $color url(images/black-alpha.png); |
| 137 | } | 147 | } |
| 138 | } | 148 | } |
| 139 | } | 149 | } |
| @@ -143,9 +153,8 @@ | @@ -143,9 +153,8 @@ | ||
| 143 | .abstract{ | 153 | .abstract{ |
| 144 | color: #083e87; | 154 | color: #083e87; |
| 145 | width: 100%; | 155 | width: 100%; |
| 146 | - margin: 20px 0; | 156 | + margin: 0; |
| 147 | font-size: 24px; | 157 | font-size: 24px; |
| 148 | - font-style: italic; | ||
| 149 | font-weight: bold; | 158 | font-weight: bold; |
| 150 | 159 | ||
| 151 | img { | 160 | img { |