From 18e07d8a7672656ed95f550a16bef50623feb9d2 Mon Sep 17 00:00:00 2001 From: Melissa Wen Date: Wed, 7 Oct 2015 01:47:30 -0300 Subject: [PATCH] fix software highlight block size and behavior with differents image proportions --- src/noosfero-spb-theme/css/home-page.css | 29 ++++++++++++++++------------- 1 file changed, 16 insertions(+), 13 deletions(-) diff --git a/src/noosfero-spb-theme/css/home-page.css b/src/noosfero-spb-theme/css/home-page.css index 86eb89f..80904f5 100644 --- a/src/noosfero-spb-theme/css/home-page.css +++ b/src/noosfero-spb-theme/css/home-page.css @@ -374,8 +374,8 @@ border: 1px solid #c0c1c1; border-radius: 8px; width: auto; - height: 248px; - max-height: 250px; + height: 270px; + max-height: 270px; background-color: #e8e9ec; background-image: linear-gradient( 0deg, @@ -385,37 +385,39 @@ } .action-home-index #content .highlights-container { - border-radius: 8px; + border-radius: 8px 8px 0px 0px; border-width: 0px 0px 1px 0px; border-bottom: none; padding: 0; width: 100% !important; - max-height: 230px; - background: transparent; + max-height: 240px; + background: #FFF; position: relative; top: 0; } .action-home-index #content .highlights-image-link { - padding: 18px 0px 0px 0px; + display: block; + padding: 0px; border-radius: 0px 0px 8px 8px; - width: 220px; - max-height: 217px; + height: 250px !important; background-color: #fff; + opacity: 1.0 !important; } .action-home-index #content .highlights-image-link img { - height: 100px; - max-width: 200px; + height: 80px; + max-width: 160px; + padding: 30px; + background: #FFF; } .action-home-index #content .highlights-label { border-top: 4px solid #3b61a7; - padding: 23px 20px 46px 20px; - max-height: 60px; + padding: 20px; + height: 100px; width: 190px; position: relative; - bottom: -18px; background: #e8e9ec; color: #172638; text-align: center; @@ -427,6 +429,7 @@ float: none; display: block; text-align: center; + padding: 10px 0px; } .action-home-index #content .highlights-block-pager a { -- libgit2 0.21.2