Download as
Browse Code »

Commit cf9afe845ea3e5d868bb8a5b94f712b760af4528

Authored by Nitai Silva
1 parent 6acb1474
Exists in master

Conte?do HTML e CSS atualizados para a nova vers?o

Showing 2 changed files with 61 additions and 34 deletions   Show diff stats
assets/conteudo-barra.html
  Diff comments   View file @cf9afe8
1   -<div class="barra"><ul><li><a href="http://www.acessoainformacao.gov.br" class="ai" title="Acesso à informação">www.sic.gov.br</a></li><li><a href="http://www.brasil.gov.br" class="brasilgov" title="Portal de Estado do Brasil">www.brasil.gov.br</a></li></ul></div>
2 1 \ No newline at end of file
  2 +<div id="barra-brasil"><div id="wrapper-barra-brasil"><div class="brasil-flag"><a href="http://brasil.gov.br" class="link-barra">Brasil</a></div><span class="acesso-info"><a href="http://brasil.gov.br/barra#acesso-informacao" class="link-barra">Acesso à informação</a></span><ul class="list"><li class="list-item first"><a href="http://brasil.gov.br/barra#participe" class="link-barra">Participe</a></li><li class="list-item"><a href="http://www.servicos.gov.br/" class="link-barra">Serviços</a></li><li class="list-item"><a href="http://www.planalto.gov.br/legislacao" class="link-barra">Legislação</a></li><li class="list-item last last-item"><a href="http://brasil.gov.br/barra#orgaos-atuacao-canais" class="link-barra">Órgãos e canais</a></li></ul></div></div>
3 3 \ No newline at end of file
... ...
assets/estilo-barra.scss
  Diff comments   View file @cf9afe8
... ... @@ -3,6 +3,7 @@
3 3 License: none (public domain)
4 4 */
5 5  
  6 +/*Css reset mínimo*/
6 7 #barra-brasil {
7 8 div, a, ul, li {
8 9 margin: 0;
... ... @@ -18,41 +19,67 @@
18 19 list-style: none;
19 20 }
20 21  
21   -/* Ministerio do Planejamento */
  22 +/* Css específico */
22 23  
23 24 #barra-brasil {
24   - position: relative;
25   - overflow: hidden;
26   - min-width: 1000px;
27   - $cor: \{\{ cor \}\};
28   - background: $cor embed("imagens/barra-brasil-v3-bgx.png") center bottom no-repeat;
29   - .barra {
30   - display: block;
31   - width: 960px;
32   - height: 28px;
  25 + height: 32px;
  26 + background: #f1f1f1;
  27 + font-weight: bold;
  28 + font-size: 1.2em;
  29 + line-height: 32px;
  30 +}
  31 +
  32 +#wrapper-barra-brasil {
  33 + position: relative;
  34 + overflow: hidden;
33 35 margin: 0 auto;
34   - background: embed("imagens/barra-brasil-v3-bgx.gif") 0 bottom repeat-x;
35   - ul {
36   - float: right;
37   - width: 319px;
38   - li {
39   - float: left;
40   - padding-left: 25px;
41   - }
42   - }
43   - }
44   - .ai {
45   - display: block;
46   - width: 161px;
47   - height: 28px;
48   - text-indent: -99999px;
49   - background: $cor embed("imagens/ai.png") no-repeat 0 4px;
50   - }
51   - .brasilgov {
  36 + width: 100%;
  37 + max-width: 960px;
  38 +}
  39 +
  40 +#barra-brasil .brasil-flag {
  41 + float: left;
  42 + padding: 7px 0 6px;
  43 + width: 115px;
  44 + height: 19px;
  45 + border-right: 2px solid #dfdfdf;
  46 +}
  47 +
  48 +#barra-brasil .brasil-flag .link-barra {
