Commit e8539f94ff4f1df60df4f50975016afbd241e9d5

Authored by Grupo Tv1
1 parent 92c26f1b
Exists in master

Atualização da estrutura HTML e CSS da nova versão da Barra.

recipes/default/assets/conteudo-barra_i18n.html
1   -<div class="conteudo-escondido">
2   - <a accesskey="1" href="#conteudo">Ir para o conteúdo</a>
3   - <a accesskey="2" href="#main-navigation">Ir para o menu</a>
4   - <a accesskey="3" href="#nolivesearchGadget">Ir para a busca</a>
5   - <a accesskey="4" href="#portal-footer">Ir para o rodapé</a>
6   -</div>
7   -<div class="conteudo-barra-brasil">
8   - <a href="http://brasil.gov.br" class="pic-gov" title="GovBR">GovBR</a>
9   - <nav id="menu-barra-brasil">
10   - <ul class="lista-barra-brasil">
11   - <li class="list-item">
12   - <a href="http://brasil.gov.br/barra#participe" class="link-barra link-externo-barra" onmouseover="hoverInLinksExternos(this);" onmouseout="hoverOutLinksExternos(this);">Participe</a>
13   - </li>
14   - <li class="espacador"></li>
15   - <li class="list-item">
16   - <a href="https://servicos.gov.br/" class="link-barra link-externo-barra" onmouseover="hoverInLinksExternos(this);" onmouseout="hoverOutLinksExternos(this);">Serviços</a>
17   - </li>
18   - <li class="espacador"></li>
19   - <li class="list-item">
20   - <a href="javascript:toggleOrgaosGoverno();" id="link-orgaos" class="link-barra link-interno-barra link-baixo-barra" onmouseover="hoverInLinksExternos(this);" onmouseout="hoverOutLinksExternos(this);">Órgãos do Governo</a>
21   - </li>
22   - </ul>
23   - </nav>
24   - <a href="#" class="botao-seta-direita"><i class="arrow right">Navegar para direita</i></a>
25   -</div>
26   -<div class="orgaos-governo-barra" id="orgaos-governo-barra">
27   - <div>
28   - <ul>
29   - <li class="orgao-barra">
30   - <a href="http://www.casacivil.gov.br/">Casa Civil da Presidência da República</a>
31   - </li>
32   - <li class="orgao-barra">
33   - <a href="http://www.justica.gov.br">Ministério da Justiça</a>
34   - </li>
35   - <li class="orgao-barra">
36   - <a href="https://www.defesa.gov.br/">Ministério da Defesa</a>
37   - </li>
38   - <li class="orgao-barra">
39   - <a href="http://www.itamaraty.gov.br">Ministério das Relações Exteriores</a>
40   - </li>
41   - <li class="orgao-barra">
42   - <a href="http://www.fazenda.gov.br">Ministério da Fazenda</a>
43   - </li>
44   - <li class="orgao-barra">
45   - <a href="http://www.transportes.gov.br">Ministério dos Transportes, Portos e Aviação Civil</a>
46   - </li>
47   - <li class="orgao-barra">
48   - <a href="http://www.agricultura.gov.br/">Ministério da Agricultura, Pecuária e Abastecimento</a>
49   - </li>
50   - <li class="orgao-barra">
51   - <a href="http://www.mec.gov.br">Ministério da Educação</a>
52   - </li>
53   - <li class="orgao-barra">
54   - <a href="http://www.cultura.gov.br/">Ministério da Cultura</a>
55   - </li>
56   - <li class="orgao-barra">
57   - <a href="http://www.trabalho.gov.br">Ministério do Trabalho</a>
58   - </li>
59   - <li class="orgao-barra">
60   - <a href="http://www.mds.gov.br">Ministério do Desenvolvimento Social</a>
61   - </li>
62   - <li class="orgao-barra">
63   - <a href="http://www.saude.gov.br">Ministério da Saúde</a>
64   - </li>
65   - <li class="orgao-barra">
66   - <a href="http://www.mdic.gov.br/">Ministério da Indústria, Comércio Exterior e Serviços</a>
67   - </li>
68   - <li class="orgao-barra">
69   - <a href="http://www.mme.gov.br">Ministério de Minas e Energia</a>
70   - </li>
71   - <li class="orgao-barra">
72   - <a href="http://www.planejamento.gov.br">Ministério do Planejamento, Desenvolvimento e Gestão</a>
73   - </li>
74   - <li class="orgao-barra">
75   - <a href="http://www.mctic.gov.br">Ministério da Ciência, Tecnologia, Inovações e Comunicações</a>
76   - </li>
77   - <li class="orgao-barra">
78   - <a href="http://www.mma.gov.br/">Ministério do Meio Ambiente</a>
79   - </li>
80   - <li class="orgao-barra">
81   - <a href="https://www.esporte.gov.br">Ministério do Esporte</a>
82   - </li>
83   - <li class="orgao-barra">
84   - <a href="http://www.turismo.gov.br">Ministério do Turismo</a>
85   - </li>
86   - <li class="orgao-barra">
87   - <a href="http://www.integracao.gov.br/">Ministério da Integração Nacional</a>
88   - </li>
89   - <li class="orgao-barra">
90   - <a href="http://www.cidades.gov.br">Ministério das Cidades</a>
91   - </li>
92   - <li class="orgao-barra">
93   - <a href="http://www.cgu.gov.br/">Ministério da Transparência e Controladoria-Geral da União</a>
94   - </li>
95   - <li class="orgao-barra">
96   - <a href="http://www.mdh.gov.br/">Ministério dos Direitos Humanos</a>
97   - </li>
98   - <li class="orgao-barra">
99   - <a href="http://www.segov.gov.br">Secretaria-Geral da Presidência da República</a>
100   - </li>
101   - <li class="orgao-barra">
102   - <a href="http://www.gsi.gov.br/">Gabinete de Segurança Institucional</a>
103   - </li>
104   - <li class="orgao-barra">
105   - <a href="http://www.agu.gov.br/">Advocacia-Geral da União</a>
106   - </li>
107   - <li class="orgao-barra">
108   - <a href="http://www.bcb.gov.br ">Banco Central do Brasil</a>
109   - </li>
110   - </ul>
111   - </div>
112   -</div>
  1 +
  2 + <div class="conteudo-escondido">
  3 + <a accesskey="1" href="#conteudo">Ir para o conteúdo</a>
  4 + </div>
  5 + <div class="conteudo-barra-brasil">
  6 + <a href="http://brasil.gov.br" class="pic-gov" title="GovBR">GovBR</a>
  7 + <nav id="menu-barra-brasil">
  8 + <ul class="lista-barra-brasil">
  9 + <li class="list-item">
  10 + <a href="http://brasil.gov.br/barra#participe" class="link-barra link-externo-barra" onmouseover="hoverInLinksExternos(this);" onmouseout="hoverOutLinksExternos(this);">Participe</a>
  11 + </li>
  12 + <li class="espacador"></li>
  13 + <li class="list-item">
  14 + <a href="https://servicos.gov.br/" class="link-barra link-externo-barra" onmouseover="hoverInLinksExternos(this);" onmouseout="hoverOutLinksExternos(this);">Serviços</a>
  15 + </li>
  16 + <li class="espacador"></li>
  17 + <li class="list-item">
  18 + <a href="javascript:toggleOrgaosGoverno();" id="link-orgaos" class="link-barra link-interno-barra link-baixo-barra" onmouseover="hoverInLinksExternos(this);" onmouseout="hoverOutLinksExternos(this);">Órgãos do Governo</a>
  19 + </li>
  20 + </ul>
  21 + </nav>
  22 + <a href="#" class="botao-seta-direita"><i class="arrow right">Navegar para direita</i></a>
  23 + </div>
  24 + <div class="orgaos-governo-barra" id="orgaos-governo-barra">
  25 + <div>
  26 + <ul>
  27 + <li class="orgao-barra">
  28 + <a href="http://www.casacivil.gov.br/">Casa Civil da Presidência da República</a>
  29 + </li>
  30 + <li class="orgao-barra">
  31 + <a href="http://www.justica.gov.br">Ministério da Justiça</a>
  32 + </li>
  33 + <li class="orgao-barra">
  34 + <a href="https://www.defesa.gov.br/">Ministério da Defesa</a>
  35 + </li>
  36 + <li class="orgao-barra">
  37 + <a href="http://www.itamaraty.gov.br">Ministério das Relações Exteriores</a>
  38 + </li>
  39 + <li class="orgao-barra">
  40 + <a href="http://www.fazenda.gov.br">Ministério da Fazenda</a>
  41 + </li>
  42 + <li class="orgao-barra">
  43 + <a href="http://www.transportes.gov.br">Ministério dos Transportes, Portos e Aviação Civil</a>
  44 + </li>
  45 + <li class="orgao-barra">
  46 + <a href="http://www.agricultura.gov.br/">Ministério da Agricultura, Pecuária e Abastecimento</a>
  47 + </li>
  48 + <li class="orgao-barra">
  49 + <a href="http://www.mec.gov.br">Ministério da Educação</a>
  50 + </li>
  51 + <li class="orgao-barra">
  52 + <a href="http://www.cultura.gov.br/">Ministério da Cultura</a>
  53 + </li>
  54 + <li class="orgao-barra">
  55 + <a href="http://www.trabalho.gov.br">Ministério do Trabalho</a>
  56 + </li>
  57 + <li class="orgao-barra">
  58 + <a href="http://www.mds.gov.br">Ministério do Desenvolvimento Social</a>
  59 + </li>
  60 + <li class="orgao-barra">
  61 + <a href="http://www.saude.gov.br">Ministério da Saúde</a>
  62 + </li>
  63 + <li class="orgao-barra">
  64 + <a href="http://www.mdic.gov.br/">Ministério da Indústria, Comércio Exterior e Serviços</a>
  65 + </li>
  66 + <li class="orgao-barra">
  67 + <a href="http://www.mme.gov.br">Ministério de Minas e Energia</a>
  68 + </li>
  69 + <li class="orgao-barra">
  70 + <a href="http://www.planejamento.gov.br">Ministério do Planejamento, Desenvolvimento e Gestão</a>
  71 + </li>
  72 + <li class="orgao-barra">
  73 + <a href="http://www.mctic.gov.br">Ministério da Ciência, Tecnologia, Inovações e Comunicações</a>
  74 + </li>
  75 + <li class="orgao-barra">
  76 + <a href="http://www.mma.gov.br/">Ministério do Meio Ambiente</a>
  77 + </li>
  78 + <li class="orgao-barra">
  79 + <a href="https://www.esporte.gov.br">Ministério do Esporte</a>
  80 + </li>
  81 + <li class="orgao-barra">
  82 + <a href="http://www.turismo.gov.br">Ministério do Turismo</a>
  83 + </li>
  84 + <li class="orgao-barra">
  85 + <a href="http://www.integracao.gov.br/">Ministério da Integração Nacional</a>
  86 + </li>
  87 + <li class="orgao-barra">
  88 + <a href="http://www.cidades.gov.br">Ministério das Cidades</a>
  89 + </li>
  90 + <li class="orgao-barra">
  91 + <a href="http://www.cgu.gov.br/">Ministério da Transparência e Controladoria-Geral da União</a>
  92 + </li>
  93 + <li class="orgao-barra">
  94 + <a href="http://www.mdh.gov.br/">Ministério dos Direitos Humanos</a>
  95 + </li>
  96 + <li class="orgao-barra">
  97 + <a href="http://www.segov.gov.br">Secretaria-Geral da Presidência da República</a>
  98 + </li>
  99 + <li class="orgao-barra">
  100 + <a href="http://www.gsi.gov.br/">Gabinete de Segurança Institucional</a>
  101 + </li>
  102 + <li class="orgao-barra">
  103 + <a href="http://www.agu.gov.br/">Advocacia-Geral da União</a>
  104 + </li>
  105 + <li class="orgao-barra">
  106 + <a href="http://www.bcb.gov.br ">Banco Central do Brasil</a>
  107 + </li>
  108 + </ul>
  109 + </div>
  110 + </div>
