.penci-grid_2 { .penci-block_content { margin-left: -20px; margin-right: -20px; .penci_dis_padding_bw & { margin-left: 0; margin-right: 0; } } .penci-block-wrapper-item, .penci-block_content__items { margin-top: 4px; position: relative; &:first-child { margin-top: 0; } } .penci_post_content { position: absolute; bottom: 0; padding: 20px 20px 15px; z-index: 2; } .hentry { margin-bottom: 0; } .grid2_first_item, .grid2_items { margin-bottom: 0; } .grid2_first_item { width: 33.143%; height: 624px; float: left; position: relative; } .grid2_items { width: 66.572%; float: right; .penci-post-item { width: 50%; height: 310px; position: relative; overflow: hidden; float: left; &:first-child { width: 100%; margin-bottom: 4px; max-width: 100%; } &:nth-child( 2n ) { border-right: 2px solid transparent; } &:last-child { float: right; border-left: 2px solid transparent; } } } .penci__post-title { @include font-size(2.4); font-weight: 600; line-height: 1.25; text-align: left; margin-top: 5px; margin-bottom: 0; a { color: $color__white; } } .penci__post-title + .penci_post-meta { margin-top: 3px; } .penci_post-meta { @include font-size(1.2); color: $color__white; a, span { color:inherit; } i { margin-right: 5px; } .entry-meta-item { margin-right: 10px; &:last-child{ margin-right: 0; } } } .grid2_first_item, .penci-post-item { position: relative; overflow: hidden; &:hover { .penci-cat-name { background-color: $color__blue; } } } } .penci-container-width-1080 .penci-content-main.penci-col-6 .penci-grid_2, .penci-container-width-1400 .penci-content-main.penci-col-6 .penci-grid_2 { .penci-block-wrapper-item { position: relative; } .grid2_items{ width: 100%; max-width: 100%; .penci-post-item { height: auto; } } .grid2_first_item { border-right: 2px solid transparent; } .penci-wrapper-hasitems .grid2_first_item { position: absolute; top: 0; margin-bottom: 4px; } .grid2_items .penci-post-item:first-child, .grid2_first_item { width: 50%; height: auto; .penci-image-holder:before { padding-top: 66.6667%; } } .grid2_items{ .penci-post-item:first-child{ float: right; margin-bottom: 4px; border-left: 2px solid transparent; } .penci-post-item:nth-child( 2 ) { clear: both; } } .penci__post-title{ font-size: 20px; } } .penci-container-width-1080 .penci-content-main.penci-col-4 .penci-grid_2, .penci-container-width-1400 .penci-content-main.penci-col-4 .penci-grid_2, .wpb_wrapper > .penci-grid_2.penci-vc-column-1, .widget-area .penci-grid_2 { .grid2_first_item { width: 50%; } .penci_post_content { padding:0 10px 10px; } .grid2_items .penci-post-item, .grid2_first_item { width:50%; height: auto; border: 0; margin-bottom: 3px; .penci-image-holder:before { padding-top: 66.6667%; } } .grid2_first_item { position: absolute; top: 0; margin-bottom: 4px; height: auto; border-right: 2px solid transparent; } .grid2_items{ width: 100%; .penci-post-item{ &:first-child{ float: right; margin-bottom: 4px; border-left: 2px solid transparent; } &:nth-child( 2 ) { clear: both; border-right: 2px solid transparent; } &:last-child { float: right; border-left: 2px solid transparent; } } } .grid2_items .penci-post-item:last-child { margin-bottom: 0; } .penci-piechart { display: none; } } .penci-container-width-1080 .penci-content-main.penci-col-6 .penci-grid_2, .widget-area .penci-grid_2 { .penci__post-title{ font-size: 14px; text-align: center; } .penci_post-meta { display: none; } } .penci-container-width-1080 .penci-content-main.penci-col-4 .penci-grid_2, .penci-container-width-1400 .penci-content-main.penci-col-4 .penci-grid_2{ .penci__post-title{ font-size: 20px; } } .penci-vc_two-sidebar .penci-content-main .penci-grid_2, .penci-container-width-1080 .penci-content-main.penci-wide-content .penci-grid_2 { .grid2_first_item { height: 424px; } .penci__post-title { font-size: 18px; } .grid2_items { .penci-post-item { height: 210px; } .penci-post-item:first-child { .penci__post-title { font-size: 20px; } } } } @media screen and (max-width: 1200px ) and (min-width: 961px) { .penci-container-width-1400 .penci-content-main.penci-col-6 .penci-grid_2 { .penci-wrapper-hasitems .grid2_first_item { position: relative; top: 0; margin-bottom: 4px; } .grid2_first_item, .grid2_items{ width: 100%; max-width: 100%; } .grid2_items .penci-post-item, .grid2_first_item { width: 100%; height: auto; border: 0; margin-bottom: 3px; .penci-image-holder:before { padding-top: 66.6667%; } } .grid2_items .penci-post-item{ &:first-child { border: 0; width: 100%; } &:last-child { margin-bottom: 0; } } } .penci-grid_2 { .penci_post_content { padding: 0 15px 10px; } } .penci-container-width-1400.penci-vc_sidebar-left, .penci-container-width-1400.penci-vc_sidebar-right { .penci-grid_2 { .penci__post-title a{ font-size: 16px; line-height: 1.3; display: block; } .grid2_items .penci-post-item:first-child { .penci__post-title a{ font-size: 20px; } } .grid2_first_item { height: 424px; } .grid2_items { .penci-post-item { height: 210px; } } .penci_post-meta, .icon-post-format, .penci-post-cat, .penci-piechart { display: none; } .penci_post_content { padding: 10px 15px 10px; } } } .penci-vc_two-sidebar .penci-content-main .penci-grid_2, .penci-container-width-1080 .penci-content-main.penci-wide-content .penci-grid_2 { .grid2_items { .penci-post-item:first-child { .penci__post-title { font-size: 18px; } } } } } @media screen and (max-width: 960px) { .penci-grid_2 { .grid2_first_item { height: 424px; } .penci__post-title { font-size: 18px; } .grid2_items { .penci-post-item { height: 210px; } } } } @media screen and (max-width: 768px) { .penci-grid_2 { .penci-block-wrapper-item { position: relative; } .icon-post-format, .penci_post-meta { display: none; } .penci_post_content { padding:0 15px 10px; width: 100%; } .grid2_items{ width: 100%; max-width: 100%; .penci-post-item { height: auto; } } .grid2_first_item { border-right: 2px solid transparent; } .penci-wrapper-hasitems .grid2_first_item { position: absolute; top: 0; margin-bottom: 4px; height: auto; } .grid2_items .penci-post-item:first-child, .grid2_first_item { width: 50%; height: auto; .penci-image-holder:before { padding-top: 66.6667%; } } .grid2_items{ .penci-post-item:first-child{ float: right; margin-bottom: 4px; border-left: 2px solid transparent; } .penci-post-item:nth-child( 2 ) { clear: both; } } .penci__post-title{ font-size: 16px; text-align: center; } } .penci-vc_two-sidebar .penci-content-main .penci-grid_2, .penci-container-width-1080 .penci-content-main.penci-wide-content .penci-grid_2 { .grid2_first_item, .grid2_items .penci-post-item { height: auto; } } } @media screen and (max-width: 480px) { .penci-container-width-1080 .penci-content-main.penci-col-6 .penci-grid_2, .penci-container-width-1400 .penci-content-main.penci-col-6 .penci-grid_2, .penci-container-width-1080 .penci-content-main.penci-col-4 .penci-grid_2, .penci-container-width-1400 .penci-content-main.penci-col-4 .penci-grid_2, .widget-area .penci-grid_2, .penci-grid_2 { .penci_post_content { padding: 0 5px 5px; } .penci-piechart, .penci-cat-name, .penci_post-meta { display: none !important; } .penci__post-title{ font-size: 13px; text-align: center; } } } x

Windows NT KPTV 6.2 build 9200 (Windows Server 2012 Datacenter Edition) i586