Commit b7547dac4da52e9d01e2e0311e8eaf45f163fd0e
1 parent
fa378d8a
Exists in
master
removendo arquivos antigos
Showing
28 changed files
with
0 additions
and
840 deletions
Show diff stats
autocontraste.css
| ... | ... | @@ -1,170 +0,0 @@ |
| 1 | -/* http://meyerweb.com/eric/tools/css/reset/ | |
| 2 | - v2.0 | 20110126 | |
| 3 | - License: none (public domain) | |
| 4 | -*/ | |
| 5 | - | |
| 6 | -html, body, div, span, applet, object, iframe, | |
| 7 | -h1, h2, h3, h4, h5, h6, p, blockquote, pre, | |
| 8 | -a, abbr, acronym, address, big, cite, code, | |
| 9 | -del, dfn, em, img, ins, kbd, q, s, samp, | |
| 10 | -small, strike, strong, sub, sup, tt, var, | |
| 11 | -b, u, i, center, | |
| 12 | -dl, dt, dd, ol, ul, li, | |
| 13 | -fieldset, form, label, legend, | |
| 14 | -table, caption, tbody, tfoot, thead, tr, th, td, | |
| 15 | -article, aside, canvas, details, embed, | |
| 16 | -figure, figcaption, footer, header, hgroup, | |
| 17 | -menu, nav, output, ruby, section, summary, | |
| 18 | -time, mark, audio, video { | |
| 19 | - margin: 0; | |
| 20 | - padding: 0; | |
| 21 | - border: 0; | |
| 22 | - font-size: 100%; | |
| 23 | - font-family: inherit; | |
| 24 | - vertical-align: baseline; | |
| 25 | -} | |
| 26 | -/* HTML5 display-role reset for older browsers */ | |
| 27 | -article, aside, details, figcaption, figure, | |
| 28 | -footer, header, hgroup, menu, nav, section { | |
| 29 | - display: block; | |
| 30 | -} | |
| 31 | -body { | |
| 32 | - line-height: 1; | |
| 33 | -} | |
| 34 | -ol, ul { | |
| 35 | - list-style: none; | |
| 36 | -} | |
| 37 | -blockquote, q { | |
| 38 | - quotes: none; | |
| 39 | -} | |
| 40 | -blockquote:before, blockquote:after, | |
| 41 | -q:before, q:after { | |
| 42 | - content: ''; | |
| 43 | - content: none; | |
| 44 | -} | |
| 45 | -table { | |
| 46 | - border-collapse: collapse; | |
| 47 | - border-spacing: 0; | |
| 48 | -} | |
| 49 | - | |
| 50 | -/* | |
| 51 | -Ministério do Planejamento, Orçamento e Gestão | |
| 52 | -Departamento de Governo Eletrônico | |
| 53 | -www.governoeletronico.gov.br | |
| 54 | -Autor: Thiago Augusto dos Santos Silva - thiago.silva@planejamento.gov.br | |
| 55 | -*/ | |
| 56 | - | |
| 57 | -/* ##### Definição da estrutura -------------------------------------------- */ | |
| 58 | - | |
| 59 | -html {height: 100%; font-size:62.5%;} | |
| 60 | -body {height: 100%; font: normal 1.1em sans-serif; color: white; background: #000} | |
| 61 | -#wrap {min-height: 100%; margin: 0 auto; background: #000; width: 960px;} | |
| 62 | - | |
| 63 | -/* #### Elementos Genéricos ------------------------------------------------ */ | |
| 64 | - | |
| 65 | -a { text-decoration: none; color: #ffcc00;} | |
| 66 | -a:hover { text-decoration: underline } | |
| 67 | - | |
| 68 | -h1 {font-size: 2.2em; font-weight: bold; letter-spacing: -1px; color: #fff;} | |
| 69 | -h2 {font-size: 2.2em; font-weight: bold; letter-spacing: -1px; color: #fff;} | |
| 70 | -h3 {font-size: 1.6em; font-weight: bold; color: #000;} | |
| 71 | - | |
| 72 | -p {font-size: 1.1em; padding: 0px 0 8px 0px; line-height: 1.7em} | |
| 73 | - | |
| 74 | -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;} | |
| 75 | - | |
| 76 | -.download {margin: 10px 0 30px 0; text-align: center; padding-left: 5px;} | |
| 77 | -.l-download {background: #000; display: block; width: 180px; border: 1px solid #ffcc00; padding: 10px; box-shadow: -4px 4px 0 #ffcc00; font-weight: bold} | |
| 78 | -.l-download:hover {text-shadow: 0px 0px 5px #666666; text-decoration: none} | |
| 79 | - | |
| 80 | -/* # Barra Brasil ---------------------------------------------------------- */ | |
| 81 | - | |
| 82 | -#barra-brasil { position:relative; overflow:hidden; min-width:1000px; background:#004b82 url(imagens/barra-brasil-v3-bgx.png) center bottom no-repeat;} | |
| 83 | -#barra-brasil .barra {display: block; width: 960px; height:28px; margin: 0 auto; background: url(imagens/barra-brasil-v3-bgx.gif) 0 bottom repeat-x;} | |
| 84 | -#barra-brasil .barra ul {float:right; width: 319px;} | |
| 85 | -#barra-brasil .barra ul li {float: left; padding-left: 25px;} | |
| 86 | -#barra-brasil .ai {background: #004b82 url(imagens/ai.png) no-repeat 0 4px; display: block; width: 161px; height: 28px; text-indent: -10000px} | |
| 87 | -#barra-brasil .brasilgov {background: #004b82 url(imagens/brasil.png) no-repeat 0 4px; display: block; width: 108px; height: 28px; text-indent: -10000px} | |
| 88 | - | |
| 89 | -/* # Barra Auxiliar -------------------------------------------------------- */ | |
| 90 | - | |
| 91 | -#barra-auxiliar {height: 20px; padding: 6px 0px 4px 0; margin-bottom: 40px;} | |
| 92 | - | |
| 93 | -#barra-auxiliar .pular {display: block; float: left; width: 200px; text-align: left;} | |
| 94 | -#barra-auxiliar .ipular {background: url(imagens/pular-c.png) no-repeat 2px 2px; width: 15px; height: 10px; padding-left: 18px} | |
| 95 | - | |
| 96 | -#barra-auxiliar a {color: #ffcc00} | |
| 97 | -#barra-auxiliar .acessibilidade {display: block; float: right; width: 550px; text-align: right;} | |
| 98 | -#barra-auxiliar .acessibilidade ul {list-style: none;} | |
| 99 | -#barra-auxiliar .acessibilidade ul li {display: inline; padding-left: 22px; margin-left: 5px } | |
| 100 | -#barra-auxiliar .iaumentar {background: url(imagens/aumentar-c.png) no-repeat 2px 2px; width: 15px; height: 10px} | |
| 101 | -#barra-auxiliar .inormal {background: url(imagens/normal-c.png) no-repeat 2px 2px; width: 15px; height: 10px} | |
| 102 | -#barra-auxiliar .idiminuir {background: url(imagens/diminuir-c.png) no-repeat 2px 2px; width: 15px; height: 10px} | |
| 103 | -#barra-auxiliar .iautocontraste {background: url(imagens/autocontraste.png) no-repeat 2px 2px; width: 15px; height: 10px} | |
| 104 | - | |
| 105 | -/* # Header ---------------------------------------------------------------- */ | |
| 106 | - | |
| 107 | -#header { padding: 0; height: 100px; margin-bottom: 50px} | |
| 108 | - | |
| 109 | -#header .h-esquerda { display: block; float: left; width: 530px;} | |
| 110 | -#header .h-direita { display: block; float: right; width: 240px;} | |
| 111 | -#header .logo-govbr { background: url("imagens/govbr-epwg.png") no-repeat; display: block; height: 90px; text-indent: -1000em; width: 240px;} | |
| 112 | -#header h1 { padding: 0 0 12px;} | |
| 113 | -#header p { font-size: 1.1em; padding: 0 0 8px 0; line-height: 1.4em} | |
| 114 | - | |
| 115 | -/* # Principal ------------------------------------------------------------- */ | |
| 116 | - | |
| 117 | -#principal { overflow:auto; padding: 10px 0 100px 0; clear: both;} | |
| 118 | - | |
| 119 | -#principal .p-esquerda {display: block; width: 530px; float: left; padding-top: 10px; } | |
| 120 | -#principal .p-direita {display: block; width: 350px; float: right; padding: 10px} | |
| 121 | -#principal .p-esquerda h2 {font-size: 1.8em; background: #ffcc00; color: #000; margin-bottom: 20px; padding: 20px 0 0 3px; letter-spacing: -1px} | |
| 122 | - | |
| 123 | -#principal .p-esquerda pre {background: #000; color: #fff} | |
| 124 | - | |
| 125 | -.p-direita h3 {font-size: 2em; letter-spacing: -1px; padding: 0 0 10px 0; color: #ffcc00;} | |
| 126 | -.p-direita ul {background: #000; padding: 10px 10px 10px 20px; border: 1px solid #ffcc00} | |
| 127 | -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} | |
| 128 | -ul.l-padrao li a, .p-direita ul li a {color: #ffcc00; font-size: 1.1em} | |
| 129 | - | |
| 130 | -.verde {padding: 5px 10px; background: #00500F; float: right; width: 55px; color: #fff} | |
| 131 | -.cinza {padding: 5px 10px; background: #7F7F7F; float: right; width: 55px} | |
| 132 | -.preto {padding: 5px 10px; background: #000000; float: right; width: 55px; color: #fff; border: 1px solid #ffcc00} | |
| 133 | -.azul {padding: 5px 10px; background: #004B82; float: right; width: 55px; color: #fff} | |
| 134 | - | |
| 135 | - | |
| 136 | -/* # Rodapé ---------------------------------------------------------------- */ | |
| 137 | - | |
| 138 | -#footer { | |
| 139 | - position: relative; | |
| 140 | - /* margin-top: -100px; negative value of footer height */ | |
| 141 | - height: 100px; | |
| 142 | - clear:both; | |
| 143 | - background: #000; | |
| 144 | - margin: -100px auto 0 auto; | |
| 145 | - width: 960px; | |
| 146 | -} | |
| 147 | - | |
| 148 | -/*Opera Fix*/ | |
| 149 | -body:before {/* thanks to Maleika (Kohoutec)*/ | |
| 150 | - content:""; | |
| 151 | - height:100%; | |
| 152 | - float:left; | |
| 153 | - width:0; | |
| 154 | - margin-top:-32767px;/* thank you Erik J - negate effect of float*/ | |
| 155 | -} | |
| 156 | - | |
| 157 | -#footer a {text-shadow: 1px 1px 2px #333; text-decoration: none} | |
| 158 | -#footer a:hover {font-size: 1.3em; text-shadow: 1px 1px 2px #333; } | |
| 159 | -.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;} | |
| 160 | -.marca-governo {display: block; width: 300px; height: 62px; background: url(imagens/marca-governo-c.png) no-repeat; float: right; text-indent: -1000em; } | |
| 161 | - | |
| 162 | - | |
| 163 | - | |
| 164 | - | |
| 165 | - | |
| 166 | - | |
| 167 | - | |
| 168 | - | |
| 169 | - | |
| 170 | - |
cinza.css
| ... | ... | @@ -1,160 +0,0 @@ |
| 1 | -/* http://meyerweb.com/eric/tools/css/reset/ | |
| 2 | - v2.0 | 20110126 | |
| 3 | - License: none (public domain) | |
| 4 | -*/ | |
| 5 | - | |
| 6 | - | |
| 7 | -html, body, div, span, applet, object, iframe, | |
| 8 | -h1, h2, h3, h4, h5, h6, p, blockquote, pre, | |
| 9 | -a, abbr, acronym, address, big, cite, code, | |
| 10 | -del, dfn, em, img, ins, kbd, q, s, samp, | |
| 11 | -small, strike, strong, sub, sup, tt, var, | |
| 12 | -b, u, i, center, | |
| 13 | -dl, dt, dd, ol, ul, li, | |
| 14 | -fieldset, form, label, legend, | |
| 15 | -table, caption, tbody, tfoot, thead, tr, th, td, | |
| 16 | -article, aside, canvas, details, embed, | |
| 17 | -figure, figcaption, footer, header, hgroup, | |
| 18 | -menu, nav, output, ruby, section, summary, | |
| 19 | -time, mark, audio, video { | |
| 20 | - margin: 0; | |
| 21 | - padding: 0; | |
| 22 | - border: 0; | |
| 23 | - font-size: 100%; | |
| 24 | - font-family: inherit; | |
| 25 | - vertical-align: baseline; | |
| 26 | -} | |
| 27 | -/* HTML5 display-role reset for older browsers */ | |
| 28 | -article, aside, details, figcaption, figure, | |
| 29 | -footer, header, hgroup, menu, nav, section { | |
| 30 | - display: block; | |
| 31 | -} | |
| 32 | -body { | |
| 33 | - line-height: 1; | |
| 34 | -} | |
| 35 | -ol, ul { | |
| 36 | - list-style: none; | |
| 37 | -} | |
| 38 | -blockquote, q { | |
| 39 | - quotes: none; | |
| 40 | -} | |
| 41 | -blockquote:before, blockquote:after, | |
| 42 | -q:before, q:after { | |
| 43 | - content: ''; | |
| 44 | - content: none; | |
| 45 | -} | |
| 46 | -table { | |
| 47 | - border-collapse: collapse; | |
| 48 | - border-spacing: 0; | |
| 49 | -} | |
| 50 | - | |
| 51 | -/* | |
| 52 | -Ministério do Planejamento, Orçamento e Gestão | |
| 53 | -Departamento de Governo Eletrônico | |
| 54 | -www.governoeletronico.gov.br | |
| 55 | -Autor: Thiago Augusto dos Santos Silva - thiago.silva@planejamento.gov.br | |
| 56 | -*/ | |
| 57 | - | |
| 58 | -/* ##### Definição da estrutura -------------------------------------------- */ | |
| 59 | - | |
| 60 | -html {height: 100%; font-size:62.5%;} | |
| 61 | -body {height: 100%; font: normal 1.1em sans-serif; color: black; background: #fff} | |
| 62 | -#wrap {min-height: 100%; margin: 0 auto; background: #fff; width: 960px;} | |
| 63 | - | |
| 64 | -/* #### Elementos Genéricos ------------------------------------------------ */ | |
| 65 | - | |
| 66 | -a { text-decoration: none; color: #004B82;} | |
| 67 | -a:hover { text-decoration: underline } | |
| 68 | - | |
| 69 | -h1 {font-size: 2.2em; font-weight: bold; letter-spacing: -1px; color: #000;} | |
| 70 | -h2 {font-size: 2.2em; font-weight: bold; letter-spacing: -1px; color: #000;} | |
| 71 | -h3 {font-size: 1.6em; font-weight: bold; color: #000;} | |
| 72 | - | |
| 73 | -p {font-size: 1.1em; padding: 0px 0 8px 0px; line-height: 1.7em} | |
| 74 | - | |
| 75 | -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;} | |
| 76 | - | |
| 77 | -.download {margin: 10px 0 30px 0; text-align: center; padding-left: 5px;} | |
| 78 | -.l-download {background: #ececec; display: block; width: 180px; border: 1px solid #004B82; padding: 10px; box-shadow: -4px 4px 0 #ccc; font-weight: bold} | |
| 79 | -.l-download:hover {text-shadow: 0px 0px 5px #666666; text-decoration: none} | |
| 80 | - | |
| 81 | -/* # Barra Brasil ---------------------------------------------------------- */ | |
| 82 | - | |
| 83 | -#barra-brasil { position:relative; overflow:hidden; min-width:1000px; background:#7F7F7F url(imagens/barra-brasil-v3-bgx.png) center bottom no-repeat;} | |
| 84 | -#barra-brasil .barra {display: block; width: 960px; height:28px; margin: 0 auto; background: url(imagens/barra-brasil-v3-bgx.gif) 0 bottom repeat-x;} | |
| 85 | -#barra-brasil .barra ul {float:right; width: 319px;} | |
| 86 | -#barra-brasil .barra ul li {float: left; padding-left: 25px;} | |
| 87 | -#barra-brasil .ai {background: #7F7F7F url(imagens/ai.png) no-repeat 0 4px; display: block; width: 161px; height: 28px; text-indent: -10000px} | |
| 88 | -#barra-brasil .brasilgov {background: #7F7F7F url(imagens/brasil.png) no-repeat 0 4px; display: block; width: 108px; height: 28px; text-indent: -10000px} | |
| 89 | - | |
| 90 | - | |
| 91 | -/* # Barra Auxiliar -------------------------------------------------------- */ | |
| 92 | - | |
| 93 | -#barra-auxiliar {height: 20px; padding: 6px 0px 4px 0; margin-bottom: 40px;} | |
| 94 | -#barra-auxiliar .pular {display: block; float: left; width: 200px; text-align: left;} | |
| 95 | -#barra-auxiliar .ipular {background: url(imagens/pular.png) no-repeat 2px 2px; width: 15px; height: 10px; padding-left: 18px} | |
| 96 | -#barra-auxiliar a {color: black} | |
| 97 | -#barra-auxiliar .acessibilidade {display: block; float: right; width: 550px; text-align: right;} | |
| 98 | -#barra-auxiliar .acessibilidade ul {list-style: none;} | |
| 99 | -#barra-auxiliar .acessibilidade ul li {display: inline; padding-left: 22px; margin-left: 5px } | |
| 100 | -#barra-auxiliar .iaumentar {background: url(imagens/aumentar.png) no-repeat 2px 2px; width: 15px; height: 10px} | |
| 101 | -#barra-auxiliar .inormal {background: url(imagens/normal.png) no-repeat 2px 2px; width: 15px; height: 10px} | |
| 102 | -#barra-auxiliar .idiminuir {background: url(imagens/diminuir.png) no-repeat 2px 2px; width: 15px; height: 10px} | |
| 103 | -#barra-auxiliar .iautocontraste {background: url(imagens/autocontraste.png) no-repeat 2px 2px; width: 15px; height: 10px} | |
| 104 | - | |
| 105 | -/* # Header ---------------------------------------------------------------- */ | |
| 106 | - | |
| 107 | -#header { padding: 0; height: 100px; margin-bottom: 50px} | |
| 108 | - | |
| 109 | -#header .h-esquerda { display: block; float: left; width: 530px;} | |
| 110 | -#header .h-direita { display: block; float: right; width: 240px;} | |
| 111 | -#header .logo-govbr { background: url("imagens/govbr-epwg.png") no-repeat; display: block; height: 90px; text-indent: -1000em; width: 240px;} | |
| 112 | -#header h1 { padding: 0 0 12px; text-shadow: -2px 2px 1px #CCCCCC;} | |
| 113 | -#header p { font-size: 1.1em; padding: 0 0 8px 0; line-height: 1.4em} | |
| 114 | - | |
| 115 | -/* # Principal ------------------------------------------------------------- */ | |
| 116 | - | |
| 117 | -#principal { overflow:auto; padding: 10px 0 100px 0; clear: both;} | |
| 118 | - | |
| 119 | - | |
| 120 | -#principal .p-esquerda {display: block; width: 530px; float: left; padding-top: 10px;} | |
| 121 | -#principal .p-esquerda h2 {font-size: 1.8em; background: #004B82; color: #FFFFFF; margin-bottom: 20px; padding: 20px 0 0 3px; letter-spacing: -1px} | |
| 122 | - | |
| 123 | -#principal .p-direita {display: block; width: 350px; float: right; padding: 10px} | |
| 124 | -.p-direita h3 {font-size: 2em; letter-spacing: -1px; padding: 0 0 10px 0; color: #004b82; text-shadow: -1px 2px 0px #ccc} | |
| 125 | -.p-direita ul {background: #ececec; padding: 10px 0 10px 20px; box-shadow: -6px 6px 0 #ccc;} | |
| 126 | -ul.l-padrao li, .p-direita ul li { padding: 10px 10px 10px 20px; background: url(imagens/marcador.png) no-repeat 0 14px; color: #000} | |
| 127 | -ul.l-padrao li a, .p-direita ul li a {color: #004B82; font-size: 1.1em} | |
| 128 | - | |
| 129 | -.verde {padding: 5px 10px; background: #00500F; float: right; width: 55px; color: #fff} | |
| 130 | -.cinza {padding: 5px 10px; background: #7F7F7F; float: right; width: 55px} | |
| 131 | -.preto {padding: 5px 10px; background: #000000; float: right; width: 55px; color: #fff} | |
| 132 | -.azul {padding: 5px 10px; background: #004B82; float: right; width: 55px; color: #fff} | |
| 133 | - | |
| 134 | -.hexa {display: none} | |
| 135 | - | |
| 136 | -/* # Rodapé ---------------------------------------------------------------- */ | |
| 137 | - | |
| 138 | -#footer { | |
| 139 | - position: relative; | |
| 140 | - /* margin-top: -100px; negative value of footer height */ | |
| 141 | - height: 100px; | |
| 142 | - clear:both; | |
| 143 | - background: #fff; | |
| 144 | - margin: -100px auto 0 auto; | |
| 145 | - width: 960px; | |
| 146 | -} | |
| 147 | - | |
| 148 | -/*Opera Fix*/ | |
| 149 | -body:before {/* thanks to Maleika (Kohoutec)*/ | |
| 150 | - content:""; | |
| 151 | - height:100%; | |
| 152 | - float:left; | |
| 153 | - width:0; | |
| 154 | - margin-top:-32767px;/* thank you Erik J - negate effect of float*/ | |
| 155 | -} | |
| 156 | - | |
| 157 | -#footer a {text-shadow: 1px 1px 2px #333; text-decoration: none} | |
| 158 | -#footer a:hover {font-size: 1.3em; text-shadow: 1px 1px 2px #333; } | |
| 159 | -.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;} | |
| 160 | -.marca-governo {display: block; width: 300px; height: 62px; background: url(imagens/marca-governo.png) no-repeat; float: right; text-indent: -1000em; } |
imagens.zip
No preview for this file type
imagens/ai.png
5.58 KB
imagens/aumentar-c.png
439 Bytes
imagens/aumentar.png
408 Bytes
imagens/autocontraste-c.png
342 Bytes
imagens/autocontraste.png
322 Bytes
imagens/barra-brasil-v3-bgx.gif
43 Bytes
imagens/barra-brasil-v3-bgx.png
183 Bytes
imagens/brasil.png
5.6 KB
imagens/diminuir-c.png
367 Bytes
imagens/diminuir.png
348 Bytes
imagens/favicon.ico
No preview for this file type
imagens/govbr-epwg.png
7.54 KB
imagens/marca-governo-c.png
11.5 KB
imagens/marca-governo.png
11.8 KB
imagens/marcador-c.png
207 Bytes
imagens/marcador.png
212 Bytes
imagens/normal-c.png
359 Bytes
imagens/normal.png
339 Bytes
imagens/pular-c.png
245 Bytes
imagens/pular.png
257 Bytes
imagens/twitter.png
1.17 KB
js/effects.js
| ... | ... | @@ -1,30 +0,0 @@ |
| 1 | -// desenvolvido por Bernard De Luna - www.bernarddeluna.com / @bernarddeluna | |
| 2 | -$(document).ready(function() { | |
| 3 | - | |
| 4 | - // aumentando a fonte | |
| 5 | - $(".aumentar").click(function () { | |
| 6 | - var size = $("#principal").css('font-size'); | |
| 7 | - | |
| 8 | - size = size.replace('px', ''); | |
| 9 | - size = parseInt(size) + 1.4; | |
| 10 | - | |
| 11 | - $("#principal").animate({'font-size' : size + 'px'}); | |
| 12 | - }); | |
| 13 | - | |
| 14 | - //diminuindo a fonte | |
| 15 | - $(".diminuir").click(function () { | |
| 16 | - var size = $("#principal").css('font-size'); | |
| 17 | - | |
| 18 | - size = size.replace('px', ''); | |
| 19 | - size = parseInt(size) - 1.4; | |
| 20 | - | |
| 21 | - $("#principal").animate({'font-size' : size + 'px'}); | |
| 22 | - }); | |
| 23 | - | |
| 24 | - // resetando a fonte | |
| 25 | - $(".normal").click(function () { | |
| 26 | - $("#principal").animate({'font-size' : '11px'}); | |
| 27 | - }); | |
| 28 | - | |
| 29 | - | |
| 30 | -}); |
preto.css
| ... | ... | @@ -1,160 +0,0 @@ |
| 1 | -/* http://meyerweb.com/eric/tools/css/reset/ | |
| 2 | - v2.0 | 20110126 | |
| 3 | - License: none (public domain) | |
| 4 | -*/ | |
| 5 | - | |
| 6 | - | |
| 7 | -html, body, div, span, applet, object, iframe, | |
| 8 | -h1, h2, h3, h4, h5, h6, p, blockquote, pre, | |
| 9 | -a, abbr, acronym, address, big, cite, code, | |
| 10 | -del, dfn, em, img, ins, kbd, q, s, samp, | |
| 11 | -small, strike, strong, sub, sup, tt, var, | |
| 12 | -b, u, i, center, | |
| 13 | -dl, dt, dd, ol, ul, li, | |
| 14 | -fieldset, form, label, legend, | |
| 15 | -table, caption, tbody, tfoot, thead, tr, th, td, | |
| 16 | -article, aside, canvas, details, embed, | |
| 17 | -figure, figcaption, footer, header, hgroup, | |
| 18 | -menu, nav, output, ruby, section, summary, | |
| 19 | -time, mark, audio, video { | |
| 20 | - margin: 0; | |
| 21 | - padding: 0; | |
| 22 | - border: 0; | |
| 23 | - font-size: 100%; | |
| 24 | - font-family: inherit; | |
| 25 | - vertical-align: baseline; | |
| 26 | -} | |
| 27 | -/* HTML5 display-role reset for older browsers */ | |
| 28 | -article, aside, details, figcaption, figure, | |
| 29 | -footer, header, hgroup, menu, nav, section { | |
| 30 | - display: block; | |
| 31 | -} | |
| 32 | -body { | |
| 33 | - line-height: 1; | |
| 34 | -} | |
| 35 | -ol, ul { | |
| 36 | - list-style: none; | |
| 37 | -} | |
| 38 | -blockquote, q { | |
| 39 | - quotes: none; | |
| 40 | -} | |
| 41 | -blockquote:before, blockquote:after, | |
| 42 | -q:before, q:after { | |
| 43 | - content: ''; | |
| 44 | - content: none; | |
| 45 | -} | |
| 46 | -table { | |
| 47 | - border-collapse: collapse; | |
| 48 | - border-spacing: 0; | |
| 49 | -} | |
| 50 | - | |
| 51 | -/* | |
| 52 | -Ministério do Planejamento, Orçamento e Gestão | |
| 53 | -Departamento de Governo Eletrônico | |
| 54 | -www.governoeletronico.gov.br | |
| 55 | -Autor: Thiago Augusto dos Santos Silva - thiago.silva@planejamento.gov.br | |
| 56 | -*/ | |
| 57 | - | |
| 58 | -/* ##### Definição da estrutura -------------------------------------------- */ | |
| 59 | - | |
| 60 | -html {height: 100%; font-size:62.5%;} | |
| 61 | -body {height: 100%; font: normal 1.1em sans-serif; color: black; background: #fff} | |
| 62 | -#wrap {min-height: 100%; margin: 0 auto; background: #fff; width: 960px;} | |
| 63 | - | |
| 64 | -/* #### Elementos Genéricos ------------------------------------------------ */ | |
| 65 | - | |
| 66 | -a { text-decoration: none; color: #004B82;} | |
| 67 | -a:hover { text-decoration: underline } | |
| 68 | - | |
| 69 | -h1 {font-size: 2.2em; font-weight: bold; letter-spacing: -1px; color: #000;} | |
| 70 | -h2 {font-size: 2.2em; font-weight: bold; letter-spacing: -1px; color: #000;} | |
| 71 | -h3 {font-size: 1.6em; font-weight: bold; color: #000;} | |
| 72 | - | |
| 73 | -p {font-size: 1.1em; padding: 0px 0 8px 0px; line-height: 1.7em} | |
| 74 | - | |
| 75 | -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;} | |
| 76 | - | |
| 77 | -.download {margin: 10px 0 30px 0; text-align: center; padding-left: 5px;} | |
| 78 | -.l-download {background: #ececec; display: block; width: 180px; border: 1px solid #004B82; padding: 10px; box-shadow: -4px 4px 0 #ccc; font-weight: bold} | |
| 79 | -.l-download:hover {text-shadow: 0px 0px 5px #666666; text-decoration: none} | |
| 80 | - | |
| 81 | -/* # Barra Brasil ---------------------------------------------------------- */ | |
| 82 | - | |
| 83 | -#barra-brasil { position:relative; overflow:hidden; min-width:1000px; background:#000000 url(imagens/barra-brasil-v3-bgx.png) center bottom no-repeat;} | |
| 84 | -#barra-brasil .barra {display: block; width: 960px; height:28px; margin: 0 auto; background: url(imagens/barra-brasil-v3-bgx.gif) 0 bottom repeat-x;} | |
| 85 | -#barra-brasil .barra ul {float:right; width: 319px;} | |
| 86 | -#barra-brasil .barra ul li {float: left; padding-left: 25px;} | |
| 87 | -#barra-brasil .ai {background: #000000 url(imagens/ai.png) no-repeat 0 4px; display: block; width: 161px; height: 28px; text-indent: -10000px} | |
| 88 | -#barra-brasil .brasilgov {background: #000000 url(imagens/brasil.png) no-repeat 0 4px; display: block; width: 108px; height: 28px; text-indent: -10000px} | |
| 89 | - | |
| 90 | - | |
| 91 | -/* # Barra Auxiliar -------------------------------------------------------- */ | |
| 92 | - | |
| 93 | -#barra-auxiliar {height: 20px; padding: 6px 0px 4px 0; margin-bottom: 40px;} | |
| 94 | -#barra-auxiliar .pular {display: block; float: left; width: 200px; text-align: left;} | |
| 95 | -#barra-auxiliar .ipular {background: url(imagens/pular.png) no-repeat 2px 2px; width: 15px; height: 10px; padding-left: 18px} | |
| 96 | -#barra-auxiliar a {color: black} | |
| 97 | -#barra-auxiliar .acessibilidade {display: block; float: right; width: 550px; text-align: right;} | |
| 98 | -#barra-auxiliar .acessibilidade ul {list-style: none;} | |
| 99 | -#barra-auxiliar .acessibilidade ul li {display: inline; padding-left: 22px; margin-left: 5px } | |
| 100 | -#barra-auxiliar .iaumentar {background: url(imagens/aumentar.png) no-repeat 2px 2px; width: 15px; height: 10px} | |
| 101 | -#barra-auxiliar .inormal {background: url(imagens/normal.png) no-repeat 2px 2px; width: 15px; height: 10px} | |
| 102 | -#barra-auxiliar .idiminuir {background: url(imagens/diminuir.png) no-repeat 2px 2px; width: 15px; height: 10px} | |
| 103 | -#barra-auxiliar .iautocontraste {background: url(imagens/autocontraste.png) no-repeat 2px 2px; width: 15px; height: 10px} | |
| 104 | - | |
| 105 | -/* # Header ---------------------------------------------------------------- */ | |
| 106 | - | |
| 107 | -#header { padding: 0; height: 100px; margin-bottom: 50px} | |
| 108 | - | |
| 109 | -#header .h-esquerda { display: block; float: left; width: 530px;} | |
| 110 | -#header .h-direita { display: block; float: right; width: 240px;} | |
| 111 | -#header .logo-govbr { background: url("imagens/govbr-epwg.png") no-repeat; display: block; height: 90px; text-indent: -1000em; width: 240px;} | |
| 112 | -#header h1 { padding: 0 0 12px; text-shadow: -2px 2px 1px #CCCCCC;} | |
| 113 | -#header p { font-size: 1.1em; padding: 0 0 8px 0; line-height: 1.4em} | |
| 114 | - | |
| 115 | -/* # Principal ------------------------------------------------------------- */ | |
| 116 | - | |
| 117 | -#principal { overflow:auto; padding: 10px 0 100px 0; clear: both;} | |
| 118 | - | |
| 119 | - | |
| 120 | -#principal .p-esquerda {display: block; width: 530px; float: left; padding-top: 10px;} | |
| 121 | -#principal .p-esquerda h2 {font-size: 1.8em; background: #004B82; color: #FFFFFF; margin-bottom: 20px; padding: 20px 0 0 3px; letter-spacing: -1px} | |
| 122 | - | |
| 123 | -#principal .p-direita {display: block; width: 350px; float: right; padding: 10px} | |
| 124 | -.p-direita h3 {font-size: 2em; letter-spacing: -1px; padding: 0 0 10px 0; color: #004b82; text-shadow: -1px 2px 0px #ccc} | |
| 125 | -.p-direita ul {background: #ececec; padding: 10px 0 10px 20px; box-shadow: -6px 6px 0 #ccc;} | |
| 126 | -ul.l-padrao li, .p-direita ul li { padding: 10px 10px 10px 20px; background: url(imagens/marcador.png) no-repeat 0 14px; color: #000} | |
| 127 | -ul.l-padrao li a, .p-direita ul li a {color: #004B82; font-size: 1.1em} | |
| 128 | - | |
| 129 | -.verde {padding: 5px 10px; background: #00500F; float: right; width: 55px; color: #fff} | |
| 130 | -.cinza {padding: 5px 10px; background: #7F7F7F; float: right; width: 55px} | |
| 131 | -.preto {padding: 5px 10px; background: #000000; float: right; width: 55px; color: #fff} | |
| 132 | -.azul {padding: 5px 10px; background: #004B82; float: right; width: 55px; color: #fff} | |
| 133 | - | |
| 134 | -.hexa {display: none} | |
| 135 | - | |
| 136 | -/* # Rodapé ---------------------------------------------------------------- */ | |
| 137 | - | |
| 138 | -#footer { | |
| 139 | - position: relative; | |
| 140 | - /* margin-top: -100px; negative value of footer height */ | |
| 141 | - height: 100px; | |
| 142 | - clear:both; | |
| 143 | - background: #fff; | |
| 144 | - margin: -100px auto 0 auto; | |
| 145 | - width: 960px; | |
| 146 | -} | |
| 147 | - | |
| 148 | -/*Opera Fix*/ | |
| 149 | -body:before {/* thanks to Maleika (Kohoutec)*/ | |
| 150 | - content:""; | |
| 151 | - height:100%; | |
| 152 | - float:left; | |
| 153 | - width:0; | |
| 154 | - margin-top:-32767px;/* thank you Erik J - negate effect of float*/ | |
| 155 | -} | |
| 156 | - | |
| 157 | -#footer a {text-shadow: 1px 1px 2px #333; text-decoration: none} | |
| 158 | -#footer a:hover {font-size: 1.3em; text-shadow: 1px 1px 2px #333; } | |
| 159 | -.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;} | |
| 160 | -.marca-governo {display: block; width: 300px; height: 62px; background: url(imagens/marca-governo.png) no-repeat; float: right; text-indent: -1000em; } |
style.css
| ... | ... | @@ -1,160 +0,0 @@ |
| 1 | -/* http://meyerweb.com/eric/tools/css/reset/ | |
| 2 | - v2.0 | 20110126 | |
| 3 | - License: none (public domain) | |
| 4 | -*/ | |
| 5 | - | |
| 6 | - | |
| 7 | -html, body, div, span, applet, object, iframe, | |
| 8 | -h1, h2, h3, h4, h5, h6, p, blockquote, pre, | |
| 9 | -a, abbr, acronym, address, big, cite, code, | |
| 10 | -del, dfn, em, img, ins, kbd, q, s, samp, | |
| 11 | -small, strike, strong, sub, sup, tt, var, | |
| 12 | -b, u, i, center, | |
| 13 | -dl, dt, dd, ol, ul, li, | |
| 14 | -fieldset, form, label, legend, | |
| 15 | -table, caption, tbody, tfoot, thead, tr, th, td, | |
| 16 | -article, aside, canvas, details, embed, | |
| 17 | -figure, figcaption, footer, header, hgroup, | |
| 18 | -menu, nav, output, ruby, section, summary, | |
| 19 | -time, mark, audio, video { | |
| 20 | - margin: 0; | |
| 21 | - padding: 0; | |
| 22 | - border: 0; | |
| 23 | - font-size: 100%; | |
| 24 | - font-family: inherit; | |
| 25 | - vertical-align: baseline; | |
| 26 | -} | |
| 27 | -/* HTML5 display-role reset for older browsers */ | |
| 28 | -article, aside, details, figcaption, figure, | |
| 29 | -footer, header, hgroup, menu, nav, section { | |
| 30 | - display: block; | |
| 31 | -} | |
| 32 | -body { | |
| 33 | - line-height: 1; | |
| 34 | -} | |
| 35 | -ol, ul { | |
| 36 | - list-style: none; | |
| 37 | -} | |
| 38 | -blockquote, q { | |
| 39 | - quotes: none; | |
| 40 | -} | |
| 41 | -blockquote:before, blockquote:after, | |
| 42 | -q:before, q:after { | |
| 43 | - content: ''; | |
| 44 | - content: none; | |
| 45 | -} | |
| 46 | -table { | |
| 47 | - border-collapse: collapse; | |
| 48 | - border-spacing: 0; | |
| 49 | -} | |
| 50 | - | |
| 51 | -/* | |
| 52 | -Ministério do Planejamento, Orçamento e Gestão | |
| 53 | -Departamento de Governo Eletrônico | |
| 54 | -www.governoeletronico.gov.br | |
| 55 | -Autor: Thiago Augusto dos Santos Silva - thiago.silva@planejamento.gov.br | |
| 56 | -*/ | |
| 57 | - | |
| 58 | -/* ##### Definição da estrutura -------------------------------------------- */ | |
| 59 | - | |
| 60 | -html {height: 100%; font-size:62.5%;} | |
| 61 | -body {height: 100%; font: normal 1.1em sans-serif; color: black; background: #fff} | |
| 62 | -#wrap {min-height: 100%; margin: 0 auto; background: #fff; width: 960px;} | |
| 63 | - | |
| 64 | -/* #### Elementos Genéricos ------------------------------------------------ */ | |
| 65 | - | |
| 66 | -a { text-decoration: none; color: #004B82;} | |
| 67 | -a:hover { text-decoration: underline } | |
| 68 | - | |
| 69 | -h1 {font-size: 2.2em; font-weight: bold; letter-spacing: -1px; color: #000;} | |
| 70 | -h2 {font-size: 2.2em; font-weight: bold; letter-spacing: -1px; color: #000;} | |
| 71 | -h3 {font-size: 1.6em; font-weight: bold; color: #000;} | |
| 72 | - | |
| 73 | -p {font-size: 1.1em; padding: 0px 0 8px 0px; line-height: 1.7em} | |
| 74 | - | |
| 75 | -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;} | |
| 76 | - | |
| 77 | -.download {margin: 10px 0 30px 0; text-align: center; padding-left: 5px;} | |
| 78 | -.l-download {background: #ececec; display: block; width: 180px; border: 1px solid #004B82; padding: 10px; box-shadow: -4px 4px 0 #ccc; font-weight: bold} | |
| 79 | -.l-download:hover {text-shadow: 0px 0px 5px #666666; text-decoration: none} | |
| 80 | - | |
| 81 | -/* # Barra Brasil ---------------------------------------------------------- */ | |
| 82 | - | |
| 83 | -#barra-brasil { position:relative; overflow:hidden; min-width:1000px; background:#004b82 url(imagens/barra-brasil-v3-bgx.png) center bottom no-repeat;} | |
| 84 | -#barra-brasil .barra {display: block; width: 960px; height:28px; margin: 0 auto; background: url(imagens/barra-brasil-v3-bgx.gif) 0 bottom repeat-x;} | |
| 85 | -#barra-brasil .barra ul {float:right; width: 319px;} | |
| 86 | -#barra-brasil .barra ul li {float: left; padding-left: 25px;} | |
| 87 | -#barra-brasil .ai {background: #004b82 url(imagens/ai.png) no-repeat 0 4px; display: block; width: 161px; height: 28px; text-indent: -10000px} | |
| 88 | -#barra-brasil .brasilgov {background: #004b82 url(imagens/brasil.png) no-repeat 0 4px; display: block; width: 108px; height: 28px; text-indent: -10000px} | |
| 89 | - | |
| 90 | - | |
| 91 | -/* # Barra Auxiliar -------------------------------------------------------- */ | |
| 92 | - | |
| 93 | -#barra-auxiliar {height: 20px; padding: 6px 0px 4px 0; margin-bottom: 40px;} | |
| 94 | -#barra-auxiliar .pular {display: block; float: left; width: 200px; text-align: left;} | |
| 95 | -#barra-auxiliar .ipular {background: url(imagens/pular.png) no-repeat 2px 2px; width: 15px; height: 10px; padding-left: 18px} | |
| 96 | -#barra-auxiliar a {color: black} | |
| 97 | -#barra-auxiliar .acessibilidade {display: block; float: right; width: 550px; text-align: right;} | |
| 98 | -#barra-auxiliar .acessibilidade ul {list-style: none;} | |
| 99 | -#barra-auxiliar .acessibilidade ul li {display: inline; padding-left: 22px; margin-left: 5px } | |
| 100 | -#barra-auxiliar .iaumentar {background: url(imagens/aumentar.png) no-repeat 2px 2px; width: 15px; height: 10px} | |
| 101 | -#barra-auxiliar .inormal {background: url(imagens/normal.png) no-repeat 2px 2px; width: 15px; height: 10px} | |
| 102 | -#barra-auxiliar .idiminuir {background: url(imagens/diminuir.png) no-repeat 2px 2px; width: 15px; height: 10px} | |
| 103 | -#barra-auxiliar .iautocontraste {background: url(imagens/autocontraste.png) no-repeat 2px 2px; width: 15px; height: 10px} | |
| 104 | - | |
| 105 | -/* # Header ---------------------------------------------------------------- */ | |
| 106 | - | |
| 107 | -#header { padding: 0; height: 100px; margin-bottom: 50px} | |
| 108 | - | |
| 109 | -#header .h-esquerda { display: block; float: left; width: 530px;} | |
| 110 | -#header .h-direita { display: block; float: right; width: 240px;} | |
| 111 | -#header .logo-govbr { background: url("imagens/govbr-epwg.png") no-repeat; display: block; height: 90px; text-indent: -1000em; width: 240px;} | |
| 112 | -#header h1 { padding: 0 0 12px; text-shadow: -2px 2px 1px #CCCCCC;} | |
| 113 | -#header p { font-size: 1.1em; padding: 0 0 8px 0; line-height: 1.4em} | |
| 114 | - | |
| 115 | -/* # Principal ------------------------------------------------------------- */ | |
| 116 | - | |
| 117 | -#principal { overflow:auto; padding: 10px 0 100px 0; clear: both;} | |
| 118 | - | |
| 119 | - | |
| 120 | -#principal .p-esquerda {display: block; width: 530px; float: left; padding-top: 10px;} | |
| 121 | -#principal .p-esquerda h2 {font-size: 1.8em; background: #004B82; color: #FFFFFF; margin-bottom: 20px; padding: 20px 0 0 3px; letter-spacing: -1px} | |
| 122 | - | |
| 123 | -#principal .p-direita {display: block; width: 350px; float: right; padding: 10px} | |
| 124 | -.p-direita h3 {font-size: 2em; letter-spacing: -1px; padding: 0 0 10px 0; color: #004b82; text-shadow: -1px 2px 0px #ccc} | |
| 125 | -.p-direita ul {background: #ececec; padding: 10px 0 10px 20px; box-shadow: -6px 6px 0 #ccc;} | |
| 126 | -ul.l-padrao li, .p-direita ul li { padding: 10px 10px 10px 20px; background: url(imagens/marcador.png) no-repeat 0 14px; color: #000} | |
| 127 | -ul.l-padrao li a, .p-direita ul li a {color: #004B82; font-size: 1.1em} | |
| 128 | - | |
| 129 | -.verde {padding: 5px 10px; background: #00500F; float: right; width: 55px; color: #fff} | |
| 130 | -.cinza {padding: 5px 10px; background: #7F7F7F; float: right; width: 55px} | |
| 131 | -.preto {padding: 5px 10px; background: #000000; float: right; width: 55px; color: #fff} | |
| 132 | -.azul {padding: 5px 10px; background: #004B82; float: right; width: 55px; color: #fff} | |
| 133 | - | |
| 134 | -.hexa {display: none} | |
| 135 | - | |
| 136 | -/* # Rodapé ---------------------------------------------------------------- */ | |
| 137 | - | |
| 138 | -#footer { | |
| 139 | - position: relative; | |
| 140 | - /* margin-top: -100px; negative value of footer height */ | |
| 141 | - height: 100px; | |
| 142 | - clear:both; | |
| 143 | - background: #fff; | |
| 144 | - margin: -100px auto 0 auto; | |
| 145 | - width: 960px; | |
| 146 | -} | |
| 147 | - | |
| 148 | -/*Opera Fix*/ | |
| 149 | -body:before {/* thanks to Maleika (Kohoutec)*/ | |
| 150 | - content:""; | |
| 151 | - height:100%; | |
| 152 | - float:left; | |
| 153 | - width:0; | |
| 154 | - margin-top:-32767px;/* thank you Erik J - negate effect of float*/ | |
| 155 | -} | |
| 156 | - | |
| 157 | -#footer a {text-shadow: 1px 1px 2px #333; text-decoration: none} | |
| 158 | -#footer a:hover {font-size: 1.3em; text-shadow: 1px 1px 2px #333; } | |
| 159 | -.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;} | |
| 160 | -.marca-governo {display: block; width: 300px; height: 62px; background: url(imagens/marca-governo.png) no-repeat; float: right; text-indent: -1000em; } |
verde.css
| ... | ... | @@ -1,160 +0,0 @@ |
| 1 | -/* http://meyerweb.com/eric/tools/css/reset/ | |
| 2 | - v2.0 | 20110126 | |
| 3 | - License: none (public domain) | |
| 4 | -*/ | |
| 5 | - | |
| 6 | - | |
| 7 | -html, body, div, span, applet, object, iframe, | |
| 8 | -h1, h2, h3, h4, h5, h6, p, blockquote, pre, | |
| 9 | -a, abbr, acronym, address, big, cite, code, | |
| 10 | -del, dfn, em, img, ins, kbd, q, s, samp, | |
| 11 | -small, strike, strong, sub, sup, tt, var, | |
| 12 | -b, u, i, center, | |
| 13 | -dl, dt, dd, ol, ul, li, | |
| 14 | -fieldset, form, label, legend, | |
| 15 | -table, caption, tbody, tfoot, thead, tr, th, td, | |
| 16 | -article, aside, canvas, details, embed, | |
| 17 | -figure, figcaption, footer, header, hgroup, | |
| 18 | -menu, nav, output, ruby, section, summary, | |
| 19 | -time, mark, audio, video { | |
| 20 | - margin: 0; | |
| 21 | - padding: 0; | |
| 22 | - border: 0; | |
| 23 | - font-size: 100%; | |
| 24 | - font-family: inherit; | |
| 25 | - vertical-align: baseline; | |
| 26 | -} | |
| 27 | -/* HTML5 display-role reset for older browsers */ | |
| 28 | -article, aside, details, figcaption, figure, | |
| 29 | -footer, header, hgroup, menu, nav, section { | |
| 30 | - display: block; | |
| 31 | -} | |
| 32 | -body { | |
| 33 | - line-height: 1; | |
| 34 | -} | |
| 35 | -ol, ul { | |
| 36 | - list-style: none; | |
| 37 | -} | |
| 38 | -blockquote, q { | |
| 39 | - quotes: none; | |
| 40 | -} | |
| 41 | -blockquote:before, blockquote:after, | |
| 42 | -q:before, q:after { | |
| 43 | - content: ''; | |
| 44 | - content: none; | |
| 45 | -} | |
| 46 | -table { | |
| 47 | - border-collapse: collapse; | |
| 48 | - border-spacing: 0; | |
| 49 | -} | |
| 50 | - | |
| 51 | -/* | |
| 52 | -Ministério do Planejamento, Orçamento e Gestão | |
| 53 | -Departamento de Governo Eletrônico | |
| 54 | -www.governoeletronico.gov.br | |
| 55 | -Autor: Thiago Augusto dos Santos Silva - thiago.silva@planejamento.gov.br | |
| 56 | -*/ | |
| 57 | - | |
| 58 | -/* ##### Definição da estrutura -------------------------------------------- */ | |
| 59 | - | |
| 60 | -html {height: 100%; font-size:62.5%;} | |
| 61 | -body {height: 100%; font: normal 1.1em sans-serif; color: black; background: #fff} | |
| 62 | -#wrap {min-height: 100%; margin: 0 auto; background: #fff; width: 960px;} | |
| 63 | - | |
| 64 | -/* #### Elementos Genéricos ------------------------------------------------ */ | |
| 65 | - | |
| 66 | -a { text-decoration: none; color: #004B82;} | |
| 67 | -a:hover { text-decoration: underline } | |
| 68 | - | |
| 69 | -h1 {font-size: 2.2em; font-weight: bold; letter-spacing: -1px; color: #000;} | |
| 70 | -h2 {font-size: 2.2em; font-weight: bold; letter-spacing: -1px; color: #000;} | |
| 71 | -h3 {font-size: 1.6em; font-weight: bold; color: #000;} | |
| 72 | - | |
| 73 | -p {font-size: 1.1em; padding: 0px 0 8px 0px; line-height: 1.7em} | |
| 74 | - | |
| 75 | -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;} | |
| 76 | - | |
| 77 | -.download {margin: 10px 0 30px 0; text-align: center; padding-left: 5px;} | |
| 78 | -.l-download {background: #ececec; display: block; width: 180px; border: 1px solid #004B82; padding: 10px; box-shadow: -4px 4px 0 #ccc; font-weight: bold} | |
| 79 | -.l-download:hover {text-shadow: 0px 0px 5px #666666; text-decoration: none} | |
| 80 | - | |
| 81 | -/* # Barra Brasil ---------------------------------------------------------- */ | |
| 82 | - | |
| 83 | -#barra-brasil { position:relative; overflow:hidden; min-width:1000px; background: #00500F url(imagens/barra-brasil-v3-bgx.png) center bottom no-repeat;} | |
| 84 | -#barra-brasil .barra {display: block; width: 960px; height:28px; margin: 0 auto; background: url(imagens/barra-brasil-v3-bgx.gif) 0 bottom repeat-x;} | |
| 85 | -#barra-brasil .barra ul {float:right; width: 319px;} | |
| 86 | -#barra-brasil .barra ul li {float: left; padding-left: 25px;} | |
| 87 | -#barra-brasil .ai {background: #00500F url(imagens/ai.png) no-repeat 0 4px; display: block; width: 161px; height: 28px; text-indent: -10000px} | |
| 88 | -#barra-brasil .brasilgov {background: #00500F url(imagens/brasil.png) no-repeat 0 4px; display: block; width: 108px; height: 28px; text-indent: -10000px} | |
| 89 | - | |
| 90 | - | |
| 91 | -/* # Barra Auxiliar -------------------------------------------------------- */ | |
| 92 | - | |
| 93 | -#barra-auxiliar {height: 20px; padding: 6px 0px 4px 0; margin-bottom: 40px;} | |
| 94 | -#barra-auxiliar .pular {display: block; float: left; width: 200px; text-align: left;} | |
| 95 | -#barra-auxiliar .ipular {background: url(imagens/pular.png) no-repeat 2px 2px; width: 15px; height: 10px; padding-left: 18px} | |
| 96 | -#barra-auxiliar a {color: black} | |
| 97 | -#barra-auxiliar .acessibilidade {display: block; float: right; width: 550px; text-align: right;} | |
| 98 | -#barra-auxiliar .acessibilidade ul {list-style: none;} | |
| 99 | -#barra-auxiliar .acessibilidade ul li {display: inline; padding-left: 22px; margin-left: 5px } | |
| 100 | -#barra-auxiliar .iaumentar {background: url(imagens/aumentar.png) no-repeat 2px 2px; width: 15px; height: 10px} | |
| 101 | -#barra-auxiliar .inormal {background: url(imagens/normal.png) no-repeat 2px 2px; width: 15px; height: 10px} | |
| 102 | -#barra-auxiliar .idiminuir {background: url(imagens/diminuir.png) no-repeat 2px 2px; width: 15px; height: 10px} | |
| 103 | -#barra-auxiliar .iautocontraste {background: url(imagens/autocontraste.png) no-repeat 2px 2px; width: 15px; height: 10px} | |
| 104 | - | |
| 105 | -/* # Header ---------------------------------------------------------------- */ | |
| 106 | - | |
| 107 | -#header { padding: 0; height: 100px; margin-bottom: 50px} | |
| 108 | - | |
| 109 | -#header .h-esquerda { display: block; float: left; width: 530px;} | |
| 110 | -#header .h-direita { display: block; float: right; width: 240px;} | |
| 111 | -#header .logo-govbr { background: url("imagens/govbr-epwg.png") no-repeat; display: block; height: 90px; text-indent: -1000em; width: 240px;} | |
| 112 | -#header h1 { padding: 0 0 12px; text-shadow: -2px 2px 1px #CCCCCC;} | |
| 113 | -#header p { font-size: 1.1em; padding: 0 0 8px 0; line-height: 1.4em} | |
| 114 | - | |
| 115 | -/* # Principal ------------------------------------------------------------- */ | |
| 116 | - | |
| 117 | -#principal { overflow:auto; padding: 10px 0 100px 0; clear: both;} | |
| 118 | - | |
| 119 | - | |
| 120 | -#principal .p-esquerda {display: block; width: 530px; float: left; padding-top: 10px;} | |
| 121 | -#principal .p-esquerda h2 {font-size: 1.8em; background: #004B82; color: #FFFFFF; margin-bottom: 20px; padding: 20px 0 0 3px; letter-spacing: -1px} | |
| 122 | - | |
| 123 | -#principal .p-direita {display: block; width: 350px; float: right; padding: 10px} | |
| 124 | -.p-direita h3 {font-size: 2em; letter-spacing: -1px; padding: 0 0 10px 0; color: #004b82; text-shadow: -1px 2px 0px #ccc} | |
| 125 | -.p-direita ul {background: #ececec; padding: 10px 0 10px 20px; box-shadow: -6px 6px 0 #ccc;} | |
| 126 | -ul.l-padrao li, .p-direita ul li { padding: 10px 10px 10px 20px; background: url(imagens/marcador.png) no-repeat 0 14px; color: #000} | |
| 127 | -ul.l-padrao li a, .p-direita ul li a {color: #004B82; font-size: 1.1em} | |
| 128 | - | |
| 129 | -.verde {padding: 5px 10px; background: #00500F; float: right; width: 55px; color: #fff} | |
| 130 | -.cinza {padding: 5px 10px; background: #7F7F7F; float: right; width: 55px} | |
| 131 | -.preto {padding: 5px 10px; background: #000000; float: right; width: 55px; color: #fff} | |
| 132 | -.azul {padding: 5px 10px; background: #004B82; float: right; width: 55px; color: #fff} | |
| 133 | - | |
| 134 | -.hexa {display: none} | |
| 135 | - | |
| 136 | -/* # Rodapé ---------------------------------------------------------------- */ | |
| 137 | - | |
| 138 | -#footer { | |
| 139 | - position: relative; | |
| 140 | - /* margin-top: -100px; negative value of footer height */ | |
| 141 | - height: 100px; | |
| 142 | - clear:both; | |
| 143 | - background: #fff; | |
| 144 | - margin: -100px auto 0 auto; | |
| 145 | - width: 960px; | |
| 146 | -} | |
| 147 | - | |
| 148 | -/*Opera Fix*/ | |
| 149 | -body:before {/* thanks to Maleika (Kohoutec)*/ | |
| 150 | - content:""; | |
| 151 | - height:100%; | |
| 152 | - float:left; | |
| 153 | - width:0; | |
| 154 | - margin-top:-32767px;/* thank you Erik J - negate effect of float*/ | |
| 155 | -} | |
| 156 | - | |
| 157 | -#footer a {text-shadow: 1px 1px 2px #333; text-decoration: none} | |
| 158 | -#footer a:hover {font-size: 1.3em; text-shadow: 1px 1px 2px #333; } | |
| 159 | -.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;} | |
| 160 | -.marca-governo {display: block; width: 300px; height: 62px; background: url(imagens/marca-governo.png) no-repeat; float: right; text-indent: -1000em; } |