113 111 \ No newline at end of file
... ...
recipes/default/assets/conteudo-footer.html
1   -<div id="wrapper-footer-brasil"><a href="http://www.acessoainformacao.gov.br/" class="logo-acesso-footer"></a></div>
  1 +<div id="wrapper-footer-brasil"><a class="logo-acesso-footer" href="http://www.acessoainformacao.gov.br/" alt="Acesso à informação" title="Acesso à informação"></a></div>
2 2 \ No newline at end of file
... ...
recipes/default/assets/estilo-barra.scss
... ... @@ -23,14 +23,14 @@ $cor-link: #606060;
23 23 $cor-borda: #dfdfdf;
24 24 $cor-fundo: #f1f1f1;
25 25  
26   -/* web font */
  26 +
  27 +/*web-font*/
27 28 @font-face{
28 29 font-family:"Raleway";
29 30 font-weight:bold;
30   - src: url("//barra.brasil.gov.br/static/Raleway-Bold.woff") format("woff");
1
  31 + src: url("fonts/Raleway-Bold.ttf");
1
  • 232099a207750ff42e92bcd1517e0df9?s=40&d=identicon
    Carlos Vieira @caduvieira

    Está errado o link. Tem que ser o link completo e não relativo pois não tem o contexto da barra ao ser carregado por outras páginas

    Choose File ...   File name...
    Cancel
31 32 }
32   -/* fim da web font */
33   -
  33 +/*fim-web-font*/
