%PDF- %PDF-
Direktori : /home/emergentqj/jugement/wp-content/themes/Newspaper/includes/less_files/ |
Current File : /home/emergentqj/jugement/wp-content/themes/Newspaper/includes/less_files/category-templates.less |
/* ---------------------------------------------------------------------------- General Category Templates */ .td-pulldown-filter-list { display: none; } .td-category-pulldown-filter:hover .td-pulldown-filter-list { display: block; } .td-category-header { background-color: #fff; clear: both; .td-container { position: relative; } .td-page-title { text-transform: uppercase; font-weight: 700; margin-top: -2px; margin-bottom: 0; } .entry-category a { font-size: 11px; padding: 4px 8px 5px 8px; } .td-category-pulldown-filter { position: absolute; top: 49px; right: 0; /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { top: 46px; } /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { top: 50px; right: 10px; } } .td-pulldown-filter-display-option { background-color: @td_black; color: #fff; font-family: @font3; text-transform: uppercase; cursor: pointer; padding: 5px 13px 4px 13px; font-size: 11px; white-space: nowrap; } .td-icon-menu-down { font-size: 9px; margin-left: 5px; position: relative; top: -1px; } .td-pulldown-filter-list { position: absolute; z-index: 2; right: 0; background-color: @td_black; padding: 6px 0; text-align: left; margin: 4px 0 0; min-width: 113px; a { background-color: transparent !important; } } .td-pulldown-filter-item { list-style: none; margin-left: 0; line-height: 1; } .td-pulldown-category-filter-link { padding: 0 13px; display: inline-block; font-size: 10px; line-height: 24px; width: 100%; color: #fff; text-transform: none; &:hover { color: @td_theme_color; } } } .td-category-description { width: 90%; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { width: 100%; } p { font-style: italic; font-family: @font1; color: #777; font-size: 16px; line-height: 26px; margin-bottom: 0; margin-top: 15px; } } // firefox fix @-moz-document url-prefix() { .td-category-header { .td-pulldown-filter-display-option { padding: 4px 13px 5px 13px; } } } // category siblings filter .td-category-siblings { z-index: 2; opacity: 0; width: 744px; position: relative; /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { width: 560px; } /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { margin-right: 0; width: auto; } .td-category { display: inline-block; vertical-align: top; height: 20px; // marius overflow: hidden; // prevent 2 line flicker } .td-subcat-more { line-height: 1; padding: 4px 5px 3px; } .td-subcat-dropdown { background-color: transparent; display: inline-block; padding: 0; position: absolute; border: 1px solid #eaeaea; color: #222; top: 0; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { position: absolute; top: 0; } i { margin: 0; top: 0; } ul { z-index: 999; border: 1px solid #e6e6e6; margin: 0; } &:hover { border-color: #222; color: #fff; background-color: #222; ul { display: block; border-color: #222; right: -1px; top: 23px; &:before { background-color: #222; content: ''; height: 4px; position: absolute; right: -1px; top: -5px; width: 21px; } } } li { list-style: none; margin-left: 0; } a { display: block; color: #fff !important; padding: 0 13px; white-space: nowrap; text-transform: none; font-size: 10px; &:hover { color: @td_theme_color; } &.td-current-sub-category { background-color: transparent; color: @td_theme_color; } } } } // filter siblings fix hide cats until all is loaded .td-js-loaded .td-category-siblings { opacity: 1; .transition(opacity 0.3s); } .category { .td-crumb-container { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { margin-bottom: 3px; padding-top: 15px; } } .td-category-grid .td_block_wrap { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { padding-bottom: 40px; } } // fix load more button on category pages .td-main-content .td-load-more-wrap { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { margin-bottom: 26px; } } } /* ---------------------------------------------------------------------------- Category Template 1 */ .td_category_template_1 { .td-category-header { padding-bottom: 18px; @media (max-width: @responsive_p_tablet_max) { padding-bottom: 14px; } } .td-category-description { p { margin-top: 12px; margin-bottom: 5px; @media (max-width: @responsive_p_tablet_max) { margin-top: 9px; } } } .td-category-pulldown-filter { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { display: none; } } &.td_category_top_posts_style_disable .td-category-description p { margin-bottom: 6px; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { margin-bottom: 5px; } } } /* ---------------------------------------------------------------------------- Category Template 2 */ .td_category_template_2 { .td-category-header { background-color: #fcfcfc; border-bottom: 1px solid #f2f2f2; border-top: 1px solid #f2f2f2; padding-bottom: 18px; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { padding-bottom: 14px; } } .td-category-pulldown-filter { top: 42px; /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { top: 40px; } /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { display: none; } } .td-crumb-container { margin-bottom: 2px; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { padding-top: 15px; margin-bottom: 3px; } } .td-category-description { p { margin-top: 12px; margin-bottom: 1px; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { margin-top: 9px; margin-bottom: 0; } } } .td-category-grid { padding-top: 26px; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { padding-top: 21px; } } &.td_category_top_posts_style_disable .td-main-content-wrap { padding-top: 26px; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { padding-top: 21px; } } } /* ---------------------------------------------------------------------------- Category Template 3 */ .td_category_template_3 { .td-category-header { padding-bottom: 23px; /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { padding-bottom: 19px; } /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { padding-bottom: 20px; } } .td-crumb-container { margin-bottom: 2px; } .td-category-siblings { margin-top: 13px; margin-bottom: 6px; /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { margin-top: 14px; margin-bottom: 1px; } /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { margin-top: 14px; margin-bottom: 0; } .td-subcat-dropdown { border-color: #222; color: #fff; background-color: #222; } } .td-category-description p { margin-top: 19px; @media (max-width: @responsive_p_tablet_max) { margin-top: 15px; } } .td-category, .entry-category { margin-bottom: 0; } .td-current-sub-category { background-color: @td_theme_color; } .td-category-pulldown-filter { top: 83px; /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { top: 80px; } /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { display: none; } } } // firefox fix @-moz-document url-prefix() { .td_category_template_3 .td-category-siblings .td-subcat-more { padding: 3px 5px 4px; } } /* ---------------------------------------------------------------------------- Category Template 4 */ .td_category_template_4 { .td-category-header { padding-bottom: 23px; /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { padding-bottom: 19px; } /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { padding-bottom: 20px; } } .td-crumb-container { margin-bottom: 3px; } .td-category-siblings { margin-top: 13px; margin-bottom: 6px; /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { margin-top: 14px; margin-bottom: 1px; } /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { margin-top: 14px; margin-bottom: 0; } .td-category { margin-bottom: 0; a { background-color: transparent; color: @td_black; border: 1px solid #eaeaea; padding: 3px 7px 4px 7px; &:hover { border-color: @td_theme_color; background-color: @td_theme_color; color: #fff; } } .td-current-sub-category { background-color: @td_black; border-color: @td_black; color: #fff; } } .entry-category { margin-bottom: 0; } } .td-category-description p { margin-top: 19px; @media (max-width: @responsive_p_tablet_max) { margin-top: 15px; } } .td-category-pulldown-filter { top: 83px; /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { top: 81px; } /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { display: none; } } } // firefox fix @-moz-document url-prefix() { .td_category_template_4 .td-category-siblings .td-subcat-more { padding: 3px 5px 4px; } } /* ---------------------------------------------------------------------------- Category Template 5 */ .td_category_template_5 { .td-category-header { padding-bottom: 18px; /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { padding-bottom: 13px; } /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { padding-bottom: 14px; } } .td-crumb-container { padding-bottom: 20px; padding-top: 20px; margin-bottom: 0; /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { padding-bottom: 15px; padding-top: 15px; } /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { padding-bottom: 9px; padding-top: 9px; } } .td-scrumb-holder { min-height: 62px; background-color: #fcfcfc; border-bottom: 1px solid #f2f2f2; border-top: 1px solid #f2f2f2; /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { min-height: 52px; } /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { min-height: 0; } } .td-category-pulldown-filter { top: 16px; /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { top: 11px; } /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { display: none; } } .td-page-title { margin-top: 18px; @media (max-width: @responsive_p_tablet_max) { margin-top: 13px; } } .td-category-description p { margin-top: 12px; margin-bottom: 5px; /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { margin-top: 9px; margin-bottom: 6px; } /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { margin-top: 4px; margin-bottom: 0; } } } /* ---------------------------------------------------------------------------- Category Template 6 */ .td_category_template_6 { .td-category-header { margin: 0 auto; width: 1164px; min-height: 364px; display: table; position: relative; //background-color: rgb(56, 56, 56); background-color: rgba(0,0,0,0.5); @media (max-width: 1180px) { width: 100%; } .td-page-title, p { color: #fff; } } .td-pulldown-container { width: 1068px; height: 51px; position: absolute; left: 0; bottom: 0; right: 0; margin: auto; /* responsive landscape tablet */ @media (min-width: @responsive_l_tablet_min) and (max-width: @responsive_l_tablet_max) { width: 980px; } /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { width: 740px; } /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { width: 100%; } } .td-crumb-container { z-index: 1; position: absolute; top: 0; left: 0; right: 0; margin: auto; width: 1068px; /* responsive landscape tablet */ @media (min-width: @responsive_l_tablet_min) and (max-width: @responsive_l_tablet_max) { width: 980px; } /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { width: 740px; } /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { padding-left: 10px; padding-right: 10px; text-align: left; width: 100%; } } .entry-crumbs, .entry-crumbs a { color: #fff; } .td-category-pulldown-filter { z-index: 2; bottom: 26px; top: auto; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { display: table; right: 0; left: 0; bottom: 0; margin: auto; position: relative; } } .td-pulldown-filter-display-option { background-color: transparent; border: 1px solid rgba(255, 255, 255, 0.4); padding: 4px 13px 3px 13px; &:hover { background-color: @td_black; border-color: @td_black; } } .td-pulldown-filter-list { margin-top: 4px; } .td-category-description { width: 100%; p { margin-top: 25px; margin-bottom: 25px; } } .td-main-content-wrap { padding-top: 48px; /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { padding-top: 26px; } /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { padding-top: 40px; } } .td-category-grid { padding-top: 48px; /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { padding-top: 26px; } /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { padding-top: 40px; } .td_block_wrap { padding-bottom: 0; } } } // firefox fix @-moz-document url-prefix() { .td_category_template_6 { .td-pulldown-filter-display-option { padding: 3px 13px 4px 13px; } } } .td-category-title-holder { display: table-cell; padding: 110px 15%; z-index: 2; text-align: center; vertical-align: middle; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { padding: 80px 5%; } .td-page-title { font-weight: 500; font-size: 36px; line-height: 54px; } .entry-title.td-page-title { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { font-size: 30px; line-height: 40px; } } } /* ---------------------------------------------------------------------------- Category Template 7 */ .td_category_template_7 { .td-category-header { margin-bottom: 0; position: relative; } .td-crumb-container { z-index: 1; position: absolute; top: 0; left: 0; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { left: 10px; } } .td-pulldown-container { /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { height: 56px; position: absolute; left: 0; bottom: 0; right: 0; margin: auto; width: 100%; } } .td-category-title-holder { padding: 80px 15% 89px; display: table; width: 100%; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { padding: 60px 5% 69px; } } .td-category-pulldown-filter { top: 18px; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { display: table; right: 0; left: 0; margin: auto; position: relative; bottom: 0; top: auto; } } .td-category-description { width: 100%; p { margin-top: 25px; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { margin-bottom: 28px; margin-top: 7px; } } } } /* ---------------------------------------------------------------------------- Category Template 8 */ .td_category_template_8 { .td-category-header { position: relative; background-color: rgba(0,0,0,0.5); margin-bottom: 0; .td-container { height: 364px; display: table; } .td-page-title, p { color: #fff; } .td-page-title { margin-top: -14px; } .td-category { margin-bottom: 0; vertical-align: top; a { background-color: transparent; border: 1px solid rgba(255, 255, 255, 0.4); padding: 3px 7px 4px 7px; &:hover { border-color: #fff; background-color: #fff; color: #000; opacity: 1; } &.td-current-sub-category { background-color: @td_theme_color; border-color: @td_theme_color; color: #fff; } } } } .td-crumb-container { z-index: 3; position: absolute; top: 0; left: 0; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { left: 10px; } } .entry-crumbs, .entry-crumbs a { color: #fff; } .td-category-pulldown-filter { z-index: 2; bottom: 26px; top: auto; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { display: none; } } .td-pulldown-filter-display-option { background-color: transparent; border: 1px solid rgba(255, 255, 255, 0.4); padding: 4px 13px 3px 13px; &:hover { background-color: @td_black; border-color: @td_black; } } .td-pulldown-filter-list { margin-top: 4px; } .td-category-description { margin-top: 16px; width: 100%; } .td-category-grid { padding-top: 48px; /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { padding-top: 26px; } /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { padding-top: 40px; } .td_block_wrap { padding-bottom: 0; } } .td-main-content-wrap { padding-top: 48px; } .td-category-title-holder { text-align: left; position: relative; padding: 63px 5% 63px 0; } .td-category-siblings { margin-top: 12px; } .td-subcat-dropdown { padding: 0; color: #fff; vertical-align: top; } } // firefox fix @-moz-document url-prefix() { .td_category_template_8 .td-category-pulldown-filter .td-pulldown-filter-display-option { padding: 3px 13px 4px 13px; } .td_category_template_8 .td-category-header .td-category a { padding: 4px 7px 3px; } }