Commit 53861b98f8002fd1b3e504e6bd1611c783f20828

Authored by Juliana
1 parent ca7c1b35
Exists in master and in 79 other branches add_sisp_to_chef, add_super_archives_plugin, api_for_colab, automates_core_packing, backup_not_prod, changes_in_buttons_on_content_panel, colab_automated_login, colab_spb_plugin_recipe, colab_widgets_settings, design_validation, dev_env_minimal, disable_email_dev, fix_breadcrumbs_position, fix_categories_software_link, fix_edit_institution, fix_edit_software_with_another_license, fix_get_license_info, fix_gitlab_assets_permission, fix_list_style_inside_article, fix_list_style_on_folder_elements, fix_members_pagination, fix_merge_request_url, fix_models_translations, fix_no_license, fix_software_api, fix_software_block_migration, fix_software_communities_translations, fix_software_communities_unit_test, fix_style_create_institution_admin_panel, fix_superarchives_imports, fix_sym_links_noosfero, focus_search_field_theme, gov-user-refactoring, gov-user-refactoring-rails4, header_fix, institution_modal_on_rating, kalibro-conf-refactoring, kalibro-processor-package, lxc_settings, margin_fix, mezuro_cookbook, prezento, refactor_download_block, refactor_software_communities, refactor_software_for_sisp, register_page, release-process, release-process-v2, remove-unused-images, remove_broken_theme, remove_secondary_email_from_user, remove_sisp_buttons, removing_super_archives_email, review_message, scope2method, signals_user_noosfero, sisp_catalog_header, sisp_colab_config, sisp_dev, sisp_dev_master, sisp_simple_version, software_as_organization, software_catalog_style_fix, software_communities_html_refactor, software_infos_api, spb_minimal_env, spb_to_rails4, spec_refactor, stable-4.1, stable-4.2, stable-4.x, temp_soft_comm_refactoring, theme_header, theme_javascript_refactory, thread_dropdown, thread_page, update_search_by_categories, update_software_api, update_softwares_boxes

New organization style.css and removed files

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