34 34 .conteudo-escondido{
35 35 display: block;
36 36 background: transparent;
... ... @@ -43,60 +43,62 @@ $cor-fundo: #f1f1f1;
43 43 margin: -0.1em 0 0 -0.1em;
44 44 width: 1px;
45 45 }
46   -
47   -#barra-brasil{
48   - background-color: #222;
49   - box-sizing:content-box;
50   - display: flex;
51   - flex-direction: column-reverse;
52   - align-items: center;
  46 +#barra-brasil div,#barra-brasil a,#barra-brasil ul,#barra-brasil li{
  47 + margin:0;
  48 + padding:0;
  49 + font-size:100%;
  50 + font-family:inherit;
  51 + vertical-align:baseline;
  52 + font-size: 1rem
53 53 }
54   -#barra-brasil .conteudo-barra-brasil{
55   - height:40px;
56   - width: 95%;
57   - max-width: 1150px;
58   - margin: 0 auto;
59   - height: 40px;
60   - display: flex;
61   - flex-flow: row nowrap;
62   - align-items: center;
63   - justify-content: space-between;
  54 +#barra-brasil ul{
  55 + list-style:none
64 56 }
65 57 #barra-brasil{
66   - background-color: #222;
67   - box-sizing:content-box;
68   - display: flex;
69   - flex-direction: column-reverse;
70   - align-items: center;
71   - margin-top: 0;
72   - transition-property: all;
73   - transition-duration: 0.3s;
74   - transition-timing-function: ease-in-out;
  58 + background-color: #222;
  59 + box-sizing:content-box;
  60 + display: flex;
  61 + flex-direction: column-reverse;
  62 + align-items: center;
  63 +}
  64 +#barra-brasil .conteudo-barra-brasil{
  65 + height:40px;
  66 + width: 95%;
  67 + max-width: 1150px;
  68 + margin: 0 auto;
  69 + height: 40px;
  70 + display: flex;
  71 + flex-flow: row nowrap;
  72 + align-items: center;
  73 + justify-content: space-between;
75 74 }
76 75 #barra-brasil .pic-gov {
77   - background-image: embed("imagens/brasil_logo.svg");
  76 + background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2266%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M9.367%204.374V.247H.37v4.127h8.997z%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M7.602%2011.174a3.693%203.693%200%200%201-2.45.896c-.644%200-1.26-.114-1.848-.343a4.416%204.416%200%200%201-1.54-1.001%204.863%204.863%200%200%201-1.05-1.61C.453%208.481.322%207.758.322%206.946a4.851%204.851%200%200%201%201.47-3.521%205.092%205.092%200%200%201%201.617-1.05%205.205%205.205%200%200%201%202.009-.385c.448%200%20.877.049%201.288.147a4.495%204.495%200%200%201%202.086%201.12c.28.266.509.567.686.903l-2.03%201.554a2.289%202.289%200%200%200-.882-.945%202.362%202.362%200%200%200-1.246-.357%202.034%202.034%200%200%200-1.596.742c-.196.233-.35.511-.462.833a3.198%203.198%200%200%200-.168%201.057c0%20.392.056.747.168%201.064.112.317.268.59.469.819.2.229.441.406.721.532.28.126.593.189.938.189.793%200%201.493-.327%202.1-.98H5.768v-1.96h4.088V12H7.602v-.826zm8.078.91c-.756%200-1.442-.145-2.058-.434a5.092%205.092%200%200%201-2.604-2.758%205.008%205.008%200%200%201-.364-1.876c0-.653.126-1.283.378-1.89a5.018%205.018%200%200%201%201.057-1.603c.453-.462.99-.83%201.61-1.106.62-.275%201.3-.413%202.037-.413.756%200%201.442.145%202.058.434.616.29%201.143.672%201.582%201.148a5.151%205.151%200%200%201%201.015%201.624c.238.607.357%201.227.357%201.862a4.83%204.83%200%200%201-.378%201.883%205.1%205.1%200%200%201-1.05%201.596%205.165%205.165%200%200%201-1.603%201.113c-.62.28-1.3.42-2.037.42zm-2.254-5.04c0%20.336.047.66.14.973.093.313.233.59.42.833.187.243.422.439.707.588.285.15.623.224%201.015.224.392%200%20.733-.077%201.022-.231a2.07%202.07%200%200%200%20.707-.602%202.59%202.59%200%200%200%20.406-.847c.089-.317.133-.64.133-.966%200-.336-.047-.66-.14-.973a2.397%202.397%200%200%200-.427-.826%202.156%202.156%200%200%200-.714-.574%202.182%202.182%200%200%200-1.001-.217c-.392%200-.73.075-1.015.224-.285.15-.52.348-.707.595a2.523%202.523%200%200%200-.413.84%203.498%203.498%200%200%200-.133.959zM23.828%202.06l1.946%206.51%201.918-6.51h2.87L26.908%2012H24.64l-3.696-9.94h2.884zM55.82%209.438c0%20.383-.077.733-.231%201.05a2.444%202.444%200%200%201-.63.812%202.887%202.887%200%200%201-.924.518c-.35.121-.726.182-1.127.182H48.19V2.06h4.942c.345%200%20.658.075.938.224.28.15.518.343.714.581.196.238.348.509.455.812.107.303.161.609.161.917%200%20.495-.124.952-.371%201.372-.247.42-.6.733-1.057.938.57.168%201.02.478%201.351.931.331.453.497.987.497%201.603zm-1.274-.224c0-.224-.04-.441-.119-.651a1.852%201.852%200%200%200-.322-.553%201.525%201.525%200%200%200-.483-.378%201.358%201.358%200%200%200-.616-.14H49.45v3.416h3.458c.233%200%20.448-.047.644-.14.196-.093.369-.217.518-.371a1.68%201.68%200%200%200%20.35-.539c.084-.205.126-.42.126-.644zM49.45%203.152V6.47h3.164c.224%200%20.43-.044.616-.133.187-.089.348-.208.483-.357.135-.15.243-.324.322-.525.08-.2.119-.413.119-.637a1.91%201.91%200%200%200-.112-.658%201.736%201.736%200%200%200-.301-.532%201.37%201.37%200%200%200-1.043-.476H49.45zM57.584%2012V2.06h4.256c.439%200%20.842.091%201.211.273.369.182.686.425.952.728.266.303.474.644.623%201.022.15.378.224.763.224%201.155%200%20.345-.049.679-.147%201.001a3.098%203.098%200%200%201-.42.875%202.812%202.812%200%200%201-.658.672%202.566%202.566%200%200%201-.861.406L65.172%2012h-1.428l-2.268-3.57h-2.632V12h-1.26zm1.26-4.69h3.01c.261%200%20.497-.056.707-.168.21-.112.39-.264.539-.455.15-.191.266-.413.35-.665.084-.252.126-.513.126-.784%200-.28-.049-.544-.147-.791a2.322%202.322%200%200%200-.392-.658%201.774%201.774%200%200%200-.574-.448%201.557%201.557%200%200%200-.693-.161h-2.926v4.13z%22%20fill%3D%22%23FFF%22%2F%3E%3Cpath%20fill%3D%22%23FFD400%22%20d%3D%22M35.145%200L46%206.875%2035.145%2013.75z%22%2F%3E%3Cpath%20d%3D%22M36.233%2011.177a4.293%204.293%200%200%200%204.3-4.3%204.293%204.293%200%200%200-4.3-4.302%204.293%204.293%200%200%200-4.301%204.301%204.293%204.293%200%200%200%204.3%204.301%22%20fill%3D%22%231675D3%22%2F%3E%3Cg%20transform%3D%22matrix(-1%200%200%201%2041%204.75)%22%3E%3Cmask%20id%3D%22b%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fmask%3E%3Cpath%20d%3D%22M8.76.538C4.918-.46%202.19%201.288.533%203c-.267.248-.276.953.5%201.375%203.554-3.313%206.797-2.9%208.035-2.185.397%200%20.494-1.409-.308-1.65%22%20fill%3D%22%23FFF%22%20mask%3D%22url(%23b)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
