%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/pagebuilder-elements.less |
/* GENERAL */ // Titles .wpb_heading { background-color: #222; color: #fff; display: inline-block; padding: 8px 12px; font-family: @font3; font-size: 14px; line-height: 1; margin-bottom: 26px; margin-top: 0; } /* Single Image */ .vc_single_image-img { display: block; } /* Text block */ .wpb_text_column { // make the first h to be without top margin to perfect fit h1,h2,h3,h4,h5 { &:first-child { margin-top: 0; } } } /* FAQ - toggle */ .vc_toggle_title { padding: 7px 13px 8px 36px !important; margin: 0; } .vc_toggle_content { padding-left: 15px !important; } .vc_toggle_active .vc_toggle_title { background-color: #fcfcfc !important; } .vc_toggle_title { border: 1px solid @td_grid_border_color; &:hover { background-color: #fcfcfc !important; } h4 { font-family: @font3; font-size: 14px; line-height: 21px; font-weight: 400; } .vc_toggle_icon { left: 10px !important; } } .vc_toggle { margin-bottom: 10px !important; &.vc_toggle_size_md .vc_toggle_title { padding: 11px 13px 10px 45px !important; } &.vc_toggle_size_lg .vc_toggle_title { padding: 14px 13px 14px 48px !important; } } /* Image gallery */ .wpb_gallery { .flexslider { overflow: hidden; border: 0; border-radius: 0; box-shadow: none; position: relative; } .nivoSlider { box-shadow: none !important; } .post-title { font-size: 26px; line-height: 31px; margin-bottom: 10px; margin-top: 10px; } } // Flex slider - fix navigation .wpb_gallery .wpb_flexslider .flex-control-nav { bottom: 0; z-index: 2; } /* Image carousel */ .wpb_content_element { .icon-next:before { font-family: @font4 !important; content: '\e808' !important; color: #ffffff; font-size: 30px; top: 0 !important; } .icon-prev:before { font-family: @font4 !important; content: '\e807' !important; color: #ffffff; font-size: 30px; top: 0 !important; } } /* Tabs */ .wpb_tabs { .wpb_tab { background-color: #fff !important; padding: 0 !important; } .wpb_tabs_nav { border-bottom: 2px solid #222; margin-bottom: 26px; } li { a { background-color: #fff; color: #222; padding: 8px 12px 5px 12px !important; font-family: @font3; font-size: 14px; line-height: 15px; font-weight: 400; white-space: nowrap; } &.ui-tabs-active, &:hover { a { background-color: #222; color: #fff; } } } } // firefox fix @-moz-document url-prefix() { .wpb_tabs li a { padding: 7px 12px 5px 12px !important; line-height: 16px; } } .vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic { margin-bottom: 22px; .td_block_wrap { padding-bottom: 0; /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { padding-bottom: 12px; } } .vc_tta-panels-container .vc_tta-panels { background-color: transparent; border: none; } .vc_tta-tabs-container { margin-bottom: 26px !important; margin-right: 0; border-bottom: 2px solid @td_theme_color; display: block; .vc_tta-tabs-list { padding: 0; } .vc_tta-tab { margin: 0; &.vc_active > a, &:hover > a { border-color: transparent; background-color: @td_theme_color; color: #fff; } > a { border-color: transparent; background-color: #fff; color: #222; padding: 6px 12px 5px 12px !important; font-family: @font3; font-size: 14px; line-height: 15px; font-weight: 400; white-space: nowrap; border-radius: 0; } } } .vc_tta-panel-heading { display: none; } .vc_tta-panel-body { padding: 0; border-color: transparent; background-color: transparent; } } // custom color for tabs .td-tab-color { &.vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container { margin-bottom: 17px !important; border: none; .vc_tta-tab { margin: 0 11px; /* responsive portrait tablet */ @media (max-width: @responsive_p_tablet_max) { margin: 0; } > a { background-color: transparent !important; font-size: 19px; /* responsive portrait tablet */ @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) { font-size: 15px; } /* responsive portrait phone */ @media (max-width: @responsive_p_phone_max) { font-size: 17px; } } } .vc_tta-tabs-list { text-align: center; } .vc_tta-tab.vc_active > a, .vc_tta-tab:hover > a { background-color: transparent; color: #009688; } } &.vc_tta.vc_general .vc_tta-icon { font-size: 1em; top: -2px; position: relative; } .vc_tta-panels-container { margin-bottom: 48px; } // custom color for tab // tab items color // 1 - red .vc_tta-tabs-list { li:nth-child(1).vc_active > a, li:nth-child(1):hover > a { color: #e53935 !important; } } .vc_tta-panels { .vc_tta-panel:nth-child(1) { .td-grid-style-1 .td-post-category { background-color: #e53935 !important; } } } // 2 - green .vc_tta-tabs-list { li:nth-child(2).vc_active > a, li:nth-child(2):hover > a { color: #66bb6a !important; } } .vc_tta-panels { .vc_tta-panel:nth-child(2) { .td-grid-style-1 .td-post-category { background-color: #66bb6a !important; } } } // 3 - blue .vc_tta-tabs-list { li:nth-child(3).vc_active > a, li:nth-child(3):hover > a { color: #29B6F6 !important; } } .vc_tta-panels { .vc_tta-panel:nth-child(3) { .td-grid-style-1 .td-post-category { background-color: #29B6F6 !important; } } } // 4 - gray .vc_tta-tabs-list { li:nth-child(4).vc_active > a, li:nth-child(4):hover > a { color: #7F8FA9 !important; } } .vc_tta-panels { .vc_tta-panel:nth-child(4) { .td-grid-style-1 .td-post-category { background-color: #7F8FA9 !important; } } } // 5 - yellow .vc_tta-tabs-list { li:nth-child(5).vc_active > a, li:nth-child(5):hover > a { color: #FDD835 !important; } } .vc_tta-panels { .vc_tta-panel:nth-child(5) { .td-grid-style-1 .td-post-category { background-color: #FDD835 !important; } } } } /* Accordion */ .vc_tta-accordion.vc_tta-o-no-fill { .td_block_wrap { margin-left: -20px; margin-right: -20px; } } /* Progress bar */ .vc_progress_bar { .vc_label, div { border-radius: 0 !important; } } /* Tour section */ .wpb_tour { .wpb_heading { float: left; } .wpb_tabs_nav { clear: both; border-bottom: 1px solid @td_grid_border_color; } .wpb_tabs_nav li { line-height: 16px; margin: 0 !important; overflow: hidden; a { color: #222; padding: 7px 12px 7px 12px !important; font-family: @font3; font-size: 14px; line-height: 17px; font-weight: 400; white-space: nowrap; min-height: 30px; border: 1px solid @td_grid_border_color; } &.ui-tabs-active, &:hover { a { background-color: #222; color: #fff; border-width: 1px 1px 0 1px; border-style: solid; border-color: #222; } } } } /* Accordion */ .wpb_accordion { .ui-state-active { a { background-color: #222 !important; color: #fff !important; border: 0 !important; } } .wpb_accordion_header { background-color: #ffffff !important; margin-bottom: 10px !important; a { color: #222; padding: 10px 12px !important; font-family: @font3; font-size: 14px; line-height: 17px; font-weight: 400; white-space: nowrap; min-height: 30px; border: 1px solid @td_grid_border_color; } } .wpb_accordion_content { margin-bottom: 10px; } } /* Buttons */ .wpb_button, .vc_btn { display: inline-block; font-family: @font1; font-weight: 600; line-height: 24px; text-shadow: none; border: none; transition: none; border-radius: 0; margin-bottom: 21px; &:hover { text-shadow: none; text-decoration: none !important; } } a.vc_btn-black { .transition(all 0.2s ease); &:hover { background-color: @td_theme_color; border-color: @td_theme_color; color: @td_theme_color; } &.vc_btn_square_outlined, &.vc_btn_outlined { &:hover { color: @td_theme_color !important; } } } .wpb_default { background-color: @td_theme_color; &:hover { text-shadow: none; background-color: @td_theme_color; opacity: 0.8; .transition(opacity @td_transition_time); } } /* Call to action */ .wpb_call_to_action { background-color: #fcfcfc; } .vc_call_to_action { .wpb_heading { background-color: inherit; color: inherit; margin-top: inherit; padding: inherit; line-height: 34px; margin-bottom: 8px; } h2 { font-size: 27px; } h4 { line-height: 20px !important; } } /* Video */ .wpb_video_widget .wpb_video_wrapper { margin-bottom: 0; } /* Custom heading */ .vc_custom_heading { & > * { margin-top: 0; margin-bottom: 26px; } } /* Widgets */ .widget { overflow: hidden; } // all widgets .vc_wp_rss, .vc_wp_archives, .vc_wp_categories, .vc_wp_posts, .vc_wp_text, .vc_wp_custommenu, .vc_wp_tagcloud, .vc_wp_pages, .vc_wp_calendar, .vc_wp_recentcomments, .vc_wp_meta, .vc_wp_search { ul { margin: 0; } } // title .widgettitle { background-color: #222; color: #fff; display: inline-block; padding: 6px 12px 4px; font-family: @font3; font-size: 14px; line-height: 19px; margin-bottom: 14px; margin-top: 0; min-height: 30px; position: relative; &:after { content: ''; height: 2px; width: 300%; position: absolute; bottom: 0; left: 0; background-color: #222; } a { color: #fff; } } // firefox fix @-moz-document url-prefix() { .widgettitle { line-height: 18px; } } // rss .vc_wp_rss { margin-bottom: 0; .widgettitle { a:first-child { display: none; } } .widget_rss { margin-bottom: 21px; } ul { margin: 4px 0 0 12px; li { margin-left: 0; padding-bottom: 0; } } } // archive .vc_wp_archives { ul { margin: 0; } } // text .vc_wp_text { .textwidget { margin: 12px 0 43px 0; } } // tags .vc_wp_tagcloud { .widgettitle { margin-bottom: 26px; } } // search .vc_wp_search { .widgettitle { margin-bottom: 26px; } } // raw html .wpb_raw_code { margin-bottom: 26px; } // fix google maps embedded in Raw HTML .tdc-theme-Newspaper .vc_raw_html iframe { pointer-events: none; } /* visual composer hack - overwrite the theme display block @since 18/6/2015 */ .wpb_single_image .vc_single_image-wrapper { display: inline-block !important; } .wpb_flickr_heading { display: table; }