Commit c2222c6e97b4325ebb6c0dd08bafd951c039c86c
1 parent
83e51818
Exists in
master
and in
12 other branches
Update header and footer colors
Showing
1 changed file
with
101 additions
and
117 deletions
Show diff stats
cabecalho-azul-theme.css
| @@ -5,45 +5,29 @@ | @@ -5,45 +5,29 @@ | ||
| 5 | #theme-header{} | 5 | #theme-header{} |
| 6 | 6 | ||
| 7 | #header { | 7 | #header { |
| 8 | - padding: 13px 0 0 0; | ||
| 9 | -background-color: #5677fc;/*(azul-claro)*/ | ||
| 10 | - /* Old browsers */ | ||
| 11 | - background-color: #455ede; /*(azul-escuro)*/ | ||
| 12 | - background-image: -moz-radial-gradient(center, ellipse cover, #5677fc 1%, #455ede 100%); /*(azul-claro)(azul-escuro)*/ | ||
| 13 | - /* FF3.6+ */ | ||
| 14 | - background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#5677fc), color-stop(100%,#455ede)); | ||
| 15 | - /* Chrome,Safari4+ */ | ||
| 16 | - background-image: -webkit-radial-gradient(center, ellipse cover, #5677fc 1%,#455ede 100%); | ||
| 17 | - /* Chrome10+,Safari5.1+ */ | ||
| 18 | - background-image: -o-radial-gradient(center, ellipse cover, #5677fc 1%,#455ede 100%); | ||
| 19 | - /* Opera 12+ */ | ||
| 20 | - background-image: -ms-radial-gradient(center, ellipse cover, #5677fc 1%,#455ede 100%); | ||
| 21 | - /* IE10+ */ | ||
| 22 | - background-image: radial-gradient(ellipse at center, #5677fc 1%,#455ede 100%); | ||
| 23 | - /* W3C */ | ||
| 24 | -/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5677fc', endColorstr='#455ede',GradientType=1 );*/ | ||
| 25 | - /* IE6-9 fallback on horizontal gradient */ | ||
| 26 | - color: #fff; | 8 | + padding: 13px 0 0 0;/*(azul-claro)*/ |
| 9 | + color: #fff; | ||
| 10 | + background-color: #1659c0; | ||
| 27 | } | 11 | } |
| 28 | 12 | ||
| 29 | #header>div { | 13 | #header>div { |
| 30 | - max-width: 960px; | ||
| 31 | - margin: 0 auto; | 14 | + max-width: 960px; |
| 15 | + margin: 0 auto; | ||
| 32 | } | 16 | } |
| 33 | 17 | ||
| 34 | .header-content * { | 18 | .header-content * { |
| 35 | - margin: 0; | ||
| 36 | - padding: 0; | ||
| 37 | - list-style: none; | ||
| 38 | - vertical-align: baseline; | 19 | + margin: 0; |
| 20 | + padding: 0; | ||
| 21 | + list-style: none; | ||
| 22 | + vertical-align: baseline; | ||
| 39 | } | 23 | } |
| 40 | .header-content li { display: inline; } | 24 | .header-content li { display: inline; } |
| 41 | 25 | ||
| 42 | #brasilgov { | 26 | #brasilgov { |
| 43 | - background: #00510f; | ||
| 44 | - border-bottom: 1px solid #ffcc00; | ||
| 45 | - padding: 5px 10px; | ||
| 46 | - color: #03316f; | 27 | + background: #00510f; |
| 28 | + border-bottom: 1px solid #ffcc00; | ||
| 29 | + padding: 5px 10px; | ||
| 30 | + color: #03316f; | ||
| 47 | } | 31 | } |
| 48 | 32 | ||
| 49 | #accessibility { | 33 | #accessibility { |
| @@ -55,11 +39,11 @@ background-color: #5677fc;/*(azul-claro)*/ | @@ -55,11 +39,11 @@ background-color: #5677fc;/*(azul-claro)*/ | ||
| 55 | } | 39 | } |
| 56 | 40 | ||
| 57 | #accessibility a { | 41 | #accessibility a { |
| 58 | - color: #FFF; | ||
| 59 | - margin-right: 8px; | 42 | + color: #FFF; |
| 43 | + margin-right: 8px; | ||
| 60 | } | 44 | } |
| 61 | #accessibility a:hover { | 45 | #accessibility a:hover { |
| 62 | - color: #d0d9ff; | 46 | + color: #d0d9ff; |
| 63 | } | 47 | } |
| 64 | 48 | ||
| 65 | #accessibility span { | 49 | #accessibility span { |
| @@ -72,20 +56,20 @@ background-color: #5677fc;/*(azul-claro)*/ | @@ -72,20 +56,20 @@ background-color: #5677fc;/*(azul-claro)*/ | ||
| 72 | 56 | ||
| 73 | /* logo */ | 57 | /* logo */ |
| 74 | #logo { | 58 | #logo { |
| 75 | - padding: 0; | ||
| 76 | - float: left; | ||
| 77 | - width: 70%; | 59 | + padding: 0; |
| 60 | + float: left; | ||
| 61 | + width: 70%; | ||
| 78 | } | 62 | } |
| 79 | 63 | ||
| 80 | #logo span { | 64 | #logo span { |
| 81 | - display: block; | 65 | + display: block; |
| 82 | } | 66 | } |
| 83 | 67 | ||
| 84 | #logo a { | 68 | #logo a { |
| 85 | - display: block; | ||
| 86 | - width: 100%; | ||
| 87 | - color: #03316f !important; | ||
| 88 | - margin: 1em 0px; | 69 | + display: block; |
| 70 | + width: 100%; | ||
| 71 | + color: #03316f !important; | ||
| 72 | + margin: 1em 0px; | ||
| 89 | } | 73 | } |
| 90 | 74 | ||
| 91 | #logo a, #logo #portal-title { | 75 | #logo a, #logo #portal-title { |
| @@ -103,42 +87,42 @@ background-color: #5677fc;/*(azul-claro)*/ | @@ -103,42 +87,42 @@ background-color: #5677fc;/*(azul-claro)*/ | ||
| 103 | } | 87 | } |
| 104 | 88 | ||
| 105 | #logo .luongo { | 89 | #logo .luongo { |
| 106 | - font-size: 3em !important; | ||
| 107 | - line-height: 1.1em; | ||
| 108 | - margin-bottom: 0.2em; | 90 | + font-size: 3em !important; |
| 91 | + line-height: 1.1em; | ||
| 92 | + margin-bottom: 0.2em; | ||
| 109 | } | 93 | } |
| 110 | 94 | ||
| 111 | #logo #portal-description { | 95 | #logo #portal-description { |
| 112 | - font-size: 1.2em; | ||
| 113 | - text-transform: uppercase; | 96 | + font-size: 1.2em; |
| 97 | + text-transform: uppercase; | ||
| 114 | } | 98 | } |
| 115 | 99 | ||
| 116 | /* Site Actions */ | 100 | /* Site Actions */ |
| 117 | #portal-siteactions { | 101 | #portal-siteactions { |
| 118 | - display: block; | ||
| 119 | - float: right; | ||
| 120 | - clear: left; | ||
| 121 | - border-bottom: 1px dotted #d0d9ff; | ||
| 122 | - padding-bottom: 2px; | ||
| 123 | - margin-top: -15px; | ||
| 124 | - font-size: 10px; | ||
| 125 | - text-align: center; | 102 | + display: block; |
| 103 | + float: right; | ||
| 104 | + clear: left; | ||
| 105 | + border-bottom: 1px dotted #d0d9ff; | ||
| 106 | + padding-bottom: 2px; | ||
| 107 | + margin-top: -15px; | ||
| 108 | + font-size: 10px; | ||
| 109 | + text-align: center; | ||
| 126 | } | 110 | } |
| 127 | 111 | ||
| 128 | #portal-siteactions a { | 112 | #portal-siteactions a { |
| 129 | - color: #FFF; | ||
| 130 | - text-decoration: none; | ||
| 131 | - padding: 4px 0 4px 10px; | ||
| 132 | - text-transform: uppercase; | 113 | + color: #FFF; |
| 114 | + text-decoration: none; | ||
| 115 | + padding: 4px 0 4px 10px; | ||
| 116 | + text-transform: uppercase; | ||
| 133 | font-family: 'Open Sans', Arial, Helvetica, sans-serif; | 117 | font-family: 'Open Sans', Arial, Helvetica, sans-serif; |
| 134 | } | 118 | } |
| 135 | 119 | ||
| 136 | #portal-siteactions a:hover { | 120 | #portal-siteactions a:hover { |
| 137 | - color: #03316f; | 121 | + color: #03316f; |
| 138 | } | 122 | } |
| 139 | 123 | ||
| 140 | #portal-siteactions li { | 124 | #portal-siteactions li { |
| 141 | - display: inline; | 125 | + display: inline; |
| 142 | } | 126 | } |
| 143 | 127 | ||
| 144 | #portal-siteactions li a:hover { | 128 | #portal-siteactions li a:hover { |
| @@ -149,22 +133,22 @@ background-color: #5677fc;/*(azul-claro)*/ | @@ -149,22 +133,22 @@ background-color: #5677fc;/*(azul-claro)*/ | ||
| 149 | } | 133 | } |
| 150 | 134 | ||
| 151 | #social-icons { | 135 | #social-icons { |
| 152 | - float: right; | ||
| 153 | - clear: right; | ||
| 154 | - margin: 0px; | 136 | + float: right; |
| 137 | + clear: right; | ||
| 138 | + margin: 0px; | ||
| 155 | } | 139 | } |
| 156 | 140 | ||
| 157 | #social-icons ul { | 141 | #social-icons ul { |
| 158 | - display: table-row; | 142 | + display: table-row; |
| 159 | } | 143 | } |
| 160 | 144 | ||
| 161 | #social-icons li { | 145 | #social-icons li { |
| 162 | - display: table-cell; | 146 | + display: table-cell; |
| 163 | } | 147 | } |
| 164 | 148 | ||
| 165 | #social-icons li a { | 149 | #social-icons li a { |
| 166 | - border: none; | ||
| 167 | - padding: 0 5px; | 150 | + border: none; |
| 151 | + padding: 0 5px; | ||
| 168 | } | 152 | } |
| 169 | 153 | ||
| 170 | #siteaction-accessibility, | 154 | #siteaction-accessibility, |
| @@ -184,70 +168,70 @@ background-color: #5677fc;/*(azul-claro)*/ | @@ -184,70 +168,70 @@ background-color: #5677fc;/*(azul-claro)*/ | ||
| 184 | 168 | ||
| 185 | #theme-header #sobre { | 169 | #theme-header #sobre { |
| 186 | line-height: 20px; | 170 | line-height: 20px; |
| 187 | - font-size: 12px; | 171 | + font-size: 12px; |
| 188 | } | 172 | } |
| 189 | /* */ | 173 | /* */ |
| 190 | 174 | ||
| 191 | /* Sobre o brasil */ | 175 | /* Sobre o brasil */ |
| 192 | #sobre { | 176 | #sobre { |
| 193 | - clear: both; | ||
| 194 | - max-width: 100% !important; | ||
| 195 | - margin: 0; | ||
| 196 | - background: #2a36b1;/*azul-mais-escuro*/ | ||
| 197 | - padding: 5px 0; | 177 | + clear: both; |
| 178 | + max-width: 100% !important; | ||
| 179 | + margin: 0; | ||
| 180 | + background: #0d4094;/*azul-mais-escuro*/ | ||
| 181 | + padding: 5px 0; | ||
| 198 | } | 182 | } |
| 199 | 183 | ||
| 200 | #sobre ul { | 184 | #sobre ul { |
| 201 | - max-width: 960px; | ||
| 202 | - margin: 0 auto; | ||
| 203 | - text-align: right; | 185 | + max-width: 960px; |
| 186 | + margin: 0 auto; | ||
| 187 | + text-align: right; | ||
| 204 | } | 188 | } |
| 205 | 189 | ||
| 206 | #sobre a { | 190 | #sobre a { |
| 207 | - color: #FFF; | 191 | + color: #FFF; |
| 208 | font-family: 'Open Sans', Arial, Helvetica, sans-serif; | 192 | font-family: 'Open Sans', Arial, Helvetica, sans-serif; |
| 209 | } | 193 | } |
| 210 | 194 | ||
| 211 | #sobre .portalservicos-item a { | 195 | #sobre .portalservicos-item a { |
| 212 | - padding: 0 10px; | ||
| 213 | - border-right: 1px solid #03316f; | 196 | + padding: 0 10px; |
| 197 | + border-right: 1px solid #03316f; | ||
| 214 | } | 198 | } |
| 215 | 199 | ||
| 216 | #sobre .last-item a { | 200 | #sobre .last-item a { |
| 217 | - padding: 0 0 0 10px; | ||
| 218 | - border-right: none; | 201 | + padding: 0 0 0 10px; |
| 202 | + border-right: none; | ||
| 219 | } | 203 | } |
| 220 | 204 | ||
| 221 | /* Searchbox */ | 205 | /* Searchbox */ |
| 222 | .LSBox { | 206 | .LSBox { |
| 223 | - margin: 0; | ||
| 224 | - padding: 0; | ||
| 225 | - border: none; | 207 | + margin: 0; |
| 208 | + padding: 0; | ||
| 209 | + border: none; | ||
| 226 | } | 210 | } |
| 227 | 211 | ||
| 228 | input.searchField { | 212 | input.searchField { |
| 229 | - -moz-appearance: none; | 213 | + -moz-appearance: none; |
| 230 | } | 214 | } |
| 231 | 215 | ||
| 232 | #portal-searchbox { | 216 | #portal-searchbox { |
| 233 | - clear: right; | ||
| 234 | - float: right; | ||
| 235 | - font-size: 80%; | ||
| 236 | - margin: 30px 0 14px; | ||
| 237 | - /*margin: 3.12em 0px 3px 0px;*/ | ||
| 238 | - text-align: right; | ||
| 239 | - border-radius: 5px; | ||
| 240 | - -moz-border-radius: 5px; | ||
| 241 | - -webkit-border-radius: 5px; | ||
| 242 | - border: 1px solid #CCCCCC; | ||
| 243 | - background: #fff; | ||
| 244 | - padding: 2px; | 217 | + clear: right; |
| 218 | + float: right; | ||
| 219 | + font-size: 80%; | ||
| 220 | + margin: 30px 0 14px; | ||
| 221 | + /*margin: 3.12em 0px 3px 0px;*/ | ||
| 222 | + text-align: right; | ||
| 223 | + border-radius: 5px; | ||
| 224 | + -moz-border-radius: 5px; | ||
| 225 | + -webkit-border-radius: 5px; | ||
| 226 | + border: 1px solid #CCCCCC; | ||
| 227 | + background: #fff; | ||
| 228 | + padding: 2px; | ||
| 245 | } | 229 | } |
| 246 | 230 | ||
| 247 | #portal-searchbox .searchField { | 231 | #portal-searchbox .searchField { |
| 248 | - padding: 0.45em; | ||
| 249 | - border-right: none; | ||
| 250 | - border: none; | 232 | + padding: 0.45em; |
| 233 | + border-right: none; | ||
| 234 | + border: none; | ||
| 251 | width: 170px; | 235 | width: 170px; |
| 252 | } | 236 | } |
| 253 | 237 | ||
| @@ -264,11 +248,11 @@ width: 13em; | @@ -264,11 +248,11 @@ width: 13em; | ||
| 264 | } | 248 | } |
| 265 | 249 | ||
| 266 | #header input.searchButton { | 250 | #header input.searchButton { |
| 267 | - padding: 0.3em; | ||
| 268 | - background: transparent; | ||
| 269 | - text-indent: -2000px; | ||
| 270 | - padding: 4px 15px; | ||
| 271 | - border: none; | 251 | + padding: 0.3em; |
| 252 | + background: transparent; | ||
| 253 | + text-indent: -2000px; | ||
| 254 | + padding: 4px 15px; | ||
| 255 | + border: none; | ||
| 272 | } | 256 | } |
| 273 | 257 | ||
| 274 | #content input.searchField { | 258 | #content input.searchField { |
| @@ -286,8 +270,8 @@ input.searchField { | @@ -286,8 +270,8 @@ input.searchField { | ||
| 286 | } | 270 | } |
| 287 | 271 | ||
| 288 | #LSResult { | 272 | #LSResult { |
| 289 | - z-index: 1; | ||
| 290 | - margin-top: 0.5%; | 273 | + z-index: 1; |
| 274 | + margin-top: 0.5%; | ||
| 291 | } | 275 | } |
| 292 | 276 | ||
| 293 | 277 | ||
| @@ -379,7 +363,7 @@ background: url(images/icone-verde-flickr.png) 0 20px; | @@ -379,7 +363,7 @@ background: url(images/icone-verde-flickr.png) 0 20px; | ||
| 379 | } | 363 | } |
| 380 | 364 | ||
| 381 | .logged-in #user{ | 365 | .logged-in #user{ |
| 382 | - top: -40px; | 366 | + top: -40px; |
| 383 | } | 367 | } |
| 384 | 368 | ||
| 385 | #user form { | 369 | #user form { |
| @@ -387,22 +371,22 @@ background: url(images/icone-verde-flickr.png) 0 20px; | @@ -387,22 +371,22 @@ background: url(images/icone-verde-flickr.png) 0 20px; | ||
| 387 | } | 371 | } |
| 388 | 372 | ||
| 389 | #user .logged-in { | 373 | #user .logged-in { |
| 390 | - visibility: hidden; | ||
| 391 | - display: block; | 374 | + visibility: hidden; |
| 375 | + display: block; | ||
| 392 | background:url("images/barra-menu-user-bg.png") repeat-x bottom center #FEFEFE; | 376 | background:url("images/barra-menu-user-bg.png") repeat-x bottom center #FEFEFE; |
| 393 | display: block; | 377 | display: block; |
| 394 | padding: 1em; | 378 | padding: 1em; |
| 395 | text-align: left; | 379 | text-align: left; |
| 396 | width: 130px; | 380 | width: 130px; |
| 397 | - border-radius: 10px | 381 | + border-radius: 10px |
| 398 | } | 382 | } |
| 399 | 383 | ||
| 400 | #user .logged-in:hover { | 384 | #user .logged-in:hover { |
| 401 | - visibility: visible; | 385 | + visibility: visible; |
| 402 | } | 386 | } |
| 403 | #user .logged-in a#homepage-link { | 387 | #user .logged-in a#homepage-link { |
| 404 | - display: block; | ||
| 405 | - visibility: visible; | 388 | + display: block; |
| 389 | + visibility: visible; | ||
| 406 | } | 390 | } |
| 407 | 391 | ||
| 408 | #user .logged-in span {display: none;} | 392 | #user .logged-in span {display: none;} |
| @@ -444,7 +428,7 @@ background: url(images/icone-verde-flickr.png) 0 20px; | @@ -444,7 +428,7 @@ background: url(images/icone-verde-flickr.png) 0 20px; | ||
| 444 | 428 | ||
| 445 | #categories_menu { | 429 | #categories_menu { |
| 446 | /*max-width: 960px;*/ | 430 | /*max-width: 960px;*/ |
| 447 | - padding: 0 1em; | 431 | + padding: 0 1em; |
| 448 | margin: auto; | 432 | margin: auto; |
| 449 | } | 433 | } |
| 450 | 434 | ||
| @@ -486,7 +470,7 @@ background: url(images/icone-verde-flickr.png) 0 20px; | @@ -486,7 +470,7 @@ background: url(images/icone-verde-flickr.png) 0 20px; | ||
| 486 | } | 470 | } |
| 487 | 471 | ||
| 488 | #footer-logos { | 472 | #footer-logos { |
| 489 | - background: #F28F00; | 473 | + background: #0d4094; |
| 490 | max-width: 100%; | 474 | max-width: 100%; |
| 491 | padding: 2em 0; | 475 | padding: 2em 0; |
| 492 | height: 49px; | 476 | height: 49px; |
| @@ -535,8 +519,8 @@ background: url(images/icone-verde-flickr.png) 0 20px; | @@ -535,8 +519,8 @@ background: url(images/icone-verde-flickr.png) 0 20px; | ||
| 535 | } | 519 | } |
| 536 | 520 | ||
| 537 | #footer-license p { | 521 | #footer-license p { |
| 538 | - color: #F28F00; | ||
| 539 | - text-align: left; | 522 | + color: #0d4094; |
| 523 | + text-align: left; | ||
| 540 | } | 524 | } |
| 541 | 525 | ||
| 542 | 526 |