Download as
Browse Code »

Commit f497cb1c9674f326af8e509a21ec0e0ad4d75a90

Authored by augustoalmeida
1 parent fdc623ba
Exists in master and in 5 other branches build, build2, contigency_plan_recaptcha, production, staging

Proposal-box fixed

Showing 3 changed files with 32 additions and 20 deletions   Show diff stats
js/handlebars-helpers.js
  Diff comments   View file @f497cb1
... ... @@ -35,7 +35,7 @@ define(['handlebars'], function(Handlebars){
35 35 if(element == ''){
36 36 continue;
37 37 }
38   - category = category + '</div>' + '<div class="box-body">' + '<img src="' + options.hash['host'] + proposal.image.url + '" alt="Imagem de apresentação do programa."/>' + proposal.title + (proposal.abstract ? proposal.abstract : '') + '</div>';
  38 + category = category + '</div>' + '<div class="box-body">' + '<img src="' + options.hash['host'] + proposal.image.url + '" alt="Imagem de apresentação do programa."/>' + proposal.title + (proposal.abstract ? proposal.abstract : '') + '<span class="button participe">OPINE NESTE PROGRAMA</span></div>';
39 39 // element = element + options.fn(proposal);
40 40  
41 41 element = element + category;
... ...
novo.css
  Diff comments   View file @f497cb1
... ... @@ -51,7 +51,8 @@ blockquote {
51 51 display: none; }
52 52  
53 53 .button, .button-cancela, .login input.button, .signup input.button {
54   - border-bottom: 3px solid #000;
  54 + background-color: #387bf9;
  55 + border-bottom: 3px solid #0751de;
55 56 border-left: 0;
56 57 border-right: 0;
57 58 border-top: 0;
... ... @@ -59,7 +60,7 @@ blockquote {
59 60 color: #fff;
60 61 cursor: pointer;
61 62 display: block;
62   - font-size: 16px;
  63 + font-size: 14px;
63 64 font-weight: 700;
64 65 padding-bottom: 15px;
65 66 padding-left: 0;
... ... @@ -68,7 +69,7 @@ blockquote {
68 69 text-align: center;
69 70 transition: all 400ms; }
70 71 .button:hover, .button-cancela:hover, .login input.button:hover, .signup input.button:hover {
71   - background-color: black;
  72 + background-color: #0751de;
72 73 text-decoration: none; }
73 74 .button:hover, .button-cancela:hover, .login input.button:hover, .signup input.button:hover, .button:focus, .button-cancela:focus, .login input.button:focus, .signup input.button:focus {
74 75 color: #fff; }
... ... @@ -308,9 +309,8 @@ h1 {
308 309 border-radius: 3px;
309 310 color: #000;
310 311 display: block;
311   - height: 200px;
312 312 margin-top: 30px;
313   - overflow: auto;
  313 + overflow: hidden;
314 314 transition: all 400ms;
315 315 transition: all 400ms; }
316 316 .box:hover {
... ... @@ -319,7 +319,6 @@ h1 {
319 319 .box:hover {
320 320 text-decoration: none; }
321 321 .box p {
322   - border-bottom: 1px dotted #000;
323 322 padding-bottom: 15px; }
324 323 .box-propostas {
325 324 height: auto;
... ... @@ -337,14 +336,21 @@ h1 {
337 336 border-bottom: 0;
338 337 padding-bottom: inherit; }
339 338 .box-header {
340   - color: #335277;
341   - font-family: asap, sans;
342   - font-size: 24px;
  339 + color: #000;
  340 + font-size: 18px;
343 341 font-weight: 700; }
344 342 .box-header p {
345   - font-size: 14px; }
  343 + font-size: 14px;
  344 + font-weight: 500;
  345 + margin-top: 10px; }
346 346 .box-body {
347 347 padding: 20px; }
  348 + .box-body img {
  349 + margin-left: -20px;
  350 + margin-right: -20px;
  351 + margin-top: -20px;
  352 + margin-bottom: 20px;
  353 + max-width: 120%; }
348 354 .box-category {
349 355 font-size: 14px;
350 356 font-weight: 700;
... ...
sass/novo.sass
  Diff comments   View file @f497cb1
... ... @@ -139,7 +139,8 @@ blockquote
139 139 display: none
140 140  
141 141 .button
142   - border-bottom: 3px solid #000
  142 + background-color: #387bf9
  143 + border-bottom: 3px solid darken(#387bf9, $darken)
143 144 border-left: 0
144 145 border-right: 0
145 146 border-top: 0
... ... @@ -147,14 +148,14 @@ blockquote
147 148 color: #fff
148 149 cursor: pointer
149 150 display: block
150   - font-size: $font-size-base
  151 + font-size: $font-size-small
151 152 font-weight: 700
152 153 padding-bottom: $gutter * 0.75
153 154 padding-left: 0
154 155 padding-right: 0
155 156 padding-top: $gutter * 0.75
156 157 text-align: center
157   - +hover(#000,$darken)
  158 + +hover(#387bf9,$darken)
158 159 &:hover, &:focus
159 160 color: #fff
160 161 &-inline
... ... @@ -390,15 +391,13 @@ h1
390 391 border-radius: $radius
391 392 color: #000
392 393 display: block
393   - height: 200px
394 394 margin-top: $gutter * 1.5
395   - overflow: auto
  395 + overflow: hidden
396 396 transition: all 400ms
397 397 +hover(#fff,$darken)
398 398 &:hover
399 399 text-decoration: none
400 400 p
401   - border-bottom: 1px dotted #000
402 401 padding-bottom: $gutter * 0.75
403 402 &-propostas
404 403 height: auto
... ... @@ -418,14 +417,21 @@ h1
418 417 border-bottom: 0
419 418 padding-bottom: inherit
420 419 &-header
421   - color: $link-color
422   - font-family: asap, sans
423   - font-size: $theme-size-header
  420 + color: #000
  421 + font-size: $font-size-big
424 422 font-weight: 700
425 423 p
426 424 font-size: $font-size-small
  425 + font-weight: 500
  426 + margin-top: $gutter * 0.5
427 427 &-body
428 428 padding: $gutter
  429 + img
  430 + margin-left: $gutter * (-1)
  431 + margin-right: $gutter * (-1)
  432 + margin-top: $gutter * (-1)
  433 + margin-bottom: $gutter
  434 + max-width: 120%
429 435 &-category
430 436 font-size: $font-size-small
431 437 font-weight: 700
... ...