78 77 background-repeat: no-repeat;
79   - display: block;
80   - width: 66px;
81   - height: 14px;
  78 + display: block;
  79 + width: 66px;
  80 + height: 14px;
82 81 min-width: 66px;
83 82 margin-right: 10px;
84   - line-height: 0;
  83 + line-height: 0;
85 84 font-size: 0;
86   - color: transparent;
  85 + color: transparent;
  86 +}
  87 +#barra-brasil .conteudo-barra-brasil nav{
  88 + overflow-x: auto;
87 89 }
88 90 #barra-brasil .conteudo-barra-brasil nav ul{
89   - display: flex;
90   - flex-flow: row nowrap;
91   - justify-content: flex-end;
92   - align-items: center;
93   - width: 500px;
  91 + display: flex;
  92 + flex-flow: row nowrap;
  93 + justify-content: flex-end;
  94 + align-items: center;
  95 + width: 500px;
94 96 }
95 97 #barra-brasil .conteudo-barra-brasil nav ul li.espacador{
96   - height: 20px;
97   - width: 1px;
98   - border-right: 1px solid rgba(151,151,151,0.3);
99   - margin: 0 7px 0 20px;
  98 + height: 20px;
  99 + width: 1px;
  100 + border-right: 1px solid rgba(151,151,151,0.3);
  101 + margin: 0 7px 0 20px;
100 102 }
101 103 #barra-brasil a{
102 104 text-decoration:none;
... ... @@ -105,51 +107,49 @@ $cor-fundo: #f1f1f1;
105 107 font-size:0.7em;
106 108 font-family: Raleway,Arial,Helvetica,sans-serif;
107 109 text-transform: uppercase;
108   - transition-property: all;
  110 + transition-property: all;
109 111 transition-duration: 0.1s;
110 112 transition-timing-function: ease-in-out;
111 113 }
112 114 #barra-brasil .conteudo-barra-brasil nav a.link-externo-barra::before{
113   - content:"";
114   - display: inline-block;
115   - width: 11px;
116   - height: 10px;
117   - margin-right: 6px;
  115 + content:"";
  116 + display: inline-block;
  117 + width: 11px;
  118 + height: 10px;
  119 + margin-right: 6px;
  120 + background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2211%22%20height%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M10.174.169l-.003%204.002L6.173.173z%22%2F%3E%3Cpath%20d%3D%22M4%204.51L7.91.6l1.768%201.768-3.91%203.91zM0%200h3.5v2.5H0z%22%2F%3E%3Cpath%20d%3D%22M0%202h2.5v5H0zM7.5%206H10v3H7.5z%22%2F%3E%3Cpath%20d%3D%22M0%207h10v2.5H0z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
118 121 opacity: 0;
119 122 transition-property: all;
120 123 transition-duration: 0.1s;
121 124 transition-timing-function: ease-in-out;
122 125 }
123 126 #barra-brasil .conteudo-barra-brasil nav a.link-discreto,#barra-brasil .conteudo-barra-brasil nav a.link-discreto-fixo{
124   - opacity: 0.3;
  127 + opacity: 0.3;
125 128 }
126 129 #barra-brasil .conteudo-barra-brasil nav a:hover{
127   - opacity: 1;
  130 + opacity: 1;
128 131 }
129 132 #barra-brasil .conteudo-barra-brasil nav a.link-externo-barra:hover::before{
130   - opacity: 1;
  133 + opacity: 1;
131 134 }
132 135 #barra-brasil .conteudo-barra-brasil nav a.link-interno-barra{
133   - margin-left: 13px;
  136 + margin-left: 13px;
134 137 }
135 138 #barra-brasil .conteudo-barra-brasil nav a.link-baixo-barra::after{
136 139 content:"";
137 140 display: inline-block;
138   - width: 6px;
139   - height: 6px;
  141 + width: 13px;
  142 + height: 13px;
