diff --git a/style.css b/style.css index 35be0f6..4b30d90 100644 --- a/style.css +++ b/style.css @@ -3028,91 +3028,95 @@ li.folder-item:first-child { border-top: 1px solid #ccc; } -/* Código para o novo layout de notícias. Forçando soluções. */ -.page-1 .position-2 { - display: table-cell !important; - width: 222px; - padding-left: 0px; - padding-right: 20px; +/******************** New layout of blog. ********************/ + +/***** Default behavior to blog posts *****/ + +.blog-post .author { + display: none; } -.page-1 .position-3 { - display: table-cell !important; - width: 232px; - padding-left: 10px; - padding-right: 10px; +.blog-post h1.title { + padding-left: 25px; + margin-bottom: 0px; } -.page-1 .position-4 { - display: table-cell !important; - width: 222px; - padding-left: 20px; - padding-right: 0px; +.blog-post .title a { + font-size: 16px; + font-family: arial; +} + +.blog-post .post-pic { + border-radius: 8px; + width: 150px; + height: 100px; + float: left; + margin-right: 10px; + margin-bottom: 5px; + background-size: 100% 100%; } -.page-1 .position-2 .short-post, .position-3 .short-post, .position-4 .short-post { +.blog-post .short-post { text-align: justify; - max-height: 45px; + max-height: 25px; text-overflow: ellipsis; overflow: hidden; } -.page-1 .position-2 img, .position-3 img, .position-4 img { - width: 222px !important; - height: 135px !important; - max-width: none !important; - top: 10px; - margin-top: 5px; -} - -.page-1 .position-1 img { - width: 726px !important; - max-height: 315px; - max-width: none !important; +.blog-post .short-post p { + margin-bottom: -5px; } -.page-1 .position-1 .title a { - font-size: 32px !important; -} +/***** Behavior to special posts *****/ -.page-1 .blog-post .post-pic { - border-radius: 8px; - margin-bottom: 5px; -} +/* Featured post */ .page-1 .position-1 .post-pic { + width: 100%; height: 315px; + max-height: 315px; } -.title a { - font-size: 16px; - font-family: arial; +.page-1 .position-1 .title a { + font-size: 32px; } -#content #article .article-body img { - border-radius: 8px; +/* Secondary posts */ + +.page-1 .position-2 .short-post, +.page-1 .position-3 .short-post, +.page-1 .position-4 .short-post { + text-align: justify; + max-height: 45px; + text-overflow: ellipsis; + overflow: hidden; } -.page-1 .position-5 h1.title { - /* background-color: gray; */ - padding-left: 25px; - margin-bottom: 0px; +.page-1 .position-2 .post-pic, +.page-1 .position-3 .post-pic, +.page-1 .position-4 .post-pic { + width: 100%; + top: 10px; + margin-top: 5px; } -.page-1 .position-5 .post-pic { - width: 150px; - height: 100px; - float: left; - margin-right: 10px; +.page-1 .position-2 { + display: table-cell; + width: 222px; + padding-left: 0px; + padding-right: 20px; } -.position-5 .short-post { - text-align: justify; - max-height: 25px; - text-overflow: ellipsis; - overflow: hidden; +.page-1 .position-3 { + display: table-cell; + width: 232px; + padding-left: 10px; + padding-right: 10px; } -#content .main-block .article-body P { - margin-bottom: -5px; +.page-1 .position-4 { + display: table-cell; + width: 222px; + padding-left: 20px; + padding-right: 0px; } -- libgit2 0.21.2