Commit cb6d343fc0a1917da079ce9a9b92b7e624f61e08
initial theme
Too many changes.
To preserve performance only 100 of 190 files displayed.
1 | +++ a/cabecalho-amarelo-theme.css | |
... | ... | @@ -0,0 +1,550 @@ |
1 | +/*(amarelo-claro=#fcdd4e)*/ | |
2 | +/*(amarelo-escuro=#f9c404)*/ | |
3 | +/****************** cabecalho ******************/ | |
4 | + | |
5 | +#theme-header{} | |
6 | + | |
7 | +#header { | |
8 | + padding: 13px 0 0 0; | |
9 | +background-color: #1659BF;/*(amarelo-claro)*/ | |
10 | + /* Old browsers */ | |
11 | + background-color: #f9c404; /*(amarelo-escuro)*/ | |
12 | + background-image: -moz-radial-gradient(center, ellipse cover, #1659BF 1%, #0F4098 100%); /*(amarelo-claro)(amarelo-escuro)*/ | |
13 | + /* FF3.6+ */ | |
14 | + background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#1659BF), color-stop(100%,#0F4098)); | |
15 | + /* Chrome,Safari4+ */ | |
16 | + background-image: -webkit-radial-gradient(center, ellipse cover, #1659BF 1%,#0F4098 100%); | |
17 | + /* Chrome10+,Safari5.1+ */ | |
18 | + background-image: -o-radial-gradient(center, ellipse cover, #1659BF 1%,#0F4098 100%); | |
19 | + /* Opera 12+ */ | |
20 | + background-image: -ms-radial-gradient(center, ellipse cover, #1659BF 1%,#0F4098 100%); | |
21 | + /* IE10+ */ | |
22 | + background-image: radial-gradient(ellipse at center, #1659BF 1%,#0F4098 100%); | |
23 | + /* W3C */ | |
24 | +/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcdd4e', endColorstr='#f9c404',GradientType=1 );*/ | |
25 | + /* IE6-9 fallback on horizontal gradient */ | |
26 | + color: #fff; | |
27 | +} | |
28 | + | |
29 | +#header>div { | |
30 | + max-width: 960px; | |
31 | + margin: 0 auto; | |
32 | +} | |
33 | + | |
34 | +.header-content * { | |
35 | + margin: 0; | |
36 | + padding: 0; | |
37 | + list-style: none; | |
38 | + vertical-align: baseline; | |
39 | +} | |
40 | +.header-content li { display: inline; } | |
41 | + | |
42 | +#brasilgov { | |
43 | + background: #00510f; | |
44 | + border-bottom: 1px solid #ffcc00; | |
45 | + padding: 5px 10px; | |
46 | + color: #03316f; | |
47 | +} | |
48 | + | |
49 | +#accessibility { | |
50 | + display: block !important; | |
51 | + float: left; | |
52 | + font-family: arial; | |
53 | + font-size: 10px; | |
54 | + width: 50%; | |
55 | +} | |
56 | + | |
57 | +#accessibility a { | |
58 | + color: #FFF; | |
59 | + margin-right: 8px; | |
60 | +} | |
61 | + | |
62 | +#accessibility span { | |
63 | + background: none repeat scroll 0 0 #497B16; | |
64 | + color: #FFFFFF; | |
65 | + padding: 0 4px; | |
66 | +} | |
67 | + | |
68 | + | |
69 | + | |
70 | +/* logo */ | |
71 | +#logo { | |
72 | + padding: 0; | |
73 | + float: left; | |
74 | + width: 70%; | |
75 | +} | |
76 | + | |
77 | +#logo span { | |
78 | + display: block; | |
79 | +} | |
80 | + | |
81 | +#logo a { | |
82 | + display: block; | |
83 | + width: 100%; | |
84 | + color: #FFF !important; | |
85 | + margin: 1em 0px; | |
86 | +} | |
87 | + | |
88 | +#logo a, #logo #portal-title { | |
89 | + color: #FFF; | |
90 | +} | |
91 | + | |
92 | +#logo #portal-title { | |
93 | + margin: 30px 0px 46px 0px; | |
94 | + color: #FFF; | |
95 | + font-size: 40px; | |
96 | + font-family: 'Open Sans Extrabold', Arial, Helvetica, sans-serif; | |
97 | + font-weight: normal; | |
98 | + line-height: 1em; | |
99 | + letter-spacing: -0.05em; | |
100 | +} | |
101 | + | |
102 | +#logo .luongo { | |
103 | + font-size: 3em !important; | |
104 | + line-height: 1.1em; | |
105 | + margin-bottom: 0.2em; | |
106 | +} | |
107 | + | |
108 | +#logo #portal-description { | |
109 | + font-size: 1.2em; | |
110 | + text-transform: uppercase; | |
111 | +} | |
112 | + | |
113 | +/* Site Actions */ | |
114 | +#portal-siteactions { | |
115 | + display: block; | |
116 | + float: right; | |
117 | + clear: left; | |
118 | + border-bottom: 1px dotted #00500f; | |
119 | + padding-bottom: 2px; | |
120 | + margin-top: -15px; | |
121 | + font-size: 10px; | |
122 | + text-align: center; | |
123 | +} | |
124 | + | |
125 | +#portal-siteactions a { | |
126 | + color: #FFF; | |
127 | + text-decoration: none; | |
128 | + padding: 4px 0 4px 10px; | |
129 | + text-transform: uppercase; | |
130 | + font-family: 'Open Sans', Arial, Helvetica, sans-serif; | |
131 | +} | |
132 | + | |
133 | +#portal-siteactions a:hover { | |
134 | + color: #CCC; | |
135 | +} | |
136 | + | |
137 | +#portal-siteactions li { | |
138 | + display: inline; | |
139 | +} | |
140 | + | |
141 | +#portal-siteactions li a:hover { | |
142 | +color: #75ad0a | |
143 | +} | |
144 | +#portal-siteactions li a { | |
145 | + padding: 4px 0px; | |
146 | +} | |
147 | + | |
148 | +#social-icons { | |
149 | + float: right; | |
150 | + clear: right; | |
151 | + margin: 0px; | |
152 | +} | |
153 | + | |
154 | +#social-icons ul { | |
155 | + display: table-row; | |
156 | +} | |
157 | + | |
158 | +#social-icons li { | |
159 | + display: table-cell; | |
160 | +} | |
161 | + | |
162 | +#social-icons li a { | |
163 | + border: none; | |
164 | + padding: 0 5px; | |
165 | +} | |
166 | + | |
167 | +#siteaction-accessibility, | |
168 | +#siteaction-contraste { | |
169 | + margin: 0px 15px 0px 0px; | |
170 | +} | |
171 | +/* */ | |
172 | + | |
173 | +/* Top links */ | |
174 | +#theme-header .header-content #link-faq a { | |
175 | + border-right: 1px solid #FFF; | |
176 | + padding: 0 10px; | |
177 | +} | |
178 | + | |
179 | +#theme-header .header-content #link-contact a { | |
180 | + padding-left: 10px; | |
181 | +} | |
182 | + | |
183 | +#theme-header #sobre { | |
184 | + line-height: 20px; | |
185 | + font-size: 12px; | |
186 | +} | |
187 | +/* */ | |
188 | + | |
189 | +/* Sobre o brasil */ | |
190 | +#sobre { | |
191 | + clear: both; | |
192 | + max-width: 100% !important; | |
193 | + margin: 0; | |
194 | + background: #0F4098;/*amarelo-mais-escuro*/ | |
195 | + padding: 5px 0; | |
196 | +} | |
197 | + | |
198 | +#sobre ul { | |
199 | + max-width: 960px; | |
200 | + margin: 0 auto; | |
201 | + text-align: right; | |
202 | +} | |
203 | + | |
204 | +#sobre a { | |
205 | + color: #FFF; | |
206 | + font-family: 'Open Sans', Arial, Helvetica, sans-serif; | |
207 | +} | |
208 | + | |
209 | +/* | |
210 | +#sobre .portalservicos-item a { | |
211 | + padding: 0 10px; | |
212 | + border-right: 1px solid #03316f; | |
213 | +} | |
214 | + | |
215 | +#sobre .last-item a { | |
216 | + padding: 0 0 0 10px; | |
217 | + border-right: none; | |
218 | +} | |
219 | +*/ | |
220 | + | |
221 | +#sobre li { | |
222 | + padding: 0 10px; | |
223 | +} | |
224 | + | |
225 | +#sobre li + li { | |
226 | + border-left: 1px solid #FFFFFF; | |
227 | +} | |
228 | + | |
229 | +/* Searchbox */ | |
230 | +.LSBox { | |
231 | + margin: 0; | |
232 | + padding: 0; | |
233 | + border: none; | |
234 | +} | |
235 | + | |
236 | +input.searchField { | |
237 | + -moz-appearance: none; | |
238 | +} | |
239 | + | |
240 | +#portal-searchbox { | |
241 | + clear: right; | |
242 | + float: right; | |
243 | + font-size: 80%; | |
244 | + margin: 30px 0 14px; | |
245 | + /*margin: 3.12em 0px 3px 0px;*/ | |
246 | + text-align: right; | |
247 | + border-radius: 5px; | |
248 | + -moz-border-radius: 5px; | |
249 | + -webkit-border-radius: 5px; | |
250 | + border: 1px solid #CCCCCC; | |
251 | + background: #fff; | |
252 | + padding: 2px; | |
253 | +} | |
254 | + | |
255 | +#portal-searchbox .searchField { | |
256 | + padding: 0.45em; | |
257 | + border-right: none; | |
258 | + border: none; | |
259 | + width: 170px; | |
260 | +} | |
261 | + | |
262 | +#portal-searchbox form { | |
263 | +white-space: nowrap; | |
264 | +} | |
265 | + | |
266 | +#portal-searchbox label { | |
267 | +font-weight: normal; | |
268 | +} | |
269 | + | |
270 | +#searchGadget { | |
271 | +width: 13em; | |
272 | +} | |
273 | + | |
274 | +#header input.searchButton { | |
275 | + padding: 0.3em; | |
276 | + background: transparent; | |
277 | + text-indent: -2000px; | |
278 | + padding: 4px 15px; | |
279 | + border: none; | |
280 | +} | |
281 | + | |
282 | +#content input.searchField { | |
283 | +margin-bottom: 1em; | |
284 | +} | |
285 | +input.searchField { | |
286 | +-moz-appearance: searchfield; | |
287 | +} | |
288 | + | |
289 | +#header input.searchButton { | |
290 | + background-image: url("images/search-button.gif"); | |
291 | + background-position: 8px 2px; | |
292 | + background-repeat: no-repeat; | |
293 | + background-color: #ffffff; | |
294 | +} | |
295 | + | |
296 | +#LSResult { | |
297 | + z-index: 1; | |
298 | + margin-top: 0.5%; | |
299 | +} | |
300 | + | |
301 | + | |
302 | +/* Search Button */ | |
303 | +#search-button a { | |
304 | + display: inline-block; | |
305 | + width: 29px; | |
306 | + height: 25px; | |
307 | + margin-right: 3px; | |
308 | + margin-top: 10px; | |
309 | +} | |
310 | + | |
311 | +#search-button a:hover { | |
312 | + opacity: 0.6; | |
313 | +} | |
314 | + | |
315 | +#search-button #sb_search { | |
316 | +background-image: url(images/search.png); | |
317 | +background-size: 100% 100%; | |
318 | +} | |
319 | + | |
320 | +#search-button span { display: none; } | |
321 | + | |
322 | + | |
323 | +/* */ | |
324 | + | |
325 | +/* Social Buttons */ | |
326 | +#social-buttons a { | |
327 | + width: 18px; | |
328 | + height: 20px; | |
329 | + margin-right: 3px; | |
330 | + margin-top: 10px; | |
331 | +} | |
332 | + | |
333 | +#social-icons li a { | |
334 | + width: 20px; | |
335 | + height: 20px; | |
336 | + padding: 0px; | |
337 | + display: inline-block; | |
338 | + background-repeat: no-repeat; | |
339 | +} | |
340 | + | |
341 | +#social-icons li { | |
342 | + float: right; | |
343 | + width: 20px; | |
344 | + margin-left: 4px; | |
345 | +} | |
346 | + | |
347 | +#social-icons #sb_face { | |
348 | +background-image: url(images/icone-verde-facebook.png); | |
349 | +} | |
350 | +#social-icons #sb_face:hover { | |
351 | +background: url(images/icone-verde-facebook.png) 0 20px; | |
352 | +} | |
353 | + | |
354 | +#social-icons #sb_tweet { | |
355 | +background-image: url(images/icone-verde-twitter.png); | |
356 | +} | |
357 | +#social-icons #sb_tweet:hover { | |
358 | +background: url(images/icone-verde-twitter.png) 0 20px; | |
359 | +} | |
360 | + | |
361 | +#social-icons #sb_youtb { | |
362 | +background-image: url(images/icone-verde-youtube.png); | |
363 | +} | |
364 | +#social-icons #sb_youtb:hover { | |
365 | +background: url(images/icone-verde-youtube.png) 0 20px; | |
366 | +} | |
367 | + | |
368 | +#social-icons #sb_flickr { | |
369 | +background-image: url(images/icone-verde-flickr.png); | |
370 | +} | |
371 | +#social-icons #sb_flickr:hover { | |
372 | +background: url(images/icone-verde-flickr.png) 0 20px; | |
373 | +} | |
374 | + | |
375 | +#social-icons span { display: none; } | |
376 | + | |
377 | +/* FIM social Buttons */ | |
378 | + | |
379 | +/****************** FIM cabecalho ******************/ | |
380 | + | |
381 | +/************* Bar Psocial Style - Menu Horizontal**************/ | |
382 | +#user{ | |
383 | + padding: 0px 2em; | |
384 | + top: -30px; | |
385 | + font-size: 12px; | |
386 | + right: 4em; | |
387 | +} | |
388 | + | |
389 | +.logged-in #user{ | |
390 | + top: -40px; | |
391 | +} | |
392 | + | |
393 | +#user form { | |
394 | + display:none; | |
395 | +} | |
396 | + | |
397 | +#user .logged-in { | |
398 | + visibility: hidden; | |
399 | + display: block; | |
400 | + background:url("images/barra-menu-user-bg.png") repeat-x bottom center #FEFEFE; | |
401 | + display: block; | |
402 | + padding: 1em 0; | |
403 | + text-align: left; | |
404 | + width: 130px; | |
405 | + border-radius: 10px | |
406 | +} | |
407 | + | |
408 | +#user .logged-in:hover { | |
409 | + visibility: visible; | |
410 | +} | |
411 | +#user .logged-in a#homepage-link { | |
412 | + display: block; | |
413 | + visibility: visible; | |
414 | +} | |
415 | + | |
416 | +#user .logged-in span {display: none;} | |
417 | + | |
418 | +#user .logged-in a { | |
419 | + display: block; | |
420 | + margin-bottom: 10px; | |
421 | +} | |
422 | + | |
423 | +#user .logged-in #pending-tasks-count { | |
424 | + display: inline-block; | |
425 | + left: 0; | |
426 | + position: absolute; | |
427 | + top: 10px; | |
428 | + visibility: visible; | |
429 | +} | |
430 | + | |
431 | +#barra-psocial { | |
432 | + position: relative; | |
433 | + height: 40px; | |
434 | + margin: auto; | |
435 | + /*background: url(images/barra-psocial-bg.png) repeat-x;*/ | |
436 | +} | |
437 | + | |
438 | +#barra-psocial li { | |
439 | + float: left; | |
440 | +} | |
441 | + | |
442 | +#assets-menu { | |
443 | + background: #E8E8E8; | |
444 | + top: 35px; | |
445 | + left: 80px; | |
446 | + min-width: 132px; | |
447 | +} | |
448 | + | |
449 | +#assets-menu a { | |
450 | + border: 1px solid #E8E8E8; | |
451 | +} | |
452 | + | |
453 | +#categories_menu { | |
454 | + /*max-width: 960px;*/ | |
455 | + padding: 0 1em; | |
456 | + margin: auto; | |
457 | +} | |
458 | + | |
459 | +#custom-menu { | |
460 | + /*background: url(images/marca-participacao-social.png) no-repeat center left; | |
461 | + height: 40px; | |
462 | + padding-left: 60px;*/ | |
463 | +} | |
464 | + | |
465 | +#cat_menu li { | |
466 | + list-style: none; | |
467 | + font-size: 12px; | |
468 | + font-weight: bold; | |
469 | + padding: 0px 20px; | |
470 | + height: 100%; | |
471 | + text-transform: uppercase; | |
472 | +} | |
473 | + | |
474 | +#cat_menu li:hover { | |
475 | + background-color: #E1E4E4; | |
476 | +} | |
477 | + | |
478 | +#cat_menu li a { | |
479 | + line-height: 40px; | |
480 | + width: 100%; | |
481 | + height: 100%; | |
482 | + display: block; | |
483 | +} | |
484 | +/************* FIM Bar Psocial Style - Menu Horizontal**************/ | |
485 | + | |
486 | + | |
487 | +/******************Footer - Rodapé**********************************/ | |
488 | +#theme-footer { | |
489 | + width: 100%; | |
490 | +} | |
491 | + | |
492 | +#footer-content { | |
493 | + background: #fff; | |
494 | +} | |
495 | + | |
496 | +#footer-logos { | |
497 | + background: #0F4098; | |
498 | + max-width: 100%; | |
499 | + padding: 2em 0; | |
500 | + height: 49px; | |
501 | +} | |
502 | + | |
503 | +#footer-logos div { | |
504 | + max-width: 960px; | |
505 | + margin: 0 auto; | |
506 | +} | |
507 | + | |
508 | +#footer-logos a { | |
509 | + display: block; | |
510 | + height: 49px; | |
511 | + float: left; | |
512 | +} | |
513 | + | |
514 | +#footer-logos span { | |
515 | + display: none; | |
516 | +} | |
517 | + | |
518 | +#footer-logos .logo-acesso { | |
519 | + background: transparent url(images/acesso-a-informacao.png) center center no-repeat; | |
520 | + width: 107px; | |
521 | +} | |
522 | + | |
523 | +#footer-logos .logo-brasil { | |
524 | + background: transparent url(images/brasil.png) center center no-repeat; | |
525 | + width: 153px; | |
526 | +} | |
527 | + | |
528 | +#footer-logos .logo-sgpr { | |
529 | + background: transparent url(images/sgpr.png) center center no-repeat; | |
530 | + width: 187px; | |
531 | + margin-right: 30px; | |
532 | +} | |
533 | + | |
534 | +#footer-logos .institucionais { | |
535 | + float: right; | |
536 | +} | |
537 | + | |
538 | +#footer-license { | |
539 | + max-width: 960px; | |
540 | + margin: 0 auto; | |
541 | + text-align: left; | |
542 | + padding: 19px; | |
543 | +} | |
544 | + | |
545 | +#footer-license p { | |
546 | + color: #F28F00; | |
547 | + text-align: left; | |
548 | +} | |
549 | + | |
550 | + | ... | ... |
1 | +++ a/cabecalho-theme.css | |
... | ... | @@ -0,0 +1,372 @@ |
1 | + | |
2 | +/****************** cabecalho ******************/ | |
3 | + | |
4 | +#theme-header{ | |
5 | + | |
6 | +} | |
7 | + | |
8 | +#header { | |
9 | + padding: 15px 0 0 0; | |
10 | +background-color: #19882c; | |
11 | + /* Old browsers */ | |
12 | + background-color: #0A5517; | |
13 | + background-image: -moz-radial-gradient(center, ellipse cover, #19882c 1%, #025310 100%); | |
14 | + /* FF3.6+ */ | |
15 | + background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#19882c), color-stop(100%,#025310)); | |
16 | + /* Chrome,Safari4+ */ | |
17 | + background-image: -webkit-radial-gradient(center, ellipse cover, #19882c 1%,#025310 100%); | |
18 | + /* Chrome10+,Safari5.1+ */ | |
19 | + background-image: -o-radial-gradient(center, ellipse cover, #19882c 1%,#025310 100%); | |
20 | + /* Opera 12+ */ | |
21 | + background-image: -ms-radial-gradient(center, ellipse cover, #19882c 1%,#025310 100%); | |
22 | + /* IE10+ */ | |
23 | + background-image: radial-gradient(ellipse at center, #19882c 1%,#025310 100%); | |
24 | + /* W3C */ | |
25 | + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19882c', endColorstr='#025310',GradientType=1 ); | |
26 | + /* IE6-9 fallback on horizontal gradient */ | |
27 | + color: #fff; | |
28 | +} | |
29 | + | |
30 | +#header>div { | |
31 | + max-width: 960px; | |
32 | + margin: 0 auto; | |
33 | +} | |
34 | + | |
35 | +.header-content * { | |
36 | + margin: 0; | |
37 | + padding: 0; | |
38 | + list-style: none; | |
39 | + vertical-align: baseline; | |
40 | +} | |
41 | +.header-content li { display: inline; } | |
42 | + | |
43 | +#brasilgov { | |
44 | + background: #00510f; | |
45 | + border-bottom: 1px solid #ffcc00; | |
46 | + padding: 5px 10px; | |
47 | + color: #fff; | |
48 | +} | |
49 | + | |
50 | +#accessibility { | |
51 | + display: block !important; | |
52 | + font-size: 0.8em; | |
53 | + width: 50%; | |
54 | + float: left; | |
55 | +} | |
56 | + | |
57 | +#accessibility a { | |
58 | + color: #dcffe3; | |
59 | + margin-right: 8px; | |
60 | +} | |
61 | + | |
62 | +#accessibility span { | |
63 | + background: #9ed5ab; | |
64 | + color: #006600; | |
65 | + padding: 0 4px; | |
66 | +} | |
67 | + | |
68 | + | |
69 | + | |
70 | +/* logo */ | |
71 | +#logo { | |
72 | + padding: 0; | |
73 | + float: left; | |
74 | + width: 70%; | |
75 | +} | |
76 | + | |
77 | +#logo span { | |
78 | + display: block; | |
79 | +} | |
80 | + | |
81 | +#logo a { | |
82 | + display: block; | |
83 | + width: 100%; | |
84 | + color: #fff !important; | |
85 | + margin: 1em 0px; | |
86 | +} | |
87 | + | |
88 | +#logo a, #logo #portal-title { | |
89 | + color: #FFF !important; | |
90 | +} | |
91 | + | |
92 | +#logo #portal-title { | |
93 | + margin: 30px 0px 46px 0px; | |
94 | + color: #FFF; | |
95 | + font-size: 3.35em; | |
96 | + font-family: 'Open Sans Extrabold', Arial, Helvetica, sans-serif; | |
97 | + font-weight: normal; | |
98 | + line-height: 1em; | |
99 | + letter-spacing: -0.05em; | |
100 | +} | |
101 | + | |
102 | +#logo .luongo { | |
103 | + font-size: 3em !important; | |
104 | + line-height: 1.1em; | |
105 | + margin-bottom: 0.2em; | |
106 | +} | |
107 | + | |
108 | +#logo #portal-description { | |
109 | + font-size: 1.2em; | |
110 | + text-transform: uppercase; | |
111 | +} | |
112 | + | |
113 | +/* Site Actions */ | |
114 | +#portal-siteactions { | |
115 | + display: block; | |
116 | + float: right; | |
117 | + clear: left; | |
118 | + border-bottom: 1px dotted #9bc2a3; | |
119 | + padding-bottom: 2px; | |
120 | + margin-top: -15px; | |
121 | + font-size: 85%; | |
122 | + text-align: center; | |
123 | +} | |
124 | + | |
125 | +#portal-siteactions a { | |
126 | + color: #dcffe3; | |
127 | + text-decoration: none; | |
128 | + padding: 4px 0 4px 10px; | |
129 | + text-transform: uppercase; | |
130 | + font-family: 'Open Sans', Arial, Helvetica, sans-serif; | |
131 | +} | |
132 | + | |
133 | +#portal-siteactions a:hover { | |
134 | + color: #fff !important; | |
135 | +} | |
136 | + | |
137 | +#portal-siteactions li { | |
138 | + display: inline; | |
139 | +} | |
140 | + | |
141 | +#portal-siteactions li a:hover { | |
142 | +color: #75ad0a | |
143 | +} | |
144 | +#portal-siteactions li a { | |
145 | + padding: 4px 0px; | |
146 | +} | |
147 | + | |
148 | +#social-icons { | |
149 | + float: right; | |
150 | + clear: right; | |
151 | + margin: 12px 0px 0px 0px; | |
152 | +} | |
153 | + | |
154 | +#social-icons ul { | |
155 | + display: table-row; | |
156 | +} | |
157 | + | |
158 | +#social-icons li { | |
159 | + display: table-cell; | |
160 | +} | |
161 | + | |
162 | +#social-icons li a { | |
163 | + border: none; | |
164 | + padding: 0 5px; | |
165 | +} | |
166 | + | |
167 | +#siteaction-accessibility, | |
168 | +#siteaction-contraste { | |
169 | + margin: 0px 15px 0px 0px; | |
170 | +} | |
171 | +/* */ | |
172 | + | |
173 | +/* Sobre o brasil */ | |
174 | +#sobre { | |
175 | + clear: both; | |
176 | + max-width: 100% !important; | |
177 | + margin: 0; | |
178 | + background: #00420c; | |
179 | + padding: 5px 0; | |
180 | +} | |
181 | + | |
182 | +#sobre ul { | |
183 | + max-width: 960px; | |
184 | + margin: 0 auto; | |
185 | + text-align: right; | |
186 | +} | |
187 | + | |
188 | +#sobre a { | |
189 | + color: #fff; | |
190 | + font-family: 'Open Sans', Arial, Helvetica, sans-serif; | |
191 | +} | |
192 | + | |
193 | +#sobre .portalservicos-item a { | |
194 | + padding: 0 10px; | |
195 | + border-right: 1px solid #fff; | |
196 | +} | |
197 | + | |
198 | +#sobre .last-item a { | |
199 | + padding: 0 0 0 10px; | |
200 | + border-right: none; | |
201 | +} | |
202 | + | |
203 | +/* Searchbox */ | |
204 | +.LSBox { | |
205 | + margin: 0; | |
206 | + padding: 0; | |
207 | + border: none; | |
208 | +} | |
209 | + | |
210 | +input.searchField { | |
211 | + -moz-appearance: none; | |
212 | +} | |
213 | + | |
214 | +#portal-searchbox { | |
215 | + clear: right; | |
216 | + float: right; | |
217 | + font-size: 80%; | |
218 | + margin: 2em 0 1.2em 0; | |
219 | + /*margin: 3.12em 0px 3px 0px;*/ | |
220 | + text-align: right; | |
221 | + border-radius: 5px; | |
222 | + -moz-border-radius: 5px; | |
223 | + -webkit-border-radius: 5px; | |
224 | + border: 1px solid #CCCCCC; | |
225 | + background: #fff; | |
226 | + padding: 2px; | |
227 | +} | |
228 | + | |
229 | +#portal-searchbox .searchField { | |
230 | + padding: 0.45em; | |
231 | + border-right: none; | |
232 | + border: none; | |
233 | + width: 170px; | |
234 | +} | |
235 | + | |
236 | +#portal-searchbox form { | |
237 | +white-space: nowrap; | |
238 | +} | |
239 | + | |
240 | +#portal-searchbox label { | |
241 | +font-weight: normal; | |
242 | +} | |
243 | + | |
244 | +#searchGadget { | |
245 | +width: 13em; | |
246 | +} | |
247 | + | |
248 | +#header input.searchButton { | |
249 | + padding: 0.3em; | |
250 | + background: transparent; | |
251 | + text-indent: -2000px; | |
252 | + padding: 4px 15px; | |
253 | + border: none; | |
254 | +} | |
255 | + | |
256 | +#content input.searchField { | |
257 | +margin-bottom: 1em; | |
258 | +} | |
259 | +input.searchField { | |
260 | +-moz-appearance: searchfield; | |
261 | +} | |
262 | + | |
263 | +#header input.searchButton { | |
264 | + background-image: url("images/search-button.gif"); | |
265 | + background-position: 3px 2px; | |
266 | + background-repeat: no-repeat; | |
267 | + background-color: #ffffff; | |
268 | +} | |
269 | + | |
270 | +#LSResult { | |
271 | + z-index: 1; | |
272 | + margin-top: 0.5%; | |
273 | +} | |
274 | + | |
275 | + | |
276 | +/* Search Button */ | |
277 | +#search-button a { | |
278 | + display: inline-block; | |
279 | + width: 29px; | |
280 | + height: 25px; | |
281 | + margin-right: 3px; | |
282 | + margin-top: 10px; | |
283 | +} | |
284 | + | |
285 | +#search-button a:hover { | |
286 | + opacity: 0.6; | |
287 | +} | |
288 | + | |
289 | +#search-button #sb_search { | |
290 | +background-image: url(images/search.png); | |
291 | +background-size: 100% 100%; | |
292 | +} | |
293 | + | |
294 | +#search-button span { display: none; } | |
295 | + | |
296 | + | |
297 | +/* */ | |
298 | + | |
299 | +/* Social Buttons */ | |
300 | +#social-buttons a { | |
301 | + width: 18px; | |
302 | + height: 20px; | |
303 | + margin-right: 3px; | |
304 | + margin-top: 10px; | |
305 | +} | |
306 | + | |
307 | +#social-icons li a { | |
308 | + width: 20px; | |
309 | + height: 20px; | |
310 | + padding: 0px; | |
311 | + display: inline-block; | |
312 | + background-repeat: no-repeat; | |
313 | +} | |
314 | + | |
315 | +#social-icons li { | |
316 | + float: right; | |
317 | + width: 20px; | |
318 | + margin-left: 4px; | |
319 | +} | |
320 | + | |
321 | +#social-icons a:hover { | |
322 | + opacity: 0.6; | |
323 | +} | |
324 | + | |
325 | +#social-icons #sb_face { | |
326 | +background-image: url(images/icone-facebook.png); | |
327 | +} | |
328 | + | |
329 | +#social-icons #sb_tweet { | |
330 | +background-image: url(images/icone-twitter.png); | |
331 | +} | |
332 | + | |
333 | +#social-icons #sb_youtb { | |
334 | +background-image: url(images/icone-youtube.png); | |
335 | +} | |
336 | + | |
337 | +#social-icons #sb_flickr { | |
338 | +background-image: url(images/icone-flickr.png); | |
339 | +} | |
340 | + | |
341 | +#social-icons span { display: none; } | |
342 | + | |
343 | +/* */ | |
344 | + | |
345 | +/* Bar Psocial Style - Menu Horizontal*/ | |
346 | +#wrap-2 #user{ | |
347 | + padding: 0 2em; | |
348 | +} | |
349 | + | |
350 | +#user { | |
351 | + top: -30px; | |
352 | + font-size: 12px; | |
353 | + position: static;/*teste*/ | |
354 | +} | |
355 | + | |
356 | +#user form { | |
357 | + display:none; | |
358 | +} | |
359 | + | |
360 | +#barra-psocial { | |
361 | + position: relative; | |
362 | + height: 40px; | |
363 | + margin: auto; | |
364 | + background: url(images/barra-psocial-bg.png) repeat-x; | |
365 | +} | |
366 | + | |
367 | +#barra-psocial li { | |
368 | + float: left; | |
369 | +} | |
370 | + | |
371 | +/****************** FIM cabecalho ******************/ | |
372 | + | ... | ... |
1 | +++ a/cabecalho-verde-theme.css | |
... | ... | @@ -0,0 +1,522 @@ |
1 | +/*(verde-claro=#17882c)*/ | |
2 | +/*(verde-escuro=#00510f)*/ | |
3 | + | |
4 | +/****************** cabecalho ******************/ | |
5 | + | |
6 | +#theme-header{} | |
7 | + | |
8 | +#header { | |
9 | + padding: 40px 0 0 0; | |
10 | +background-color: #17882c;/*(verde-claro)*/ | |
11 | + /* Old browsers */ | |
12 | + background-color: #00510f; /*(verde-escuro)*/ | |
13 | + background-image: -moz-radial-gradient(center, ellipse cover, #17882c 1%, #00510f 100%); /*(verde-claro)(verde-escuro)*/ | |
14 | + /* FF3.6+ */ | |
15 | + background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#17882c), color-stop(100%,#00510f)); | |
16 | + /* Chrome,Safari4+ */ | |
17 | + background-image: -webkit-radial-gradient(center, ellipse cover, #17882c 1%,#00510f 100%); | |
18 | + /* Chrome10+,Safari5.1+ */ | |
19 | + background-image: -o-radial-gradient(center, ellipse cover, #17882c 1%,#00510f 100%); | |
20 | + /* Opera 12+ */ | |
21 | + background-image: -ms-radial-gradient(center, ellipse cover, #17882c 1%,#00510f 100%); | |
22 | + /* IE10+ */ | |
23 | + background-image: radial-gradient(ellipse at center, #17882c 1%,#00510f 100%); | |
24 | + /* W3C */ | |
25 | + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17882c', endColorstr='#00510f',GradientType=1 ); | |
26 | + /* IE6-9 fallback on horizontal gradient */ | |
27 | + color: #fff; | |
28 | +} | |
29 | + | |
30 | +#header>div { | |
31 | + max-width: 960px; | |
32 | + margin: 0 auto; | |
33 | +} | |
34 | + | |
35 | +.header-content * { | |
36 | + margin: 0; | |
37 | + padding: 0; | |
38 | + list-style: none; | |
39 | + vertical-align: baseline; | |
40 | +} | |
41 | +.header-content li { display: inline; } | |
42 | + | |
43 | +#brasilgov { | |
44 | + background: #00510f; | |
45 | + border-bottom: 1px solid #ffcc00; | |
46 | + padding: 5px 10px; | |
47 | + color: #fff; | |
48 | +} | |
49 | + | |
50 | +#accessibility { | |
51 | + display: block !important; | |
52 | + font-size: 0.8em; | |
53 | + width: 50%; | |
54 | + float: left; | |
55 | +} | |
56 | + | |
57 | +#accessibility a { | |
58 | + color: #dcffe3; | |
59 | + margin-right: 8px; | |
60 | +} | |
61 | + | |
62 | +#accessibility span { | |
63 | + background: #9ed5ab; | |
64 | + color: #006600; | |
65 | + padding: 0 4px; | |
66 | +} | |
67 | + | |
68 | + | |
69 | + | |
70 | +/* logo */ | |
71 | +#logo { | |
72 | + padding: 0; | |
73 | + float: left; | |
74 | + width: 70%; | |
75 | +} | |
76 | + | |
77 | +#logo span { | |
78 | + display: block; | |
79 | +} | |
80 | + | |
81 | +#logo a { | |
82 | + display: block; | |
83 | + width: 100%; | |
84 | + color: #fff !important; | |
85 | + margin: 1em 0px; | |
86 | +} | |
87 | + | |
88 | +#logo a, #logo #portal-title { | |
89 | + color: #FFF !important; | |
90 | +} | |
91 | + | |
92 | +#logo #portal-title { | |
93 | + margin: 30px 0px 46px 0px; | |
94 | + color: #FFF; | |
95 | + font-size: 3.35em; | |
96 | + font-family: 'Open Sans Extrabold', Arial, Helvetica, sans-serif; | |
97 | + font-weight: normal; | |
98 | + line-height: 1em; | |
99 | + letter-spacing: -0.05em; | |
100 | +} | |
101 | + | |
102 | +#logo .luongo { | |
103 | + font-size: 3em !important; | |
104 | + line-height: 1.1em; | |
105 | + margin-bottom: 0.2em; | |
106 | +} | |
107 | + | |
108 | +#logo #portal-description { | |
109 | + font-size: 1.2em; | |
110 | + text-transform: uppercase; | |
111 | +} | |
112 | + | |
113 | +/* Site Actions */ | |
114 | +#portal-siteactions { | |
115 | + display: block; | |
116 | + float: right; | |
117 | + clear: left; | |
118 | + border-bottom: 1px dotted #9bc2a3; | |
119 | + padding-bottom: 2px; | |
120 | + margin-top: -15px; | |
121 | + font-size: 85%; | |
122 | + text-align: center; | |
123 | +} | |
124 | + | |
125 | +#portal-siteactions a { | |
126 | + color: #dcffe3; | |
127 | + text-decoration: none; | |
128 | + padding: 4px 0 4px 10px; | |
129 | + text-transform: uppercase; | |
130 | + font-family: 'Open Sans', Arial, Helvetica, sans-serif; | |
131 | +} | |
132 | + | |
133 | +#portal-siteactions a:hover { | |
134 | + color: #fff !important; | |
135 | +} | |
136 | + | |
137 | +#portal-siteactions li { | |
138 | + display: inline; | |
139 | +} | |
140 | + | |
141 | +#portal-siteactions li a:hover { | |
142 | +color: #75ad0a | |
143 | +} | |
144 | +#portal-siteactions li a { | |
145 | + padding: 4px 0px; | |
146 | +} | |
147 | + | |
148 | +#social-icons { | |
149 | + float: right; | |
150 | + clear: right; | |
151 | + margin: 12px 0px 0px 0px; | |
152 | +} | |
153 | + | |
154 | +#social-icons ul { | |
155 | + display: table-row; | |
156 | +} | |
157 | + | |
158 | +#social-icons li { | |
159 | + display: table-cell; | |
160 | +} | |
161 | + | |
162 | +#social-icons li a { | |
163 | + border: none; | |
164 | + padding: 0 5px; | |
165 | +} | |
166 | + | |
167 | +#siteaction-accessibility, | |
168 | +#siteaction-contraste { | |
169 | + margin: 0px 15px 0px 0px; | |
170 | +} | |
171 | +/* */ | |
172 | + | |
173 | +/* Top links */ | |
174 | +#theme-header .header-content #link-faq a { | |
175 | + border-right: 1px solid #6c9072; | |
176 | + padding: 0 10px; | |
177 | +} | |
178 | +#theme-header .header-content #link-contact a { | |
179 | + padding-left: 10px; | |
180 | +} | |
181 | + | |
182 | +#theme-header #sobre { | |
183 | + line-height: 20px; | |
184 | +} | |
185 | +/* */ | |
186 | + | |
187 | +/* Sobre o brasil */ | |
188 | +#sobre { | |
189 | + clear: both; | |
190 | + max-width: 100% !important; | |
191 | + margin: 0; | |
192 | + background: #00420c; | |
193 | + padding: 5px 0; | |
194 | +} | |
195 | + | |
196 | +#sobre ul { | |
197 | + max-width: 960px; | |
198 | + margin: 0 auto; | |
199 | + text-align: right; | |
200 | +} | |
201 | + | |
202 | +#sobre a { | |
203 | + color: #fff; | |
204 | + font-family: 'Open Sans', Arial, Helvetica, sans-serif; | |
205 | +} | |
206 | + | |
207 | +#sobre .portalservicos-item a { | |
208 | + padding: 0 10px; | |
209 | + border-right: 1px solid #fff; | |
210 | +} | |
211 | + | |
212 | +#sobre .last-item a { | |
213 | + padding: 0 0 0 10px; | |
214 | + border-right: none; | |
215 | +} | |
216 | + | |
217 | +/* Searchbox */ | |
218 | +.LSBox { | |
219 | + margin: 0; | |
220 | + padding: 0; | |
221 | + border: none; | |
222 | +} | |
223 | + | |
224 | +input.searchField { | |
225 | + -moz-appearance: none; | |
226 | +} | |
227 | + | |
228 | +#portal-searchbox { | |
229 | + clear: right; | |
230 | + float: right; | |
231 | + font-size: 80%; | |
232 | + margin: 2em 0 1.2em 0; | |
233 | + /*margin: 3.12em 0px 3px 0px;*/ | |
234 | + text-align: right; | |
235 | + border-radius: 5px; | |
236 | + -moz-border-radius: 5px; | |
237 | + -webkit-border-radius: 5px; | |
238 | + border: 1px solid #CCCCCC; | |
239 | + background: #fff; | |
240 | + padding: 2px; | |
241 | +} | |
242 | + | |
243 | +#portal-searchbox .searchField { | |
244 | + padding: 0.45em; | |
245 | + border-right: none; | |
246 | + border: none; | |
247 | + width: 170px; | |
248 | +} | |
249 | + | |
250 | +#portal-searchbox form { | |
251 | +white-space: nowrap; | |
252 | +} | |
253 | + | |
254 | +#portal-searchbox label { | |
255 | +font-weight: normal; | |
256 | +} | |
257 | + | |
258 | +#searchGadget { | |
259 | +width: 13em; | |
260 | +} | |
261 | + | |
262 | +#header input.searchButton { | |
263 | + padding: 0.3em; | |
264 | + background: transparent; | |
265 | + text-indent: -2000px; | |
266 | + padding: 4px 15px; | |
267 | + border: none; | |
268 | +} | |
269 | + | |
270 | +#content input.searchField { | |
271 | +margin-bottom: 1em; | |
272 | +} | |
273 | +input.searchField { | |
274 | +-moz-appearance: searchfield; | |
275 | +} | |
276 | + | |
277 | +#header input.searchButton { | |
278 | + background-image: url("images/search-button.gif"); | |
279 | + background-position: 3px 2px; | |
280 | + background-repeat: no-repeat; | |
281 | + background-color: #ffffff; | |
282 | +} | |
283 | + | |
284 | +#LSResult { | |
285 | + z-index: 1; | |
286 | + margin-top: 0.5%; | |
287 | +} | |
288 | + | |
289 | + | |
290 | +/* Search Button */ | |
291 | +#search-button a { | |
292 | + display: inline-block; | |
293 | + width: 29px; | |
294 | + height: 25px; | |
295 | + margin-right: 3px; | |
296 | + margin-top: 10px; | |
297 | +} | |
298 | + | |
299 | +#search-button a:hover { | |
300 | + opacity: 0.6; | |
301 | +} | |
302 | + | |
303 | +#search-button #sb_search { | |
304 | +background-image: url(images/search.png); | |
305 | +background-size: 100% 100%; | |
306 | +} | |
307 | + | |
308 | +#search-button span { display: none; } | |
309 | + | |
310 | + | |
311 | +/* */ | |
312 | + | |
313 | +/* Social Buttons */ | |
314 | +#social-buttons a { | |
315 | + width: 18px; | |
316 | + height: 20px; | |
317 | + margin-right: 3px; | |
318 | + margin-top: 10px; | |
319 | +} | |
320 | + | |
321 | +#social-icons li a { | |
322 | + width: 20px; | |
323 | + height: 20px; | |
324 | + padding: 0px; | |
325 | + display: inline-block; | |
326 | + background-repeat: no-repeat; | |
327 | +} | |
328 | + | |
329 | +#social-icons li { | |
330 | + float: right; | |
331 | + width: 20px; | |
332 | + margin-left: 4px; | |
333 | +} | |
334 | + | |
335 | +#social-icons a:hover { | |
336 | + opacity: 0.6; | |
337 | +} | |
338 | + | |
339 | +#social-icons #sb_face { | |
340 | +background-image: url(images/icone-facebook.png); | |
341 | +} | |
342 | + | |
343 | +#social-icons #sb_tweet { | |
344 | +background-image: url(images/icone-twitter.png); | |
345 | +} | |
346 | + | |
347 | +#social-icons #sb_youtb { | |
348 | +background-image: url(images/icone-youtube.png); | |
349 | +} | |
350 | + | |
351 | +#social-icons #sb_flickr { | |
352 | +background-image: url(images/icone-flickr.png); | |
353 | +} | |
354 | + | |
355 | +#social-icons span { display: none; } | |
356 | + | |
357 | +/* FIM social Buttons */ | |
358 | + | |
359 | +/****************** FIM cabecalho ******************/ | |
360 | + | |
361 | +/************* Bar Psocial Style - Menu Horizontal**************/ | |
362 | +#user{ | |
363 | + padding: 0 2em; | |
364 | + top: -30px; | |
365 | + font-size: 12px; | |
366 | +} | |
367 | + | |
368 | +.logged-in #user{ | |
369 | + top: -40px; | |
370 | +} | |
371 | + | |
372 | +#user form { | |
373 | + display:none; | |
374 | +} | |
375 | + | |
376 | +#user .logged-in { | |
377 | + visibility: hidden; | |
378 | + display: block; | |
379 | + background:url("images/barra-menu-user-bg.png") repeat-x bottom center #FEFEFE; | |
380 | + display: block; | |
381 | + padding: 1em; | |
382 | + text-align: left; | |
383 | + width: 130px; | |
384 | + border-radius: 10px | |
385 | +} | |
386 | + | |
387 | +#user .logged-in:hover { | |
388 | + visibility: visible; | |
389 | +} | |
390 | +#user .logged-in a#homepage-link { | |
391 | + display: block; | |
392 | + visibility: visible; | |
393 | +} | |
394 | + | |
395 | +#user .logged-in span {display: none;} | |
396 | + | |
397 | +#user .logged-in a { | |
398 | + display: block; | |
399 | + margin-bottom: 10px; | |
400 | +} | |
401 | + | |
402 | +#user .logged-in #pending-tasks-count { | |
403 | + display: inline-block; | |
404 | + left: 0; | |
405 | + position: absolute; | |
406 | + top: 10px; | |
407 | + visibility: visible; | |
408 | +} | |
409 | + | |
410 | +#barra-psocial { | |
411 | + position: relative; | |
412 | + height: 40px; | |
413 | + margin: auto; | |
414 | + background: url(images/barra-psocial-bg.png) repeat-x; | |
415 | +} | |
416 | + | |
417 | +#barra-psocial li { | |
418 | + float: left; | |
419 | +} | |
420 | + | |
421 | +#assets-menu { | |
422 | + background: #E8E8E8; | |
423 | + top: 35px; | |
424 | + left: 80px; | |
425 | + min-width: 132px; | |
426 | +} | |
427 | + | |
428 | +#assets-menu a { | |
429 | + border: 1px solid #E8E8E8; | |
430 | +} | |
431 | + | |
432 | +#categories_menu { | |
433 | + /*max-width: 960px;*/ | |
434 | + padding: 0 1em; | |
435 | + margin: auto; | |
436 | +} | |
437 | + | |
438 | +#cat_menu { | |
439 | + background: url(images/marca-participacao-social.png) no-repeat center left; | |
440 | + height: 40px; | |
441 | + padding-left: 60px; | |
442 | +} | |
443 | + | |
444 | +#cat_menu li { | |
445 | + list-style: none; | |
446 | + font-size: 12px; | |
447 | + font-weight: bold; | |
448 | + padding: 0px 20px; | |
449 | + height: 100%; | |
450 | + text-transform: uppercase; | |
451 | +} | |
452 | + | |
453 | +#cat_menu li:hover { | |
454 | + background-color: #E1E4E4; | |
455 | +} | |
456 | + | |
457 | +#cat_menu li a { | |
458 | + line-height: 40px; | |
459 | + width: 100%; | |
460 | + height: 100%; | |
461 | + display: block; | |
462 | +} | |
463 | +/************* FIM Bar Psocial Style - Menu Horizontal**************/ | |
464 | + | |
465 | +/******************Footer - Rodapé**********************************/ | |
466 | +#theme-footer { | |
467 | + width: 100%; | |
468 | +} | |
469 | + | |
470 | +#footer-content { | |
471 | + background: #fff; | |
472 | +} | |
473 | + | |
474 | +#footer-logos { | |
475 | + background: #00420C; | |
476 | + max-width: 100%; | |
477 | + padding: 2em 0; | |
478 | + height: 49px; | |
479 | +} | |
480 | + | |
481 | +#footer-logos div { | |
482 | + max-width: 960px; | |
483 | + margin: 0 auto; | |
484 | +} | |
485 | + | |
486 | +#footer-logos a { | |
487 | + display: block; | |
488 | + height: 49px; | |
489 | + float: left; | |
490 | +} | |
491 | + | |
492 | +#footer-logos span { | |
493 | + display: none; | |
494 | +} | |
495 | + | |
496 | +#footer-logos .logo-acesso { | |
497 | + background: transparent url(images/acesso-a-informacao.png) center center no-repeat; | |
498 | + width: 107px; | |
499 | +} | |
500 | + | |
501 | +#footer-logos .logo-brasil { | |
502 | + background: transparent url(images/brasil.png) center center no-repeat; | |
503 | + width: 153px; | |
504 | +} | |
505 | + | |
506 | +#footer-logos .logo-sgpr { | |
507 | + background: transparent url(images/sgpr.png) center center no-repeat; | |
508 | + width: 187px; | |
509 | + margin-right: 30px; | |
510 | +} | |
511 | + | |
512 | +#footer-logos .institucionais { | |
513 | + float: right; | |
514 | +} | |
515 | + | |
516 | +#footer-license { | |
517 | + max-width: 960px; | |
518 | + margin: 0 auto; | |
519 | + text-align: center; | |
520 | +} | |
521 | + | |
522 | + | ... | ... |
1 | +++ a/categories.html.erb | |
... | ... | @@ -0,0 +1,7 @@ |
1 | +<ul id="cat_menu"> | |
2 | + <% @environment.top_level_categories.find(:all, :conditions => {:display_in_menu => true}).each do |item| %> | |
3 | + <li id="category category_<%= item.path %>" > | |
4 | + <%= link_to(item.name, {:controller => :search, :action => 'category_index', :category_path => item.path }, :title => item.name, :style=>"color: ##{item.display_color || '000000'}" ) %> | |
5 | + </li> | |
6 | + <% end %> | |
7 | +</ul><!-- fim id="cat_menu" --> | ... | ... |
1 | +++ a/errors.css | |
... | ... | @@ -0,0 +1,65 @@ |
1 | +@import url(../base/errors.css); | |
2 | + | |
3 | +body { | |
4 | + background-image: url(images/fundo-de-tela-amarelo.png); | |
5 | + font-family: 'Open Sans',Arial,Helvetica,sans-serif; | |
6 | +} | |
7 | +#logo { | |
8 | + background: url(images/logo-participa.png); | |
9 | + top: 320px; | |
10 | + left: 20px; | |
11 | + position: absolute; | |
12 | + height:92px; | |
13 | + width:108px; | |
14 | +} | |
15 | + | |
16 | +div.message h1 { | |
17 | + border-bottom: 0px; | |
18 | + left: 170px; | |
19 | + position: relative; | |
20 | + margin-top: -20px; | |
21 | +} | |
22 | + | |
23 | +div.message p { | |
24 | + left: 170px; | |
25 | + position: relative; | |
26 | + font-size: 16px; | |
27 | + width: 400px; | |
28 | + color: #999; | |
29 | +} | |
30 | + | |
31 | +#header { | |
32 | + background: url(images/oops.png) top left no-repeat; | |
33 | + height: 142px; | |
34 | + margin-left: 20px; | |
35 | + margin-top: 48px; | |
36 | + position: relative; | |
37 | +} | |
38 | + | |
39 | + | |
40 | +#wrap { | |
41 | + margin: 120px 20px 0px 20px; | |
42 | + border: 1px solid #F2C311; | |
43 | + background: white url(images/mascote-bug.png) 100% 100% no-repeat; | |
44 | + height: 480px; | |
45 | + -webkit-border-radius: 7px; | |
46 | + -moz-border-radius: 7px; | |
47 | + border-radius: 7px; | |
48 | + -webkit-box-shadow: 7px 7px 7px 0px rgba(196, 159, 20, 0.75); | |
49 | + -moz-box-shadow: 7px 7px 7px 0px rgba(196, 159, 20, 0.75); | |
50 | + box-shadow: 7px 7px 7px 0px rgba(196, 159, 20, 0.75); | |
51 | +} | |
52 | + | |
53 | +#languages { | |
54 | + top: 600px; | |
55 | + position: absolute; | |
56 | + text-align: center; | |
57 | + width: 860px; | |
58 | + border-top: 0px; | |
59 | +} | |
60 | + | |
61 | +#languages a { | |
62 | + font-variant: small-caps; | |
63 | + color: black; | |
64 | + font-size: 14px; | |
65 | +} | |
0 | 66 | \ No newline at end of file | ... | ... |
1 | +++ a/footer.html.erb | |
... | ... | @@ -0,0 +1,19 @@ |
1 | +<div id="footer-content"> | |
2 | + <div id="footer-logos"> | |
3 | + <div> | |
4 | + <a class="logo-acesso" href="http://www.acessoainformacao.gov.br/" target="_blank"><span>Acesso a Informação</span></a> | |
5 | + <div class="institucionais"> | |
6 | + <a class="logo-sgpr" href="http://www.secretariageral.gov.br/" target="_blank"><span>Secretaria-geral da Presidência da República</span></a> | |
7 | + <a class="logo-brasil" href="http://www.brasil.gov.br/" target="_blank"><span>Brasil - Governo Federal</span></a> | |
8 | + </div> | |
9 | + </div> | |
10 | + </div><!-- end id="footer-logos" --> | |
11 | + | |
12 | + <div id="footer-license"> | |
13 | + <p> | |
14 | + Este site utiliza o software livre <a href="http://noosfero.org" target="_blank">Noosfero</a>, licenciado pela <a href="http://www.gnu.org/licenses/agpl.html" target="_blank">GNU Affero General Public License, versão 3 ou superior.<a> | |
15 | + </p> | |
16 | + </div><!-- end id="footer-license" --> | |
17 | +</div> | |
18 | + | |
19 | +<script src="http://barra.brasil.gov.br/barra.js" type="text/javascript"></script> | ... | ... |
1 | +++ a/header.html.erb | |
... | ... | @@ -0,0 +1,116 @@ |
1 | +<div id="barra-brasil"> | |
2 | + <a href="http://brasil.gov.br" style="background:#7F7F7F; height: 20px; padding:4px 0 4px 10px; display: block; font-family:sans,sans-serif; text-decoration:none; color:white; ">Portal do Governo Brasileiro</a> | |
3 | +</div> | |
4 | + | |
5 | + | |
6 | +<div class="header-content"> | |
7 | + <div role="banner" id="header"> | |
8 | + <div> | |
9 | + <ul id="accessibility"> | |
10 | + <li> | |
11 | + <a id="link-conteudo" href="#content" accesskey="1"> | |
12 | + Ir para o conteúdo | |
13 | + <span>1</span> | |
14 | + </a> | |
15 | + </li> | |
16 | + <li> | |
17 | + <a id="link-navegacao" href="#barra-psocial" accesskey="2"> | |
18 | + Ir para o menu | |
19 | + <span>2</span> | |
20 | + </a> | |
21 | + </li> | |
22 | + <li> | |
23 | + <a id="link-buscar" href="#portal-searchbox" accesskey="3"> | |
24 | + Ir para a busca | |
25 | + <span>3</span> | |
26 | + </a> | |
27 | + </li> | |
28 | + <li> | |
29 | + <a id="link-rodape" href="#theme-footer" accesskey="4"> | |
30 | + Ir para o rodapé | |
31 | + <span>4</span> | |
32 | + </a> | |
33 | + </li> | |
34 | + </ul> | |
35 | + <ul id="portal-siteactions"> | |
36 | + <li id="siteaction-accessibility"> | |
37 | + <a href="#">Acessibilidade</a> | |
38 | + </li> | |
39 | + <li id="siteaction-contraste"> | |
40 | + <a href="#">Alto Contraste</a> | |
41 | + </li> | |
42 | + <li id="siteaction-mapadosite"> | |
43 | + <a href="/search">Mapa do Site</a> | |
44 | + </li> | |
45 | + </ul> | |
46 | + | |
47 | + <div id="logo"> | |
48 | + <a title="Participa.br" href="/"> | |
49 | + <span id="portal-title">Portal SINESP</span> | |
50 | + </a> | |
51 | + </div> | |
52 | + | |
53 | + <div role="search" id="portal-searchbox"> | |
54 | + <form action="/search/articles"> | |
55 | + <input type="text" autocomplete="off" name="query" size="18" title="Buscar no Site" placeholder="Buscar no Site" accesskey="3" class="searchField" id="searchGadget"> | |
56 | + <input type="submit" class="searchButton" value="Buscar"></form> | |
57 | + </div> | |
58 | + | |
59 | + <div id="social-icons"> | |
60 | + <ul> | |
61 | + <li> | |
62 | + <a id="sb_flickr" title="Flickr" href="http://flickr.com/justicaGovBR"><span>Flickr</span></a> | |
63 | + </li> | |
64 | + <li> | |
65 | + <a id="sb_face" title="Facebook" href="http://facebook.com/JusticaGovBR"><span>Facebook</span></a> | |
66 | + </li> | |
67 | + <li> | |
68 | + <a id="sb_youtb" title="Youtube" href="http://youtube.com/JusticaGovBR"><span>Youtube</span></a> | |
69 | + </li> | |
70 | + <li> | |
71 | + <a id="sb_tweet" title="Twitter" href="https://twitter.com/JusticaGovBR"><span>Twitter</span></a> | |
72 | + </li> | |
73 | + </ul> | |
74 | + </div> | |
75 | + </div> | |
76 | + | |
77 | + <div id="sobre"> | |
78 | + <ul> | |
79 | + <li id="link-institucional"> | |
80 | + <a href="/sinesp/institucional">Institucional</a> | |
81 | + </li> | |
82 | + <li id="link-perguntas-frequentes"> | |
83 | + <a href="/sinesp/perguntas-frequentes">Perguntas frequentes</a> | |
84 | + </li> | |
85 | + <li id="link-ouvidoria-do-mj"> | |
86 | + <a href="/sinesp/ouvidoria-do-mj">Ouvidoria do MJ</a> | |
87 | + </li> | |
88 | + <li id="link-acesso-a-sistemas"> | |
89 | + <a href="/sinesp/acesso-a-sistemas">Acesso a sistemas</a> | |
90 | + </li> | |
91 | + <li id="link-dados-abertos"> | |
92 | + <a href="/sinesp/dados-abertos">Dados abertos</a> | |
93 | + </li> | |
94 | + <li id="link-area-de-imprensa"> | |
95 | + <a href="/sinesp/area-de-imprensa">Área de imprensa</a> | |
96 | + </li> | |
97 | + <li id="link-planos-e-programas"> | |
98 | + <a href="/sinesp/planos-e-programas">Planos e programas</a> | |
99 | + </li> | |
100 | + </ul> | |
101 | + </div> | |
102 | + </div> | |
103 | +</div> | |
104 | + | |
105 | +<div id="barra-psocial"> | |
106 | + <span id="custom-menu"> | |
107 | + <a href="http://bdjur.stj.jus.br/" target="_blank"><img src="/designs/themes/participa-theme/images/biblioteca_digital_sinesp.jpg" title="Biblioteca Digital"></a> | |
108 | + </span> | |
109 | + <div id="categories_menu"> | |
110 | + <%= theme_include 'categories' %> | |
111 | + </div> | |
112 | + <div id="participa-languages"> | |
113 | + <a href="?lang=pt" class="flag-pt" title="Português"><span>Português</span></a> | |
114 | + <a href="?lang=en" class="flag-en" title="English"><span>English</span></a> | |
115 | + </div> | |
116 | +</div> | ... | ... |
9.42 KB
70.1 KB
174 KB
3.75 KB
3.75 KB
567 Bytes
548 Bytes
230 Bytes
2.54 KB
179 Bytes
187 Bytes
173 Bytes
14.3 KB
49.9 KB
245 KB
159 Bytes
1.02 KB
3.01 KB
1.47 KB
3.13 KB
884 Bytes
856 Bytes
95.1 KB
142 Bytes
216 Bytes
35 Bytes
43 Bytes
305 Bytes
10.2 KB
3.95 KB
127 Bytes
128 Bytes
1.85 KB
3.79 KB
969 Bytes
333 Bytes
969 Bytes
1.01 KB
2.85 KB
3.12 KB
445 Bytes
448 Bytes
174 Bytes
648 Bytes
648 Bytes
2.17 KB
52 KB
850 Bytes
771 Bytes
5.21 KB
579 Bytes
877 Bytes
7.01 KB
1.04 KB
3.32 KB
3.74 KB
4.75 KB
2.46 KB
624 Bytes
538 Bytes
2.09 KB
190 Bytes
1.71 KB
642 Bytes
182 KB
137 KB
70 KB
2.04 KB
1 | +++ a/images/google_follow.svg | |
... | ... | @@ -0,0 +1,23 @@ |
1 | +<?xml version="1.0" encoding="iso-8859-1"?> | |
2 | +<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> | |
3 | +<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> | |
4 | +<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" | |
5 | + width="32px" height="32px" viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve"> | |
6 | +<circle id="circle_x5F_bg_17_" style="fill:#CF4832;" cx="16" cy="16" r="16.005"/> | |
7 | +<g> | |
8 | + <polygon style="fill:#FFFFFF;" points="24.376,9.896 22.499,9.896 22.499,13.646 18.747,13.646 18.747,15.523 22.499,15.523 | |
9 | + 22.499,19.273 24.376,19.273 24.376,15.523 28.126,15.523 28.126,13.646 24.376,13.646 "/> | |
10 | +</g> | |
11 | +<g> | |
12 | + <path style="fill:#FFFFFF;" d="M14.933,25.068c-0.74-0.559-2.355-1.699-2.355-2.465c0-0.898,0.256-1.342,1.605-2.396 | |
13 | + c1.387-1.082,2.367-2.51,2.367-4.279c0-1.93-0.789-3.678-2.27-4.527h2.102l1.787-1.879c0,0-5.91,0-8.008,0 | |
14 | + c-4.061,0-7.447,2.996-7.447,6.291c0,3.367,2.225,6.051,6.045,6.051c0.264,0,0.523-0.01,0.775-0.027 | |
15 | + C9.286,22.309,9.11,22.84,9.11,23.395c0,0.938,0.518,1.473,1.148,2.09c-0.48,0-0.941,0.01-1.449,0.01 | |
16 | + c-1.805,0-3.395,0.486-4.67,1.254c0.396,0.436,0.814,0.85,1.254,1.238c1.1-0.949,2.709-1.561,4.471-1.541 | |
17 | + c0.748,0.004,1.449,0.127,2.082,0.332c1.746,1.215,3.156,1.971,3.508,3.357c0.066,0.275,0.102,0.566,0.102,0.861 | |
18 | + c0,0.34-0.033,0.666-0.098,0.982c0.174,0.006,0.342,0.025,0.518,0.025c0.639,0,1.264-0.047,1.883-0.119 | |
19 | + c0.119-0.406,0.186-0.818,0.186-1.232C18.044,28.225,17.521,27.008,14.933,25.068z M10.306,20.645 | |
20 | + c-2.156-0.066-4.209-2.049-4.58-4.881c-0.375-2.834,1.07-5.004,3.23-4.939c2.158,0.064,4.004,2.389,4.377,5.223 | |
21 | + S12.464,20.707,10.306,20.645z"/> | |
22 | +</g> | |
23 | +</svg> | ... | ... |
279 Bytes
349 Bytes
772 Bytes
674 Bytes
772 Bytes
674 Bytes
567 Bytes
424 Bytes
426 Bytes
357 Bytes
438 Bytes
438 Bytes
373 Bytes
374 Bytes
807 Bytes
1.05 KB
1.09 KB
1.14 KB
1.3 KB
741 Bytes