Commit bd5fe4d45a21020340456c2051bf2ce63b2e3c27

Authored by Melissa Wen
1 parent 42461580

Remove old style definitions and add new base style with sass

cabecalho-amarelo-theme.css
... ... @@ -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   -
errors.css
... ... @@ -1,65 +0,0 @@
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   -}
66 0 \ No newline at end of file
style.css
... ... @@ -1,3306 +0,0 @@
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 ******************/
8   -@font-face {
9   - font-family: 'Open Sans';
10   - font-style: normal;
11   - font-weight: 400;
12   - src: local('Open Sans'), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
13   -}
14   -@font-face {
15   - font-family: 'Open Sans Bold';
16   - font-style: normal;
17   - font-weight: 700;
18   - src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
19   -}
20   -@font-face {
21   - font-family: 'Open Sans Extrabold';
22   - font-style: normal;
23   - font-weight: 800;
24   - src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/EInbV5DfGHOiMmvb1Xr-hnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
25   -}
26   -
27   -#block-types-container #block-types .block-types-group .tags-block {
28   - width: 112px;
29   -}
30   -
31   -.block-types-group {
32   - padding: 10px 2px 0 2px;
33   - background-color: rgba(255, 255, 255, 0.3);
34   -}
35   -#custom-menu a:hover {
36   - background-color: #E1E4E4;
37   -}
38   -
39   -#site-title {
40   - display: none;
41   -}
42   -#custom-menu {
43   - display: inline-block;
44   - margin-left: 10px;
45   - float: left;
46   -}
47   -#categories_menu {
48   - float: left;
49   -}
50   -#custom-menu img {
51   - height: 30px;
52   -}
53   -#custom-menu a {
54   - padding: 5px;
55   - display: inline-block;
56   -}
57   -
58   -#theme-header {
59   - height: auto;
60   -}
61   -
62   -#wrap-2 {
63   - margin-top: 0;
64   -}
65   -
66   -#wrap-1, #theme-footer {
67   - margin: auto;
68   - width: 100%;
69   -}
70   -
71   -#barra-brasil {
72   - z-index: 99;
73   - width: 100%;
74   - border-bottom: 1px solid #eee;
75   -}
76   -
77   -div#wrapper-barra-brasil {
78   - width: 960px;
79   - font-family: Arial, Helvetica, sans-serif !important;
80   -}
81   -
82   -
83   -/****************** Estilos basicos ******************/
84   -
85   -/******* itens do gov-plone.css *******/
86   -/*
87   -* { margin: 0; padding: 0; }*/
88   -* :link,:visited { text-decoration:none }
89   -* h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
90   -* a img,:link img,:visited img { border:none }
91   -a { outline: none; }
92   -table { border-spacing: 0; }
93   -img { vertical-align: text-bottom; }
94   -iframe { border-width: 0; border-style:none; }
95   -/* */
96   -
97   -
98   -/* Cores e fontes */
99   -body {
100   - background-color: #fff;
101   - color: #000000;
102   - font-family: 'Open Sans', Arial, Helvetica, sans-serif;
103   - /*font-size: 62.5%;*/
104   - /* with this 1em = 10px */;
105   -}
106   -
107   -.profile-image-block .admin-link {
108   - font-size: 100%;
109   -}
110   -
111   -h1, h2, h3, h4, h5, h6 {
112   - font-family: 'Open Sans', Arial, Helvetica, sans-serif;
113   -}
114   -
115   -#content h1 {
116   - margin-top: 0;
117   -}
118   -
119   -.modal {
120   - top: 50%;
121   -}
122   -
123   -a:link, #content a:link, dl.portlet a:link {
124   - color: #2c67cd;
125   - /*border-bottom: none;*/
126   -}
127   -
128   -a:visited, #content a:visited, dl.portlet a:visited {
129   - color: #2c67cd;
130   -}
131   -
132   -#content a:hover, dl.portlet a:hover {
133   - color: #000;
134   -}
135   -
136   -#category-ajax-selector .select-subcategory-link:hover {
137   - color: #fff;
138   -}
139   -
140   -#user .logged-in span.task-count {
141   - display: inline-block;
142   -}
143   -
144   -body div.overlaybg div.close,
145   -body div.overlay div.close {
146   - right: -14px;
147   - left: auto;
148   -}
149   -
150   -a:focus {
151   - outline: 2px solid #f1ca7f;
152   -}
153   -
154   -h1 {
155   - color: #172838;
156   - font-size: 2em;
157   - border-bottom: none;
158   -}
159   -
160   -h2, h3, h4, h5, h6 {
161   - color: #231f20;
162   -}
163   -
164   -h1 {
165   - margin: 0.5em 0 0.5em;
166   - line-height: 1.3em;
167   -}
168   -
169   -h2, h3 {
170   - margin: 0 0 0.5em 0;
171   - line-height: 1.3em;
172   -}
173   -
174   -p {
175   - line-height: 1.8em;
176   - margin: 0 0 1em 0;
177   -}
178   -
179   -#wrapper {
180   - margin: 0 auto;
181   - font-size: 1.2em;
182   - width: 100%;
183   -}
184   -
185   -#main {
186   - background: #fff;
187   - font-size: 1.3em;
188   - padding: 1em 0;
189   - max-width: 960px;
190   - margin: 0 auto;
191   -}
192   -
193   -.article-types .description {
194   - /*font-size: x-small;*/
195   -}
196   -
197   -/*Registro de usuário*/
198   -
199   -.action-account-signup .no-boxes form {
200   - margin: 0px;
201   -}
202   -
203   -.action-account-signup .singup_text {
204   - display: inline-block;
205   - float: left;
206   - margin-right: 5%;
207   - margin-top: 70px;
208   - width: 30%;
209   -}
210   -
211   -.action-account-signup #signup-form-header,
212   -.action-account-signup #signup-form-profile {
213   - display: inline-block;
214   - float: right;
215   - width: 60%;
216   -}
217   -
218   -.action-account-signup form>p {
219   - clear: both;
220   -}
221   -
222   -/*Fim Registro de usuário*/
223   -
224   -/* PopUp Login*/
225   -
226   -#colorbox .login-box .button-bar a.icon-close{
227   - width: auto !important;
228   -}
229   -
230   -#colorbox .login-box{
231   - width: 700px;
232   - background: url("images/img_login_popUp.png") no-repeat scroll 90% 30% #FFFFFF;
233   -}
234   -
235   -#colorbox .login-box h2{
236   - background: url("images/bg-titulo-login.png") no-repeat scroll 70px 7px #FFFFFF;
237   - color: #757575;
238   - font-size: 20px;
239   - font-style: italic;
240   - font-weight: normal;
241   - width: 45%;
242   -}
243   -
244   -#colorbox .login-box form {
245   - margin: 0;
246   - width: 45%;
247   - /*background: url("images/img_login_popUp.png") no-repeat scroll 70% 30% #FFFFFF;*/
248   -}
249   -
250   -#colorbox .login-box .formfieldline input {
251   - width: 95%;
252   -}
253   -
254   -#colorbox .login-box .button-bar input.icon-login {
255   - background: url("images/btn_entrar_login.png") no-repeat scroll 0 0 #FFFFFF;
256   - border: 0px none;
257   - font-family: arial,sans-serif;
258   - font-size: 16px;
259   - font-weight: bold;
260   - height: 50px !important;
261   - max-height: 50px !important;
262   - padding: 0;
263   - text-transform: uppercase;
264   - width: 145px;
265   - cursor: pointer;
266   -}
267   -
268   -#colorbox .login-box .button-bar input.icon-login:hover {
269   - background-image: url("images/btn_entrar_login_hover.png");
270   -}
271   -
272   -#colorbox .login-box .button-bar a.icon-close {
273   - /*background: url("images/btn_cancelar_login.png") repeat-x scroll 0 0 #FFFFFF;*/
274   - background-color: #FCE9E8;
275   - background-image: none;
276   - border: 0 none;
277   - border-radius: 5px 5px 5px 5px;
278   - color: #CE5E5E;
279   - font-size: 16px;
280   - font-weight: bold;
281   - height: 35px;
282   - padding: 14px 13px 0;
283   - text-align: center;
284   - text-transform: uppercase;
285   - width: 115px;
286   -}
287   -#colorbox .login-box .button-bar a.icon-close:hover {
288   - background-color: #FFD1CF;
289   -}
290   -
291   -#colorbox .login-box .button-bar input.submit,
292   -#colorbox .login-box .button-bar a.icon-close {
293   - border: 0px none;
294   -}
295   -
296   -#colorbox .login-box .button-bar {
297   - float: none;
298   - margin-bottom: 1em;
299   - margin-top: 1em;
300   - width: 100%;
301   -}
302   -
303   -#colorbox .login-box .button-bar .icon-add{
304   - background-color: #F7E074;
305   - background-image: none;
306   - color: #004B82;
307   - float: right;
308   - font-size: 16px;
309   - font-weight: bold;
310   - margin-right: 75px;
311   - padding: 10px;
312   - position: relative;
313   - text-align: center;
314   - top: -3em;
315   - width: 30%;
316   -}
317   -
318   -#colorbox .login-box .button-bar .icon-add span{
319   - border-bottom: 1px solid #F7E074;
320   -}
321   -
322   -#colorbox .login-box form .button-bar {
323   - float: none;
324   - width: 100%
325   -}
326   -
327   -#email-check, #fake-check, #password-rate, #password-check {
328   - width: 375px;
329   -}
330   -
331   -#signup-form small#signup-balloon,
332   -#signup-form small#password-balloon,
333   -#signup-form small#password-confirmation-balloon,
334   -#signup-form small#email-balloon,
335   -#signup-form small#name-balloon {
336   - right: 0;
337   -}
338   -
339   -/*Fim PopUp Login*/
340   -
341   -/* Menu List left */
342   -/*Estilo nos blocos laterais*/
343   -
344   -
345   -.design-menu {
346   - display: inline-block;
347   -}
348   -
349   -.box-1 {
350   - /* display: inline-block;*/
351   -}
352   -
353   -.box-2 {
354   - display: inline-block;
355   - vertical-align: top;
356   -}
357   -
358   -.box-2 .block .block-inner-2,
359   -.box-3 .block .block-inner-2{
360   - padding: 0 0 1em;
361   -}
362   -
363   -#content .box .block-title {
364   - font-size: 12px;
365   - text-align: left;
366   - border-top: 4px solid #757575;
367   - background: #eeefff;
368   - border-bottom: none;
369   - color: #757575;
370   - padding: 8px 8px 24px 10px;
371   - text-transform: uppercase;
372   - /*margin: 0;*/
373   -}
374   -
375   -#content .box-1 .block-title {
376   - background: url("images/bg-titulo-interno.png") repeat-x scroll 0 0 #FFF;
377   - border-bottom: medium none;
378   - border-top: 0px solid #757575;
379   - color: #757575;
380   - font-size: 12px;
381   - padding: 0px;
382   - text-align: left;
383   - text-transform: uppercase;
384   -}
385   -
386   -#content .box-1 .block-title span{
387   - background-color: #fff;
388   - background-image: none;
389   - padding: 0 1em 0 0;
390   -}
391   -
392   -.action-home-index #content .box-1 .block-title,
393   -.action-environment_design-index #content .box-1 .block-title {
394   - background: none repeat-x scroll 0 0 transparent;
395   - padding: 8px 8px 24px 10px;
396   -
397   -}
398   -
399   -.action-home-index #content .box-1 .block-title span,
400   -.action-environment_design-index #content .box-1 .block-title span {
401   - background-image: none;
402   -}
403   -
404   -/**/
405   -
406   -/*#content .box-1 .block-title {
407   - border-top: 0px hidden transparent;
408   - padding: 0px;
409   - background: transparent;
410   -}*/
411   -
412   -
413   -/*documentos recentes - todo o site*/
414   -#content .recent-documents-block ul {
415   - margin-left: 0;
416   - padding: 0;
417   -}
418   -
419   -#content .recent-documents-block li {
420   - background: none repeat scroll 0 0 #EEEFFF;
421   - border-bottom: 1px solid #CCCCCC;
422   - display: block;
423   - margin: 0;
424   - min-height: 1em;
425   - padding: 8px;
426   - text-align: left;
427   -}
428   -
429   -#content .recent-documents-block li a {
430   - color: #464A55;
431   - line-height: 1em;
432   -}
433   -
434   -#content .recent-documents-block li a:hover{
435   - color: #000;
436   -}
437   -
438   -#content .recent-documents-block .block-title {
439   - border-bottom: 1px solid #757575;
440   - margin-bottom: 0;
441   -}
442   -
443   -#content .link-list-block li {
444   - border-bottom: 1px solid #ddd;
445   - border-top: none;
446   - padding: 0;
447   - margin: 0;
448   -
449   -}
450   -
451   -#content .link-list-block li a {
452   - background-color: #fff;
453   - /*border-bottom: 1px solid #64946E !important;*/
454   - border-bottom: 1px solid #ccc !important;
455   - border-radius: 0 0 0 0;
456   - border-right: medium none;
457   - border-top: 0px solid #64946E !important;
458   - color: #436976;
459   - font-weight: normal;
460   - width: auto;
461   - font-size: 12px;
462   - padding-left: 30px;
463   - padding-right: 5px;
464   - background-position: 7px 50%;
465   -}
466   -
467   -
468   -#content .box-2 .link-list-block li a:hover {
469   - background-color: #eee;
470   - color: #000;
471   -}
472   -
473   -#content .box-2 .link-list-block li a.link-this-page {
474   - background-color: #EEEFFF;
475   - font-weight: bold;
476   - width: auto;
477   -}
478   -/* Menu List footer */
479   -
480   -#content .box-3 .link-list-block li a.link-this-page {
481   - width: auto;
482   - border-right: none;
483   - font-weight: bold;
484   - background-color: #eeefff;
485   - border-radius: 0px;
486   -}
487   -
488   -#content .box-3 .link-list-block li a {
489   - font-size: 14px;
490   - line-height: 1em;
491   - color: #545454;
492   - background-color: #FFF;
493   - border-radius: none;
494   - padding: 0.6em 1.5em;
495   -}
496   -
497   -#content .box-3 .link-list-block li a:hover {
498   - background-color: #FFF;
499   - color: #436976;
500   -}
501   -
502   -#content .box-3 .link-list-block li {
503   - border-bottom: none;
504   - border-top: none;
505   - padding: 0;
506   - margin: 0;
507   -}
508   -
509   -.agenda-item a {
510   - color: black;
511   -}
512   -.agenda-item a:visited {
513   - color: black;
514   - font-weight: normal;
515   -}
516   -.agenda-item a:hover {
517   - color: black;
518   - text-decoration: underline !important;
519   -}
520   -
521   -/*.profile-info-options*/
522   -#content .profile-info-options {
523   - padding-right: 0;
524   -}
525   -
526   -#content .profile-info-options ul {
527   - margin-left: 0px;
528   -}
529   -
530   -#content .profile-info-options input.button.with-text,
531   -#content .profile-info-options a.button.with-text {
532   - background-color: #fff;
533   - border-radius: 0 0 0 0;
534   - display: block;
535   - padding-bottom: 5px;
536   - padding-left: 30px;
537   - padding-top: 5px;
538   - text-align: left;
539   -}
540   -#content .profile-info-options a.button.with-text{
541   - border: 0px solid #CCCCCC;
542   - border-bottom: 2px solid #CCCCCC !important;
543   -}
544   -
545   -#content .profile-info-options input.button:hover,
546   -#content .profile-info-options a.button:hover {
547   - background-color: #ccc;
548   - border: 1pxpx solid #CCC;
549   -}
550   -
551   -
552   -
553   -/*********************************/
554   -/* Main Page / Communities Block */
555   -/*********************************/
556   -
557   -.action-home-index .communities-block .common-profile-list-block,
558   -.action-environment_design-index .communities-block .common-profile-list-block {
559   - margin: 0;
560   - display: inline-block;
561   - vertical-align: top;
562   - text-align: center;
563   -}
564   -
565   -.action-home-index .communities-block .common-profile-list-block .vcard,
566   -.action-environment_design-index .communities-block .common-profile-list-block .vcard {
567   - width: 95px;
568   - height: 100%;
569   - display: inline-block;
570   -}
571   -
572   -.action-home-index .communities-block .common-profile-list-block .profile-image,
573   -.action-environment_design-index .communities-block .common-profile-list-block .profile-image {
574   - width: 76px;
575   - height: 76px;
576   - display: inline-block;
577   - border: 1px solid #CCCCCC;
578   -}
579   -
580   -.action-home-index .communities-block .common-profile-list-block .profile-image img,
581   -.action-environment_design-index .communities-block .common-profile-list-block .profile-image img {
582   - max-width: 76px;
583   - max-height: 76px;
584   - vertical-align: middle;
585   -}
586   -
587   -.action-home-index .communities-block .common-profile-list-block span.org,
588   -.action-environment_design-index .communities-block .common-profile-list-block span.org {
589   - text-transform: uppercase;
590   - word-wrap: break-word;
591   - display: inline-block;
592   - width: 90px;
593   -}
594   -
595   -.action-home-index #content .communities-block .vcard .profile_link {
596   - display: inline-block;
597   -}
598   -
599   -.action-home-index .communities-block .common-profile-list-block .profile-image .helper,
600   -.action-environment_design-index .communities-block .common-profile-list-block .profile-image .helper {
601   - vertical-align: middle;
602   - height: 100%;
603   - display: inline-block;
604   -}
605   -
606   -.action-home-index .msg_block {
607   - display: block;
608   - font-size: 12px;
609   - background-color: white;
610   -}
611   -
612   -.action-home-index .community-track-plugin_track-card-list-block .msg_block {
613   - margin: 0 0 -5px;
614   - padding-left: 1em;
615   - text-align: left;
616   -}
617   -
618   -.action-home-index .communities-block .msg_block {margin: 0 0 1em;}
619   -
620   -
621   -
622   -/*****************/
623   -
624   -/*Container Block - Bloco de Blocos*/
625   -
626   -.container-block-plugin_container-block,
627   -.container-block-plugin_container-block .block-inner-2{
628   - background-color: transparent;
629   - padding: 0;
630   -}
631   -
632   -.container-block-plugin_container-block .block .block-inner-2{
633   - background-color: white;
634   - padding: 1em;
635   -}
636   -
637   -.container-block-plugin_container-block .container-block-plugin_container-block .block-inner-2 {
638   - background-color: white;
639   - padding-left: 6px;
640   - padding-top: 5px;
641   -}
642   -
643   -.block-outer {
644   - margin-top: 2em;
645   -}
646   -
647   -.box-1 .block,
648   -.no-boxes .block {
649   - margin-top: 50px;
650   -}
651   -
652   -.container-block-plugin_container-block .block-outer{
653   - margin-top: 0px;
654   -}
655   -
656   -.box-1 .blocks {
657   - /*margin-top: -30px;*/
658   -}
659   -
660   -.block-outer .block .block-outer {
661   - margin-top: 0;
662   -}
663   -
664   -/****Display Content - Bloco de artigo****/
665   -
666   -.action-home-index .display-content-block ul,
667   -.action-home-index .display-content-block ul li{
668   - display: inline-block;
669   -}
670   -
671   -.display-content-block .lead {
672   - overflow: hidden;
673   -}
674   -
675   -.display-content-block .image {
676   -
677   -}
678   -
679   -.block.display-content-block .tags span {
680   - background-color: #ddd;
681   - color: #666;
682   - display: inline-block;
683   - margin: 10px 10px 10px 0;
684   - padding: 5px;
685   -}
686   -
687   -#content .display-content-block .title a {
688   - background-color: transparent;
689   - font-size: 20px;
690   - font-style: normal;
691   - font-weight: bold;
692   - line-height: 1em;
693   - padding: 0;
694   - color: #000;
695   -}
696   -
697   -#content .main-block h1,
698   -#not-found h1,
699   -#access-denied h1 {
700   -
701   -}
702   -
703   -/*tamanho da fonte dentro dos artigos*/
704   -.article-body p{
705   - font-size:13px;
706   - line-height:26px;
707   -}
708   -/* fim tamanho da fonte dentro dos artigos*/
709   -
710   -
711   -/*comentário*/
712   -
713   -
714   -#content .main-block #comments_list h3 {
715   - border-bottom: 1px solid #CCCCCC;
716   - margin: 0 0 6px 0;
717   - min-height: 100% !important;
718   - padding: 14px;
719   - color: #999;
720   -}
721   -#article .article-comments-list,
722   -#article .article-comments-list ul,
723   -#article .article-comments-list li {
724   - list-style: none outside none;
725   - margin: 5px 0 10px;
726   - padding: 0;
727   -}
728   -
729   -#article .article-comments-list li {
730   - padding: 14px;
731   -}
732   -
733   -.comments .comment-count-write-out {
734   - min-height: 100%;
735   -}
736   -
737   -/*btn comentários*/
738   -
739   -#content .blog-post .short-post .read-more a{
740   - text-decoration: none;
741   - background: url("images/bg-btn-ver-mais-1px.png") repeat-x scroll 0 0 #DDD;
742   - border: 1px solid #CCC;
743   - border-radius: 5px;
744   - color: #666;
745   - font-weight: bold;
746   - padding: 0.5em 1em;
747   - text-decoration: none;
748   -}
749   -
750   -.comment-info {
751   - line-height: 1em;
752   - margin-top: 5px;
753   -}
754   -
755   -#article .article-comments-list li {
756   - display: block;
757   - list-style: none outside none;
758   - margin: 10px 0 0;
759   - padding: 1em;
760   -}
761   -
762   -#article .comment-replies .article-comment {
763   - background: url("/images/black-alpha-pixel-5.png") repeat scroll left top transparent;
764   - border: 1px solid #808080;
765   - border-radius: 5px 5px 5px 5px;
766   - margin-top: 0px;
767   - padding: 0;
768   -}
769   -
770   -#content .comment-picture {
771   - max-width: 50px;
772   - word-wrap: break-word;
773   -}
774   -
775   -.comment-replies .comment-picture {
776   - height: auto;
777   - max-width: 50px;
778   - overflow: visible;
779   -}
780   -
781   -.comment-created-at{
782   - display: block;
783   - float: none;
784   - margin-left: 0;
785   - color: red;
786   - font-style: italic;
787   - margin-bottom: 1em;
788   -}
789   -
790   -#article .article-comment .comment-details h4 {
791   - display: block;
792   -}
793   -
794   -.comment-text p {
795   - line-height: 1.3em;
796   -}
797   -
798   -.article-comment .comment-details {
799   - padding-top: 0;
800   -}
801   -
802   -
803   -#comments_list .comment-balloon {
804   -
805   -}
806   -#comments_list .comment-balloon .comment-wrapper-1,
807   -#comments_list .comment-balloon .comment-wrapper-2,
808   -#comments_list .comment-balloon .comment-wrapper-3,
809   -#comments_list .comment-balloon .comment-wrapper-4,
810   -#comments_list .comment-balloon .comment-wrapper-5,
811   -#comments_list .comment-balloon .comment-wrapper-6,
812   -#comments_list .comment-balloon .comment-wrapper-7,
813   -#comments_list .comment-balloon .comment-wrapper-8{
814   - background-image: none;
815   -}
816   -
817   -#comments_list a.display-comment-form {
818   - background: url("images/bg-btn-ver-mais-1px.png") repeat scroll 0 0 #EEEEEE;
819   - border-color: #ddd;
820   - margin: 14px;
821   -}
822   -
823   -#content .comment-header .comment-actions-reply{
824   - margin-right: 5px;
825   - margin-top: 5px;
826   -}
827   -
828   -.comment-details .menu-submenu {
829   - bottom: -4px;
830   - right: -130px;
831   -}
832   -
833   -#page-comment-form .post_comment_box {
834   - display: inline-block;
835   - padding: 5px;
836   - text-align: left;
837   -}
838   -
839   -/* fim de comentário*/
840   -
841   -/*paginação*/
842   -
843   -.pagination {
844   -}
845   -
846   -#content .pagination a {
847   - background-image: url("images/bg-paginacao.png");
848   - background-repeat: no-repeat;
849   - border-bottom: 0 none;
850   - color: white;
851   - display: inline-block;
852   - font-size: 16px;
853   - font-weight: bold;
854   - height: 35px;
855   - padding-top: 4px;
856   - text-decoration: none;
857   - width: 35px;
858   -}
859   -
860   -.pagination .current {
861   - background: url("images/bg-paginacao-preto.png") no-repeat center top transparent;
862   - background-repeat: no-repeat;
863   - border-bottom: 0 none;
864   - color: white;
865   - display: inline-block;
866   - font-size: 16px;
867   - font-weight: bold;
868   - height: 35px;
869   - padding-top: 4px;
870   - text-decoration: none;
871   - width: 35px;
872   -}
873   -
874   -#content .pagination .prev_page,
875   -#content .pagination .previous_page,
876   -#content .pagination .next_page{
877   - background-image: none;
878   - color: #888888;
879   - font-size: 14px;
880   - width: auto;
881   - display: inline;
882   -}
883   -#content .pagination .disabled {
884   - font-weight: normal;
885   -}
886   -
887   -#content #article .pagination .next_page,
888   -#content #article .pagination .prev_page{
889   - background-image: none;
890   - color: #ccc;
891   - width: auto;
892   - font-size: 16px;
893   - position: static;
894   -}
895   -
896   -/*fim paginação*/
897   -
898   -/*Display Content na página inicial*/
899   -
900   -.action-home-index #content .display-content-block .block-inner-2,
901   -.action-environment_design-index #content .display-content-block .block-inner-2{
902   - display: inline-block;
903   -}
904   -.action-home-index #content .display-content-block .title,
905   -.action-environment_design-index #content .display-content-block .title{
906   - clear: right;
907   - float: right;
908   - width: 440px;
909   - padding-right: 0;
910   -}
911   -.action-home-index #content .display-content-block .title a,
912   -.action-environment_design-index #content .display-content-block .title a{
913   - color: #0B0C0C;
914   - font-size: 34px;
915   -}
916   -
917   -/*.action-home-index #content .display-content-block .image,
918   -.action-environment_design-index #content .display-content-block .image{
919   - float: left;
920   - max-width: 460px;
921   - margin-right: 24px;
922   -}
923   -*/
924   -.action-home-index #content .display-content-block .image,
925   -.action-environment_design-index #content .display-content-block .image {
926   - float: left;
927   - height: 300px;
928   - margin-right: 24px;
929   - max-width: 460px;
930   - width: 460px;
931   -}
932   -
933   -.action-home-index #content .display-content-block .image img,
934   -.action-environment_design-index #content .display-content-block .image img{
935   - max-width: 460px;
936   - height: 300px;
937   -}
938   -
939   -.action-home-index #content .display-content-block .image a,
940   -.action-environment_design-index #content .display-content-block .image a{
941   -}
942   -.action-home-index #content .display-content-block .lead,
943   -.action-environment_design-index #content .display-content-block .lead{
944   - border-top: 1px solid #CCCCCC;
945   - clear: right;
946   - float: right;
947   - margin-top: 1em;
948   - padding-top: 1em;
949   - width: 440px;
950   -}
951   -
952   -.action-home-index #content .display-content-block .lead p,
953   -.action-environment_design-index #content .display-content-block .lead p{
954   - font-size: 13px;
955   - line-height: 1.4em;
956   - color: #484848;
957   -}
958   -
959   -.action-home-index #content .display-content-block .lead .img,
960   -.action-environment_design-index #content .display-content-block .lead .img{
961   -}
962   -.action-home-index #content .display-content-block .tags,
963   -.action-environment_design-index #content .display-content-block .tags{
964   - clear: right;
965   - float: right;
966   - width: 440px;
967   -}
968   -.action-home-index #content .display-content-block .published-at,
969   -.action-environment_design-index #content .display-content-block .published-at{
970   - clear: right;
971   - float: right;
972   - width: 440px;
973   - color: #666;
974   - font-size: 12px;
975   -}
976   -.action-home-index #content .display-content-block .read_more,
977   -.action-environment_design-index #content .display-content-block .read_more{
978   - clear: right;
979   - float: right;
980   - width: 440px;
981   -}
982   -
983   -/*Display Content em container na página inicial*/
984   -
985   -.action-home-index .container-block-plugin_container-block .container-block-plugin_container-block,
986   -.action-environment_design-index .container-block-plugin_container-block .container-block-plugin_container-block{
987   - /* width: 630px !important;*/
988   - background-color: white;
989   -}
990   -
991   -.action-home-index #wrap-2 .block-outer .container-block-plugin_container-block div.display-content-block,
992   -.action-environment_design-index #wrap-2 .block-outer .container-block-plugin_container-block div.display-content-block {
993   - /*margin-right: 24px;*/
994   - /*width: 270px !important;*/
995   -}
996   -
997   -#content .box-1 .people-block ul, #content .box-1 .friends-block ul, #content .box-1 .members-block ul {
998   - min-width: 196px;
999   - margin: 0px 0px 0px -3px;
1000   - padding: 0px;
1001   -}
1002   -
1003   -.action-home-index .people-block,
1004   -.action-environment_design-index .people-block {
1005   - /* overflow: hidden;*/
1006   - /*width: 314px !important;*/
1007   -}
1008   -
1009   -.action-home-index #content .container-block-plugin_container-block .display-content-block .block-inner-2,
1010   -.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .block-inner-2{
1011   - overflow: hidden;
1012   -}
1013   -.action-home-index #content .container-block-plugin_container-block .display-content-block .title,
1014   -.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .title{
1015   - float: none;
1016   - width: 100%;
1017   - padding-right: 0;
1018   - margin: 14px 0;
1019   -}
1020   -.action-home-index #content .container-block-plugin_container-block .display-content-block .title a,
1021   -.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .title a{
1022   - color: #0B0C0C;
1023   - font-size: 20px;
1024   - font-family: Arial, Helvetica, sans-serif;
1025   - font-weight: bold;
1026   -}
1027   -.action-home-index #content .container-block-plugin_container-block .display-content-block .image,
1028   -.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .image{
1029   - float: none;
1030   - width: 100%;
1031   - max-height: 200px;
1032   - max-width: 295px;
1033   - text-align: center;
1034   - margin-bottom: 1em;
1035   - margin-right: 0;
1036   -}
1037   -/*.action-home-index #content .container-block-plugin_container-block .display-content-block .image img,
1038   -.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .image img{
1039   - max-width: 258px;
1040   - max-height: 265px;
1041   -}*/
1042   -.action-home-index #content .container-block-plugin_container-block .display-content-block .image a,
1043   -.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .image a{
1044   -}
1045   -
1046   -.action-home-index #content .container-block-plugin_container-block .display-content-block .image img,
1047   -.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .image img {
1048   - height: 100%;
1049   - max-height: 200px;
1050   - width: 100%;
1051   -}
1052   -
1053   -
1054   -.action-home-index #content .container-block-plugin_container-block .display-content-block .lead,
1055   -.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .lead{
1056   - float: none;
1057   - width: 100%;
1058   - clear: right;
1059   - border-top: 0px solid transparent;
1060   -}
1061   -.action-home-index #content .container-block-plugin_container-block .display-content-block .lead .img,
1062   -.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .lead .img{
1063   -}
1064   -.action-home-index #content .container-block-plugin_container-block .display-content-block .tags,
1065   -.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .tags{
1066   - float: none;
1067   - width: 100%;
1068   - clear: right;
1069   -}
1070   -.action-home-index #content .container-block-plugin_container-block .display-content-block .published-at,
1071   -.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .published-at{
1072   - float: none;
1073   - width: 100%;
1074   -}
1075   -.action-home-index #content .container-block-plugin_container-block .display-content-block .read_more,
1076   -.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .read_more{
1077   - float: none;
1078   - width: 100%;
1079   - clear: right;
1080   -}
1081   -
1082   -/*borda dos wrappers*/
1083   -/**/
1084   -#main-content-wrapper-1,
1085   -#main-content-wrapper-2,
1086   -#main-content-wrapper-3,
1087   -#main-content-wrapper-4,
1088   -#main-content-wrapper-5,
1089   -#main-content-wrapper-6,
1090   -#main-content-wrapper-7,
1091   -#main-content-wrapper-8 {
1092   - background: none repeat scroll 0 0 transparent;
1093   -}
1094   -
1095   -.no-boxes-inner-2 {
1096   - background-color: white;
1097   -}
1098   -
1099   -.only-one-result-box .common-profile-list-block {
1100   - float: none;
1101   -}
1102   -
1103   -.common-profile-list-block span {
1104   - line-height: 1.2em;
1105   - overflow: visible;
1106   - width: 100%;
1107   - word-wrap: break-word;
1108   -}
1109   -
1110   -.search-results-box .common-profile-list-block li {
1111   - display: inline-block;
1112   - width: 112px;
1113   -}
1114   -
1115   -.common-profile-list-block,
1116   -ul.profile-list .common-profile-list-block {
1117   - display: inline-block;
1118   - vertical-align: top;
1119   -}
1120   -
1121   -.main-block .common-profile-list-block {
1122   - display: block;
1123   -}
1124   -
1125   -#search-results .common-profile-list-block {
1126   - display: inline-block;
1127   - vertical-align: top;
1128   -}
1129   -
1130   -.vcard .menu-submenu-list li {
1131   - display: block;
1132   -}
1133   -
1134   -.common-profile-list-block .profile-image {
1135   - display: block;
1136   - height: 56px;
1137   - max-height: 100%;
1138   - width: 100%;
1139   -}
1140   -
1141   -/*.box-2 .common-profile-list-block .vcard a.profile_link,
1142   -.box-3 .common-profile-list-block .vcard a.profile_link,*/
1143   -.common-profile-list-block .vcard a.profile_link {
1144   - margin-bottom: 5px;
1145   - float: none;
1146   -}
1147   -
1148   -
1149   -.box-2 .common-profile-list-block .vcard a.profile_link,
1150   -.box-3 .common-profile-list-block .vcard a.profile_link {
1151   - height: auto;
1152   - max-height: 100%;
1153   -}
1154   -
1155   -.common-profile-list-block .vcard {
1156   - float: none;
1157   -}
1158   -
1159   -.common-profile-list-block .vcard a, .comment-actions .vcard a {
1160   - margin: 0;
1161   - height: auto;
1162   - padding-top: 0;
1163   - overflow: visible;
1164   -}
1165   -
1166   -#content .comment-actions li {
1167   - padding: 2px;
1168   -}
1169   -
1170   -#article .article-comment .comment-details .comment-actions h4 {
1171   - display: none;
1172   -}
1173   -
1174   -.menu-submenu-trigger, .comment-actions .vcard .menu-submenu-trigger {
1175   - width: 20px;
1176   - height: 20px;
1177   -}
1178   -
1179   -.common-profile-list-block .vcard:hover .menu-submenu-trigger {
1180   -/* display: none;*/
1181   -}
1182   -
1183   -
1184   -
1185   -/****************** FIM Estilos basicos ******************/
1186   -
1187   -
1188   -
1189   -/***********Imagem de Fundo - somente na página inicial*********/
1190   -
1191   -.action-home-index #wrap-2,
1192   -.action-environment_design-index #wrap-2 {
1193   - background: url(images/bg-palacio-do-planalto.jpg) no-repeat fixed center top;
1194   - background-size: 100%;
1195   -}
1196   -
1197   -/***************content*************/
1198   -
1199   -
1200   -#content {
1201   - left: -480px;
1202   - margin-left: 50%;
1203   - margin-top: 0;
1204   - position: relative;
1205   - width: 960px;
1206   -}
1207   -
1208   -.action-home-index #wrap-2{
1209   - padding:0;
1210   -}
1211   -
1212   -.action-home-index #content {
1213   - left: 0px;
1214   - margin-left: 0;
1215   - margin-top: 0;
1216   - position: relative;
1217   - width: 100%;
1218   -}
1219   -
1220   -
1221   -.action-home-index #content .block-outer .block {
1222   - left: -480px;
1223   - margin-left: 50%;
1224   - margin-top: 0;
1225   - position: relative;
1226   - width: 960px;
1227   -}
1228   -
1229   -.action-home-index #content .block-outer .block .block{
1230   - left: 0px;
1231   - margin-left: 0;
1232   - margin-top: 0;
1233   - position: relative;
1234   - width: 100%;
1235   -}
1236   -
1237   -.action-home-index #content .block-outer .tags-block,
1238   -.action-home-index #content .block-outer .statistics-block {
1239   - left: 0px;
1240   - margin-left: 0;
1241   - margin-top: 0;
1242   - position: relative;
1243   - width: 100%;
1244   -}
1245   -.action-home-index #content .statistics-block .statistics-block-data {
1246   - left: -480px;
1247   - margin-left: 50%;
1248   - position: relative;
1249   - text-align: center;
1250   - width: 960px;
1251   -}
1252   -
1253   -
1254   -
1255   -
1256   -/*data - evento*/
1257   -
1258   -li.event-dates {
1259   - background: url("/images/icons-mime/event.png") no-repeat scroll 100% 50% white;
1260   -
1261   - float: none;
1262   - padding: 5px 32px 5px 5px;
1263   - text-align: right;
1264   -}
1265   -
1266   -/* Title Header */
1267   -
1268   -#content .main-block h1,
1269   -#content .main-block h2,
1270   -#content .main-block h3,
1271   -#content .main-block h4 {
1272   - font-family: 'Open Sans', Arial, Helvetica, sans-serif;
1273   -}
1274   -
1275   -#content .main-block h1,
1276   -#not-found h1,
1277   -#access-denied h1,
1278   -#content .no-boxes h1 {
1279   - color: #444;
1280   - font-size: 1.7em;
1281   - padding: 7px 0;
1282   - margin-left: 0/* !important*/;
1283   - padding-left: 0.3em;
1284   - border-bottom: 1px solid #CCCCCC;
1285   - border-top: 0px solid #172838;
1286   -}
1287   -
1288   -#content .title {
1289   - font-weight: normal;
1290   -}
1291   -
1292   -#content .main-block h1,
1293   -#content .no-boxes h1 {
1294   - font-size: 2.3em !important;
1295   - font-weight: bold !important;
1296   -}
1297   -
1298   -#content .main-block h2 {
1299   - font-size: 1.8em !important;
1300   - min-height: 48px;
1301   -}
1302   -
1303   -#content .main-block h3 {
1304   - font-size: 1.5em !important;
1305   - min-height: 48px;
1306   -}
1307   -
1308   -#content .main-block #article-cat h4 {
1309   - font-size: 1.3em !important;
1310   - min-height: 0px;
1311   -}
1312   -
1313   -div#article-parent {
1314   - /*position: absolute;*/
1315   - display: block;
1316   - position: relative;
1317   - right: 0px;
1318   - top: 0px;
1319   -}
1320   -
1321   -#article-tags a:link {
1322   - clear: both;
1323   - display: inline-block;
1324   - margin-bottom: 1.5em;
1325   - color: white;
1326   - padding: 3px 5px;
1327   -}
1328   -
1329   -#article-tags a:hover {
1330   - background-color: #000;
1331   - color: white;
1332   -}
1333   -
1334   -
1335   -/* fim Content*/
1336   -
1337   -/*busca*/
1338   -
1339   -/**** BUSCA ****/
1340   -
1341   -.search-results-header {
1342   - border-bottom: 0px;
1343   -}
1344   -
1345   -/*paginação*/
1346   -
1347   -.pagination {
1348   -
1349   -}
1350   -.pagination {
1351   - font-size: 120%;
1352   -}
1353   -
1354   -.pagination .prev_page{margin-right: 0.5em; font-weight: bold;}
1355   -.pagination .next_page{margin-left: 0.5em; font-weight: bold;}
1356   -
1357   -
1358   -
1359   -#public-profile-search, #profile-search-results form, .profile-search-block form {
1360   - background-color: transparent;
1361   -}
1362   -
1363   -#public-profile-search .search-field .formfield {
1364   - float: left;
1365   -}
1366   -#public-profile-search .search-field .formfield input {
1367   - margin-top: 0px;
1368   -}
1369   -
1370   -.formfield input, .formfield textarea{
1371   - /*background: url("../images/input-bg.gif") no-repeat scroll left top transparent;*/
1372   - background-image: none;
1373   - border: 1px solid #DDDDDD;
1374   - color: #585858;
1375   - font-size: 16px;
1376   - word-wrap: break-word;
1377   -}
1378   -
1379   -.formfield.type-file input {
1380   - height: 28px;
1381   - max-height: 30px;
1382   -}
1383   -
1384   -.formfield input {
1385   - padding: 5px 0;
1386   - max-height: 19px;
1387   -}
1388   -
1389   -.search-field .formfield, .search-field .formfield input {
1390   - margin-right: 0.5em;
1391   -}
1392   -
1393   -#search-page form.search_form input.icon-search {
1394   - background: url("images/btn_busca.png") no-repeat scroll 50% 50% transparent;
1395   - border: 1px solid #DDDDDD;
1396   - min-height: 31px;
1397   - padding-right: 20px;
1398   - text-indent: -10000px;
1399   - max-height: 31px;
1400   -}
1401   -
1402   -#content .button-bar a.icon-cancel span{
1403   - vertical-align: text-middle;
1404   -}
1405   -
1406   -input.button.with-text {
1407   - background-position: 3px 50%;
1408   - font-size: 12px;
1409   - padding: 0 2px 2px 20px;
1410   - max-height: 28px;
1411   -}
1412   -
1413   -#content a.button.with-text,
1414   -#content a.button.with-text {
1415   - height: 28px;
1416   - max-height: 28px;
1417   -}
1418   -
1419   -#content input.button, #content a.button {
1420   - background-color: #EEEEEE;
1421   - background-repeat: no-repeat;
1422   - border: 0px solid #CCCCCC;
1423   - /*border-bottom: 1px solid #CCCCCC;*/
1424   - color: #555555;
1425   - line-height: 16px;
1426   - text-decoration: none;
1427   -}
1428   -
1429   -#content #article-actions input.button,
1430   -#content #article-actions a.button,
1431   -#content a.button,
1432   -#content input.button {
1433   - background-color: transparent;
1434   - border: 1px solid #CCCCCC;
1435   - vertical-align: middle;
1436   -}
1437   -
1438   -#content a.button.with-text {
1439   - line-height: 28px;
1440   - height: 30px;
1441   - max-height: 30px;
1442   -}
1443   -#content form input.button.submit {
1444   - height: 32px;
1445   - max-height: 32px;
1446   - margin-right: 5px;
1447   -}
1448   -
1449   -#content #article-actions input.button:hover,
1450   -#content #article-actions a.button:hover {
1451   - background-color: #ccc;
1452   - border: 1px solid #CCCCCC;
1453   - color: white;
1454   -}
1455   -
1456   -
1457   -#content a.button:hover {
1458   - border: 1px solid #CCCCCC;
1459   -}
1460   -
1461   -/*label dos radio buttons da busca*/
1462   -#content .search-field label {
1463   - display: inline-block;
1464   - font-size: 12px;
1465   - vertical-align: middle;
1466   - margin-left: 5px;
1467   -}
1468   -
1469   -#public-profile-search .formfield, #public-profile-search .submit {
1470   - margin-bottom: 5px;
1471   -}
1472   -
1473   -#content .profile ul{
1474   - margin-left: 1em;
1475   -}
1476   -
1477   -
1478   -/****RESULTADO DA BUSCA *****/
1479   -
1480   -#search-results {
1481   - width: 100% !important;
1482   -}
1483   -
1484   -.controller-search .multiple-results-boxes .search-results-innerbox.common-profile-list-block {
1485   - overflow: visible;
1486   -}
1487   -
1488   -.controller-search .search-results-box {
1489   - width: 100%;
1490   - margin-bottom: 20px;
1491   -}
1492   -
1493   -.controller-search #search-results h3 {
1494   - background-color: #497B16;
1495   - color: white;
1496   - display: inline-block;
1497   - margin: 0 0 0 0;
1498   - padding: 0.5em;
1499   - position: relative;
1500   -}
1501   -
1502   -.controller-search #search-results .search-results-innerbox li .search-result-title {
1503   - margin-left: 148px;
1504   - color: #444444;
1505   -}
1506   -
1507   -.search-article-description {
1508   - color: #999999;
1509   -}
1510   -
1511   -#search-page .map-or-list-search-results list {
1512   -
1513   -}
1514   -
1515   -.search-results-innerbox {
1516   - border-top: 1px solid #CCCCCC;
1517   -}
1518   -
1519   -.controller-search .search-results-innerbox {
1520   - height: 100%;
1521   -}
1522   -
1523   -.search-results-type-article li.article-item,
1524   -.search-tagged-items li.article-item,
1525   -.only-one-result-box li.search-product-item {
1526   - border-bottom: 0px solid #fff;
1527   -}
1528   -
1529   -.controller-search .search-results-innerbox td.search-field-label{
1530   - display: none;
1531   -}
1532   -
1533   -/*busca de midia*/
1534   -
1535   -.media-search-box form span.formfield #media-search-query{
1536   - float: left;
1537   - margin-right: 5px;
1538   -}
1539   -
1540   -/*Busca em Profile*/
1541   -#profile-search-results ul.results-list {
1542   -
1543   -}
1544   -
1545   -#profile-search-results ul.results-list li{
1546   - display: block;
1547   - margin-bottom: 18px;
1548   -}
1549   -
1550   -#profile-search-results ul.results-list .result-title{
1551   - color: #444444;
1552   - display: inline-block;
1553   - font-size: 180%;
1554   - font-weight: bold;
1555   - padding: 4px 0;
1556   -}
1557   -
1558   -#profile-search-results ul.results-list .article-details {
1559   - color: #999999;
1560   -}
1561   -
1562   -#profile-search-results ul.results-list .article-url {
1563   -
1564   -}
1565   -
1566   -/**** FIM DE BUSCA ****/
1567   -
1568   -/*fim de busca*/
1569   -
1570   -
1571   -/*lista de pendencias*/
1572   -.task_box {
1573   - background: none repeat scroll 0 0 #EEEEEE;
1574   - margin-bottom: 5px;
1575   - margin-top: 5px;
1576   - padding: 1em;
1577   - position: relative;
1578   -}
1579   -
1580   -/*fim lista de pendencias*/
1581   -
1582   -/*nuvem de tags*/
1583   -
1584   -.action-home-index #content .tag_cloud {
1585   - left: -480px;
1586   - margin-left: 50%;
1587   - position: relative;
1588   - text-align: center;
1589   - width: 960px;
1590   -}
1591   -
1592   -.tag_cloud a{
1593   - white-space: normal;
1594   -}
1595   -
1596   -/*trilhas de participação*/
1597   -
1598   -/*Cartões das trilhas*/
1599   -/*.track_list*/
1600   -
1601   -.community-track-plugin_track-card-list-block .track_list{
1602   - text-align: center;
1603   - padding: 0 0px;
1604   -}
1605   -
1606   -.track_list .item_card {
1607   - background-color: #FFFAFA;
1608   - border: 1px solid #DDDDDD;
1609   - display: inline-block;
1610   - float: left;
1611   - clear: right;
1612   - margin: 12px 9px 9px;
1613   - max-width: 214px;
1614   - height: 426px;
1615   - padding: 0;
1616   - width: 214px;
1617   -}
1618   -
1619   -.action-home-index .track_list .item_card,
1620   -.action-environment_design-index .track_list .item_card {
1621   - border: 0px solid #DDDDDD;
1622   -}
1623   -
1624   -
1625   -.track_list .item_card a{
1626   - display: inline-block;
1627   -}
1628   -
1629   -.track_list .item_card:hover {
1630   - background-color: white;
1631   -}
1632   -
1633   -/*track list nos blocos laterais*/
1634   -.box-2 .track_list .item_card,
1635   -.box-3 .track_list .item_card {
1636   - margin: 10px 0px;
1637   - /*width: 188px;*/
1638   - width: 100%;
1639   -}
1640   -
1641   -/**/
1642   -
1643   -#content .track_list .item_card .track_content{
1644   - height: 390px;
1645   - overflow: hidden;
1646   -}
1647   -
1648   -#content .track_list .item_card .track_content .title{
1649   - color: white;
1650   - font-family: Arial,sans-serif;
1651   - font-size: 15px;
1652   - font-weight: bold;
1653   - min-height: 15px;
1654   - padding: 2px 0;
1655   - text-align: center;
1656   -
1657   - vertical-align: middle;
1658   - width: 219px;
1659   - display: table-cell;
1660   - height: 45px;
1661   -}
1662   -#content .track_list .item_card .track_content .image{
1663   - border: 1px solid #ddd;
1664   - width: 196px;
1665   - height: 146px;
1666   - overflow: hidden;
1667   - margin: 8px;
1668   - background-color: #FFF;
1669   - position: relative;
1670   -}
1671   -/*imagem nos track list nos blocos laterais*/
1672   -#content .box-2 .track_list .item_card .track_content .image,
1673   -#content .box-3 .track_list .item_card .track_content .image {
1674   - width: 170px;
1675   -}
1676   -
1677   -.track_list .image img {
1678   - position: absolute;
1679   - top: 0;
1680   - bottom: 0;
1681   - margin: auto;
1682   - left: 0;
1683   - right: 0;
1684   -}
1685   -
1686   -#content .track_list .item_card .track_content .name {
1687   - font-size: 12px;
1688   - font-weight: normal;
1689   - padding: 5px 0;
1690   - text-align: left;
1691   - margin: 0 8px;
1692   - color: #444;
1693   - text-transform: uppercase;
1694   -}
1695   -
1696   -
1697   -#content .track_list .item_card .track_content .lead {
1698   - font-weight: normal;
1699   - padding: 5px 0;
1700   - margin: 0 8px;
1701   - text-align: left;
1702   - color: black;
1703   - font-size: 12px;
1704   -}
1705   -
1706   -/**/
1707   -
1708   -/**/
1709   -
1710   -/*track list Internas*/
1711   -
1712   -.track_list .item {
1713   - border-bottom: 1px solid #DDDDDD;
1714   - display: inline-block;
1715   -}
1716   -
1717   -.track_list .item .track_content .lead {
1718   - float: left;
1719   - padding: 2em;
1720   - text-align: left;
1721   - width: 40%;
1722   -}
1723   -
1724   -/*track list - páginas internas - main content*/
1725   -
1726   -.track_list .track_content {
1727   - /*display: inline-block;*/
1728   - display: block;
1729   - height: 100%;
1730   -}
1731   -
1732   -.track_list .item .track_content{
1733   - /*display: block;*/
1734   -}
1735   -
1736   -
1737   -.track_list .item .track_content .lead {
1738   - width: 30%;
1739   -}
1740   -
1741   -.track_list .item .track_content .lead p.lead{
1742   - color: #444;
1743   -}
1744   -
1745   -#content .track_list .item .track_content .lead a {
1746   - font-weight: bold;
1747   - color: #444;
1748   -}
1749   -
1750   -/**/
1751   -/*rodapé das cartas de participação*/
1752   -.track_list .item_card .track_stats .comments .counter {
1753   - background: url("images/comentarios.png") no-repeat left center #fffafa;
1754   -}
1755   -.track_list .item_card .track_stats .hits .counter {
1756   - background: url("images/visualizacoes.png") no-repeat left center #fffafa;
1757   -}
1758   -
1759   -.track_list .item_card .track_stats {
1760   - padding: 5px 5px 0;
1761   - height: 25px;
1762   -}
1763   -.track_list .item_card .track_stats .counter {
1764   - margin-top: 1px;
1765   - padding: 3px 0 0 30px;
1766   - text-align: left;
1767   - font-size: 10pt;
1768   - /*display: block;*/
1769   - color: #444;
1770   -}
1771   -.track_list .item_card .track_stats .comments{
1772   - float: left;
1773   -}
1774   -.track_list .item_card .track_stats .hits{
1775   - float: right;
1776   -}
1777   -.track_list .item_card .track_stats .hits .label,
1778   -.track_list .item_card .track_stats .comments .label {
1779   - font-size: 7pt;
1780   - /*float: right;*/
1781   - color: #444;
1782   -}
1783   -.track_list .item_card .track_stats .comments .label {
1784   - display: none;
1785   - visibility: hidden;
1786   -}
1787   -
1788   -/**/
1789   -
1790   -
1791   -/*** step list ***/
1792   -
1793   -/*geral*/
1794   -
1795   -.track_list .item .step {
1796   - padding: 5px;
1797   -}
1798   -
1799   -.track_list .item .track_content .steps {
1800   - width: 60%;
1801   - font-weight: normal;
1802   -}
1803   -
1804   -.track_list .item .track_content .steps a:hover{
1805   - text-decoration: none;
1806   -}
1807   -
1808   -
1809   -.track_list .item .track_content .steps h3{
1810   - font-size: 13px !important;
1811   - text-transform: uppercase;
1812   - font-weight: normal;
1813   -}
1814   -
1815   -.track_list .item .track_content .steps .position,
1816   -#track .step_list .step .position {
1817   - border-radius: 50% 50% 50% 50%;
1818   - float: none;
1819   - font-size: 14px;
1820   - margin-right: 5px;
1821   - text-align: center;
1822   - font-weight: bold;
1823   -}
1824   -
1825   -#track .step_list .step {
1826   - background: url("images/steps_bg.png") repeat-x center top #fff;/*branco com o fundo em degradê*/
1827   - display: inline-block;
1828   - width: 100%;
1829   -}
1830   -
1831   -
1832   -#track .step_list .step a {
1833   - background-color: transparent;/*transparente*/
1834   - color: #999;/*cinza escuro escuro*/
1835   -}
1836   -
1837   -.step a:link, #content .step a:link, dl.portlet .step a:link {
1838   - color: #999; /*cinza escuro*/
1839   - /*teste*/
1840   - display: inline-block;
1841   - max-width: 80%;
1842   - vertical-align: middle;
1843   -}
1844   -
1845   -#track .step_list .step .position {
1846   - background-color: #999;/*cinza escuro escuro*/
1847   - color: #fff;/*branco*/
1848   - display: inline-block;
1849   - font-size: 250%;
1850   - margin: 15px;
1851   - padding: 15px;
1852   - line-height: 15px;
1853   -}
1854   -
1855   -#track .step_list .step .content {
1856   - display: inline-block;
1857   - margin: 10px;
1858   - vertical-align: middle;
1859   - border-bottom: 0 none;
1860   - vertical-align: top;
1861   - max-width: 80%;
1862   - /*max-width: 600px;*/
1863   -}
1864   -
1865   -#track .step_list .step .content .date {
1866   - font-weight: normal;
1867   -}
1868   -
1869   -#track .step_list .step .content .name {}
1870   -
1871   -#track .step .name,
1872   -#track .step .name a {
1873   - color: #999;
1874   -}
1875   -
1876   -#track .step_list .step .content .lead {
1877   - font-weight: normal;
1878   - margin-left: 0px;
1879   - margin-right: 0px;
1880   - color: #666;
1881   -}
1882   -
1883   -#track .step_list .step .content .lead p{
1884   - margin-bottom: 0px;
1885   -}
1886   -
1887   -#track .step_list .step .content object,
1888   -#track .step_list .step .content .lead img{
1889   - max-width: 80%;
1890   -}
1891   -
1892   -/*bloco de steps em main area - */
1893   -
1894   -#content .community-track-plugin_track-list-block .steps .step .position {
1895   - margin: 5px 3px;
1896   - padding: 0 6px;
1897   -}
1898   -
1899   -.community-track-plugin_track-list-block .steps .step .name{
1900   - display: inline-block;
1901   - vertical-align: middle;
1902   - width: 75%;
1903   -}
1904   -
1905   -#article .step_list .step .step_actions .button{
1906   - border-radius: 0 0 0 0;
1907   -}
1908   -
1909   -/*ítens específicos*/
1910   -
1911   -/*oculto*/
1912   -#track #hidden_steps .step_list .step .position {
1913   - background-color: transparent;
1914   -}
1915   -
1916   -/*ativo*/
1917   -
1918   -#content .step.step_active {
1919   - background-color: #E8F3E9;/*verde claro*/
1920   - background-image: url("images/no-image.gif");
1921   -}
1922   -
1923   -#content .step.step_active:hover {
1924   - background-color: #B8D4C1;
1925   -}
1926   -
1927   -#content .step.step_active a {
1928   - color: #397941;/*verde escuro*/
1929   -}
1930   -
1931   -#content .step.step_active .position{
1932   - background-color: #397941;/*verde escuro*/
1933   - color: #E8F3E9;/*verde claro*/
1934   -}
1935   -
1936   -.step_active a:link, #content .step_active a:link, dl.portlet .step_active a:link {
1937   - color: #397941; /*verde escuro*/
1938   -}
1939   -
1940   -/*em andamento*/
1941   -
1942   -#content .step.step_waiting {
1943   - background-color: #fff0cf;/*laranja claro*/
1944   - background-image: url("images/no-image.gif");
1945   -}
1946   -
1947   -#content .step.step_waiting:hover {
1948   - background-color: #E6E6BC;
1949   -}
1950   -
1951   -#content .step.step_waiting a {
1952   - color: #C6A142;/*laranja escuro*/
1953   -}
1954   -
1955   -#content .step.step_waiting .position{
1956   - background-color: #c6a142;/*laranja escuro*/
1957   - color: #fff0cf;/*laranja claro*/
1958   -}
1959   -
1960   -.step_waiting a:link, #content .step_waiting a:link, dl.portlet .step_waiting a:link {
1961   - color: #c6a142; /*laranja escuro*/
1962   -}
1963   -
1964   -/*finalizado*/
1965   -
1966   -#content .step.step_finished {
1967   - background: url("images/steps_bg.png") repeat-x center top #fff;/*branco com o fundo em degradê*/
1968   -}
1969   -
1970   -#article .step_finished .tool_link:hover, #content .steps .step_finished:hover {
1971   - background-color: #EEE;
1972   - background-image: none;
1973   -}
1974   -#content .step.step_finished:hover {
1975   - background-color: #EEE;
1976   - background-image: none;
1977   -}
1978   -
1979   -#content .step.step_finished a {
1980   - background-color:transparent;/*transparente*/
1981   - color: #999;/*cinza escuro escuro*/
1982   -}
1983   -
1984   -.step_finished a:link, #content .step_finished a:link, dl.portlet .step_finished a:link {
1985   - color: #999; /*cinza escuro*/
1986   -}
1987   -
1988   -#content .step.step_finished .position{
1989   - background-color: #999;/*cinza escuro escuro*/
1990   - color: #fff;/*branco*/
1991   -}
1992   -
1993   -/*****fim step list******/
1994   -
1995   -
1996   -/*botão ver todos*/
1997   -.more_button,
1998   -.read_more {
1999   - margin-bottom: 15px;
2000   - margin-top: -5px;
2001   - color: #000000;
2002   - font-size: 11px;
2003   - text-align: left;
2004   -}
2005   -
2006   -#content .more_button .view_all a,
2007   -#content .read_more a{
2008   - background: url("images/button-read-more-vazio.png") no-repeat scroll left 50% transparent;
2009   - color: #333;
2010   - display: inline-block;
2011   - font-weight: bold;
2012   - padding: 10px 20px 10px 50px;
2013   - text-align: left;
2014   - font-family: Arial, sans-serif;
2015   -}
2016   -
2017   -.action-home-index #content .community-track-plugin_track-card-list-block .view_all a,
2018   -.action-environment_design-index #content .community-track-plugin_track-card-list-block .view_all a{
2019   - position: absolute;
2020   - right: -12px;
2021   - top: -33px;
2022   -}
2023   -
2024   -.action-home-index #content .article-block .short-post .read-more a {
2025   - background: url("images/button-read-more-vazio.png") no-repeat scroll left 50% transparent;
2026   - color: #333;
2027   - display: inline-block;
2028   - font-weight: bold;
2029   - padding: 10px 20px 10px 50px;
2030   - text-align: left;
2031   - font-family: Arial, sans-serif;
2032   - margin-right: 1em;
2033   -}
2034   -
2035   -
2036   -
2037   -.community-track-plugin_track-card-list-block .more_button{
2038   - text-align: right;
2039   -}
2040   -
2041   -.community-track-plugin_track-card-list-block .more_button .view_all a{
2042   - margin-right: 12px;
2043   -}
2044   -
2045   -/*área do rodapé do bloco onde fica o botão ver todos*/
2046   -.block-footer-content {
2047   - text-align: right;
2048   - margin-top: 0.5em;
2049   -}
2050   -.box-2 .block-footer-content,
2051   -.box-3 .block-footer-content {
2052   - margin-right: 8px;
2053   -}
2054   -
2055   -/*#content .tags-block .block-footer-content a, */
2056   -
2057   -#content .tags-block .block-footer-content a,
2058   -#content .people-block .block-footer-content a,
2059   -#content .profile-list-block .block-footer-content a,
2060   -#content .enterprises-block .block-footer-content a,
2061   -#content .members-block .block-footer-content a,
2062   -#content .communities-block .block-footer-content a,
2063   -#content .friends-block .block-footer-content a {
2064   - background: url("images/bg-btn-ver-mais-1px.png") repeat-x scroll 0 0 #EEEEEE;
2065   - border: 1px solid #CCCCCC;
2066   - border-radius: 5px 5px 5px 5px;
2067   - display: inline;
2068   - margin: 14px 0 14px 14px;
2069   - padding: 5px 15px;
2070   - position: relative;
2071   - top: 5px;
2072   -}
2073   -
2074   -.action-home-index #content .people-block .block-footer-content a,
2075   -.action-home-index #content .profile-list-block .block-footer-content a,
2076   -.action-home-index #content .enterprises-block .block-footer-content a,
2077   -.action-home-index #content .members-block .block-footer-content a,
2078   -.action-home-index #content .communities-block .block-footer-content a,
2079   -.action-home-index #content .friends-block .block-footer-content a,
2080   -
2081   -.action-environment_design-index .people-block .block-footer-content a,
2082   -.action-environment_design-index .profile-list-block .block-footer-content a,
2083   -.action-environment_design-index .enterprises-block .block-footer-content a,
2084   -.action-environment_design-index .members-block .block-footer-content a,
2085   -.action-environment_design-index .communities-block .block-footer-content a,
2086   -.action-environment_design-index .friends-block .block-footer-content a {
2087   -
2088   - background: url("images/button-read-more-vazio.png") no-repeat scroll left 50% transparent;
2089   - color: #333;
2090   - display: inline-block;
2091   - font-weight: bold;
2092   - margin-right: 0;
2093   - padding: 10px 20px 10px 50px;
2094   - position: relative;
2095   - text-align: left;
2096   - font-family: Arial, sans-serif;
2097   - border: none;
2098   - border-radius: inherit;
2099   -}
2100   -
2101   -/*fim botoes ver todos*/
2102   -
2103   -
2104   -/*Página Inicial - .action-home-index*/
2105   -
2106   -.action-home-index #content,
2107   -.action-environment_design-index #content {
2108   - margin-bottom: -105px;
2109   -}
2110   -
2111   -
2112   -.action-home-index .box-1 .blocks,
2113   -.action-environment_design-index .box-1 .blocks {
2114   - margin-top: 0px;
2115   -}
2116   -
2117   -.action-home-index #content .box-1 .block,
2118   -.action-environment_design-index #content .box-1 .block {
2119   - margin-bottom: 82px;
2120   -}
2121   -
2122   -
2123   -.action-home-index #content .container-block-plugin_container-block .block,
2124   -.action-environment_design-index #content .container-block-plugin_container-block .block{
2125   - margin-bottom: 0px;
2126   -}
2127   -
2128   -.action-home-index .box-1,
2129   -.action-environment_design-index .box-1 {
2130   - /* margin-top: -50px;*/
2131   -}
2132   -
2133   -.action-home-index .main-block,
2134   -.action-environment_design-index #box-organizer .main-block{
2135   - display: none;
2136   - visibility: hidden;
2137   - margin-bottom: 0px;
2138   -}
2139   -/**/
2140   -
2141   -/*titulos dos blocos no box do meio*/
2142   -/*título de bloco*/
2143   -
2144   -.action-home-index #content .box-1 .block-title,
2145   -.action-environment_design-index #content .box-1 .block-title {
2146   - background-color: transparent;
2147   - border-bottom: 0 solid #AAAAAA;
2148   - border-top: 0 none;
2149   - left: -24px;
2150   - margin-bottom: 0;
2151   - margin-top: -47px;
2152   - position: relative;
2153   - top: 0px;
2154   -}
2155   -
2156   -.action-home-index #content .box-1 .container-block-plugin_container-block .block-title,
2157   -.action-environment_design-index #content .box-1 .container-block-plugin_container-block .block-title {
2158   - padding-left: 20px;
2159   - padding-bottom: 11px;
2160   - left: -20px;
2161   -}
2162   -/*título de container*/
2163   -.action-home-index #content .box-1 .container-block-plugin_container-block .block .block-title,
2164   -.action-environment_design-index #content .box-1 .container-block-plugin_container-block .block .block-title {
2165   - padding-left: 10px;
2166   - padding-bottom: 24px;
2167   - top: 10px;
2168   - left: -11px;
2169   -}
2170   -/*título do bloco de pessoas dentro do container */
2171   -.action-home-index #content .box-1 .container-block-plugin_container-block .block .block-title,
2172   -.action-environment_design-index #content .box-1 .container-block-plugin_container-block .block .block-title {
2173   - padding-left: 10px;
2174   - padding-bottom: 24px;
2175   -/*teste*/ top: -2px; left: -24px;
2176   -}
2177   -
2178   -.action-home-index #content .box-1 .community-track-plugin_track-card-list-block .block-title,
2179   -.action-environment_design-index #content .box-1 .community-track-plugin_track-card-list-block .block-title {
2180   - top: 3px;
2181   -}
2182   -
2183   -.action-home-index #content .box-1 .article-block,
2184   -.action-environment_design-index #content .box-1 .article-block {
2185   - overflow: visible;
2186   -}
2187   -.action-home-index #content .box-1 .container-block-plugin_container-block .article-block .block-title,
2188   -.action-environment_design-index #content .box-1 .container-block-plugin_container-block .article-block .block-title {
2189   - left: -24px !important;
2190   - top: -2px !important;
2191   -}
2192   -
2193   -.action-home-index #content .box-1 .block-title span,
2194   -.action-environment_design-index #content .box-1 .block-title span {
2195   - background-color: #497b16;
2196   - color: white;
2197   - font-size: 18px;
2198   - font-variant: normal;
2199   - padding: 6px 1em;
2200   - text-align: left;
2201   -}
2202   -
2203   -.action-home-index #content .display-content-block:first-of-type .block-title span,
2204   -.action-environment_design-index #content .display-content-block:first-of-type .block-title span {
2205   - background-color: #f7b905;
2206   - color: #0a4d06;
2207   -}
2208   -
2209   -.action-home-index .block .block-inner-2,
2210   -.action-environment_design-index .block .block-inner-2 {
2211   - background-color: white;
2212   - padding: 1em;
2213   - /*margin: -10px -8px -8px;*/
2214   - margin: 0;
2215   -}
2216   -
2217   -.action-home-index .container-block-plugin_container-block > .block-inner-2,
2218   -.action-environment_design-index .container-block-plugin_container-block > .block-inner-2 {
2219   - padding-left: 0px;
2220   - padding-right: 0px;
2221   -}
2222   -
2223   -
2224   -.action-home-index .community-track-plugin_track-card-list-block .block-inner-2,
2225   -.action-environment_design-index .community-track-plugin_track-card-list-block .block-inner-2 {
2226   - background: url("images/bg-bloco-de-trilhas.jpg") no-repeat scroll center top transparent;
2227   - padding: 8px 14px;
2228   -}
2229   -
2230   -/**/
2231   -
2232   -/*Block People*/
2233   -/*
2234   -.action-home-index .people-block,
2235   -.action-environment_design-index .people-block {
2236   - position: relative;
2237   - left: 0px;
2238   - overflow: hidden;
2239   -}*/
2240   -
2241   -.action-home-index .people-block .block-title,
2242   -.action-environment_design-index .people-block .block-title{
2243   -}
2244   -
2245   -.action-home-index .people-block .common-profile-list-block .profile_link,
2246   -.action-environment_design-index .people-block .common-profile-list-block .profile_link{
2247   - height: 56px;
2248   - width: 56px;
2249   - margin: -1px -2px;
2250   - padding: 0;
2251   - border: 1px solid white !important;
2252   - background-color: #ddd;
2253   - overflow: hidden;
2254   -}
2255   -
2256   -.action-home-index .people-block .banner-span,
2257   -.action-environment_design-index .people-block .banner-span {
2258   - background-color: #f15921;
2259   - color: #fff;
2260   - font-size: 22px;
2261   - font-weight: normal;
2262   - height: 56px;
2263   - line-height: 56px;
2264   - width: 112px;
2265   - font-family: 'Open Sans Extrabold',Arial,Helvetica,sans-serif;
2266   - letter-spacing: -0.05em;
2267   -}
2268   -
2269   -.action-home-index .vcard .menu-submenu,
2270   -.action-environment_design-index .vcard .menu-submenu{
2271   - bottom: 100%;
2272   -}
2273   -
2274   -.action-home-index #content .tags-block,
2275   -.action-environment_design-index #content .tags-block {
2276   - /*bottom: -21px;*/
2277   - /* left: 25%;*/
2278   -/* margin-left: -50%;*/
2279   - position: relative;
2280   -/* width: 1440px;*/
2281   - /*margin-bottom: 2em;*/
2282   - width: 100%;
2283   -}
2284   -
2285   -.action-home-index #content .tags-block a,
2286   -.action-environment_design-index #content .tags-block a{
2287   - color: #497B16;
2288   - font-weight: bold;
2289   -}
2290   -
2291   -.action-home-index #content .tags-block .block-footer-content,
2292   -.action-environment_design-index .tags-block .block-footer-content{
2293   - display: none;
2294   -}
2295   -
2296   -.action-home-index #content .tags-block .block-title,
2297   -.action-environment_design-index #content .tags-block .block-title {
2298   - display: none;
2299   - visibility: hidden;
2300   -}
2301   -
2302   -.action-home-index #content .tags-block .block-inner-2,
2303   -.action-environment_design-index #content .tags-block .block-inner-2 {
2304   - background-color: #F8C300;
2305   -}
2306   -
2307   -.action-home-index .people-block .common-profile-list-block,
2308   -.action-environment_design-index .people-block .common-profile-list-block {
2309   - float: left;
2310   -}
2311   -
2312   -.action-home-index .common-profile-list-block .vcard,
2313   -.action-environment_design-index .common-profile-list-block .vcard {
2314   - float: left;
2315   -}
2316   -.action-home-index .communities-block .common-profile-list-block .vcard,
2317   -.action-environment_design-index .communities-block .common-profile-list-block .vcard {
2318   - width: 88px;
2319   -}
2320   -
2321   -.action-home-index .box-1 .common-profile-list-block span,
2322   -.action-environment_design-index .box-1 .common-profile-list-block span{
2323   - width: auto;
2324   -}
2325   -
2326   -/*alinhamento da imagem de pessoas nos blocos - incluindo página inicial*/
2327   -.people-block .common-profile-list-block span span.helper,
2328   -.friends-block .common-profile-list-block span span.helper,
2329   -.search-results-people .common-profile-list-block span span.helper{
2330   - display: inline-block;
2331   - height: 56px;
2332   - vertical-align: middle;
2333   - width: 0;
2334   -}
2335   -
2336   -.people-block .common-profile-list-block img,
2337   -.friends-block .common-profile-list-block img,
2338   -.search-results-people .common-profile-list-block img {
2339   - margin-bottom: 5px;
2340   - vertical-align: top;
2341   -}
2342   -
2343   -.action-home-index .people-block .common-profile-list-block img,
2344   -.action-environment_design-index .people-block .common-profile-list-block img {
2345   - vertical-align: middle;
2346   - margin-bottom: 0px;
2347   -}
2348   -
2349   -.friends-block .common-profile-list-block .profile_link span.fn {
2350   -/* margin-top: 5px;*/
2351   -}
2352   -
2353   -.box-2 .common-profile-list-block .profile-image,
2354   -.box-3 .common-profile-list-block .profile-image{
2355   - height: 56px;
2356   -/* border: 1px solid #CCCCCC;
2357   - height: 100%;
2358   - margin: -1px;*/
2359   -
2360   -}
2361   -
2362   -
2363   -/*fim alinhamento da imagem de pessoas nos blocos - incluindo página inicial*/
2364   -
2365   -.action-home-index .box-1 .common-profile-list-block span.banner-span,
2366   -.action-environment_design-index .box-1 .common-profile-list-block span.banner-span{
2367   - width: 111px;
2368   -}
2369   -
2370   -.action-home-index .common-profile-list-block .profile-image,
2371   -.action-environment_design-index .common-profile-list-block .profile-image{
2372   -
2373   -}
2374   -.action-home-index .common-profile-list-block span.fn,
2375   -.action-environment_design-index .common-profile-list-block span.fn{
2376   - display: none;
2377   -}
2378   -
2379   -
2380   -/*Container na página inicial*/
2381   -/*Container Block - Bloco de Blocos*/
2382   -
2383   -/*primeiro container*/
2384   -.action-home-index .container-block-plugin_container-block,
2385   -.action-home-index .container-block-plugin_container-block .block-inner-2,
2386   -.action-environment_design-index .container-block-plugin_container-block,
2387   -.action-environment_design-index .container-block-plugin_container-block .block-inner-2{
2388   - background-color: transparent;
2389   - padding:0;
2390   -}
2391   -
2392   -/*blocos comuns dentro do container*/
2393   -.action-home-index .container-block-plugin_container-block .block .block-inner-2,
2394   -.action-environment_design-index .container-block-plugin_container-block .block .block-inner-2{
2395   - background-color: white;
2396   - padding: 14px;
2397   -}
2398   -
2399   -.action-home-index .container-block-plugin_container-block .block-outer,
2400   -.action-environment_design-index .container-block-plugin_container-block .block-outer{
2401   - margin-left: 0px;
2402   - margin-right: -3px;
2403   -}
2404   -
2405   -.action-home-index .people-block .block-inner-2,
2406   -.action-home-index .communities-block .block-inner-2,
2407   -.action-environment_design-index .people-block .block-inner-2,
2408   -.action-environment_design-index .communities-block .block-inner-2{
2409   - margin-left: 14px;
2410   -}
2411   -
2412   -/*container dentro do container*/
2413   -.action-home-index .container-block-plugin_container-block .container-block-plugin_container-block .block-inner-2,
2414   -.action-environment_design-index .container-block-plugin_container-block .container-block-plugin_container-block .block-inner-2 {
2415   -/*teste*/
2416   - background-color: white;
2417   - padding: 1px;
2418   -/* border: 1px solid blue;*/
2419   -}
2420   -
2421   -/*blocos dentro do container dentro do container*/
2422   -.action-home-index #content .container-block-plugin_container-block .display-content-block .block-inner-2,
2423   -.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .block-inner-2{
2424   -/*teste*/
2425   - overflow: hidden;
2426   - padding: 2px 0 14px 14px;
2427   -/* border: 1px solid brown;*/
2428   -}
2429   -
2430   -/***************************************/
2431   -
2432   -/* Bloco Estatistica na página inicial*/
2433   -
2434   -.action-home-index .block.statistics-block .block-inner-2,
2435   -.action-environment_design-index .block.statistics-block .block-inner-2{
2436   - background-color: transparent;
2437   -}
2438   -
2439   -.action-home-index #content .box-1 .statistics-block,
2440   -.action-environment_design-index #content .box-1 .statistics-block {
2441   - display: block;
2442   - background-color: #0C763E;
2443   -}
2444   -
2445   -.action-home-index .statistics-block .block-title,
2446   -.action-environment_design-index .statistics-block .block-title {
2447   - display: none;
2448   -}
2449   -
2450   -.action-home-index .statistics-block-data,
2451   -.action-environment_design-index .statistics-block-data{
2452   - padding: 0px;
2453   - text-align: center;
2454   -}
2455   -
2456   -.action-home-index .statistics-block-data ul,
2457   -.action-environment_design-index .statistics-block-data ul{
2458   - list-style:none;
2459   - display: inline-block;
2460   -}
2461   -
2462   -.action-home-index .statistics-block-data ul li,
2463   -.action-environment_design-index .statistics-block-data ul li{
2464   - display: inline-block;
2465   - margin:0 40px 20px 0px;
2466   - text-align:center;
2467   - color:#fff;
2468   -}
2469   -
2470   -.action-home-index .statistics-block-data ul li span,
2471   -.action-environment_design-index .statistics-block-data ul li span
2472   -{
2473   - display: block;
2474   -}
2475   -
2476   -.action-home-index .statistics-block-data ul li .amount,
2477   -.action-environment_design-index .statistics-block-data ul li .amount{
2478   - font-size: 600%/*40px !important*/;
2479   - font-weight:bold;
2480   - /*width:136px;*/
2481   - line-height: 1em;
2482   - padding-bottom: 5px;
2483   -}
2484   -
2485   -.action-home-index .statistics-block-data ul li .label,
2486   -.action-environment_design-index .statistics-block-data ul li .label{
2487   - color: white;
2488   - font-size: 200%;
2489   - font-weight: normal;
2490   -}
2491   -
2492   -/* Fim Bloco Estatistica */
2493   -
2494   -/*bloco de conteúdo relevante*/
2495   -
2496   -.relevant-content-plugin_relevant-content-block{}
2497   -
2498   -.action-home-index #content .block-outer .block .block{
2499   - display: inline-block;
2500   - left: 0;
2501   - margin-bottom: 14px;
2502   - margin-left: 0;
2503   - margin-top: 0;
2504   - position: relative;
2505   - vertical-align: top;
2506   - width: 19%;
2507   -}
2508   -
2509   -.relevant-content-plugin_relevant-content-block ul{
2510   - padding: 0;
2511   -}
2512   -
2513   -.relevant-content-plugin_relevant-content-block li {
2514   -}
2515   -.relevant-content-plugin_relevant-content-block li:hover {
2516   - background-color: #eee;
2517   -}
2518   -.relevant-content-plugin_relevant-content-block li a{
2519   - color: #333;
2520   - display: block;
2521   - padding: 0.5em 1em;
2522   -}
2523   -/*Pairwise*/
2524   -.action-home-index div.pairwise_main .spinner {
2525   - width: 94%;
2526   -}
2527   -
2528   -.pairwise-plugin_pairwise-content #article-header .title {
2529   - display: none;
2530   -}
2531   -
2532   -#pairwise_main {
2533   - text-align: center;
2534   - width: auto;
2535   -}
2536   -
2537   -#pairwise_main ul.pairwise_menu {
2538   - background-color: white;
2539   - color: #ECF2E7;
2540   - text-align: right;
2541   -}
2542   -
2543   -#pairwise_main ul.pairwise_menu li {
2544   - display: inline;
2545   -}
2546   -
2547   -#pairwise_main ul.pairwise_menu li a {
2548   - color: #b3c4a6;
2549   - font-size: 14px;
2550   - padding: 1em;
2551   - text-decoration: none;
2552   -}
2553   -
2554   -#pairwise_main ul.pairwise_menu li a:hover{
2555   - color: #497B16;
2556   - background-color: #ECF2E7;
2557   - border-radius: 10px 10px 0 0;
2558   - border: 1px solid #b3c4a6;
2559   - border-bottom: 0px;
2560   - margin: -1px;
2561   -}
2562   -
2563   -#pairwise_main ul.pairwise_menu li a.active{
2564   - color: #497B16;
2565   - background-color: #ECF2E7;
2566   - border-radius: 10px 10px 0 0;
2567   - border: 1px solid #b3c4a6;
2568   - border-bottom: 0px;
2569   -}
2570   -
2571   -#pairwise_main .pairwise_content {
2572   - background-color: #ECF2E7;
2573   - padding: 1em;
2574   - overflow: hidden;
2575   -}
2576   -
2577   -#pairwise_main .pairwise_body {
2578   - background-color: white;
2579   - border-radius: 7px 7px 7px 7px;
2580   - display: block;
2581   - font-size: 22px;
2582   - margin: 0 0 0.5em;
2583   - padding: 1em;
2584   -}
2585   -
2586   -#pairwise_main .pairwise_call_for_action {
2587   - color: #4B7421;
2588   - font-size: 14px;
2589   - line-height: 1.5em;
2590   -}
2591   -
2592   -#pairwise_main .prompt {
2593   - border-width: 0px;
2594   - max-width: 369px;
2595   - height: 170px !important;
2596   - padding: 10px 0;
2597   - border-width: 0 !important;
2598   - border-radius: 10px;
2599   -}
2600   -
2601   -#pairwise_main .prompt.left{
2602   - background-position: 51% top;
2603   - float: left;
2604   -}
2605   -
2606   -#pairwise_main .prompt.right{
2607   - background-position: 50% top;
2608   - float: right;
2609   -}
2610   -
2611   -#pairwise_main .prompt a{
2612   - color: #2a2d28 !important;
2613   - /*font-size: 14px;*/
2614   - font-size: 12px;/*REDUZIDO PARA CABER 160 CARACTERES.*/
2615   - display: block;
2616   - /*height: 170px;*/
2617   - max-width: 349px;
2618   - padding: 10px;
2619   - height: 100%;
2620   -}
2621   -
2622   -#pairwise_main .separator {
2623   - background-color: #CCCCCC;
2624   - display: inline-block;
2625   - float: none;
2626   - height: 170px;
2627   - margin-top: 8px;
2628   - width: 1px;
2629   -}
2630   -
2631   -
2632   -#pairwise_main .skip_vote {
2633   - width: 200px !important;
2634   - text-align: center;
2635   - padding: 0;
2636   - border-width: 0px;
2637   - background-color: transparent !important;
2638   -/* background-color: #7D8874 !important;
2639   - font-size: 15px !important;
2640   - color: #fff;
2641   - padding: 1em 0 !important;
2642   - border-width: 0px !important;
2643   - border-radius: 7px 7px 0px 0px !important;*/
2644   -}
2645   -
2646   -#pairwise_main .skip_vote a {
2647   - background: url("images/btn_duvida_pairwise.png") no-repeat center center #fff !important;
2648   - color: transparent !important;
2649   - display: inline-block;
2650   - height: 1px;
2651   - line-height: 0;
2652   - padding: 1em 0;
2653   - text-decoration: none;
2654   - width: 200px;
2655   -}
2656   -
2657   -#pairwise_main .skip_vote a:hover {
2658   - background: url("images/btn_duvida_pairwise_hover.png") no-repeat center center #fff !important;
2659   -}
2660   -
2661   -#pairwise_main .skip_vote_reasons {background-color: #7D8874;padding-top: 0 !important;}
2662   -
2663   -#pairwise_main .skip_vote_reasons ul {margin: 0; padding: 1em;}
2664   -
2665   -#pairwise_main .skip_vote_reasons ul li {color: white; padding: 0.5em 0.5em 0.5em 2em; text-align: left;}
2666   -
2667   -#pairwise_main .skip_vote_reasons ul li:hover{background-color:#666;}
2668   -
2669   -#pairwise_main .skip_vote_reasons ul li a {color: white;text-decoration: none;font-size: 14px;}
2670   -
2671   -#pairwise_main #suggestions_box {
2672   - display: block !important;
2673   - margin-top: 15px;
2674   - padding: 10px;
2675   - text-align: left;
2676   -}
2677   -
2678   -#pairwise_main #suggestions_box span {
2679   - color: #4B7421;
2680   - font-size: 15px;
2681   - font-weight: bold;
2682   - text-align: left;
2683   - text-transform: uppercase;
2684   -}
2685   -
2686   -#pairwise_main .suggestion_form {}
2687   -
2688   -#pairwise_main #suggestion_box_fields {}
2689   -
2690   -#pairwise_main .div_text_input_container {width: 100%;}
2691   -
2692   -#pairwise_main .div_text_input_container .div_text_input {
2693   - display: inline-block;
2694   - width: 80%;
2695   -}
2696   -
2697   -#pairwise_main .div_text_input_container .div_text_input textarea {
2698   - border: 1px solid #CCCCCC;
2699   - border-radius: 0 0 0 0 !important;
2700   -}
2701   -
2702   -#pairwise_main .div_text_input_container .div_text_input .jqEasyCounterMsg {color: #7D8874 !important;font-size: 13px;}
2703   -
2704   -#pairwise_main .div_text_input_container .suggest_idea_btn {
2705   - display: inline-block;
2706   - margin-left: 5%;
2707   - vertical-align: top;
2708   - width: 14%;
2709   -}
2710   -
2711   -#pairwise_main div#suggestions_box #new_idea_button {
2712   - background: url("images/botao-enviar-pairwise.png") no-repeat top center transparent;
2713   - color: transparent;
2714   - border-radius: 0px;
2715   - cursor: pointer;
2716   - display: block;
2717   - min-height: 71px;
2718   - padding: 5px 10px;
2719   - width: 93px;
2720   - border-width: 0;
2721   -}
2722   -
2723   -div.pairwise_group_list_container .arrow span.active {
2724   - background-position: center top;
2725   -}
2726   -
2727   -/*Fim Pairwise*/
2728   -
2729   -/*:::::::::::Acessibilidade:::::::::::*/
2730   -/************* Contraste *************/
2731   -
2732   -
2733   -body.contraste,
2734   -body.contraste #wrap-2,
2735   -body.contraste #header,
2736   -body.contraste #sobre,
2737   -body.contraste #footer,
2738   -body.contraste #main,
2739   -body.contraste #doormat-container,
2740   -body.contraste #em-destaque ul,
2741   -body.contraste #em-destaque li#em-destaque-titulo,
2742   -body.contraste .outstanding-header .outstanding-title,
2743   -body.contraste .audiogallery-tile,
2744   -body.contraste .videogallery-tile,
2745   -body.contraste ul.css-tabs a,
2746   -body.contraste .timeline,
2747   -body.contraste .timeline a {
2748   - background: #000;
2749   - color: #fff;
2750   -}
2751   -
2752   -/***********Imagem de Fundo - somente na página inicial*********/
2753   -
2754   -
2755   -body.contraste #barra-psocial{
2756   - background: url("images/barra-psocial-bg-contarste.png") repeat-x scroll left 50% #fff;
2757   -}
2758   -
2759   -body.contraste #barra-psocial #cat_menu {
2760   - background-image: url("images/logo-PS-barra-pb.png");
2761   -}
2762   -
2763   -body.contraste #user a,
2764   -body.contraste #user a strong{
2765   - color: #ffff00;
2766   -}
2767   -
2768   -body.contraste #content .box-2 .tags-block .block-footer-content a,
2769   -body.contraste #content .box-2 .people-block .block-footer-content a,
2770   -body.contraste #content .box-2 .profile-list-block .block-footer-content a,
2771   -body.contraste #content .box-2 .enterprises-block .block-footer-content a,
2772   -body.contraste #content .box-2 .members-block .block-footer-content a,
2773   -body.contraste #content .box-2 .communities-block .block-footer-content a,
2774   -body.contraste #content .box-2 .friends-block .block-footer-content a,
2775   -body.contraste #content .more_button .view_all a,
2776   -body.contraste #content .read_more a,
2777   -body.contraste .more_button .view_all a,
2778   -body.contraste .read_more a
2779   -{
2780   - background-image: none;
2781   - background-color: #333;
2782   - color: #ffff00;
2783   -}
2784   -
2785   -body.contraste.action-home-index #content .article-block .short-post .read-more a,
2786   -body.contraste #content .box-1 .tags-block .block-footer-content a,
2787   -body.contraste #content .box-1 .people-block .block-footer-content a,
2788   -body.contraste #content .box-1 .profile-list-block .block-footer-content a,
2789   -body.contraste #content .box-1 .enterprises-block .block-footer-content a,
2790   -body.contraste #content .box-1 .members-block .block-footer-content a,
2791   -body.contraste #content .box-1 .communities-block .block-footer-content a,
2792   -body.contraste #content .box-1 .friends-block .block-footer-content a,
2793   -body.contraste #content .more_button .view_all a,
2794   -body.contraste #content .read_more a,
2795   -body.contraste .more_button .view_all a,
2796   -body.contraste .read_more a
2797   -{
2798   - background: url("images/button-read-more-vazio-contraste.png") no-repeat scroll left 50% #333;
2799   - color: #ffff00;
2800   - border: 0px;
2801   - border-radius: 0px;
2802   -}
2803   -
2804   -body.contraste a,
2805   -body.contraste #accessibility a,
2806   -body.contraste #portal-siteactions a,
2807   -body.contraste #logo a,
2808   -body.contraste #logo #portal-title,
2809   -body.contraste #sobre a,
2810   -body.contraste h1,
2811   -body.contraste h2,
2812   -body.contraste h3,
2813   -body.contraste h4,
2814   -body.contraste h5,
2815   -body.contraste h6,
2816   -body.contraste #plone-document-byline,
2817   -body.contraste #doormat-container dt,
2818   -body.contraste #content .documentDescription,
2819   -body.contraste #content #description,
2820   -body.contraste .nitfByline,
2821   -body.contraste p.section,
2822   -body.contraste .track_list .item_card .track_stats .hits .label,
2823   -body.contraste .track_list .item_card .track_stats .comments .label,
2824   -body.contraste.action-home-index #content .display-content-block .lead p,
2825   -body.contraste.action-environment_design-index #content .display-content-block .lead p,
2826   -body.contraste.action-home-index #content .display-content-block .published-at,
2827   -body.contraste.action-environment_design-index #content .display-content-block .published-at {
2828   - color: #fff;
2829   -}
2830   -
2831   -body.contraste #content .breadcrumbs-plugin_content-breadcrumbs-block a,
2832   -body.contraste #content .breadcrumbs-plugin_content-breadcrumbs-block a:visited,
2833   -body.contraste #content a:link,
2834   -body.contraste #content a:link,
2835   -body.contraste #content a:visited,
2836   -body.contraste #content a {
2837   - color: #ffff00;
2838   -}
2839   -
2840   -
2841   -body.contraste.action-home-index #content .container-block-plugin_container-block .display-content-block .title a,
2842   -body.contraste.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .title a,
2843   -
2844   -body.contraste #content .display-content-block .title a,
2845   -body.contraste #content .track_list .item_card .track_content .name,
2846   -body.contraste .action-home-index #content .container-block-plugin_container-block .display-content-block .title a,
2847   -body.contraste .action-environment_design-index #content .container-block-plugin_container-block .display-content-block .title a,
2848   -body.contraste #content .track_list .item .track_content .lead a {
2849   - color: #ffff00;
2850   -}
2851   -
2852   -
2853   -body.contraste.action-home-index #wrap-2,
2854   -body.contraste.action-environment_design-index #wrap-2 {
2855   - background-image: none;
2856   -}
2857   -
2858   -body.contraste.action-home-index .block .block-inner-2,
2859   -body.contraste.action-environment_design-index .block .block-inner-2,
2860   -body.contraste.action-home-index #content .tags-block .block-inner-2,
2861   -body.contraste.action-environment_design-index #content .tags-block .block-inner-2 {
2862   - background-color: #333;
2863   -}
2864   -
2865   -body.contraste.action-home-index .community-track-plugin_track-card-list-block .block-inner-2 {
2866   - background-image: none;
2867   - background-color: #fff;
2868   -}
2869   -
2870   -
2871   -body.contraste.action-home-index #content .tags-block .block-inner-2, body.contraste.action-environment_design-index #content .tags-block .block-inner-2 {
2872   - border-top: 1px solid #fff;
2873   -}
2874   -
2875   -body.contraste.action-home-index #content .box-1 .block-title span, body.contraste.action-environment_design-index #content .box-1 .block-title span {
2876   - color: #000;
2877   - background-color: white;
2878   -}
2879   -
2880   -body.contraste #accessibility span {
2881   - background: #fff !important;
2882   - color: #000 !important;
2883   -}
2884   -
2885   -body.contraste #content .box .block-title {
2886   - background-color: #333;
2887   -}
2888   -
2889   -body.contraste.action-home-index .container-block-plugin_container-block .container-block-plugin_container-block,
2890   -body.contraste.action-environment_design-index .container-block-plugin_container-block .container-block-plugin_container-block,
2891   -body.contraste.action-home-index #content .box .block-title,
2892   -body.contraste.action-environment_design-index #content .box .block-title,
2893   -body.contraste .container-block-plugin_container-block .block .block-inner-2,
2894   -body.contraste #footer-content {
2895   - background-color: transparent;
2896   -}
2897   -
2898   -body.contraste #content .link-list-block li a {
2899   - background-color: #EEEFFF;
2900   - background-color: #000;
2901   - color: white;
2902   -}
2903   -
2904   -body.contraste #content .link-list-block li a.link-this-page,
2905   -body.contraste #content .link-list-block li a:hover {
2906   - background-color: #333;
2907   - color: #ffff00;
2908   -}
2909   -
2910   -body.contraste #content .profile-info-options input.button.with-text,
2911   -body.contraste #content .profile-info-options a.button.with-text{
2912   - background-color: #333;
2913   - color: #ffff00;
2914   -}
2915   -
2916   -body.contraste.action-content_viewer-view_page #content .box-1 .block-title span {
2917   - background-color: #000;
2918   - color: white;
2919   -}
2920   -
2921   -body.contraste #content .article-comment {
2922   - background: none repeat scroll 0 0 #000;
2923   -}
2924   -
2925   -body.contraste #comments_list .comment-info,
2926   -body.contraste #comments_list .comment-created-at,
2927   -body.contraste #footer-license a,
2928   -body.contraste #footer-license p{
2929   - color: #ffff00;
2930   -}
2931   -
2932   -body.contraste #comments_list .comment-wrapper-8 {
2933   - background-color: #000000;
2934   - background-image: none;
2935   - border: 1px solid #DDDDDD;
2936   -}
2937   -
2938   -body.contraste #comments_list a.display-comment-form,
2939   -body.contraste #content input.button, body.contraste #content a.button {
2940   - background-color:#333;
2941   -}
2942   -
2943   -body.contraste #content .recent-documents-block li{
2944   - background-color:#000;
2945   -}
2946   -
2947   -body.contraste #content .track_list .item_card,
2948   -body.contraste #content .track_list .item_card .track_stats .comments .counter,
2949   -body.contraste #content .track_list .item_card .track_stats .hits .counter {
2950   - background-color: #333;
2951   - color: #fff;
2952   -}
2953   -body.contraste #content .track_list .item_card .track_content .lead {
2954   - color: #fff;
2955   -}
2956   -
2957   -body.contraste .ui-widget-content {
2958   - background-color: #000;
2959   - color: #fff;
2960   -}
2961   -
2962   -body.contraste .ui-state-active,
2963   -body.contraste .ui-widget-content .ui-state-active,
2964   -body.contraste .ui-widget-header .ui-state-active {
2965   - background-image: none;
2966   - background-color: #000;
2967   -}
2968   -
2969   -body.contraste #footer-logos {
2970   - background-color: #222;
2971   -}
2972   -
2973   -body.contraste #theme-header .header-content #link-faq a {
2974   - border-right: 1px solid #ffF;
2975   -}
2976   -
2977   -body.contraste #portal-siteactions {
2978   - border-bottom: 1px dotted #fff;
2979   -}
2980   -
2981   -body.contraste #social-icons #sb_face {
2982   - background-image: url("images/icone-branco-facebook.png");
2983   -}
2984   -body.contraste #social-icons #sb_face:hover {
2985   - background: url("images/icone-branco-facebook.png") 0 20px;
2986   -}
2987   -
2988   -body.contraste #social-icons #sb_youtb {
2989   - background-image: url("images/icone-branco-youtube.png");
2990   -}
2991   -body.contraste #social-icons #sb_youtb:hover {
2992   - background: url("images/icone-branco-youtube.png") 0 20px;
2993   -}
2994   -
2995   -body.contraste #social-icons #sb_tweet {
2996   - background-image: url("images/icone-branco-twitter.png");
2997   -}
2998   -body.contraste #social-icons #sb_tweet:hover {
2999   - background: url("images/icone-branco-twitter.png") 0 20px;
3000   -}
3001   -
3002   -body.contraste #social-icons #sb_flickr {
3003   - background-image: url("images/icone-branco-flickr.png");
3004   -}
3005   -body.contraste #social-icons #sb_flickr:hover {
3006   - background: url("images/icone-branco-flickr.png") 0 20px;
3007   -}
3008   -
3009   -
3010   -/*botão rss*/
3011   -#article .blog-feed-link {
3012   - position: relative;
3013   - right: 0;
3014   - top: 0;
3015   -}
3016   -
3017   -/* Plugin para curtir artigos e comentários */
3018   -.pairwise-plugin_pairwise-content .vote-actions {
3019   - display: none;
3020   -}
3021   -
3022   -.action .dislike:before {
3023   - content: url(images/negative-hand.png);
3024   -}
3025   -
3026   -.action .like:before {
3027   - content: url(images/positive-hand.png);
3028   -}
3029   -
3030   -.action .vote-detail {
3031   - width: 160px;
3032   -}
3033   -
3034   -.vote-action .like-action-active .action-icon {
3035   - opacity: 1;
3036   -}
3037   -
3038   -#article .action .vote-detail li {
3039   - padding: 0px;
3040   -}
3041   -
3042   -.vote-action .action-icon {
3043   - opacity: 0.5;
3044   -}
3045   -
3046   -#article .action .action-icon {
3047   - top: 3px;
3048   -}
3049   -
3050   -#article .like-action .like-action-counter {
3051   - color: #2A8C32;
3052   -}
3053   -
3054   -#article .dislike-action .like-action-counter {
3055   - color: #CC0000;
3056   -}
3057   -
3058   -.vote-actions {
3059   - position: relative;
3060   - right: 0;
3061   - top: 0;
3062   -}
3063   -
3064   -#article .action .vote-detail li {
3065   - display: inline-block;
3066   - list-style-type: none;
3067   - margin-bottom: 5px;
3068   - margin-left: 0;
3069   - text-align: left;
3070   -}
3071   -
3072   -#article .action .vote-detail li a span{
3073   - float: left;
3074   - margin-left: 5px;
3075   - width: 120px;
3076   -}
3077   -#article .action .vote-detail li a img {
3078   - float: left;
3079   -}
3080   -
3081   -
3082   -/*****************************************************/
3083   -/* EMBED CSS */
3084   -/*****************************************************/
3085   -body.action-embed-index {
3086   - background-color: #f0f0f0;
3087   -}
3088   -
3089   -#embed {
3090   - width: 100%;
3091   - height: 100%;
3092   - display: table;
3093   -}
3094   -
3095   -#embed #content {
3096   - left: 0;
3097   - margin-left: 0;
3098   - margin-top: 0;
3099   - position: relative;
3100   - width: 100%;
3101   -}
3102   -
3103   -#embed #content .title {
3104   - padding-right: 0px;
3105   -}
3106   -
3107   -.action-embed-index #boxes,
3108   -.action-embed-index .box-1 .blocks,
3109   -.action-embed-index .block-outer,
3110   -.action-embed-index #content .block {
3111   - margin: 0px;
3112   -}
3113   -
3114   -.action-embed-index #wrap-1 {
3115   - display: table-cell;
3116   - vertical-align: middle;
3117   - width: 100%;
3118   - height: 100%;
3119   -}
3120   -
3121   -.action-embed-index #wrap-2 {
3122   - border: 0px solid #F00;
3123   - padding: 0px;
3124   - background-color: #EEE;
3125   - margin: 0px;
3126   -}
3127   -
3128   -.action-embed-index .block .block-inner-2 {
3129   - background-color: white;
3130   - padding: 1em;
3131   - margin: 0;
3132   -}
3133   -
3134   -.action-embed-index #content .box-1 .block-title {
3135   - background-color: transparent;
3136   - border-bottom: 0 solid #AAAAAA;
3137   - border-top: 0 none;
3138   - left: -12px;
3139   - margin-bottom: 0;
3140   - margin-top: -38px;
3141   - position: relative;
3142   -}
3143   -
3144   -.action-embed-index #content .box-1 .block-title span {
3145   - background-color: #497b16;
3146   - color: white;
3147   - font-size: 18px;
3148   - font-variant: normal;
3149   - padding: 6px 1em;
3150   - text-align: left;
3151   -}
3152   -
3153   -/******** BLOCK => TRACK CARD LIST *********/
3154   -.action-embed-index .community-track-plugin_track-card-list-block .block-inner-2 {
3155   - background: url("images/bg-bloco-de-trilhas.jpg") no-repeat scroll center top transparent;
3156   -}
3157   -
3158   -.action-embed-index .community-track-plugin_track-card-list-block .track_list {
3159   - text-align: center;
3160   - padding: 22px 0px 0px 0px;
3161   -}
3162   -
3163   -.action-embed-index .community-track-plugin_track-card-list-block .view_all a {
3164   - position: absolute;
3165   - right: -12px;
3166   - top: -33px;
3167   -}
3168   -
3169   -/** Bloco de redes sociais **/
3170   -.social_widget {
3171   - margin-left: 5px;
3172   -}
3173   -
3174   -.social_widget .social_header {
3175   - height: 27px;
3176   - margin-top: 12px;
3177   -}
3178   -
3179   -.social_widget.twitter {
3180   - background: url(images/twitter-widget.png) no-repeat;
3181   -}
3182   -
3183   -.social_widget.facebook {
3184   - background: url(images/facebook-widget.png) no-repeat;
3185   -}
3186   -
3187   -.social_widget.instagram {
3188   - background: url(images/instagram-widget.png) no-repeat;
3189   -}
3190   -
3191   -.social_widget.instagram .social_content {
3192   - margin-top: 15px;
3193   -}
3194   -
3195   -#content .no-boxes #main-content-wrapper-8 {
3196   - padding: 10px 10px;
3197   -}
3198   -
3199   -#content .no-boxes #main-content-wrapper-8 .all_tracks {
3200   - padding-left: 2px;
3201   -}
3202   -
3203   -/* chat {{{ */
3204   -
3205   -#chat .toolbar {
3206   - background-color: #F8C300;
3207   - border: 2px solid #F8C300;
3208   -}
3209   -
3210   -#chat #environment-logo {
3211   - background-color: #FCDD4E;
3212   -}
3213   -
3214   -/* }}} */
3215   -
3216   -/*estilos do HUB*/
3217   -
3218   -.hub .post{
3219   - background: url("images/hub-time-bg.gif") repeat-y left top #fff;
3220   -}
3221   -
3222   -.hub .remove{
3223   - background: url("images/hub-remove-icon.png") no-repeat center center #fff;
3224   -}
3225   -
3226   -/*
3227   -.hub .promote{
3228   - background: url("images/hub-promote-icon.png") no-repeat center center #fff;
3229   -}
3230   -
3231   -.hub .pin{
3232   - background: url("images/hub-pin-icon.png") no-repeat center center #fff;
3233   -}
3234   -*/
3235   -
3236   -.hub ul.settings li{
3237   - position: relative;
3238   - background: url("images/hub-arrow-right.png") no-repeat scroll 98% 50% #ED8E01;
3239   - overflow: hidden;
3240   - z-index:999;
3241   -}
3242   -
3243   -.hub ul.settings li.twitter:hover{
3244   - background: url("images/hub-arrow-up.png") no-repeat scroll 95% 50% #ED8E01;
3245   - min-height: 50px;
3246   - height: auto;
3247   -}
3248   -
3249   -.hub ul.settings li.twitter label{
3250   - color: white;
3251   - display: block;
3252   - font-style: oblique;
3253   - line-height: 1.5em;
3254   - margin-bottom: 5px;
3255   -}
3256   -
3257   -.hub ul.settings li.twitter input{margin-bottom: 10px; margin-right: 5px;}
3258   -
3259   -.hub ul.settings li.twitter input.btn-ok {}
3260   -
3261   -/* * Internacionalização * */
3262   -
3263   -#participa-languages {
3264   - position: absolute;
3265   - top: 12px;
3266   - right: 10px;
3267   - padding: 0px;
3268   - z-index: 100;
3269   -}
3270   -
3271   -#participa-languages a {
3272   - color: #333;
3273   - text-decoration: none;
3274   - cursor: pointer;
3275   - background-repeat: no-repeat;
3276   - display: inline-block;
3277   - height: 17px;
3278   - width: 25px;
3279   - margin-left: 5px;
3280   -}
3281   -
3282   -.flag-en { background-image: url(images/flag-en.png) }
3283   -.flag-pt { background-image: url(images/flag-pt_br.png) }
3284   -
3285   -#participa-languages a span{ display: none }
3286   -
3287   -.parsed-macro .comment-count {
3288   - margin: 0;
3289   - padding: 0;
3290   -}
3291   -
3292   -#assets-menu {
3293   - background: white;
3294   - display: block;
3295   - position: static;
3296   - border: 0;
3297   -}
3298   -
3299   -#assets-menu a {
3300   - border: 0;
3301   -}
3302   -
3303   -.text-editor-sidebar {
3304   - right: -273px;
3305   - z-index: 999;
3306   -}
style.sass 0 → 100644
... ... @@ -0,0 +1,68 @@
  1 +@import url(../profile-base/style.css)
  2 +
  3 +@font-face
  4 + font-family: 'Ubuntu'
  5 + font-weight: 300
  6 + font-style: normal
  7 + src: url('fonts/Ubuntu-R.ttf')
  8 +
  9 +@font-face
  10 + font-family: 'Open Sans'
  11 + font-style: normal
  12 + font-weight: 400
  13 + src: local('Open Sans'), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff')
  14 +
  15 +@font-face
  16 + font-family: 'Open Sans Bold'
  17 + font-style: normal
  18 + font-weight: 700
  19 + src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff')
  20 +
  21 +@font-face
  22 + font-family: 'Open Sans Extrabold'
  23 + font-style: normal
  24 + font-weight: 800
  25 + src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/EInbV5DfGHOiMmvb1Xr-hnhCUOGz7vYGh680lGh-uXM.woff) format('woff')
  26 +
  27 +body
  28 + background: #fff
  29 +
  30 +#barra-brasil
  31 + border-bottom: 1px solid #eee
  32 + width: 100%
  33 + z-index: 99
  34 + div#wrapper-barra-brasil
  35 + font-family: Arial, Helvetica, sans-serif !important
  36 + width: 960px
  37 +
  38 +@import globalheader
  39 +
  40 +#site-title, #theme-header, #wrap-2 #user, #theme-footer
  41 + display: none
  42 +
  43 +#content-inner
  44 + margin-bottom: -14px
  45 +
  46 +#wrap-2
  47 + margin-top: 0
  48 + border: 1px solid transparent
  49 +
  50 +.action-home-index
  51 + #wrap-1
  52 + width: 100%
  53 + #wrap-2
  54 + margin: 0
  55 + padding: 0
  56 + #boxes
  57 + margin: 0
  58 + .main-block
  59 + display: none
  60 +
  61 +@import container
  62 +
  63 +@import news
  64 +
  65 +@import statistics
  66 +
  67 +@import globalfooter
  68 +
... ...