140 143 margin-left: 6px;
141   - border: solid white;
142   - border-width: 0 3px 3px 0;
143   - display: inline-block;
  144 + background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%229%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M1.9.033L8.4%206.531%206.63%208.3.133%201.801z%22%2F%3E%3Cpath%20d%3D%22M11.395%200L5.03%206.364l1.767%201.768%206.364-6.364z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
144 145 background-repeat: no-repeat;
145 146 background-position: center;
146   - transform: rotate(-135deg);
147   - -webkit-transform: rotate(-135deg);
  147 + background-size: 8px 6px;
148 148 background-color: #3b3b3b;
  149 + border-radius: 50%;
149 150 }
150 151 #barra-brasil .conteudo-barra-brasil nav a.link-baixo-barra.link-cima-barra::after{
151   - transform: rotate(45deg);
152   - -webkit-transform: rotate(45deg);
  152 + background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%229%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M1.9%208.967L8.4%202.469%206.63.7.133%207.199z%22%2F%3E%3Cpath%20d%3D%22M11.395%209L5.03%202.636%206.798.868l6.364%206.364z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
153 153 }
154 154 #barra-brasil .conteudo-barra-brasil a.botao-seta-direita{
155 155 display: none;
... ... @@ -157,13 +157,14 @@ $cor-fundo: #f1f1f1;
157 157 min-width: 9px;
158 158 margin-left: 10px;
159 159 height: 13px;
160   - line-height: 0;
  160 + background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%2213%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M.533%2011.232L7.03%204.734%208.8%206.502%202.301%2013z%22%2F%3E%3Cpath%20d%3D%22M.5%201.738l6.364%206.364%201.768-1.768L2.268-.03z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  161 + line-height: 0;
161 162 font-size: 0;
162 163 color: transparent;
163 164 }
164 165 #barra-brasil .orgaos-governo-barra {
165   - width: 100%;
166   - border-bottom: 0.5px solid rgba(255,255,255,0.3);
  166 + width: 100%;
  167 + border-bottom: 0.5px solid rgba(255,255,255,0.3);
167 168 max-height: 0;
168 169 overflow-y: hidden;
169 170 transition-property: all;
... ... @@ -181,48 +182,33 @@ $cor-fundo: #f1f1f1;
181 182 #barra-brasil .orgaos-governo-barra ul{
182 183 margin-top: 25px;
183 184 width:calc(100% + 25px);
184   - display: flex;
185   - flex-flow: row wrap;
  185 + display: flex;
  186 + flex-flow: row wrap;
186 187 }
187 188 #barra-brasil .orgaos-governo-barra ul li{
188   - width: 168px;
189   - text-align:left;
190   - margin: 0 25px 25px 0;
  189 + width: 168px;
  190 + text-align:left;
  191 + margin: 0 25px 25px 0;
191 192 }
192 193 #barra-brasil .orgaos-governo-barra ul li a{
193   - font-size: 0.75em;
194   - text-transform: none;
195   - font-weight: bold;
  194 + font-size: 0.75em;
  195 + text-transform: none;
  196 + font-weight: bold;
196 197 }
197 198 #barra-brasil .orgaos-governo-barra ul li a:hover{
198   - font-weight: bold;
199   -}
200   -
201   -@media screen and (min-width: 960px) {
202   - #wrapper-barra-brasil { width: 960px; }
  199 + font-weight: bold;
203 200 }
204   -@media print {
205   - #barra-brasil .list{
206   - display: none;
207   - }
208 201  
209   - #barra-brasil .acesso-info .link-barra:after {
210   - content: " Barra GovBr";
211   - }
212   -}
213 202 @media only screen and (max-width: 600px){
214 203 #barra-brasil .orgaos-governo-barra{
215   - overflow-y: auto;
  204 + overflow-y: auto;
216 205 }
217 206 #barra-brasil .orgaos-governo-barra ul{
218   - width: 100%;
219   - flex-flow: column nowrap;
  207 + width: 100%;
  208 + flex-flow: column nowrap;
220 209 }
221 210 #barra-brasil .orgaos-governo-barra ul li{
222   - width: 100%;
223   - margin: 0 0 25px 0;
224   - }
225   - #footer-brasil #wrapper-footer-brasil{
226   - justify-content: flex-start;
  211 + width: 100%;
  212 + margin: 0 0 25px 0;
227 213 }
228 214 -}
  215 +}
229 216 \ No newline at end of file
... ...
recipes/default/assets/estilo-footer.scss
1 1 @charset "utf-8";
2   -div#wrapper-footer-brasil {
3   - width: 95%;
4   - max-width: 1150px;
5   - margin: 0 auto;
6   - display: flex;
7   - flex-flow: row nowrap;
8   - align-items: center;
9   - justify-content: flex-end;
10   - padding: 40px 0;
  2 +#footer-brasil{
  3 + background-color: #F1F1F1;
  4 + width: 100%;
11 5 }
12   -#wrapper-footer-brasil .logo-acesso-footer {
13   - width: 117px;
14   - height: 49px;
15   - margin-right: 45px;
16   - background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2019229%207497%22%20height%3D%2249%22%20width%3D%22117%22%20clip-rule%3D%22evenodd%22%20fill-rule%3D%22evenodd%22%20shape-rendering%3D%22geometricPrecision%22%20text-rendering%3D%22geometricPrecision%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%3C%21%5BCDATA%5B.a%20%7Bfont%3A%20normal%20bold%201693px%20Open%20Sans%2C%20sans-serif%3B%7D%5D%5D%3E%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate%28-1125%20-10350%29%22%3E%3Ccircle%20cx%3D%224864%22%20cy%3D%2214099%22%20r%3D%223739%22%20fill%3D%22%23000%22%2F%3E%3Cpath%20d%3D%22M1835%2016193.3l-353%201005c-137%20389%2070%20596%20459%20459l1005-353z%22%20class%3D%22fil1%22%20fill%3D%22%23000%22%2F%3E%3Ccircle%20r%3D%22750%22%20cy%3D%2212225%22%20cx%3D%224874%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M4874%2013350c-414%200-750%20336-750%20750v1877c0%20414%20336%20750%20750%20750s750-336%20750-750v-1877c0-414-336-750-750-750z%22%20fill%3D%22%23fff%22%2F%3E%3Cg%20fill%3D%22%23000%22%3E%3Ctext%20x%3D%228873%22%20y%3D%2213324%22%3E%3Ctspan%20class%3D%22a%22%20y%3D%2213324%22%3EAcesso%20%C3%A0%3C%2Ftspan%3E%3Ctspan%20class%3D%22a%22%20x%3D%228873%22%20y%3D%2215440%22%3EInforma%C3%A7%C3%A3o%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") center no-repeat;
  6 +#footer-brasil #wrapper-footer-brasil{
  7 + width: 95%;
  8 + max-width: 1150px;
  9 + margin: 0 auto;
  10 + display: flex;
  11 + flex-flow: row nowrap;
  12 + align-items: center;
  13 + justify-content: flex-end;
  14 + padding: 40px 0;
