Download as
Browse Code »

Commit 7de8a0150278909bbb9b194ae7d26a68c146e885

Authored by Valessio Brito
1 parent d3faf06c
Exists in master and in 2 other branches production, staging

Modificando cabeçalho juventude

Showing 1 changed file with 539 additions and 0 deletions   Show diff stats
cabecalho-juventude.css 0 → 100644
  Diff comments   View file @7de8a01
... ... @@ -0,0 +1,539 @@
  1 +/* (laranja-claro=#f57900)*/
  2 +/* (laranja-escuro=#ce5c00)*/
  3 +/****************** cabecalho ******************/
  4 +
  5 +#theme-header{}
  6 +
  7 +#header {
  8 + padding: 13px 0 0 0;
  9 +background-color: #f57900;/*(laranja-claro)*/
  10 + /* Old browsers */
  11 + background-color: #ce5c00; /*(laranja-escuro)*/
  12 + background-image: -moz-radial-gradient(center, ellipse cover, #f57900 1%, #ce5c00 100%); /*(laranja-claro)(laranja-escuro)*/
  13 + /* FF3.6+ */
  14 + background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#f57900), color-stop(100%,#ce5c00));
  15 + /* Chrome,Safari4+ */
  16 + background-image: -webkit-radial-gradient(center, ellipse cover, #f57900 1%,#ce5c00 100%);
  17 + /* Chrome10+,Safari5.1+ */
  18 + background-image: -o-radial-gradient(center, ellipse cover, #f57900 1%,#ce5c00 100%);
  19 + /* Opera 12+ */
  20 + background-image: -ms-radial-gradient(center, ellipse cover, #f57900 1%,#ce5c00 100%);
  21 + /* IE10+ */
  22 + background-image: radial-gradient(ellipse at center, #f57900 1%,#ce5c00 100%);
  23 + /* W3C */
  24 +/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f57900', endColorstr='#ce5c00',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;/*laranja-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;
  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 +#cat_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 +
... ...