From 15c66b830dc1337cd71a8263dc9816992f705775 Mon Sep 17 00:00:00 2001 From: Daniela Soares Feitosa Date: Mon, 4 Nov 2013 07:21:51 -0300 Subject: [PATCH] Organizing portal home --- gov-plone.css | 1 - header.rhtml | 4 ++-- style.css | 139 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++----------------------------------------- theme.js | 38 ++++++++++++++++++++++++++++++++++++++ 4 files changed, 138 insertions(+), 44 deletions(-) diff --git a/gov-plone.css b/gov-plone.css index af1fb26..a8f849f 100644 --- a/gov-plone.css +++ b/gov-plone.css @@ -453,7 +453,6 @@ dl.portlet li, div.portletStaticText li { margin-bottom: 0.25em; line-height: 1.5em; -display: list-item; } #content dt { font-weight: bold; diff --git a/header.rhtml b/header.rhtml index 3c2c4aa..d028fb3 100644 --- a/header.rhtml +++ b/header.rhtml @@ -11,7 +11,7 @@
  • - + Ir para o menu 2 @@ -23,7 +23,7 @@
  • - + Ir para o rodapĂ© 4 diff --git a/style.css b/style.css index 2f59e2d..9dc284c 100644 --- a/style.css +++ b/style.css @@ -16,11 +16,15 @@ body { margin: 0px; } +#theme-header { + font-size: 12px; +} + #wrap-2 { max-width: 960px; margin: auto; border: 0px; - margin-top: 223px; + margin-top: 160px; } #main-content-wrapper-1, @@ -35,9 +39,18 @@ body { background: none; } +/* Overwriting Brasil gov style */ +#portal-siteactions { + padding-bottom: 5px; + margin-top: -10px; +} + /* Bar Psocial Style */ -#user { top: -30px; } +#user { + top: -30px; + font-size: 12px; +} #user form { display:none; @@ -355,22 +368,6 @@ div#article-parent { /* Blocks main style */ -.action-home-index #content .box-1 .block { - width: 48%; - float: left; - margin-right: 10px; -} - -.action-home-index #content .box-1 .block.raw-html-block { - width: 100%; - background-image: url(images/bg-palacio-do-planalto.jpg); -} - -.action-home-index #content .box-1 .block.track-list-block { - width: 100%; - background-image: url(images/bg-pessoas.jpg); -} - .action-home-index #content .box-1 .block-title { padding: 0.6em 1.5em; color: #444; @@ -454,16 +451,6 @@ div#article-parent { /* Block Display Content style */ -.action-home-index #content .box-1 .display-content-block { - width: 300px; -} - -#content .box-1 .statistics-block li, -#content .box-1 .display-content-block li { - list-style: none; - margin: 0px; -} - .box-1 .display-content-block { font-size: 14px; } @@ -571,12 +558,6 @@ div#article-parent { margin-left: 15px; } -.action-home-index #content .box-1 .communities-block, -.action-home-index #content .box-1 .people-block { - background-image: url(images/bg-linhas-cinza.png); - margin-right: 0px; -} - .action-home-index #content .communities-block .block-title, .action-home-index #content .people-block .block-title { display: none; @@ -769,19 +750,15 @@ div#article-parent { /* padrao da barra verde - estatistica */ .action-home-index #content .box-1 .statistics-block { width: 100%; + display: inline-block; + margin: 0px; + padding: 28px 0px 15px 0px; } .action-home-index .statistics-block .block-title { display: none; } -.action-home-index .statistics-block-data{ - background:#0c763e; - width:960px; - float:left; - padding:10px 0 25px 0; -} - .action-home-index .statistics-block-data ul{ list-style:none; } @@ -811,3 +788,83 @@ div#article-parent { #header input.searchButton { background-image: url(images/search-button.gif); } + +/* HOME */ + +.action-home-index #wrap-2 { + max-width: none; + padding: 0px; +} + +.action-home-index #boxes { + margin-top: 0px; +} + +.action-home-index #content { + margin: 0px; +} + +.action-home-index .home-blocks-inner { + max-width: 960px; + margin: auto; +} + +.action-home-index #content-blocks { + margin-top: 30px; + clear: both; +} + +.action-home-index #content-blocks .home-blocks-inner { + text-align: center; +} + +.action-home-index #content .box-1 .display-content-block { + width: 300px; + display: inline-block; + text-align: left; +} + +.action-home-index #content #content-blocks-inner { + max-width: 960px; +} + +#content .box-1 #content .statistics-block li, +#content .box-1 #content .display-content-block li { + list-style: none; + margin: 0px; +} + +.action-home-index #content .communities-block, +.action-home-index #content .people-block { + display: inline-block; + width: 50%; + vertical-align: top; + margin-top: 30px; +} + +.action-home-index #content .box-1 .block { + margin-right: 0px; +} + +.action-home-index #statistics-blocks { + background:#0c763e; +} + +.action-home-index .statistics-block { + padding:10px 0 25px 0; +} + +.action-home-index #circles-blocks { + width: 100%; + background: url(images/bg-palacio-do-planalto.jpg); + padding-top: 20px; +} + +.action-home-index #block.track-list-blocks { + width: 100%; + background: url(images/bg-pessoas.jpg); +} + +.action-home-index #profile-blocks { + background: url(images/bg-linhas-cinza.png); +} diff --git a/theme.js b/theme.js index 7e0e95f..8df5ccf 100644 --- a/theme.js +++ b/theme.js @@ -4,6 +4,44 @@ // field size and html escape var tags_block = $('.action-home-index .tags-block'); var footer = $('#theme-footer'); + var blocks_area = $('#box-1 .blocks'); + + circles_blocks_div = $('
    ',{ id : 'circles-blocks'}); + circles_blocks_div_inner = $('
    ',{ class : 'home-blocks-inner'}); + circles_blocks_div.prepend(circles_blocks_div_inner); + circles_blocks_div_inner.prepend($('.action-home-index #box-1 .raw-html-block')); + + highlight_article_blocks_div = $('
    ',{ id : 'highlight-article-blocks'}); + highlight_article_blocks_div_inner = $('
    ',{ class : 'home-blocks-inner'}); + highlight_article_blocks_div.prepend(highlight_article_blocks_div_inner); + highlight_article_blocks_div_inner.prepend($('.action-home-index #box-1 .article-block')); + + + statistics_blocks_div = $('
    ',{ id : 'statistics-blocks'}); + statistics_blocks_div_inner = $('
    ',{ class : 'home-blocks-inner'}); + statistics_blocks_div.prepend(statistics_blocks_div_inner); + statistics_blocks_div_inner.prepend($('.action-home-index #box-1 .statistics-block')); + + var display_content_blocks = $('.action-home-index #box-1 .display-content-block'); + content_blocks_div = $('
    ',{ id : 'content-blocks'}); + content_blocks_div_inner = $('
    ',{ class : 'home-blocks-inner'}); + content_blocks_div.prepend(content_blocks_div_inner); + display_content_blocks.each(function() { + var element = $(this); + content_blocks_div_inner.prepend(element); + }); + + profile_blocks_div = $('
    ',{ id : 'profile-blocks'}); + profile_blocks_div_inner = $('
    ',{ class : 'home-blocks-inner'}); + profile_blocks_div.prepend(profile_blocks_div_inner); + profile_blocks_div_inner.prepend($('.action-home-index #box-1 .communities-block')); + profile_blocks_div_inner.prepend($('.action-home-index #box-1 .people-block')); + + blocks_area.prepend(profile_blocks_div); + blocks_area.prepend(content_blocks_div); + blocks_area.prepend(statistics_blocks_div); + blocks_area.prepend(highlight_article_blocks_div); + blocks_area.prepend(circles_blocks_div); footer.prepend(tags_block); })(jQuery); -- libgit2 0.21.2