Download as
Browse Code »

Commit 9ba358469fc3e658f147a0ebc314bbf22212f029

Authored by Augusto dos Anjos Almeida
1 parent 9d8a372a
Exists in master and in 6 other branches build, build2, capa, contigency_plan_recaptcha, production, staging

changed big button

Showing 2 changed files with 26 additions and 44 deletions   Show diff stats
index.html
  Diff comments   View file @9ba3584
... ... @@ -170,14 +170,14 @@
170 170 </ul>
171 171  
172 172  
173   - <div class="proposal-header">
174   - <div class="abstract">
  173 + <div class="proposal-header container">
  174 + <div class="abstract row">
175 175 <img src="{{../host}}{{image.url}}" alt="Imagem de apresentação do programa."/>
176 176 </div>
177   - <div class="title">{{title}}</div>
178   - <div class="abstract">{{{abstract}}}</div>
179   - <div class="show_body">
180   - <a href="#/programas/{{id}}/sobre-o-programa"><span>Conheça o Programa</span></a>
  177 + <div class="title row">{{title}}</div>
  178 + <div class="abstract row">{{{abstract}}}</div>
  179 + <div class="show_body row">
  180 + <a class="col-sm-6 col-sm-offset-3" href="#/programas/{{id}}/sobre-o-programa"><span>Conheça o programa</span></a>
181 181 </div>
182 182 </div>
183 183  
... ...
sass/_proposal_detail.scss
  Diff comments   View file @9ba3584
... ... @@ -69,30 +69,27 @@
69 69 }
70 70  
71 71 .show_body {
72   - width: 100%;
73   - padding: 30px 0;
  72 + // width: 100%;
  73 + // padding: 30px 0;
74 74 margin: 10px auto;
75 75 text-align: center;
76 76 cursor: pointer;
77   - -webkit-border-radius: 6px;
78   - -moz-border-radius: 6px;
79   - border-radius: 6px;
80 77  
81 78  
82 79 a {
83   - display: inline-block;
84   - width: 70%;
  80 + // display: inline-block;
  81 + // width: 70%;
85 82 text-decoration: none;
86 83 color: #fff;
87 84 font-size: 38px;
88   - font-weight: bold;
89   - text-transform: uppercase;
90   - margin: 0 auto;
  85 + font-weight: 500;
  86 + // text-transform: uppercase;
  87 + // margin: 0 auto;
91 88 text-align: center;
92 89 }
93 90  
94 91 span {
95   - padding: 5px 15px;
  92 + // padding: 5px 15px;
96 93 }
97 94 }
98 95 }
... ... @@ -253,31 +250,17 @@
253 250 background: darken($color, 15%);
254 251 }
255 252 .show_body {
256   - background: $color;
257   - // background: $color url(images/black-alpha.png);
258   - // border-top: 5px solid $color;
259   - transition: background-color .2s;
260   -
261   - &:hover,
262   - &:focus {
263   - background-color: saturate( lighten($color, 5%), 10% );
264   - // -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.5);
265   - // -moz-box-shadow: 0 2px 5px rgba(0,0,0,.5);
266   - // box-shadow: 0 2px 5px rgba(0,0,0,.5);
267   -
268   - span {
269   - background-color: saturate( lighten($color, 5%), 10% );
270   - }
271   - }
272   -
273 253 a {
274   - background: transparent url(images/white-line.png) left center repeat-x;
275   - }
276   -
277   - span {
278 254 background: $color;
279   - // background: $color url(images/black-alpha.png);
280 255 transition: background-color .2s;
  256 + -webkit-border-radius: 6px;
  257 + -moz-border-radius: 6px;
  258 + border-radius: 6px;
  259 + border-bottom: 5px solid darken($color, 15%);
  260 + padding: 15px 0;
  261 + &:hover,&:focus {
  262 + background-color: darken($color, 15%);
  263 + }
281 264 }
282 265 }
283 266 }
... ... @@ -343,7 +326,7 @@
343 326 background-color: $color;
344 327 border-bottom: 3px solid darken($color, 15%);
345 328 color: white;
346   - width: 60%;
  329 + width: 50%;
347 330 margin: 10px auto;
348 331 -webkit-border-radius: 6px;
349 332 -moz-border-radius: 6px;
... ... @@ -405,9 +388,9 @@
405 388 @extend .container-button;
406 389 a {
407 390 position: absolute;
408   - left: 50%;
  391 + left: 40%;
409 392 margin: 0;
410   - margin-left: -30%;
  393 + margin-left: -20%;
411 394 bottom: 40px;
412 395 padding: 20px 0;
413 396 }
... ... @@ -467,7 +450,7 @@
467 450 // text-transform: uppercase;
468 451 background-color: $color;
469 452 color: white;
470   - width: 60%;
  453 + width: 40%;
471 454 border-bottom: 3px solid darken($color, 15%);
472 455 margin: 20px auto 0;
473 456 -webkit-border-radius: 6px;
... ... @@ -781,7 +764,6 @@
781 764 }
782 765 }
783 766 .show_body {
784   - padding: 20px 0 !important;
785 767 span {
786 768 text-align: center !important;
787 769 margin: 0 10px !important;
... ...