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 | 81 | </div> |
| 82 | 82 | <div class='title'>{{title}}</div> |
| 83 | 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 | 85 | </div> |
| 86 | 86 | |
| 87 | 87 | <div class='body hide'> |
| 88 | - {{body}} | |
| 88 | + {{replace body '<[^>]+>' ''}} | |
| 89 | 89 | <div class='mais-medicos'> todo seu conteudo do mais medicos vai aqui </div> |
| 90 | 90 | <div class='sinesp'> todo seu conteudo do sinesp vai aqui </div> |
| 91 | 91 | </div> | ... | ... |
sass/_proposal_detail.scss
| ... | ... | @@ -39,7 +39,7 @@ |
| 39 | 39 | .proposal-header { |
| 40 | 40 | position: relative; |
| 41 | 41 | |
| 42 | - .title, .abstract p, .show_body a { | |
| 42 | + .title, .abstract p { | |
| 43 | 43 | position: absolute; |
| 44 | 44 | right: 0; |
| 45 | 45 | color: #fff; |
| ... | ... | @@ -48,30 +48,41 @@ |
| 48 | 48 | } |
| 49 | 49 | |
| 50 | 50 | .title { |
| 51 | - padding: 20px 20px 5px 20px; | |
| 51 | + padding: 20px; | |
| 52 | 52 | text-transform: uppercase; |
| 53 | - bottom: 60px; | |
| 53 | + bottom: 170px; | |
| 54 | 54 | font-size: 32px; |
| 55 | + text-align: center; | |
| 55 | 56 | } |
| 56 | 57 | |
| 57 | 58 | .abstract p { |
| 58 | 59 | padding: 5px 20px 20px 20px; |
| 59 | - bottom: 40px; | |
| 60 | + bottom: 140px; | |
| 60 | 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 | 134 | .abstract p { |
| 124 | 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 | 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 | 153 | .abstract{ |
| 144 | 154 | color: #083e87; |
| 145 | 155 | width: 100%; |
| 146 | - margin: 20px 0; | |
| 156 | + margin: 0; | |
| 147 | 157 | font-size: 24px; |
| 148 | - font-style: italic; | |
| 149 | 158 | font-weight: bold; |
| 150 | 159 | |
| 151 | 160 | img { | ... | ... |