From 16a5ac45cec3d6fbaef212bcb555c596f3f05c81 Mon Sep 17 00:00:00 2001 From: Carlos Vieira Date: Thu, 20 Sep 2018 16:23:38 -0300 Subject: [PATCH] Adiciona primeira versão no estilo RTD --- .gitignore | 2 ++ .hgignore | 3 --- atualize.html | 92 -------------------------------------------------------------------------------------------- css/960.css | 653 ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- css/contraste.css | 72 ------------------------------------------------------------------------ css/demo.css | 196 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- css/reset.css | 211 ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- css/text.css | 85 ------------------------------------------------------------------------------------- img/acessibilidade.png | Bin 458 -> 0 bytes img/altocontraste.png | Bin 286 -> 0 bytes img/beta.png | Bin 5160 -> 0 bytes img/bg-acessibilidade.png | Bin 182 -> 0 bytes img/bg-footer.png | Bin 156 -> 0 bytes img/bg-links.png | Bin 154 -> 0 bytes img/certificado.png | Bin 59905 -> 0 bytes img/contraste.png | Bin 438 -> 0 bytes img/govbr-epwg.png | Bin 12149 -> 0 bytes img/i_pular.png | Bin 457 -> 0 bytes img/marca-governo-c.png | Bin 13141 -> 0 bytes img/marca-governo.png | Bin 12070 -> 0 bytes img/marcador.png | Bin 208 -> 0 bytes img/twitter.png | Bin 1199 -> 0 bytes index.html | 187 ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 23 files changed, 2 insertions(+), 1499 deletions(-) delete mode 100644 .hgignore delete mode 100644 atualize.html delete mode 100644 css/960.css delete mode 100644 css/contraste.css delete mode 100644 css/demo.css delete mode 100644 css/reset.css delete mode 100644 css/text.css delete mode 100644 img/acessibilidade.png delete mode 100644 img/altocontraste.png delete mode 100644 img/beta.png delete mode 100644 img/bg-acessibilidade.png delete mode 100644 img/bg-footer.png delete mode 100644 img/bg-links.png delete mode 100644 img/certificado.png delete mode 100644 img/contraste.png delete mode 100644 img/govbr-epwg.png delete mode 100644 img/i_pular.png delete mode 100644 img/marca-governo-c.png delete mode 100644 img/marca-governo.png delete mode 100644 img/marcador.png delete mode 100644 img/twitter.png delete mode 100755 index.html diff --git a/.gitignore b/.gitignore index 99cf5ff..abf12b6 100644 --- a/.gitignore +++ b/.gitignore @@ -1 +1,3 @@ *.*~ +.doctrees +_build/ diff --git a/.hgignore b/.hgignore deleted file mode 100644 index 0186296..0000000 --- a/.hgignore +++ /dev/null @@ -1,3 +0,0 @@ -syntax: glob - -*~ diff --git a/atualize.html b/atualize.html deleted file mode 100644 index 0380b41..0000000 --- a/atualize.html +++ /dev/null @@ -1,92 +0,0 @@ - - - - - Identidade Visual do Governo Federal na Internet - - - - - - - - - - -Ir para Conteúdo -
- -
- -
- -
- - - - - -
-
- -
- - - -
-
-
-

Atualização

-

Para atualizar a barra é necessário alguns passos:

-
    -
  1. Acessar o link da barra de governo;
    2. -
  2. Aceitar o certificado conforme imagem abaixo. O certificado do ICP-Brasil é o certificado indicado pelo governo federal mas o mesmo não está instalado por padrão nos navegadores atuais;

    - Certificado Digital Barra Brasil
    - → Seu navegador pode exibir uma tela para aceitação do certificado diferente da imagem acima.
    3. -
  3. Voltar para a página do governo e recarregar a página para aparecer a nova barra.
    4. -
