Commit 1db2a90d91c98420bd4a1aefff0340072bb6ff72
Exists in
master
Merge branch 'valessiobrito-master'
Showing
5 changed files
with
51 additions
and
39 deletions
Show diff stats
README.md
| ... | ... | @@ -29,9 +29,10 @@ Esses são comandos exemplos, por favor verifique no seu sistema como deve ser i |
| 29 | 29 | pip install flask |
| 30 | 30 | * assetgen |
| 31 | 31 | pip install assetgen |
| 32 | - | |
| 33 | 32 | * config |
| 34 | 33 | pip install config |
| 34 | + * tavutil | |
| 35 | + pip install tavutil | |
| 35 | 36 | |
| 36 | 37 | * node.js |
| 37 | 38 | apt-get install python-software-properties python g++ make |
| ... | ... | @@ -51,7 +52,7 @@ Esses são comandos exemplos, por favor verifique no seu sistema como deve ser i |
| 51 | 52 | |
| 52 | 53 | * uglifyjs |
| 53 | 54 | npm install -g uglify-js |
| 54 | - | |
| 55 | + (Debian ou Ubuntu: apt-get install node-uglify) | |
| 55 | 56 | * zlib |
| 56 | 57 | |
| 57 | 58 | ... | ... |
app/templates/exemplo.html
| ... | ... | @@ -5,6 +5,16 @@ |
| 5 | 5 | <title>Barra Brasil</title> |
| 6 | 6 | <style type="text/css"> |
| 7 | 7 | |
| 8 | +body { | |
| 9 | + font-family: sans-serif, Arial; | |
| 10 | + margin: 0px; | |
| 11 | + padding: 0px; | |
| 12 | +} | |
| 13 | + | |
| 14 | +#content { | |
| 15 | + padding: 50px; | |
| 16 | +} | |
| 17 | + | |
| 8 | 18 | #footer-brasil { |
| 9 | 19 | background: none repeat scroll 0% 0% #00420c; |
| 10 | 20 | padding: 1em 0px; |
| ... | ... | @@ -22,10 +32,10 @@ |
| 22 | 32 | <li><a style="font-family:sans,sans-serif; text-decoration:none; color:white;" href="http://epwg.governoeletronico.gov.br/barra/atualize.html">Atualize sua Barra de Governo</a></li> |
| 23 | 33 | </ul> |
| 24 | 34 | </div> |
| 25 | - | |
| 35 | +<div id="content"> | |
| 26 | 36 | <h1>Barra Brasil</h1> |
| 27 | 37 | <p>Veja as <a href="http://barra.governoeletronico.gov.br/">instruções de como usar a barra</a> no e-PWG.</p> |
| 28 | - <br> | |
| 38 | +</div><!-- #content --> | |
| 29 | 39 | <div id="footer-brasil"></div> |
| 30 | 40 | <script defer async src="barra.js" type="text/javascript"></script> |
| 31 | 41 | </body> | ... | ... |
recipes/default/assets/estilo-barra.scss
| ... | ... | @@ -8,7 +8,6 @@ |
| 8 | 8 | div, a, ul, li { |
| 9 | 9 | margin: 0; |
| 10 | 10 | padding: 0; |
| 11 | - border: 0; | |
| 12 | 11 | font-size: 100%; |
| 13 | 12 | font-family: inherit; |
| 14 | 13 | vertical-align: baseline; |
| ... | ... | @@ -96,53 +95,54 @@ div#wrapper-barra-brasil { |
| 96 | 95 | #menu-icon { |
| 97 | 96 | display: hidden; |
| 98 | 97 | width: 35px; |
| 99 | - height: 23px; | |
| 100 | - background: embed("imagens/menu.png") no-repeat center; | |
| 101 | -} | |
| 102 | - | |
| 103 | -a:hover#menu-icon { | |
| 104 | - background-color: #dfdfdf; | |
| 105 | - border-radius: 4px 4px 0 0; | |
| 98 | + height: 22px; | |
| 99 | + background: #f1f1f1 embed("imagens/menu.png") no-repeat center; | |
| 100 | + border-bottom: 1px solid #DFDFDF; | |
| 106 | 101 | } |
| 107 | 102 | |
| 108 | 103 | @media only screen and (max-width: 959px) { |
| 109 | - #barra-brasil #menu-icon { display:inline-block; float: right; margin: 5px; | |
| 110 | - background-size: 70%;} | |
| 111 | - | |
| 112 | - #barra-brasil nav ul, #barra-brasil nav:active ul { | |
| 113 | - display: none; | |
| 114 | - position: absolute; | |
| 115 | - padding: 0; | |
| 116 | - background: #fff; | |
| 117 | - width: 50%; | |
| 104 | + #barra-brasil #menu-icon { | |
| 105 | + display:inline-block; | |
| 106 | + float: right; | |
| 107 | + padding: 5px; | |
| 118 | 108 | } |
| 119 | 109 | |
| 120 | - #barra-brasil .list { | |
| 121 | - top: 24px; | |
| 122 | - background: #EEE; | |
| 123 | - width: auto; | |
| 110 | + #barra-brasil nav:hover #menu-icon, | |
| 111 | + #barra-brasil nav:active #menu-icon, | |
| 112 | + #barra-brasil nav:focus #menu-icon { | |
| 113 | + background-color: #DDD; | |
| 124 | 114 | } |
| 125 | 115 | |
| 126 | - #barra-brasil .list a:hover li { | |
| 127 | - background: #DDD; | |
| 116 | + #barra-brasil ul.list, | |
| 117 | + #barra-brasil ul.list:active, | |
| 118 | + #barra-brasil ul.list:focus { | |
| 119 | + overflow: hidden; | |
| 120 | + height: 0px; | |
| 121 | + transition: 0.3s; | |
| 122 | + padding-top: 32px; | |
| 123 | + width: auto; | |
| 128 | 124 | } |
| 129 | 125 | |
| 130 | 126 | #barra-brasil .list-item { |
| 131 | - display: inline-block; | |
| 132 | - height: 28px; | |
| 133 | - padding: 0; | |
| 134 | - border: 2px solid #dfdfdf; | |
| 127 | + display: block; | |
| 128 | + text-align: center; | |
| 129 | + height: 30px; | |
| 130 | + background: #EEE; | |
| 131 | + padding: 0 15px; | |
| 132 | + border: 1px solid #dfdfdf; | |
| 135 | 133 | } |
| 136 | 134 | |
| 137 | - #barra-brasil nav li{ | |
| 138 | - text-align: center; | |
| 139 | - width: 100%; | |
| 140 | - padding: 10px 0; | |
| 141 | - margin: 0; | |
| 135 | + #barra-brasil .list a:active li, | |
| 136 | + #barra-brasil .list a:focus li, | |
| 137 | + #barra-brasil .list a:hover li { | |
| 138 | + background: #DDD; | |
| 142 | 139 | } |
| 143 | 140 | |
| 144 | - #barra-brasil nav:hover ul{ | |
| 145 | - display: block; | |
| 141 | + #barra-brasil nav:active ul.list, | |
| 142 | + #barra-brasil nav:focus ul.list, | |
| 143 | + #barra-brasil nav:hover ul.list { | |
| 144 | + height: 150px; | |
| 145 | + transition: 0.5s; | |
| 146 | 146 | } |
| 147 | 147 | |
| 148 | 148 | div#wrapper-barra-brasil { | ... | ... |
recipes/default/assets/estilo-footer.scss
recipes/default/assets/imagens/menu.png