52 49 display: block;
53   - width: 108px;
54   - height: 28px;
55   - text-indent: -99999px;
56   - background: $cor embed("imagens/brasil.png") no-repeat 0 4px;
57   - }
  50 + padding-left: 42px;
  51 + width: 43px;
  52 + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAATCAIAAAABJ4pRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABINJREFUeNqUVFtsFFUYPrfdmdnLbLe021baQqWUtdJKL5QiASPiNVqC0TYqUWLShJQmRH3RqPHFRKJvQqIPQNSAAcMDptGEiKjYpLZIkSqGXqjdFlppd3vb7c7Ozpxz/M+2wZD44snszOzJnP//vv///g9XnNiXtNISI1gYq4eUEu4CC7SyiLpJgtSOIJKg/1ySB3x+NmsvJLNpgVUwlAu08iIkzi2pUhHIAa/q1L9p7l6YWmmHEOSBWJD6LixwJ7DDAKR06c6imQOVYxoRyEV4BR3JBYfvqNqBtILrSGNEKgoCsVxWDMmxgAOADeDjQsP+oHbo1egk7B+Mju/vq7kwVYhohsAxoiogiIM5hBaSUIBFfS21WRcOSwUHOwgTqoJR+O0pv31u56XmUKrvt4o/RyNrjVRHw40iLdU9Hck4DPBQxOQKK/XQqQa7nGNb8UICSUoE4y4rCyweqh164b7Jk12N737x2NjtfMAeCDit268e7jj7yOqfX++p+ebvQk5coAB8BQIMroqaf7xt3p4TUATgxj0Y0wOVN96uHomE3I+Ob37zSJvUHURshjySIZ4JPLhp+IcPj3h1eSZ2zxu/R8cXDeThuSLJkGZSY/fGjGOrenG9xlz8vPnK/g0xEwprl52PH9ryUGRLk1lfXWqGCcE0lUqOjxeHVy01141V+5Mvlk+lOLmcAOwC6OpMo8FnqlOCh2j2taqRE1sHKk2LuFJq6NveumNd9f0Dt2IjC1aGVKwzdz1cUryaxSasW9Oo/dFfoaEB6jxdOl2Xt3BtwYw7Xh/VmQNNcNHj5fH3N40CQgnNAAUQMjgh+y/dpIblN9j14fHuHqEFvPUP5L3Svp4mHNtGmgbaVF1oWZNIi8GXextALUpEhLqnJ0o3f9fcEw9iD3RFCaUiMmvmG/lhI50VBQX6ujX5ju3+dHHm1Mmb9dGsxyRKSwylHNLRt2HvL42O4C5IhsLsgEII74+Hd1zY+s5AdMklguMnmkaLwn9RGgr7dSfLk5ZreGhJUdD0+oz0ZxSOMNQ1VdB4fscnw5VCiOUBpb7d91vcklBJJpDwXpwOn50qKdXs2tLZpoqJU99XxVPBbMayXRnOK/Dp5p5tZzpbu0cT+sErG9/6o2rW9iLKQbOget2jQbgay3UIJrlhlJSK6Yz3dKx4dD74Ut3Ivu2X5xe8CSvopdm1kdh7e7/sfO7Ho4PlrT0NvTMhTISaaRhUoImITr244Njz8WwSVKOMhBI1hdIBMQuXlARShxuvPbt+3k0gx9GMsDVp0c7emq8nSiSFjzkVlCuKfHl+Q0aQai21Gb4E7SA59wDWGLLBg+Kk6/lqrKw/4dtWOLfKn/74+r2t3fVX5/IwcyExIBAKFFWOhskyWVx4tG3GmUfKCFRbOHYBNjiC6hBkBTrQRl+mSLeHZkOYOXeMRxIFCb6SME5gYJiGvH7MPn0q5wBCgqkgF4xBEVfdhksTyMmNpFT/chJQJQbkgitE8o73gRe4HsRYe/RJy86IFYtU1pVzSqxC/J8F5fMz/z8CDAAkCSSg0qSX5AAAAABJRU5ErkJggg==) 8px center no-repeat;
  53 + text-transform: uppercase;
  54 + line-height: 19px;
  55 +}
  56 +
  57 +#barra-brasil .acesso-info {
  58 + position: absolute;
  59 + left: 130px;
  60 +}
  61 +
  62 +#barra-brasil .list {
  63 + position: absolute;
  64 + top: 0;
  65 + right: 0;
  66 +}
  67 +
  68 +#barra-brasil .list .first { border-left: 2px solid #dfdfdf; }
  69 +
  70 +#barra-brasil .list-item {
  71 + display: inline-block;
  72 + padding: 0 15px 0 13px;
  73 + height: 32px;
  74 + border-right: 2px solid #dfdfdf;
  75 +}
  76 +
  77 +#barra-brasil .link-barra { color: #606060; }
  78 +
  79 +@media screen and (max-width: 668px) {
  80 + #barra-brasil .list { top: -100px; }
  81 +}
  82 +
  83 +@media screen and (min-width: 960px) {
  84 + #wrapper-barra-brasil { width: 960px; }
58 85 }
... ...