17 15 }
18   -#wrapper-footer-brasil .logo-brasil-footer {
19   - width: 141px;
20   - height: 57px;
21   - background: embed("imagens/brasil.svg") center no-repeat;
  16 +#footer-brasil .logo-acesso-a-informacao, #footer-brasil .logo-governo-federal{
  17 + line-height: 0;
  18 + font-size: 0;
  19 + color: transparent;
22 20 }
23   -body.contraste #footer-brasil {
24   - background: #000 !important;
  21 +#footer-brasil .logo-acesso-footer{
  22 + width: 97px;
  23 + height: 42px;
  24 + margin-right: 45px;
  25 + background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2297%22%20height%3D%2242%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%23222%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M20.976%2014.694c2.225.05%204.213-1.784%204.216-4.172.002-2.487-1.988-4.194-4.132-4.23-2.355-.04-4.244%201.886-4.287%204.103-.049%202.52%202.038%204.35%204.203%204.299m-4.2%2011.53h.002v5.269c.002.598.135%201.172.367%201.72a3.977%203.977%200%200%200%201.218%201.572c.965.766%202.069%201.051%203.276.867%201.137-.173%202.054-.742%202.743-1.667.455-.612.72-1.306.774-2.056.053-.727.034-1.46.035-2.19.001-2.923%200-5.847-.005-8.77%200-.204-.023-.41-.055-.613-.18-1.118-.703-2.046-1.615-2.73-1.06-.796-2.25-1.038-3.54-.722-1.019.249-1.833.797-2.426%201.672-.503.743-.77%201.554-.772%202.448-.004%201.733-.001%203.466-.001%205.2M.017%2020.98l.001-.318c.032-2.361.437-4.657%201.271-6.867.338-.894.749-1.764%201.172-2.623C3.3%209.47%204.437%207.97%205.736%206.587c.982-1.044%202.08-1.953%203.242-2.793C11.465%202%2014.241.894%2017.245.341a21.21%2021.21%200%200%201%202.41-.287C20.454%200%2021.26-.017%2022.06.02c.746.035%201.49.14%202.23.252%201.37.21%202.707.563%204.008%201.046%201.575.585%203.072%201.326%204.443%202.293a23.392%2023.392%200%200%201%202.902%202.388c1.476%201.446%202.735%203.055%203.71%204.87.484.9.884%201.845%201.297%202.78.233.528.934%203.164.996%203.75.096.895.214%201.789.278%202.686.086%201.19.01%202.378-.143%203.56a20.797%2020.797%200%200%201-3.1%208.577%2020.61%2020.61%200%200%201-7.928%207.301c-.56.29-1.14.537-1.71.806-1.552.733-3.201%201.137-4.887%201.403-1.464.23-2.94.272-4.422.197a20.488%2020.488%200%200%201-5.427-1.037c-.396-.13-.796-.259-1.174-.433-1.141-.526-2.284-1.051-3.343-1.735a.46.46%200%200%200-.438-.053c-1.581.557-3.164%201.108-4.748%201.657-.437.152-.869.328-1.318.428-.303.068-.637.059-.949.02-.668-.082-1.066-.638-1.147-1.257-.082-.627.1-1.208.307-1.788.54-1.517%201.073-3.036%201.608-4.554.076-.216.15-.433.213-.653a.27.27%200%200%200-.025-.188C2.127%2030.323%201.137%2028.238.607%2025.96a21.928%2021.928%200%200%201-.55-3.642C.032%2021.874.02%2021.427%200%2020.982h.018M73.508%2024.135c.194-.2.356-.41.56-.57%201.01-.788%202.487-.194%202.663%201.064.027.194.04.39.04.586.004%201.065.002%202.13.002%203.195v.206a3.64%203.64%200%200%201-1.423.001v-.216c-.003-.994-.003-1.987-.01-2.98%200-.13-.019-.262-.045-.39-.053-.25-.162-.467-.446-.518-.356-.063-.685-.008-.918.296-.192.25-.24.553-.242.859-.004.91-.001%201.82-.001%202.73v.19c-.264.123-1.064.133-1.43.017v-.188c0-.94.006-1.88-.005-2.82a3.473%203.473%200%200%200-.1-.703c-.05-.231-.215-.359-.454-.391-.502-.068-.912.156-1.011.626-.053.249-.1.503-.105.755-.013.833-.004%201.666-.004%202.499v.262l-.923.036c-.03.001-.059-.01-.089-.013-.4-.04-.4-.039-.4-.431%200-1.56.002-3.118-.003-4.677-.001-.152.03-.234.198-.23.29.01.582.005.872.025.05.004.12.09.137.151.048.17.074.346.118.57.39-.567.896-.862%201.564-.832.652.03%201.19.246%201.455.891M51.35%2012.588l-.064.002-.857%202.96h1.74l-.818-2.962m3.146%205.72c-.411.006-.79.031-1.168.014-.41-.018-.41-.034-.52-.431-.09-.32-.18-.64-.26-.962-.027-.111-.07-.156-.19-.155-.705.006-1.41.005-2.115%200-.115%200-.165.033-.195.15-.105.407-.222.812-.342%201.216-.018.057-.079.143-.12.144-.434.01-.868.004-1.302%200-.015%200-.03-.017-.059-.036.13-.422.256-.847.39-1.27.614-1.941%201.233-3.881%201.842-5.824.053-.169.128-.245.309-.24.423.01.846.006%201.268.007.117%200%20.178.05.214.166.673%202.153%201.351%204.304%202.026%206.457.073.232.136.466.222.763M55.649%2028.615c-.48.096-.946.095-1.432.003v-.214c0-.869.004-1.738-.003-2.606a4.81%204.81%200%200%200-.066-.725c-.065-.404-.372-.62-.783-.583-.63.058-.897.425-.927%201.14-.039.92-.014%201.843-.016%202.765v.22c-.48.096-.944.095-1.417.005v-5.25a2.464%202.464%200%200%201%201.092-.013c.045.008.093.087.108.142.047.181.08.366.118.55.187-.173.35-.356.545-.497.592-.427%201.55-.415%202.138.016.436.321.59.792.608%201.296.033.95.026%201.902.034%202.853.003.296%200%20.593%200%20.898M60.237%2015.049h2.057c-.03-.38-.117-.724-.448-.933-.364-.23-.758-.207-1.122.001-.345.198-.448.546-.487.932m3.36%201.006H60.23c-.028.514.282.933.809%201.082.613.174%201.22.083%201.811-.1.186-.058.269-.02.309.151.06.26.12.519.164.78.007.045-.051.136-.097.15-.934.303-1.884.392-2.83.093-.93-.294-1.38-1.01-1.537-1.925a3.474%203.474%200%200%201%20.175-1.892c.433-1.1%201.465-1.638%202.614-1.489%201.14.147%201.845.912%201.967%202.065.024.224.026.45.025.676-.001.128-.027.257-.045.409M76.102%2015.813c-.023-.57-.047-.96-.225-1.322-.18-.363-.493-.499-.88-.495-.383.005-.696.156-.841.521a2.977%202.977%200%200%200-.018%202.19c.147.399.475.565.887.562.42-.003.755-.177.886-.589.107-.335.153-.69.19-.867m1.45-.175a3.335%203.335%200%200%201-.251%201.307c-.34.79-.917%201.286-1.79%201.4-.743.098-1.46.035-2.07-.448-.383-.301-.63-.711-.774-1.171a3.568%203.568%200%200%201%20.009-2.226c.318-.974%201.084-1.55%202.114-1.61.514-.03%201.013.03%201.477.27.727.379%201.081%201.012%201.216%201.788.04.228.046.46.068.69M63.226%2025.953c-.01-.116-.017-.3-.042-.482-.02-.141-.057-.28-.094-.417-.11-.404-.404-.655-.797-.686-.522-.04-.85.113-1.014.545a3.162%203.162%200%200%200-.176.848c-.041.48-.024.963.198%201.41.176.356.48.494.864.49.377-.003.67-.147.844-.494.18-.361.207-.752.217-1.214m-1.076%202.78c-.74.016-1.391-.193-1.887-.766-.367-.424-.545-.932-.601-1.48-.077-.747-.012-1.476.38-2.14.38-.643.962-.984%201.7-1.077.513-.064%201.014-.026%201.492.177.758.323%201.178.914%201.345%201.705.144.675.137%201.344-.076%202.005a2.243%202.243%200%200%201-2.084%201.575c-.09.003-.18%200-.269%200M94.272%2024.364c-.455-.001-.758.167-.897.569-.245.71-.26%201.434-.004%202.149a.818.818%200%200%200%20.611.549c.627.146%201.095-.134%201.254-.77a3.47%203.47%200%200%200-.025-1.762c-.129-.482-.439-.734-.939-.735m2.551%201.752c-.073.344-.114.758-.25%201.137-.304.845-.936%201.335-1.827%201.453-.917.122-1.766-.02-2.401-.777-.326-.389-.496-.85-.56-1.347-.093-.737-.04-1.458.31-2.13.365-.703.964-1.078%201.743-1.18.598-.078%201.177-.017%201.716.276.597.324.955.834%201.108%201.481.078.333.103.678.161%201.087M82.796%2015.842c-.401-.083-.79-.1-1.17.046-.314.12-.462.361-.442.697.02.317.199.562.53.604.32.041.65.01.976%200%20.036%200%20.1-.07.102-.108.007-.41.004-.819.004-1.24m-.013-.932c.07-.524-.192-.834-.714-.89a3.576%203.576%200%200%200-1.447.15l-.114.034a1.866%201.866%200%200%201-.285-.939c-.001-.038.045-.1.08-.112.864-.256%201.734-.397%202.62-.124.76.235%201.165.77%201.228%201.541.046.568.034%201.14.04%201.71.005.547.004%201.095-.003%201.642-.001.059-.047.157-.092.17-.973.293-1.963.408-2.963.172a2.244%202.244%200%200%201-.72-.337c-.286-.193-.434-.502-.513-.831-.248-1.044.28-1.857%201.362-2.102a3.767%203.767%200%200%201%201.26-.086c.082.01.166.002.26.002M80.35%2026.228c-.43-.06-.843-.1-1.238.088-.276.131-.392.356-.369.688.02.288.175.473.446.561.356.116.717.085%201.077.018.032-.007.08-.061.08-.094.006-.415.004-.83.004-1.26m1.367%202.21c-1.002.302-2.037.437-3.084.173-1.119-.282-1.618-1.564-.987-2.487.324-.475.813-.69%201.358-.769.345-.05.699-.038%201.049-.053.094-.004.188%200%20.28%200%20.099-.462-.127-.819-.58-.898a3.232%203.232%200%200%200-1.453.088c-.068.02-.137.04-.206.058-.01.002-.023-.003-.047-.007-.153-.272-.262-.564-.263-.886%200-.052.052-.139.097-.152.815-.244%201.64-.373%202.483-.154.806.21%201.32.782%201.344%201.6.034%201.15.009%202.304.009%203.486M89.729%2026.247c-.345-.102-.871-.083-1.162.034-.329.133-.465.36-.438.73.023.305.201.535.533.576.315.039.638.01.956%200%20.039-.002.105-.08.106-.124.008-.402.005-.805.005-1.216m-.005-.947c.062-.588-.197-.875-.753-.923-.468-.04-.932-.008-1.378.146-.13.045-.196.012-.228-.104-.07-.255-.139-.511-.194-.77-.009-.04.047-.128.089-.14.868-.26%201.747-.397%202.636-.111.74.238%201.187.821%201.207%201.637.028%201.093.015%202.188.013%203.282%200%20.048-.05.128-.092.14-1.017.292-2.047.425-3.084.13-.745-.212-1.122-.723-1.158-1.47-.037-.758.297-1.289%201.014-1.594.516-.22%201.06-.257%201.613-.224.1.006.202.001.315.001M86.169%2027.4c.189.329.286.654.279%201.006-.001.044-.064.115-.109.124-.36.074-.72.154-1.085.197-.307.037-.378.086-.406.417.181.02.367.027.545.065.379.08.659.36.702.675.058.434-.1.76-.492.957-.596.3-1.22.248-1.863.15.013-.106.021-.187.032-.267.055-.414.076-.416.477-.372.226.025.462-.002.69-.028.14-.016.238-.106.241-.265.004-.169-.102-.267-.247-.276-.27-.017-.543-.001-.814.005-.057%200-.114.02-.234.042l.405-1.126c-.045-.02-.075-.037-.109-.046-.934-.24-1.506-.842-1.717-1.767-.194-.85-.154-1.693.274-2.476.376-.685.983-1.047%201.754-1.143a3.773%203.773%200%200%201%201.762.18c.101.037.142.08.133.191a2.335%202.335%200%200%201-.23.882c-.312-.047-.603-.105-.898-.13-.56-.048-1.021.117-1.237.587a2.409%202.409%200%200%200-.061%201.923c.173.45.547.66%201.02.686.401.024.8%200%201.188-.19M58.354%2028.615a3.614%203.614%200%200%201-1.416.002v-4.17h-.854V23.37c.238%200%20.464-.008.689.002.136.006.165-.045.173-.174.02-.288.026-.586.106-.86.173-.599.6-.976%201.19-1.156.518-.158%201.045-.138%201.572-.026.108.024.149.06.123.181-.057.267-.095.537-.142.805-.022.129-.08.163-.223.14a2.367%202.367%200%200%200-.637-.014c-.286.033-.486.2-.538.494-.034.19-.045.385-.069.608h.871c.37%200%20.381-.002.414.361.018.199-.013.402-.02.603-.004.114-.081.111-.163.11h-1.076v4.17zM64.37%2016.982c.489.191.94.303%201.412.258.202-.02.406-.08.595-.158.178-.072.262-.231.255-.432-.007-.202-.101-.345-.287-.41-.303-.107-.617-.184-.916-.3-.259-.1-.526-.205-.749-.365-.459-.33-.509-.83-.43-1.334.114-.732.688-1.208%201.508-1.32.664-.092%201.306%200%201.941.19.124.038.16.096.124.22-.081.282-.154.566-.234.865-.432-.158-.825-.277-1.244-.252-.124.007-.25.019-.37.051-.209.056-.305.176-.317.36-.016.227.042.344.266.43.277.105.57.172.845.283.273.11.568.211.793.392.56.45.6%201.444.155%202.064-.404.564-.982.771-1.624.84a4.131%204.131%200%200%201-1.818-.2c-.123-.044-.18-.097-.145-.229.08-.307.156-.617.24-.953M71.95%2013.176l-.273.955c-.447-.067-.849-.136-1.253-.184a.994.994%200%200%200-.37.047c-.169.046-.3.143-.316.34-.019.25.029.359.259.449.276.109.564.19.846.282.068.023.137.042.204.066%201.058.376%201.387%201.555.701%202.447-.404.525-.963.72-1.578.785a4.142%204.142%200%200%201-1.819-.2c-.112-.039-.176-.085-.144-.212l.23-.944c.312.08.577.176.85.206.287.032.582.01.872-.01.1-.007.203-.064.296-.116a.46.46%200%200%200%20.253-.457.43.43%200%200%200-.306-.4c-.29-.104-.592-.18-.882-.286a4.316%204.316%200%200%201-.68-.304c-.34-.197-.49-.519-.527-.903-.103-1.073.552-1.619%201.38-1.787.76-.153%201.491-.035%202.257.226M58.287%2014.159c-.36-.049-.683-.114-1.008-.131-.672-.035-1.114.307-1.272.958-.106.435-.102.873.003%201.307.136.557.561.894%201.136.907.196.004.395-.002.588-.03.188-.027.37-.089.604-.149.07.226.172.454.208.693.068.441.054.45-.387.556a4.06%204.06%200%200%201-1.863.024c-.761-.175-1.27-.66-1.559-1.366a3.345%203.345%200%200%201-.022-2.557c.36-.92%201.076-1.396%202.053-1.478.557-.046%201.109.001%201.635.213.048.02.116.084.113.123-.02.333-.08.657-.23.93M48.455%2021.297h1.462v7.35l-.956.033c-.024%200-.047-.009-.07-.011-.436-.046-.436-.046-.436-.473v-6.899zM65.456%2023.369c.36-.084.704-.085%201.046-.012a.242.242%200%200%201%20.15.141c.055.18.086.368.125.552l.072.063c.023-.054.034-.118.07-.162.377-.466.85-.713%201.468-.64.138.016.21.059.207.203-.008.353-.013.706-.02%201.068-.18%200-.31.005-.44-.001-.764-.032-1.091.345-1.22%201.065-.03.168-.036.342-.036.514-.004.762-.002%201.523-.002%202.284v.21h-1.42v-5.285zM90.466%2021.23c.115.201.23.378.319.568.121.258.114.274-.109.446-.39.3-.824.386-1.298.249a6.502%206.502%200%200%201-.507-.172c-.451-.17-.882-.213-1.274.21-.13-.235-.256-.442-.356-.661-.027-.06.002-.182.05-.231.387-.392.85-.532%201.387-.369.2.06.394.135.592.202.428.143.834.152%201.196-.242M83.04%2012.185c-.45.08-.865.07-1.278.004-.069-.011-.134-.07-.192-.118a24.316%2024.316%200%200%201-1.328-1.124c.213-.02.426-.051.64-.053.273-.002.547.02.821.033a.47.47%200%200%201%20.353.173c.313.358.638.706.983%201.085%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
25 26 }
26   -@media screen and (min-width: 960px) {
27   - #wrapper-footer-brasil { width: 960px; }
28   -}
29   -@media print {
30   - #wrapper-footer-brasil{
31   - border-top: 2px solid #dfdfdf;
32   - }
33 27  
34   - #wrapper-footer-brasil:before{
35   - content: "Barra GovBr";
36   - color: #606060;
37   - font-size: 12px;
38   - font-family: "Open Sans",Arial,Helvetica,sans-serif;
39   - }
40   -}
  28 +@media only screen and (max-width: 600px){
  29 + #footer-brasil #wrapper-footer-brasil{
  30 + justify-content: flex-start;
  31 + }
  32 +}
41 33 \ No newline at end of file
... ...