From 8707d76147a5dc8c51a0b41e9c7cd26965eb0740 Mon Sep 17 00:00:00 2001 From: Gustavo Cruz Date: Tue, 11 Feb 2014 18:09:02 -0300 Subject: [PATCH] updating theme --- cabecalho-amarelo-theme.css | 12 ++++++------ images/button-read-more-vazio-contraste.png | Bin 0 -> 648 bytes images/cabecalho_pairwise.png | Bin 0 -> 53282 bytes style.css | 267 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-------------------------------------- 4 files changed, 235 insertions(+), 44 deletions(-) create mode 100755 images/button-read-more-vazio-contraste.png create mode 100755 images/cabecalho_pairwise.png diff --git a/cabecalho-amarelo-theme.css b/cabecalho-amarelo-theme.css index 43e79a1..f83db67 100644 --- a/cabecalho-amarelo-theme.css +++ b/cabecalho-amarelo-theme.css @@ -5,7 +5,7 @@ #theme-header{} #header { - padding: 40px 0 0 0; + padding: 45px 0 0 0; background-color: #fcdd4e;/*(amarelo-claro)*/ /* Old browsers */ background-color: #f9c404; /*(amarelo-escuro)*/ @@ -48,7 +48,7 @@ background-color: #fcdd4e;/*(amarelo-claro)*/ #accessibility { display: block !important; - font-size: 0.8em; + font-size: 7pt; width: 50%; float: left; } @@ -59,9 +59,9 @@ background-color: #fcdd4e;/*(amarelo-claro)*/ } #accessibility span { - background: #9ed5ab; - color: #00500f; - padding: 0 4px; + background: none repeat scroll 0 0 #497B16; + color: #FFFFFF; + padding: 0 4px; } @@ -91,7 +91,7 @@ background-color: #fcdd4e;/*(amarelo-claro)*/ #logo #portal-title { margin: 30px 0px 46px 0px; color: #03316f; - font-size: 3.35em; + font-size: 4em; font-family: 'Open Sans Extrabold', Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1em; diff --git a/images/button-read-more-vazio-contraste.png b/images/button-read-more-vazio-contraste.png new file mode 100755 index 0000000..0be02f4 Binary files /dev/null and b/images/button-read-more-vazio-contraste.png differ diff --git a/images/cabecalho_pairwise.png b/images/cabecalho_pairwise.png new file mode 100755 index 0000000..6756212 Binary files /dev/null and b/images/cabecalho_pairwise.png differ diff --git a/style.css b/style.css index 0ffad9a..3923cad 100644 --- a/style.css +++ b/style.css @@ -245,6 +245,8 @@ p { /*****************/ +/*Container Block - Bloco de Blocos*/ + .container-block-plugin_container-block, .container-block-plugin_container-block .block-inner-2{ background-color: transparent; @@ -284,6 +286,11 @@ p { margin-right: 20px; margin-top: 0; } +.action-home-index .block-outer .block .block-outer{ + margin-right: 0px; +} + +/****Display Content - Bloco de artigo****/ .display-content-block .lead { overflow: hidden; @@ -317,6 +324,131 @@ p { } + +/*Display Content na página inicial*/ + +.action-home-index #content .display-content-block .block-inner-2, +.action-environment_design-index #content .display-content-block .block-inner-2{ + display: inline-block; +} +.action-home-index #content .display-content-block .title, +.action-environment_design-index #content .display-content-block .title{ + float: right; + width: 50%; + padding-right: 0; +} +.action-home-index #content .display-content-block .image, +.action-environment_design-index #content .display-content-block .image{ + float: left; + width: 450px; +} +.action-home-index #content .display-content-block .image img, +.action-environment_design-index #content .display-content-block .image img{ + max-width: 450px; + max-height: 300px; +} +.action-home-index #content .display-content-block .image a, +.action-environment_design-index #content .display-content-block .image a{ +} +.action-home-index #content .display-content-block .lead, +.action-environment_design-index #content .display-content-block .lead{ + float: right; + width: 50%; + clear: right; +} +.action-home-index #content .display-content-block .lead .img, +.action-environment_design-index #content .display-content-block .lead .img{ +} +.action-home-index #content .display-content-block .tags, +.action-environment_design-index #content .display-content-block .tags{ + float: right; + width: 50%; + clear: right; +} +.action-home-index #content .display-content-block .published-at, +.action-environment_design-index #content .display-content-block .published-at{ + float: right; + width: 50%; +} +.action-home-index #content .display-content-block .read_more, +.action-environment_design-index #content .display-content-block .read_more{ + float: right; + width: 50%; + clear: right; +} + +/*Display Content em container na página inicial*/ + +.action-home-index .container-block-plugin_container-block .container-block-plugin_container-block, +.action-environment_design-index .container-block-plugin_container-block .container-block-plugin_container-block{ + width: 630px !important; + background-color: white; +} + +.action-home-index #wrap-2 .block-outer .container-block-plugin_container-block div.display-content-block, +.action-environment_design-index #wrap-2 .block-outer .container-block-plugin_container-block div.display-content-block { + margin-right: 24px; + width: 270px !important; +} + +.action-home-index .people-block, +.action-environment_design-index .people-block { + /* overflow: hidden;*/ + width: 314px !important; +} + +.action-home-index #content .container-block-plugin_container-block .display-content-block .block-inner-2, +.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .block-inner-2{ + overflow: hidden; +} +.action-home-index #content .container-block-plugin_container-block .display-content-block .title, +.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .title{ + float: none; + width: 100%; + padding-right: 0; +} +.action-home-index #content .container-block-plugin_container-block .display-content-block .image, +.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .image{ + float: none; + width: 100%; + text-align: center; + margin-bottom: 1em; +} +.action-home-index #content .container-block-plugin_container-block .display-content-block .image img, +.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .image img{ + max-width: 258px; + max-height: 265px; +} +.action-home-index #content .container-block-plugin_container-block .display-content-block .image a, +.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .image a{ +} +.action-home-index #content .container-block-plugin_container-block .display-content-block .lead, +.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .lead{ + float: none; + width: 100%; + clear: right; +} +.action-home-index #content .container-block-plugin_container-block .display-content-block .lead .img, +.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .lead .img{ +} +.action-home-index #content .container-block-plugin_container-block .display-content-block .tags, +.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .tags{ + float: none; + width: 100%; + clear: right; +} +.action-home-index #content .container-block-plugin_container-block .display-content-block .published-at, +.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .published-at{ + float: none; + width: 100%; +} +.action-home-index #content .container-block-plugin_container-block .display-content-block .read_more, +.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .read_more{ + float: none; + width: 100%; + clear: right; +} + /*borda dos wrappers*/ /**/ #main-content-wrapper-1, @@ -713,19 +845,20 @@ input.button.with-text { .community-track-plugin_track-card-list-block .track_list{ text-align: center; + padding: 0 0px; } .track_list .item_card { background-color: #FFFAFA; border: 1px solid #DDDDDD; display: inline-block; - float: none; - height: 100%; - margin: 10px 15px; - max-width: 190px; - min-height: 335px; + float: left; + clear: right; + margin: 10px 9px; + max-width: 214px; + height: 390px; padding: 0; - width: 190px; + width: 214px; } .track_list .item_card a{ @@ -746,26 +879,27 @@ input.button.with-text { /**/ #content .track_list .item_card .track_content{ - height: 335px; + height: 355px; overflow: hidden; } #content .track_list .item_card .track_content .title{ color: white; + font-family: Arial,sans-serif; font-size: small; - font-weight: normal; + font-weight: bold; + min-height: 15px; padding: 5px 0; text-align: center; - min-height: 16px; } #content .track_list .item_card .track_content .image{ border: 1px solid #ddd; - width: 175px; - height: 122px; + width: 196px; + height: 146px; overflow: hidden; - margin: 0.5em; + margin: 8px; } #content .track_list .item_card .track_content .name { @@ -773,14 +907,15 @@ input.button.with-text { font-weight: normal; padding: 5px 0; text-align: left; - margin: 0 0.5em; + margin: 0 8px; + color: #444; } #content .track_list .item_card .track_content .lead { font-weight: normal; padding: 5px 0; - margin: 0 0.5em; + margin: 0 8px; text-align: left; color: black; } @@ -833,7 +968,7 @@ input.button.with-text { } .track_list .item_card .track_stats { - padding: 0 5px; + padding: 5px 5px 0; height: 25px; } .track_list .item_card .track_stats .counter { @@ -842,11 +977,14 @@ input.button.with-text { text-align: left; font-size: 10pt; display: block; + color: #444; } .track_list .item_card .track_stats .hits .label, .track_list .item_card .track_stats .comments .label { font-size: 7pt; float: right; + color: #444; + visibility: hidden; } /**/ @@ -1066,10 +1204,10 @@ input.button.with-text { text-align: left; } -.more_button .view_all a, -.read_more a{ +#content .more_button .view_all a, +#content .read_more a{ background: url("images/button-read-more-vazio.png") no-repeat scroll left 50% transparent; - color: #000000; + color: #333; display: inline-block; font-weight: bold; padding: 10px 20px 10px 50px; @@ -1081,7 +1219,7 @@ input.button.with-text { } .community-track-plugin_track-card-list-block .more_button .view_all a{ - margin-right: 35px; + margin-right: 12px; } /*área do rodapé do bloco onde fica o botão ver todos*/ @@ -1094,7 +1232,7 @@ input.button.with-text { margin-right: 8px; } -#content .tags-block .block-footer-content a, #content .people-block .block-footer-content a, #content .profile-list-block .block-footer-content a, #content .enterprises-block .block-footer-content a, #content .members-block .block-footer-content a, #content .communities-block .block-footer-content a, #content .friends-block .block-footer-content a { +/*#content .tags-block .block-footer-content a, */#content .people-block .block-footer-content a, #content .profile-list-block .block-footer-content a, #content .enterprises-block .block-footer-content a, #content .members-block .block-footer-content a, #content .communities-block .block-footer-content a, #content .friends-block .block-footer-content a { background: url("images/button-read-more-vazio.png") no-repeat scroll left 50% transparent; color: #000000; display: inline-block; @@ -1162,11 +1300,27 @@ input.button.with-text { text-align: left; } +.action-home-index #content .display-content-block:first-of-type .block-title span, +.action-environment_design-index #content .display-content-block:first-of-type .block-title span { + background-color: #f7b905; + color: #0a4d06; + font-size: 14px; + font-variant: normal; + padding: 0.5em 1em; + text-align: left; +} + .action-home-index .block .block-inner-2, .action-environment_design-index .block .block-inner-2 { background-color: white; padding: 1em; - margin: -10px -8px -8px; + /*margin: -10px -8px -8px;*/ + margin: 0; +} + +.action-home-index .community-track-plugin_track-card-list-block .block-inner-2, +.action-environment_design-index .community-track-plugin_track-card-list-block .block-inner-2 { + background: url("images/bg-pessoas.jpg") no-repeat scroll center top transparent; } /**/ @@ -1186,8 +1340,8 @@ input.button.with-text { .action-home-index .people-block .common-profile-list-block .profile_link, .action-environment_design-index .people-block .common-profile-list-block .profile_link{ - height: 50px; - width: 50px; + height: 56px; + width: 56px; margin: -1px -2px; padding: 0; border: 1px solid white !important; @@ -1201,9 +1355,9 @@ input.button.with-text { color: #fff; font-size: medium; font-weight: bold; - height: 50px; - line-height: 50px; - width: 99px; + height: 56px; + line-height: 56px; + width: 112px; } .action-home-index .vcard .menu-submenu, @@ -1211,14 +1365,7 @@ input.button.with-text { bottom: 100%; } -.action-home-index #content .tags-block { - bottom: -21px; - left: 25%; - margin-left: -50%; - position: absolute; - width: 1440px; -} - +.action-home-index #content .tags-block, .action-environment_design-index #content .tags-block { bottom: -21px; left: 25%; @@ -1238,6 +1385,11 @@ input.button.with-text { font-weight: bold; } +.action-home-index #content .tags-block .block-footer-content, +.action-environment_design-index .tags-block .block-footer-content{ + display: none; +} + .action-home-index #content .tags-block .block-title, .action-environment_design-index #content .tags-block .block-title { display: none; @@ -1270,7 +1422,7 @@ input.button.with-text { .action-home-index .box-1 .common-profile-list-block span.banner-span, .action-environment_design-index .box-1 .common-profile-list-block span.banner-span{ - width: 99px; + width: 111px; } .action-home-index .common-profile-list-block .profile-image, @@ -1283,6 +1435,35 @@ input.button.with-text { } +/*Container na página inicial*/ +/*Container Block - Bloco de Blocos*/ + +.action-home-index .container-block-plugin_container-block, +.action-home-index .container-block-plugin_container-block .block-inner-2, +.action-environment_design-index .container-block-plugin_container-block, +.action-environment_design-index .container-block-plugin_container-block .block-inner-2{ + background-color: transparent; + +} + +.action-home-index .container-block-plugin_container-block .block .block-inner-2, +.action-environment_design-index .container-block-plugin_container-block .block .block-inner-2{ + background-color: white; +} + + +.action-home-index .people-block .block-inner-2, +.action-environment_design-index .people-block .block-inner-2{ + margin-left: 14px; +} + +.action-home-index .container-block-plugin_container-block .container-block-plugin_container-block .block-inner-2, +.action-environment_design-index .container-block-plugin_container-block .container-block-plugin_container-block .block-inner-2 { + background-color: white; +} + +/***************************************/ + /* Bloco Estatistica na página inicial*/ .action-home-index .block.statistics-block .block-inner-2, @@ -1346,8 +1527,8 @@ input.button.with-text { /* Fim Bloco Estatistica */ -/*Acessibilidade*/ -/* Contraste */ +/*:::::::::::Acessibilidade:::::::::::*/ +/************* Contraste *************/ body.contraste, body.contraste #wrap-2, @@ -1377,8 +1558,11 @@ body.contraste #content .enterprises-block .block-footer-content a, body.contraste #content .members-block .block-footer-content a, body.contraste #content .communities-block .block-footer-content a, body.contraste #content .friends-block .block-footer-content a, +body.contraste #content .more_button .view_all a, +body.contraste #content .read_more a, body.contraste .more_button .view_all a, -body.contraste .read_more a { +body.contraste .read_more a +{ background: url("images/button-read-more-vazio-contraste.png") no-repeat scroll left 50% transparent; } @@ -1441,9 +1625,12 @@ body.action-environment_design-index #content .box .block-title { } body.contraste #content .link-list-block li a { + background-color: #EEEFFF; { background-color: #000; color: white; } + +body.contraste #content .link-list-block li a.link-this-page, body.contraste #content .link-list-block li a:hover { background-color: #333; color: #ffff00; @@ -1480,4 +1667,8 @@ body.contraste .ui-widget-header .ui-state-active { background-color: #000; } +body.contraste #footer-logos { + background-color: #000; +} + -- libgit2 0.21.2