diff --git a/cabecalho-juventude.css b/cabecalho-juventude.css index 861b423..d3307bf 100644 --- a/cabecalho-juventude.css +++ b/cabecalho-juventude.css @@ -5,7 +5,7 @@ #theme-header{} #header { - padding: 13px 0 0 0; + padding: 20px 0 0 0; background: #ce5c00 url(images/bg-juventude.jpg); color: #fff; } @@ -44,12 +44,22 @@ } #accessibility span { - background: none repeat scroll 0 0 #497B16; + background: none repeat scroll 0 0 #545; color: #FFFFFF; padding: 0 4px; } +#top-header { + background: #204A87; + width: 100%; +} +#top-header > div { + width: 960px; + height: 30px; + line-height: 30px; + margin: 0px auto; +} /* logo */ #logo { @@ -65,8 +75,12 @@ color: #FFF; } +#site-title { + margin-left: -1000px; +} + #logo #portal-title { - margin: 30px 0px 46px 0px; + margin: 0px 0px 10px 0px; color: #FFF; font-size: 40px; font-family: 'Open Sans Extrabold', Arial, Helvetica, sans-serif; @@ -90,27 +104,25 @@ #portal-lang, #portal-siteactions { display: block; + line-height: 15px; + margin-top: 5px; + border-bottom: 1px dotted #FFF; float: right; - clear: left; - border-bottom: 1px dotted #00500f; - padding-bottom: 2px; - margin-top: -15px; - font-size: 10px; - text-align: center; } #portal-lang a, #portal-siteactions a { color: #FFF; + font-size: 0.93em !important; text-decoration: none; - padding: 4px 0 4px 10px; + padding: 4px 0 4px 0px; text-transform: uppercase; font-family: 'Open Sans', Arial, Helvetica, sans-serif; } #portal-lang a:hover, #portal-siteactions a:hover { - color: yellow; + color: #F1CA7F; } #portal-lang li, @@ -118,20 +130,17 @@ display: inline; } +#accessibility a:hover, #portal-lang li a:hover, #portal-siteactions li a:hover { -color: yellow; -} - -#portal-lang li a, -#portal-siteactions li a { - padding: 4px 0px; + color: #F1CA7F; } #social-icons { float: right; clear: right; margin: 0px; + margin-bottom: 10px; } #social-icons ul { @@ -149,7 +158,7 @@ color: yellow; #siteaction-accessibility, #siteaction-contraste { - margin: 0px 15px 0px 0px; + margin: 0px 15px 0px 0px; } /* */ @@ -164,33 +173,37 @@ color: yellow; #theme-header #sobre { line-height: 20px; - font-size: 12px; + font-size: 12px; } /* */ /* Sobre o brasil */ #sobre { - clear: both; - max-width: 100% !important; - margin: 0; - background: #ce5c00;/*laranja-mais-escuro*/ - padding: 5px 0; + clear: both; + max-width: 100% !important; + margin: 0; + background: #ce5c00; /*laranja-mais-escuro*/ + padding: 5px 0; } -#sobre ul { +#sobre > div { max-width: 960px; margin: 0 auto; - text-align: right; } -#sobre a { - color: #FFF; - font-family: 'Open Sans', Arial, Helvetica, sans-serif; +#sobre-portal { + float: right; } -#sobre .portalservicos-item a { +#sobre a { + color: #FFF; + font-family: 'Open Sans', Arial, Helvetica, sans-serif; padding: 0 10px; - border-right: 1px solid #03316f; + border-right: 1px solid #FFF; +} + +#sobre a:hover { + color: #F1CA7F; } #sobre .last-item a { @@ -254,6 +267,7 @@ width: 13em; #content input.searchField { margin-bottom: 1em; } + input.searchField { -moz-appearance: searchfield; } @@ -270,6 +284,10 @@ input.searchField { margin-top: 0.5%; } +#wrap-2 { + margin-top: 0px !important; + padding-top: 5px !important; +} /* Search Button */ #search-button a { @@ -335,112 +353,39 @@ background-position: 0px 0px; /****************** FIM cabecalho ******************/ /************* Bar Psocial Style - Menu Horizontal**************/ -#user{ +#user { + width: 960px; + position: relative; + top: 5px; + margin: 0px auto; + background: #FFF; + border-bottom: 2px solid #DFDFDF; padding: 0px 2em; - top: -30px; - font-size: 12px; - right: 4em; -} - -.logged-in #user{ - top: -40px; -} - -#user form { - display:none; -} - -#user .logged-in { - visibility: hidden; - display: block; - padding: 1em; - text-align: left; - width: 130px; - background: #204a87; - border-radius: 10px -} - -#user .logged-in:hover { - visibility: visible; -} -#user .logged-in a#homepage-link { - display: block; - visibility: visible; + font-size: 0.9em; + color: #204A87; } -#user .logged-in span {display: none;} - -#user .logged-in a { - display: block; - margin-bottom: 10px; -} - -#user .logged-in #pending-tasks-count { - display: inline-block; - left: 0; - position: absolute; - top: 10px; - visibility: visible; -} - -#user a, -#user a strong{ - color: #FFF; -} - -#barra-psocial { - position: relative; - height: 40px; - margin: auto; - background: #204a87; -} - -#barra-psocial li { - float: left; -} - -#assets-menu { - background: #E8E8E8; - top: 35px; - left: 80px; - min-width: 132px; -} - -#assets-menu a { - border: 1px solid #E8E8E8; -} - -#categories_menu { - /*max-width: 960px;*/ - padding: 0 1em; - margin: auto; +#user.fixar-user { + z-index: 9999; + position: fixed; + left: 0px; + top: 0px; + padding-top: 5px; } -#cat_menu { - background: #204a87; - height: 40px; - padding-left: 60px; +#user a, #user a strong { + color: #204A87; + text-decoration: underline; } -#cat_menu li { - list-style: none; - font-size: 12px; - font-weight: bold; - padding: 0px 20px; - height: 100%; - text-transform: uppercase; +#user a:focus strong, +#user a:hover strong { + color: #000; + text-decoration: none; } -#cat_menu li:hover { - background-color: #E1E4E4; -} +#user form { display: none; } -#cat_menu li a { - line-height: 40px; - width: 100%; - height: 100%; - display: block; -} /************* FIM Bar Psocial Style - Menu Horizontal**************/ @@ -481,15 +426,26 @@ background-position: 0px 0px; } #footer-logos .logo-brasil { - display: none; /* Eleicoes 2014 */ - background: transparent url(images/brasil.png) center center no-repeat; - width: 153px; + background: transparent url(images/logof-govbr.png) center center no-repeat; + width: 170px; } #footer-logos .logo-sgpr { - background: transparent url(images/sgpr.png) center center no-repeat; - width: 188px; - margin-right: 30px; + background: transparent url(images/logof-sgpr.png) center center no-repeat; + width: 170px; + margin-right: 5px; +} + +#footer-logos .logo-snj { + background: transparent url(images/logof-snj.png) center center no-repeat; + width: 140px; + margin-right: 5px; +} + +#footer-logos .logo-conjuve { + background: transparent url(images/logof-conjuve.png) center center no-repeat; + width: 140px; + margin-right: 5px; } #footer-logos .institucionais { diff --git a/footer.html.erb b/footer.html.erb index 3020a10..c0840be 100644 --- a/footer.html.erb +++ b/footer.html.erb @@ -1,21 +1,22 @@
- diff --git a/header.html.erb b/header.html.erb index 0bad8fb..96ea647 100644 --- a/header.html.erb +++ b/header.html.erb @@ -3,67 +3,75 @@
+ +
+
+ +
    +
  • + PT +
    • +
  • + EN +
    • +
  • + ES +
    • +
