Commit 38d5dff04a85a19e492b472f87e309523352b212
1 parent
02dde451
Exists in
refactory-sass
Add color.
Showing
6 changed files
with
243 additions
and
114 deletions
Show diff stats
.gitignore
novo.css
... | ... | @@ -49,22 +49,22 @@ nav ul { |
49 | 49 | |
50 | 50 | .proposal-category-items-saude .description:before { |
51 | 51 | color: #fff; |
52 | - content: "Saúde é direito de todos e dever do Estado. O Sistema Único de Saúde (SUS) atende a todos os brasileiros. Ele é universal, integral e de responsabilidade do Governo Federal, dos estados e dos municípios."; | |
52 | + content: "Saúde é direito de todos e dever do Estado. O Sistema Único de Saúde (SUS) é universal, integral e de responsabilidade do Governo Federal, estados e municípios. Atende a todos os brasileiros."; | |
53 | 53 | font-size: 14px; } |
54 | 54 | |
55 | 55 | .proposal-category-items-seguranca .description:before { |
56 | 56 | color: #fff; |
57 | - content: "A segurança pública é um direito fundamental, dever do Estado e responsabilidade de todos. Tem na proteção da vida, na disseminação da cultura de paz e na integração dos órgãos e instituições seus maiores compromissos."; | |
57 | + content: "A Segurança Pública é um direito fundamental, dever do Estado e responsabilidade de todos. A proteção da vida, a disseminação da cultura de paz e a integração dos órgãos e instituições são os maiores compromissos desta política pública."; | |
58 | 58 | font-size: 14px; } |
59 | 59 | |
60 | 60 | .proposal-category-items-educacao .description:before { |
61 | 61 | color: #fff; |
62 | - content: "O Brasil avançou na qualidade e ampliou o acesso à educação em todos os níveis. Agora, o Plano Nacional de Educação (PNE) definiu metas quantitativas e qualitativas para os próximos 10 anos."; | |
62 | + content: "O Brasil avançou na qualidade e ampliou o acesso à educação em todos os níveis ‐ da creche à pós‐graduação. Com o Plano Nacional de Educação (PNE) para os próximos 10 anos, o Brasil consolida um caminho de oportunidades, por meio da educação, para todos os brasileiros."; | |
63 | 63 | font-size: 14px; } |
64 | 64 | |
65 | 65 | .proposal-category-items-reducao-da-pobreza .description:before { |
66 | 66 | color: #fff; |
67 | - content: "Este governo escolheu como prioridade combater a pobreza e reduzir as desigualdades sociais. Por isso, o Brasil saiu do Mapa da Fome das Nações Unidas"; | |
67 | + content: "Com o esforço do Brasil para reduzir a pobreza e a desigualdade, na última década, 36 milhões de pessoas superaram a miséria e o país saiu do Mapa da Fome das Nações Unidas."; | |
68 | 68 | font-size: 14px; } |
69 | 69 | |
70 | 70 | #proposal-categories { |
... | ... | @@ -212,6 +212,10 @@ nav ul { |
212 | 212 | height: 500px; |
213 | 213 | padding: 20px; } |
214 | 214 | |
215 | +.categories { | |
216 | + display: table; | |
217 | + width: 100%; } | |
218 | + | |
215 | 219 | .category { |
216 | 220 | background-color: #000; |
217 | 221 | border-top: 0; |
... | ... | @@ -268,7 +272,7 @@ nav ul { |
268 | 272 | background: url("images/white-line.png") left center repeat-x; |
269 | 273 | color: #fff; |
270 | 274 | display: block; |
271 | - font-size: 38px; | |
275 | + font-size: 30px; | |
272 | 276 | font-weight: 700; |
273 | 277 | margin: auto; |
274 | 278 | text-align: center; |
... | ... | @@ -279,7 +283,7 @@ nav ul { |
279 | 283 | |
280 | 284 | .container-title { |
281 | 285 | color: #000; |
282 | - font-size: 38px; | |
286 | + font-size: 30px; | |
283 | 287 | margin-bottom: 20px; } |
284 | 288 | |
285 | 289 | .subtitle { |
... | ... | @@ -309,16 +313,40 @@ nav ul { |
309 | 313 | background-repeat: no-repeat; } |
310 | 314 | |
311 | 315 | .make-proposal { |
312 | - margin-right: 10px; } | |
316 | + border: 1px solid #000; | |
317 | + height: 500px; | |
318 | + margin-right: 10px; | |
319 | + padding: 20px; } | |
320 | + .make-proposal-container { | |
321 | + float: left; | |
322 | + width: 50%; } | |
313 | 323 | |
314 | 324 | .support-proposal { |
315 | - margin-left: 10px; } | |
325 | + border: 1px solid #000; | |
326 | + height: 500px; | |
327 | + margin-left: 10px; | |
328 | + padding: 20px; } | |
329 | + .support-proposal-container { | |
330 | + float: left; | |
331 | + width: 50%; } | |
316 | 332 | |
317 | 333 | .experience-proposal { |
318 | - margin-right: 10px; } | |
334 | + border: 1px solid #000; | |
335 | + height: 500px; | |
336 | + margin-right: 10px; | |
337 | + padding: 20px; } | |
338 | + .experience-proposal-container { | |
339 | + float: left; | |
340 | + width: 50%; } | |
319 | 341 | |
320 | 342 | .talk-proposal { |
321 | - margin-left: 10px; } | |
343 | + border: 1px solid #000; | |
344 | + height: 500px; | |
345 | + margin-left: 10px; | |
346 | + padding: 20px; } | |
347 | + .talk-proposal-container { | |
348 | + float: left; | |
349 | + width: 50%; } | |
322 | 350 | |
323 | 351 | #proposal-category-saude .proposal-link { |
324 | 352 | background-color: #00a9bd; |
... | ... | @@ -357,6 +385,18 @@ li.category-saude { |
357 | 385 | color: #00a9bd; } |
358 | 386 | .saude .send-button a { |
359 | 387 | background-color: #00a9bd; } |
388 | +.saude .title { | |
389 | + background-color: #00a9bd; } | |
390 | +.saude .abstract p { | |
391 | + background-color: #00a9bd; } | |
392 | +.saude .make-proposal { | |
393 | + border-color: #00a9bd; } | |
394 | +.saude .support-proposal { | |
395 | + border-color: #00a9bd; } | |
396 | +.saude .experience-proposal { | |
397 | + border-color: #00a9bd; } | |
398 | +.saude .talk-proposal { | |
399 | + border-color: #00a9bd; } | |
360 | 400 | |
361 | 401 | #proposal-category-seguranca .proposal-link { |
362 | 402 | background-color: #e34748; |
... | ... | @@ -395,6 +435,18 @@ li.category-seguranca { |
395 | 435 | color: #e34748; } |
396 | 436 | .seguranca .send-button a { |
397 | 437 | background-color: #e34748; } |
438 | +.seguranca .title { | |
439 | + background-color: #e34748; } | |
440 | +.seguranca .abstract p { | |
441 | + background-color: #e34748; } | |
442 | +.seguranca .make-proposal { | |
443 | + border-color: #e34748; } | |
444 | +.seguranca .support-proposal { | |
445 | + border-color: #e34748; } | |
446 | +.seguranca .experience-proposal { | |
447 | + border-color: #e34748; } | |
448 | +.seguranca .talk-proposal { | |
449 | + border-color: #e34748; } | |
398 | 450 | |
399 | 451 | #proposal-category-educacao .proposal-link { |
400 | 452 | background-color: #ffb400; |
... | ... | @@ -433,6 +485,18 @@ li.category-educacao { |
433 | 485 | color: #ffb400; } |
434 | 486 | .educacao .send-button a { |
435 | 487 | background-color: #ffb400; } |
488 | +.educacao .title { | |
489 | + background-color: #ffb400; } | |
490 | +.educacao .abstract p { | |
491 | + background-color: #ffb400; } | |
492 | +.educacao .make-proposal { | |
493 | + border-color: #ffb400; } | |
494 | +.educacao .support-proposal { | |
495 | + border-color: #ffb400; } | |
496 | +.educacao .experience-proposal { | |
497 | + border-color: #ffb400; } | |
498 | +.educacao .talk-proposal { | |
499 | + border-color: #ffb400; } | |
436 | 500 | |
437 | 501 | #proposal-category-reducao-da-pobreza .proposal-link { |
438 | 502 | background-color: #51d0b3; |
... | ... | @@ -471,3 +535,17 @@ li.category-reducao-da-pobreza { |
471 | 535 | color: #51d0b3; } |
472 | 536 | .reducao-da-pobreza .send-button a { |
473 | 537 | background-color: #51d0b3; } |
538 | +.reducao-da-pobreza .title { | |
539 | + background-color: #51d0b3; } | |
540 | +.reducao-da-pobreza .abstract p { | |
541 | + background-color: #51d0b3; } | |
542 | +.reducao-da-pobreza .make-proposal { | |
543 | + border-color: #51d0b3; } | |
544 | +.reducao-da-pobreza .support-proposal { | |
545 | + border-color: #51d0b3; } | |
546 | +.reducao-da-pobreza .experience-proposal { | |
547 | + border-color: #51d0b3; } | |
548 | +.reducao-da-pobreza .talk-proposal { | |
549 | + border-color: #51d0b3; } | |
550 | + | |
551 | +/*# sourceMappingURL=novo.css.map */ | ... | ... |
novo.html
... | ... | @@ -6,14 +6,7 @@ |
6 | 6 | <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
7 | 7 | <meta name="viewport" content="width=device-width, initial-scale=1"> |
8 | 8 | |
9 | - <link rel="stylesheet" href="css/bootstrap.min.css"> | |
10 | - <link rel="stylesheet" href="css/hover.custom.css"> | |
11 | - <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"> | |
12 | - <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,700"> | |
13 | - <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Asap:400,700"> | |
14 | - <link rel="stylesheet" href="novo.css"> | |
15 | - | |
16 | - <script type='text/javascript'> | |
9 | + <script type="text/javascript"> | |
17 | 10 | function removeUrlParameters(full_url){ |
18 | 11 | var url_base = full_url.split('#').shift(); |
19 | 12 | return url_base; |
... | ... | @@ -28,10 +21,10 @@ |
28 | 21 | return base + filename; |
29 | 22 | } |
30 | 23 | function makeCSSLink(filename){ |
31 | - var fileref=document.createElement("link"); | |
32 | - fileref.setAttribute("rel", "stylesheet"); | |
33 | - fileref.setAttribute("type", "text/css"); | |
34 | - fileref.setAttribute("href", addBaseUrl(filename)); | |
24 | + var fileref=document.createElement('link'); | |
25 | + fileref.setAttribute('rel', 'stylesheet'); | |
26 | + fileref.setAttribute('type', 'text/css'); | |
27 | + fileref.setAttribute('href', addBaseUrl(filename)); | |
35 | 28 | return fileref; |
36 | 29 | } |
37 | 30 | function loadCSSFiles(){ |
... | ... | @@ -40,10 +33,9 @@ |
40 | 33 | 'css/hover.custom.css', |
41 | 34 | 'http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css', |
42 | 35 | 'http://fonts.googleapis.com/css?family=Open+Sans:400,300,700', |
43 | - 'http://fonts.googleapis.com/css?family=Asap:400,700', | |
44 | - 'style.css' | |
36 | + 'http://fonts.googleapis.com/css?family=Asap:400,700' | |
45 | 37 | ]; |
46 | - head = document.getElementsByTagName("head")[0] | |
38 | + head = document.getElementsByTagName('head')[0] | |
47 | 39 | for(i = 0; i < css_files.length; i++){ |
48 | 40 | head.appendChild(makeCSSLink(css_files[i])); |
49 | 41 | } |
... | ... | @@ -55,20 +47,20 @@ |
55 | 47 | } |
56 | 48 | |
57 | 49 | function loadJavaScriptSync(file_path){ |
58 | - var head = document.getElementsByTagName("head")[0]; | |
59 | - var script_element = document.createElement("script"); | |
60 | - script_element.type = "text/javascript"; | |
50 | + var head = document.getElementsByTagName('head')[0]; | |
51 | + var script_element = document.createElement('script'); | |
52 | + script_element.type = 'text/javascript'; | |
61 | 53 | var req = new XMLHttpRequest(); |
62 | - req.open("GET", file_path, false); // 'false': synchronous. | |
54 | + req.open('GET', file_path, false); // 'false': synchronous. | |
63 | 55 | req.send(null); |
64 | 56 | script_element.text = req.responseText; |
65 | 57 | head.appendChild(script_element); |
66 | 58 | } |
67 | 59 | |
68 | 60 | function loadJavaScriptAsync(file_path){ |
69 | - var head = document.getElementsByTagName("head")[0]; | |
70 | - var script_element = document.createElement("script"); | |
71 | - script_element.type = "text/javascript"; | |
61 | + var head = document.getElementsByTagName('head')[0]; | |
62 | + var script_element = document.createElement('script'); | |
63 | + script_element.type = 'text/javascript'; | |
72 | 64 | script_element.src = file_path; |
73 | 65 | head.appendChild(script_element); |
74 | 66 | } |
... | ... | @@ -98,45 +90,46 @@ |
98 | 90 | } |
99 | 91 | |
100 | 92 | loadCSSFiles(); |
101 | - | |
102 | 93 | </script> |
103 | 94 | |
95 | + <link rel="stylesheet" href="novo.css"> | |
96 | + | |
104 | 97 | </head> |
105 | 98 | <body> |
106 | 99 | |
107 | - <div id='proposal-result'></div> | |
100 | + <div id="proposal-result"></div> | |
108 | 101 | |
109 | - <script id='proposal-template' type='text/x-handlebars-template'> | |
102 | + <script id="proposal-template" type="text/x-handlebars-template"> | |
110 | 103 | <header> |
111 | 104 | <h1><a href="#">{{article.title}}</a></h1> |
112 | - <a id='display-contrast' href='#'>Alto Contraste</a> | |
105 | + <a id="display-contrast" href="#">Alto Contraste</a> | |
113 | 106 | </header> |
114 | 107 | |
115 | 108 | <div id="content"> |
116 | 109 | <p>{{{article.body}}}</p> |
117 | 110 | </div> |
118 | 111 | |
119 | - <nav> | |
120 | - <ul> | |
121 | - <li id='nav-proposal-categories'> | |
122 | - <a href="#/temas" class="active">Temas</a> | |
112 | + <nav role="tabpanel"> | |
113 | + <ul role="tablist"> | |
114 | + <li id="nav-proposal-categories" role="presentation"> | |
115 | + <a href="#/temas" class="active" role="tab" aria-controls="proposal-categories">Temas</a> | |
123 | 116 | </li> |
124 | - <li id='nav-proposal-group'> | |
125 | - <a href="#/programas">Programas</a> | |
117 | + <li id="nav-proposal-group" role="presentation"> | |
118 | + <a href="#/programas" role="tab" aria-controls="proposal-group">Programas</a> | |
126 | 119 | </li> |
127 | 120 | </ul> |
128 | 121 | </nav> |
129 | 122 | |
130 | - <ul id="proposal-categories"> | |
123 | + <div id="proposal-categories"> | |
131 | 124 | <div id="proposal-categories-container"> |
132 | 125 | {{#each article.categories}} |
133 | - <li id='proposal-category-{{slug}}' class="proposal-category" data-category="{{slug}}"> | |
126 | + <li id="proposal-category-{{slug}}" class="proposal-category" data-category="{{slug}}"> | |
134 | 127 | <a href="#/temas/{{slug}}/{{id}}" class="proposal-link hvr-float-shadow" data-target="proposal-item-{{id}}">{{name}}</a> |
135 | 128 | <div class="arrow-box" style="display: none"></div> |
136 | 129 | </li> |
137 | 130 | {{/each}} |
138 | 131 | {{#each article.categories}} |
139 | - <div id='proposal-item-{{id}}' class="proposal-category-items proposal-category-items-{{slug}} hide" data-category="{{slug}}"> | |
132 | + <div id="proposal-item-{{id}}" class="proposal-category-items proposal-category-items-{{slug}} hide" data-category="{{slug}}"> | |
140 | 133 | <div class="header"> |
141 | 134 | <div class="name">{{name}}</div> |
142 | 135 | <div class="description"></div> |
... | ... | @@ -149,15 +142,14 @@ |
149 | 142 | </div> |
150 | 143 | {{/each}} |
151 | 144 | </div> |
152 | - </ul> | |
145 | + </div> | |
153 | 146 | |
154 | - <div id="proposal-group" class='hide'> | |
147 | + <div id="proposal-group" class="hide"> | |
155 | 148 | <label for="search-input">Selecione um programa para fazer propostas e contar sua experiência.</label> |
156 | 149 | <div id="search-input-container"> |
157 | 150 | <input placeholder="palavra chave" id="search-input" type="text" name="search" /> |
158 | 151 | </div> |
159 | 152 | <ul> |
160 | - | |
161 | 153 | {{#list_proposal article.children}} |
162 | 154 | {{#link title id}}{{/link}} |
163 | 155 | {{/list_proposal}} |
... | ... | @@ -165,11 +157,11 @@ |
165 | 157 | </div> |
166 | 158 | |
167 | 159 | {{#each article.children}} |
168 | - <div class='proposal-detail hide' id="proposal-item-{{id}}"> | |
169 | - <div class='categories {{#each categories}}{{slug}} {{/each}}'> | |
160 | + <div class="proposal-detail hide" id="proposal-item-{{id}}"> | |
161 | + <div class="categories {{#each categories}}{{slug}} {{/each}}"> | |
170 | 162 | <ul class="select"> |
171 | 163 | {{#each categories}} |
172 | - <li class='category proposal-category' data-category="{{slug}}"> | |
164 | + <li class="category proposal-category" data-category="{{slug}}"> | |
173 | 165 | <a href="#/temas/{{slug}}/{{id}}" class="proposal-link" data-target="proposal-item-{{id}}">{{name}}</a> |
174 | 166 | <button class="go-back btn btn-default pull-right"> |
175 | 167 | VOLTAR |
... | ... | @@ -180,96 +172,98 @@ |
180 | 172 | {{/each}} |
181 | 173 | </ul> |
182 | 174 | |
183 | - <div class='proposal-header'> | |
184 | - <div class='abstract'> | |
175 | + <div class="proposal-header"> | |
176 | + <div class="abstract"> | |
185 | 177 | <img src="{{../host}}{{image.url}}" alt="Imagem de apresentação do programa."/> |
186 | 178 | </div> |
187 | - <div class='title'>{{title}}</div> | |
188 | - <div class='abstract'>{{{abstract}}}</div> | |
189 | - <div class='show_body'> | |
190 | - <a href='#/programas/{{id}}/sobre-o-programa'><span>Conheça o Programa</span></a> | |
179 | + <div class="title">{{title}}</div> | |
180 | + <div class="abstract">{{{abstract}}}</div> | |
181 | + <div class="show_body"> | |
182 | + <a href="#/programas/{{id}}/sobre-o-programa"><span>Conheça o Programa</span></a> | |
191 | 183 | </div> |
192 | 184 | </div> |
193 | 185 | |
194 | - <div class='body proposal-detail-base hide'> | |
186 | + <div class="body proposal-detail-base hide"> | |
195 | 187 | {{{body}}} |
196 | - <div class='go-to-proposal-button'> | |
197 | - <a href="#/programas/{{id}}" data-target='proposal-item-{{id}}'> | |
198 | - <span class='fa fa-reply'></span> | |
188 | + <div class="go-to-proposal-button"> | |
189 | + <a href="#/programas/{{id}}" data-target="proposal-item-{{id}}"> | |
190 | + <span class="fa fa-reply"></span> | |
199 | 191 | Agora contribua para a melhoria desse programa |
200 | 192 | </a> |
201 | - </div> | |
202 | - | |
193 | + </div> | |
203 | 194 | </div> |
204 | - <div class='make-proposal-container'> | |
205 | - <div class='make-proposal'> | |
206 | - <div class='container-title'>Faça Uma Proposta</div> | |
207 | - <div class='subtitle'>Qual a sua sugestão para melhorar este programa?</div> | |
208 | - <div class='info'>Ela se tornará pública em até 24 horas após o envio e poderá ser apoiada por outros participantes.</div> | |
209 | - <div class='send-proposal-button send-button'><a href='#'><span>Envie Sua Proposta</span></a></div> | |
195 | + | |
196 | + <div class="make-proposal-container"> | |
197 | + <div class="make-proposal"> | |
198 | + <div class="container-title">Faça Uma Proposta</div> | |
199 | + <div class="subtitle">Qual a sua sugestão para melhorar este programa?</div> | |
200 | + <div class="info">Ela se tornará pública em até 24 horas após o envio e poderá ser apoiada por outros participantes.</div> | |
201 | + <div class="send-proposal-button send-button"><a href="#"><span>Envie Sua Proposta</span></a></div> | |
210 | 202 | <div class="login-container hide">Login</div> |
211 | - <form class='make-proposal-form save-article-form hide' id='make-proposal-form-{{id}}'> | |
203 | + <form class="make-proposal-form save-article-form hide" id="make-proposal-form-{{id}}"> | |
212 | 204 | <div class="message hide"></div> |
213 | 205 | <div> |
214 | 206 | <div><label for="article_abstract">Descrição</label></div> |
215 | 207 | <textarea id="article_abstract" class="countdown" name="article[abstract]" placeholder="Descrição" maxlength="200"></textarea> |
216 | 208 | </div> |
217 | - <input id='content_type' name='content_type' value='ProposalsDiscussionPlugin::Proposal' type='hidden'> | |
218 | - <input type='submit' id='make-proposal-button' class='make-proposal-button' name='make-proposal-button' value='Enviar'> | |
209 | + <input type="hidden" id="content_type" name="content_type" value="ProposalsDiscussionPlugin::Proposal"> | |
210 | + <input type="submit" id="make-proposal-button" name="make-proposal-button" class="make-proposal-button" value="Enviar"> | |
219 | 211 | </form> |
220 | - <div class='success-proposal-sent success-sent hide send-button'> | |
212 | + <div class="success-proposal-sent success-sent hide send-button"> | |
221 | 213 | <p>Sua proposta foi encaminhada com sucesso!</p> |
222 | - <a href='#'>Encaminhar Nova Proposta</a> | |
214 | + <a href="#">Encaminhar Nova Proposta</a> | |
223 | 215 | </div> |
224 | 216 | <br style="clear: both;" /> |
225 | 217 | </div> |
226 | 218 | </div> |
227 | - <div class='support-proposal-container'> | |
228 | - <div class='support-proposal'> | |
229 | - <div class='container-title'> Apoie outras propostas</div> | |
230 | - <div class='subtitle'> Propostas da sociedade</div> | |
219 | + <div class="support-proposal-container"> | |
220 | + <div class="support-proposal"> | |
221 | + <div class="container-title"> Apoie outras propostas</div> | |
222 | + <div class="subtitle"> Propostas da sociedade</div> | |
231 | 223 | <div class="random-proposal"></div> |
232 | 224 | <div class="loading">Carregando...</div> |
233 | 225 | <div class="no-proposals">Ainda não existe nenhuma proposta para este programa.</div> |
234 | 226 | </div> |
235 | 227 | </div> |
236 | - <div class='results-container hide'></div> | |
237 | - <div class='experience-proposal-container'> | |
238 | - <div class='experience-proposal'> | |
239 | - <div class='container-title'>Conte sua experiência</div> | |
228 | + <div class="results-container hide"></div> | |
229 | + <div class="experience-proposal-container"> | |
230 | + <div class="experience-proposal"> | |
231 | + <div class="container-title">Conte sua experiência</div> | |
240 | 232 | <p>Adoraríamos que você nos contasse a sua experiência com este programa ou a de alguém que você conhece.</p> |
241 | 233 | <p>Esta história pode nos ajudar a melhorar a nossa ação e não será divulgada.</p> |
242 | - <div class='send-experience-button send-button'><a href='#'><span>Envie Sua Experiência</span></a></div> | |
234 | + <div class="send-experience-button send-button"><a href="#"><span>Envie Sua Experiência</span></a></div> | |
243 | 235 | <div class="login-container hide">Login</div> |
244 | - <form class='make-experience-form save-article-form hide' id='make-experience-form-{{id}}'> | |
236 | + <form class="make-experience-form save-article-form hide" id="make-experience-form-{{id}}"> | |
245 | 237 | <div class="message hide"></div> |
246 | 238 | <div> |
247 | - <div><label for="article_abstract">Descrição</label></div> | |
239 | + <div> | |
240 | + <label for="article_abstract">Descrição</label> | |
241 | + </div> | |
248 | 242 | <textarea id="article_abstract" class="countdown" name="article[abstract]" placeholder="Descrição" maxlength="5000"></textarea> |
249 | 243 | </div> |
250 | - <input id='content_type' name='content_type' value='ProposalsDiscussionPlugin::Story' type='hidden'> | |
251 | - <input type='submit' id='make-experience-button' class='make-experience-button' name='make-experience-button' value='Enviar'> | |
244 | + <input type="hidden" id="content_type" name="content_type" value="ProposalsDiscussionPlugin::Story"> | |
245 | + <input type="submit" id="make-experience-button" name="make-experience-button" class="make-experience-button" value="Enviar"> | |
252 | 246 | </form> |
253 | - <div class='success-experience-sent success-sent hide send-button'> | |
247 | + <div class="success-experience-sent success-sent hide send-button"> | |
254 | 248 | <p>Sua experiência foi encaminhada com sucesso!</p> |
255 | - <a href='#'>Encaminhar Nova Experiência</a> | |
249 | + <a href="#">Encaminhar Nova Experiência</a> | |
256 | 250 | </div> |
257 | 251 | </div> |
258 | 252 | </div> |
259 | - <div class='talk-proposal-container'> | |
260 | - <div class='talk-proposal'> | |
261 | - <div class='container-title'>Fale com os ministros</div> | |
253 | + <div class="talk-proposal-container"> | |
254 | + <div class="talk-proposal"> | |
255 | + <div class="container-title">Fale com os ministros</div> | |
262 | 256 | <p>Confira as datas e horários disponíveis:</p> |
263 | - <ul class='calendar'> | |
257 | + <ul class="calendar"> | |
264 | 258 | <li> |
265 | 259 | <span>Arthur Chioro</span> |
266 | 260 | <span>Saúde</span> |
267 | - <div class='date'><i class="fa fa-calendar"></i> 22/04/2015</div><div class='time'><i class="fa fa-clock-o"></i> 09:00</div> | |
261 | + <div class="date"><i class="fa fa-calendar"></i> 22/04/2015</div><div class="time"><i class="fa fa-clock-o"></i> 09:00</div> | |
268 | 262 | </li> |
269 | 263 | <li> |
270 | 264 | <span>Teresa Campello</span> |
271 | 265 | <span>Desenvolvimento Social</span> |
272 | - <div class='date'><i class="fa fa-calendar"></i> 22/04/2015</div><div class='time'><i class="fa fa-clock-o"></i> 09:00</div> | |
266 | + <div class="date"><i class="fa fa-calendar"></i> 22/04/2015</div><div class="time"><i class="fa fa-clock-o"></i> 09:00</div> | |
273 | 267 | </li> |
274 | 268 | </ul> |
275 | 269 | </div> |
... | ... | @@ -279,8 +273,10 @@ |
279 | 273 | {{/each}} |
280 | 274 | </script> |
281 | 275 | |
282 | - <script id='support-proposal-template' type='text/x-handlebars-template'> | |
283 | - <div class='abstract'><p>"{{trimString abstract 200}}"</p></div> | |
276 | + <script id="support-proposal-template" type="text/x-handlebars-template"> | |
277 | + <div class="abstract"> | |
278 | + <p>{{trimString abstract 200}}</p> | |
279 | + </div> | |
284 | 280 | <div class="vote-actions"> |
285 | 281 | <a href="#" class="like dislike" data-vote-value="-1"></a> |
286 | 282 | <a href="#" class="like" data-vote-value="1"></a> |
... | ... | @@ -289,7 +285,7 @@ |
289 | 285 | </div> |
290 | 286 | </script> |
291 | 287 | |
292 | - <script id="results" type='text/x-handlebars-template'> | |
288 | + <script id="results" type="text/x-handlebars-template"> | |
293 | 289 | <div class="loading">Carregando...</div> |
294 | 290 | <div class="results-content hide"> |
295 | 291 | <a href="#" class="vote-result">Fechar</a> |
... | ... | @@ -312,7 +308,7 @@ |
312 | 308 | </div> |
313 | 309 | </script> |
314 | 310 | |
315 | - <script id='login' type='text/x-handlebars-template'> | |
311 | + <script id="login" type="text/x-handlebars-template"> | |
316 | 312 | <form id="login-form" class="login"> |
317 | 313 | <div class="message hide"></div> |
318 | 314 | <div class="username"> |
... | ... | @@ -336,15 +332,9 @@ |
336 | 332 | </form> |
337 | 333 | </script> |
338 | 334 | |
339 | - <script src='js/jquery-2.1.3.min.js'></script> | |
340 | - <script src='js/jquery-ui-1.11.4.custom/jquery-ui.min.js'></script> | |
341 | - <script src='js/jquery.cookie.js'></script> | |
342 | - <script src='js/handlebars-v3.0.1.js'></script> | |
343 | - <script src='js/handlebars-helpers.js'></script> | |
344 | - <script src='js/jquery.dotdotdot.min.js'></script> | |
345 | - <script src='js/jquery.maxlength.min.js'></script> | |
346 | - <script src='js/layout.js'></script> | |
347 | - <script src='js/main.js'></script> | |
335 | + <script type="text/javascript"> | |
336 | + loadJSFiles(); | |
337 | + </script> | |
348 | 338 | |
349 | 339 | </body> |
350 | 340 | ... | ... |
sass/novo/_colors.scss
... | ... | @@ -69,5 +69,33 @@ |
69 | 69 | } |
70 | 70 | } |
71 | 71 | } |
72 | + .title { | |
73 | + background-color: $color; | |
74 | + } | |
75 | + .abstract { | |
76 | + p { | |
77 | + background-color: $color; | |
78 | + } | |
79 | + } | |
80 | + .make { | |
81 | + &-proposal { | |
82 | + border-color: $color; | |
83 | + } | |
84 | + } | |
85 | + .support { | |
86 | + &-proposal { | |
87 | + border-color: $color; | |
88 | + } | |
89 | + } | |
90 | + .experience { | |
91 | + &-proposal { | |
92 | + border-color: $color; | |
93 | + } | |
94 | + } | |
95 | + .talk { | |
96 | + &-proposal { | |
97 | + border-color: $color; | |
98 | + } | |
99 | + } | |
72 | 100 | } |
73 | 101 | } |
74 | 102 | \ No newline at end of file | ... | ... |
sass/novo/_proposal_detail.scss
... | ... | @@ -37,6 +37,10 @@ |
37 | 37 | padding: $default-spacing-size; |
38 | 38 | } |
39 | 39 | } |
40 | +.categories { | |
41 | + display: table; | |
42 | + width: 100%; | |
43 | +} | |
40 | 44 | .category { |
41 | 45 | background-color: #000; |
42 | 46 | border-top: 0; |
... | ... | @@ -148,21 +152,49 @@ |
148 | 152 | } |
149 | 153 | .make { |
150 | 154 | &-proposal { |
151 | - margin-right: $default-spacing-size - 10; | |
155 | + border: 1px solid #000; | |
156 | + height: 500px; | |
157 | + margin-right: $default-spacing-size / 2; | |
158 | + padding: $default-spacing-size; | |
159 | + &-container { | |
160 | + float: left; | |
161 | + width: 50%; | |
162 | + } | |
152 | 163 | } |
153 | 164 | } |
154 | 165 | .support { |
155 | 166 | &-proposal { |
156 | - margin-left: $default-spacing-size - 10; | |
167 | + border: 1px solid #000; | |
168 | + height: 500px; | |
169 | + margin-left: $default-spacing-size / 2; | |
170 | + padding: $default-spacing-size; | |
171 | + &-container { | |
172 | + float: left; | |
173 | + width: 50%; | |
174 | + } | |
157 | 175 | } |
158 | 176 | } |
159 | 177 | .experience { |
160 | 178 | &-proposal { |
161 | - margin-right: $default-spacing-size - 10; | |
179 | + border: 1px solid #000; | |
180 | + height: 500px; | |
181 | + margin-right: $default-spacing-size / 2; | |
182 | + padding: $default-spacing-size; | |
183 | + &-container { | |
184 | + float: left; | |
185 | + width: 50%; | |
186 | + } | |
162 | 187 | } |
163 | 188 | } |
164 | 189 | .talk { |
165 | 190 | &-proposal { |
166 | - margin-left: $default-spacing-size - 10; | |
191 | + border: 1px solid #000; | |
192 | + height: 500px; | |
193 | + margin-left: $default-spacing-size / 2; | |
194 | + padding: $default-spacing-size; | |
195 | + &-container { | |
196 | + float: left; | |
197 | + width: 50%; | |
198 | + } | |
167 | 199 | } |
168 | 200 | } |
169 | 201 | \ No newline at end of file | ... | ... |
sass/novo/_variables.scss