-
-
-
-
- - - - - diff --git a/css/960.css b/css/960.css deleted file mode 100644 index 05fa405..0000000 --- a/css/960.css +++ /dev/null @@ -1,653 +0,0 @@ -/* - 960 Grid System ~ Core CSS. - Learn more ~ http://960.gs/ - - Licensed under GPL and MIT. -*/ - -/* - Forces backgrounds to span full width, - even if there is horizontal scrolling. - Increase this if your layout is wider. - - Note: IE6 works fine without this fix. -*/ - -body { - min-width: 960px; -} - -/* `Container -----------------------------------------------------------------------------------------------------*/ - -.container_12, -.container_16 { - margin-left: auto; - margin-right: auto; - width: 960px; -} - -/* `Grid >> Global -----------------------------------------------------------------------------------------------------*/ - -.grid_1, -.grid_2, -.grid_3, -.grid_4, -.grid_5, -.grid_6, -.grid_7, -.grid_8, -.grid_9, -.grid_10, -.grid_11, -.grid_12, -.grid_13, -.grid_14, -.grid_15, -.grid_16 { - display: inline; - float: left; - margin-left: 10px; - margin-right: 10px; -} - -.push_1, .pull_1, -.push_2, .pull_2, -.push_3, .pull_3, -.push_4, .pull_4, -.push_5, .pull_5, -.push_6, .pull_6, -.push_7, .pull_7, -.push_8, .pull_8, -.push_9, .pull_9, -.push_10, .pull_10, -.push_11, .pull_11, -.push_12, .pull_12, -.push_13, .pull_13, -.push_14, .pull_14, -.push_15, .pull_15 { - position: relative; -} - -.container_12 .grid_3, -.container_16 .grid_4 { - width: 220px; -} - -.container_12 .grid_6, -.container_16 .grid_8 { - width: 460px; -} - -.container_12 .grid_9, -.container_16 .grid_12 { - width: 700px; -} - -.container_12 .grid_12, -.container_16 .grid_16 { - width: 940px; -} - -/* `Grid >> Children (Alpha ~ First, Omega ~ Last) -----------------------------------------------------------------------------------------------------*/ - -.alpha { - margin-left: 0; -} - -.omega { - margin-right: 0; -} - -/* `Grid >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .grid_1 { - width: 60px; -} - -.container_12 .grid_2 { - width: 140px; -} - -.container_12 .grid_4 { - width: 300px; -} - -.container_12 .grid_5 { - width: 380px; -} - -.container_12 .grid_7 { - width: 540px; -} - -.container_12 .grid_8 { - width: 620px; -} - -.container_12 .grid_10 { - width: 780px; -} - -.container_12 .grid_11 { - width: 860px; -} - -/* `Grid >> 16 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_16 .grid_1 { - width: 40px; -} - -.container_16 .grid_2 { - width: 100px; -} - -.container_16 .grid_3 { - width: 160px; -} - -.container_16 .grid_5 { - width: 280px; -} - -.container_16 .grid_6 { - width: 340px; -} - -.container_16 .grid_7 { - width: 400px; -} - -.container_16 .grid_9 { - width: 520px; -} - -.container_16 .grid_10 { - width: 580px; -} - -.container_16 .grid_11 { - width: 640px; -} - -.container_16 .grid_13 { - width: 760px; -} - -.container_16 .grid_14 { - width: 820px; -} - -.container_16 .grid_15 { - width: 880px; -} - -/* `Prefix Extra Space >> Global -----------------------------------------------------------------------------------------------------*/ - -.container_12 .prefix_3, -.container_16 .prefix_4 { - padding-left: 240px; -} - -.container_12 .prefix_6, -.container_16 .prefix_8 { - padding-left: 480px; -} - -.container_12 .prefix_9, -.container_16 .prefix_12 { - padding-left: 720px; -} - -/* `Prefix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .prefix_1 { - padding-left: 80px; -} - -.container_12 .prefix_2 { - padding-left: 160px; -} - -.container_12 .prefix_4 { - padding-left: 320px; -} - -.container_12 .prefix_5 { - padding-left: 400px; -} - -.container_12 .prefix_7 { - padding-left: 560px; -} - -.container_12 .prefix_8 { - padding-left: 640px; -} - -.container_12 .prefix_10 { - padding-left: 800px; -} - -.container_12 .prefix_11 { - padding-left: 880px; -} - -/* `Prefix Extra Space >> 16 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_16 .prefix_1 { - padding-left: 60px; -} - -.container_16 .prefix_2 { - padding-left: 120px; -} - -.container_16 .prefix_3 { - padding-left: 180px; -} - -.container_16 .prefix_5 { - padding-left: 300px; -} - -.container_16 .prefix_6 { - padding-left: 360px; -} - -.container_16 .prefix_7 { - padding-left: 420px; -} - -.container_16 .prefix_9 { - padding-left: 540px; -} - -.container_16 .prefix_10 { - padding-left: 600px; -} - -.container_16 .prefix_11 { - padding-left: 660px; -} - -.container_16 .prefix_13 { - padding-left: 780px; -} - -.container_16 .prefix_14 { - padding-left: 840px; -} - -.container_16 .prefix_15 { - padding-left: 900px; -} - -/* `Suffix Extra Space >> Global -----------------------------------------------------------------------------------------------------*/ - -.container_12 .suffix_3, -.container_16 .suffix_4 { - padding-right: 240px; -} - -.container_12 .suffix_6, -.container_16 .suffix_8 { - padding-right: 480px; -} - -.container_12 .suffix_9, -.container_16 .suffix_12 { - padding-right: 720px; -} - -/* `Suffix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .suffix_1 { - padding-right: 80px; -} - -.container_12 .suffix_2 { - padding-right: 160px; -} - -.container_12 .suffix_4 { - padding-right: 320px; -} - -.container_12 .suffix_5 { - padding-right: 400px; -} - -.container_12 .suffix_7 { - padding-right: 560px; -} - -.container_12 .suffix_8 { - padding-right: 640px; -} - -.container_12 .suffix_10 { - padding-right: 800px; -} - -.container_12 .suffix_11 { - padding-right: 880px; -} - -/* `Suffix Extra Space >> 16 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_16 .suffix_1 { - padding-right: 60px; -} - -.container_16 .suffix_2 { - padding-right: 120px; -} - -.container_16 .suffix_3 { - padding-right: 180px; -} - -.container_16 .suffix_5 { - padding-right: 300px; -} - -.container_16 .suffix_6 { - padding-right: 360px; -} - -.container_16 .suffix_7 { - padding-right: 420px; -} - -.container_16 .suffix_9 { - padding-right: 540px; -} - -.container_16 .suffix_10 { - padding-right: 600px; -} - -.container_16 .suffix_11 { - padding-right: 660px; -} - -.container_16 .suffix_13 { - padding-right: 780px; -} - -.container_16 .suffix_14 { - padding-right: 840px; -} - -.container_16 .suffix_15 { - padding-right: 900px; -} - -/* `Push Space >> Global -----------------------------------------------------------------------------------------------------*/ - -.container_12 .push_3, -.container_16 .push_4 { - left: 240px; -} - -.container_12 .push_6, -.container_16 .push_8 { - left: 480px; -} - -.container_12 .push_9, -.container_16 .push_12 { - left: 720px; -} - -/* `Push Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .push_1 { - left: 80px; -} - -.container_12 .push_2 { - left: 160px; -} - -.container_12 .push_4 { - left: 320px; -} - -.container_12 .push_5 { - left: 400px; -} - -.container_12 .push_7 { - left: 560px; -} - -.container_12 .push_8 { - left: 640px; -} - -.container_12 .push_10 { - left: 800px; -} - -.container_12 .push_11 { - left: 880px; -} - -/* `Push Space >> 16 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_16 .push_1 { - left: 60px; -} - -.container_16 .push_2 { - left: 120px; -} - -.container_16 .push_3 { - left: 180px; -} - -.container_16 .push_5 { - left: 300px; -} - -.container_16 .push_6 { - left: 360px; -} - -.container_16 .push_7 { - left: 420px; -} - -.container_16 .push_9 { - left: 540px; -} - -.container_16 .push_10 { - left: 600px; -} - -.container_16 .push_11 { - left: 660px; -} - -.container_16 .push_13 { - left: 780px; -} - -.container_16 .push_14 { - left: 840px; -} - -.container_16 .push_15 { - left: 900px; -} - -/* `Pull Space >> Global -----------------------------------------------------------------------------------------------------*/ - -.container_12 .pull_3, -.container_16 .pull_4 { - left: -240px; -} - -.container_12 .pull_6, -.container_16 .pull_8 { - left: -480px; -} - -.container_12 .pull_9, -.container_16 .pull_12 { - left: -720px; -} - -/* `Pull Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .pull_1 { - left: -80px; -} - -.container_12 .pull_2 { - left: -160px; -} - -.container_12 .pull_4 { - left: -320px; -} - -.container_12 .pull_5 { - left: -400px; -} - -.container_12 .pull_7 { - left: -560px; -} - -.container_12 .pull_8 { - left: -640px; -} - -.container_12 .pull_10 { - left: -800px; -} - -.container_12 .pull_11 { - left: -880px; -} - -/* `Pull Space >> 16 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_16 .pull_1 { - left: -60px; -} - -.container_16 .pull_2 { - left: -120px; -} - -.container_16 .pull_3 { - left: -180px; -} - -.container_16 .pull_5 { - left: -300px; -} - -.container_16 .pull_6 { - left: -360px; -} - -.container_16 .pull_7 { - left: -420px; -} - -.container_16 .pull_9 { - left: -540px; -} - -.container_16 .pull_10 { - left: -600px; -} - -.container_16 .pull_11 { - left: -660px; -} - -.container_16 .pull_13 { - left: -780px; -} - -.container_16 .pull_14 { - left: -840px; -} - -.container_16 .pull_15 { - left: -900px; -} - -/* `Clear Floated Elements -----------------------------------------------------------------------------------------------------*/ - -/* http://sonspring.com/journal/clearing-floats */ - -.clear { - clear: both; - display: block; - overflow: hidden; - visibility: hidden; - width: 0; - height: 0; -} - -/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ - -.clearfix:before, -.clearfix:after, -.container_12:before, -.container_12:after, -.container_16:before, -.container_16:after { - content: '.'; - display: block; - overflow: hidden; - visibility: hidden; - font-size: 0; - line-height: 0; - width: 0; - height: 0; -} - -.clearfix:after, -.container_12:after, -.container_16:after { - clear: both; -} - -/* - The following zoom:1 rule is specifically for IE6 + IE7. - Move to separate stylesheet if invalid CSS is a problem. -*/ - -.clearfix, -.container_12, -.container_16 { - zoom: 1; -} \ No newline at end of file diff --git a/css/contraste.css b/css/contraste.css deleted file mode 100644 index ff3e028..0000000 --- a/css/contraste.css +++ /dev/null @@ -1,72 +0,0 @@ -body { - background: #000; - color: #fff; -} - -a { - color: #ffcc00; -} - -h1 { - text-shadow: 0px 0px 0px #ccc; - color: #fff; -} - -h2 { - background: #ffcc00; - color: #000; - text-shadow: 0px 0px 0px #333; -} - -.container_12 { - background-color: #000; -} - -/* `Barra Acessibilidade -----------------------------------------------------------------------------------------------------*/ - -#acessibilidade a{ - color: #004B82 -} - -/* `Content -----------------------------------------------------------------------------------------------------*/ - -code, pre { - background: #000; - color: #fff; -} - - -/* `Sidebar -----------------------------------------------------------------------------------------------------*/ - -.grid_3 h3 { - background: #ffcc00; - color: #000; - text-shadow: 0px 0px 0px #333; -} - -#preta { - background: #000000 - -moz-box-shadow: inset 0 0 10px #fff; - -webkit-box-shadow: inset 0 0 10px #fff; - box-shadow: inset 0 0 10px #fff; -} - - -/* `Footer -----------------------------------------------------------------------------------------------------*/ - -#footer { - background: #000; -} - - -#footer .container_12 { - background: #000; -} - -.marca-governo { - background: url(../img/marca-governo-c.png) no-repeat; -} \ No newline at end of file diff --git a/css/demo.css b/css/demo.css deleted file mode 100644 index aa6104f..0000000 --- a/css/demo.css +++ /dev/null @@ -1,196 +0,0 @@ -body { - background: #fff; - color: #000; - font-size: 13px; - height: auto; -} - -a { - color: #004B82; - text-decoration: none; -} - -a:hover { - text-decoration: underline; -} - -h1 { - padding-top: 20px; - text-shadow: 0px 2px 0px #ccc; - letter-spacing: -1px; -} - -h2 { - background: #004B82; - color: #FFFFFF; - margin-bottom: 20px; - padding: 20px 0 2px 3px; - text-shadow: 0px 1px 0px #333; -} - -p { - overflow: hidden; - padding: 5px 0 10px 0; - line-height: 1.6em; -} - -.container { - margin-left: auto; - margin-right: auto; - width: 960px; -} - -.container_12 { - background-color: #fff; - background-repeat: repeat-y; - margin-bottom: 20px; -} - -/* `Barra Acessibilidade -----------------------------------------------------------------------------------------------------*/ - -#acessibilidade { - background: url(../img/bg-acessibilidade.png) repeat-x; - padding: 8px 0; - margin-bottom: 20px; - font-size: 0.9em; -} - -#acessibilidade .atalhos { - float: left; -} - -#acessibilidade .atalhos li{ - display: inline; - padding: 0 0 0 0px; -} - -#acessibilidade .links { - float: right; - background: url(../img/bg-links.png) no-repeat 165px 0 ; -} - -#acessibilidade .links li{ - display: inline; - padding: 6px 10px; -} - -.ipular {background: url(../img/i_pular.png) no-repeat 0px 3px; width: 10px; height: 10px; padding-left: 18px} -.ipular:hover {background: url(../img/i_pular.png) no-repeat 0px -10px; width: 10px; height: 10px; padding-left: 18px} - -.iacessibilidade {background: url(../img/contraste.png) no-repeat 2px 1px; width: 15px; height: 10px; padding-left: 20px} -.iautocontraste {background: url(../img/altocontraste.png) no-repeat 2px 1px; width: 15px; height: 10px; padding-left: 20px} - -/* `Header -----------------------------------------------------------------------------------------------------*/ - -.logo-govbr { - background: url(../img/govbr-epwg.png) no-repeat; - display: block; - height: 85px; - text-indent: -99999em; - width: 220px; -} - -#header .grid_8 {position: relative;} - -.beta { - position: absolute; - width: 55px; - height: 58px; - background: url(../img/beta.png) no-repeat 2px 4px; - text-indent: -99999px; - right: 80px; - top: -15px; -} - -/* `Content -----------------------------------------------------------------------------------------------------*/ - -code, pre { - border: 1px solid #ccc; - background: #F8F8F8; - color: #000000; - display: block; - font-family: 'Courier New',Courier,Fixed,monospace; - font-size: 100%; - - line-height: 17px; - margin: 1em 0; - overflow: auto; - padding: 5px 20px 5px 30px; - text-align: left; -} - - -/* `Sidebar -----------------------------------------------------------------------------------------------------*/ - -.grid_3 h3 { - background: #004B82; - color: #FFFFFF; - margin-bottom: 20px; - padding: 20px 0 2px 3px; - text-shadow: 0px 1px 0px #333; -} - -.info { - display: block; - margin-bottom: 20px; - text-align: center; -} - -#cores li { - list-style: none; - display: inline-block; - margin: 0; - padding: 0; -} - -#cores li a{ - display: block; - padding: 10px; - text-indent: -99999px; - width: 32px; -} - -#verde {background: #00500F; -moz-box-shadow: inset 0 0 10px #fff; -webkit-box-shadow: inset 0 0 10px #fff; box-shadow: inset 0 0 10px #fff;} -#cinza {background: #7F7F7F ; -moz-box-shadow: inset 0 0 10px #fff; -webkit-box-shadow: inset 0 0 10px #fff; box-shadow: inset 0 0 10px #fff;} -#preta {background: #000000; -moz-box-shadow: inset 0 0 10px #fff; -webkit-box-shadow: inset 0 0 10px #fff; box-shadow: inset 0 0 10px #fff;} -#azul {background: #004B82; -moz-box-shadow: inset 0 0 10px #fff; -webkit-box-shadow: inset 0 0 10px #fff; box-shadow: inset 0 0 10px #fff;} - -/* `Footer -----------------------------------------------------------------------------------------------------*/ - -#footer { - padding-top: 10px; - background: #ECECEC url(../img/bg-footer.png) repeat-x; - height: 80px; - margin: 0; -} - - -#footer .container_12 { - background: #ECECEC; -} - -.twitter { - position: relative; - left: 0px; - top: 30px; - display: block; - width: 100px; - height: 20px; - background: url(../img/twitter.png) no-repeat; - padding-left: 45px; - font-size: 1.2em; -} - -.marca-governo { - display: block; - width: 300px; - height: 62px; - background: url(../img/marca-governo.png) no-repeat; - float: right; - text-indent: -1000em; -} \ No newline at end of file diff --git a/css/reset.css b/css/reset.css deleted file mode 100644 index f9219d4..0000000 --- a/css/reset.css +++ /dev/null @@ -1,211 +0,0 @@ -/* `XHTML, HTML4, HTML5 Reset -----------------------------------------------------------------------------------------------------*/ - -a, -abbr, -acronym, -address, -applet, -article, -aside, -audio, -b, -big, -blockquote, -body, -canvas, -caption, -center, -cite, -code, -dd, -del, -details, -dfn, -dialog, -div, -dl, -dt, -em, -embed, -fieldset, -figcaption, -figure, -font, -footer, -form, -h1, -h2, -h3, -h4, -h5, -h6, -header, -hgroup, -hr, -html, -i, -iframe, -img, -ins, -kbd, -label, -legend, -li, -mark, -menu, -meter, -nav, -object, -ol, -output, -p, -pre, -progress, -q, -rp, -rt, -ruby, -s, -samp, -section, -small, -span, -strike, -strong, -sub, -summary, -sup, -table, -tbody, -td, -tfoot, -th, -thead, -time, -tr, -tt, -u, -ul, -var, -video, -xmp { - border: 0; - margin: 0; - padding: 0; - font-size: 100%; -} - -html, -body { - height: 100%; -} - -article, -aside, -details, -figcaption, -figure, -footer, -header, -hgroup, -menu, -nav, -section { -/* - Override the default (display: inline) for - browsers that do not recognize HTML5 tags. - - IE8 (and lower) requires a shiv: - http://ejohn.org/blog/html5-shiv -*/ - display: block; -} - -b, -strong { -/* - Makes browsers agree. - IE + Opera = font-weight: bold. - Gecko + WebKit = font-weight: bolder. -*/ - font-weight: bold; -} - -img { - color: transparent; - font-size: 0; - vertical-align: middle; -/* - For IE. - http://css-tricks.com/ie-fix-bicubic-scaling-for-images -*/ - -ms-interpolation-mode: bicubic; -} - -ol, -ul { - list-style: none; -} - -li { -/* - For IE6 + IE7: - - "display: list-item" keeps bullets from - disappearing if hasLayout is triggered. -*/ - display: list-item; -} - -table { - border-collapse: collapse; - border-spacing: 0; -} - -th, -td, -caption { - font-weight: normal; - vertical-align: top; - text-align: left; -} - -q { - quotes: none; -} - -q:before, -q:after { - content: ''; - content: none; -} - -sub, -sup, -small { - font-size: 75%; -} - -sub, -sup { - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sub { - bottom: -0.25em; -} - -sup { - top: -0.5em; -} - -svg { -/* - For IE9. Without, occasionally draws shapes - outside the boundaries of rectangle. -*/ - overflow: hidden; -} \ No newline at end of file diff --git a/css/text.css b/css/text.css deleted file mode 100644 index 22d1285..0000000 --- a/css/text.css +++ /dev/null @@ -1,85 +0,0 @@ -/* - 960 Grid System ~ Text CSS. - Learn more ~ http://960.gs/ - - Licensed under GPL and MIT. -*/ - -/* `Basic HTML -----------------------------------------------------------------------------------------------------*/ - -body { - font: 13px/1.5 Arial, 'Liberation Sans', FreeSans, sans-serif; -} - -pre, -code { - font-family: 'DejaVu Sans Mono', Menlo, Consolas, monospace; -} - -hr { - border: 0 #ccc solid; - border-top-width: 1px; - clear: both; - height: 0; -} - -/* `Headings -----------------------------------------------------------------------------------------------------*/ - -h1 { - font-size: 26px; -} - -h2 { - font-size: 23px; -} - -h3 { - font-size: 23px; -} - -h4 { - font-size: 19px; -} - -h5 { - font-size: 17px; -} - -h6 { - font-size: 15px; -} - -/* `Spacing -----------------------------------------------------------------------------------------------------*/ - -ol { - list-style: decimal; -} - -ul { - list-style: disc; -} - -li { - margin-left: 20px; -} - -dl, -hr, -h1, -h2, -h3, -h4, -h5, -h6, -ol, -ul, -pre, -table, -address, -fieldset, -figure { - margin-bottom: 20px; -} \ No newline at end of file diff --git a/img/acessibilidade.png b/img/acessibilidade.png deleted file mode 100644 index a0adb0c..0000000 Binary files a/img/acessibilidade.png and /dev/null differ diff --git a/img/altocontraste.png b/img/altocontraste.png deleted file mode 100644 index c8c1168..0000000 Binary files a/img/altocontraste.png and /dev/null differ diff --git a/img/beta.png b/img/beta.png deleted file mode 100644 index d6b3738..0000000 Binary files a/img/beta.png and /dev/null differ diff --git a/img/bg-acessibilidade.png b/img/bg-acessibilidade.png deleted file mode 100644 index 238bbe2..0000000 Binary files a/img/bg-acessibilidade.png and /dev/null differ diff --git a/img/bg-footer.png b/img/bg-footer.png deleted file mode 100644 index f15da50..0000000 Binary files a/img/bg-footer.png and /dev/null differ diff --git a/img/bg-links.png b/img/bg-links.png deleted file mode 100644 index c1404d9..0000000 Binary files a/img/bg-links.png and /dev/null differ diff --git a/img/certificado.png b/img/certificado.png deleted file mode 100644 index 363a923..0000000 Binary files a/img/certificado.png and /dev/null differ diff --git a/img/contraste.png b/img/contraste.png deleted file mode 100644 index 5193a27..0000000 Binary files a/img/contraste.png and /dev/null differ diff --git a/img/govbr-epwg.png b/img/govbr-epwg.png deleted file mode 100644 index 11f2a29..0000000 Binary files a/img/govbr-epwg.png and /dev/null differ diff --git a/img/i_pular.png b/img/i_pular.png deleted file mode 100644 index 4274511..0000000 Binary files a/img/i_pular.png and /dev/null differ diff --git a/img/marca-governo-c.png b/img/marca-governo-c.png deleted file mode 100644 index f83f49f..0000000 Binary files a/img/marca-governo-c.png and /dev/null differ diff --git a/img/marca-governo.png b/img/marca-governo.png deleted file mode 100644 index 5a6363e..0000000 Binary files a/img/marca-governo.png and /dev/null differ diff --git a/img/marcador.png b/img/marcador.png deleted file mode 100644 index e6702d8..0000000 Binary files a/img/marcador.png and /dev/null differ diff --git a/img/twitter.png b/img/twitter.png deleted file mode 100644 index 65e03f8..0000000 Binary files a/img/twitter.png and /dev/null differ diff --git a/index.html b/index.html deleted file mode 100755 index 5dcd532..0000000 --- a/index.html +++ /dev/null @@ -1,187 +0,0 @@ - - - - - Identidade Visual do Governo Federal na Internet - - - - - - - - - - - Ir para Conteúdo -
- -
- -
- -
- - - - - -
-
- -
- - - -
-
-
-

Sobre a barra

- -

A barra de Identidade Visual do Governo Federal na Internet tem a função de identificar, padronizar e integrar sítios e portais do Governo Federal. A barra também tem a função de proporcionar acesso direto ao Portal Brasil - brasil.gov.br, às informações públicas de acordo com a Lei de acesso à informação, aos canais de participação social, ao portal de serviços prestados pelos diversos órgãos - servicos.gov.br/, página com toda a legislação brasileira - planalto.gov.br/legislacao/ e link para os canais de comunicação do Governo Federal.

- -

Seu uso está normatizado por meio da Instrução Normativa nº 8, de 19 de dezembro de 2014, que pode ser encontrada no sítio da Secretaria de Comunicação Social da Presidência da República - Secom.

- -

Com o objetivo de padronizar a codificação e garantir a aderência às normas da Administração Pública, a nova versão da barra utiliza uma arquitetura integrada e dinâmica, não precisa ser desenvolvida, pois sua funcionalidade encontra-se corretamente configurada e pronta para uso.

- -

A publicação da barra pelos órgãos deverá ser feita de maneira dinâmica por meio da inclusão do código publicado no item Instruções para Uso da Barra no HTML do sítio ou portal.

- -

Após esta primeira publicação, as demais atualizações serão automáticas.

- -

A barra funciona de maneira unificada. Todos os sítios e portais que utilizam esta versão apresentam os conteúdos uniformizados.

- -

Instruções para o uso da barra

- -

Aplicando os Scripts

-
    -

  1. Habilitando a barra na página

    -

    Cole este código após a abertura da tag <body>.

    - -
    -<div id="barra-brasil" style="background:#7F7F7F; height: 20px; padding:0 0 0 10px;display:block;"> 
-	<ul id="menu-barra-temp" style="list-style:none;">
-		<li style="display:inline; float:left;padding-right:10px; margin-right:10px; border-right:1px solid #EDEDED"><a href="http://brasil.gov.br" style="font-family:sans,sans-serif; text-decoration:none; color:white;">Portal do Governo Brasileiro</a></li> 
-		<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>
-	</ul>
-</div>
-
    - -

    Atenção! A página deve implementar a recomendação da eMAG 1.5 de fornecer âncoras para ir direto a um bloco de conteúdo. O primeiro link da página deve ser o de ir para o conteúdo

    . Veja um exemplo de implementação da barra com o uso do primeiro link para ir para o conteúdo. - -

    Cole este código ao final antes do fechamento da tag <body>. A boa prática orienta que códigos JavaScript que modificam a página no momento do carregamento devem ser declarados ao final do elemento <body>.

    - -
    -<script defer="defer" src="//barra.brasil.gov.br/barra.js" type="text/javascript"></script>
-
    - -

    Se utilizar em XHTML não é permitido a minificar os atributos. Se for em HTML é possível utilizar somente 'defer' conforme exemplo feito pelo W3Schools para a tag script.

    -
    2. - -

  2. Mantendo o contexto do órgão no Portal de Serviços ao clicar no link 'Serviços' da barra

    - -

    Para habilitar o parâmentro 'orgao' no link de 'Serviços' cole este código na tag <head>.

    - -
    -<meta property="creator.productor" content="http://estruturaorganizacional.dados.gov.br/id/unidade-organizacional/NUMERO"> 
-
    - -

    Atenção: Troque o NUMERO pelo número correto do órgão no SIORG. Acesse o SIORG e procure pelo seu órgão.

    - -
    3. - -
  3. -

    Habilitando o footer dinâmico na barra

    - -

    Para o footer dinâmico coloque este código no local do footer e aplique um dos css abaixo conforme seu tema

    - -
    -    <div id="footer-brasil"></div>    
-
    - -

    Coloque esse código css se o seu tema for o verde

    -
    -#footer-brasil {
-   background: none repeat scroll 0% 0% #00420c;
-   padding: 1em 0px;
-   max-width: 100%;
-}
-
    - -

    Coloque esse código css se o seu tema for o amarelo

    -
    -#footer-brasil {
-   background: none repeat scroll 0% 0% #2c66ce;
-   padding: 1em 0px;
-   max-width: 100%;
-}
-
    - -

    Coloque esse código css se o seu tema for o branco ou o azul

    -
    -#footer-brasil {
-   background: none repeat scroll 0% 0% #0042b1;
-   padding: 1em 0px;
-   max-width: 100%;
-}
-
    -
    4. -
  4. -

    Para habilitar/desabilitar o alto contraste na barra

    - -

    Para habilitar o alto contraste da barra e do rodapé habilite a classe 'contraste' no body:

    -
    -<body class="contraste">    
-
    - -

    Para desabilitar o alto contraste da barra e do rodapé desabilite a classe 'contraste' no body:

    -
    -<body class="">    
-
    -
    5. -
- -
-
-
-
- - - - - - -- libgit2 0.21.2