+ +
+
+ +
-
- - -
-
- <%= theme_include 'categories' %> -
-
+ + + + + diff --git a/images/bg-juventude.jpg b/images/bg-juventude.jpg index b3a6bb7..d0961df 100644 Binary files a/images/bg-juventude.jpg and b/images/bg-juventude.jpg differ diff --git a/images/logof-conjuve.png b/images/logof-conjuve.png new file mode 100644 index 0000000..8316ad5 Binary files /dev/null and b/images/logof-conjuve.png differ diff --git a/images/logof-govbr.png b/images/logof-govbr.png new file mode 100644 index 0000000..646ec96 Binary files /dev/null and b/images/logof-govbr.png differ diff --git a/images/logof-sgpr.png b/images/logof-sgpr.png new file mode 100644 index 0000000..1e9562c Binary files /dev/null and b/images/logof-sgpr.png differ diff --git a/images/logof-snj.png b/images/logof-snj.png new file mode 100644 index 0000000..76ec180 Binary files /dev/null and b/images/logof-snj.png differ diff --git a/theme.js b/theme.js index b78326c..7ba5d3a 100644 --- a/theme.js +++ b/theme.js @@ -50,3 +50,16 @@ function alignBlocks(containerIndex){ // $('#block-48500 > .block-inner-1 > .block-inner-2').append('
Ler todas
'); })(jQuery); + +// Aplicar class para fixar o menu #user ao topo +jQuery("document").ready(function($){ +var nav = $('#user'); +$(window).scroll(function () { +if ($(this).scrollTop() > 220) { +nav.addClass("fixar-user"); +} else { +nav.removeClass("fixar-user"); +} +}); +}); + -- libgit2 0.21.2