Commit 83e51818c7baa457baa1bc9455391b2b419c6c3c
init
Too many changes.
To preserve performance only 100 of 187 files displayed.
| 1 | +++ a/cabecalho-azul-theme.css | |
| ... | ... | @@ -0,0 +1,542 @@ |
| 1 | +/*(azul-claro=#5677fc)*/ | |
| 2 | +/*(azul-escuro=#455ede)*/ | |
| 3 | +/****************** cabecalho ******************/ | |
| 4 | + | |
| 5 | +#theme-header{} | |
| 6 | + | |
| 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; | |
| 27 | +} | |
| 28 | + | |
| 29 | +#header>div { | |
| 30 | + max-width: 960px; | |
| 31 | + margin: 0 auto; | |
| 32 | +} | |
| 33 | + | |
| 34 | +.header-content * { | |
| 35 | + margin: 0; | |
| 36 | + padding: 0; | |
| 37 | + list-style: none; | |
| 38 | + vertical-align: baseline; | |
| 39 | +} | |
| 40 | +.header-content li { display: inline; } | |
| 41 | + | |
| 42 | +#brasilgov { | |
| 43 | + background: #00510f; | |
| 44 | + border-bottom: 1px solid #ffcc00; | |
| 45 | + padding: 5px 10px; | |
| 46 | + color: #03316f; | |
| 47 | +} | |
| 48 | + | |
| 49 | +#accessibility { | |
| 50 | + display: block !important; | |
| 51 | + float: left; | |
| 52 | + font-family: arial; | |
| 53 | + font-size: 10px; | |
| 54 | + width: 50%; | |
| 55 | +} | |
| 56 | + | |
| 57 | +#accessibility a { | |
| 58 | + color: #FFF; | |
| 59 | + margin-right: 8px; | |
| 60 | +} | |
| 61 | +#accessibility a:hover { | |
| 62 | + color: #d0d9ff; | |
| 63 | +} | |
| 64 | + | |
| 65 | +#accessibility span { | |
| 66 | + background: none repeat scroll 0 0 #2a36b1; | |
| 67 | + color: #FFFFFF; | |
| 68 | + padding: 0 4px; | |
| 69 | +} | |
| 70 | + | |
| 71 | + | |
| 72 | + | |
| 73 | +/* logo */ | |
| 74 | +#logo { | |
| 75 | + padding: 0; | |
| 76 | + float: left; | |
| 77 | + width: 70%; | |
| 78 | +} | |
| 79 | + | |
| 80 | +#logo span { | |
| 81 | + display: block; | |
| 82 | +} | |
| 83 | + | |
| 84 | +#logo a { | |
| 85 | + display: block; | |
| 86 | + width: 100%; | |
| 87 | + color: #03316f !important; | |
| 88 | + margin: 1em 0px; | |
| 89 | +} | |
| 90 | + | |
| 91 | +#logo a, #logo #portal-title { | |
| 92 | + color: #03316f; | |
| 93 | +} | |
| 94 | + | |
| 95 | +#logo #portal-title { | |
| 96 | + margin: 30px 0px 46px 0px; | |
| 97 | + color: #FFF; | |
| 98 | + font-size: 40px; | |
| 99 | + font-family: 'Open Sans Extrabold', Arial, Helvetica, sans-serif; | |
| 100 | + font-weight: normal; | |
| 101 | + line-height: 1em; | |
| 102 | + letter-spacing: -0.05em; | |
| 103 | +} | |
| 104 | + | |
| 105 | +#logo .luongo { | |
| 106 | + font-size: 3em !important; | |
| 107 | + line-height: 1.1em; | |
| 108 | + margin-bottom: 0.2em; | |
| 109 | +} | |
| 110 | + | |
| 111 | +#logo #portal-description { | |
| 112 | + font-size: 1.2em; | |
| 113 | + text-transform: uppercase; | |
| 114 | +} | |
| 115 | + | |
| 116 | +/* Site Actions */ | |
| 117 | +#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; | |
| 126 | +} | |
| 127 | + | |
| 128 | +#portal-siteactions a { | |
| 129 | + color: #FFF; | |
| 130 | + text-decoration: none; | |
| 131 | + padding: 4px 0 4px 10px; | |
| 132 | + text-transform: uppercase; | |
| 133 | + font-family: 'Open Sans', Arial, Helvetica, sans-serif; | |
| 134 | +} | |
| 135 | + | |
| 136 | +#portal-siteactions a:hover { | |
| 137 | + color: #03316f; | |
| 138 | +} | |
| 139 | + | |
| 140 | +#portal-siteactions li { | |
| 141 | + display: inline; | |
| 142 | +} | |
| 143 | + | |
| 144 | +#portal-siteactions li a:hover { | |
| 145 | + color: #d0d9ff; | |
| 146 | +} | |
| 147 | +#portal-siteactions li a { | |
| 148 | + padding: 4px 0px; | |
| 149 | +} | |
| 150 | + | |
| 151 | +#social-icons { | |
| 152 | + float: right; | |
| 153 | + clear: right; | |
| 154 | + margin: 0px; | |
| 155 | +} | |
| 156 | + | |
| 157 | +#social-icons ul { | |
| 158 | + display: table-row; | |
| 159 | +} | |
| 160 | + | |
| 161 | +#social-icons li { | |
| 162 | + display: table-cell; | |
| 163 | +} | |
| 164 | + | |
| 165 | +#social-icons li a { | |
| 166 | + border: none; | |
| 167 | + padding: 0 5px; | |
| 168 | +} | |
| 169 | + | |
| 170 | +#siteaction-accessibility, | |
| 171 | +#siteaction-contraste { | |
| 172 | + margin: 0px 15px 0px 0px; | |
| 173 | +} | |
| 174 | +/* */ | |
| 175 | + | |
| 176 | +/* Top links */ | |
| 177 | +#theme-header .header-content #link-faq a { | |
| 178 | + border-right: 1px solid #FFF; | |
| 179 | + padding: 0 10px; | |
| 180 | +} | |
| 181 | +#theme-header .header-content #link-contact a { | |
| 182 | + padding-left: 10px; | |
| 183 | +} | |
| 184 | + | |
| 185 | +#theme-header #sobre { | |
| 186 | + line-height: 20px; | |
| 187 | + font-size: 12px; | |
| 188 | +} | |
| 189 | +/* */ | |
| 190 | + | |
| 191 | +/* Sobre o brasil */ | |
| 192 | +#sobre { | |
| 193 | + clear: both; | |
| 194 | + max-width: 100% !important; | |
| 195 | + margin: 0; | |
| 196 | + background: #2a36b1;/*azul-mais-escuro*/ | |
| 197 | + padding: 5px 0; | |
| 198 | +} | |
| 199 | + | |
| 200 | +#sobre ul { | |
| 201 | + max-width: 960px; | |
| 202 | + margin: 0 auto; | |
| 203 | + text-align: right; | |
| 204 | +} | |
| 205 | + | |
| 206 | +#sobre a { | |
| 207 | + color: #FFF; | |
| 208 | + font-family: 'Open Sans', Arial, Helvetica, sans-serif; | |
| 209 | +} | |
| 210 | + | |
| 211 | +#sobre .portalservicos-item a { | |
| 212 | + padding: 0 10px; | |
| 213 | + border-right: 1px solid #03316f; | |
| 214 | +} | |
| 215 | + | |
| 216 | +#sobre .last-item a { | |
| 217 | + padding: 0 0 0 10px; | |
| 218 | + border-right: none; | |
| 219 | +} | |
| 220 | + | |
| 221 | +/* Searchbox */ | |
| 222 | +.LSBox { | |
| 223 | + margin: 0; | |
| 224 | + padding: 0; | |
| 225 | + border: none; | |
| 226 | +} | |
| 227 | + | |
| 228 | +input.searchField { | |
| 229 | + -moz-appearance: none; | |
| 230 | +} | |
| 231 | + | |
| 232 | +#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; | |
| 245 | +} | |
| 246 | + | |
| 247 | +#portal-searchbox .searchField { | |
| 248 | + padding: 0.45em; | |
| 249 | + border-right: none; | |
| 250 | + border: none; | |
| 251 | + width: 170px; | |
| 252 | +} | |
| 253 | + | |
| 254 | +#portal-searchbox form { | |
| 255 | +white-space: nowrap; | |
| 256 | +} | |
| 257 | + | |
| 258 | +#portal-searchbox label { | |
| 259 | +font-weight: normal; | |
| 260 | +} | |
| 261 | + | |
| 262 | +#searchGadget { | |
| 263 | +width: 13em; | |
| 264 | +} | |
| 265 | + | |
| 266 | +#header input.searchButton { | |
| 267 | + padding: 0.3em; | |
| 268 | + background: transparent; | |
| 269 | + text-indent: -2000px; | |
| 270 | + padding: 4px 15px; | |
| 271 | + border: none; | |
| 272 | +} | |
| 273 | + | |
| 274 | +#content input.searchField { | |
| 275 | +margin-bottom: 1em; | |
| 276 | +} | |
| 277 | +input.searchField { | |
| 278 | +-moz-appearance: searchfield; | |
| 279 | +} | |
| 280 | + | |
| 281 | +#header input.searchButton { | |
| 282 | + background-image: url("images/search-button.gif"); | |
| 283 | + background-position: 8px 2px; | |
| 284 | + background-repeat: no-repeat; | |
| 285 | + background-color: #ffffff; | |
| 286 | +} | |
| 287 | + | |
| 288 | +#LSResult { | |
| 289 | + z-index: 1; | |
| 290 | + margin-top: 0.5%; | |
| 291 | +} | |
| 292 | + | |
| 293 | + | |
| 294 | +/* Search Button */ | |
| 295 | +#search-button a { | |
| 296 | + display: inline-block; | |
| 297 | + width: 29px; | |
| 298 | + height: 25px; | |
| 299 | + margin-right: 3px; | |
| 300 | + margin-top: 10px; | |
| 301 | +} | |
| 302 | + | |
| 303 | +#search-button a:hover { | |
| 304 | + opacity: 0.6; | |
| 305 | +} | |
| 306 | + | |
| 307 | +#search-button #sb_search { | |
| 308 | +background-image: url(images/search.png); | |
| 309 | +background-size: 100% 100%; | |
| 310 | +} | |
| 311 | + | |
| 312 | +#search-button span { display: none; } | |
| 313 | + | |
| 314 | + | |
| 315 | +/* */ | |
| 316 | + | |
| 317 | +/* Social Buttons */ | |
| 318 | +#social-buttons a { | |
| 319 | + width: 18px; | |
| 320 | + height: 20px; | |
| 321 | + margin-right: 3px; | |
| 322 | + margin-top: 10px; | |
| 323 | +} | |
| 324 | + | |
| 325 | +#social-icons li a { | |
| 326 | + width: 20px; | |
| 327 | + height: 20px; | |
| 328 | + padding: 0px; | |
| 329 | + display: inline-block; | |
| 330 | + background-repeat: no-repeat; | |
| 331 | +} | |
| 332 | + | |
| 333 | +#social-icons li { | |
| 334 | + float: right; | |
| 335 | + width: 20px; | |
| 336 | + margin-left: 4px; | |
| 337 | +} | |
| 338 | + | |
| 339 | +#social-icons #sb_face { | |
| 340 | +background-image: url(images/icone-verde-facebook.png); | |
| 341 | +} | |
| 342 | +#social-icons #sb_face:hover { | |
| 343 | +background: url(images/icone-verde-facebook.png) 0 20px; | |
| 344 | +} | |
| 345 | + | |
| 346 | +#social-icons #sb_tweet { | |
| 347 | +background-image: url(images/icone-verde-twitter.png); | |
| 348 | +} | |
| 349 | +#social-icons #sb_tweet:hover { | |
| 350 | +background: url(images/icone-verde-twitter.png) 0 20px; | |
| 351 | +} | |
| 352 | + | |
| 353 | +#social-icons #sb_youtb { | |
| 354 | +background-image: url(images/icone-verde-youtube.png); | |
| 355 | +} | |
| 356 | +#social-icons #sb_youtb:hover { | |
| 357 | +background: url(images/icone-verde-youtube.png) 0 20px; | |
| 358 | +} | |
| 359 | + | |
| 360 | +#social-icons #sb_flickr { | |
| 361 | +background-image: url(images/icone-verde-flickr.png); | |
| 362 | +} | |
| 363 | +#social-icons #sb_flickr:hover { | |
| 364 | +background: url(images/icone-verde-flickr.png) 0 20px; | |
| 365 | +} | |
| 366 | + | |
| 367 | +#social-icons span { display: none; } | |
| 368 | + | |
| 369 | +/* FIM social Buttons */ | |
| 370 | + | |
| 371 | +/****************** FIM cabecalho ******************/ | |
| 372 | + | |
| 373 | +/************* Bar Psocial Style - Menu Horizontal**************/ | |
| 374 | +#user{ | |
| 375 | + padding: 0px 2em; | |
| 376 | + top: -30px; | |
| 377 | + font-size: 12px; | |
| 378 | + right: 4em; | |
| 379 | +} | |
| 380 | + | |
| 381 | +.logged-in #user{ | |
| 382 | + top: -40px; | |
| 383 | +} | |
| 384 | + | |
| 385 | +#user form { | |
| 386 | + display:none; | |
| 387 | +} | |
| 388 | + | |
| 389 | +#user .logged-in { | |
| 390 | + visibility: hidden; | |
| 391 | + display: block; | |
| 392 | + background:url("images/barra-menu-user-bg.png") repeat-x bottom center #FEFEFE; | |
| 393 | + display: block; | |
| 394 | + padding: 1em; | |
| 395 | + text-align: left; | |
| 396 | + width: 130px; | |
| 397 | + border-radius: 10px | |
| 398 | +} | |
| 399 | + | |
| 400 | +#user .logged-in:hover { | |
| 401 | + visibility: visible; | |
| 402 | +} | |
| 403 | +#user .logged-in a#homepage-link { | |
| 404 | + display: block; | |
| 405 | + visibility: visible; | |
| 406 | +} | |
| 407 | + | |
| 408 | +#user .logged-in span {display: none;} | |
| 409 | + | |
| 410 | +#user .logged-in a { | |
| 411 | + display: block; | |
| 412 | + margin-bottom: 10px; | |
| 413 | +} | |
| 414 | + | |
| 415 | +#user .logged-in #pending-tasks-count { | |
| 416 | + display: inline-block; | |
| 417 | + left: 0; | |
| 418 | + position: absolute; | |
| 419 | + top: 10px; | |
| 420 | + visibility: visible; | |
| 421 | +} | |
| 422 | + | |
| 423 | +#barra-psocial { | |
| 424 | + position: relative; | |
| 425 | + height: 40px; | |
| 426 | + margin: auto; | |
| 427 | + background: url(images/barra-psocial-bg.png) repeat-x; | |
| 428 | +} | |
| 429 | + | |
| 430 | +#barra-psocial li { | |
| 431 | + float: left; | |
| 432 | +} | |
| 433 | + | |
| 434 | +#assets-menu { | |
| 435 | + background: #E8E8E8; | |
| 436 | + top: 35px; | |
| 437 | + left: 80px; | |
| 438 | + min-width: 132px; | |
| 439 | +} | |
| 440 | + | |
| 441 | +#assets-menu a { | |
| 442 | + border: 1px solid #E8E8E8; | |
| 443 | +} | |
| 444 | + | |
| 445 | +#categories_menu { | |
| 446 | + /*max-width: 960px;*/ | |
| 447 | + padding: 0 1em; | |
| 448 | + margin: auto; | |
| 449 | +} | |
| 450 | + | |
| 451 | +#cat_menu { | |
| 452 | + background: url(images/marca-participacao-social.png) no-repeat center left; | |
| 453 | + height: 40px; | |
| 454 | + padding-left: 60px; | |
| 455 | +} | |
| 456 | + | |
| 457 | +#cat_menu li { | |
| 458 | + list-style: none; | |
| 459 | + font-size: 12px; | |
| 460 | + font-weight: bold; | |
| 461 | + padding: 0px 20px; | |
| 462 | + height: 100%; | |
| 463 | + text-transform: uppercase; | |
| 464 | +} | |
| 465 | + | |
| 466 | +#cat_menu li:hover { | |
| 467 | + background-color: #E1E4E4; | |
| 468 | +} | |
| 469 | + | |
| 470 | +#cat_menu li a { | |
| 471 | + line-height: 40px; | |
| 472 | + width: 100%; | |
| 473 | + height: 100%; | |
| 474 | + display: block; | |
| 475 | +} | |
| 476 | +/************* FIM Bar Psocial Style - Menu Horizontal**************/ | |
| 477 | + | |
| 478 | + | |
| 479 | +/******************Footer - Rodapé**********************************/ | |
| 480 | +#theme-footer { | |
| 481 | + width: 100%; | |
| 482 | +} | |
| 483 | + | |
| 484 | +#footer-content { | |
| 485 | + background: #fff; | |
| 486 | +} | |
| 487 | + | |
| 488 | +#footer-logos { | |
| 489 | + background: #F28F00; | |
| 490 | + max-width: 100%; | |
| 491 | + padding: 2em 0; | |
| 492 | + height: 49px; | |
| 493 | +} | |
| 494 | + | |
| 495 | +#footer-logos div { | |
| 496 | + max-width: 960px; | |
| 497 | + margin: 0 auto; | |
| 498 | +} | |
| 499 | + | |
| 500 | +#footer-logos a { | |
| 501 | + display: block; | |
| 502 | + height: 49px; | |
| 503 | + float: left; | |
| 504 | +} | |
| 505 | + | |
| 506 | +#footer-logos span { | |
| 507 | + display: none; | |
| 508 | +} | |
| 509 | + | |
| 510 | +#footer-logos .logo-acesso { | |
| 511 | + background: transparent url(images/acesso-a-informacao.png) center center no-repeat; | |
| 512 | + width: 107px; | |
| 513 | +} | |
| 514 | + | |
| 515 | +#footer-logos .logo-brasil { | |
| 516 | + background: transparent url(images/brasil.png) center center no-repeat; | |
| 517 | + width: 153px; | |
| 518 | +} | |
| 519 | + | |
| 520 | +#footer-logos .logo-sgpr { | |
| 521 | + background: transparent url(images/sgpr.png) center center no-repeat; | |
| 522 | + width: 187px; | |
| 523 | + margin-right: 30px; | |
| 524 | +} | |
| 525 | + | |
| 526 | +#footer-logos .institucionais { | |
| 527 | + float: right; | |
| 528 | +} | |
| 529 | + | |
| 530 | +#footer-license { | |
| 531 | + max-width: 960px; | |
| 532 | + margin: 0 auto; | |
| 533 | + text-align: left; | |
| 534 | + padding: 19px; | |
| 535 | +} | |
| 536 | + | |
| 537 | +#footer-license p { | |
| 538 | + color: #F28F00; | |
| 539 | + text-align: left; | |
| 540 | +} | |
| 541 | + | |
| 542 | + | ... | ... |
| 1 | +++ a/cabecalho-theme.css | |
| ... | ... | @@ -0,0 +1,372 @@ |
| 1 | + | |
| 2 | +/****************** cabecalho ******************/ | |
| 3 | + | |
| 4 | +#theme-header{ | |
| 5 | + | |
| 6 | +} | |
| 7 | + | |
| 8 | +#header { | |
| 9 | + padding: 15px 0 0 0; | |
| 10 | +background-color: #19882c; | |
| 11 | + /* Old browsers */ | |
| 12 | + background-color: #0A5517; | |
| 13 | + background-image: -moz-radial-gradient(center, ellipse cover, #19882c 1%, #025310 100%); | |
| 14 | + /* FF3.6+ */ | |
| 15 | + background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#19882c), color-stop(100%,#025310)); | |
| 16 | + /* Chrome,Safari4+ */ | |
| 17 | + background-image: -webkit-radial-gradient(center, ellipse cover, #19882c 1%,#025310 100%); | |
| 18 | + /* Chrome10+,Safari5.1+ */ | |
| 19 | + background-image: -o-radial-gradient(center, ellipse cover, #19882c 1%,#025310 100%); | |
| 20 | + /* Opera 12+ */ | |
| 21 | + background-image: -ms-radial-gradient(center, ellipse cover, #19882c 1%,#025310 100%); | |
| 22 | + /* IE10+ */ | |
| 23 | + background-image: radial-gradient(ellipse at center, #19882c 1%,#025310 100%); | |
| 24 | + /* W3C */ | |
| 25 | + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19882c', endColorstr='#025310',GradientType=1 ); | |
| 26 | + /* IE6-9 fallback on horizontal gradient */ | |
| 27 | + color: #fff; | |
| 28 | +} | |
| 29 | + | |
| 30 | +#header>div { | |
| 31 | + max-width: 960px; | |
| 32 | + margin: 0 auto; | |
| 33 | +} | |
| 34 | + | |
| 35 | +.header-content * { | |
| 36 | + margin: 0; | |
| 37 | + padding: 0; | |
| 38 | + list-style: none; | |
| 39 | + vertical-align: baseline; | |
| 40 | +} | |
| 41 | +.header-content li { display: inline; } | |
| 42 | + | |
| 43 | +#brasilgov { | |
| 44 | + background: #00510f; | |
| 45 | + border-bottom: 1px solid #ffcc00; | |
| 46 | + padding: 5px 10px; | |
| 47 | + color: #fff; | |
| 48 | +} | |
| 49 | + | |
| 50 | +#accessibility { | |
| 51 | + display: block !important; | |
| 52 | + font-size: 0.8em; | |
| 53 | + width: 50%; | |
| 54 | + float: left; | |
| 55 | +} | |
| 56 | + | |
| 57 | +#accessibility a { | |
| 58 | + color: #dcffe3; | |
| 59 | + margin-right: 8px; | |
| 60 | +} | |
| 61 | + | |
| 62 | +#accessibility span { | |
| 63 | + background: #9ed5ab; | |
| 64 | + color: #006600; | |
| 65 | + padding: 0 4px; | |
| 66 | +} | |
| 67 | + | |
| 68 | + | |
| 69 | + | |
| 70 | +/* logo */ | |
| 71 | +#logo { | |
| 72 | + padding: 0; | |
| 73 | + float: left; | |
| 74 | + width: 70%; | |
| 75 | +} | |
| 76 | + | |
| 77 | +#logo span { | |
| 78 | + display: block; | |
| 79 | +} | |
| 80 | + | |
| 81 | +#logo a { | |
| 82 | + display: block; | |
| 83 | + width: 100%; | |
| 84 | + color: #fff !important; | |
| 85 | + margin: 1em 0px; | |
| 86 | +} | |
| 87 | + | |
| 88 | +#logo a, #logo #portal-title { | |
| 89 | + color: #FFF !important; | |
| 90 | +} | |
| 91 | + | |
| 92 | +#logo #portal-title { | |
| 93 | + margin: 30px 0px 46px 0px; | |
| 94 | + color: #FFF; | |
| 95 | + font-size: 3.35em; | |
| 96 | + font-family: 'Open Sans Extrabold', Arial, Helvetica, sans-serif; | |
| 97 | + font-weight: normal; | |
| 98 | + line-height: 1em; | |
| 99 | + letter-spacing: -0.05em; | |
| 100 | +} | |
| 101 | + | |
| 102 | +#logo .luongo { | |
| 103 | + font-size: 3em !important; | |
| 104 | + line-height: 1.1em; | |
| 105 | + margin-bottom: 0.2em; | |
| 106 | +} | |
| 107 | + | |
| 108 | +#logo #portal-description { | |
| 109 | + font-size: 1.2em; | |
| 110 | + text-transform: uppercase; | |
| 111 | +} | |
| 112 | + | |
| 113 | +/* Site Actions */ | |
| 114 | +#portal-siteactions { | |
| 115 | + display: block; | |
| 116 | + float: right; | |
| 117 | + clear: left; | |
| 118 | + border-bottom: 1px dotted #9bc2a3; | |
| 119 | + padding-bottom: 2px; | |
| 120 | + margin-top: -15px; | |
| 121 | + font-size: 85%; | |
| 122 | + text-align: center; | |
| 123 | +} | |
| 124 | + | |
| 125 | +#portal-siteactions a { | |
| 126 | + color: #dcffe3; | |
| 127 | + text-decoration: none; | |
| 128 | + padding: 4px 0 4px 10px; | |
| 129 | + text-transform: uppercase; | |
| 130 | + font-family: 'Open Sans', Arial, Helvetica, sans-serif; | |
| 131 | +} | |
| 132 | + | |
| 133 | +#portal-siteactions a:hover { | |
| 134 | + color: #fff !important; | |
| 135 | +} | |
| 136 | + | |
| 137 | +#portal-siteactions li { | |
| 138 | + display: inline; | |
| 139 | +} | |
| 140 | + | |
| 141 | +#portal-siteactions li a:hover { | |
| 142 | +color: #75ad0a | |
| 143 | +} | |
| 144 | +#portal-siteactions li a { | |
| 145 | + padding: 4px 0px; | |
| 146 | +} | |
| 147 | + | |
| 148 | +#social-icons { | |
| 149 | + float: right; | |
| 150 | + clear: right; | |
| 151 | + margin: 12px 0px 0px 0px; | |
| 152 | +} | |
| 153 | + | |
| 154 | +#social-icons ul { | |
| 155 | + display: table-row; | |
| 156 | +} | |
| 157 | + | |
| 158 | +#social-icons li { | |
| 159 | + display: table-cell; | |
| 160 | +} | |
| 161 | + | |
| 162 | +#social-icons li a { | |
| 163 | + border: none; | |
| 164 | + padding: 0 5px; | |
| 165 | +} | |
| 166 | + | |
| 167 | +#siteaction-accessibility, | |
| 168 | +#siteaction-contraste { | |
| 169 | + margin: 0px 15px 0px 0px; | |
| 170 | +} | |
| 171 | +/* */ | |
| 172 | + | |
| 173 | +/* Sobre o brasil */ | |
| 174 | +#sobre { | |
| 175 | + clear: both; | |
| 176 | + max-width: 100% !important; | |
| 177 | + margin: 0; | |
| 178 | + background: #00420c; | |
| 179 | + padding: 5px 0; | |
| 180 | +} | |
| 181 | + | |
| 182 | +#sobre ul { | |
| 183 | + max-width: 960px; | |
| 184 | + margin: 0 auto; | |
| 185 | + text-align: right; | |
| 186 | +} | |
| 187 | + | |
| 188 | +#sobre a { | |
| 189 | + color: #fff; | |
| 190 | + font-family: 'Open Sans', Arial, Helvetica, sans-serif; | |
| 191 | +} | |
| 192 | + | |
| 193 | +#sobre .portalservicos-item a { | |
| 194 | + padding: 0 10px; | |
| 195 | + border-right: 1px solid #fff; | |
| 196 | +} | |
| 197 | + | |
| 198 | +#sobre .last-item a { | |
| 199 | + padding: 0 0 0 10px; | |
| 200 | + border-right: none; | |
| 201 | +} | |
| 202 | + | |
| 203 | +/* Searchbox */ | |
| 204 | +.LSBox { | |
| 205 | + margin: 0; | |
| 206 | + padding: 0; | |
| 207 | + border: none; | |
| 208 | +} | |
| 209 | + | |
| 210 | +input.searchField { | |
| 211 | + -moz-appearance: none; | |
| 212 | +} | |
| 213 | + | |
| 214 | +#portal-searchbox { | |
| 215 | + clear: right; | |
| 216 | + float: right; | |
| 217 | + font-size: 80%; | |
| 218 | + margin: 2em 0 1.2em 0; | |
| 219 | + /*margin: 3.12em 0px 3px 0px;*/ | |
| 220 | + text-align: right; | |
| 221 | + border-radius: 5px; | |
| 222 | + -moz-border-radius: 5px; | |
| 223 | + -webkit-border-radius: 5px; | |
| 224 | + border: 1px solid #CCCCCC; | |
| 225 | + background: #fff; | |
| 226 | + padding: 2px; | |
| 227 | +} | |
| 228 | + | |
| 229 | +#portal-searchbox .searchField { | |
| 230 | + padding: 0.45em; | |
| 231 | + border-right: none; | |
| 232 | + border: none; | |
| 233 | + width: 170px; | |
| 234 | +} | |
| 235 | + | |
| 236 | +#portal-searchbox form { | |
| 237 | +white-space: nowrap; | |
| 238 | +} | |
| 239 | + | |
| 240 | +#portal-searchbox label { | |
| 241 | +font-weight: normal; | |
| 242 | +} | |
| 243 | + | |
| 244 | +#searchGadget { | |
| 245 | +width: 13em; | |
| 246 | +} | |
| 247 | + | |
| 248 | +#header input.searchButton { | |
| 249 | + padding: 0.3em; | |
| 250 | + background: transparent; | |
| 251 | + text-indent: -2000px; | |
| 252 | + padding: 4px 15px; | |
| 253 | + border: none; | |
| 254 | +} | |
| 255 | + | |
| 256 | +#content input.searchField { | |
| 257 | +margin-bottom: 1em; | |
| 258 | +} | |
| 259 | +input.searchField { | |
| 260 | +-moz-appearance: searchfield; | |
| 261 | +} | |
| 262 | + | |
| 263 | +#header input.searchButton { | |
| 264 | + background-image: url("images/search-button.gif"); | |
| 265 | + background-position: 3px 2px; | |
| 266 | + background-repeat: no-repeat; | |
| 267 | + background-color: #ffffff; | |
| 268 | +} | |
| 269 | + | |
| 270 | +#LSResult { | |
| 271 | + z-index: 1; | |
| 272 | + margin-top: 0.5%; | |
| 273 | +} | |
| 274 | + | |
| 275 | + | |
| 276 | +/* Search Button */ | |
| 277 | +#search-button a { | |
| 278 | + display: inline-block; | |
| 279 | + width: 29px; | |
| 280 | + height: 25px; | |
| 281 | + margin-right: 3px; | |
| 282 | + margin-top: 10px; | |
| 283 | +} | |
| 284 | + | |
| 285 | +#search-button a:hover { | |
| 286 | + opacity: 0.6; | |
| 287 | +} | |
| 288 | + | |
| 289 | +#search-button #sb_search { | |
| 290 | +background-image: url(images/search.png); | |
| 291 | +background-size: 100% 100%; | |
| 292 | +} | |
| 293 | + | |
| 294 | +#search-button span { display: none; } | |
| 295 | + | |
| 296 | + | |
| 297 | +/* */ | |
| 298 | + | |
| 299 | +/* Social Buttons */ | |
| 300 | +#social-buttons a { | |
| 301 | + width: 18px; | |
| 302 | + height: 20px; | |
| 303 | + margin-right: 3px; | |
| 304 | + margin-top: 10px; | |
| 305 | +} | |
| 306 | + | |
| 307 | +#social-icons li a { | |
| 308 | + width: 20px; | |
| 309 | + height: 20px; | |
| 310 | + padding: 0px; | |
| 311 | + display: inline-block; | |
| 312 | + background-repeat: no-repeat; | |
| 313 | +} | |
| 314 | + | |
| 315 | +#social-icons li { | |
| 316 | + float: right; | |
| 317 | + width: 20px; | |
| 318 | + margin-left: 4px; | |
| 319 | +} | |
| 320 | + | |
| 321 | +#social-icons a:hover { | |
| 322 | + opacity: 0.6; | |
| 323 | +} | |
| 324 | + | |
| 325 | +#social-icons #sb_face { | |
| 326 | +background-image: url(images/icone-facebook.png); | |
| 327 | +} | |
| 328 | + | |
| 329 | +#social-icons #sb_tweet { | |
| 330 | +background-image: url(images/icone-twitter.png); | |
| 331 | +} | |
| 332 | + | |
| 333 | +#social-icons #sb_youtb { | |
| 334 | +background-image: url(images/icone-youtube.png); | |
| 335 | +} | |
| 336 | + | |
| 337 | +#social-icons #sb_flickr { | |
| 338 | +background-image: url(images/icone-flickr.png); | |
| 339 | +} | |
| 340 | + | |
| 341 | +#social-icons span { display: none; } | |
| 342 | + | |
| 343 | +/* */ | |
| 344 | + | |
| 345 | +/* Bar Psocial Style - Menu Horizontal*/ | |
| 346 | +#wrap-2 #user{ | |
| 347 | + padding: 0 2em; | |
| 348 | +} | |
| 349 | + | |
| 350 | +#user { | |
| 351 | + top: -30px; | |
| 352 | + font-size: 12px; | |
| 353 | + position: static;/*teste*/ | |
| 354 | +} | |
| 355 | + | |
| 356 | +#user form { | |
| 357 | + display:none; | |
| 358 | +} | |
| 359 | + | |
| 360 | +#barra-psocial { | |
| 361 | + position: relative; | |
| 362 | + height: 40px; | |
| 363 | + margin: auto; | |
| 364 | + background: url(images/barra-psocial-bg.png) repeat-x; | |
| 365 | +} | |
| 366 | + | |
| 367 | +#barra-psocial li { | |
| 368 | + float: left; | |
| 369 | +} | |
| 370 | + | |
| 371 | +/****************** FIM cabecalho ******************/ | |
| 372 | + | ... | ... |
| 1 | +++ a/cabecalho-verde-theme.css | |
| ... | ... | @@ -0,0 +1,522 @@ |
| 1 | +/*(verde-claro=#17882c)*/ | |
| 2 | +/*(verde-escuro=#00510f)*/ | |
| 3 | + | |
| 4 | +/****************** cabecalho ******************/ | |
| 5 | + | |
| 6 | +#theme-header{} | |
| 7 | + | |
| 8 | +#header { | |
| 9 | + padding: 40px 0 0 0; | |
| 10 | +background-color: #17882c;/*(verde-claro)*/ | |
| 11 | + /* Old browsers */ | |
| 12 | + background-color: #00510f; /*(verde-escuro)*/ | |
| 13 | + background-image: -moz-radial-gradient(center, ellipse cover, #17882c 1%, #00510f 100%); /*(verde-claro)(verde-escuro)*/ | |
| 14 | + /* FF3.6+ */ | |
| 15 | + background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#17882c), color-stop(100%,#00510f)); | |
| 16 | + /* Chrome,Safari4+ */ | |
| 17 | + background-image: -webkit-radial-gradient(center, ellipse cover, #17882c 1%,#00510f 100%); | |
| 18 | + /* Chrome10+,Safari5.1+ */ | |
| 19 | + background-image: -o-radial-gradient(center, ellipse cover, #17882c 1%,#00510f 100%); | |
| 20 | + /* Opera 12+ */ | |
| 21 | + background-image: -ms-radial-gradient(center, ellipse cover, #17882c 1%,#00510f 100%); | |
| 22 | + /* IE10+ */ | |
| 23 | + background-image: radial-gradient(ellipse at center, #17882c 1%,#00510f 100%); | |
| 24 | + /* W3C */ | |
| 25 | + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17882c', endColorstr='#00510f',GradientType=1 ); | |
| 26 | + /* IE6-9 fallback on horizontal gradient */ | |
| 27 | + color: #fff; | |
| 28 | +} | |
| 29 | + | |
| 30 | +#header>div { | |
| 31 | + max-width: 960px; | |
| 32 | + margin: 0 auto; | |
| 33 | +} | |
| 34 | + | |
| 35 | +.header-content * { | |
| 36 | + margin: 0; | |
| 37 | + padding: 0; | |
| 38 | + list-style: none; | |
| 39 | + vertical-align: baseline; | |
| 40 | +} | |
| 41 | +.header-content li { display: inline; } | |
| 42 | + | |
| 43 | +#brasilgov { | |
| 44 | + background: #00510f; | |
| 45 | + border-bottom: 1px solid #ffcc00; | |
| 46 | + padding: 5px 10px; | |
| 47 | + color: #fff; | |
| 48 | +} | |
| 49 | + | |
| 50 | +#accessibility { | |
| 51 | + display: block !important; | |
| 52 | + font-size: 0.8em; | |
| 53 | + width: 50%; | |
| 54 | + float: left; | |
| 55 | +} | |
| 56 | + | |
| 57 | +#accessibility a { | |
| 58 | + color: #dcffe3; | |
| 59 | + margin-right: 8px; | |
| 60 | +} | |
| 61 | + | |
| 62 | +#accessibility span { | |
| 63 | + background: #9ed5ab; | |
| 64 | + color: #006600; | |
| 65 | + padding: 0 4px; | |
| 66 | +} | |
| 67 | + | |
| 68 | + | |
| 69 | + | |
| 70 | +/* logo */ | |
| 71 | +#logo { | |
| 72 | + padding: 0; | |
| 73 | + float: left; | |
| 74 | + width: 70%; | |
| 75 | +} | |
| 76 | + | |
| 77 | +#logo span { | |
| 78 | + display: block; | |
| 79 | +} | |
| 80 | + | |
| 81 | +#logo a { | |
| 82 | + display: block; | |
| 83 | + width: 100%; | |
| 84 | + color: #fff !important; | |
| 85 | + margin: 1em 0px; | |
| 86 | +} | |
| 87 | + | |
| 88 | +#logo a, #logo #portal-title { | |
| 89 | + color: #FFF !important; | |
| 90 | +} | |
| 91 | + | |
| 92 | +#logo #portal-title { | |
| 93 | + margin: 30px 0px 46px 0px; | |
| 94 | + color: #FFF; | |
| 95 | + font-size: 3.35em; | |
| 96 | + font-family: 'Open Sans Extrabold', Arial, Helvetica, sans-serif; | |
| 97 | + font-weight: normal; | |
| 98 | + line-height: 1em; | |
| 99 | + letter-spacing: -0.05em; | |
| 100 | +} | |
| 101 | + | |
| 102 | +#logo .luongo { | |
| 103 | + font-size: 3em !important; | |
| 104 | + line-height: 1.1em; | |
| 105 | + margin-bottom: 0.2em; | |
| 106 | +} | |
| 107 | + | |
| 108 | +#logo #portal-description { | |
| 109 | + font-size: 1.2em; | |
| 110 | + text-transform: uppercase; | |
| 111 | +} | |
| 112 | + | |
| 113 | +/* Site Actions */ | |
| 114 | +#portal-siteactions { | |
| 115 | + display: block; | |
| 116 | + float: right; | |
| 117 | + clear: left; | |
| 118 | + border-bottom: 1px dotted #9bc2a3; | |
| 119 | + padding-bottom: 2px; | |
| 120 | + margin-top: -15px; | |
| 121 | + font-size: 85%; | |
| 122 | + text-align: center; | |
| 123 | +} | |
| 124 | + | |
| 125 | +#portal-siteactions a { | |
| 126 | + color: #dcffe3; | |
| 127 | + text-decoration: none; | |
| 128 | + padding: 4px 0 4px 10px; | |
| 129 | + text-transform: uppercase; | |
| 130 | + font-family: 'Open Sans', Arial, Helvetica, sans-serif; | |
| 131 | +} | |
| 132 | + | |
| 133 | +#portal-siteactions a:hover { | |
| 134 | + color: #fff !important; | |
| 135 | +} | |
| 136 | + | |
| 137 | +#portal-siteactions li { | |
| 138 | + display: inline; | |
| 139 | +} | |
| 140 | + | |
| 141 | +#portal-siteactions li a:hover { | |
| 142 | +color: #75ad0a | |
| 143 | +} | |
| 144 | +#portal-siteactions li a { | |
| 145 | + padding: 4px 0px; | |
| 146 | +} | |
| 147 | + | |
| 148 | +#social-icons { | |
| 149 | + float: right; | |
| 150 | + clear: right; | |
| 151 | + margin: 12px 0px 0px 0px; | |
| 152 | +} | |
| 153 | + | |
| 154 | +#social-icons ul { | |
| 155 | + display: table-row; | |
| 156 | +} | |
| 157 | + | |
| 158 | +#social-icons li { | |
| 159 | + display: table-cell; | |
| 160 | +} | |
| 161 | + | |
| 162 | +#social-icons li a { | |
| 163 | + border: none; | |
| 164 | + padding: 0 5px; | |
| 165 | +} | |
| 166 | + | |
| 167 | +#siteaction-accessibility, | |
| 168 | +#siteaction-contraste { | |
| 169 | + margin: 0px 15px 0px 0px; | |
| 170 | +} | |
| 171 | +/* */ | |
| 172 | + | |
| 173 | +/* Top links */ | |
| 174 | +#theme-header .header-content #link-faq a { | |
| 175 | + border-right: 1px solid #6c9072; | |
| 176 | + padding: 0 10px; | |
| 177 | +} | |
| 178 | +#theme-header .header-content #link-contact a { | |
| 179 | + padding-left: 10px; | |
| 180 | +} | |
| 181 | + | |
| 182 | +#theme-header #sobre { | |
| 183 | + line-height: 20px; | |
| 184 | +} | |
| 185 | +/* */ | |
| 186 | + | |
| 187 | +/* Sobre o brasil */ | |
| 188 | +#sobre { | |
| 189 | + clear: both; | |
| 190 | + max-width: 100% !important; | |
| 191 | + margin: 0; | |
| 192 | + background: #00420c; | |
| 193 | + padding: 5px 0; | |
| 194 | +} | |
| 195 | + | |
| 196 | +#sobre ul { | |
| 197 | + max-width: 960px; | |
| 198 | + margin: 0 auto; | |
| 199 | + text-align: right; | |
| 200 | +} | |
| 201 | + | |
| 202 | +#sobre a { | |
| 203 | + color: #fff; | |
| 204 | + font-family: 'Open Sans', Arial, Helvetica, sans-serif; | |
| 205 | +} | |
| 206 | + | |
| 207 | +#sobre .portalservicos-item a { | |
| 208 | + padding: 0 10px; | |
| 209 | + border-right: 1px solid #fff; | |
| 210 | +} | |
| 211 | + | |
| 212 | +#sobre .last-item a { | |
| 213 | + padding: 0 0 0 10px; | |
| 214 | + border-right: none; | |
| 215 | +} | |
| 216 | + | |
| 217 | +/* Searchbox */ | |
| 218 | +.LSBox { | |
| 219 | + margin: 0; | |
| 220 | + padding: 0; | |
| 221 | + border: none; | |
| 222 | +} | |
| 223 | + | |
| 224 | +input.searchField { | |
| 225 | + -moz-appearance: none; | |
| 226 | +} | |
| 227 | + | |
| 228 | +#portal-searchbox { | |
| 229 | + clear: right; | |
| 230 | + float: right; | |
| 231 | + font-size: 80%; | |
| 232 | + margin: 2em 0 1.2em 0; | |
| 233 | + /*margin: 3.12em 0px 3px 0px;*/ | |
| 234 | + text-align: right; | |
| 235 | + border-radius: 5px; | |
| 236 | + -moz-border-radius: 5px; | |
| 237 | + -webkit-border-radius: 5px; | |
| 238 | + border: 1px solid #CCCCCC; | |
| 239 | + background: #fff; | |
| 240 | + padding: 2px; | |
| 241 | +} | |
| 242 | + | |
| 243 | +#portal-searchbox .searchField { | |
| 244 | + padding: 0.45em; | |
| 245 | + border-right: none; | |
| 246 | + border: none; | |
| 247 | + width: 170px; | |
| 248 | +} | |
| 249 | + | |
| 250 | +#portal-searchbox form { | |
| 251 | +white-space: nowrap; | |
| 252 | +} | |
| 253 | + | |
| 254 | +#portal-searchbox label { | |
| 255 | +font-weight: normal; | |
| 256 | +} | |
| 257 | + | |
| 258 | +#searchGadget { | |
| 259 | +width: 13em; | |
| 260 | +} | |
| 261 | + | |
| 262 | +#header input.searchButton { | |
| 263 | + padding: 0.3em; | |
| 264 | + background: transparent; | |
| 265 | + text-indent: -2000px; | |
| 266 | + padding: 4px 15px; | |
| 267 | + border: none; | |
| 268 | +} | |
| 269 | + | |
| 270 | +#content input.searchField { | |
| 271 | +margin-bottom: 1em; | |
| 272 | +} | |
| 273 | +input.searchField { | |
| 274 | +-moz-appearance: searchfield; | |
| 275 | +} | |
| 276 | + | |
| 277 | +#header input.searchButton { | |
| 278 | + background-image: url("images/search-button.gif"); | |
| 279 | + background-position: 3px 2px; | |
| 280 | + background-repeat: no-repeat; | |
| 281 | + background-color: #ffffff; | |
| 282 | +} | |
| 283 | + | |
| 284 | +#LSResult { | |
| 285 | + z-index: 1; | |
| 286 | + margin-top: 0.5%; | |
| 287 | +} | |
| 288 | + | |
| 289 | + | |
| 290 | +/* Search Button */ | |
| 291 | +#search-button a { | |
| 292 | + display: inline-block; | |
| 293 | + width: 29px; | |
| 294 | + height: 25px; | |
| 295 | + margin-right: 3px; | |
| 296 | + margin-top: 10px; | |
| 297 | +} | |
| 298 | + | |
| 299 | +#search-button a:hover { | |
| 300 | + opacity: 0.6; | |
| 301 | +} | |
| 302 | + | |
| 303 | +#search-button #sb_search { | |
| 304 | +background-image: url(images/search.png); | |
| 305 | +background-size: 100% 100%; | |
| 306 | +} | |
| 307 | + | |
| 308 | +#search-button span { display: none; } | |
| 309 | + | |
| 310 | + | |
| 311 | +/* */ | |
| 312 | + | |
| 313 | +/* Social Buttons */ | |
| 314 | +#social-buttons a { | |
| 315 | + width: 18px; | |
| 316 | + height: 20px; | |
| 317 | + margin-right: 3px; | |
| 318 | + margin-top: 10px; | |
| 319 | +} | |
| 320 | + | |
| 321 | +#social-icons li a { | |
| 322 | + width: 20px; | |
| 323 | + height: 20px; | |
| 324 | + padding: 0px; | |
| 325 | + display: inline-block; | |
| 326 | + background-repeat: no-repeat; | |
| 327 | +} | |
| 328 | + | |
| 329 | +#social-icons li { | |
| 330 | + float: right; | |
| 331 | + width: 20px; | |
| 332 | + margin-left: 4px; | |
| 333 | +} | |
| 334 | + | |
| 335 | +#social-icons a:hover { | |
| 336 | + opacity: 0.6; | |
| 337 | +} | |
| 338 | + | |
| 339 | +#social-icons #sb_face { | |
| 340 | +background-image: url(images/icone-facebook.png); | |
| 341 | +} | |
| 342 | + | |
| 343 | +#social-icons #sb_tweet { | |
| 344 | +background-image: url(images/icone-twitter.png); | |
| 345 | +} | |
| 346 | + | |
| 347 | +#social-icons #sb_youtb { | |
| 348 | +background-image: url(images/icone-youtube.png); | |
| 349 | +} | |
| 350 | + | |
| 351 | +#social-icons #sb_flickr { | |
| 352 | +background-image: url(images/icone-flickr.png); | |
| 353 | +} | |
| 354 | + | |
| 355 | +#social-icons span { display: none; } | |
| 356 | + | |
| 357 | +/* FIM social Buttons */ | |
| 358 | + | |
| 359 | +/****************** FIM cabecalho ******************/ | |
| 360 | + | |
| 361 | +/************* Bar Psocial Style - Menu Horizontal**************/ | |
| 362 | +#user{ | |
| 363 | + padding: 0 2em; | |
| 364 | + top: -30px; | |
| 365 | + font-size: 12px; | |
| 366 | +} | |
| 367 | + | |
| 368 | +.logged-in #user{ | |
| 369 | + top: -40px; | |
| 370 | +} | |
| 371 | + | |
| 372 | +#user form { | |
| 373 | + display:none; | |
| 374 | +} | |
| 375 | + | |
| 376 | +#user .logged-in { | |
| 377 | + visibility: hidden; | |
| 378 | + display: block; | |
| 379 | + background:url("images/barra-menu-user-bg.png") repeat-x bottom center #FEFEFE; | |
| 380 | + display: block; | |
| 381 | + padding: 1em; | |
| 382 | + text-align: left; | |
| 383 | + width: 130px; | |
| 384 | + border-radius: 10px | |
| 385 | +} | |
| 386 | + | |
| 387 | +#user .logged-in:hover { | |
| 388 | + visibility: visible; | |
| 389 | +} | |
| 390 | +#user .logged-in a#homepage-link { | |
| 391 | + display: block; | |
| 392 | + visibility: visible; | |
| 393 | +} | |
| 394 | + | |
| 395 | +#user .logged-in span {display: none;} | |
| 396 | + | |
| 397 | +#user .logged-in a { | |
| 398 | + display: block; | |
| 399 | + margin-bottom: 10px; | |
| 400 | +} | |
| 401 | + | |
| 402 | +#user .logged-in #pending-tasks-count { | |
| 403 | + display: inline-block; | |
| 404 | + left: 0; | |
| 405 | + position: absolute; | |
| 406 | + top: 10px; | |
| 407 | + visibility: visible; | |
| 408 | +} | |
| 409 | + | |
| 410 | +#barra-psocial { | |
| 411 | + position: relative; | |
| 412 | + height: 40px; | |
| 413 | + margin: auto; | |
| 414 | + background: url(images/barra-psocial-bg.png) repeat-x; | |
| 415 | +} | |
| 416 | + | |
| 417 | +#barra-psocial li { | |
| 418 | + float: left; | |
| 419 | +} | |
| 420 | + | |
| 421 | +#assets-menu { | |
| 422 | + background: #E8E8E8; | |
| 423 | + top: 35px; | |
| 424 | + left: 80px; | |
| 425 | + min-width: 132px; | |
| 426 | +} | |
| 427 | + | |
| 428 | +#assets-menu a { | |
| 429 | + border: 1px solid #E8E8E8; | |
| 430 | +} | |
| 431 | + | |
| 432 | +#categories_menu { | |
| 433 | + /*max-width: 960px;*/ | |
| 434 | + padding: 0 1em; | |
| 435 | + margin: auto; | |
| 436 | +} | |
| 437 | + | |
| 438 | +#cat_menu { | |
| 439 | + background: url(images/marca-participacao-social.png) no-repeat center left; | |
| 440 | + height: 40px; | |
| 441 | + padding-left: 60px; | |
| 442 | +} | |
| 443 | + | |
| 444 | +#cat_menu li { | |
| 445 | + list-style: none; | |
| 446 | + font-size: 12px; | |
| 447 | + font-weight: bold; | |
| 448 | + padding: 0px 20px; | |
| 449 | + height: 100%; | |
| 450 | + text-transform: uppercase; | |
| 451 | +} | |
| 452 | + | |
| 453 | +#cat_menu li:hover { | |
| 454 | + background-color: #E1E4E4; | |
| 455 | +} | |
| 456 | + | |
| 457 | +#cat_menu li a { | |
| 458 | + line-height: 40px; | |
| 459 | + width: 100%; | |
| 460 | + height: 100%; | |
| 461 | + display: block; | |
| 462 | +} | |
| 463 | +/************* FIM Bar Psocial Style - Menu Horizontal**************/ | |
| 464 | + | |
| 465 | +/******************Footer - Rodapé**********************************/ | |
| 466 | +#theme-footer { | |
| 467 | + width: 100%; | |
| 468 | +} | |
| 469 | + | |
| 470 | +#footer-content { | |
| 471 | + background: #fff; | |
| 472 | +} | |
| 473 | + | |
| 474 | +#footer-logos { | |
| 475 | + background: #00420C; | |
| 476 | + max-width: 100%; | |
| 477 | + padding: 2em 0; | |
| 478 | + height: 49px; | |
| 479 | +} | |
| 480 | + | |
| 481 | +#footer-logos div { | |
| 482 | + max-width: 960px; | |
| 483 | + margin: 0 auto; | |
| 484 | +} | |
| 485 | + | |
| 486 | +#footer-logos a { | |
| 487 | + display: block; | |
| 488 | + height: 49px; | |
| 489 | + float: left; | |
| 490 | +} | |
| 491 | + | |
| 492 | +#footer-logos span { | |
| 493 | + display: none; | |
| 494 | +} | |
| 495 | + | |
| 496 | +#footer-logos .logo-acesso { | |
| 497 | + background: transparent url(images/acesso-a-informacao.png) center center no-repeat; | |
| 498 | + width: 107px; | |
| 499 | +} | |
| 500 | + | |
| 501 | +#footer-logos .logo-brasil { | |
| 502 | + background: transparent url(images/brasil.png) center center no-repeat; | |
| 503 | + width: 153px; | |
| 504 | +} | |
| 505 | + | |
| 506 | +#footer-logos .logo-sgpr { | |
| 507 | + background: transparent url(images/sgpr.png) center center no-repeat; | |
| 508 | + width: 187px; | |
| 509 | + margin-right: 30px; | |
| 510 | +} | |
| 511 | + | |
| 512 | +#footer-logos .institucionais { | |
| 513 | + float: right; | |
| 514 | +} | |
| 515 | + | |
| 516 | +#footer-license { | |
| 517 | + max-width: 960px; | |
| 518 | + margin: 0 auto; | |
| 519 | + text-align: center; | |
| 520 | +} | |
| 521 | + | |
| 522 | + | ... | ... |
| 1 | +++ a/categories.rhtml | |
| ... | ... | @@ -0,0 +1,7 @@ |
| 1 | +<ul id="cat_menu"> | |
| 2 | + <% @environment.top_level_categories.find(:all, :conditions => {:display_in_menu => true}).each do |item| %> | |
| 3 | + <li id="category category_<%= item.path %>" > | |
| 4 | + <%= link_to(item.name, {:controller => :search, :action => 'category_index', :category_path => item.path }, :title => item.name, :style=>"color: ##{item.display_color || '000000'}" ) %> | |
| 5 | + </li> | |
| 6 | + <% end %> | |
| 7 | +</ul><!-- fim id="cat_menu" --> | ... | ... |
| 1 | +++ a/errors.css | |
| ... | ... | @@ -0,0 +1,65 @@ |
| 1 | +@import url(../base/errors.css); | |
| 2 | + | |
| 3 | +body { | |
| 4 | + background-image: url(images/fundo-de-tela-amarelo.png); | |
| 5 | + font-family: 'Open Sans',Arial,Helvetica,sans-serif; | |
| 6 | +} | |
| 7 | +#logo { | |
| 8 | + background: url(images/logo-participa.png); | |
| 9 | + top: 320px; | |
| 10 | + left: 20px; | |
| 11 | + position: absolute; | |
| 12 | + height:92px; | |
| 13 | + width:108px; | |
| 14 | +} | |
| 15 | + | |
| 16 | +div.message h1 { | |
| 17 | + border-bottom: 0px; | |
| 18 | + left: 170px; | |
| 19 | + position: relative; | |
| 20 | + margin-top: -20px; | |
| 21 | +} | |
| 22 | + | |
| 23 | +div.message p { | |
| 24 | + left: 170px; | |
| 25 | + position: relative; | |
| 26 | + font-size: 16px; | |
| 27 | + width: 400px; | |
| 28 | + color: #999; | |
| 29 | +} | |
| 30 | + | |
| 31 | +#header { | |
| 32 | + background: url(images/oops.png) top left no-repeat; | |
| 33 | + height: 142px; | |
| 34 | + margin-left: 20px; | |
| 35 | + margin-top: 48px; | |
| 36 | + position: relative; | |
| 37 | +} | |
| 38 | + | |
| 39 | + | |
| 40 | +#wrap { | |
| 41 | + margin: 120px 20px 0px 20px; | |
| 42 | + border: 1px solid #F2C311; | |
| 43 | + background: white url(images/mascote-bug.png) 100% 100% no-repeat; | |
| 44 | + height: 480px; | |
| 45 | + -webkit-border-radius: 7px; | |
| 46 | + -moz-border-radius: 7px; | |
| 47 | + border-radius: 7px; | |
| 48 | + -webkit-box-shadow: 7px 7px 7px 0px rgba(196, 159, 20, 0.75); | |
| 49 | + -moz-box-shadow: 7px 7px 7px 0px rgba(196, 159, 20, 0.75); | |
| 50 | + box-shadow: 7px 7px 7px 0px rgba(196, 159, 20, 0.75); | |
| 51 | +} | |
| 52 | + | |
| 53 | +#languages { | |
| 54 | + top: 600px; | |
| 55 | + position: absolute; | |
| 56 | + text-align: center; | |
| 57 | + width: 860px; | |
| 58 | + border-top: 0px; | |
| 59 | +} | |
| 60 | + | |
| 61 | +#languages a { | |
| 62 | + font-variant: small-caps; | |
| 63 | + color: black; | |
| 64 | + font-size: 14px; | |
| 65 | +} | |
| 0 | 66 | \ No newline at end of file | ... | ... |
| 1 | +++ a/footer.rhtml | |
| ... | ... | @@ -0,0 +1,21 @@ |
| 1 | +<div id="footer-content"> | |
| 2 | + <div id="footer-logos"> | |
| 3 | + <div> | |
| 4 | + <a class="logo-acesso" href="http://www.acessoainformacao.gov.br/" target="_blank"><span>Acesso a Informação</span></a> | |
| 5 | + <div class="institucionais"> | |
| 6 | + <a class="logo-sgpr" href="http://www.secretariageral.gov.br/" target="_blank"><span>Secretaria-geral da Presidência da República</span></a> | |
| 7 | + <a class="logo-brasil" href="http://www.brasil.gov.br/" target="_blank"><span>Brasil - Governo Federal</span></a> | |
| 8 | + </div> | |
| 9 | + </div> | |
| 10 | + </div><!-- end id="footer-logos" --> | |
| 11 | + | |
| 12 | + <div id="footer-license"> | |
| 13 | + <p> | |
| 14 | + Este site utiliza o software livre <a href="http://noosfero.org" target="_blank">Noosfero</a>, licenciado pela <a href="http://www.gnu.org/licenses/agpl.html" target="_blank">GNU Affero General Public License, versão 3 ou superior.<a> | |
| 15 | + </p> | |
| 16 | + </div><!-- end id="footer-license" --> | |
| 17 | +</div> | |
| 18 | + | |
| 19 | +<!-- <script type="text/javascript" src="http://barra.brasil.gov.br/barra.js?cor=verde"></script> --> | |
| 20 | +<script src="http://barra.brasil.gov.br/barra.js" type="text/javascript"></script> | |
| 21 | + | ... | ... |
| 1 | +++ a/header.rhtml | |
| ... | ... | @@ -0,0 +1,98 @@ |
| 1 | +<div id="barra-brasil"> | |
| 2 | + <a href="http://brasil.gov.br" style="background:#455ede; height: 20px; padding:4px 0 4px 10px; display: block; font-family:sans,sans-serif; text-decoration:none; color:white; ">Participa.gov</a> | |
| 3 | +</div> | |
| 4 | + | |
| 5 | + | |
| 6 | +<div class="header-content"> | |
| 7 | + <div role="banner" id="header"> | |
| 8 | + <div> | |
| 9 | + <ul id="accessibility"> | |
| 10 | + <li> | |
| 11 | + <a id="link-conteudo" href="#content" accesskey="1"> | |
| 12 | + Ir para o conteúdo | |
| 13 | + <span>1</span> | |
| 14 | + </a> | |
| 15 | + </li> | |
| 16 | + <li> | |
| 17 | + <a id="link-navegacao" href="#barra-psocial" accesskey="2"> | |
| 18 | + Ir para o menu | |
| 19 | + <span>2</span> | |
| 20 | + </a> | |
| 21 | + </li> | |
| 22 | + <li> | |
| 23 | + <a id="link-buscar" href="#portal-searchbox" accesskey="3"> | |
| 24 | + Ir para a busca | |
| 25 | + <span>3</span> | |
| 26 | + </a> | |
| 27 | + </li> | |
| 28 | + <li> | |
| 29 | + <a id="link-rodape" href="#theme-footer" accesskey="4"> | |
| 30 | + Ir para o rodapé | |
| 31 | + <span>4</span> | |
| 32 | + </a> | |
| 33 | + </li> | |
| 34 | + </ul> | |
| 35 | + <ul id="portal-siteactions"> | |
| 36 | + <li id="siteaction-accessibility"> | |
| 37 | + <a href="#">Acessibilidade</a> | |
| 38 | + </li> | |
| 39 | + <li id="siteaction-contraste"> | |
| 40 | + <a href="#">Alto Contraste</a> | |
| 41 | + </li> | |
| 42 | + <li id="siteaction-mapadosite"> | |
| 43 | + <a href="/search">Mapa do Site</a> | |
| 44 | + </li> | |
| 45 | + </ul> | |
| 46 | + | |
| 47 | + <div id="logo"> | |
| 48 | + <a title="Participa.gov" href="/"> | |
| 49 | + <span id="portal-title">Participa.gov</span> | |
| 50 | + </a> | |
| 51 | + </div> | |
| 52 | + | |
| 53 | + <div role="search" id="portal-searchbox"> | |
| 54 | + <form action="/search"> | |
| 55 | + <input type="text" autocomplete="off" name="query" size="18" title="Buscar no Site" placeholder="Buscar no Site" accesskey="3" class="searchField" id="searchGadget"> | |
| 56 | + <input type="submit" class="searchButton" value="Buscar"></form> | |
| 57 | + </div> | |
| 58 | + | |
| 59 | + <div id="social-icons"> | |
| 60 | + <ul> | |
| 61 | + <li> | |
| 62 | + <a id="sb_flickr" title="Flickr" href="#"><span>Flickr</span></a> | |
| 63 | + </li> | |
| 64 | + <li> | |
| 65 | + <a id="sb_face" title="Facebook" href="http://facebook.com/participabr"><span>Facebook</span></a> | |
| 66 | + </li> | |
| 67 | + <li> | |
| 68 | + <a id="sb_youtb" title="Youtube" href="#"><span>Youtube</span></a> | |
| 69 | + </li> | |
| 70 | + <li> | |
| 71 | + <a id="sb_tweet" title="Twitter" href="http://twitter.com/participabr"><span>Twitter</span></a> | |
| 72 | + </li> | |
| 73 | + </ul> | |
| 74 | + </div> | |
| 75 | + </div> | |
| 76 | + | |
| 77 | + <div id="sobre"> | |
| 78 | + <ul> | |
| 79 | + <li id="link-faq"> | |
| 80 | + <a href="/ajuda/ajuda/duvidas-frequentes">Perguntas frequentes</a> | |
| 81 | + </li> | |
| 82 | + <li id="link-contact"> | |
| 83 | + <a href="/contact/portal/new">Contato</a> | |
| 84 | + </li> | |
| 85 | + </ul> | |
| 86 | + </div> | |
| 87 | + </div> | |
| 88 | +</div> | |
| 89 | + | |
| 90 | +<div id="barra-psocial"> | |
| 91 | + <div id="categories_menu"> | |
| 92 | + <%= theme_include 'categories' %> | |
| 93 | + </div> | |
| 94 | + <div id="participa-languages"> | |
| 95 | + <a href="?lang=pt" class="flag-pt" title="Português"><span>Português</span></a> | |
| 96 | + <a href="?lang=en" class="flag-en" title="English"><span>English</span></a> | |
| 97 | + </div> | |
| 98 | +</div> | ... | ... |
9.42 KB
70.1 KB
174 KB
3.75 KB
3.75 KB
567 Bytes
548 Bytes
230 Bytes
2.54 KB
179 Bytes
187 Bytes
173 Bytes
14.3 KB
245 KB
159 Bytes
1.02 KB
3.01 KB
1.47 KB
3.13 KB
884 Bytes
856 Bytes
95.1 KB
142 Bytes
216 Bytes
35 Bytes
43 Bytes
305 Bytes
127 Bytes
128 Bytes
1.85 KB
14 KB
969 Bytes
333 Bytes
969 Bytes
1.01 KB
2.85 KB
3.12 KB
445 Bytes
448 Bytes
174 Bytes
648 Bytes
648 Bytes
2.17 KB
52 KB
850 Bytes
771 Bytes
5.21 KB
579 Bytes
877 Bytes
7.01 KB
1.04 KB
3.32 KB
3.74 KB
4.75 KB
2.46 KB
624 Bytes
538 Bytes
2.09 KB
190 Bytes
1.71 KB
642 Bytes
182 KB
2.04 KB
| 1 | +++ a/images/google_follow.svg | |
| ... | ... | @@ -0,0 +1,23 @@ |
| 1 | +<?xml version="1.0" encoding="iso-8859-1"?> | |
| 2 | +<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> | |
| 3 | +<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> | |
| 4 | +<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" | |
| 5 | + width="32px" height="32px" viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve"> | |
| 6 | +<circle id="circle_x5F_bg_17_" style="fill:#CF4832;" cx="16" cy="16" r="16.005"/> | |
| 7 | +<g> | |
| 8 | + <polygon style="fill:#FFFFFF;" points="24.376,9.896 22.499,9.896 22.499,13.646 18.747,13.646 18.747,15.523 22.499,15.523 | |
| 9 | + 22.499,19.273 24.376,19.273 24.376,15.523 28.126,15.523 28.126,13.646 24.376,13.646 "/> | |
| 10 | +</g> | |
| 11 | +<g> | |
| 12 | + <path style="fill:#FFFFFF;" d="M14.933,25.068c-0.74-0.559-2.355-1.699-2.355-2.465c0-0.898,0.256-1.342,1.605-2.396 | |
| 13 | + c1.387-1.082,2.367-2.51,2.367-4.279c0-1.93-0.789-3.678-2.27-4.527h2.102l1.787-1.879c0,0-5.91,0-8.008,0 | |
| 14 | + c-4.061,0-7.447,2.996-7.447,6.291c0,3.367,2.225,6.051,6.045,6.051c0.264,0,0.523-0.01,0.775-0.027 | |
| 15 | + C9.286,22.309,9.11,22.84,9.11,23.395c0,0.938,0.518,1.473,1.148,2.09c-0.48,0-0.941,0.01-1.449,0.01 | |
| 16 | + c-1.805,0-3.395,0.486-4.67,1.254c0.396,0.436,0.814,0.85,1.254,1.238c1.1-0.949,2.709-1.561,4.471-1.541 | |
| 17 | + c0.748,0.004,1.449,0.127,2.082,0.332c1.746,1.215,3.156,1.971,3.508,3.357c0.066,0.275,0.102,0.566,0.102,0.861 | |
| 18 | + c0,0.34-0.033,0.666-0.098,0.982c0.174,0.006,0.342,0.025,0.518,0.025c0.639,0,1.264-0.047,1.883-0.119 | |
| 19 | + c0.119-0.406,0.186-0.818,0.186-1.232C18.044,28.225,17.521,27.008,14.933,25.068z M10.306,20.645 | |
| 20 | + c-2.156-0.066-4.209-2.049-4.58-4.881c-0.375-2.834,1.07-5.004,3.23-4.939c2.158,0.064,4.004,2.389,4.377,5.223 | |
| 21 | + S12.464,20.707,10.306,20.645z"/> | |
| 22 | +</g> | |
| 23 | +</svg> | ... | ... |
279 Bytes
349 Bytes
772 Bytes
674 Bytes
772 Bytes
674 Bytes
567 Bytes
424 Bytes
426 Bytes
357 Bytes
438 Bytes
438 Bytes
373 Bytes
374 Bytes
807 Bytes
1.05 KB
1.09 KB
1.14 KB
1.3 KB
741 Bytes
286 Bytes
283 Bytes
1.19 KB
569 Bytes
1.26 KB