Download as
Browse Code »

Commit 4e0ee1157ca82ea44f32293a756e9085bbffbba3

Authored by Melissa Wen
1 parent 001175ff
Exists in master and in 2 other branches production, staging

Remove header and footer and hide user bar from Noosfero default position

Showing 6 changed files with 5 additions and 1559 deletions   Show diff stats
cabecalho-amarelo-theme.css
View file @001175f
... ... @@ -1,539 +0,0 @@
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: #fcdd4e;/*(amarelo-claro)*/
10   - /* Old browsers */
11   - background-color: #f9c404; /*(amarelo-escuro)*/
12   - background-image: -moz-radial-gradient(center, ellipse cover, #fcdd4e 1%, #f9c404 100%); /*(amarelo-claro)(amarelo-escuro)*/
13   - /* FF3.6+ */
14   - background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#fcdd4e), color-stop(100%,#f9c404));
15   - /* Chrome,Safari4+ */
16   - background-image: -webkit-radial-gradient(center, ellipse cover, #fcdd4e 1%,#f9c404 100%);
17   - /* Chrome10+,Safari5.1+ */
18   - background-image: -o-radial-gradient(center, ellipse cover, #fcdd4e 1%,#f9c404 100%);
19   - /* Opera 12+ */
20   - background-image: -ms-radial-gradient(center, ellipse cover, #fcdd4e 1%,#f9c404 100%);
21   - /* IE10+ */
22   - background-image: radial-gradient(ellipse at center, #fcdd4e 1%,#f9c404 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: #00500f;
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: #03316f !important;
85   - margin: 1em 0px;
86   -}
87   -
88   -#logo a, #logo #portal-title {
89   - color: #03316f;
90   -}
91   -
92   -#logo #portal-title {
93   - margin: 30px 0px 46px 0px;
94   - color: #03316f;
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: #00500f;
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: #03316f;
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 #00500f;
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   - font-size: 12px;
185   -}
186   -/* */
187   -
188   -/* Sobre o brasil */
189   -#sobre {
190   - clear: both;
191   - max-width: 100% !important;
192   - margin: 0;
193   - background: #f8c300;/*amarelo-mais-escuro*/
194   - padding: 5px 0;
195   -}
196   -
197   -#sobre ul {
198   - max-width: 960px;
199   - margin: 0 auto;
200   - text-align: right;
201   -}
202   -
203   -#sobre a {
204   - color: #00500f;
205   - font-family: 'Open Sans', Arial, Helvetica, sans-serif;
206   -}
207   -
208   -#sobre .portalservicos-item a {
209   - padding: 0 10px;
210   - border-right: 1px solid #03316f;
211   -}
212   -
213   -#sobre .last-item a {
214   - padding: 0 0 0 10px;
215   - border-right: none;
216   -}
217   -
218   -/* Searchbox */
219   -.LSBox {
220   - margin: 0;
221   - padding: 0;
222   - border: none;
223   -}
224   -
225   -input.searchField {
226   - -moz-appearance: none;
227   -}
228   -
229   -#portal-searchbox {
230   - clear: right;
231   - float: right;
232   - font-size: 80%;
233   - margin: 30px 0 14px;
234   - /*margin: 3.12em 0px 3px 0px;*/
235   - text-align: right;
236   - border-radius: 5px;
237   - -moz-border-radius: 5px;
238   - -webkit-border-radius: 5px;
239   - border: 1px solid #CCCCCC;
240   - background: #fff;
241   - padding: 2px;
242   -}
243   -
244   -#portal-searchbox .searchField {
245   - padding: 0.45em;
246   - border-right: none;
247   - border: none;
248   - width: 170px;
249   -}
250   -
251   -#portal-searchbox form {
252   -white-space: nowrap;
253   -}
254   -
255   -#portal-searchbox label {
256   -font-weight: normal;
257   -}
258   -
259   -#searchGadget {
260   -width: 13em;
261   -}
262   -
263   -#header input.searchButton {
264   - padding: 0.3em;
265   - background: transparent;
266   - text-indent: -2000px;
267   - padding: 4px 15px;
268   - border: none;
269   -}
270   -
271   -#content input.searchField {
272   -margin-bottom: 1em;
273   -}
274   -input.searchField {
275   --moz-appearance: searchfield;
276   -}
277   -
278   -#header input.searchButton {
279   - background-image: url("images/search-button.gif");
280   - background-position: 8px 2px;
281   - background-repeat: no-repeat;
282   - background-color: #ffffff;
283   -}
284   -
285   -#LSResult {
286   - z-index: 1;
287   - margin-top: 0.5%;
288   -}
289   -
290   -
291   -/* Search Button */
292   -#search-button a {
293   - display: inline-block;
294   - width: 29px;
295   - height: 25px;
296   - margin-right: 3px;
297   - margin-top: 10px;
298   -}
299   -
300   -#search-button a:hover {
301   - opacity: 0.6;
302   -}
303   -
304   -#search-button #sb_search {
305   -background-image: url(images/search.png);
306   -background-size: 100% 100%;
307   -}
308   -
309   -#search-button span { display: none; }
310   -
311   -
312   -/* */
313   -
314   -/* Social Buttons */
315   -#social-buttons a {
316   - width: 18px;
317   - height: 20px;
318   - margin-right: 3px;
319   - margin-top: 10px;
320   -}
321   -
322   -#social-icons li a {
323   - width: 20px;
324   - height: 20px;
325   - padding: 0px;
326   - display: inline-block;
327   - background-repeat: no-repeat;
328   -}
329   -
330   -#social-icons li {
331   - float: right;
332   - width: 20px;
333   - margin-left: 4px;
334   -}
335   -
336   -#social-icons #sb_face {
337   -background-image: url(images/icone-verde-facebook.png);
338   -}
339   -#social-icons #sb_face:hover {
340   -background: url(images/icone-verde-facebook.png) 0 20px;
341   -}
342   -
343   -#social-icons #sb_tweet {
344   -background-image: url(images/icone-verde-twitter.png);
345   -}
346   -#social-icons #sb_tweet:hover {
347   -background: url(images/icone-verde-twitter.png) 0 20px;
348   -}
349   -
350   -#social-icons #sb_youtb {
351   -background-image: url(images/icone-verde-youtube.png);
352   -}
353   -#social-icons #sb_youtb:hover {
354   -background: url(images/icone-verde-youtube.png) 0 20px;
355   -}
356   -
357   -#social-icons #sb_flickr {
358   -background-image: url(images/icone-verde-flickr.png);
359   -}
360   -#social-icons #sb_flickr:hover {
361   -background: url(images/icone-verde-flickr.png) 0 20px;
362   -}
363   -
364   -#social-icons span { display: none; }
365   -
366   -/* FIM social Buttons */
367   -
368   -/****************** FIM cabecalho ******************/
369   -
370   -/************* Bar Psocial Style - Menu Horizontal**************/
371   -#user{
372   - padding: 0px 2em;
373   - top: -30px;
374   - font-size: 12px;
375   - right: 4em;
376   -}
377   -
378   -.logged-in #user{
379   - top: -40px;
380   -}
381   -
382   -#user form {
383   - display:none;
384   -}
385   -
386   -#user .logged-in {
387   - visibility: hidden;
388   - display: block;
389   - background:url("images/barra-menu-user-bg.png") repeat-x bottom center #FEFEFE;
390   - display: block;
391   - padding: 1em 0;
392   - text-align: left;
393   - width: 130px;
394   - border-radius: 10px
395   -}
396   -
397   -#user .logged-in:hover {
398   - visibility: visible;
399   -}
400   -#user .logged-in a#homepage-link {
401   - display: block;
402   - visibility: visible;
403   -}
404   -
405   -#user .logged-in span {display: none;}
406   -
407   -#user .logged-in a {
408   - display: block;
409   - margin-bottom: 10px;
410   -}
411   -
412   -#user .logged-in #pending-tasks-count {
413   - display: inline-block;
414   - left: 0;
415   - position: absolute;
416   - top: 10px;
417   - visibility: visible;
418   -}
419   -
420   -#barra-psocial {
421   - position: relative;
422   - height: 40px;
423   - margin: auto;
424   - background: url(images/barra-psocial-bg.png) repeat-x;
425   -}
426   -
427   -#barra-psocial li {
428   - float: left;
429   -}
430   -
431   -#assets-menu {
432   - background: #E8E8E8;
433   - top: 35px;
434   - left: 80px;
435   - min-width: 132px;
436   -}
437   -
438   -#assets-menu a {
439   - border: 1px solid #E8E8E8;
440   -}
441   -
442   -#categories_menu {
443   - /*max-width: 960px;*/
444   - padding: 0 1em;
445   - margin: auto;
446   -}
447   -
448   -#custom-menu {
449   - background: url(images/marca-participacao-social.png) no-repeat center left;
450   - height: 40px;
451   - padding-left: 60px;
452   -}
453   -
454   -#cat_menu li {
455   - list-style: none;
456   - font-size: 12px;
457   - font-weight: bold;
458   - padding: 0px 20px;
459   - height: 100%;
460   - text-transform: uppercase;
461   -}
462   -
463   -#cat_menu li:hover {
464   - background-color: #E1E4E4;
465   -}
466   -
467   -#cat_menu li a {
468   - line-height: 40px;
469   - width: 100%;
470   - height: 100%;
471   - display: block;
472   -}
473   -/************* FIM Bar Psocial Style - Menu Horizontal**************/
474   -
475   -
476   -/******************Footer - Rodapé**********************************/
477   -#theme-footer {
478   - width: 100%;
479   -}
480   -
481   -#footer-content {
482   - background: #fff;
483   -}
484   -
485   -#footer-logos {
486   - background: #F28F00;
487   - max-width: 100%;
488   - padding: 2em 0;
489   - height: 49px;
490   -}
491   -
492   -#footer-logos div {
493   - max-width: 960px;
494   - margin: 0 auto;
495   -}
496   -
497   -#footer-logos a {
498   - display: block;
499   - height: 49px;
500   - float: left;
501   -}
502   -
503   -#footer-logos span {
504   - display: none;
505   -}
506   -
507   -#footer-logos .logo-acesso {
508   - background: transparent url(images/acesso-a-informacao.png) center center no-repeat;
509   - width: 107px;
510   -}
511   -
512   -#footer-logos .logo-brasil {
513   - background: transparent url(images/brasil.png) center center no-repeat;
514   - width: 153px;
515   -}
516   -
517   -#footer-logos .logo-sgpr {
518   - background: transparent url(images/sgpr.png) center center no-repeat;
519   - width: 187px;
520   - margin-right: 30px;
521   -}
522   -
523   -#footer-logos .institucionais {
524   - float: right;
525   -}
526   -
527   -#footer-license {
528   - max-width: 960px;
529   - margin: 0 auto;
530   - text-align: left;
531   - padding: 19px;
532   -}
533   -
534   -#footer-license p {
535   - color: #F28F00;
536   - text-align: left;
537   -}
538   -
539   -
cabecalho-theme.css
View file @001175f
... ... @@ -1,372 +0,0 @@
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   -
cabecalho-verde-theme.css
View file @001175f
... ... @@ -1,522 +0,0 @@
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   -
footer.html.erb
View file @001175f
... ... @@ -1,19 +0,0 @@
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>
header.html.erb
View file @001175f
... ... @@ -1,101 +0,0 @@
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">Participa.br</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="https://www.flickr.com/photos/110745331@N02/"><span>Flickr</span></a>
63   - </li>
64   - <li>
65   - <a id="sb_face" title="Facebook" href="http://facebook.com/participabr"><span>Facebook</span></a>
66   - </li>
67   - <li>
68   - <a id="sb_youtb" title="Youtube" href="https://www.youtube.com/participabrasil"><span>Youtube</span></a>
69   - </li>
70   - <li>
71   - <a id="sb_tweet" title="Twitter" href="http://twitter.com/participabr"><span>Twitter</span></a>
72   - </li>
73   - </ul>
74   - </div>
75   - </div>
76   -
77   - <div id="sobre">
78   - <ul>
79   - <li id="link-faq">
80   - <a href="/ajuda/ajuda/duvidas-frequentes">Perguntas frequentes</a>
81   - </li>
82   - <li id="link-contact">
83   - <a href="/contact/portal/new">Contato</a>
84   - </li>
85   - </ul>
86   - </div>
87   - </div>
88   -</div>
89   -
90   -<div id="barra-psocial">
91   - <span id="custom-menu">
92   - <a href="http://biblioteca.participa.br/" target="_blank"><img src="/designs/themes/participa-theme/images/biblioteca_digital.png" title="Biblioteca Digital"></a>
93   - </span>
94   - <div id="categories_menu">
95   - <%= theme_include 'categories' %>
96   - </div>
97   - <div id="participa-languages">
98   - <a href="?lang=pt" class="flag-pt" title="Português"><span>Português</span></a>
99   - <a href="?lang=en" class="flag-en" title="English"><span>English</span></a>
100   - </div>
101   -</div>
style.css
  Diff comments   View file @4e0ee11
1 1 @import url(../profile-base/style.css);
2   -/******************** cabecalho verde ********************/
3   -/*@import url(cabecalho-verde-theme.css);*/
4   -/****************** FIM cabecalho verde ******************/
5   -/******************** cabecalho amarelo ********************/
6   -@import url(cabecalho-amarelo-theme.css);
7   -/****************** FIM cabecalho amarelo ******************/
  2 +
8 3 @font-face {
9 4 font-family: 'Open Sans';
10 5 font-style: normal;
... ... @@ -63,6 +58,10 @@
63 58 margin-top: 0;
64 59 }
65 60  
  61 +#wrap-2 #user{
  62 + display: none;
  63 +}
  64 +
66 65 #wrap-1, #theme-footer {
67 66 margin: auto;
68 67 width: 100%;
... ...