From 10875986367cdb36678c36c0534ff31514c93c01 Mon Sep 17 00:00:00 2001 From: jorge-vitrubio Date: Tue, 26 Jul 2022 16:12:48 +0200 Subject: [PATCH] syled Post From Category and Tag in hangar-extra content --- css/styleHangar.css | 165 ++++++++++++++++++++++++++++++++++++++++---- 1 file changed, 151 insertions(+), 14 deletions(-) diff --git a/css/styleHangar.css b/css/styleHangar.css index 3cde67e..63b72db 100644 --- a/css/styleHangar.css +++ b/css/styleHangar.css @@ -79,19 +79,156 @@ display: none; } - /* --- Post From Category PFC - Post From Tag PFT --- */ + /* --- Post From Category PFC + Post From Tag PFT --- */ - .pfc-posts-main .read-more , .pft-posts-main .read-more { - font-size: 0px; - min-width: 1rem; - min-height: 1rem; +/* reset style*/ +.hangar-extra-content .pfc-posts-main, +.hangar-extra-content .pft-posts-main{ + margin-bottom: 10px; + } +.hangar-extra-content .pfc-posts-main .pfc-post, +.hangar-extra-content .pft-posts-main .pft-post { + float: none; + display: inline-block; + padding-right: 15px; + padding-left: 15px; + vertical-align: top; + margin-left: -3px; + position: relative; + margin-bottom: 20px; +} +.hangar-extra-content .pfc-posts-main .pfc-post .news-text-wrap, +.hangar-extra-content .pft-posts-main .pft-post .news-text-wrap { + padding-top: 10px; + width:calc(100% - 30px); +} +.hangar-extra-content .pct-posts-main .pct-post .news-text-wrap h2, +.hangar-extra-content .pft-posts-main .pft-post .news-text-wrap h2 { + margin-bottom: 5px; + margin-top: 0; + padding-top: 0; +} +.hangar-extra-content .pfc-posts-main .pfc-post, +.hangar-extra-content .pft-posts-main .pft-post { + margin-left: 0px; + padding-left: 0px; + padding-right: 0px; + width: 100%; +} +.hangar-extra-content .pfc-posts-main .pfc-post .news-text-wrap p, +.hangar-extra-content .pfc-posts-main .news-text-wrap .read-more, +.hangar-extra-content .pft-posts-main .pft-post .news-text-wrap p, +.hangar-extra-content .pft-posts-main .news-text-wrap .read-more { + margin-bottom: 0px; + margin-top: 5px; +} +.hangar-extra-content .pfc-posts-main .news-text-wrap .posted-date, +.hangar-extra-content .pfc-posts-main .news-text-wrap .read-more, +.hangar-extra-content .pft-posts-main .news-text-wrap .posted-date, +.hangar-extra-content .pft-posts-main .news-text-wrap .read-more{ + display: inline-block; + width: 100%; +} +.hangar-extra-content .pfc-posts-main .pfc-post:last-child , +.hangar-extra-content .pft-posts-main .pft-post:last-child { + margin-bottom: 0px; +} +.hangar-extra-content .pfc-posts-main .news-thumb a img, +.hangar-extra-content .pft-posts-main .news-thumb a img { + max-width: 100%; + height: auto; +} +/* layout one css starts */ +.hangar-extra-content .pfc-posts-main .pfc-post.layout-one .news-thumb, +.hangar-extra-content .pft-posts-main .pft-post.layout-one .news-thumb { + float: none; + width: auto; + position: absolute; +} +.hangar-extra-content .pfc-posts-main .layout-one .news-text-wrap, +.hangar-extra-content .pft-posts-main .layout-one .news-text-wrap { + float: none; + padding-top: 0px; + padding-bottom: 0px; + padding-left: 0; + min-height: 80px; +} +.hangar-extra-content .pfc-posts-main .layout-one .news-text-wrap.info-without-space, +.hangar-extra-content .pft-posts-main .layout-one .news-text-wrap.info-without-space{ + padding-left: 0px; +} +/* layout two css starts */ +.hangar-extra-content .pfc-posts-main .pfc-post.layout-two .news-thumb, +.hangar-extra-content .pft-posts-main .pft-post.layout-two .news-thumb { + width: 100%; +} +/* end reset pfc */ + + .hangar-extra-content .pft-posts-main,.hangar-extra-content .pct-posts-main{ + display: inline-block; + margin: 0; + margin-bottom: 1rem; } - .pfc-posts-main .read-more:after,.pft-posts-main .read-more:after { - content: "[...]"; - display: inline-block; - font-size: 0.8rem; + .hangar-extra-content .pft-posts-main .pft-post,.hangar-extra-content .pft-posts-main .pfc-post { + line-height:15px; + height:360px; + min-width: 200px; + width: 200px; + margin-bottom:16px; + padding: 15px; + float:left; + background-color: #FFF; + margin-right: 15px; + -moz-box-shadow: 3px 3px 4px #91939a; + -webkit-box-shadow: 3px 3px 4px #91939a; + box-shadow: 3px 3px 4px #91939a; + filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=145, Color='#91939a'); + position: relative; } + .news-thumb { + position: absolute; + top: 5.6rem; + max-height: 150px; + overflow: hidden; + } + .news-text-wrap { + position: absolute; + top: 0; + height: 100%; + } + .news-text-wrap h2 a { + color: #0000FF !important; + text-transform: uppercase; + line-height: 0.8rem; + } + .news-text-wrap .posted-date { + position: absolute; + top: 4rem; + font-size: 0.6rem; + } + .news-text-wrap p { + position: absolute; + top: 15rem; + + } + .news-text-wrap .read-more { + position: absolute; + bottom: 2rem; + } + .hangar-extra-content .pfc-posts-main .read-more,.hangar-extra-content .pft-posts-main .read-more { + font-size: 0px; + min-width: 1rem; + min-height: 1rem; + } + .hangar-extra-content .pfc-posts-main .read-more:before,.hangar-extra-content .pft-posts-main .read-more:before { + content: "[...]"; + display: inline-block; + font-size: 0.8rem; + } + + + /* logo slider */ #logoslider { width: 230px; height: 120px; margin-top:5px; } @@ -142,7 +279,7 @@ .toogle-sidebar-segona .hide-not-mobile{ display:none; } - .indexall { + .indexall { display: flex; } .indexall.wide{ @@ -355,13 +492,13 @@ @media screen and (min-width: 754px) { .indexall.wide { width: auto; -} + } .indexall.wide .boxentry { width: 100%; } .indexall.wide .contentcurt { - column-count: 2; - } + column-count: 2; + } } @media screen and (min-width: 1920px) { /* WIDGET HOME HERO