Commit 4e0ee1157ca82ea44f32293a756e9085bbffbba3
1 parent
001175ff
Exists in
master
and in
2 other branches
Remove header and footer and hide user bar from Noosfero default position
Showing
6 changed files
with
5 additions
and
1559 deletions
Show diff stats
cabecalho-amarelo-theme.css
| @@ -1,539 +0,0 @@ | @@ -1,539 +0,0 @@ | ||
| 1 | -/*(amarelo-claro=#fcdd4e)*/ | ||
| 2 | -/*(amarelo-escuro=#f9c404)*/ | ||
| 3 | -/****************** cabecalho ******************/ | ||
| 4 | - | ||
| 5 | -#theme-header{} | ||
| 6 | - | ||
| 7 | -#header { | ||
| 8 | - padding: 13px 0 0 0; | ||
| 9 | -background-color: #fcdd4e;/*(amarelo-claro)*/ | ||
| 10 | - /* Old browsers */ | ||
| 11 | - background-color: #f9c404; /*(amarelo-escuro)*/ | ||
| 12 | - background-image: -moz-radial-gradient(center, ellipse cover, #fcdd4e 1%, #f9c404 100%); /*(amarelo-claro)(amarelo-escuro)*/ | ||
| 13 | - /* FF3.6+ */ | ||
| 14 | - background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#fcdd4e), color-stop(100%,#f9c404)); | ||
| 15 | - /* Chrome,Safari4+ */ | ||
| 16 | - background-image: -webkit-radial-gradient(center, ellipse cover, #fcdd4e 1%,#f9c404 100%); | ||
| 17 | - /* Chrome10+,Safari5.1+ */ | ||
| 18 | - background-image: -o-radial-gradient(center, ellipse cover, #fcdd4e 1%,#f9c404 100%); | ||
| 19 | - /* Opera 12+ */ | ||
| 20 | - background-image: -ms-radial-gradient(center, ellipse cover, #fcdd4e 1%,#f9c404 100%); | ||
| 21 | - /* IE10+ */ | ||
| 22 | - background-image: radial-gradient(ellipse at center, #fcdd4e 1%,#f9c404 100%); | ||
| 23 | - /* W3C */ | ||
| 24 | -/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcdd4e', endColorstr='#f9c404',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: #00500f; | ||
| 59 | - margin-right: 8px; | ||
| 60 | -} | ||
| 61 | - | ||
| 62 | -#accessibility span { | ||
| 63 | - background: none repeat scroll 0 0 #497B16; | ||
| 64 | - color: #FFFFFF; | ||
| 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: #03316f !important; | ||
| 85 | - margin: 1em 0px; | ||
| 86 | -} | ||
| 87 | - | ||
| 88 | -#logo a, #logo #portal-title { | ||
| 89 | - color: #03316f; | ||
| 90 | -} | ||
| 91 | - | ||
| 92 | -#logo #portal-title { | ||
| 93 | - margin: 30px 0px 46px 0px; | ||
| 94 | - color: #03316f; | ||
| 95 | - font-size: 40px; | ||
| 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 #00500f; | ||
| 119 | - padding-bottom: 2px; | ||
| 120 | - margin-top: -15px; | ||
| 121 | - font-size: 10px; | ||
| 122 | - text-align: center; | ||
| 123 | -} | ||
| 124 | - | ||
| 125 | -#portal-siteactions a { | ||
| 126 | - color: #00500f; | ||
| 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: #03316f; | ||
| 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: 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 #00500f; | ||
| 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 | - font-size: 12px; | ||
| 185 | -} | ||
| 186 | -/* */ | ||
| 187 | - | ||
| 188 | -/* Sobre o brasil */ | ||
| 189 | -#sobre { | ||
| 190 | - clear: both; | ||
| 191 | - max-width: 100% !important; | ||
| 192 | - margin: 0; | ||
| 193 | - background: #f8c300;/*amarelo-mais-escuro*/ | ||
| 194 | - padding: 5px 0; | ||
| 195 | -} | ||
| 196 | - | ||
| 197 | -#sobre ul { | ||
| 198 | - max-width: 960px; | ||
| 199 | - margin: 0 auto; | ||
| 200 | - text-align: right; | ||
| 201 | -} | ||
| 202 | - | ||
| 203 | -#sobre a { | ||
| 204 | - color: #00500f; | ||
| 205 | - font-family: 'Open Sans', Arial, Helvetica, sans-serif; | ||
| 206 | -} | ||
| 207 | - | ||
| 208 | -#sobre .portalservicos-item a { | ||
| 209 | - padding: 0 10px; | ||
| 210 | - border-right: 1px solid #03316f; | ||
| 211 | -} | ||
| 212 | - | ||
| 213 | -#sobre .last-item a { | ||
| 214 | - padding: 0 0 0 10px; | ||
| 215 | - border-right: none; | ||
| 216 | -} | ||
| 217 | - | ||
| 218 | -/* Searchbox */ | ||
| 219 | -.LSBox { | ||
| 220 | - margin: 0; | ||
| 221 | - padding: 0; | ||
| 222 | - border: none; | ||
| 223 | -} | ||
| 224 | - | ||
| 225 | -input.searchField { | ||
| 226 | - -moz-appearance: none; | ||
| 227 | -} | ||
| 228 | - | ||
| 229 | -#portal-searchbox { | ||
| 230 | - clear: right; | ||
| 231 | - float: right; | ||
| 232 | - font-size: 80%; | ||
| 233 | - margin: 30px 0 14px; | ||
| 234 | - /*margin: 3.12em 0px 3px 0px;*/ | ||
| 235 | - text-align: right; | ||
| 236 | - border-radius: 5px; | ||
| 237 | - -moz-border-radius: 5px; | ||
| 238 | - -webkit-border-radius: 5px; | ||
| 239 | - border: 1px solid #CCCCCC; | ||
| 240 | - background: #fff; | ||
| 241 | - padding: 2px; | ||
| 242 | -} | ||
| 243 | - | ||
| 244 | -#portal-searchbox .searchField { | ||
| 245 | - padding: 0.45em; | ||
| 246 | - border-right: none; | ||
| 247 | - border: none; | ||
| 248 | - width: 170px; | ||
| 249 | -} | ||
| 250 | - | ||
| 251 | -#portal-searchbox form { | ||
| 252 | -white-space: nowrap; | ||
| 253 | -} | ||
| 254 | - | ||
| 255 | -#portal-searchbox label { | ||
| 256 | -font-weight: normal; | ||
| 257 | -} | ||
| 258 | - | ||
| 259 | -#searchGadget { | ||
| 260 | -width: 13em; | ||
| 261 | -} | ||
| 262 | - | ||
| 263 | -#header input.searchButton { | ||
| 264 | - padding: 0.3em; | ||
| 265 | - background: transparent; | ||
| 266 | - text-indent: -2000px; | ||
| 267 | - padding: 4px 15px; | ||
| 268 | - border: none; | ||
| 269 | -} | ||
| 270 | - | ||
| 271 | -#content input.searchField { | ||
| 272 | -margin-bottom: 1em; | ||
| 273 | -} | ||
| 274 | -input.searchField { | ||
| 275 | --moz-appearance: searchfield; | ||
| 276 | -} | ||
| 277 | - | ||
| 278 | -#header input.searchButton { | ||
| 279 | - background-image: url("images/search-button.gif"); | ||
| 280 | - background-position: 8px 2px; | ||
| 281 | - background-repeat: no-repeat; | ||
| 282 | - background-color: #ffffff; | ||
| 283 | -} | ||
| 284 | - | ||
| 285 | -#LSResult { | ||
| 286 | - z-index: 1; | ||
| 287 | - margin-top: 0.5%; | ||
| 288 | -} | ||
| 289 | - | ||
| 290 | - | ||
| 291 | -/* Search Button */ | ||
| 292 | -#search-button a { | ||
| 293 | - display: inline-block; | ||
| 294 | - width: 29px; | ||
| 295 | - height: 25px; | ||
| 296 | - margin-right: 3px; | ||
| 297 | - margin-top: 10px; | ||
| 298 | -} | ||
| 299 | - | ||
| 300 | -#search-button a:hover { | ||
| 301 | - opacity: 0.6; | ||
| 302 | -} | ||
| 303 | - | ||
| 304 | -#search-button #sb_search { | ||
| 305 | -background-image: url(images/search.png); | ||
| 306 | -background-size: 100% 100%; | ||
| 307 | -} | ||
| 308 | - | ||
| 309 | -#search-button span { display: none; } | ||
| 310 | - | ||
| 311 | - | ||
| 312 | -/* */ | ||
| 313 | - | ||
| 314 | -/* Social Buttons */ | ||
| 315 | -#social-buttons a { | ||
| 316 | - width: 18px; | ||
| 317 | - height: 20px; | ||
| 318 | - margin-right: 3px; | ||
| 319 | - margin-top: 10px; | ||
| 320 | -} | ||
| 321 | - | ||
| 322 | -#social-icons li a { | ||
| 323 | - width: 20px; | ||
| 324 | - height: 20px; | ||
| 325 | - padding: 0px; | ||
| 326 | - display: inline-block; | ||
| 327 | - background-repeat: no-repeat; | ||
| 328 | -} | ||
| 329 | - | ||
| 330 | -#social-icons li { | ||
| 331 | - float: right; | ||
| 332 | - width: 20px; | ||
| 333 | - margin-left: 4px; | ||
| 334 | -} | ||
| 335 | - | ||
| 336 | -#social-icons #sb_face { | ||
| 337 | -background-image: url(images/icone-verde-facebook.png); | ||
| 338 | -} | ||
| 339 | -#social-icons #sb_face:hover { | ||
| 340 | -background: url(images/icone-verde-facebook.png) 0 20px; | ||
| 341 | -} | ||
| 342 | - | ||
| 343 | -#social-icons #sb_tweet { | ||
| 344 | -background-image: url(images/icone-verde-twitter.png); | ||
| 345 | -} | ||
| 346 | -#social-icons #sb_tweet:hover { | ||
| 347 | -background: url(images/icone-verde-twitter.png) 0 20px; | ||
| 348 | -} | ||
| 349 | - | ||
| 350 | -#social-icons #sb_youtb { | ||
| 351 | -background-image: url(images/icone-verde-youtube.png); | ||
| 352 | -} | ||
| 353 | -#social-icons #sb_youtb:hover { | ||
| 354 | -background: url(images/icone-verde-youtube.png) 0 20px; | ||
| 355 | -} | ||
| 356 | - | ||
| 357 | -#social-icons #sb_flickr { | ||
| 358 | -background-image: url(images/icone-verde-flickr.png); | ||
| 359 | -} | ||
| 360 | -#social-icons #sb_flickr:hover { | ||
| 361 | -background: url(images/icone-verde-flickr.png) 0 20px; | ||
| 362 | -} | ||
| 363 | - | ||
| 364 | -#social-icons span { display: none; } | ||
| 365 | - | ||
| 366 | -/* FIM social Buttons */ | ||
| 367 | - | ||
| 368 | -/****************** FIM cabecalho ******************/ | ||
| 369 | - | ||
| 370 | -/************* Bar Psocial Style - Menu Horizontal**************/ | ||
| 371 | -#user{ | ||
| 372 | - padding: 0px 2em; | ||
| 373 | - top: -30px; | ||
| 374 | - font-size: 12px; | ||
| 375 | - right: 4em; | ||
| 376 | -} | ||
| 377 | - | ||
| 378 | -.logged-in #user{ | ||
| 379 | - top: -40px; | ||
| 380 | -} | ||
| 381 | - | ||
| 382 | -#user form { | ||
| 383 | - display:none; | ||
| 384 | -} | ||
| 385 | - | ||
| 386 | -#user .logged-in { | ||
| 387 | - visibility: hidden; | ||
| 388 | - display: block; | ||
| 389 | - background:url("images/barra-menu-user-bg.png") repeat-x bottom center #FEFEFE; | ||
| 390 | - display: block; | ||
| 391 | - padding: 1em 0; | ||
| 392 | - text-align: left; | ||
| 393 | - width: 130px; | ||
| 394 | - border-radius: 10px | ||
| 395 | -} | ||
| 396 | - | ||
| 397 | -#user .logged-in:hover { | ||
| 398 | - visibility: visible; | ||
| 399 | -} | ||
| 400 | -#user .logged-in a#homepage-link { | ||
| 401 | - display: block; | ||
| 402 | - visibility: visible; | ||
| 403 | -} | ||
| 404 | - | ||
| 405 | -#user .logged-in span {display: none;} | ||
| 406 | - | ||
| 407 | -#user .logged-in a { | ||
| 408 | - display: block; | ||
| 409 | - margin-bottom: 10px; | ||
| 410 | -} | ||
| 411 | - | ||
| 412 | -#user .logged-in #pending-tasks-count { | ||
| 413 | - display: inline-block; | ||
| 414 | - left: 0; | ||
| 415 | - position: absolute; | ||
| 416 | - top: 10px; | ||
| 417 | - visibility: visible; | ||
| 418 | -} | ||
| 419 | - | ||
| 420 | -#barra-psocial { | ||
| 421 | - position: relative; | ||
| 422 | - height: 40px; | ||
| 423 | - margin: auto; | ||
| 424 | - background: url(images/barra-psocial-bg.png) repeat-x; | ||
| 425 | -} | ||
| 426 | - | ||
| 427 | -#barra-psocial li { | ||
| 428 | - float: left; | ||
| 429 | -} | ||
| 430 | - | ||
| 431 | -#assets-menu { | ||
| 432 | - background: #E8E8E8; | ||
| 433 | - top: 35px; | ||
| 434 | - left: 80px; | ||
| 435 | - min-width: 132px; | ||
| 436 | -} | ||
| 437 | - | ||
| 438 | -#assets-menu a { | ||
| 439 | - border: 1px solid #E8E8E8; | ||
| 440 | -} | ||
| 441 | - | ||
| 442 | -#categories_menu { | ||
| 443 | - /*max-width: 960px;*/ | ||
| 444 | - padding: 0 1em; | ||
| 445 | - margin: auto; | ||
| 446 | -} | ||
| 447 | - | ||
| 448 | -#custom-menu { | ||
| 449 | - background: url(images/marca-participacao-social.png) no-repeat center left; | ||
| 450 | - height: 40px; | ||
| 451 | - padding-left: 60px; | ||
| 452 | -} | ||
| 453 | - | ||
| 454 | -#cat_menu li { | ||
| 455 | - list-style: none; | ||
| 456 | - font-size: 12px; | ||
| 457 | - font-weight: bold; | ||
| 458 | - padding: 0px 20px; | ||
| 459 | - height: 100%; | ||
| 460 | - text-transform: uppercase; | ||
| 461 | -} | ||
| 462 | - | ||
| 463 | -#cat_menu li:hover { | ||
| 464 | - background-color: #E1E4E4; | ||
| 465 | -} | ||
| 466 | - | ||
| 467 | -#cat_menu li a { | ||
| 468 | - line-height: 40px; | ||
| 469 | - width: 100%; | ||
| 470 | - height: 100%; | ||
| 471 | - display: block; | ||
| 472 | -} | ||
| 473 | -/************* FIM Bar Psocial Style - Menu Horizontal**************/ | ||
| 474 | - | ||
| 475 | - | ||
| 476 | -/******************Footer - Rodapé**********************************/ | ||
| 477 | -#theme-footer { | ||
| 478 | - width: 100%; | ||
| 479 | -} | ||
| 480 | - | ||
| 481 | -#footer-content { | ||
| 482 | - background: #fff; | ||
| 483 | -} | ||
| 484 | - | ||
| 485 | -#footer-logos { | ||
| 486 | - background: #F28F00; | ||
| 487 | - max-width: 100%; | ||
| 488 | - padding: 2em 0; | ||
| 489 | - height: 49px; | ||
| 490 | -} | ||
| 491 | - | ||
| 492 | -#footer-logos div { | ||
| 493 | - max-width: 960px; | ||
| 494 | - margin: 0 auto; | ||
| 495 | -} | ||
| 496 | - | ||
| 497 | -#footer-logos a { | ||
| 498 | - display: block; | ||
| 499 | - height: 49px; | ||
| 500 | - float: left; | ||
| 501 | -} | ||
| 502 | - | ||
| 503 | -#footer-logos span { | ||
| 504 | - display: none; | ||
| 505 | -} | ||
| 506 | - | ||
| 507 | -#footer-logos .logo-acesso { | ||
| 508 | - background: transparent url(images/acesso-a-informacao.png) center center no-repeat; | ||
| 509 | - width: 107px; | ||
| 510 | -} | ||
| 511 | - | ||
| 512 | -#footer-logos .logo-brasil { | ||
| 513 | - background: transparent url(images/brasil.png) center center no-repeat; | ||
| 514 | - width: 153px; | ||
| 515 | -} | ||
| 516 | - | ||
| 517 | -#footer-logos .logo-sgpr { | ||
| 518 | - background: transparent url(images/sgpr.png) center center no-repeat; | ||
| 519 | - width: 187px; | ||
| 520 | - margin-right: 30px; | ||
| 521 | -} | ||
| 522 | - | ||
| 523 | -#footer-logos .institucionais { | ||
| 524 | - float: right; | ||
| 525 | -} | ||
| 526 | - | ||
| 527 | -#footer-license { | ||
| 528 | - max-width: 960px; | ||
| 529 | - margin: 0 auto; | ||
| 530 | - text-align: left; | ||
| 531 | - padding: 19px; | ||
| 532 | -} | ||
| 533 | - | ||
| 534 | -#footer-license p { | ||
| 535 | - color: #F28F00; | ||
| 536 | - text-align: left; | ||
| 537 | -} | ||
| 538 | - | ||
| 539 | - |
cabecalho-theme.css
| @@ -1,372 +0,0 @@ | @@ -1,372 +0,0 @@ | ||
| 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 | - |
cabecalho-verde-theme.css
| @@ -1,522 +0,0 @@ | @@ -1,522 +0,0 @@ | ||
| 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 | - |
footer.html.erb
| @@ -1,19 +0,0 @@ | @@ -1,19 +0,0 @@ | ||
| 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 src="http://barra.brasil.gov.br/barra.js" type="text/javascript"></script> |
header.html.erb
| @@ -1,101 +0,0 @@ | @@ -1,101 +0,0 @@ | ||
| 1 | -<div id="barra-brasil"> | ||
| 2 | - <a href="http://brasil.gov.br" style="background:#7F7F7F; height: 20px; padding:4px 0 4px 10px; display: block; font-family:sans,sans-serif; text-decoration:none; color:white; ">Portal do Governo Brasileiro</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.br" href="/"> | ||
| 49 | - <span id="portal-title">Participa.br</span> | ||
| 50 | - </a> | ||
| 51 | - </div> | ||
| 52 | - | ||
| 53 | - <div role="search" id="portal-searchbox"> | ||
| 54 | - <form action="/search/articles"> | ||
| 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="https://www.flickr.com/photos/110745331@N02/"><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="https://www.youtube.com/participabrasil"><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 | - <span id="custom-menu"> | ||
| 92 | - <a href="http://biblioteca.participa.br/" target="_blank"><img src="/designs/themes/participa-theme/images/biblioteca_digital.png" title="Biblioteca Digital"></a> | ||
| 93 | - </span> | ||
| 94 | - <div id="categories_menu"> | ||
| 95 | - <%= theme_include 'categories' %> | ||
| 96 | - </div> | ||
| 97 | - <div id="participa-languages"> | ||
| 98 | - <a href="?lang=pt" class="flag-pt" title="Português"><span>Português</span></a> | ||
| 99 | - <a href="?lang=en" class="flag-en" title="English"><span>English</span></a> | ||
| 100 | - </div> | ||
| 101 | -</div> |
style.css
| 1 | @import url(../profile-base/style.css); | 1 | @import url(../profile-base/style.css); |
| 2 | -/******************** cabecalho verde ********************/ | ||
| 3 | -/*@import url(cabecalho-verde-theme.css);*/ | ||
| 4 | -/****************** FIM cabecalho verde ******************/ | ||
| 5 | -/******************** cabecalho amarelo ********************/ | ||
| 6 | -@import url(cabecalho-amarelo-theme.css); | ||
| 7 | -/****************** FIM cabecalho amarelo ******************/ | 2 | + |
| 8 | @font-face { | 3 | @font-face { |
| 9 | font-family: 'Open Sans'; | 4 | font-family: 'Open Sans'; |
| 10 | font-style: normal; | 5 | font-style: normal; |
| @@ -63,6 +58,10 @@ | @@ -63,6 +58,10 @@ | ||
| 63 | margin-top: 0; | 58 | margin-top: 0; |
| 64 | } | 59 | } |
| 65 | 60 | ||
| 61 | +#wrap-2 #user{ | ||
| 62 | + display: none; | ||
| 63 | +} | ||
| 64 | + | ||
| 66 | #wrap-1, #theme-footer { | 65 | #wrap-1, #theme-footer { |
| 67 | margin: auto; | 66 | margin: auto; |
| 68 | width: 100%; | 67 | width: 100%; |