diff --git a/autocontraste.css b/autocontraste.css deleted file mode 100644 index 697c1c6..0000000 --- a/autocontraste.css +++ /dev/null @@ -1,170 +0,0 @@ -/* http://meyerweb.com/eric/tools/css/reset/ - v2.0 | 20110126 - License: none (public domain) -*/ - -html, body, div, span, applet, object, iframe, -h1, h2, h3, h4, h5, h6, p, blockquote, pre, -a, abbr, acronym, address, big, cite, code, -del, dfn, em, img, ins, kbd, q, s, samp, -small, strike, strong, sub, sup, tt, var, -b, u, i, center, -dl, dt, dd, ol, ul, li, -fieldset, form, label, legend, -table, caption, tbody, tfoot, thead, tr, th, td, -article, aside, canvas, details, embed, -figure, figcaption, footer, header, hgroup, -menu, nav, output, ruby, section, summary, -time, mark, audio, video { - margin: 0; - padding: 0; - border: 0; - font-size: 100%; - font-family: inherit; - vertical-align: baseline; -} -/* HTML5 display-role reset for older browsers */ -article, aside, details, figcaption, figure, -footer, header, hgroup, menu, nav, section { - display: block; -} -body { - line-height: 1; -} -ol, ul { - list-style: none; -} -blockquote, q { - quotes: none; -} -blockquote:before, blockquote:after, -q:before, q:after { - content: ''; - content: none; -} -table { - border-collapse: collapse; - border-spacing: 0; -} - -/* -Ministério do Planejamento, Orçamento e Gestão -Departamento de Governo Eletrônico -www.governoeletronico.gov.br -Autor: Thiago Augusto dos Santos Silva - thiago.silva@planejamento.gov.br -*/ - -/* ##### Definição da estrutura -------------------------------------------- */ - -html {height: 100%; font-size:62.5%;} -body {height: 100%; font: normal 1.1em sans-serif; color: white; background: #000} -#wrap {min-height: 100%; margin: 0 auto; background: #000; width: 960px;} - -/* #### Elementos Genéricos ------------------------------------------------ */ - -a { text-decoration: none; color: #ffcc00;} -a:hover { text-decoration: underline } - -h1 {font-size: 2.2em; font-weight: bold; letter-spacing: -1px; color: #fff;} -h2 {font-size: 2.2em; font-weight: bold; letter-spacing: -1px; color: #fff;} -h3 {font-size: 1.6em; font-weight: bold; color: #000;} - -p {font-size: 1.1em; padding: 0px 0 8px 0px; line-height: 1.7em} - -code, pre {border: 1px solid #ccc; background: #F8F8F8; color: #000000; display: block; font-family: 'Courier New',Courier,Fixed,monospace; font-size: 100%; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal !important; line-height: 17px; margin: 1em 0; overflow: auto; padding: 5px 20px 5px 30px; text-align: left;} - -.download {margin: 10px 0 30px 0; text-align: center; padding-left: 5px;} -.l-download {background: #000; display: block; width: 180px; border: 1px solid #ffcc00; padding: 10px; box-shadow: -4px 4px 0 #ffcc00; font-weight: bold} -.l-download:hover {text-shadow: 0px 0px 5px #666666; text-decoration: none} - -/* # Barra Brasil ---------------------------------------------------------- */ - -#barra-brasil { position:relative; overflow:hidden; min-width:1000px; background:#004b82 url(imagens/barra-brasil-v3-bgx.png) center bottom no-repeat;} -#barra-brasil .barra {display: block; width: 960px; height:28px; margin: 0 auto; background: url(imagens/barra-brasil-v3-bgx.gif) 0 bottom repeat-x;} -#barra-brasil .barra ul {float:right; width: 319px;} -#barra-brasil .barra ul li {float: left; padding-left: 25px;} -#barra-brasil .ai {background: #004b82 url(imagens/ai.png) no-repeat 0 4px; display: block; width: 161px; height: 28px; text-indent: -10000px} -#barra-brasil .brasilgov {background: #004b82 url(imagens/brasil.png) no-repeat 0 4px; display: block; width: 108px; height: 28px; text-indent: -10000px} - -/* # Barra Auxiliar -------------------------------------------------------- */ - -#barra-auxiliar {height: 20px; padding: 6px 0px 4px 0; margin-bottom: 40px;} - -#barra-auxiliar .pular {display: block; float: left; width: 200px; text-align: left;} -#barra-auxiliar .ipular {background: url(imagens/pular-c.png) no-repeat 2px 2px; width: 15px; height: 10px; padding-left: 18px} - -#barra-auxiliar a {color: #ffcc00} -#barra-auxiliar .acessibilidade {display: block; float: right; width: 550px; text-align: right;} -#barra-auxiliar .acessibilidade ul {list-style: none;} -#barra-auxiliar .acessibilidade ul li {display: inline; padding-left: 22px; margin-left: 5px } -#barra-auxiliar .iaumentar {background: url(imagens/aumentar-c.png) no-repeat 2px 2px; width: 15px; height: 10px} -#barra-auxiliar .inormal {background: url(imagens/normal-c.png) no-repeat 2px 2px; width: 15px; height: 10px} -#barra-auxiliar .idiminuir {background: url(imagens/diminuir-c.png) no-repeat 2px 2px; width: 15px; height: 10px} -#barra-auxiliar .iautocontraste {background: url(imagens/autocontraste.png) no-repeat 2px 2px; width: 15px; height: 10px} - -/* # Header ---------------------------------------------------------------- */ - -#header { padding: 0; height: 100px; margin-bottom: 50px} - -#header .h-esquerda { display: block; float: left; width: 530px;} -#header .h-direita { display: block; float: right; width: 240px;} -#header .logo-govbr { background: url("imagens/govbr-epwg.png") no-repeat; display: block; height: 90px; text-indent: -1000em; width: 240px;} -#header h1 { padding: 0 0 12px;} -#header p { font-size: 1.1em; padding: 0 0 8px 0; line-height: 1.4em} - -/* # Principal ------------------------------------------------------------- */ - -#principal { overflow:auto; padding: 10px 0 100px 0; clear: both;} - -#principal .p-esquerda {display: block; width: 530px; float: left; padding-top: 10px; } -#principal .p-direita {display: block; width: 350px; float: right; padding: 10px} -#principal .p-esquerda h2 {font-size: 1.8em; background: #ffcc00; color: #000; margin-bottom: 20px; padding: 20px 0 0 3px; letter-spacing: -1px} - -#principal .p-esquerda pre {background: #000; color: #fff} - -.p-direita h3 {font-size: 2em; letter-spacing: -1px; padding: 0 0 10px 0; color: #ffcc00;} -.p-direita ul {background: #000; padding: 10px 10px 10px 20px; border: 1px solid #ffcc00} -ul.l-padrao li, .p-direita ul li { padding: 10px 0 10px 20px; background: url(imagens/marcador-c.png) no-repeat 0 14px; color: #000} -ul.l-padrao li a, .p-direita ul li a {color: #ffcc00; font-size: 1.1em} - -.verde {padding: 5px 10px; background: #00500F; float: right; width: 55px; color: #fff} -.cinza {padding: 5px 10px; background: #7F7F7F; float: right; width: 55px} -.preto {padding: 5px 10px; background: #000000; float: right; width: 55px; color: #fff; border: 1px solid #ffcc00} -.azul {padding: 5px 10px; background: #004B82; float: right; width: 55px; color: #fff} - - -/* # Rodapé ---------------------------------------------------------------- */ - -#footer { - position: relative; - /* margin-top: -100px; negative value of footer height */ - height: 100px; - clear:both; - background: #000; - margin: -100px auto 0 auto; - width: 960px; -} - -/*Opera Fix*/ -body:before {/* thanks to Maleika (Kohoutec)*/ - content:""; - height:100%; - float:left; - width:0; - margin-top:-32767px;/* thank you Erik J - negate effect of float*/ -} - -#footer a {text-shadow: 1px 1px 2px #333; text-decoration: none} -#footer a:hover {font-size: 1.3em; text-shadow: 1px 1px 2px #333; } -.twitter {position: relative; left: 0px; top: 30px; display: block; width: 100px; height: 20px; background: url(imagens/twitter.png) no-repeat; padding-left: 45px; font-size: 1.2em;} -.marca-governo {display: block; width: 300px; height: 62px; background: url(imagens/marca-governo-c.png) no-repeat; float: right; text-indent: -1000em; } - - - - - - - - - - diff --git a/cinza.css b/cinza.css deleted file mode 100644 index 235d8a1..0000000 --- a/cinza.css +++ /dev/null @@ -1,160 +0,0 @@ -/* http://meyerweb.com/eric/tools/css/reset/ - v2.0 | 20110126 - License: none (public domain) -*/ - - -html, body, div, span, applet, object, iframe, -h1, h2, h3, h4, h5, h6, p, blockquote, pre, -a, abbr, acronym, address, big, cite, code, -del, dfn, em, img, ins, kbd, q, s, samp, -small, strike, strong, sub, sup, tt, var, -b, u, i, center, -dl, dt, dd, ol, ul, li, -fieldset, form, label, legend, -table, caption, tbody, tfoot, thead, tr, th, td, -article, aside, canvas, details, embed, -figure, figcaption, footer, header, hgroup, -menu, nav, output, ruby, section, summary, -time, mark, audio, video { - margin: 0; - padding: 0; - border: 0; - font-size: 100%; - font-family: inherit; - vertical-align: baseline; -} -/* HTML5 display-role reset for older browsers */ -article, aside, details, figcaption, figure, -footer, header, hgroup, menu, nav, section { - display: block; -} -body { - line-height: 1; -} -ol, ul { - list-style: none; -} -blockquote, q { - quotes: none; -} -blockquote:before, blockquote:after, -q:before, q:after { - content: ''; - content: none; -} -table { - border-collapse: collapse; - border-spacing: 0; -} - -/* -Ministério do Planejamento, Orçamento e Gestão -Departamento de Governo Eletrônico -www.governoeletronico.gov.br -Autor: Thiago Augusto dos Santos Silva - thiago.silva@planejamento.gov.br -*/ - -/* ##### Definição da estrutura -------------------------------------------- */ - -html {height: 100%; font-size:62.5%;} -body {height: 100%; font: normal 1.1em sans-serif; color: black; background: #fff} -#wrap {min-height: 100%; margin: 0 auto; background: #fff; width: 960px;} - -/* #### Elementos Genéricos ------------------------------------------------ */ - -a { text-decoration: none; color: #004B82;} -a:hover { text-decoration: underline } - -h1 {font-size: 2.2em; font-weight: bold; letter-spacing: -1px; color: #000;} -h2 {font-size: 2.2em; font-weight: bold; letter-spacing: -1px; color: #000;} -h3 {font-size: 1.6em; font-weight: bold; color: #000;} - -p {font-size: 1.1em; padding: 0px 0 8px 0px; line-height: 1.7em} - -code, pre {border: 1px solid #ccc; background: #F8F8F8; color: #000000; display: block; font-family: 'Courier New',Courier,Fixed,monospace; font-size: 100%; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal !important; line-height: 17px; margin: 1em 0; overflow: auto; padding: 5px 20px 5px 30px; text-align: left;} - -.download {margin: 10px 0 30px 0; text-align: center; padding-left: 5px;} -.l-download {background: #ececec; display: block; width: 180px; border: 1px solid #004B82; padding: 10px; box-shadow: -4px 4px 0 #ccc; font-weight: bold} -.l-download:hover {text-shadow: 0px 0px 5px #666666; text-decoration: none} - -/* # Barra Brasil ---------------------------------------------------------- */ - -#barra-brasil { position:relative; overflow:hidden; min-width:1000px; background:#7F7F7F url(imagens/barra-brasil-v3-bgx.png) center bottom no-repeat;} -#barra-brasil .barra {display: block; width: 960px; height:28px; margin: 0 auto; background: url(imagens/barra-brasil-v3-bgx.gif) 0 bottom repeat-x;} -#barra-brasil .barra ul {float:right; width: 319px;} -#barra-brasil .barra ul li {float: left; padding-left: 25px;} -#barra-brasil .ai {background: #7F7F7F url(imagens/ai.png) no-repeat 0 4px; display: block; width: 161px; height: 28px; text-indent: -10000px} -#barra-brasil .brasilgov {background: #7F7F7F url(imagens/brasil.png) no-repeat 0 4px; display: block; width: 108px; height: 28px; text-indent: -10000px} - - -/* # Barra Auxiliar -------------------------------------------------------- */ - -#barra-auxiliar {height: 20px; padding: 6px 0px 4px 0; margin-bottom: 40px;} -#barra-auxiliar .pular {display: block; float: left; width: 200px; text-align: left;} -#barra-auxiliar .ipular {background: url(imagens/pular.png) no-repeat 2px 2px; width: 15px; height: 10px; padding-left: 18px} -#barra-auxiliar a {color: black} -#barra-auxiliar .acessibilidade {display: block; float: right; width: 550px; text-align: right;} -#barra-auxiliar .acessibilidade ul {list-style: none;} -#barra-auxiliar .acessibilidade ul li {display: inline; padding-left: 22px; margin-left: 5px } -#barra-auxiliar .iaumentar {background: url(imagens/aumentar.png) no-repeat 2px 2px; width: 15px; height: 10px} -#barra-auxiliar .inormal {background: url(imagens/normal.png) no-repeat 2px 2px; width: 15px; height: 10px} -#barra-auxiliar .idiminuir {background: url(imagens/diminuir.png) no-repeat 2px 2px; width: 15px; height: 10px} -#barra-auxiliar .iautocontraste {background: url(imagens/autocontraste.png) no-repeat 2px 2px; width: 15px; height: 10px} - -/* # Header ---------------------------------------------------------------- */ - -#header { padding: 0; height: 100px; margin-bottom: 50px} - -#header .h-esquerda { display: block; float: left; width: 530px;} -#header .h-direita { display: block; float: right; width: 240px;} -#header .logo-govbr { background: url("imagens/govbr-epwg.png") no-repeat; display: block; height: 90px; text-indent: -1000em; width: 240px;} -#header h1 { padding: 0 0 12px; text-shadow: -2px 2px 1px #CCCCCC;} -#header p { font-size: 1.1em; padding: 0 0 8px 0; line-height: 1.4em} - -/* # Principal ------------------------------------------------------------- */ - -#principal { overflow:auto; padding: 10px 0 100px 0; clear: both;} - - -#principal .p-esquerda {display: block; width: 530px; float: left; padding-top: 10px;} -#principal .p-esquerda h2 {font-size: 1.8em; background: #004B82; color: #FFFFFF; margin-bottom: 20px; padding: 20px 0 0 3px; letter-spacing: -1px} - -#principal .p-direita {display: block; width: 350px; float: right; padding: 10px} -.p-direita h3 {font-size: 2em; letter-spacing: -1px; padding: 0 0 10px 0; color: #004b82; text-shadow: -1px 2px 0px #ccc} -.p-direita ul {background: #ececec; padding: 10px 0 10px 20px; box-shadow: -6px 6px 0 #ccc;} -ul.l-padrao li, .p-direita ul li { padding: 10px 10px 10px 20px; background: url(imagens/marcador.png) no-repeat 0 14px; color: #000} -ul.l-padrao li a, .p-direita ul li a {color: #004B82; font-size: 1.1em} - -.verde {padding: 5px 10px; background: #00500F; float: right; width: 55px; color: #fff} -.cinza {padding: 5px 10px; background: #7F7F7F; float: right; width: 55px} -.preto {padding: 5px 10px; background: #000000; float: right; width: 55px; color: #fff} -.azul {padding: 5px 10px; background: #004B82; float: right; width: 55px; color: #fff} - -.hexa {display: none} - -/* # Rodapé ---------------------------------------------------------------- */ - -#footer { - position: relative; - /* margin-top: -100px; negative value of footer height */ - height: 100px; - clear:both; - background: #fff; - margin: -100px auto 0 auto; - width: 960px; -} - -/*Opera Fix*/ -body:before {/* thanks to Maleika (Kohoutec)*/ - content:""; - height:100%; - float:left; - width:0; - margin-top:-32767px;/* thank you Erik J - negate effect of float*/ -} - -#footer a {text-shadow: 1px 1px 2px #333; text-decoration: none} -#footer a:hover {font-size: 1.3em; text-shadow: 1px 1px 2px #333; } -.twitter {position: relative; left: 0px; top: 30px; display: block; width: 100px; height: 20px; background: url(imagens/twitter.png) no-repeat; padding-left: 45px; font-size: 1.2em;} -.marca-governo {display: block; width: 300px; height: 62px; background: url(imagens/marca-governo.png) no-repeat; float: right; text-indent: -1000em; } diff --git a/imagens.zip b/imagens.zip deleted file mode 100644 index 6e3f22f..0000000 Binary files a/imagens.zip and /dev/null differ diff --git a/imagens/ai.png b/imagens/ai.png deleted file mode 100644 index 3dc7b77..0000000 Binary files a/imagens/ai.png and /dev/null differ diff --git a/imagens/aumentar-c.png b/imagens/aumentar-c.png deleted file mode 100644 index af4aad2..0000000 Binary files a/imagens/aumentar-c.png and /dev/null differ diff --git a/imagens/aumentar.png b/imagens/aumentar.png deleted file mode 100644 index a2e457d..0000000 Binary files a/imagens/aumentar.png and /dev/null differ diff --git a/imagens/autocontraste-c.png b/imagens/autocontraste-c.png deleted file mode 100644 index 26d3c71..0000000 Binary files a/imagens/autocontraste-c.png and /dev/null differ diff --git a/imagens/autocontraste.png b/imagens/autocontraste.png deleted file mode 100644 index 5379d30..0000000 Binary files a/imagens/autocontraste.png and /dev/null differ diff --git a/imagens/barra-brasil-v3-bgx.gif b/imagens/barra-brasil-v3-bgx.gif deleted file mode 100644 index 4660c71..0000000 Binary files a/imagens/barra-brasil-v3-bgx.gif and /dev/null differ diff --git a/imagens/barra-brasil-v3-bgx.png b/imagens/barra-brasil-v3-bgx.png deleted file mode 100644 index 5514710..0000000 Binary files a/imagens/barra-brasil-v3-bgx.png and /dev/null differ diff --git a/imagens/brasil.png b/imagens/brasil.png deleted file mode 100644 index 4bc21de..0000000 Binary files a/imagens/brasil.png and /dev/null differ diff --git a/imagens/diminuir-c.png b/imagens/diminuir-c.png deleted file mode 100644 index 65564f6..0000000 Binary files a/imagens/diminuir-c.png and /dev/null differ diff --git a/imagens/diminuir.png b/imagens/diminuir.png deleted file mode 100644 index 9f92141..0000000 Binary files a/imagens/diminuir.png and /dev/null differ diff --git a/imagens/favicon.ico b/imagens/favicon.ico deleted file mode 100644 index f8c4036..0000000 Binary files a/imagens/favicon.ico and /dev/null differ diff --git a/imagens/govbr-epwg.png b/imagens/govbr-epwg.png deleted file mode 100644 index f5eeb0c..0000000 Binary files a/imagens/govbr-epwg.png and /dev/null differ diff --git a/imagens/marca-governo-c.png b/imagens/marca-governo-c.png deleted file mode 100644 index 0136541..0000000 Binary files a/imagens/marca-governo-c.png and /dev/null differ diff --git a/imagens/marca-governo.png b/imagens/marca-governo.png deleted file mode 100644 index 5a6363e..0000000 Binary files a/imagens/marca-governo.png and /dev/null differ diff --git a/imagens/marcador-c.png b/imagens/marcador-c.png deleted file mode 100644 index 1c696b5..0000000 Binary files a/imagens/marcador-c.png and /dev/null differ diff --git a/imagens/marcador.png b/imagens/marcador.png deleted file mode 100644 index ae7b905..0000000 Binary files a/imagens/marcador.png and /dev/null differ diff --git a/imagens/normal-c.png b/imagens/normal-c.png deleted file mode 100644 index d6853f2..0000000 Binary files a/imagens/normal-c.png and /dev/null differ diff --git a/imagens/normal.png b/imagens/normal.png deleted file mode 100644 index 67755de..0000000 Binary files a/imagens/normal.png and /dev/null differ diff --git a/imagens/pular-c.png b/imagens/pular-c.png deleted file mode 100644 index 46f3885..0000000 Binary files a/imagens/pular-c.png and /dev/null differ diff --git a/imagens/pular.png b/imagens/pular.png deleted file mode 100644 index 5857046..0000000 Binary files a/imagens/pular.png and /dev/null differ diff --git a/imagens/twitter.png b/imagens/twitter.png deleted file mode 100644 index 65e03f8..0000000 Binary files a/imagens/twitter.png and /dev/null differ diff --git a/js/effects.js b/js/effects.js deleted file mode 100644 index 3639685..0000000 --- a/js/effects.js +++ /dev/null @@ -1,30 +0,0 @@ -// desenvolvido por Bernard De Luna - www.bernarddeluna.com / @bernarddeluna -$(document).ready(function() { - - // aumentando a fonte - $(".aumentar").click(function () { - var size = $("#principal").css('font-size'); - - size = size.replace('px', ''); - size = parseInt(size) + 1.4; - - $("#principal").animate({'font-size' : size + 'px'}); - }); - - //diminuindo a fonte - $(".diminuir").click(function () { - var size = $("#principal").css('font-size'); - - size = size.replace('px', ''); - size = parseInt(size) - 1.4; - - $("#principal").animate({'font-size' : size + 'px'}); - }); - - // resetando a fonte - $(".normal").click(function () { - $("#principal").animate({'font-size' : '11px'}); - }); - - -}); diff --git a/preto.css b/preto.css deleted file mode 100644 index bf386f5..0000000 --- a/preto.css +++ /dev/null @@ -1,160 +0,0 @@ -/* http://meyerweb.com/eric/tools/css/reset/ - v2.0 | 20110126 - License: none (public domain) -*/ - - -html, body, div, span, applet, object, iframe, -h1, h2, h3, h4, h5, h6, p, blockquote, pre, -a, abbr, acronym, address, big, cite, code, -del, dfn, em, img, ins, kbd, q, s, samp, -small, strike, strong, sub, sup, tt, var, -b, u, i, center, -dl, dt, dd, ol, ul, li, -fieldset, form, label, legend, -table, caption, tbody, tfoot, thead, tr, th, td, -article, aside, canvas, details, embed, -figure, figcaption, footer, header, hgroup, -menu, nav, output, ruby, section, summary, -time, mark, audio, video { - margin: 0; - padding: 0; - border: 0; - font-size: 100%; - font-family: inherit; - vertical-align: baseline; -} -/* HTML5 display-role reset for older browsers */ -article, aside, details, figcaption, figure, -footer, header, hgroup, menu, nav, section { - display: block; -} -body { - line-height: 1; -} -ol, ul { - list-style: none; -} -blockquote, q { - quotes: none; -} -blockquote:before, blockquote:after, -q:before, q:after { - content: ''; - content: none; -} -table { - border-collapse: collapse; - border-spacing: 0; -} - -/* -Ministério do Planejamento, Orçamento e Gestão -Departamento de Governo Eletrônico -www.governoeletronico.gov.br -Autor: Thiago Augusto dos Santos Silva - thiago.silva@planejamento.gov.br -*/ - -/* ##### Definição da estrutura -------------------------------------------- */ - -html {height: 100%; font-size:62.5%;} -body {height: 100%; font: normal 1.1em sans-serif; color: black; background: #fff} -#wrap {min-height: 100%; margin: 0 auto; background: #fff; width: 960px;} - -/* #### Elementos Genéricos ------------------------------------------------ */ - -a { text-decoration: none; color: #004B82;} -a:hover { text-decoration: underline } - -h1 {font-size: 2.2em; font-weight: bold; letter-spacing: -1px; color: #000;} -h2 {font-size: 2.2em; font-weight: bold; letter-spacing: -1px; color: #000;} -h3 {font-size: 1.6em; font-weight: bold; color: #000;} - -p {font-size: 1.1em; padding: 0px 0 8px 0px; line-height: 1.7em} - -code, pre {border: 1px solid #ccc; background: #F8F8F8; color: #000000; display: block; font-family: 'Courier New',Courier,Fixed,monospace; font-size: 100%; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal !important; line-height: 17px; margin: 1em 0; overflow: auto; padding: 5px 20px 5px 30px; text-align: left;} - -.download {margin: 10px 0 30px 0; text-align: center; padding-left: 5px;} -.l-download {background: #ececec; display: block; width: 180px; border: 1px solid #004B82; padding: 10px; box-shadow: -4px 4px 0 #ccc; font-weight: bold} -.l-download:hover {text-shadow: 0px 0px 5px #666666; text-decoration: none} - -/* # Barra Brasil ---------------------------------------------------------- */ - -#barra-brasil { position:relative; overflow:hidden; min-width:1000px; background:#000000 url(imagens/barra-brasil-v3-bgx.png) center bottom no-repeat;} -#barra-brasil .barra {display: block; width: 960px; height:28px; margin: 0 auto; background: url(imagens/barra-brasil-v3-bgx.gif) 0 bottom repeat-x;} -#barra-brasil .barra ul {float:right; width: 319px;} -#barra-brasil .barra ul li {float: left; padding-left: 25px;} -#barra-brasil .ai {background: #000000 url(imagens/ai.png) no-repeat 0 4px; display: block; width: 161px; height: 28px; text-indent: -10000px} -#barra-brasil .brasilgov {background: #000000 url(imagens/brasil.png) no-repeat 0 4px; display: block; width: 108px; height: 28px; text-indent: -10000px} - - -/* # Barra Auxiliar -------------------------------------------------------- */ - -#barra-auxiliar {height: 20px; padding: 6px 0px 4px 0; margin-bottom: 40px;} -#barra-auxiliar .pular {display: block; float: left; width: 200px; text-align: left;} -#barra-auxiliar .ipular {background: url(imagens/pular.png) no-repeat 2px 2px; width: 15px; height: 10px; padding-left: 18px} -#barra-auxiliar a {color: black} -#barra-auxiliar .acessibilidade {display: block; float: right; width: 550px; text-align: right;} -#barra-auxiliar .acessibilidade ul {list-style: none;} -#barra-auxiliar .acessibilidade ul li {display: inline; padding-left: 22px; margin-left: 5px } -#barra-auxiliar .iaumentar {background: url(imagens/aumentar.png) no-repeat 2px 2px; width: 15px; height: 10px} -#barra-auxiliar .inormal {background: url(imagens/normal.png) no-repeat 2px 2px; width: 15px; height: 10px} -#barra-auxiliar .idiminuir {background: url(imagens/diminuir.png) no-repeat 2px 2px; width: 15px; height: 10px} -#barra-auxiliar .iautocontraste {background: url(imagens/autocontraste.png) no-repeat 2px 2px; width: 15px; height: 10px} - -/* # Header ---------------------------------------------------------------- */ - -#header { padding: 0; height: 100px; margin-bottom: 50px} - -#header .h-esquerda { display: block; float: left; width: 530px;} -#header .h-direita { display: block; float: right; width: 240px;} -#header .logo-govbr { background: url("imagens/govbr-epwg.png") no-repeat; display: block; height: 90px; text-indent: -1000em; width: 240px;} -#header h1 { padding: 0 0 12px; text-shadow: -2px 2px 1px #CCCCCC;} -#header p { font-size: 1.1em; padding: 0 0 8px 0; line-height: 1.4em} - -/* # Principal ------------------------------------------------------------- */ - -#principal { overflow:auto; padding: 10px 0 100px 0; clear: both;} - - -#principal .p-esquerda {display: block; width: 530px; float: left; padding-top: 10px;} -#principal .p-esquerda h2 {font-size: 1.8em; background: #004B82; color: #FFFFFF; margin-bottom: 20px; padding: 20px 0 0 3px; letter-spacing: -1px} - -#principal .p-direita {display: block; width: 350px; float: right; padding: 10px} -.p-direita h3 {font-size: 2em; letter-spacing: -1px; padding: 0 0 10px 0; color: #004b82; text-shadow: -1px 2px 0px #ccc} -.p-direita ul {background: #ececec; padding: 10px 0 10px 20px; box-shadow: -6px 6px 0 #ccc;} -ul.l-padrao li, .p-direita ul li { padding: 10px 10px 10px 20px; background: url(imagens/marcador.png) no-repeat 0 14px; color: #000} -ul.l-padrao li a, .p-direita ul li a {color: #004B82; font-size: 1.1em} - -.verde {padding: 5px 10px; background: #00500F; float: right; width: 55px; color: #fff} -.cinza {padding: 5px 10px; background: #7F7F7F; float: right; width: 55px} -.preto {padding: 5px 10px; background: #000000; float: right; width: 55px; color: #fff} -.azul {padding: 5px 10px; background: #004B82; float: right; width: 55px; color: #fff} - -.hexa {display: none} - -/* # Rodapé ---------------------------------------------------------------- */ - -#footer { - position: relative; - /* margin-top: -100px; negative value of footer height */ - height: 100px; - clear:both; - background: #fff; - margin: -100px auto 0 auto; - width: 960px; -} - -/*Opera Fix*/ -body:before {/* thanks to Maleika (Kohoutec)*/ - content:""; - height:100%; - float:left; - width:0; - margin-top:-32767px;/* thank you Erik J - negate effect of float*/ -} - -#footer a {text-shadow: 1px 1px 2px #333; text-decoration: none} -#footer a:hover {font-size: 1.3em; text-shadow: 1px 1px 2px #333; } -.twitter {position: relative; left: 0px; top: 30px; display: block; width: 100px; height: 20px; background: url(imagens/twitter.png) no-repeat; padding-left: 45px; font-size: 1.2em;} -.marca-governo {display: block; width: 300px; height: 62px; background: url(imagens/marca-governo.png) no-repeat; float: right; text-indent: -1000em; } diff --git a/style.css b/style.css deleted file mode 100644 index 99a847c..0000000 --- a/style.css +++ /dev/null @@ -1,160 +0,0 @@ -/* http://meyerweb.com/eric/tools/css/reset/ - v2.0 | 20110126 - License: none (public domain) -*/ - - -html, body, div, span, applet, object, iframe, -h1, h2, h3, h4, h5, h6, p, blockquote, pre, -a, abbr, acronym, address, big, cite, code, -del, dfn, em, img, ins, kbd, q, s, samp, -small, strike, strong, sub, sup, tt, var, -b, u, i, center, -dl, dt, dd, ol, ul, li, -fieldset, form, label, legend, -table, caption, tbody, tfoot, thead, tr, th, td, -article, aside, canvas, details, embed, -figure, figcaption, footer, header, hgroup, -menu, nav, output, ruby, section, summary, -time, mark, audio, video { - margin: 0; - padding: 0; - border: 0; - font-size: 100%; - font-family: inherit; - vertical-align: baseline; -} -/* HTML5 display-role reset for older browsers */ -article, aside, details, figcaption, figure, -footer, header, hgroup, menu, nav, section { - display: block; -} -body { - line-height: 1; -} -ol, ul { - list-style: none; -} -blockquote, q { - quotes: none; -} -blockquote:before, blockquote:after, -q:before, q:after { - content: ''; - content: none; -} -table { - border-collapse: collapse; - border-spacing: 0; -} - -/* -Ministério do Planejamento, Orçamento e Gestão -Departamento de Governo Eletrônico -www.governoeletronico.gov.br -Autor: Thiago Augusto dos Santos Silva - thiago.silva@planejamento.gov.br -*/ - -/* ##### Definição da estrutura -------------------------------------------- */ - -html {height: 100%; font-size:62.5%;} -body {height: 100%; font: normal 1.1em sans-serif; color: black; background: #fff} -#wrap {min-height: 100%; margin: 0 auto; background: #fff; width: 960px;} - -/* #### Elementos Genéricos ------------------------------------------------ */ - -a { text-decoration: none; color: #004B82;} -a:hover { text-decoration: underline } - -h1 {font-size: 2.2em; font-weight: bold; letter-spacing: -1px; color: #000;} -h2 {font-size: 2.2em; font-weight: bold; letter-spacing: -1px; color: #000;} -h3 {font-size: 1.6em; font-weight: bold; color: #000;} - -p {font-size: 1.1em; padding: 0px 0 8px 0px; line-height: 1.7em} - -code, pre {border: 1px solid #ccc; background: #F8F8F8; color: #000000; display: block; font-family: 'Courier New',Courier,Fixed,monospace; font-size: 100%; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal !important; line-height: 17px; margin: 1em 0; overflow: auto; padding: 5px 20px 5px 30px; text-align: left;} - -.download {margin: 10px 0 30px 0; text-align: center; padding-left: 5px;} -.l-download {background: #ececec; display: block; width: 180px; border: 1px solid #004B82; padding: 10px; box-shadow: -4px 4px 0 #ccc; font-weight: bold} -.l-download:hover {text-shadow: 0px 0px 5px #666666; text-decoration: none} - -/* # Barra Brasil ---------------------------------------------------------- */ - -#barra-brasil { position:relative; overflow:hidden; min-width:1000px; background:#004b82 url(imagens/barra-brasil-v3-bgx.png) center bottom no-repeat;} -#barra-brasil .barra {display: block; width: 960px; height:28px; margin: 0 auto; background: url(imagens/barra-brasil-v3-bgx.gif) 0 bottom repeat-x;} -#barra-brasil .barra ul {float:right; width: 319px;} -#barra-brasil .barra ul li {float: left; padding-left: 25px;} -#barra-brasil .ai {background: #004b82 url(imagens/ai.png) no-repeat 0 4px; display: block; width: 161px; height: 28px; text-indent: -10000px} -#barra-brasil .brasilgov {background: #004b82 url(imagens/brasil.png) no-repeat 0 4px; display: block; width: 108px; height: 28px; text-indent: -10000px} - - -/* # Barra Auxiliar -------------------------------------------------------- */ - -#barra-auxiliar {height: 20px; padding: 6px 0px 4px 0; margin-bottom: 40px;} -#barra-auxiliar .pular {display: block; float: left; width: 200px; text-align: left;} -#barra-auxiliar .ipular {background: url(imagens/pular.png) no-repeat 2px 2px; width: 15px; height: 10px; padding-left: 18px} -#barra-auxiliar a {color: black} -#barra-auxiliar .acessibilidade {display: block; float: right; width: 550px; text-align: right;} -#barra-auxiliar .acessibilidade ul {list-style: none;} -#barra-auxiliar .acessibilidade ul li {display: inline; padding-left: 22px; margin-left: 5px } -#barra-auxiliar .iaumentar {background: url(imagens/aumentar.png) no-repeat 2px 2px; width: 15px; height: 10px} -#barra-auxiliar .inormal {background: url(imagens/normal.png) no-repeat 2px 2px; width: 15px; height: 10px} -#barra-auxiliar .idiminuir {background: url(imagens/diminuir.png) no-repeat 2px 2px; width: 15px; height: 10px} -#barra-auxiliar .iautocontraste {background: url(imagens/autocontraste.png) no-repeat 2px 2px; width: 15px; height: 10px} - -/* # Header ---------------------------------------------------------------- */ - -#header { padding: 0; height: 100px; margin-bottom: 50px} - -#header .h-esquerda { display: block; float: left; width: 530px;} -#header .h-direita { display: block; float: right; width: 240px;} -#header .logo-govbr { background: url("imagens/govbr-epwg.png") no-repeat; display: block; height: 90px; text-indent: -1000em; width: 240px;} -#header h1 { padding: 0 0 12px; text-shadow: -2px 2px 1px #CCCCCC;} -#header p { font-size: 1.1em; padding: 0 0 8px 0; line-height: 1.4em} - -/* # Principal ------------------------------------------------------------- */ - -#principal { overflow:auto; padding: 10px 0 100px 0; clear: both;} - - -#principal .p-esquerda {display: block; width: 530px; float: left; padding-top: 10px;} -#principal .p-esquerda h2 {font-size: 1.8em; background: #004B82; color: #FFFFFF; margin-bottom: 20px; padding: 20px 0 0 3px; letter-spacing: -1px} - -#principal .p-direita {display: block; width: 350px; float: right; padding: 10px} -.p-direita h3 {font-size: 2em; letter-spacing: -1px; padding: 0 0 10px 0; color: #004b82; text-shadow: -1px 2px 0px #ccc} -.p-direita ul {background: #ececec; padding: 10px 0 10px 20px; box-shadow: -6px 6px 0 #ccc;} -ul.l-padrao li, .p-direita ul li { padding: 10px 10px 10px 20px; background: url(imagens/marcador.png) no-repeat 0 14px; color: #000} -ul.l-padrao li a, .p-direita ul li a {color: #004B82; font-size: 1.1em} - -.verde {padding: 5px 10px; background: #00500F; float: right; width: 55px; color: #fff} -.cinza {padding: 5px 10px; background: #7F7F7F; float: right; width: 55px} -.preto {padding: 5px 10px; background: #000000; float: right; width: 55px; color: #fff} -.azul {padding: 5px 10px; background: #004B82; float: right; width: 55px; color: #fff} - -.hexa {display: none} - -/* # Rodapé ---------------------------------------------------------------- */ - -#footer { - position: relative; - /* margin-top: -100px; negative value of footer height */ - height: 100px; - clear:both; - background: #fff; - margin: -100px auto 0 auto; - width: 960px; -} - -/*Opera Fix*/ -body:before {/* thanks to Maleika (Kohoutec)*/ - content:""; - height:100%; - float:left; - width:0; - margin-top:-32767px;/* thank you Erik J - negate effect of float*/ -} - -#footer a {text-shadow: 1px 1px 2px #333; text-decoration: none} -#footer a:hover {font-size: 1.3em; text-shadow: 1px 1px 2px #333; } -.twitter {position: relative; left: 0px; top: 30px; display: block; width: 100px; height: 20px; background: url(imagens/twitter.png) no-repeat; padding-left: 45px; font-size: 1.2em;} -.marca-governo {display: block; width: 300px; height: 62px; background: url(imagens/marca-governo.png) no-repeat; float: right; text-indent: -1000em; } diff --git a/verde.css b/verde.css deleted file mode 100644 index 9734be9..0000000 --- a/verde.css +++ /dev/null @@ -1,160 +0,0 @@ -/* http://meyerweb.com/eric/tools/css/reset/ - v2.0 | 20110126 - License: none (public domain) -*/ - - -html, body, div, span, applet, object, iframe, -h1, h2, h3, h4, h5, h6, p, blockquote, pre, -a, abbr, acronym, address, big, cite, code, -del, dfn, em, img, ins, kbd, q, s, samp, -small, strike, strong, sub, sup, tt, var, -b, u, i, center, -dl, dt, dd, ol, ul, li, -fieldset, form, label, legend, -table, caption, tbody, tfoot, thead, tr, th, td, -article, aside, canvas, details, embed, -figure, figcaption, footer, header, hgroup, -menu, nav, output, ruby, section, summary, -time, mark, audio, video { - margin: 0; - padding: 0; - border: 0; - font-size: 100%; - font-family: inherit; - vertical-align: baseline; -} -/* HTML5 display-role reset for older browsers */ -article, aside, details, figcaption, figure, -footer, header, hgroup, menu, nav, section { - display: block; -} -body { - line-height: 1; -} -ol, ul { - list-style: none; -} -blockquote, q { - quotes: none; -} -blockquote:before, blockquote:after, -q:before, q:after { - content: ''; - content: none; -} -table { - border-collapse: collapse; - border-spacing: 0; -} - -/* -Ministério do Planejamento, Orçamento e Gestão -Departamento de Governo Eletrônico -www.governoeletronico.gov.br -Autor: Thiago Augusto dos Santos Silva - thiago.silva@planejamento.gov.br -*/ - -/* ##### Definição da estrutura -------------------------------------------- */ - -html {height: 100%; font-size:62.5%;} -body {height: 100%; font: normal 1.1em sans-serif; color: black; background: #fff} -#wrap {min-height: 100%; margin: 0 auto; background: #fff; width: 960px;} - -/* #### Elementos Genéricos ------------------------------------------------ */ - -a { text-decoration: none; color: #004B82;} -a:hover { text-decoration: underline } - -h1 {font-size: 2.2em; font-weight: bold; letter-spacing: -1px; color: #000;} -h2 {font-size: 2.2em; font-weight: bold; letter-spacing: -1px; color: #000;} -h3 {font-size: 1.6em; font-weight: bold; color: #000;} - -p {font-size: 1.1em; padding: 0px 0 8px 0px; line-height: 1.7em} - -code, pre {border: 1px solid #ccc; background: #F8F8F8; color: #000000; display: block; font-family: 'Courier New',Courier,Fixed,monospace; font-size: 100%; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal !important; line-height: 17px; margin: 1em 0; overflow: auto; padding: 5px 20px 5px 30px; text-align: left;} - -.download {margin: 10px 0 30px 0; text-align: center; padding-left: 5px;} -.l-download {background: #ececec; display: block; width: 180px; border: 1px solid #004B82; padding: 10px; box-shadow: -4px 4px 0 #ccc; font-weight: bold} -.l-download:hover {text-shadow: 0px 0px 5px #666666; text-decoration: none} - -/* # Barra Brasil ---------------------------------------------------------- */ - -#barra-brasil { position:relative; overflow:hidden; min-width:1000px; background: #00500F url(imagens/barra-brasil-v3-bgx.png) center bottom no-repeat;} -#barra-brasil .barra {display: block; width: 960px; height:28px; margin: 0 auto; background: url(imagens/barra-brasil-v3-bgx.gif) 0 bottom repeat-x;} -#barra-brasil .barra ul {float:right; width: 319px;} -#barra-brasil .barra ul li {float: left; padding-left: 25px;} -#barra-brasil .ai {background: #00500F url(imagens/ai.png) no-repeat 0 4px; display: block; width: 161px; height: 28px; text-indent: -10000px} -#barra-brasil .brasilgov {background: #00500F url(imagens/brasil.png) no-repeat 0 4px; display: block; width: 108px; height: 28px; text-indent: -10000px} - - -/* # Barra Auxiliar -------------------------------------------------------- */ - -#barra-auxiliar {height: 20px; padding: 6px 0px 4px 0; margin-bottom: 40px;} -#barra-auxiliar .pular {display: block; float: left; width: 200px; text-align: left;} -#barra-auxiliar .ipular {background: url(imagens/pular.png) no-repeat 2px 2px; width: 15px; height: 10px; padding-left: 18px} -#barra-auxiliar a {color: black} -#barra-auxiliar .acessibilidade {display: block; float: right; width: 550px; text-align: right;} -#barra-auxiliar .acessibilidade ul {list-style: none;} -#barra-auxiliar .acessibilidade ul li {display: inline; padding-left: 22px; margin-left: 5px } -#barra-auxiliar .iaumentar {background: url(imagens/aumentar.png) no-repeat 2px 2px; width: 15px; height: 10px} -#barra-auxiliar .inormal {background: url(imagens/normal.png) no-repeat 2px 2px; width: 15px; height: 10px} -#barra-auxiliar .idiminuir {background: url(imagens/diminuir.png) no-repeat 2px 2px; width: 15px; height: 10px} -#barra-auxiliar .iautocontraste {background: url(imagens/autocontraste.png) no-repeat 2px 2px; width: 15px; height: 10px} - -/* # Header ---------------------------------------------------------------- */ - -#header { padding: 0; height: 100px; margin-bottom: 50px} - -#header .h-esquerda { display: block; float: left; width: 530px;} -#header .h-direita { display: block; float: right; width: 240px;} -#header .logo-govbr { background: url("imagens/govbr-epwg.png") no-repeat; display: block; height: 90px; text-indent: -1000em; width: 240px;} -#header h1 { padding: 0 0 12px; text-shadow: -2px 2px 1px #CCCCCC;} -#header p { font-size: 1.1em; padding: 0 0 8px 0; line-height: 1.4em} - -/* # Principal ------------------------------------------------------------- */ - -#principal { overflow:auto; padding: 10px 0 100px 0; clear: both;} - - -#principal .p-esquerda {display: block; width: 530px; float: left; padding-top: 10px;} -#principal .p-esquerda h2 {font-size: 1.8em; background: #004B82; color: #FFFFFF; margin-bottom: 20px; padding: 20px 0 0 3px; letter-spacing: -1px} - -#principal .p-direita {display: block; width: 350px; float: right; padding: 10px} -.p-direita h3 {font-size: 2em; letter-spacing: -1px; padding: 0 0 10px 0; color: #004b82; text-shadow: -1px 2px 0px #ccc} -.p-direita ul {background: #ececec; padding: 10px 0 10px 20px; box-shadow: -6px 6px 0 #ccc;} -ul.l-padrao li, .p-direita ul li { padding: 10px 10px 10px 20px; background: url(imagens/marcador.png) no-repeat 0 14px; color: #000} -ul.l-padrao li a, .p-direita ul li a {color: #004B82; font-size: 1.1em} - -.verde {padding: 5px 10px; background: #00500F; float: right; width: 55px; color: #fff} -.cinza {padding: 5px 10px; background: #7F7F7F; float: right; width: 55px} -.preto {padding: 5px 10px; background: #000000; float: right; width: 55px; color: #fff} -.azul {padding: 5px 10px; background: #004B82; float: right; width: 55px; color: #fff} - -.hexa {display: none} - -/* # Rodapé ---------------------------------------------------------------- */ - -#footer { - position: relative; - /* margin-top: -100px; negative value of footer height */ - height: 100px; - clear:both; - background: #fff; - margin: -100px auto 0 auto; - width: 960px; -} - -/*Opera Fix*/ -body:before {/* thanks to Maleika (Kohoutec)*/ - content:""; - height:100%; - float:left; - width:0; - margin-top:-32767px;/* thank you Erik J - negate effect of float*/ -} - -#footer a {text-shadow: 1px 1px 2px #333; text-decoration: none} -#footer a:hover {font-size: 1.3em; text-shadow: 1px 1px 2px #333; } -.twitter {position: relative; left: 0px; top: 30px; display: block; width: 100px; height: 20px; background: url(imagens/twitter.png) no-repeat; padding-left: 45px; font-size: 1.2em;} -.marca-governo {display: block; width: 300px; height: 62px; background: url(imagens/marca-governo.png) no-repeat; float: right; text-indent: -1000em; } -- libgit2 0.21.2