From cc431238fc30e5f799a264d8fe41e9d5ddc0c98e Mon Sep 17 00:00:00 2001 From: Melissa Wen Date: Wed, 17 Feb 2016 14:38:25 -0200 Subject: [PATCH] Improve read more button style to balance absence of share button --- _news.sass | 51 ++++++++++++++++++++++++++++++++++++++++++--------- 1 file changed, 42 insertions(+), 9 deletions(-) diff --git a/_news.sass b/_news.sass index 40312ee..1411825 100644 --- a/_news.sass +++ b/_news.sass @@ -11,8 +11,8 @@ margin: 0 0 15px 0 a color: #3F3F3F - font-family: 'Ubuntu' - font-weight: 700 + font-family: 'Ubuntu Mediun' + font-weight: 300 font-size: 22px text-decoration: none .image @@ -47,9 +47,10 @@ font-family: 'Ubuntu' font-size: 14px height: 30px + line-height: 30px padding-left: 40px text-decoration: none - line-height: 30px + text-transform: lowercase .action-home-index #content .box .block-outer:last-child &, #content #box-organizer .container-block-plugin_container-block .block-outer:nth-child(3) & float: left margin-left: 15px @@ -58,11 +59,12 @@ background: none height: 22px line-height: 22px - margin: 0 0 15px 0 + margin: 2px 0 15px 0 width: 290px span background: none color: #BEBEBE + font-family: 'Ubuntu Mediun' font-size: 22px padding: 0 width: 290px @@ -77,14 +79,20 @@ width: 290px &:first-child display: none + &:last-child + border-bottom: 1px solid #373737 .image float: left - height: 130px + height: 125px margin: 0 overflow: hidden + position: relative width: 160px img - max-width: 160px + left: 50% + margin-left: -100px + max-width: 200px + position: absolute .title float: left margin: 0 0 30px 10px @@ -93,6 +101,7 @@ width: 120px a color: #3F3F3F + font-family: 'Ubuntu' font-size: 14px text-decoration: none .lead @@ -101,10 +110,34 @@ float: left height: 25px margin-left: 10px - width: 25px + width: auto a background: url('images/home/09.png') no-repeat left center - background-size: contain - color: transparent + background-size: 20px 20px + color: #3F3F3F display: block + font-family: 'Ubuntu' + height: 20px + line-height: 20px + text-decoration: none + text-indent: 25px + text-transform: lowercase +.raw-html-block + .action-home-index #content &, #content #box-organizer & + margin: auto + width: 960px + #read-more-news + display: block + height: 50px + text-align: right + width: auto + a + background: #404040 + border-radius: 45px + padding: 10px 45px + width: auto + color: #FFF + font-family: 'Ubuntu Mediun' + font-size: 14px + font-weight: 300 text-decoration: none -- libgit2 0.21.2