%PDF- %PDF-
Direktori : /home/emergentqj/jugement/wp-content/themes/Newspaper/includes/less_files/pagebuilder/shortcodes/ |
Current File : /home/emergentqj/jugement/wp-content/themes/Newspaper/includes/less_files/pagebuilder/shortcodes/big-grids.less |
/* General big grids */ .td-big-grid-post { position: relative; overflow: hidden; // stars .entry-review-stars { color: #fff; margin-top: -5px; } // category tag .td-post-category { font-family: @font3; font-size: 10px; font-weight: 500; text-transform: uppercase; display: inline-block; margin: 0 0 5px 0; padding: 3px 7px; line-height: 13px; pointer-events: auto; } // meta info container .td-meta-info-container { position: absolute; pointer-events: none; z-index: 1; width: 100%; } .td-meta-align { pointer-events: none; width: 100%; } .td-post-author-name a, .td-post-author-name span, .td-post-date { color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); } .entry-title { margin: 0; word-wrap: break-word; a { color: #fff; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); } } .td-module-meta-info { margin: 11px 0 20px 20px; min-height: 0; z-index: 1; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { margin-left: 17px; } } .td-post-author-name { pointer-events: auto; } .td-big-grid-meta { z-index: 1; } // video icon .td-video-play-ico img { /* responsive portrait tablet */ @media (max-width: @responsive_p_tablet_max) { width: 30px !important; } } /* font responsive */ // big thumb &.td-big-thumb .td-big-grid-meta { font-size: 27px; .entry-title { /* responsive */ @media (max-width: 1140px) { line-height: 1.3; } /* responsive landscape tablet */ @media (min-width: @responsive_l_tablet_min) and (max-width: @responsive_l_tablet_max) { font-size: 80%; //font-size: 22px; } /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { //font-size: 60%; font-size: 16px; } /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { //font-size: 80%; font-size: 22px; } } } // medium thumb &.td-medium-thumb .td-big-grid-meta { font-size: 24px; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { font-size: 16px; } .entry-title { /* responsive */ @media (max-width: 1140px) { line-height: 1.3; } /* responsive landscape tablet */ @media (min-width: @responsive_l_tablet_min) and (max-width: @responsive_l_tablet_max) { font-size: 85%; } /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { font-size: 65%; } /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { //font-size: 96%; //64%; font-size: 16px; line-height: 21px; } } } // small thumb &.td-small-thumb .td-big-grid-meta { font-size: 16px; .entry-title { /* responsive */ @media (max-width: 1140px) { line-height: 1.4; } /* responsive landscape tablet */ @media (min-width: @responsive_l_tablet_min) and (max-width: @responsive_l_tablet_max) { font-size: 90%; } /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { font-size: 80%; } /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { //font-size: 96%; font-size: 16px; line-height: 21px; } } } // tiny thumb &.td-tiny-thumb .td-big-grid-meta { font-size: 15px; .entry-title { /* responsive */ @media (max-width: 1140px) { line-height: 1.4; } /* responsive landscape tablet */ @media (min-width: @responsive_l_tablet_min) and (max-width: @responsive_l_tablet_max) { font-size: 90%; } /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { font-size: 70%; } /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { //font-size: 96%; font-size: 16px; line-height: 21px; } } } // module thumb .td-module-thumb { overflow: hidden; margin: 0; img { max-width: none; } } // image .entry-thumb { /* responsive landscape tablet */ @media (min-width: @responsive_l_tablet_min) and (max-width: @responsive_l_tablet_max) { width: 100%; } /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { width: 100%; } /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { width: 100%; } } // empty modules color .td-module-thumb { background-color: #e5e5e5; } // author name + date .td-post-author-name, .td-post-date { top: 0; } // video icon .td-video-play-ico img { z-index: 1; } } // fix grid 8 - on mobile fixed size .td_block_big_grid_8 .td-big-grid-scroll .td-big-grid-post .td-big-grid-meta { .entry-title { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { font-size: 16px !important; line-height: 21px !important; } } } .td_block_big_grid_8 .td-big-grid-post-0.td-big-grid-post .td-big-grid-meta, .td_block_big_grid_8 .td-big-grid-post-1.td-big-grid-post .td-big-grid-meta { .entry-title { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { font-size: 24px !important; line-height: 30px !important; } } } // custom for some big thumbs + style .td-grid-style-2 .td-big-grid-post.td-big-thumb .td-big-grid-meta .entry-title, .td-grid-style-3 .td-big-grid-post.td-big-thumb .td-big-grid-meta .entry-title { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { font-size: 70%; } } .td-grid-style-5 .td-big-grid-post.td-big-thumb .td-big-grid-meta .entry-title { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { font-size: 60%; } } /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { .td_block_big_grid_1, .td_block_big_grid_2, .td_block_big_grid_3, .td_block_big_grid_4, .td_block_big_grid_5, .td_block_big_grid_6, .td_block_big_grid_7, .td_block_big_grid_8, .td_block_big_grid_9, .td_block_big_grid_10, .td_block_big_grid_11, .td_block_big_grid_12 { margin-left: -20px; margin-right: -20px; } } // fix margin when use in a tab .vc_tta-tabs { .td_block_big_grid_1, .td_block_big_grid_2, .td_block_big_grid_3, .td_block_big_grid_4, .td_block_big_grid_5, .td_block_big_grid_6, .td_block_big_grid_7, .td_block_big_grid_8, .td_block_big_grid_9, .td_block_big_grid_10, .td_block_big_grid_11, .td_block_big_grid_12 { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { margin-left: 0; margin-right: 0; } } } // Slide Grid .iosSlider.td_block_wrap { margin-bottom: 34px !important; } /* scroll bar */ .td_block_wrap .td-big-grid-wrapper .td-big-grid-scroll { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { overflow-x: auto; white-space: nowrap; font-size: 0; overflow-y: hidden; padding-top: 3px; z-index: 0; -webkit-overflow-scrolling: touch; transform: translate3d(0, 0, 0); .td-big-grid-post { margin-left: 3px; margin-right: 0; margin-bottom: 0; &:first-child { margin-left: 0; } } } .td-module-thumb { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { width: 100%; height: 170px; } } .td-big-grid-post { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { display: inline-block; white-space: normal; float: none; vertical-align: top; width: 80%; } } // make full scroll when only 2 posts &.td-scroll-full { .td-big-grid-post { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { width: 100%; } } } } /* Big grid 1 */ .td_block_big_grid_1 { // general .td-big-grid-post { float: left; } .td-big-thumb { margin-right: 3px; .td-module-thumb { width: 532px; height: 399px; /* responsive landscape tablet */ @media (min-width: @responsive_l_tablet_min) and (max-width: @responsive_l_tablet_max) { width: 504px; height: 355px; } /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { width: 374px; height: 271px; } /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { width: 100%; height: auto; } } } .td-small-thumb { .td-module-thumb { width: 265px; height: 198px; /* responsive landscape tablet */ @media (min-width: @responsive_l_tablet_min) and (max-width: @responsive_l_tablet_max) { width: 235px; height: 176px; } /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { width: 180px; height: 134px; } } } // used for mobile scroll .td-big-grid-post-0 { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { width: 100%; float: none; } } .td-big-grid-post-1, .td-big-grid-post-3 { margin-right: 3px; } .td-big-grid-post-1, .td-big-grid-post-2 { margin-bottom: 3px; } &.td-grid-style-5, &.td-grid-style-6 { .td-module-meta-info { margin-left: 0; margin-right: 0; margin-bottom: 0; } } // empty module .td-module-empty { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { display: none !important; } .td-module-thumb { width: 265px; height: 198px; /* responsive landscape tablet */ @media (min-width: @responsive_l_tablet_min) and (max-width: @responsive_l_tablet_max) { width: 235px; height: 176px; } /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { width: 180px; height: 134px; } } } } /* Big grid 2 */ .td_block_big_grid_2 { // general .td-big-grid-post { float: left; } .td-big-thumb { margin-right: 3px; .td-module-thumb { width: 741px; height: 486px; /* responsive landscape tablet */ @media (min-width: @responsive_l_tablet_min) and (max-width: @responsive_l_tablet_max) { width: 692px; height: 426px; } /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { width: 515px; height: 336px; } /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { width: 100%; height: auto; } } } .td-small-thumb { .td-module-thumb { width: 324px; height: 160px; /* responsive landscape tablet */ @media (min-width: @responsive_l_tablet_min) and (max-width: @responsive_l_tablet_max) { width: 285px; height: 140px; } /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { width: 222px; height: 110px; } /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { height: 124px !important; } } } // used for mobile scroll .td-big-grid-post-0 { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { width: 100%; float: none; } } .td-big-grid-post-1, .td-big-grid-post-2 { margin-bottom: 3px; } &.td-grid-style-5, &.td-grid-style-6 { .td-module-meta-info { margin-left: 0; margin-right: 0; margin-bottom: 0; } } // empty module .td-module-empty { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { display: none !important; } .td-module-thumb { width: 324px; height: 160px; /* responsive landscape tablet */ @media (min-width: @responsive_l_tablet_min) and (max-width: @responsive_l_tablet_max) { width: 285px; height: 140px; } /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { width: 222px; height: 110px; } } } } /* Big grid 3 */ .td_block_big_grid_3 { // general .td-big-grid-post { float: left; } .td-big-thumb { margin-right: 3px; .td-module-thumb { width: 532px; height: 462px; /* responsive landscape tablet */ @media (min-width: @responsive_l_tablet_min) and (max-width: @responsive_l_tablet_max) { width: 488px; height: 422px; } /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { width: 368px; height: 318px; } /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { width: 100%; height: auto; } } } .td-medium-thumb { margin-bottom: 3px; .td-module-thumb { width: 533px; height: 261px; /* responsive landscape tablet */ @media (min-width: @responsive_l_tablet_min) and (max-width: @responsive_l_tablet_max) { height: 237px; width: 489px; } /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { height: 179px; width: 369px; } /* responsive portrait phone */ @media (min-width: 375px) and (max-width: @responsive_p_phone_max) { height: 140px !important; } /* responsive portrait phone */ @media (max-width: 374px) { height: 124px !important; } } } .td-small-thumb { .td-module-thumb { width: 265px; height: 198px; /* responsive landscape tablet */ @media (min-width: @responsive_l_tablet_min) and (max-width: @responsive_l_tablet_max) { width: 243px; height: 182px; } /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { width: 183px; height: 136px; } /* responsive portrait phone */ @media (min-width: 375px) and (max-width: @responsive_p_phone_max) { height: 140px !important; } /* responsive portrait phone */ @media (max-width: 374px) { height: 124px !important; } } } // used for mobile scroll .td-big-grid-post-0 { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { width: 100%; float: none; } } .td-big-grid-post-3 { margin-left: 3px; } &.td-grid-style-4 { .td-post-category { margin-bottom: 0; } } &.td-grid-style-5, &.td-grid-style-6 { .td-module-meta-info { margin-left: 0; margin-right: 0; margin-bottom: 0; } } // empty module .td-module-empty { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { display: none !important; } &.td-big-grid-post-1 .td-module-thumb { width: 533px; height: 261px; margin-bottom: 3px; /* responsive landscape tablet */ @media (min-width: @responsive_l_tablet_min) and (max-width: @responsive_l_tablet_max) { height: 237px; width: 489px; } /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { height: 179px; width: 369px; } } &.td-big-grid-post-2 .td-module-thumb, &.td-big-grid-post-3 .td-module-thumb { width: 265px; height: 198px; /* responsive landscape tablet */ @media (min-width: @responsive_l_tablet_min) and (max-width: @responsive_l_tablet_max) { width: 243px; height: 182px; } /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { width: 183px; height: 136px; } } } } /* Big grid 4 */ .td_block_big_grid_4 { margin-right: -3px; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { margin-right: -20px; } // general .td-big-grid-post { width: 50%; float: left; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { width: 100%; float: none; } &:first-child { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { padding-bottom: 3px; } } } .td-module-thumb { height: 399px; /* responsive landscape tablet */ @media (min-width: @responsive_l_tablet_min) and (max-width: @responsive_l_tablet_max) { height: 350px; } /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { height: 280px; } /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { width: 100%; height: 220px; } } .td-big-thumb { padding-right: 3px; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { padding-right: 0; } } &.td-grid-style-1 { .td-big-grid-meta, .td-module-meta-info { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { margin-left: 12px; } } } &.td-grid-style-5, &.td-grid-style-6 { .td-module-meta-info { margin-left: 0; margin-right: 0; margin-bottom: 0; } } // empty module .td-module-empty { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { display: none !important; } } } /* Big grid 5 */ .td_block_big_grid_5 { margin-right: -3px; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { margin-right: -20px; } // general .td-big-grid-post { width: 33.33333333%; float: left; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { width: 100%; float: none; padding-top: 3px; } &:first-child { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { padding-top: 0; } } .td-module-thumb { height: 220px; /* responsive landscape tablet */ @media (min-width: @responsive_l_tablet_min) and (max-width: @responsive_l_tablet_max) { height: 200px; } /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { height: 148px; } /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { height: 168px; } } } .td-module-meta-info { /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { display: none; } /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { display: none; } } // overwrite style .td-module-thumb a:last-child:before { height: 100%; } // style 1,2,3 &.td-grid-style-1, &.td-grid-style-2, &.td-grid-style-3 { .td-big-grid-meta { margin: 0 20px 11px; /* responsive */ @media (max-width: 1018px) { margin: 0 14px 11px; } } .entry-title { font-size: 20px; line-height: 26px; font-weight: 700; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { font-size: 22px !important; line-height: 28px !important; font-weight: 500; } } } &.td-grid-style-4 { .td-module-meta-info { display: none; } .td-big-grid-meta { padding-right: 3px; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { padding-right: 0; } } } &.td-grid-style-5 { .td-module-meta-info { margin-left: 0; margin-bottom: 0; } .entry-title { font-size: 20px; line-height: 26px; font-weight: 700; } } .td-small-thumb { padding-right: 3px; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { padding-right: 0; } } // empty module .td-module-empty { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { display: none !important; } .td-module-thumb { height: 220px; /* responsive landscape tablet */ @media (min-width: @responsive_l_tablet_min) and (max-width: @responsive_l_tablet_max) { height: 200px; } /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { height: 148px; } /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { height: 168px; } } &.td-big-grid-post-1 { padding-right: 3px; } } // video icon fix &.td-grid-style-1, &.td-grid-style-2, &.td-grid-style-3 { .td-video-play-ico img { bottom: auto; left: auto; margin: 20px 20px 0; } } } /* Big grid 6 */ .td_block_big_grid_6 { margin-right: -2px; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { margin-right: -20px; } // general .td-big-grid-post-0, .td-big-grid-post-1 { width: 50%; float: left; margin-bottom: 3px; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { margin-bottom: 0; margin-top: 3px; width: 100%; float: none; } &:first-child { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { margin-top: 0; } } &.td-big-thumb { padding-right: 3px; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { padding-right: 0; } } .td-module-thumb { height: 373px; /* responsive landscape tablet */ @media (min-width: @responsive_l_tablet_min) and (max-width: @responsive_l_tablet_max) { height: 360px; } /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { height: 280px; } /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { width: 100%; height: 220px; } } } .td-big-grid-post-2, .td-big-grid-post-3, .td-big-grid-post-4, .td-big-grid-post-5, .td-big-grid-post-6 { width: 20%; float: left; &.td-tiny-thumb { padding-right: 3px; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { padding-right: 0; } } .td-module-thumb { height: 140px; /* responsive landscape tablet */ @media (min-width: @responsive_l_tablet_min) and (max-width: @responsive_l_tablet_max) { height: 130px; } /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { height: 100px; } /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { height: auto; } } } .td-post-category { vertical-align: bottom; } // overwrite colors style // 3 &.td-grid-style-1 { .td-big-thumb { .td-big-grid-meta { /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { margin: 0 0 0 14px; } } .td-module-meta-info { /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { margin: 7px 0 14px 14px; } } } } &.td-grid-style-2, &.td-grid-style-3 { .td-big-grid-post-3 { .td-module-thumb { a:last-child:before { background: rgba(209,118,70,1); background: -moz-linear-gradient(45deg, rgba(209,118,70,1) 0%, rgba(198,57,57,1) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(209,118,70,1)), color-stop(100%, rgba(198,57,57,1))); background: -webkit-linear-gradient(45deg, rgba(209,118,70,1) 0%, rgba(198,57,57,1) 100%); background: -o-linear-gradient(45deg, rgba(209,118,70,1) 0%, rgba(198,57,57,1) 100%); background: -ms-linear-gradient(45deg, rgba(209,118,70,1) 0%, rgba(198,57,57,1) 100%); background: linear-gradient(45deg, rgba(209,118,70,1) 0%, rgba(198,57,57,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d17646', endColorstr='#c63939', GradientType=1 ); } } } } &.td-grid-style-5 { .td-module-meta-info { margin-left: 0; margin-right: 0; margin-bottom: 0; } } // empty module .td-module-empty.td-big-grid-post { padding-right: 3px; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { display: none !important; } } // video icon fix &.td-grid-style-1 { .td-video-play-ico img { bottom: auto; left: auto; margin: 20px 20px 0; /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { margin: 10px 10px 0; } } } &.td-grid-style-2, &.td-grid-style-3, &.td-grid-style-4, &.td-grid-style-5 { .td-tiny-thumb .td-video-play-ico img { bottom: auto; left: auto; margin: 20px 20px 0; /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { margin: 10px 10px 0; } } } .td-tiny-thumb .td-video-play-ico img { width: 30px; /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { width: 20px !important; } } } /* Big grid 7 */ .td_block_big_grid_7 { margin-right: -12px; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { margin-right: -20px; } // general .td-big-grid-post-0, .td-big-grid-post-1, .td-big-grid-post-2 { width: 33.33333333%; float: left; margin-bottom: 12px; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { margin-bottom: 0; float: none; } &.td-small-thumb { padding-right: 12px; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { padding-right: 0; } } .td-module-thumb { height: 220px; /* responsive landscape tablet */ @media (min-width: @responsive_l_tablet_min) and (max-width: @responsive_l_tablet_max) { height: 195px; } /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { height: 146px; } /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { height: 196px; } } .td-module-meta-info { /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { display: none; } } .td-big-grid-meta { margin: 0 20px 11px; /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { margin: 0 15px 11px; } /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { margin: 0 15px 11px; } } .entry-title { font-size: 20px; line-height: 26px; font-weight: 700; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { font-weight: 500; } } } .td-big-grid-post-0 { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { width: 100%; } .entry-title { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { font-size: 22px !important; line-height: 28px !important; } } } .td-big-grid-post-1, .td-big-grid-post-2 { .td-module-meta-info { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { display: none; } } .td-module-thumb { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { height: 150px !important; } } } .td-meta-info-container { padding-right: 12px; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { padding-right: 0; } } .td-big-grid-post-3, .td-big-grid-post-4, .td-big-grid-post-5, .td-big-grid-post-6 { width: 25%; float: left; &.td-small-thumb { padding-right: 12px; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { padding-right: 0; } } .td-module-thumb { height: 175px; /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { height: 124px; } /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { height: 150px !important; } } } // overwrite colors style // 4 &.td-grid-style-2, &.td-grid-style-3 { .td-big-grid-post-3 { .td-module-thumb { a:last-child:before { background: rgba(215,96,183,1); background: -moz-linear-gradient(-45deg, rgba(215,96,183,1) 0%, rgba(59,120,180,1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(215,96,183,1)), color-stop(100%, rgba(59,120,180,1))); background: -webkit-linear-gradient(-45deg, rgba(215,96,183,1) 0%, rgba(59,120,180,1) 100%); background: -o-linear-gradient(-45deg, rgba(215,96,183,1) 0%, rgba(59,120,180,1) 100%); background: -ms-linear-gradient(-45deg, rgba(215,96,183,1) 0%, rgba(59,120,180,1) 100%); background: linear-gradient(135deg, rgba(215,96,183,1) 0%, rgba(59,120,180,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d760b7', endColorstr='#3b78b4', GradientType=1 ); } } } } // 5 &.td-grid-style-2, &.td-grid-style-3 { .td-big-grid-post-5 { .td-module-thumb { a:last-child:before { background: rgba(77,178,236,1); background: -moz-linear-gradient(45deg, rgba(77,178,236,1) 0%, rgba(74,143,94,1) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(77,178,236,1)), color-stop(100%, rgba(74,143,94,1))); background: -webkit-linear-gradient(45deg, rgba(77,178,236,1) 0%, rgba(74,143,94,1) 100%); background: -o-linear-gradient(45deg, rgba(77,178,236,1) 0%, rgba(74,143,94,1) 100%); background: -ms-linear-gradient(45deg, rgba(77,178,236,1) 0%, rgba(74,143,94,1) 100%); background: linear-gradient(45deg, rgba(77,178,236,1) 0%, rgba(74,143,94,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4db2ec', endColorstr='#4a8f5e', GradientType=1 ); } } } } // 6 &.td-grid-style-2, &.td-grid-style-3 { .td-big-grid-post-6 { .td-module-thumb { a:last-child:before { background: rgba(209,118,70,1); background: -moz-linear-gradient(45deg, rgba(209,118,70,1) 0%, rgba(198,57,57,1) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(209,118,70,1)), color-stop(100%, rgba(198,57,57,1))); background: -webkit-linear-gradient(45deg, rgba(209,118,70,1) 0%, rgba(198,57,57,1) 100%); background: -o-linear-gradient(45deg, rgba(209,118,70,1) 0%, rgba(198,57,57,1) 100%); background: -ms-linear-gradient(45deg, rgba(209,118,70,1) 0%, rgba(198,57,57,1) 100%); background: linear-gradient(45deg, rgba(209,118,70,1) 0%, rgba(198,57,57,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d17646', endColorstr='#c63939', GradientType=1 ); } } } } &.td-grid-style-4 { .td-module-meta-info { display: none; } .td-big-grid-meta { margin: 0; } } &.td-grid-style-5 { .td-module-meta-info { margin-left: 0; margin-right: 0; margin-bottom: 0; } .td-small-thumb .td-meta-info-container { padding: 0 30px 0 18px; } } // empty module .td-module-empty.td-big-grid-post { padding-right: 12px; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { display: none !important; } } // video icon fix &.td-grid-style-1, &.td-grid-style-2, &.td-grid-style-3, &.td-grid-style-4 { .td-video-play-ico img { bottom: auto; left: auto; margin: 20px 20px 0; } } } /* Big grid 8 */ .td_block_big_grid_8 { .td-grid-columns { width: 33.33333333%; float: left; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { display: inline; float: none; width: 100%; } } .td-meta-info-container { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { width: 100% !important; } } .td-module-meta-info { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { display: none; } } .td-grid-group-1 { .td-big-grid-post { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { padding-top: 3px; } &:first-child { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { padding-top: 0; } } } } .td-big-grid-scroll { &.td-scroll-full { .td-grid-columns { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { padding-left: 0; } } } .td-grid-columns { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { padding-left: 3px; } &:first-child { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { padding-left: 0; } } } } .td-big-grid-post-1, .td-big-grid-post-2, .td-big-grid-post-3, .td-big-grid-post-4, .td-big-grid-post-5 { .td-module-thumb { height: 182px; /* responsive landscape tablet */ @media (min-width: @responsive_l_tablet_min) and (max-width: @responsive_l_tablet_max) { height: 167px; } /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { height: 125px; } } } .td-big-grid-post-0, .td-big-grid-post-1 { .td-module-thumb { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { height: 198px !important; } } } .td-big-grid-post-0, .td-big-grid-post-6 { .td-module-thumb { height: 364px; /* responsive landscape tablet */ @media (min-width: @responsive_l_tablet_min) and (max-width: @responsive_l_tablet_max) { height: 334px; } /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { height: 250px; } } } .td-big-grid-post-2, .td-big-grid-post-3, .td-big-grid-post-4, .td-big-grid-post-5, .td-big-grid-post-6 { .td-module-thumb { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { height: 156px !important; } } } .td-small-thumb { .td-module-meta-info { display: none; } .td-big-grid-meta { margin: 0 20px 14px; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { margin: 0 15px 14px; } } } &.td-grid-style-2, &.td-grid-style-3 { .td-meta-info-container { bottom: auto; top: 0; } .td-small-thumb .td-big-grid-meta { margin-top: 20px; } } &.td-grid-style-4 { .td-small-thumb .td-big-grid-meta { margin: 0; } .td-meta-info-container { width: 80%; } } &.td-grid-style-5 { .td-module-meta-info { margin-left: 0; margin-right: 0; margin-bottom: 0; } } &.td-grid-style-2 { .td-meta-info-container { margin-top: 0; } } // Overwrite colors // 1 &.td-grid-style-2, &.td-grid-style-3 { .td-big-grid-post-1 { .td-module-thumb { a:last-child:before { background: rgba(244,208,63,0.97); background: -moz-linear-gradient(-45deg, rgba(244,208,63,0.97) 0%, rgba(242,122,53,1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(244,208,63,0.97)), color-stop(100%, rgba(242,122,53,1))); background: -webkit-linear-gradient(-45deg, rgba(244,208,63,0.97) 0%, rgba(242,122,53,1) 100%); background: -o-linear-gradient(-45deg, rgba(244,208,63,0.97) 0%, rgba(242,122,53,1) 100%); background: -ms-linear-gradient(-45deg, rgba(244,208,63,0.97) 0%, rgba(242,122,53,1) 100%); background: linear-gradient(135deg, rgba(244,208,63,0.97) 0%, rgba(242,122,53,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4d03f', endColorstr='#f27a35', GradientType=1 ); } } } } // 2 &.td-grid-style-2, &.td-grid-style-3 { .td-big-grid-post-2 { .td-module-thumb { a:last-child:before { background: rgba(209,118,70,1); background: -moz-linear-gradient(45deg, rgba(209,118,70,1) 0%, rgba(198,57,57,1) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(209,118,70,1)), color-stop(100%, rgba(198,57,57,1))); background: -webkit-linear-gradient(45deg, rgba(209,118,70,1) 0%, rgba(198,57,57,1) 100%); background: -o-linear-gradient(45deg, rgba(209,118,70,1) 0%, rgba(198,57,57,1) 100%); background: -ms-linear-gradient(45deg, rgba(209,118,70,1) 0%, rgba(198,57,57,1) 100%); background: linear-gradient(45deg, rgba(209,118,70,1) 0%, rgba(198,57,57,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d17646', endColorstr='#c63939', GradientType=1 ); } } } } // 3 &.td-grid-style-2, &.td-grid-style-3 { .td-big-grid-post-3 { .td-module-thumb { a:last-child:before { background: rgba(215,96,183,1); background: -moz-linear-gradient(-45deg, rgba(215,96,183,1) 0%, rgba(59,120,180,1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(215,96,183,1)), color-stop(100%, rgba(59,120,180,1))); background: -webkit-linear-gradient(-45deg, rgba(215,96,183,1) 0%, rgba(59,120,180,1) 100%); background: -o-linear-gradient(-45deg, rgba(215,96,183,1) 0%, rgba(59,120,180,1) 100%); background: -ms-linear-gradient(-45deg, rgba(215,96,183,1) 0%, rgba(59,120,180,1) 100%); background: linear-gradient(135deg, rgba(215,96,183,1) 0%, rgba(59,120,180,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d760b7', endColorstr='#3b78b4', GradientType=1 ); } } } } // 4 &.td-grid-style-2, &.td-grid-style-3 { .td-big-grid-post-4 { .td-module-thumb { a:last-child:before { background: rgba(77,178,236,1); background: -moz-linear-gradient(45deg, rgba(77,178,236,1) 0%, rgba(74,143,94,1) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(77,178,236,1)), color-stop(100%, rgba(74,143,94,1))); background: -webkit-linear-gradient(45deg, rgba(77,178,236,1) 0%, rgba(74,143,94,1) 100%); background: -o-linear-gradient(45deg, rgba(77,178,236,1) 0%, rgba(74,143,94,1) 100%); background: -ms-linear-gradient(45deg, rgba(77,178,236,1) 0%, rgba(74,143,94,1) 100%); background: linear-gradient(45deg, rgba(77,178,236,1) 0%, rgba(74,143,94,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4db2ec', endColorstr='#4a8f5e', GradientType=1 ); } } } } // 5 &.td-grid-style-2, &.td-grid-style-3 { .td-big-grid-post-5 { .td-module-thumb { a:last-child:before { background: rgba(77,178,236,1); background: -moz-linear-gradient(45deg, rgba(77,178,236,1) 0%, rgba(74,143,94,1) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(77,178,236,1)), color-stop(100%, rgba(74,143,94,1))); background: -webkit-linear-gradient(45deg, rgba(77,178,236,1) 0%, rgba(74,143,94,1) 100%); background: -o-linear-gradient(45deg, rgba(77,178,236,1) 0%, rgba(74,143,94,1) 100%); background: -ms-linear-gradient(45deg, rgba(77,178,236,1) 0%, rgba(74,143,94,1) 100%); background: linear-gradient(45deg, rgba(77,178,236,1) 0%, rgba(74,143,94,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4db2ec', endColorstr='#4a8f5e', GradientType=1 ); } } } } // 6 &.td-grid-style-2, &.td-grid-style-3 { .td-big-grid-post-6 { .td-module-thumb { a:last-child:before { background: rgba(176,180,59,1); background: -moz-linear-gradient(-45deg, rgba(176,180,59,1) 0%, rgba(145,96,81,0.97) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(176,180,59,1)), color-stop(100%, rgba(145,96,81,0.97))); background: -webkit-linear-gradient(-45deg, rgba(176,180,59,1) 0%, rgba(145,96,81,0.97) 100%); background: -o-linear-gradient(-45deg, rgba(176,180,59,1) 0%, rgba(145,96,81,0.97) 100%); background: -ms-linear-gradient(-45deg, rgba(176,180,59,1) 0%, rgba(145,96,81,0.97) 100%); background: linear-gradient(135deg, rgba(176,180,59,1) 0%, rgba(145,96,81,0.97) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0b43b', endColorstr='#916051', GradientType=1 ); } } } } // empty module .td-module-empty { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { display: none !important; } &.td-big-grid-post-6 .td-module-thumb { height: 364px; /* responsive landscape tablet */ @media (min-width: @responsive_l_tablet_min) and (max-width: @responsive_l_tablet_max) { height: 334px; } /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { height: 250px; } } &.td-big-grid-post-2 { opacity: 0.9; } &.td-big-grid-post-3 { opacity: 0.8; } &.td-big-grid-post-4 { opacity: 0.7; } &.td-big-grid-post-5 { opacity: 0.7; } &.td-big-grid-post-6 { opacity: 0.8; } } // video icon fix &.td-grid-style-1 { .td-big-grid-meta { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { margin: 0 15px 13px !important; } } .td-big-thumb .td-video-play-ico img { bottom: auto; left: auto; margin: 20px 20px 0; } } &.td-grid-style-2, &.td-grid-style-3 { .td-video-play-ico img { top: auto; left: auto; margin: 0 20px 20px; } } &.td-grid-style-4 { .td-video-play-ico img { bottom: auto; left: auto; margin: 20px 20px 0; } } &.td-grid-style-6 { .td-big-grid-post-0, .td-big-grid-post-6 { .entry-title { font-size: 30px; line-height: 36px; ///* responsive portrait phone */ //@media (max-width: @responsive_p_phone_max) { // font-size: 22px !important; // line-height: 28px !important; //} } } } } /* Big grid 9 */ .td_block_big_grid_9 { .td-big-grid-post { width: 25%; float: left; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { width: 50%; margin-bottom: 2px; } /* responsive portrait phone */ @media (max-width: 600px) { width: 100%; } &.td-big-grid-post-0, &.td-big-grid-post-2 { .td-module-thumb { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { margin-right: 2px; } /* responsive portrait phone */ @media (max-width: 600px) { margin-right: 0; } } } .entry-title { font-size: 21px; line-height: 24px; font-weight: bold; } .td-post-category { font-size: 10px; padding: 2px 6px; line-height: 13px; margin-bottom: 10px; /* responsive portrait tablet */ @media (max-width: @responsive_p_tablet_max) { margin-bottom: 7px; } } .td-module-thumb { margin-right: 2px; height: 364px; /* responsive landscape tablet */ @media (min-width: @responsive_l_tablet_min) and (max-width: @responsive_l_tablet_max) { height: 330px; } /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { height: 250px; } /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { height: 140px; margin-right: 0; } } &:last-child .td-module-thumb { margin-right: 0; } .entry-thumb { // center image margin: 0 auto; position: absolute; left: -9999px; right: -9999px; width: auto; /* responsive landscape tablet */ @media (max-width: @responsive_l_tablet_max) { height: 100%; } /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { height: auto; width: 100%; top: -30px; } } } // video icon .td-big-grid-post .td-video-play-ico img { width: 30px !important; bottom: auto; left: auto; margin: 20px 20px 0; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { margin: 10px 10px 0; } } .td-post-author-name { /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { display: none; } } // empty module .td_module_mx_empty { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { display: none; } } // custom for styles &.td-grid-style-1 { .td-post-category { background-color: @td_theme_color; } } &.td-grid-style-1, &.td-grid-style-2, &.td-grid-style-3 { .td-big-grid-meta { margin-bottom: 11px; margin-right: 20px; width: auto; /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { margin-bottom: 8px; margin-left: 10px; margin-right: 8px; } /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { margin-bottom: 7px; } } .td-module-meta-info { /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { margin-top: 8px; margin-left: 10px; } /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { margin-bottom: 15px; margin-top: 7px; margin-left: 15px; } } } &.td-grid-style-4 { .td-big-grid-meta { margin-right: 2px; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { margin-right: 0; } } .td-big-grid-post:last-child { .td-big-grid-meta { margin-right: 0; } } .td-module-meta-info { margin: 0; padding-left: 11px; padding-right: 11px; } .td-post-category { padding-left: 11px; padding-right: 11px; margin-bottom: 0; } } &.td-grid-style-5 { .td-module-meta-info { margin-left: 0; margin-bottom: 0; } .td-meta-info-container { padding: 0 10%; } .td-post-category { padding: 2px 7px; background-color: @td_theme_color; } } } /* Big grid 10 */ .td_block_big_grid_10 { .td-big-grid-post { float: left; padding-right: 2px; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { padding-right: 0; margin-bottom: 2px; } &:last-child { padding-right: 0; } .entry-title { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { font-size: 16px !important; line-height: 21px !important; } } .td-post-category { margin-bottom: 10px; /* responsive portrait tablet */ @media (max-width: @responsive_p_tablet_max) { margin-bottom: 7px; } } } .td-module-thumb { height: 350px; /* responsive landscape tablet */ @media (min-width: @responsive_l_tablet_min) and (max-width: @responsive_l_tablet_max) { height: 300px; } /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { height: 250px; } /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { height: 140px; margin-right: 0; } } .entry-thumb { // center image margin: 0 auto; position: absolute; left: -9999px; right: -9999px; width: auto; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { width: 100%; top: -30px; } } .td-post-author-name { /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { display: none; } } // video icon .td-big-grid-post .td-video-play-ico img { width: 30px !important; bottom: auto; left: auto; margin: 20px 20px 0; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { margin: 10px 10px 0; } } .td-big-grid-post-0 { width: 50%; } .td-big-grid-post-1, .td-big-grid-post-2 { width: 25%; } .td-big-grid-post { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { width: 100%; } } // empty module .td_module_mx_empty { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { display: none; } } // custom for styles &.td-grid-style-1, &.td-grid-style-2, &.td-grid-style-3 { .td-big-grid-meta { margin-bottom: 11px; margin-right: 20px; width: auto; /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { margin-bottom: 8px; margin-left: 10px; margin-right: 8px; } /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { margin-bottom: 7px; } } .td-module-meta-info { /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { margin-top: 8px; margin-left: 10px; } /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { margin-bottom: 15px; margin-top: 7px; margin-left: 15px; } } } &.td-grid-style-2, &.td-grid-style-3 { .td-big-thumb .td-meta-info-container { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { position: absolute; top: auto; bottom: 0; } } .td-big-thumb .td-big-grid-meta, .td-big-thumb .td-module-meta-info { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { position: static; } } } &.td-grid-style-2 { .td-big-grid-meta { /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { margin-top: 13px; } } .td-big-thumb .td-meta-info-container { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { top: 0; bottom: auto; } } } &.td-grid-style-4 { .td-meta-info-container { width: 100%; padding-right: 2px; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { padding-right: 0; } } .td-big-grid-post:last-child { .td-meta-info-container { padding-right: 0; } } .td-module-meta-info { margin: 0; } .td-post-category { margin-bottom: 0; } } &.td-grid-style-5 { .td-post-author-name { display: none; } .td-module-meta-info { margin-left: 0; margin-bottom: 0; } .td-meta-info-container { padding: 0 10%; } } } /* Big grid 11 */ .td_block_big_grid_11 { .td-big-grid-post { float: left; padding-right: 2px; .entry-title { font-size: 21px; line-height: 24px; font-weight: 500; } .td-post-category { margin-bottom: 10px; /* responsive portrait tablet */ @media (max-width: @responsive_p_tablet_max) { margin-bottom: 7px; } } } .entry-thumb { // center image margin: 0 auto; position: absolute; left: -9999px; right: -9999px; width: auto; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { width: 100%; } } .td-post-author-name { /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { display: none; } } // video icon .td-big-grid-post .td-video-play-ico img { width: 30px !important; bottom: auto; left: auto; margin: 20px 20px 0; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { margin: 10px 10px 0; } } .td_module_mx15 { width: 30%; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { width: 50%; } .td-module-thumb { height: 360px; /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { height: 282px; } /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { height: 150px; } } .td-meta-align { padding-right: 2px; } } .td_module_mx11 { width: 40%; padding-right: 0; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { width: 50%; padding-right: 2px; } .td-module-thumb { height: 179px; /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { height: 140px; } /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { height: 150px; } } .entry-thumb { /* responsive portrait phone */ @media (max-width: 630px) { height: 100%; width: auto; } } } .td-module-meta-info { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { display: none; } } .td-big-grid-post-1 { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { padding-right: 0; } } .td-big-grid-post-2 { .td-module-thumb { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { margin-top: 2px; } } } .td-big-grid-post-3 { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { padding-right: 0; } .td-module-thumb { margin-top: 2px; } } // empty module .td_module_mx_empty { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { display: none; } } // custom for styles &.td-grid-style-1, &.td-grid-style-2, &.td-grid-style-3 { .td-big-grid-meta { margin-bottom: 11px; margin-right: 20px; width: auto; /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { margin-bottom: 8px; margin-left: 10px; margin-right: 8px; } /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { margin-bottom: 10px; } } .td-module-meta-info { /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { margin-top: 8px; margin-left: 10px; } /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { margin-bottom: 15px; margin-top: 7px; margin-left: 15px; } } .td_module_mx11 { .td-big-grid-meta { margin-bottom: 16px; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { margin-bottom: 10px; } } } } &.td-grid-style-2 { .td-big-grid-meta { /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { margin-top: 13px; } } } &.td-grid-style-4 { .td-meta-info-container { width: 100%; } .td-module-meta-info { margin: 0; padding-left: 11px; padding-right: 11px; } .td-post-category { padding-left: 11px; padding-right: 11px; margin-bottom: 0; } } &.td-grid-style-5 { .td-post-author-name { display: none; } .td-module-meta-info { margin-left: 0; margin-bottom: 0; } .td-meta-info-container { padding: 0 10%; } } &.td-grid-style-6 { .td-big-grid-post-0, .td-big-grid-post-1 { .entry-title { font-size: 26px; line-height: 30px; } } .entry-title { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { font-size: 13px !important; line-height: 15px !important; } } } } /* Big grid 12 */ .td_block_big_grid_12 { .td-big-grid-post { float: left; .td-post-category { margin-bottom: 10px; /* responsive portrait tablet */ @media (max-width: @responsive_p_tablet_max) { margin-bottom: 7px; } } } .entry-thumb { // center image margin: 0 auto; position: absolute; left: -9999px; right: -9999px; width: auto; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { width: 100%; } } // video icon .td-big-grid-post .td-video-play-ico img { width: 30px !important; bottom: auto; left: auto; margin: 20px 20px 0; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { margin: 10px 10px 0; } } .td-big-grid-wrapper { .td-big-grid-post:last-child { .td-module-thumb { margin-top: 11px; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { margin-top: 2px; margin-left: 2px; } } .td-meta-info-container { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { margin-left: 2px; } } } } .td_module_mx5 { width: 51%; padding-right: 11px; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { width: 100%; padding-right: 0; } .td-module-thumb { height: 451px; /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { height: 291px; } /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { height: 240px; } } .td-meta-info-container { padding-right: 11px; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { padding-right: 0; } } } .td-big-grid-post-1, .td-big-grid-post-2 { width: 49%; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { width: 50%; } .td-module-thumb { height: 220px; /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { height: 140px; } /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { height: 150px; margin-top: 2px; } } .entry-thumb { /* responsive portrait phone */ @media (max-width: 630px) { height: 100%; width: auto; } } } &.td-grid-style-2 .td-big-grid-post-2 { .td-meta-info-container { margin-top: 11px; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { margin-top: 0; } } } // empty module .td_module_mx_empty { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { display: none; } } // custom for styles &.td-grid-style-1, &.td-grid-style-2, &.td-grid-style-3 { .td-big-grid-meta { margin-bottom: 11px; margin-right: 20px; width: auto; /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { margin-bottom: 8px; margin-left: 10px; margin-right: 20px; } /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { margin-bottom: 10px; } } .td-module-meta-info { /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { margin-top: 8px; margin-left: 10px; } /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { margin-bottom: 15px; margin-top: 7px; margin-left: 15px; } } .td_module_mx11 { .td-big-grid-meta { margin-bottom: 16px; /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { margin-bottom: 6px; } /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { margin-bottom: 10px; } } } } &.td-grid-style-4 { .td-meta-info-container { width: 100%; } .td-module-meta-info { margin: 0; padding-left: 11px; padding-right: 11px; } .td-post-category { padding-left: 11px; padding-right: 11px; margin-bottom: 0; } } &.td-grid-style-5 { .td-post-author-name { display: none; } .td-module-meta-info { margin-left: 0; margin-bottom: 0; } .td-meta-info-container { padding: 0 10%; } } &.td-grid-style-6 { .td-medium-thumb { .entry-title { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { font-size: 13px !important; line-height: 15px !important; } } } } }