js_composer.less000064400000000137150212447730007765 0ustar00/** Front end editor */ @import "config/variables.less"; // Base file @import "lib/front.less";modules/vc_fullscreen.less000064400000001735150212447730011751 0ustar00.vc_fullscreen { .vc_fullscreen-button { display: none; } .vc_windowed-button { display: block; } #post-body-content, #screen-meta-links, #postbox-container-1, .ui-sortable-handle:not(.vc_control), .handlediv, .wrap > h1, .wrap > .notice, .postbox, #wpfooter { display: none; } #poststuff #post-body.columns-2 { margin-right: 0; } #wpbody-content { padding-bottom: 0; } #poststuff { padding-top: 0; } .wrap { margin: 0; } #wpcontent { margin-left: 16px; padding-top: @vc_navbar_height; } .vc_save-backend { display: block; } .vc_navbar { padding-left: 40px; position: fixed; z-index: 9980; width: 100%; top: 32px; left: 0; } } @media screen and (max-width: 782px) { .vc_fullscreen { #wpcontent { margin-left: 0; padding-top: @vc_navbar_height; } .vc_navbar { padding-left: 0; top: 46px; // #wpadminbar height } } }modules/vc_modals.less000064400000003360150212447730011062 0ustar00/** VC Modal block popup */ .add_element_size(@counter, @max_width: 1330px) when (@counter >= 0) { .add_element_size((@counter - 1), (@max_width - @vc_add_element_button_width)); @media (min-width: @max_width) { .vc_modal-dialog { width: (10px + @vc_add_element_width + @counter * @vc_add_element_button_width); } } } .vc_modal { display: none; overflow: auto; overflow-y: hidden; position: fixed; top: 0 !important; right: 0; bottom: 0; left: 0; -webkit-overflow-scrolling: touch; width: auto !important; margin-left: 0 !important; background-color: transparent !important; z-index: @vc_zindex_modal !important; &.fade .vc_modal-dialog { .translate(0, -25%); .transition-transform(~"0.3s ease-out"); } &.in .vc_modal-dialog { .translate(0, 0) } *, & { .box-sizing(border-box); } } .add_element_size(4); .vc_modal-content { position: relative; background-color: @modal-content-bg; .box-shadow(0 3px 9px rgba(0, 0, 0, .5)); background-clip: padding-box; // Remove focus outline from opened modal outline: 0; -webkit-border-radius: @vc_modal_content_radius; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid @vc_modal_content_border_color; } .vc_modal-header { .vc_box-heading; } .vc_modal-title { .modal-title; .vc_heading(16px); cursor: default; border: 0 !important; } .vc_modal-body { .modal-body; overflow-y: auto; } .vc_modal-footer { .modal-footer; } // Default bootstrap classes for modal box .modal-open { .modal-open; } .clousus { z-index: @zindex-modal-background; } .modal-backdrop { .modal-backdrop; } // Measure scrollbar width for padding body during modal show/hide .modal-scrollbar-measure { .modal-scrollbar-measure; }modules/vc_messages.less000064400000001540150212447730011410 0ustar00.vc_message { display: none; position: fixed; .box-sizing(border-box); padding: 10px; text-align: center; top: 56px; left: 0; width: 100%; background: #CCCCCC; color: #000000; &.success, &.type-success { background: #d8edc7; border-bottom: 1px solid #cae1b7; color: #8A987E; } &.error, &.type-error { background: #EBE4C7; border-bottom: 1px solid #DDD2B3; color: #938D7C; } } .vc_panel-message { display: none; z-index: 100000; position: absolute; .box-sizing(border-box); padding: 10px; text-align: center; top: 38px; left: 0; width: 100%; background: #CCCCCC; color: #000000; &.type-success { background: #d8edc7; border-bottom: 1px solid #cae1b7; color: #8A987E; } &.type-error { background: #EBE4C7; border-bottom: 1px solid #DDD2B3; color: #938D7C; } }modules/vc_welcome.less000064400000004660150212447730011242 0ustar00@import "ui/vc_ui-button.less"; @import "ui/vc_ui-helper.less"; @import "ui/vc_ui-icon-pixel.less"; @vc-welcome-border: rgba(125, 125, 125, 0.40); @vc-welcome-margin: 14px; @vc-welcome-base-font-size: 14px; @vc-welcome-gap: 20px; @vc-welcome-header-font-size: 36px; @vc-welcome-header-line-height: 1em; @vc-welcome-header-font-color: #656565; .vc_welcome { margin: @vc-welcome-margin; font-size: @vc-welcome-base-font-size; text-align: center; padding: @vc-welcome-gap; // buttons behavior .vc_ui-btn-group { margin-top: @vc-welcome-gap; margin-bottom: @vc-welcome-gap; } .vc_ui-button { margin: @vc-welcome-gap / 2; margin-bottom: 0; min-width: 190px; text-transform: capitalize; display: inline-flex; justify-content: center; text-decoration: none !important; align-items: center; .vc-composer-icon { font-size: 21px; padding: 0 .5em 0 0; } } // icon behaviour .vc_ui-icon-pixel { padding-right: .5em; } } .vc_welcome-brand { margin-top: @vc-welcome-gap; margin-bottom: @vc-welcome-gap * 1.5; text-align: center; img { box-shadow: none; display: inline-block; } } .vc_welcome-header { font-weight: 300; font-size: @vc-welcome-header-font-size; line-height: @vc-welcome-header-line-height; color: @vc-welcome-header-font-color; text-transform: uppercase; margin-top: @vc-welcome-gap; margin-bottom: @vc-welcome-gap * 2; } .vc_add-element-not-empty-button { display: inline-block; position: relative; font-size: 18px; color: #FFFFFF; width: 39px; height: 38px; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; background-color: #C9C9C9; cursor: pointer; border: none !important; .border-radius(5px); .transition(background-color 0.5s); &:hover { background-color: #E4E4E4; color: #FFFFFF; } .vc-composer-icon { position: absolute; left: 50%; top: 50%; .translate(-50%, -50%); } } // not empty state .vc_welcome { &.vc_not-empty { border: 1px dashed @vc-welcome-border; .vc_welcome-visible-e { display: none; } } &:not(.vc_not-empty) { .vc_welcome-visible-ne { display: none; } } } // editors behaviour .vc_editor.compose-mode { .vc_welcome { margin: 0; } } // media behaviour @media screen and (max-width: @screen-sm) { .vc_welcome { .vc_ui-button { display: block; } } }modules/vc_panels.less000064400000011607150212447730011070 0ustar00@vc_panel-width: 700px; .vc_input-group { position: relative; display: table; border-collapse: separate; .vc_form-control { display: table-cell; position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .vc_input-group-btn { position: relative; font-size: 0; white-space: nowrap; width: 1%; vertical-align: middle; display: table-cell; } } .vc_panel { .panel; width: @vc_panel-width; position: fixed; z-index: 100000; top: 74px; left: 50%; // height: auto !important; min-height: 150px; .panel-body { padding: 0; } display: none; border-color: #DDDDDD; } .vc_panel-body { .panel-body; overflow-y: auto; overflow-x: hidden; &.vc_with-tabs { margin-top: 50px; } } .vc_panel-heading { .vc_box-heading; cursor: move; } .vc_panel-footer { .panel-footer; box-sizing: border-box; .vc_btn-default { &:hover { border-color: #CCC; } &:focus { background-color: #FFF; // TODO: check } } } .vc_panel-title { .panel-title; .vc_heading(16px); border: 0 !important; } .vc_properties-list { //padding: 10px 16px; input, textarea { width: 100%; padding: 8px 6px; margin: 0; } input, select { font-size: 1em; width: 100%; padding: 8px 24px 8px 6px; margin: 0; } select { height: auto; } input[type="checkbox"] { width: auto; margin-left: 5px; margin-right: 2px; display: inline-block; &:nth-child(2) { margin-left: 0; } } } .vc_panel-tabs { > .vc_edit-form-tabs-menu { margin: 38px 0 10px; // margin-top 38px comes from panel-heading.OuterHeight padding-left: 10px; display: block; position: absolute; top: 0; // fixes firefox bug! left: 0; right: 0; background-color: #e6e6e6; .vc_edit-form-tab-control { display: list-item; list-style: none; float: left; position: relative; top: 0; margin: 9px 2px 0 0; // see border-bottom-width: 0 border: 1px solid transparent; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-width: 0; padding: 0; white-space: nowrap; font-weight: normal; .transition(background-color 0.5s ease-out); color: #949494; .vc_edit-form-link { color: #949494; float: left; padding: 11px 15px; text-decoration: none; outline: none; cursor: pointer; font-size: 12px; &:focus { .box-shadow(none); } } &.vc_active { background: #ffffff; font-weight: normal; color: #595959; a { color: #595959; } } &.vc_tab-color-animated { background-color: #d7d7d7; } } > :first-child { margin-left: 6px; } } > .vc_edit-form-tab { display: none; &.vc_active { display: block; } } } .vc_panel-tabs { > .vc_panel-tabs-menu { margin: 38px 0 10px; // margin-top 38px comes from panel-heading.OuterHeight padding-left: 10px; display: block; position: absolute; top: 0; // fixes firefox bug! left: 0; right: 0; background-color: #e6e6e6; .vc_panel-tabs-control { display: list-item; list-style: none; float: left; position: relative; top: 0; margin: 9px 2px 0 0; // see border-bottom-width: 0 border: 1px solid transparent; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-width: 0; padding: 0; white-space: nowrap; font-weight: normal; .transition(background-color 0.5s ease-out); color: #949494; .vc_panel-tabs-link { color: #949494; float: left; padding: 11px 15px; text-decoration: none; outline: none; cursor: pointer; font-size: 12px; &:focus { .box-shadow(none); } } &.vc_active { background: #ffffff; font-weight: normal; color: #595959; a { color: #595959; } } &.vc_panel-tabs-color-animated { background-color: #d7d7d7; } } > :first-child { margin-left: 6px; } } > .vc_panel-tab { display: none; padding: 10px 15px; &.vc_active { display: block; } } } .vc_panel-opacity { height: 38px !important; overflow: hidden !important; min-height: 0; // fixes min-height problem in frontend &.vc_shortcode-edit-form { padding-bottom: 0; } .vc_panel-footer, .vc_panel-body { display: none; } } .vc_description { color: #999999; display: block; font-style: italic; line-height: 20px; margin-top: 8px; clear: both; } .vc_google_fonts_form_field-preview-wrapper { margin-top: 10px; } .vc_google_fonts_form_field-preview-container { > span { font-size: 20px; } }modules/vc_buttons.less000064400000007263150212447730011307 0ustar00/* 1. Buttons ---------------------------------------------------------- */ .vc_btn, a.vc_btn, button.vc_btn { cursor: pointer; display: inline-block; text-decoration: none !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; &, &:hover, &:focus { border: 1px solid transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } // @padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius .button-size(@vc_btn_padding_vertical; @vc_btn_padding_horizontal; 100%; 20px; 4px); // Button Sizes // -------------------------------------------------- &-lg { // line-height: ensure even-numbered height of button next to large input .button-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @border-radius-large); } &-sm { // line-height: ensure proper height of button next to small input .button-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @border-radius-small); } &-xs { .button-size(@padding-xs-vertical; @padding-xs-horizontal; @font-size-small; @line-height-small; @border-radius-small); } //Button design variations &_rounded { //default style } &_square { border-radius: 0; } &_square_outlined { border-radius: 0; background: none !important; &, &:hover, &:focus { border: 2px solid; } } &_round { border-radius: 25px; } &_outlined { background: none !important; &, &:hover, &:focus { border: 2px solid; } } /* Button colors variations */ &-blue { .vc_btn_variants(@blue, #ffffff); } &-turquoise { .vc_btn_variants(@turquoise, #ffffff); } &-pink { .vc_btn_variants(@pink, #ffffff); } &-violet { .vc_btn_variants(@violet, #ffffff); } &-peacoc { .vc_btn_variants(@peacoc, #ffffff); } &-chino { .vc_btn_variants(@chino, #ffffff); } &-mulled_wine { .vc_btn_variants(@mulled_wine, #ffffff); } &-vista_blue { .vc_btn_variants(@vista_blue, #ffffff); } &-black { .vc_btn_variants(@black, #ffffff); } &-grey { .vc_btn_variants(@grey, #666666); } &-orange { .vc_btn_variants(@orange, #ffffff); } &-sky { .vc_btn_variants(@sky, #ffffff); } &-green { .vc_btn_variants(@green, #ffffff); } &-juicy_pink { .vc_btn_variants(@juicy_pink, #ffffff); } &-sandy_brown { .vc_btn_variants(@sandy_brown, #ffffff); } &-purple { .vc_btn_variants(@purple, #ffffff); } &-white { .vc_btn_variants(@white, #666666); } &-grace { .vc_btn_variants(@grace, #ffffff); } &-default { .button-variant(@vc_btn_default_color; @vc_btn_default_bg; @btn-default-border); } &-primary { .button-variant(@vc_btn_primary_color; @vc_btn_primary_bg; @btn-primary-border); } // Success appears as green &-success { .button-variant(@btn-success-color; @btn-success-bg; @btn-success-border); } // Info appears as blue-green &-info { .button-variant(@btn-info-color; @btn-info-bg; @btn-info-border); } // Warning appears as orange &-warning { .button-variant(@btn-warning-color; @btn-warning-bg; @btn-warning-border); } // Danger and error appear as red &-danger { .button-variant(@btn-danger-color; @btn-danger-bg; @btn-danger-border); } } .vc_button-2-wrapper { display: inline-block; vertical-align: middle; &.vc_button-2-align-left { display: block; text-align: left; } &.vc_button-2-align-right { display: block; text-align: right; } &.vc_button-2-align-center { display: block; text-align: center; } } @import "../lib/wpb_icon.less"; modules/vc_table.less000064400000000137150212447730010671 0ustar00.vc_table { .table; border-collapse: collapse; } .vc_table-bordered { .table-bordered; }modules/vc_teaser_box.less000064400000006525150212447730011744 0ustar00#vc_teaser { .vc_teaser-constructor { display: none; .vc_toolbar { margin-top: 6px; text-align: center; .vc_teaser-checkbox { display: inline-block; cursor: pointer; overflow: hidden; height: 26px; margin-right: 4px; position: relative; label { float: left; width: auto; input { margin-right: 0px; position: absolute; top: -20px; } span { text-align: center; display: block; border: 1px solid #CCCCCC; padding: 2px 6px 1px; -webkit-border-radius: @vc_teaser_checkbox_radius; -moz-border-radius: @vc_teaser_checkbox_radius; border-radius: @vc_teaser_checkbox_radius; background: rgb(255, 255, 255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 70%, rgba(241, 241, 241, 1) 100%, rgba(246, 246, 246, 1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(70%, rgba(234, 234, 234, 1)), color-stop(100%, rgba(241, 241, 241, 1)), color-stop(100%, rgba(246, 246, 246, 1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 70%, rgba(241, 241, 241, 1) 100%, rgba(246, 246, 246, 1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 70%, rgba(241, 241, 241, 1) 100%, rgba(246, 246, 246, 1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 70%, rgba(241, 241, 241, 1) 100%, rgba(246, 246, 246, 1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 70%, rgba(241, 241, 241, 1) 100%, rgba(246, 246, 246, 1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0); /* IE6-9 */ } input:checked + span { background: #FFF; box-shadow: inset 1px 1px 1px 1px #DDDDDD; color: #5e5e5e; } input:hover + span { } } } } .vc_teaser_loading_block { position: absolute; top: 5px; right: 5px; } .vc_teaser-control { position: relative; min-height: 20px; padding: 4px; border: 1px dashed #CCC; margin-bottom: 4px; .vc_text { word-break: break-all; } .vc_image-featured { font-size: 14px; } .vc_teaser_add_custom_image, .vc_image-featured { img { max-width: 100%; } } .vc_buttons { margin-bottom: 4px; } .vc_link-controls { margin-top: 4px; } textarea { width: 100%; height: 100px; } a.vc_active, a.vc_active-link { font-weight: bold; } .vc_move { background: url("../vc/drag_handler.gif") no-repeat center center #FCF8E3; width: 20px; height: 18px; position: absolute; right: 0; top: 0; cursor: move; } } } }modules/vc_navbar.less000064400000014055150212447730011057 0ustar00@vcui-navbar-transition-duration: .2s; @vcui-navbar-transition-function: ease-in-out; .vc_navbar { .box-sizing(border-box); min-height: @vc_navbar_height; // Ensure a navbar always shows (e.g., without a .navbar-brand in collapsed mode) margin: @vc_navbar_margin; border: 0; // Prevent floats from breaking the navbar &:extend(.clearfix all); * { .box-sizing(border-box); } .vc_navbar-collapse { padding: 0; } background-color: @vc_navbar_background_color; border-bottom: none; .vc_navbar-nav { display: block; margin: 0; > li { float: left; margin: 0; a { } height: 56px; } } .vc_navbar-brand { .navbar-brand(); font-size: 0; background: transparent url(@vcui_navbar_logo) center center no-repeat; background-size: 36px; display: block; width: 42px; height: 42px; padding: 27px 30px 27px 35px; &.vc_ui-wp-spinner { background-image: none; } } &.vc_navbar-frontend { .vc_navbar-brand { &.vc_ui-wp-spinner { &::before { background-image: url(@vc_ui-wp-spinner-light-svg-src); } } } } .vc_last { padding-right: 25px; } .vc_right-space { padding-right: 5px; } .vc_icon-btn { display: block; width: 60px; height: @vc_navbar_height; padding: 28px 30px; cursor: pointer; outline: 0; background: transparent; transition: background-color @vcui-navbar-transition-duration @vcui-navbar-transition-function; position: relative; font-size: 22px; &[disabled] { .opacity(0.2); } &:not([disabled]):hover { background-color: @vc_navbar_icon_btn_color_hover; } &:not([disabled]):focus { background-color: transparent; } .vc-composer-icon, .vc_navbar-icon { color: @vc_navbar_icon_color; position: absolute; left: 50%; top: 50%; .translate(-50%, -50%); } } .vc_open { > a, > a:focus { background-color: @vc_navbar_background_color; } } .vc_btn-backend-editor { margin-right: 2px; } .vc_btn-save { margin-left: 2px; &-draft { margin-right: 2px; } } .vc_back-button { font-size: 26px; padding: 20px 23px; } .vc_post-settings { font-size: 20px; } .vc_windowed-button { display: none; } .vc_badge-custom-css { display: block; background-color: #fcb714; position: absolute; top: 9px; left: 31px; font-size: 9px; font-weight: normal; border-radius: 4px; padding: 2px 3px; z-index: 1; } .vc_save-backend { display: none; .vc_control-preview { margin-right: 0; } .vc_control-save { margin-left: 5px; } } .vc_dropdown { position: relative; font-size: 18px; .vc_dropdown-toggle { transition: background-color @vcui-navbar-transition-duration @vcui-navbar-transition-function; cursor: default; display: block; width: 68px; height: 56px; line-height: 16px; padding: 19px; text-decoration: none; } .vc_current-layout-icon { color: #FFFFFF; } .vc-c-icon-arrow_drop_down { color: #FFFFFF; opacity: 0.5; } .vc_dropdown-list { display: none; position: absolute; z-index: 1000; top: 55px; // left: 0px; background: @vc_navbar_icon_btn_color_hover; // border: 1px solid #1e5072; // border-width: 0 1px 1px 1px; padding-top: 1px; .border-bottom-radius(3px); > li { margin: 0; } a { display: block; color: #FFFFFF; text-decoration: none; transition: background-color @vcui-navbar-transition-duration @vcui-navbar-transition-function; background-color: transparent; width: 68px; height: 37px; position: relative; &::before { position: absolute; top: 50%; left: 50%; .translate(-50%, -50%); } &:hover { background-color: #00aef0; } &.active { background-color: #00aef0; } } } &:hover { .vc_dropdown-toggle { background-color: @vc_navbar_icon_btn_color_hover; } .vc_dropdown-list { display: block; } } .vc-c-icon-layout_landscape-smartphones { font-size: 13px; } } } // Buttons in navbars // // Vertically center a button within a navbar (when *not* in a form). .vc_navbar-btn { transition: background-color @vcui-navbar-transition-duration @vcui-navbar-transition-function; .navbar-vertical-align(@input-height-base); margin-left: 21px; margin-right: 21px; &.vc_btn-sm { .navbar-vertical-align(@input-height-small); } &.vc_btn-xs { .navbar-vertical-align(22); } } .vc_subnav-fixed { position: fixed; top: 32px; left: 0; z-index: 9980; width: 100%; padding-left: @vc_navbar_fixed_right_padding; .vc_save-backend { display: block; } } .folded { .vc_subnav-fixed { padding-left: 40px; } } @media screen and (max-width: 960px) { .auto-fold { .vc_subnav-fixed { padding-left: 40px; } } } @media screen and (max-width: 782px) { .vc_navbar li, .navbar-header { display: none; } .vc_navbar li.vc_show-mobile { display: block; float: left; } .vc_navbar-nav { float: left; margin: 0; &.navbar-right { float: right; } } .vc_navbar-header { float: left; } .vc_navbar { padding-left: 0; position: fixed; z-index: 9980; width: 100%; left: 0; top: 46px; // #wpadminbar height } #wpcontent { padding-top: @vc_navbar_height; } .auto-fold { .vc_subnav-fixed { padding-left: 0; } } } .vc_navbar-border-right { border-right: 1px solid @vc_navbar_border_color; } .vc_dropdown-menu { background-color: #000000; } .vc_navbar-header { .navbar-header(); float: left; } .vc_navbar-collapse { .navbar-collapse(); } .vc_select-navbar { margin: 12.5px 21px; } #vc_navbar-redo, #vc_navbar-undo { transition: all 0.2s ease-in-out; } modules/vc_preloader.less000064400000000710150212447730011554 0ustar00#vc_preloader { position: fixed; top: 0; left: 0; //z-index: 1031; z-index: 50021; // gutenberg modal width: 100%; height: 100%; background: #FFF url(../vc/logo/wpb-logo.svg) center center no-repeat; background-size: 72px; .opacity(0.95); } #vc_overlay_spinner { position: fixed; top: 0; left: 0; z-index: 50021; // gutenberg modal width: 100%; height: 100%; background: #FFF; background-size: 72px; .opacity(0.95); } modules/vc_helper.less000064400000001336150212447730011063 0ustar00.vc_helper { width: auto !important; height: auto !important; .box-sizing(border-box); z-index: 1006; position: absolute; padding: 4px 15px 4px 30px; border: 1px solid @vc_controls_border; background-color: @vc_controls_background; .border-top-radius(3px); .border-bottom-radius(3px); vertical-align: middle; color: #FFFFFF; font-size: 9px; @import '../lib/elements_icons.less'; .vc_element-icon { display: inline-block; margin: 0 8px 0 0; vertical-align: middle; } &.vc_helper-vc_row { border: 1px solid #285A85; background-color: #285A85; } &.vc_helper-vc_column { border: 1px solid #F9B418; background-color: #F9B418; } &-tab { width: auto !important; } }modules/vc_placeholder.less000064400000001021150212447730012055 0ustar00.vc_placeholder { width: 100% !important; background: transparent url(@vc_placeholder_pattern); margin-top: 5px; margin-bottom: 5px; &-row { padding: 0; margin: 0 0 35px 0; background: transparent url(@vc_placeholder_pattern); height: 50px; } &-column { background: transparent url(@vc_placeholder_pattern); float: left; } &-tab { background: transparent url(@vc_placeholder_pattern); } } .vc_param_group-list { .vc_placeholder { height: 24px; margin-bottom: 15px; } }modules/ui/vc_ui-prompt.less000064400000005210150212447730012150 0ustar00@vcui-prompt-font-size: 14px; @vcui-prompt-background: #f5f5f5; @vcui-prompt-border: #dbdbdb; @vcui-prompt-color: #5e5e5e; @vcui-prompt-padding: 15px; @vcui-prompt-size: 16px; @vcui-prompt-gap: 18px; @vcui-prompt-xs-width: 258px; @vcui-prompt-sm-width: 395px; .vc_ui-prompt { font-size: @vcui-prompt-font-size; box-sizing: content-box; overflow: hidden; transition-property: opacity; transition-duration: .2s; transition-timing-function: ease-in-out; position: absolute; z-index: 100; top: 100%; left: 0; box-shadow: 0 0 5px rgba(0, 0, 0, .1); background-color: @vcui-prompt-background; color: @vcui-prompt-color; padding: @vcui-prompt-padding; visibility: hidden; opacity: 0; input { box-sizing: border-box; } &.vc_visible { visibility: visible; opacity: 1; overflow-y: auto; } } .vc_media-xs { .vc_ui-prompt { width: @vcui-prompt-xs-width; left: auto; right: 0; } } .vc_media-sm { .vc_ui-prompt { width: @vcui-prompt-sm-width; } } .vc_ui-prompt-controls { float: right; margin-left: 1em; .vc_ui-prompt-close { height: @vcui-prompt-size; width: @vcui-prompt-size; line-height: @vcui-prompt-size; vertical-align: top; position: relative; right: -3px; } .vc_ui-icon-pixel { display: block; line-height: 1; } } .vc_ui-prompt-content { display: flex; flex-wrap: wrap; margin-left: -@vcui-prompt-gap/2; margin-right: -@vcui-prompt-gap/2; } .vc_ui-prompt-column { padding-left: @vcui-prompt-gap/2; padding-right: @vcui-prompt-gap/2; &:first-child { flex-grow: 1; } .vc_ui-button { .vc-composer-icon { font-weight: bold; } } } // behaviours .vc_ui-dropdown { .vc_ui-prompt { position: absolute; } .vc_ui-button { text-transform: none; } } // Presets full width .vc_ui-prompt { &.vc_ui-prompt-presets, &.vc_ui-prompt-templates, &.vc_ui-prompt-view-presets { display: none; &.vc_visible { display: block; position: relative; width: calc(~'100% - 30px'); left: 0; right: 0; top: 0; margin-bottom: 20px; margin-top: 0; background: #FFF; box-shadow: none; } .vc_ui-prompt-controls { float: none; margin: 0; text-align: right; .vc_ui-control-button { font-size: 30px; height: 40px; width: 40px; color: grey; } } } .vc_ui-control-button { &.vc_hidden { display: none; } } } .vc_ui-notice .vc_message_box.vc_message_box-standard p.messagebox_text { margin: 0; padding: 0; } .vc_ui-notice .vc_message_box.vc_message_box-standard { margin-bottom: 20px; }modules/ui/vc_ui-flex-bootstrap.less000064400000003777150212447730013620 0ustar00/* bootstrap reference bug */ @import (reference)"../../config/variables.less"; @import (reference)"../../lib/grid.less"; /* / bootstrap reference bug */ @vc_media-xs-width: 350px; @vc_media-sm-width: 700px; @vc_media-md-width: 1050px; @vc_media-lg-width: 1000px; .vc_ui-flex-row { &.vc_row { display: flex; flex-wrap: wrap; &::before, &::after { width: 0; } } [class*=vc_col] { width: 100%; } } .vc_make-media-grid(xs); .vc_make-media-grid(sm); .vc_make-media-grid(md); .vc_make-media-grid(lg); .vc_float-media-grid-columns(@class) { // initial .vc_col(@index) when (@index = 1) { @item: ~".vc_media-@{class} .vc_col-@{class}-@{index}"; .vc_col((@index + 1), @item); } // general .vc_col(@index, @list) when (@index =< @grid-columns) { @item: ~".vc_media-@{class} .vc_col-@{class}-@{index}"; .vc_col((@index + 1), ~"@{list}, @{item}"); } // terminal .vc_col(@index, @list) when (@index > @grid-columns) { @{list} { float: left; } } .vc_col(1); // kickstart it } .vc_float-media-grid-columns-rtl(@class) { // initial .vc_col-rtl(@index) when (@index = 1) { @item: ~"[dir=rtl] .vc_rtl-columns-reverse .vc_media-@{class} .vc_col-@{class}-@{index}"; .vc_col-rtl((@index + 1), @item); } // general .vc_col-rtl(@index, @list) when (@index =< @grid-columns) { @item: ~"[dir=rtl] .vc_rtl-columns-reverse .vc_media-@{class} .vc_col-@{class}-@{index}"; .vc_col-rtl((@index + 1), ~"@{list}, @{item}"); } // terminal .vc_col-rtl(@index, @list) when (@index > @grid-columns) { @{list} { float: right; } } .vc_col-rtl(1); // kickstart it } .vc_make-media-grid(@class) { .vc_float-media-grid-columns(@class); .vc_float-media-grid-columns-rtl(@class); .vc_media-@{class} { .vc_loop-grid-columns(@grid-columns, @class, width); .vc_loop-grid-columns(@grid-columns, @class, pull); .vc_loop-grid-columns(@grid-columns, @class, push); .vc_loop-grid-columns(@grid-columns, @class, offset); } } modules/ui/vc_ui-helper.less000064400000000473150212447730012114 0ustar00// Helpers @vcui-help-block-color: #929292; .vc_ui-help-block { color: @vcui-help-block-color; font-style: italic; a { font-weight: 600; color: darken(@vcui-help-block-color, 5%); text-decoration: none; border: none; &:hover { color: darken(@vcui-help-block-color, 15%); } } }modules/ui/vc_ui-panel-edit-element.less000064400000000411150212447730014276 0ustar00.vc_ui-panel { .vc_panel-tabs { > .vc_edit-form-tab { &.vc_row { display: none; flex-wrap: wrap; &::before, &::after { width: 0; } } &.vc_active { display: flex; } } } } modules/ui/vc_ui-icon-pixel.less000064400000007626150212447730012713 0ustar00@vcui-icon-pixel-border: 1px; @vcui-icon-pixel-size-sm: 12px; @vcui-icon-pixel-size-md: 24px; .vc_ui-icon-pixel { display: inline-block; vertical-align: middle; font-style: normal; font-size: 1em; height: 1em; padding-top: .5em; box-sizing: border-box; &::before { content: ''; display: block; background: transparent url(../vc/editors/ui/vc_ui-icon-pixel/vc_ui-sprite.png) no-repeat; line-height: 1; transform: translateY(-50%); } } .vc_ui-icon-pixel-info { &::before { height: 22px; width: 22px; background-position: -1px -1px; font-size: 22px; } } .vc_ui-icon-pixel-close { &::before { height: 16px; width: 16px; background-position: -4px -28px; font-size: 16px; } } .vc_ui-icon-pixel-minimize { &::before { height: 16px; width: 16px; background-position: -4px -52px; font-size: 16px; } } .vc_ui-icon-pixel-cog { &::before { height: 20px; width: 20px; background-position: -2px -74px; font-size: 20px; } } .vc_ui-icon-pixel-lt-sm { &::before { height: 12px; width: 8px; background-position: -2px -96px; font-size: 12px; } } .vc_ui-icon-pixel-gt-sm { &::before { height: 12px; width: 8px; background-position: -15px -96px; font-size: 12px; } } .vc_ui-icon-pixel-times-sm { &::before { height: 12px; width: 12px; background-position: 0 -108px; font-size: 12px; } } .vc_ui-icon-pixel-times-grey-sm { &::before { height: 12px; width: 12px; background-position: -1px -192px; font-size: 12px; } } .vc_ui-icon-pixel-plus-sm { &::before { height: 12px; width: 12px; background-position: -12px -108px; font-size: 12px; } } .vc_ui-icon-pixel-times { &::before { height: 14px; width: 14px; background-position: -5px -125px; font-size: 12px; } } .vc_ui-icon-pixel-check { &::before { height: 14px; width: 17px; background-position: -4px -150px; font-size: 14px; } } .vc_ui-icon-pixel-search { &::before { height: 15px; width: 15px; background-position: -5px -173px; font-size: 15px; } } .vc_ui-icon-pixel-control-plus { &::before { height: 18px; width: 18px; background-position: -3px -204px; font-size: 18px; } } .vc_ui-icon-pixel-control-edit { &::before { height: 26px; width: 24px; background-position: 0 -246px; font-size: 26px; } } .vc_ui-icon-pixel-control-template { &::before { height: 23px; width: 23px; background-position: 0 -222px; font-size: 23px; } } .vc_ui-icon-pixel-control-trash-dark { &::before { height: 17px; width: 16px; background-image: url(../vc/editors/ui/vc_ui-icon-pixel/controls.png); background-position: -16px -64px; font-size: 17px; } } .vc_ui-icon-pixel-control-search-dark { &::before { height: 14px; width: 14px; background-image: url(../vc/editors/ui/vc_ui-icon-pixel/controls.png); background-position: -17px -97px; font-size: 14px; } } .vc_ui-icon-pixel-control-edit-dark { &::before { height: 16px; width: 16px; background-image: url(../vc/editors/ui/vc_ui-icon-pixel/controls.png); background-position: -16px -32px; font-size: 16px; } } .vc_ui-icon-pixel-control-add-dark { &::before { height: 14px; width: 14px; background-image: url(../vc/editors/ui/vc_ui-icon-pixel/controls.png); background-position: -17px -17px; font-size: 14px; } } .vc_ui-icon-pixel-control-triangle-desc-dark { &::before { height: 7px; width: 11px; background-image: url(../vc/editors/ui/vc_ui-icon-pixel/controls.png); background-position: -18px -165px; font-size: 7px; } } .vc_ui-icon-pixel-control-triangle-asc-dark { &::before { height: 7px; width: 11px; background-image: url(../vc/editors/ui/vc_ui-icon-pixel/controls.png); background-position: -18px -181px; font-size: 7px; } } modules/ui/vc_ui-panel-row-layout.less000064400000001661150212447730014054 0ustar00.vc_layout-panel-switcher() { .vc_layout-btn { display: inline-block; background-position: center center; background-repeat: no-repeat; background-color: white; cursor: pointer; padding: 2px; margin: 8px 4px 1px 0; color: #A0A0A0; font-size: 14px; &:hover { color: #0473aa; } } .vc_custom-layout-btn { background-color: transparent; display: block; width: auto; height: auto; margin: 4px 0 3px; font-size: 11px; text-align: center; } } [data-vc-ui-element="panel-row-layout"] { width: 420px; z-index: 100001; top: 90px; left: 50%; input.vc_row_layout[type="text"] { width: 288px; padding: 8px; line-height: 1; } .vc_layout-panel-switcher { .vc_layout-panel-switcher; } .vc_ui-panel-window-inner > .vc_ui-panel-content-container { overflow: hidden; } } .vc_general.vc_ui-button-update-layout { vertical-align: top; }modules/ui/vc_ui-button.less000064400000016346150212447730012156 0ustar00@vcui-button-border: 1px; @vcui-button-transition-duration: .2s; @vcui-button-transition-properties: color, background, border, opacity, transform; @vcui-button-shape-rounded-radius: 3px; @vcui-control-button-opacity: .8; // sizes // md size (default) @vcui-button-size-md-vertical: 14px; @vcui-button-size-md-horizontal: 21px; @vcui-button-size-md-font-size: 14px; @vcui-button-size-md-line-height: 1.4; @vcui-button-message-size-md-horizontal: 8px; // sm size @vcui-button-size-sm-vertical: 8px; @vcui-button-size-sm-horizontal: 21px; @vcui-button-size-sm-font-size: 14px; @vcui-button-size-sm-line-height: 1.4; @vcui-button-message-size-md-horizontal: 8px; // States // State default @vcui-button-default-color: #fff; @vcui-button-default-background: #bcbcbc; @vcui-button-message-default-color: darken(@vcui-button-default-background, 10%); // State success @vcui-button-success-color: #fff; @vcui-button-success-background: #7bcd2d; @vcui-button-message-success-color: darken(desaturate(@vcui-button-success-background, 20%), 10%); // State danger @vcui-button-danger-color: #fff; @vcui-button-danger-background: #ff7877; @vcui-button-message-danger-color: darken(desaturate(@vcui-button-danger-background, 20%), 10%); // State action @vcui-button-action-color: #fff; @vcui-button-action-background: #0473aa; @vcui-button-message-action-color: darken(desaturate(@vcui-button-action-background, 10%), 5%); // State info @vcui-button-info-color: #fff; @vcui-button-info-background: #00aeee; @vcui-button-message-info-color: darken(desaturate(@vcui-button-info-background, 20%), 10%); // State warning @vcui-button-warning-color: #fff; @vcui-button-warning-background: #feb710; @vcui-button-message-warning-color: darken(desaturate(@vcui-button-warning-background, 20%), 10%); // State disabled @vcui-button-disabled-color: #F3F3F3; @vcui-button-disabled-background: #D8D8D8; @vcui-button-message-disabled-color: darken(desaturate(@vcui-button-disabled-background, 10%), 5%); // ui button .vc_general.vc_ui-button { display: inline-block; margin: 0; text-align: center; vertical-align: middle; cursor: pointer; background: transparent; border: @vcui-button-border solid transparent; box-sizing: border-box; word-wrap: break-word; user-select: none; text-decoration: none; position: relative; transition-property: @vcui-button-transition-properties; transition-duration: @vcui-button-transition-duration; transition-timing-function: ease-in-out; outline: none; font-weight: 400; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; #vc_ui-button > .make-size( @padding-vertical: @vcui-button-size-md-vertical; @padding-horizontal: @vcui-button-size-md-horizontal; @font-size: @vcui-button-size-md-font-size; ); &:hover, &:focus { border: @vcui-button-border solid transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } } .vc_ui-button { // shapes #vc_ui-button > .make-shape(~'vc_ui-button-shape-rounded'; @vcui-button-shape-rounded-radius); // states #vc_ui-button > .make-state( ~'vc_ui-button-default'; @text: @vcui-button-default-color; @background: @vcui-button-default-background; ); #vc_ui-button > .make-state( ~'vc_ui-button-success'; @text: @vcui-button-success-color; @background: @vcui-button-success-background; ); #vc_ui-button > .make-state( ~'vc_ui-button-danger'; @text: @vcui-button-danger-color; @background: @vcui-button-danger-background; ); #vc_ui-button > .make-state( ~'vc_ui-button-action'; @text: @vcui-button-action-color; @background: @vcui-button-action-background; ); #vc_ui-button > .make-state( ~'vc_ui-button-info'; @text: @vcui-button-info-color; @background: @vcui-button-info-background; ); #vc_ui-button > .make-state( ~'vc_ui-button-success'; @text: @vcui-button-success-color; @background: @vcui-button-success-background; ); #vc_ui-button > .make-state( ~'vc_ui-button-warning'; @text: @vcui-button-warning-color; @background: @vcui-button-warning-background; ); &[disabled]:not(.vc_ui-button-undisabled) { color: @vcui-button-disabled-color; background-color: @vcui-button-disabled-background; cursor: not-allowed; &:hover, &:focus { background-color: @vcui-button-disabled-background; } } } //sizes .vc_general.vc_ui-button { &.vc_ui-button-size-sm { #vc_ui-button > .make-size( @padding-vertical: @vcui-button-size-sm-vertical; @padding-horizontal: @vcui-button-size-sm-horizontal; @font-size: @vcui-button-size-sm-font-size; ); } } // ui button message .vc_ui-button-message { display: inline-block; vertical-align: middle; font-size: @vcui-button-size-md-font-size; // states #vc_ui-button > .make-state( ~'vc_ui-button-message-default'; @text: @vcui-button-message-default-color; ); #vc_ui-button > .make-state( ~'vc_ui-button-message-success'; @text: @vcui-button-message-success-color; ); #vc_ui-button > .make-state( ~'vc_ui-button-message-danger'; @text: @vcui-button-message-danger-color; ); #vc_ui-button > .make-state( ~'vc_ui-button-message-action'; @text: @vcui-button-message-action-color; ); } // control button .vc_general.vc_ui-control-button { display: inline-block; text-align: center; vertical-align: middle; cursor: pointer; background: transparent; color: inherit; border: none; box-sizing: border-box; word-wrap: break-word; user-select: none; text-decoration: none; transition-property: @vcui-button-transition-properties; transition-duration: @vcui-button-transition-duration; transition-timing-function: ease-in-out; opacity: @vcui-control-button-opacity; outline: none; &:hover, &:focus { opacity: 1; background-color: transparent; } &:active { box-shadow: none; } &[disabled] { opacity: @vcui-control-button-opacity; cursor: default; } // pixel icon behaviour .vc_ui-icon-pixel { vertical-align: top; } } // MIXINS #vc_ui-button { // make size .make-size(@padding-vertical: false; @padding-horizontal: false; @font-size: false; @line-height: false) { & when not (@padding-vertical = false) { padding-top: @padding-vertical; padding-bottom: @padding-vertical; } & when not (@padding-horizontal = false) { padding-left: @padding-horizontal; padding-right: @padding-horizontal; } & when not (@font-size = false) { font-size: @font-size; } & when not (@line-height = false) { font-size: @line-height; } } // make shape .make-shape(@selector; @border-radius) { &.@{selector} { border-radius: @border-radius; } } // make state .make-state(@selector; @text: false; @background: false; @border: false) { &.@{selector} { & when not (@text = false) { color: @text; } & when not (@background = false) { background-color: @background; &:hover, &:focus { & when (lightness(@background) > 70%) { background-color: darken(@background, 5%); } & when not (lightness(@background) > 70%) { background-color: darken(@background, 3%); } } } & when not (@border = false) { border-color: @border; } } } } modules/ui/vc_ui-panel-preset.less000064400000005307150212447730013235 0ustar00@import "vc_ui-panel/vc_ui-panel-content.less"; @import "vc_ui-list-bar.less"; @import "vc_ui-icon-pixel.less"; @vcui-template-list-border: #e2e2e2; @vcui-template-list-background: #f9f9f9; @vcui-template-list-trigger-color: #5e5e5e; @vcui-template-list-trigger-color-hover: #23282d; .vc_ui-template-list { //border: 1px solid red &.vc_ui-list-bar { border: none; margin-left: -@vcui-panel-content-padding-horizontal; margin-right: -@vcui-panel-content-padding-horizontal; margin-bottom: -@vcui-panel-content-padding-vertical; background: transparent; } .vc_ui-list-bar-item { border: 1px solid @vcui-template-list-border; border-left: none; border-right: none; position: relative; &:hover { background-color: @vcui-template-list-background; } } .vc_ui-list-bar-item-actions { padding-left: @vcui-panel-content-padding-horizontal; padding-right: @vcui-panel-content-padding-horizontal; } .vc_ui-control-button { padding-left: .2em; padding-right: .2em; .vc-composer-icon { font-size: 20px; margin: 0 3px; &.vc-c-icon-add { font-size: 14px; } &.vc-c-icon-delete_empty { font-size: 12px; } } .vc_ui-wp-spinner { margin: 0; height: 16px; width: 16px; &::before { &:extend(.vc_ui-wp-spinner::before); } } } .vc_active, .vc_loading { .vc_ui-list-bar-item { background-color: @vcui-template-list-background; } .vc_ui-list-bar-item-actions { visibility: visible; opacity: 1; } } .vc_ui-list-bar-item-trigger { padding: @vcui-panel-content-padding-horizontal; font-weight: 600; outline: none; transition-property: color; transition-duration: .2s; transition-timing-function: ease-in-out; color: @vcui-template-list-trigger-color; &:hover { color: @vcui-template-list-trigger-color-hover; } } .vc_ui-preset { &:not(:last-child) { margin-bottom: -1px; } &:last-child:not(.vc_active) { border-bottom: none; } } .vc_ui-preset-content { box-sizing: content-box; display: none; overflow: hidden; transition-property: height, padding; transition-duration: .2s; transition-timing-function: ease-in-out; padding: 0; } .vc_active, .vc_animating { .vc_ui-template-content { display: block; } } } #vc_ui-panel-preset { width: 80vw; max-height: 85vh; h3 { margin-bottom: 0.5em; } .vc_ui-list-bar-item-trigger { cursor: auto; } .vc_properties-list [data-vc-panel-message] .vc_message_box { padding: 0em 1em 1em 4em; } .vc_ui-panel-content-container { min-height: 140px; } }modules/ui/vc_ui-dropdown.less000064400000002425150212447730012470 0ustar00@import 'vc_ui-list-bar.less'; @vcui-dropdown: 1px; @vcui-dropdown-font-size: 13px; @vc-ui-list-bar-o-bounded-rows-count: 7; @vc-ui-list-bar-item-trigger-width: 200px; .vc_ui-dropdown { position: relative; &.vc_active, &.vc_animating { .vc_ui-dropdown-content { display: block; } } .vc_ui-dropdown-trigger { } .vc_ui-dropdown-content { box-sizing: content-box; display: none; overflow: hidden; transition-property: height, padding; transition-duration: .2s; transition-timing-function: ease-in-out; position: absolute; z-index: 120; top: 100%; left: 0; box-shadow: 0 0 5px rgba(0, 0, 0, .1); } // list bar behaviour .vc_ui-list-bar-o-bounded { max-height: (@vc-ui-list-bar-item-padding-vertical * 2 + @vc-ui-list-bar-font-size) * @vc-ui-list-bar-o-bounded-rows-count; overflow-y: auto; overflow-x: hidden; } .vc_ui-list-bar-item-trigger { width: @vc-ui-list-bar-item-trigger-width; flex: 1; &[disabled] { cursor: not-allowed; background: #f5f5f5; color: #bbbaba; } } } .vc_ui-settings-button { .vc-c-icon-check { display: none; } &.vc_done { .vc-c-icon-check { display: inline-block; } .vc-c-icon-cog { display: none; } } }modules/ui/vc_ui-loaders.less000064400000002337150212447730012267 0ustar00// Loaders @vc_ui-wp-spinner-svg-src: '../vc/loaders/spinner.svg'; @vc_ui-wp-spinner-light-svg-src: '../vc/loaders/spinner-light.svg'; @vc_ui-wp-spinner-animation-duration: 1.08s; @vc_ui-wp-spinner-base-size: 16px; .vc_ui-wp-spinner { margin: 0; padding: 0; height: 1em; width: 1em; display: inline-block; vertical-align: middle; opacity: .7; position: relative; &::before { content: ''; display: block; height: @vc_ui-wp-spinner-base-size; width: @vc_ui-wp-spinner-base-size; background: transparent url(@vc_ui-wp-spinner-light-svg-src) 50% 50% no-repeat; background-size: contain; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); animation: vc_ui-wp-spinner-animation @vc_ui-wp-spinner-animation-duration linear infinite; } &.vc_ui-wp-spinner-lg { &::before { height: @vc_ui-wp-spinner-base-size * 2; width: @vc_ui-wp-spinner-base-size * 2; } } &.vc_ui-wp-spinner-dark { &::before { background-image: url(@vc_ui-wp-spinner-svg-src); } } } @keyframes vc_ui-wp-spinner-animation { from { transform: translate(-50%, -50%) rotate(0deg); } to { transform: translate(-50%, -50%) rotate(360deg); } }modules/ui/vc_ui-panel-templates.less000064400000007223150212447730013730 0ustar00@import "vc_ui-panel/vc_ui-panel-content.less"; @import "vc_ui-list-bar.less"; @import "vc_ui-icon-pixel.less"; @vcui-template-list-border: #e2e2e2; @vcui-template-list-background: #f9f9f9; @vcui-template-list-trigger-color: #5e5e5e; @vcui-template-list-trigger-color-hover: #23282d; .vc_ui-template-list { //border: 1px solid red &.vc_ui-list-bar { border: none; margin-left: -@vcui-panel-content-padding-horizontal; margin-right: -@vcui-panel-content-padding-horizontal; margin-bottom: -@vcui-panel-content-padding-vertical; background: transparent; } .vc_ui-list-bar-item { border: 1px solid @vcui-template-list-border; border-left: none; border-right: none; position: relative; &:hover { background-color: @vcui-template-list-background; } } .vc_ui-list-bar-item-actions { padding-left: @vcui-panel-content-padding-horizontal; padding-right: @vcui-panel-content-padding-horizontal; } .vc_ui-control-button { padding-left: .2em; padding-right: .2em; .vc-composer-icon { font-size: 20px; &.vc-c-icon-add { font-size: 24px; } } .vc_ui-wp-spinner { margin: 0; height: 16px; width: 16px; &::before { &:extend(.vc_ui-wp-spinner::before); } } } .vc_active, .vc_loading { .vc_ui-list-bar-item { background-color: @vcui-template-list-background; } .vc_ui-list-bar-item-actions { visibility: visible; opacity: 1; } } .vc_ui-list-bar-item-trigger { padding: @vcui-panel-content-padding-horizontal; font-weight: 600; outline: none; transition-property: color; transition-duration: .2s; transition-timing-function: ease-in-out; color: @vcui-template-list-trigger-color; &:hover { color: @vcui-template-list-trigger-color-hover; } } .vc_ui-template { &:not(:last-child) { margin-bottom: -1px; } &:last-child:not(.vc_active) { border-bottom: none; } } .vc_template-save-btn { min-width: 150px; } .vc_ui-template-content { box-sizing: content-box; display: none; overflow: hidden; transition-property: height, padding; transition-duration: .2s; transition-timing-function: ease-in-out; padding: 0; } .vc_active, .vc_animating { .vc_ui-template-content { display: block; } } .vc_ui-preview-icon { &:extend(.vc_ui-icon-pixel-control-triangle-desc-dark all); } .vc_active { .vc_ui-preview-icon { &:extend(.vc_ui-icon-pixel-control-triangle-asc-dark all); } .vc-c-icon-arrow_drop_down { &:extend(.vc-c-icon-arrow_drop_up all); } } } #vc_ui-panel-templates { width: 80vw; max-height: 85vh; // hide preview icon on mobile devices &:not(.vc_media-sm) { .vc_ui-control-button[data-vc-preview-handler] { display: none; } .vc_active, .vc_animating { .vc_ui-template-content { display: none; } } } h3 { margin-bottom: 0.5em; } } //BC: .vc_input-group .vc_form-control.vc_panel-templates-name { width: 99%; } .vc_ui-panel { .vc_panel-tabs { [data-vc-panel-message] { width: 100%; margin-bottom: 10px; .vc_message_box { padding: 0em 1em 1em 4em; } } } } // todo: remove this nasty important @todo 4.10 [data-vc-template-search="true"] { .vc_edit-form-tab { display: flex !important; &.vc-search-result-empty { display: none !important; } [data-vc-hide-on-search="true"] { display: none; } .vc_ui-template-list.vc_ui-list-bar { margin-bottom: 0; } } .vc_ui-panel-content{ padding-bottom: 0; } }modules/ui/vc_ui-gaps.less000064400000000137150212447730011564 0ustar00// Gaps .vc_ui-grid-gap { > [class], > * { margin-bottom: @vcui-panel-header-gap; } }modules/ui/vc_ui-list-bar.less000064400000003460150212447730012351 0ustar00@vc-ui-list-bar-border-size: 1px; @vc-ui-list-bar-border-color: #dbdbdb; @vc-ui-list-bar-background: #f5f5f5; @vc-ui-list-bar-background-hover: #eaeaea; @vc-ui-list-bar-trigger-color: #5e5e5e; @vc-ui-list-bar-item-padding-vertical: 10px; @vc-ui-list-bar-item-padding-horizontal: 10px; @vc-ui-list-bar-font-size: 13px; // list bar .vc_ui-list-bar { margin: 0; padding: 0; list-style: none; border: @vc-ui-list-bar-border-size solid @vc-ui-list-bar-border-color; & + .vc_ui-list-bar { border-top-width: 0; } background: @vc-ui-list-bar-background; font-size: @vc-ui-list-bar-font-size; } .vc_ui-list-bar-item { margin: 0; padding: 0; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; transition-property: color, background; transition-duration: .2s; transition-timing-function: ease-in-out; &:hover { background: @vc-ui-list-bar-background-hover; .vc_ui-list-bar-item-actions { visibility: visible; opacity: 1; } } } .vc_ui-list-bar-item-trigger { font-size: @vc-ui-list-bar-font-size; line-height: 1; text-transform: none; color: @vc-ui-list-bar-trigger-color; background: transparent; border: none; text-decoration: none; text-align: left; padding: @vc-ui-list-bar-item-padding-vertical @vc-ui-list-bar-item-padding-horizontal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-weight: 400; cursor: pointer; &:hover { background: transparent; } } .vc_ui-list-bar-item-actions { padding-left: @vc-ui-list-bar-item-padding-vertical; padding-right: @vc-ui-list-bar-item-padding-vertical; visibility: hidden; opacity: 0; transition-property: opacity; transition-duration: .2s; transition-timing-function: ease-in-out; } .vc_ui-list-bar-group { } modules/ui/vc_ui-panel/vc_ui-panel-content.less000064400000001402150212447730015577 0ustar00@vcui-panel-content-padding-horizontal: 18px; @vcui-panel-content-padding-vertical: 18px; @vcui-panel-content-font-size: 14px; @vcui-panel-content-background: #fff; @vcui-panel-content-color: #5e5e5e; .vc_ui-panel-content-container { background: @vcui-panel-content-background; margin: 0; padding: 0; font-size: @vcui-panel-content-font-size; color: @vcui-panel-content-color; overflow-x: hidden; overflow-y: auto; min-height: 150px; display: -webkit-box; display: -ms-flexbox; display: flex; } .vc_ui-panel-content { padding: @vcui-panel-content-padding-vertical @vcui-panel-content-padding-horizontal; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .vc_ui-content-hidden { .vc_ui-panel-content { display: none; } } modules/ui/vc_ui-panel/vc_ui-panel-window.less000064400000004100150212447730015432 0ustar00@vcui-panel-window-font-size: 14px; @vcui-panel-window-frame-size: 7px; @vcui-panel-window-frame-color: transparent; @vcui-panel-window-main-background: #fff; @vcui-panel-window-main-color: #5e5e5e; .vc_ui-panel-window { box-sizing: content-box; font-size: @vcui-panel-window-font-size; padding: @vcui-panel-window-frame-size; background: @vcui-panel-window-frame-color; } .vc_ui-panel-window-inner { background: @vcui-panel-window-main-background; color: @vcui-panel-window-main-color; box-shadow: 1px 1px 4px rgba(0, 0, 0, .25); position: relative; max-height: inherit; display: flex; flex-direction: column; align-items: stretch; align-content: stretch; flex-basis: 100%; > .vc_ui-panel-header-container, > .vc_ui-panel-footer-container { flex: 0 0 auto; } > .vc_ui-panel-content-container { flex: 1 1 auto; position: relative; } } // minimized window .vc_ui-panel-window { &.vc_minimized { &:not(.vc_animating) { .vc_ui-panel-header-content, .vc_ui-panel-content-container, .vc_ui-panel-footer-container { display: none; } .vc_ui-minimize-button { transform: scaleY(-1); } } } &.vc_animating { .vc_ui-panel-window-inner { overflow: hidden; } &:not(.vc_minimized) { .vc_ui-minimize-button { transform: scaleY(-1); } } } } @media (max-width: @screen-xs-max) { .vc_ui-panel-window { box-sizing: border-box !important; width: 100vw !important; height: 100vh !important; max-height: none !important; position: fixed !important; left: 0 !important; top: 0 !important; padding: 5vh 5vw !important; overflow-y: auto !important; overflow-x: hidden !important; &.vc_active { display: block !important; } // don't allow minimizing on mobile .vc_ui-minimize-button { display: none !important; } // always unminimized on mobile .vc_ui-panel-header-content, .vc_ui-panel-content-container, .vc_ui-panel-footer-container { display: block !important; } } }modules/ui/vc_ui-panel/vc_ui-panel.less000064400000001574150212447730014141 0ustar00 @import "../vc_ui-panel/vc_ui-panel-window.less"; @import "../vc_ui-panel/vc_ui-panel-header.less"; @import "../vc_ui-panel/vc_ui-panel-content.less"; @import "../vc_ui-panel/vc_ui-panel-footer.less"; @import "../vc_ui-panel/vc_ui-panel-footer.less"; @import "../vc_ui-prompt.less"; @import "../vc_ui-gaps.less"; @import "../vc_ui-flex-bootstrap.less"; @vcui-panel-width: 650px; .vc_ui-panel { display: none; &.vc_ui-panel-window { width: @vcui-panel-width; position: fixed; z-index: 50000; top: 74px; left: 50%; } &.vc_active { display: flex; } .panel-body { padding: 0; } .vc_panel-tabs { flex-grow: 1; } .vc_layout-onion { width: 350px; flex-grow: initial; } } // Loaders behaviour .vc_ui-panel { .vc_ui-panel-content > .vc_ui-wp-spinner { display: block; margin: 0 auto; width: 80px; height: 80px; } } modules/ui/vc_ui-panel/vc_ui-panel-header.less000064400000006540150212447730015365 0ustar00@import "../vc_ui-button.less"; @import "../vc_ui-icon-pixel.less"; @import "../vc_ui-dropdown.less"; @import "../vc_ui-tabs-line.less"; @vcui-panel-header-font-size: 14px; @vcui-panel-header-padding-horizontal: 18px; @vcui-panel-header-padding-vertical: 14px; @vcui-panel-header-gap: 16px; @vcui-panel-header-background: #0473aa; @vcui-panel-header-color: #fff; @vcui-panel-header-heading-font-size: 20px; @vcui-panel-header-search-width: 200px; @vcui-panel-header-search-width-focus: 110%; @vcui-panel-header-search-color: #333; @vcui-panel-header-search-placeholder-color: #aaa; @vcui-panel-header-transition-duration: .2s; .vc_ui-panel-header-container { padding: @vcui-panel-header-padding-vertical @vcui-panel-header-padding-horizontal; background: @vcui-panel-header-background; margin: 0; font-size: @vcui-panel-header-font-size; &.vc_ui-panel-header-o-stacked-bottom { padding-bottom: 0; } } .vc_ui-panel-header { color: @vcui-panel-header-color; &::after { content: ''; display: block; clear: both; height: 0; visibility: hidden; } .vc_ui-panel-header-controls { float: right; margin: 2px 0 0 12px; .vc_ui-dropdown { display: inline-block; } .vc_ui-dropdown-content { left: auto; right: 0; } } .vc_ui-panel-header-header { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; } .vc_ui-panel-header-heading { flex-grow: 1; margin: 0 1em 0 0; font-size: @vcui-panel-header-heading-font-size; color: inherit; font-weight: 300; line-height: normal; } .vc_ui-panel-header-actions { } .vc_ui-panel-header-content { clear: both; } .vc_ui-control-button { margin: 0; padding: 0; // buttons with icons .vc-composer-icon { font-size: 26px; } .vc-c-icon-cog { font-size: 20px; } } } // search box .vc_ui-search-box { width: @vcui-panel-header-search-width; input[type=search] { display: inline-block; margin: 0; padding: 7px 12px 7px 32px; line-height: normal; font-size: 12px; font-family: inherit; vertical-align: middle; color: @vcui-panel-header-search-color; border: none; box-sizing: border-box; transition: all .2s ease-in-out; border-radius: 5px; width: 100%; position: relative; left: 0; &:focus { color: @vcui-panel-header-search-color; } &::-moz-placeholder { .style-placeholder(); opacity: 1; } &:-ms-input-placeholder { .style-placeholder(); } &::-webkit-input-placeholder { .style-placeholder(); } .style-placeholder() { text-overflow: ellipsis; line-height: inherit; color: @vcui-panel-header-search-placeholder-color; font-size: inherit; font-style: italic; } } .vc_ui-search-box-input { position: relative; label { height: 24px; width: 24px; content: ''; display: block; position: absolute; left: 6px; top: 0; bottom: 0; margin: auto; transition-property: color; transition-duration: @vcui-panel-header-transition-duration; transition-timing-function: ease-in-out; cursor: pointer; color: #BFC2C8; font-size: 22px; } input[type=search]:focus + label { cursor: default; color: #7F8591; } } } modules/ui/vc_ui-panel/vc_ui-panel-footer.less000064400000001636150212447730015434 0ustar00@import "../vc_ui-button.less"; @import "../vc_ui-icon-pixel.less"; @vcui-panel-footer-padding-horizontal: 18px; @vcui-panel-footer-padding-vertical: 18px; @vcui-panel-footer-font-size: 14px; @vcui-panel-footer-background: #f6f6f6; @vcui-panel-footer-button-group-space: 6px; @vcui-panel-footer-button-fw: 140px; .vc_ui-panel-footer-container { padding: @vcui-panel-footer-padding-vertical @vcui-panel-footer-padding-horizontal; background: @vcui-panel-footer-background; margin: 0; font-size: @vcui-panel-footer-font-size; } .vc_ui-panel-footer { // button behavior .vc_ui-button-group { margin: -@vcui-panel-footer-button-group-space/2; box-sizing: border-box; .vc_ui-button, .vc_ui-button-message { margin: @vcui-panel-footer-button-group-space/2; } } .vc_ui-button-fw { min-width: @vcui-panel-footer-button-fw; .vc-c-icon-check { font-weight: bold; } } }modules/ui/vc_ui-tabs-line.less000064400000010431150212447730012506 0ustar00@vcui-tabs-line-border: 1px; @vcui-tabs-line-border-radius: 5px; @vcui-tabs-line-font-size: 14px; @vcui-tabs-line-padding-horizontal: 12px; @vcui-tabs-line-padding-vertical: 16px; @vcui-tabs-line-active-background: #fff; @vcui-tabs-line-hover-background: rgba(0, 0, 0, .1); @vcui-tabs-line-active-color: #5e5e5e; @vcui-tabs-line-transition-duration: .2s; @vcui-tabs-line-transition-properties: color, background, border; @vcui-tabs-line-dropdown-z-index: 1010; @vcui-tabs-line-dropdown-max-width: 300px; @vcui-tabs-line-dropdown-border-size: 1px; @vcui-tabs-line-dropdown-border-color: #dbdbdb; @vcui-tabs-line-dropdown-background: #f5f5f5; @vcui-tabs-line-dropdown-background-hover: #eaeaea; @vcui-tabs-line-dropdown-trigger-color: #5e5e5e; @vcui-tabs-line-dropdown-trigger-padding-vertical: 10px; @vcui-tabs-line-dropdown-trigger-padding-horizontal: 10px; @vcui-tabs-line-dropdown-font-size: 12px; @vcui-tabs-line-dropdown-o-bounded-rows-count: 7; .vc_general.vc_ui-tabs-line { padding: 0; margin: 0; list-style: none; > li { float: left; margin: 0; padding: 0; } > .vc_ui-tabs-line-dropdown-toggle { float: right; } .vc_ui-tabs-line-trigger { box-sizing: border-box; display: block; text-transform: none; border: @vcui-tabs-line-border solid transparent; font-size: @vcui-tabs-line-font-size; font-weight: 400; line-height: 1; background: transparent; color: inherit; text-decoration: none; font-family: inherit; padding: @vcui-tabs-line-padding-vertical @vcui-tabs-line-padding-horizontal; margin: 0; outline: none; transition-property: @vcui-tabs-line-transition-properties; transition-duration: @vcui-tabs-line-transition-duration; transition-timing-function: ease-in-out; border-radius: @vcui-tabs-line-border-radius @vcui-tabs-line-border-radius 0 0; white-space: nowrap; cursor: pointer; user-select: none; text-align: left; &:hover, &:focus { border: @vcui-tabs-line-border solid transparent; background-color: @vcui-tabs-line-hover-background; } &:active { box-shadow: none; } } > .vc_active { > .vc_ui-tabs-line-trigger { background-color: @vcui-tabs-line-active-background; color: @vcui-tabs-line-active-color; cursor: default; } } &::after { content: ""; display: table; clear: both; } } .vc_ui-tabs-line .vc_ui-tabs-line-dropdown-toggle { position: absolute; float: right; visibility: hidden; &.vc_visible { visibility: visible; position: relative; } > .vc_ui-tabs-line-trigger { &::after { content: '. . .'; font-weight: 600; display: inline; } } &.vc_active { > .vc_ui-tabs-line-trigger { background-color: @vcui-tabs-line-hover-background; color: inherit; cursor: pointer; } } } .vc_ui-tabs-line .vc_ui-tabs-line-dropdown { position: absolute; z-index: @vcui-tabs-line-dropdown-z-index; top: 100%; right: 0; display: none; overflow: hidden; transition-property: height, padding; transition-duration: .2s; transition-timing-function: ease-in-out; padding: 0; margin: 0; list-style: none; max-width: @vcui-tabs-line-dropdown-max-width; box-shadow: 0 0 5px rgba(0, 0, 0, .1); background: @vcui-tabs-line-dropdown-background; border: @vcui-tabs-line-dropdown-border-size solid @vcui-tabs-line-dropdown-border-color; li { margin: 0; padding: 0; } &.vc_active, &.vc_animating { display: block; } .vc_ui-tabs-line-trigger { padding: @vcui-tabs-line-dropdown-trigger-padding-vertical @vcui-tabs-line-dropdown-trigger-padding-horizontal; border-radius: 0; font-size: @vcui-tabs-line-dropdown-font-size; color: @vcui-tabs-line-dropdown-trigger-color; &:hover { background-color: @vcui-tabs-line-dropdown-background-hover; } } .vc_active { .vc_ui-tabs-line-trigger { background-color: @vcui-tabs-line-dropdown-background-hover; cursor: default; } } } // initializing .vc_ui-tabs-line { opacity: 1; transition: opacity @vcui-tabs-line-transition-duration ease-in-out; &.vc_initializing { transition: opacity 0ms; opacity: 0; > li:not(:first-child):not(.vc_ui-tabs-line-dropdown-toggle) { position: absolute; visibility: hidden; } } }modules/vc_switcher.less000064400000005117150212447730011435 0ustar00.composer-switch { // WPBakery Page Builder/Classic Editor switch cursor: default; .box-sizing(border-box); display: inline-block; padding: 0; font-size: 14px; line-height: 27px; border-radius: 4px; a, a:visited { transition: background-color .2s ease-in-out; text-decoration: none; cursor: pointer; color: #ffffff; display: inline-block; line-height: 28px; height: 28px; padding: 8px 13px; background-color: #0073aa; outline: none; box-shadow: none; &.wpb_switch-to-composer { &:hover { background-color: #0d3d63; } } &.wpb_switch-to-front-composer { background-color: #0073aa; &:hover { background-color: #0d3d63; } } &.wpb_switch-to-gutenberg { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #bcbcbc; margin-top: 10px; &:hover { background-color: #afafaf; } } } .logo-icon { background: #0073aa url(../vc/logo/wpb-logo-white.svg) no-repeat center center; background-size: 16px; width: 16px; height: 28px; display: inline-block; vertical-align: top; padding: 8px 10px 8px 13px; } .vc_spacer { display: inline-block; width: 1px; background-color: #1f5b8c; margin: 0; height: 28px; padding: 4px 0; vertical-align: top; position: relative; } > :nth-last-child(2) { margin-right: 10px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } } .composer-inner-switch { white-space: nowrap; display: inline-block; margin: 10px 10px 0 0; vertical-align: top; > :first-child { -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } > :last-child { -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } } .edit-post-header-toolbar { .composer-switch { font-size: 12px; margin-top: 2px; .wpb_switch-to-gutenberg { margin-top: 0; } .composer-inner-switch { margin-top: 0; } a, a:visited { padding: 1px 7px; } } } settings_tabs/general_settings.less000064400000000503150212447730013645 0ustar00#wpb_js_settings_access_groups { h3 { margin-top: 0; } .settings-block, .title { margin-bottom: @vc_settings_title_bottom_margin; } .pull-left { float: left; width: 33%; label { clear: both; display: block; float: left; } } .select-all { margin-top: 10px; } }settings_tabs/element_css.less000064400000002103150212447730012607 0ustar00.vc_settings-tab-content { .deprecated { background-color: rgb(255, 255, 224); border-bottom-color: rgb(230, 219, 85); border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(230, 219, 85); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(230, 219, 85); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(230, 219, 85); border-top-left-radius: 3px; border-top-right-radius: 3px; border-top-style: solid; border-top-width: 1px; color: rgb(51, 51, 51); display: block; font-family: sans-serif; font-size: 12px; line-height: 16.796875px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 15px; outline-color: rgb(51, 51, 51); outline-style: none; outline-width: 0px; padding-bottom: 0px; padding-left: 7.1875px; padding-right: 7.1875px; padding-top: 0px; } .vc_show_example { cursor: pointer; } }settings_tabs/automapper.less000064400000011506150212447730012472 0ustar00@import "../backend_shortcodes/rows_columns.less"; @import "../lib/controls.less"; @import "../lib/backend_controls.less"; @import "../backend_shortcodes/empty_containers.less"; @import "../shortcodes/_shortcodes_container.less"; #vc_settings-automapper { .vc_atm-message { padding: 10px; } .vc_automapper-toolbar { margin-bottom: 15px; } .vc_automapper-list { width: 100%; .vc_automapper-item { label { color: #446591; } display: block; margin: 0 0 1px 0; background: #E7E7E7; padding: 10px; .vc_automapper-item-controls { a { display: block; float: right; cursor: pointer; background-image: url('../vc/atm_controls.png'); background-repeat: no-repeat; width: 16px; height: 16px; &.vc_automapper-edit-btn { background-position: -16px -32px; margin-right: 5px; } &.vc_automapper-delete-btn { } background-position: -16px -64px; } } } } .vc_add-form-atm { padding: 15px; border: 1px solid #e5e5e5; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); label { font-size: 16px; } .description { display: block; } .vc_wrapper { display: table; margin: 10px 0; .vc_string { display: table-cell; width: 100%; padding: 0; input { .box-sizing(border-box); width: 100%; } } .vc_buttons { width: 190px; margin-left: 10px; display: inline-block; .button { margin-top: -6px; } } } } .vc_edit-form { h4 { margin: 0.5em 0; font-size: 16px; font-weight: normal; } .vc_line { height: 1px; margin: 0; background: #e3e3e3; } .vc_wrapper { padding: 15px; position: relative; } .vc_shortcode-preview { text-align: center; width: 90%; margin: 15px auto; padding: 10px; background: #f2f2f2; border: 1px solid #e3e3e3; color: #8a8a8a; .vc_active { color: #0074A2; } } .vc_field { float: left; padding: 5px; width: 48%; .box-sizing(border-box); label { padding: 0; display: inline-block; vertical-align: top; margin-top: 6px; height: 22px; width: 30%; font-weight: bold; } input[type=text], textarea { width: 65%; float: right; } &.vc_is-container { clear: both; float: none; label { margin-left: 30%; width: 65%; } } &.vc_description { float: right; textarea { height: 70px; } } } .vc_add-param { position: absolute; top: 18px; right: 15px; } .vc_params { margin-top: 30px; display: table; width: 100%; .vc_param { .vc_fields { .vc_param-field { display: inline-block; height: auto; vertical-align: top; padding: 3px 6px 3px 8px; .box-sizing(border-box); width: 19%; label { font-weight: bold; padding: 6px 0; display: block; } .description { margin: 6px 0; display: block; } input[type=text], select, textarea { width: 100%; } } // 782 because it is wordpress value @media (max-width: 782px) { .vc_param-field { width: 100%; float: left; } } } &.vc_content { .vc_delete-param { display: none; } } } .vc_sortable-placeholder { height: 30px; background: url(../vc/pattern.gif); } } > .vc_buttons { clear: both; background-color: #F7F7F7; padding: 15px; .vc_atm-delete { float: right; clear: both; } } } // Widget like style .widget { .widget-top { cursor: pointer; .vc_atm-header { display: block; margin: 0; padding: 7px 15px; line-height: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; .user-select(none); } } &.vc_opened { .vc_header-name { width: 245px; } .widget-top { cursor: default; background: #f1f1f1; .toggle-indicator:after { display: none; } .toggle-indicator:before { content: '\f142'; cursor: pointer; } } } } }settings_tabs/user-group.less000064400000000346150212447730012425 0ustar00.vc_wp-settings { padding-top: 1em; padding-bottom: 1em; font-size: 14px; // accordion behaviour .vc_wp-accordion-panel-title { padding-top: .5em; padding-bottom: .5em; } .vc_wp-accordion-panel-body { } }settings_tabs/tabs_ui.less000064400000002223150212447730011737 0ustar00a, h3 { &:active, &:focus { outline: none; } } //label { // padding: 0 0 5px 0; // input { // margin-top: -1px; // margin-right: 5px; // margin-bottom: 2px; // } //} .vc_settings-tab-content { display: none; // @todo check is it needed maybe make .vc_settings-tab-content: display: block. &.vc_settings-tab-content-active { display: block; } p.submit { float: left; } .vc_updater-result-message { clear: both; } .vc_updater-passive { .opacity(0.4); } .vc_ui-wp-spinner { height: 25px; width: 25px; float: left; &::before { height: 20px; width: 20px; } } } .vc_helper { display: none; } .tab_intro { padding: 15px 10px 0 10px; } .vc_settings-activation-deactivation { text-align: center; max-width: 960px; p { font-size: 14px; } .button-updater { // make button centered. 16px - spinner width, 5px - spinner margin margin-left: (16px + 5px) * 2; } .vc_updater-spinner { transition: opacity 0.2s; vertical-align: middle; margin-left: 5px; opacity: 0; } .loading { .vc_updater-spinner { opacity: 1; } } }settings_tabs/design_options.less000064400000000704150212447730013337 0ustar00.vc_settings-tab-content { .css-control, .wp-picker-container { .opacity(0.5); } &.color_enabled { .css-control, .wp-picker-container { .opacity(1); } } .submit { margin-top: 0; padding-top: 0; } .vc_restore-button { margin: @vc_settings_right_control_button_margin; } &.hidden { display: none; } } .vc_button-settings-less { margin-bottom: 4px; } .vc_settings-spinner { margin-right: 10px; }settings_tabs/product_license.less000064400000000071150212447730013472 0ustar00.vc_activate-license-button { vertical-align: middle; }settings_tabs/vc_roles.less000064400000002452150212447730012131 0ustar00@import "../lib/elements_icons.less"; @vc_roles-tab-controls-min-width: 200px; @vc_roles-tab-accordion-content-padding: 0 10px; @vc_roles-tab-element-description-font-size: 11px; @vc_roles-tab-table-selection-controls-margin: 0 0 10px; @vc_roles-tab-table-element-icon-margin-right: .8em; .vc_ui-settings-roles-dropdown { min-width: @vc_roles-tab-controls-min-width; } .vc_role-custom-settings { display: none; &.vc_visible { display: table-row; } .vc_wp-form-table { .js-category-deprecated { display: none; } } } [data-vc-roles-filter-value=".js-category-deprecated"] { .vc_wp-form-table { .js-category-deprecated { display: table-row; } } } .vc_ui-settings-roles-role { &.vc_active { .widget-top { cursor: default; .toggle-indicator:before { content: '\f142'; cursor: pointer; } } } .vc_wp-accordion-panel-body { padding: @vc_roles-tab-accordion-content-padding; } .vc_wp-form-table .vc_hidden { display: none; } .vc_element-icon { float: left; margin-right: @vc_roles-tab-table-element-icon-margin-right; } .vc_element-description { font-size: @vc_roles-tab-element-description-font-size; display: block; } } .vc_ui-settings-roles-role .widget .widget-top { cursor: pointer; }settings_tabs/custom_css.less000064400000000140150212447730012467 0ustar00.custom_css { width: 100%; height: 600px; } #wpb_csseditor { border: 1px solid #BABABA; }js_composer_frontend_editor_iframe.less000064400000004147150212447730014562 0ustar00// Fixes for theme css to enable correct representation of the page controls. @import "config/variables.less"; // Some css fixes for WP themes. html.js_active { margin-top: 0 !important; } // Default state for some html objectes for editor .vc_no-content-helper { display: none; } .vc_catcher { background-color: #e8ecb8 } .vc_empty-placeholder { margin-bottom: 30px; } .vc_hidden-placeholder { display: none !important; } @import "modules/vc_welcome.less"; @import "vendor/jwplayer.less"; .vc_welcome { display: none; } .vc_controls { display: none; } .compose-mode, .view-mode { // Vc element settings @import "lib/frontend_vc_elements.less"; // Helper information .vc_welcome { display: block; } .vc_hidden-xs { @media (max-width: @screen-xs-max) { .vc_frontend-editor-invisibility-settings; } .vc_hidden-xs { .opacity(1); } } .vc_hidden-sm { @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { .vc_frontend-editor-invisibility-settings; } .vc_hidden-sm { .opacity(1); } } .vc_hidden-md { @media (min-width: @screen-md-min) and (max-width: @screen-md-max) { .vc_frontend-editor-invisibility-settings; } .vc_hidden-md { .opacity(1); } } .vc_hidden-lg { @media (min-width: @screen-lg-min) { .vc_frontend-editor-invisibility-settings; } .vc_hidden-lg { .opacity(1); } } &.vc_non_responsive { .vc_row { .vc_hidden-md { .vc_frontend-editor-invisibility-settings; } } } } .view-mode { .vc_element { &:hover, &.vc_hover, &.vc_hold-hover { > .wpb_row { > .vc_element { &:before { outline: none; } } } } } } .compose-mode { // Controls @import "lib/controls.less"; @import "lib/controls-fe.less"; // Custom shortcodes settings @import "lib/frontend_editor_controls.less"; // usefull classes for drag&drop/sorting activity @import "lib/frontend_draganddrop.less"; @import "lib/vc_pointer.less"; } @import "shortcodes/tta/vc_tta-frontend-editor.less";shortcodes/vc_image_gallery.less000064400000003277150212447730013120 0ustar00/* Image grid ---------------------------------------------------------- */ .wpb_image_grid { .wpb_image_grid_ul { margin: 0; padding: 0; > li { .no_bullet_fix(); } .isotope-item { list-style: none; margin: 0 1px 1px 0; max-width: 100%; float: left; } a { display: block; } img { display: block; max-width: 100%; height: auto; } } } /* Gallery ---------------------------------------------------------- */ .wpb_gallery { // adjustments for nivo slider default theme .theme-default { .nivoSlider { margin-bottom: 0; } .nivo-controlNav { padding: 10px 0 3px 0; } } // flexslider adjustments .wpb_flexslider { .flex-control-nav { bottom: auto; top: 100%; margin-top: 15px; } .flex-caption { cursor: default; } .flex-direction-nav { a { border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; &:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } &:before { line-height: 1; } } } .flex-control-paging { z-index: 10; } } } // remove ul & li margins #content .wpb_gallery_slides ul.slides, .content .wpb_gallery_slides ul.slides, .wpb_gallery_slides ul.slides, #content .wpb_gallery_slides ul.flex-direction-nav, .content .wpb_gallery_slides ul.flex-direction-nav, .wpb_gallery_slides ul.flex-direction-nav, body .wpb_gallery_slides ul li, .wpb_content_element .wpb_gallery_slides ul li { list-style: none; padding: 0; background-image: none; margin: 0; }shortcodes/vc_responsive.less000064400000000565150212447730012511 0ustar00@stop_standalone_compiling: @vc_grey; /* Responsive stuff ---------------------------------------------------------- */ /* Make all grid-sized elements block level again */ @media (max-width: @vc_responsive_max_w) { .vc_responsive { div.vc_row-fluid div[class*="vc_col-"] { float: none; display: block; width: auto; margin-left: 0; } } }shortcodes/vc_video_widget.less000064400000003522150212447730012761 0ustar00/* Video widget ---------------------------------------------------------- */ .wpb_video_widget { &.vc_video-el-width { .width( @size ) { &-@{size} .wpb_wrapper { @percent_size: ~"@{size}%"; // string concatenation with number + % width: @percent_size; } } .generate_width(@start: 10, @max: 100, @step: 10) when ( @start <= @max) { .width(@start); .generate_width((@start+@step), @max, @step); // next iteration, will automatically break if @start+@step <= @max } .generate_width(); } .wpb_video_wrapper { padding-top: (9 / 16) * 100%; position: relative; width: 100%; > div { padding-top: 0 !important; position: static; } } &.vc_video-aspect-ratio { &-169 { .wpb_video_wrapper { padding-top: (9 / 16) * 100%; } } &-43 { .wpb_video_wrapper { padding-top: (3 / 4) * 100%; } } &-235 { .wpb_video_wrapper { padding-top: (1 / 2.35) * 100%; } } &-916 { .wpb_video_wrapper { padding-top: (16 / 9) * 100%; } } &-34 { .wpb_video_wrapper { padding-top: (4 / 3) * 100%; } } &-1235 { .wpb_video_wrapper { padding-top: (2.35 / 1) * 100%; } } } &.vc_video-align { &-left { .wpb_wrapper { float: left; } } &-center { .wpb_wrapper { margin: 0 auto; } } &-right { .wpb_wrapper { float: right; } } } .wpb_wrapper { position: relative; iframe { width: 100%; height: 100%; display: block; position: absolute; margin: 0; top: 0; left: 0; .box-sizing(border-box); } } } .wpb_video_wrapper .fluid-width-video-wrapper { padding-top: 0 !important; position: static; } shortcodes/vc_custom_heading.less000064400000000505150212447730013277 0ustar00// CUSTOM HEADING STYLES // ------------ .vc_custom_heading { a, a:hover, a:focus, a:visited { border: none; text-decoration: inherit; color: inherit; } a { -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; opacity: 1; &:hover { opacity: .85; } } }shortcodes/vc_section.less000064400000003145150212447730011755 0ustar00.vc_section { padding-left: 15px; padding-right: 15px; margin-left: -15px; margin-right: -15px; &[data-vc-full-width] { .transition(opacity 0.5s ease); overflow: hidden; /** Fix overflow **/ &.vc_hidden { opacity: 0; } > .vc_row { margin-left: 0; margin-right: 0; } } &[data-vc-stretch-content] { padding-left: 0; padding-right: 0; } } .vc_section { &.vc_row-o-full-height { min-height: 100vh; } // enable flex &.vc_section-flex { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-flow: column nowrap; flex-flow: column nowrap; .vc_vc_row { width: 100%; } &::before, &::after { display: none; } } // content alignment &.vc_section-o-content-top { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } &.vc_section-o-content-bottom { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } &.vc_section-o-content-middle { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } &.vc_section-o-content-top, &.vc_section-o-content-bottom, &.vc_section-o-content-middle { &::after { content: ''; width: 100%; height: 0; overflow: hidden; visibility: hidden; display: block; } } } // section fills .vc_section { &.vc_section-has-fill, &.vc_section-has-fill + .vc_section, &.vc_section-has-fill + .vc_row-full-width + .vc_section { padding-top: 35px; } } shortcodes/_shortcodes_container.less000064400000001574150212447730014203 0ustar00.vc_shortcodes_container { margin: 4px 0 0 0; background-position: 10px 35px; background-repeat: no-repeat; background-color: #fff; .wpb_column_container { margin: 0 10px; } > .controls_column { text-align: center; width: 100%; line-height: 1px; padding: 2px; height: @vc_backend_column_controls_height; } > .wpb_element_wrapper { position: relative; > .wpb_element_title { position: absolute; top: 11px; left: 10px; margin: 0; } > .vc_container_for_children { margin: 0 10px 0 52px; outline: 1px dotted @vc_border_color; min-height: 55px; } } } .wpb_vc_item { &.wpb_content_element { > .wpb_element_wrapper { background-image: url(../vc/item_icon.png); background-position: 8px 7px; min-height: 13px; height: 13px; padding-left: 32px; } } }shortcodes/vc_button3_editform.less000064400000001362150212447730013577 0ustar00// Param Window .vc_btn3-colored-dropdown { .vc_edit_color_option_variants(~'default'; @vc_btn3-color-default; @vc_btn3-color-default-contrast); .vc_edit_color_option_variants(~'primary'; @vc_btn3-color-primary; @vc_btn3-color-primary-contrast); .vc_edit_color_option_variants(~'info'; @vc_btn3-color-info; @vc_btn3-color-info-contrast); .vc_edit_color_option_variants(~'success'; @vc_btn3-color-success; @vc_btn3-color-success-contrast); .vc_edit_color_option_variants(~'warning'; @vc_btn3-color-warning; @vc_btn3-color-warning-contrast); .vc_edit_color_option_variants(~'danger'; @vc_btn3-color-danger; @vc_btn3-color-danger-contrast); .vc_edit_color_option_variants(~'inverse'; @vc_btn3-color-inverse; @vc_btn3-color-inverse-contrast); }shortcodes/vc_single_image.less000064400000007763150212447730012746 0ustar00.vc_box_border_variants(@selector, @color) { .vc_box_outline.vc_box_border@{selector}, .vc_box_outline_circle.vc_box_border@{selector} { border-color: @color; } .vc_box_border.vc_box_border@{selector}, .vc_box_border_circle.vc_box_border@{selector} { background-color: @color; } } .wpb_single_image { a { border: none; outline: none; } img { height: auto; max-width: 100%; vertical-align: top; &.vc_img-placeholder { width: 100%; } } .vc_single_image-wrapper { display: inline-block; vertical-align: top; max-width: 100%; &.vc_box_ { &rounded, &rounded img { border-radius: 4px; .box-shadow(none); } &outline, &outline_circle { border-radius: 0; .box-shadow(none); padding: 6px; border: 1px solid @grey; img { border-radius: 0; .box-shadow(none); border: 1px solid @grey; } } &border, &border_circle { border-radius: 0; .box-shadow(none); padding: 6px; border: none; img { border-radius: 0; .box-shadow(none); border: none; } } &shadow, &shadow_border, &shadow_border_circle, &shadow_circle { border-radius: 0; .box-shadow(0 0px 5px rgba(0, 0, 0, 0.1)); img { border-radius: 0; .box-shadow(0 0px 5px rgba(0, 0, 0, 0.1)); } } &shadow_border, &shadow_border_circle { padding: 6px; } &shadow_3d { border-radius: 0; .box-shadow(none); margin-bottom: 15px; img { border-radius: 0; .box-shadow(none); } } &circle, &outline_circle, &border_circle, &shadow_circle, &shadow_border_circle { border-radius: 50%; .box-shadow(none); overflow: hidden; img { border-radius: 50%; .box-shadow(none); overflow: hidden; } } &shadow_circle, &shadow_border_circle { .box-shadow(0 0px 5px rgba(0, 0, 0, 0.1)); img { .box-shadow(0 0px 5px rgba(0, 0, 0, 0.1)); } } } } &.vc_align_center { text-align: center; } &.vc_align_right { text-align: right; } &.vc_align_left { text-align: left; } .vc_box_shadow_3d { position: relative; z-index: 0; display: inline-block; max-width: 100%; &:after, &:before { content: ""; position: absolute; .box-shadow(0 15px 10px rgba(0, 0, 0, 0.6)); left: 5px; right: 50%; bottom: 8px; height: 30%; z-index: -1; border-radius: inherit; .transform-origin(0 0); -webkit-transform: skewY(-6deg); -ms-transform: skewY(-6deg); transform: skewY(-6deg); } &:after { left: 50%; right: 5px; -webkit-transform: skewY(6deg); -ms-transform: skewY(6deg); transform: skewY(6deg); .transform-origin(100% 0); } } .vc_figure { display: inline-block; vertical-align: top; margin: 0; max-width: 100%; } .vc_figure-caption { margin-top: .2em; font-size: .8em; } .vc_box_border_variants(_blue, @blue); .vc_box_border_variants(_turquoise, @turquoise); .vc_box_border_variants(_pink, @pink); .vc_box_border_variants(_violet, @violet); .vc_box_border_variants(_peacoc, @peacoc); .vc_box_border_variants(_chino, @chino); .vc_box_border_variants(_mulled_wine, @mulled_wine); .vc_box_border_variants(_vista_blue, @vista_blue); .vc_box_border_variants(_black, @black); .vc_box_border_variants(_grey, @grey); .vc_box_border_variants(_orange, @orange); .vc_box_border_variants(_sky, @sky); .vc_box_border_variants(_green, @green); .vc_box_border_variants(_juicy_pink, @juicy_pink); .vc_box_border_variants(_sandy_brown, @sandy_brown); .vc_box_border_variants(_purple, @purple); .vc_box_border_variants(_white, @white); } shortcodes/vc_carousel.less000064400000000575150212447730012132 0ustar00.vc_images_carousel { .vc_carousel-control { border: none; } } .vc_carousel { .vc_carousel-control { text-shadow: none; border: none; .wpb_transition(); &:active, &:focus { outline: none; } } .vc_carousel-indicators li { width: 5px; height: 5px; margin: 0; border-color: @vc_carousel_arrows_bg; .wpb_transition(); } }shortcodes/vc_google_maps.less000064400000001073150212447730012603 0ustar00/* Google maps ---------------------------------------------------------- */ .wpb_gmaps_widget { .wpb_wrapper { background-color: @vc_google_maps_bg; padding: 5px; } .wpb_map_wraper { iframe { margin-bottom: 0; padding: 0; display: block; width: 100%; border: none; } } &.vc_map_responsive { .wpb_map_wraper { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; iframe { position: absolute; top: 0; left: 0; height: 100%; } } } }shortcodes/vc_call_to_action.less000064400000004471150212447730013266 0ustar00/* Call to action ---------------------------------------------------------- */ .vc_call_to_action { background-color: @vc_call_to_action_2_bg; border: 2px solid @vc_call_to_action_2_bg; padding: 2em; border-radius: 5px; *:last-child { margin-bottom: 0; } &.vc_cta_ { &rounded { //default style } &square { border-radius: 0; } &square_outlined { border-radius: 0; background: none !important; } &round { border-radius: 50px; } &outlined { background: none !important; } } hgroup { h2, h4 { margin: 0; clear: none; } + p { margin-top: 1em; } } &.vc_cta_btn_pos { &_right { .vc_cta_btn { float: right; margin-left: 2em; } } &_left { .vc_cta_btn { float: left; margin-right: 2em; } } } } .wpb_call_to_action { position: relative; background-color: @vc_call_to_action_bg; padding: 20px; padding: @vc_element_margin_bottom; border: 1px solid @vc_call_to_action_border; .box-sizing(border-box); .wpb_button { margin: 0; .box-sizing(border-box); } } .cta_align_left .wpb_button { float: left; } .cta_align_right .wpb_button { float: right; } .cta_align_left .wpb_button, .cta_align_right .wpb_button { max-width: @vc_cta_button_w; } .cta_align_left .wpb_call_text, .cta_align_right .wpb_call_text { width: 70%; float: left; clear: none; } .cta_align_left .wpb_call_text { float: right; } .wpb_call_to_action .wpb_call_text, #content .wpb_call_to_action .wpb_call_text { margin: 0; padding-top: 0; } .cta_align_bottom { text-align: center; .wpb_button { position: static; margin-top: @vc_margin_bottom_gold; display: inline-block; } } .cta_no_button { .wpb_call_text { width: auto; float: none; } } /* Call to action responsive rules ---------------------------------------------------------- */ @media (max-width: 600px) { .vc_responsive { .cta_align_left .wpb_button, .cta_align_right .wpb_button { max-width: 70%; width: 70%; float: none; display: block; margin: 3% auto; } .cta_align_left .wpb_call_text, .cta_align_right .wpb_call_text { width: auto; max-width: none; text-align: center; } } }shortcodes/vc_pie.less000064400000001240150212447730011060 0ustar00/*** Pie chart **/ .vc_pie_chart { z-index: 0; text-align: center; .opacity(0); &.vc_ready { .opacity(1); } .vc_pie_wrapper { position: relative; margin: 0 auto; } canvas { position: relative; z-index: 1; } .vc_pie_chart_value { font-size: 200%; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; text-align: center; } } .vc_pie_chart_back { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: 6px solid @vc_btnBackground; border-radius: 999px; border-radius: 50%; .opacity(0.3); .box-sizing(border-box); }shortcodes/vc_flickr.less000064400000001355150212447730011564 0ustar00@stop_standalone_compiling: @vc_grey; /* Flickr stream ---------------------------------------------------------- */ .flickr_badge_image { margin: 0 10px 10px 0px; width: 72px; height: 72px; float: left; background: none; padding: 0; a { border: none; } img { margin: 0; overflow: hidden; position: relative; width: 100%; height: 100%; max-width: 100%; max-height: 100%; } } .wpb_flickr_widget { p.flickr_stream_wrap { clear: both; margin-bottom: 0; font-size: @vc_smaller_font; a { background-image: url(../images/flickr.png); background-repeat: no-repeat; background-position: left center; padding-left: 25px; display: inline-block; } } }shortcodes/vc_cta3_editform.less000064400000000224150212447730013027 0ustar00// Param Window .vc_cta3-colored-dropdown { .vc_edit_color_option_variants(~'classic'; @vc_cta3-color-classic; @vc_cta3-color-classic-headings); }shortcodes/vc_social_btns.less000064400000002151150212447730012605 0ustar00@stop_standalone_compiling: @vc_grey; /* Facebook ---------------------------------------------------------- */ .fb_type_standard { height: 25px; iframe { height: 25px; } } .fb_type_button_count { height: 20px; iframe { height: 20px; } } .fb_type_box_count { height: 62px; iframe { height: 62px; } } /* Google plus ---------------------------------------------------------- */ .wpb_googleplus_type_standard { height: 25px; } .wpb_googleplus_type_small { height: 19px; } .wpb_googleplus_type_medium { height: 21px; } .wpb_googleplus_type_tall { height: 21px; } .wpb_googleplus_type_tall.vc_googleplus-annotation-bubble { height: 62px; } /* Pinterest ---------------------------------------------------------- */ .wpb_pinterest { a { border-bottom: 0; } } .wpb_pinterest_type_horizontal { height: 21px; } .wpb_pinterest_type_vertical { box-sizing: content-box; padding-top: 29px; height: 21px; } .wpb_pinterest_type_none { height: 21px; } /* Pinterest ---------------------------------------------------------- */ iframe.twitter-share-button { margin: 0; }shortcodes/vc_zigzag.less000064400000000310150212447730011573 0ustar00.vc-zigzag-wrapper { text-align: center; &.vc-zigzag-align-left { text-align: left; } &.vc-zigzag-align-right { text-align: right; } } .vc-zigzag-inner { display: inline-block; } shortcodes/vc_progress_bar.less000064400000011246150212447730013002 0ustar00@stop_standalone_compiling: @vc_grey; /* Progress bar ---------------------------------------------------------- */ .vc_progress_bar { .vc_single_bar { background: @vc_progress_bar_bg; position: relative; margin-bottom: @vc_margin_bottom_third; .box-shadow(0 1px 2px rgba(0, 0, 0, 0.1) inset); .border-radius(3px); &:last-child { margin-bottom: 0; } .vc_label { display: block; padding: 0.5em 1em; position: relative; z-index: 1; } .vc_bar { display: block; position: absolute; height: 100%; background-color: #e0e0e0; width: 0%; top: 0; left: 0; .border-radius(3px); .wpb_transition(width, 1s, linear); &.striped { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; background-size: 40px 40px; } &.animated { -webkit-animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes 2s linear infinite; -ms-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } } } .make-bar-colors(@name, @background-color, @text-color:#ffffff, @text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25)) { &.vc_progress-bar-color-@{name} { .vc_single_bar .vc_bar { background-color: @background-color; } .vc_single_bar .vc_label { color: @text-color; text-shadow: @text-shadow; } } // allow custom for all .vc_general.vc_single_bar.vc_progress-bar-color-@{name} .vc_bar { background-color: @background-color; } .vc_general.vc_single_bar.vc_progress-bar-color-@{name} .vc_label { color: @text-color; text-shadow: @text-shadow; } } // Old-Classic colors .make-bar-colors(~'bar_blue', #0074CC); .make-bar-colors(~'bar_turquoise', #49afcd); .make-bar-colors(~'bar_green', #5bb75b); .make-bar-colors(~'bar_orange', #faa732); .make-bar-colors(~'bar_red', #da4f49); .make-bar-colors(~'bar_black', #414141); // New-Style colors .make-bar-colors(~'blue', @blue); .make-bar-colors(~'turquoise', @turquoise); .make-bar-colors(~'pink', @pink); .make-bar-colors(~'violet', @violet); .make-bar-colors(~'peacoc', @peacoc); .make-bar-colors(~'chino', @chino); .make-bar-colors(~'mulled-wine', @mulled_wine); .make-bar-colors(~'vista_blue', @vista_blue); .make-bar-colors(~'vista-blue', @vista_blue); .make-bar-colors(~'black', @black); .make-bar-colors(~'grey', @grey, #666666); .make-bar-colors(~'orange', @orange); .make-bar-colors(~'sky', @sky); .make-bar-colors(~'green', @green); .make-bar-colors(~'juicy-pink', @juicy_pink); .make-bar-colors(~'sandy-brown', @sandy_brown); .make-bar-colors(~'purple', @purple); .make-bar-colors(~'white', @white, #666666); } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-moz-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-ms-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 0 0; } to { background-position: 40px 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } }shortcodes/vc_zoom.less000064400000000670150212447730011275 0ustar00// single image can have different styles, including round, rounded and zoomed images inherits ome of those those styles .wpb_single_image { .wpb_wrapper { .vc_single_image-wrapper { .zoomImg { border-radius: 0; } } } } .wpb_single_image { [class*='_circle'] { .vc-zoom-wrapper { border-radius: 50%; } } [class*='_rounded'] { .vc-zoom-wrapper { border-radius: 4px; } } }shortcodes/vc_tta.less000064400000000674150212447730011105 0ustar00/* WPBakery Page Builder Tabs Tours Accordions 2 (TTA) @since 4.5 * .vc_tta-style-* and .vc_tta-color are mandatory to theming * ---------------------------------------------------------- */ @import "tta/vc_tta-variables.less"; @import "tta/vc_tta-core.less"; @import "tta/vc_tta-colors.less"; @import "tta/vc_tta-options.less"; @import "tta/vc_tta-icon-controls.less"; @import "tta/vc_tta-pagination.less"; @import "tta/vc_tta-mixins.less"; shortcodes/vc_tabs_tour_accordion.less000064400000007426150212447730014342 0ustar00// Make sure links dont have outline .wpb_content_element .wpb_tabs_nav li, .wpb_accordion_section .wpb_accordion_header, .wpb_tour_next_prev_nav { a:focus { outline: none; } } /** Tabs/Tour Common **/ .wpb_content_element { .wpb_tour_tabs_wrapper, .wpb_tabs_nav { padding: 0; } .wpb_tabs_nav { margin: 0; padding-left: 0 !important; text-indent: inherit !important; #content & { //#content for twenty ten theme margin: 0; } li { background-color: @vc_tab_bg; white-space: nowrap; padding: 0; .no_bullet_fix(); &.ui-tabs-active, &:hover { background-color: @vc_tab_bg_active; } &.ui-tabs-active a { cursor: default; } } } .wpb_tour_tabs_wrapper { .wpb_ui-tabs-hide { display: none; } } } /** Tabs/Tour/Accordion Common **/ .wpb_content_element { .wpb_tour_tabs_wrapper .wpb_tabs_nav a, .wpb_accordion_header a { border-bottom: none; text-decoration: none; display: block; padding: 0.5em 1em; } .wpb_accordion_wrapper .wpb_accordion_header, &.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab { background-color: @vc_tab_bg_active; } .wpb_tour_tabs_wrapper .wpb_tab, .wpb_accordion_wrapper .wpb_accordion_content { padding: 1em; > .wpb_content_element:last-child, .wpb_row:last-child > div > div.wpb_wrapper .wpb_content_element:last-child { margin-bottom: 0; // remove bottom margin for last content element in the last row } } } /** Tabs **/ .wpb_tabs { .wpb_tabs_nav { li { float: left; margin: 0 1px 0 0; } } } /** Tour **/ .wpb_tour { .wpb_tabs_nav { float: left; width: @tour_nav_width; li { margin: 0 0 1px 0; clear: left; width: 100%; } a { width: 100%; } } .wpb_tour_tabs_wrapper .wpb_tab { .box-sizing(border-box); border: none; float: left; width: @tour_slides_width; padding: 0 0 0 @vc_margin_bottom_gold; } } .wpb_tour_next_prev_nav { margin-left: @tour_nav_width; padding-left: @vc_margin_bottom_gold; font-size: @vc_smaller_font; a { border-bottom: 1px dotted; text-decoration: none; &:hover { text-decoration: none; border-bottom: none; } } span { width: 48%; display: inline-block; padding-top: 1em; //10px; float: left; &.wpb_next_slide { text-align: right; float: right; } } } /** Accordion **/ .wpb_accordion { .wpb_accordion_wrapper { .wpb_accordion_header { margin: 0 0 1px 0; padding-top: 0; position: relative; text-transform: none; font-weight: inherit; font-size: inherit; font-family: inherit; line-height: inherit; letter-spacing: inherit; a { padding-left: 1em; } } .ui-state-default, .ui-state-active { .ui-icon { display: block; width: 16px; height: 16px; background-image: url(../images/toggle_open.png); background-repeat: no-repeat; position: absolute; right: 0.7em; top: 0.7em; } } .ui-state-active .ui-icon { background-image: url(../images/toggle_close.png); } } } /* tabs_tour_accordion responsive rules */ @media (max-width: @vc_responsive_max_w) { .vc_responsive { .wpb_tour .wpb_tour_tabs_wrapper .wpb_tabs_nav, .wpb_tour .wpb_tab, .wpb_tour_next_prev_nav { width: 100%; float: none; margin-left: 0; } .wpb_tour_next_prev_nav { width: auto; padding: 0 1em; } #content .wpb_tour .wpb_tour_tabs_wrapper .wpb_tabs_nav { margin-bottom: 1em; } //Tabs + Tour .wpb_tour { .wpb_tab { padding-left: 1em; padding-right: 1em; } } } }shortcodes/vc_icon_element.less000064400000015742150212447730012760 0ustar00@icon-element-bottom-margin: @vc_element_margin_bottom; @icon-element-rounded-radius: 5px; @icon-element-font-size-base: 14px; @icon-element-icon-size-xs: 1.20em; // 17px @icon-element-icon-size-sm: 1.6em; // 22px @icon-element-icon-size-md: 2.15em; // 30px default @icon-element-icon-size-lg: 2.85em; // 40px @icon-element-icon-size-xl: 5em; // 70px @icon-element-box-size-xs: 2.5em; // 35px @icon-element-box-size-sm: 3.15em; // 45px @icon-element-box-size-md: 4em; // 56px default @icon-element-box-size-lg: 5em; // 70px @icon-element-box-size-xl: 7.15em; // 100px .vc_icon_element { line-height: 0; font-size: @icon-element-font-size-base; margin-bottom: @icon-element-bottom-margin; &.vc_icon_element-outer { box-sizing: border-box; text-align: center; // default align //align styles &.vc_icon_element-align-left { text-align: left; } &.vc_icon_element-align-center { text-align: center; } &.vc_icon_element-align-right { text-align: right; } .vc_icon_element-inner { text-align: center; display: inline-block; border: 2px solid transparent; width: @icon-element-box-size-md; // default size md height: @icon-element-box-size-md; //default size md box-sizing: content-box; // helps for font-awesome centring on small sizes position: relative; .vc_icon_element-icon { font-size: @icon-element-icon-size-md; // default size md // font awesome logic for all icons font-style: normal; line-height: 1 !important; font-size-adjust: none; font-stretch: normal; -webkit-font-feature-settings: normal; font-feature-settings: normal; -webkit-font-language-override: normal; font-language-override: normal; -webkit-font-kerning: auto; font-kerning: auto; font-synthesis: weight style; font-variant: normal; text-rendering: auto; display: inline-block; position: absolute; top: 50%; left: 50%; .translate(-50%, -50%); &:before { font-style: normal; display: inline-block; text-decoration: inherit; width: inherit; height: inherit; font-size: 1em; text-align: center; text-rendering: optimizelegibility; } } .vc_icon_element-link, .vc_gitem-link { width: 100%; height: 100%; display: block; position: absolute; top: 0; box-sizing: content-box; border: none; } // size styles .size-(@selector, @size, @font_size) { &.vc_icon_element-size-@{selector} { // fix if no background style selected &.vc_icon_element-have-style-inner { width: @size !important; height: @size !important; } max-width: 100% !important; line-height: @font_size !important; .vc_icon_element-icon { font-size: @font_size !important; } } } .size-(~"xs", @icon-element-box-size-xs, @icon-element-icon-size-xs); .size-(~"sm", @icon-element-box-size-sm, @icon-element-icon-size-sm); .size-(~"md", @icon-element-box-size-md, @icon-element-icon-size-md); .size-(~"lg", @icon-element-box-size-lg, @icon-element-icon-size-lg); .size-(~"xl", @icon-element-box-size-xl, @icon-element-icon-size-xl); // display styles &.vc_icon_element-style-boxed { } &.vc_icon_element-style-boxed-outline { } &.vc_icon_element-style-rounded { border-radius: 50%; .vc_icon_element-link, .vc_gitem-link { border-radius: 50%; } } &.vc_icon_element-style-rounded-outline { border-radius: 50%; .vc_icon_element-link, .vc_gitem-link { border-radius: 50%; } } &.vc_icon_element-style-rounded-less { border-radius: @icon-element-rounded-radius; .vc_icon_element-link, .vc_gitem-link { border-radius: @icon-element-rounded-radius; } } &.vc_icon_element-style-rounded-less-outline { border-radius: @icon-element-rounded-radius; .vc_icon_element-link, .vc_gitem-link { border-radius: @icon-element-rounded-radius; } } .vc_icon_element_colors_variants(@selector, @text_color) { &.vc_icon_element-color-@{selector} { .vc_icon_element-icon { color: @text_color; } } } .vc_icon_element_colors_variants(~'blue', @blue); .vc_icon_element_colors_variants(~'turquoise', @turquoise); .vc_icon_element_colors_variants(~'pink', @pink); .vc_icon_element_colors_variants(~'violet', @violet); .vc_icon_element_colors_variants(~'peacoc', @peacoc); .vc_icon_element_colors_variants(~'chino', @chino); .vc_icon_element_colors_variants(~'mulled_wine', @mulled_wine); .vc_icon_element_colors_variants(~'vista_blue', @vista_blue); .vc_icon_element_colors_variants(~'black', @black); .vc_icon_element_colors_variants(~'grey', @grey); .vc_icon_element_colors_variants(~'orange', @orange); .vc_icon_element_colors_variants(~'sky', @sky); .vc_icon_element_colors_variants(~'green', @green); .vc_icon_element_colors_variants(~'juicy_pink', @juicy_pink); .vc_icon_element_colors_variants(~'sandy_brown', @sandy_brown); .vc_icon_element_colors_variants(~'purple', @purple); .vc_icon_element_colors_variants(~'white', @white); // colors for styles // Background Shape Colors .vc_icon_element_shape_color_variants(@selector, @color) { &.vc_icon_element-background-color-@{selector} { &.vc_icon_element-outline { border-color: @color; } &.vc_icon_element-background { background-color: @color; } } } .vc_icon_element_shape_color_variants(~'blue', @blue); .vc_icon_element_shape_color_variants(~'turquoise', @turquoise); .vc_icon_element_shape_color_variants(~'pink', @pink); .vc_icon_element_shape_color_variants(~'violet', @violet); .vc_icon_element_shape_color_variants(~'peacoc', @peacoc); .vc_icon_element_shape_color_variants(~'chino', @chino); .vc_icon_element_shape_color_variants(~'mulled_wine', @mulled_wine); .vc_icon_element_shape_color_variants(~'vista_blue', @vista_blue); .vc_icon_element_shape_color_variants(~'black', @black); .vc_icon_element_shape_color_variants(~'grey', @grey); .vc_icon_element_shape_color_variants(~'orange', @orange); .vc_icon_element_shape_color_variants(~'sky', @sky); .vc_icon_element_shape_color_variants(~'green', @green); .vc_icon_element_shape_color_variants(~'juicy_pink', @juicy_pink); .vc_icon_element_shape_color_variants(~'sandy_brown', @sandy_brown); .vc_icon_element_shape_color_variants(~'purple', @purple); .vc_icon_element_shape_color_variants(~'white', @white); } } } shortcodes/vc_teaser_grid.less000064400000004427150212447730012605 0ustar00/* Teaser Grid ---------------------------------------------------------- */ .wpb_column .wpb_wrapper .wpb_teaser_grid { float: none; } // Teaser grid adjustments body ul.wpb_thumbnails-fluid li { background-image: none; /* some themes add bg image as a bullet */ padding: 0; margin-left: 0; // .no_bullet_fix(); .entry-content *:last-child { margin-bottom: 0; } } .wpb_row .wpb_grid ul.wpb_thumbnails-fluid, .wpb_row .wpb_filtered_grid ul.wpb_thumbnails-fluid { padding: 0; overflow: visible !important; } /* Teaser grid ---------------------------------------------------------- */ .wpb_teaser_grid .entry-content { margin: 0; padding: 0; width: 100%; } .grid_layout-thumbnail .post-thumb { margin-bottom: 0; img { max-width: 100%; } } /* Carousel layout ---------------------------------------------------------- */ .wpb_carousel { .wpb_wrapper { position: relative; } .prev, .next { position: absolute; top: 3px; background-color: @vc_carousel_arrows_bg; padding: 0px 6px 0px 6px; font-size: 12px; z-index: 10; text-decoration: none; .wpb_transition(); &:hover { background-color: @vc_carousel_arrows_bg_hover; } &:focus { outline: none; text-decoration: none; } } .prev { right: 30px; } .next { right: 0px; } .wpb_thumbnails-fluid { width: 100%; > [class*="vc_span"] { height: auto !important; } } } /*** Categories filter ***/ .wpb_teaser_grid .categories_filter, .wpb_categories_filter { list-style: none; list-style-type: none; padding: 0; margin: 0 0 10px 0; li { display: block; float: left; margin: 0 10px 10px 0; // .no_bullet_fix(); a { border: none; text-decoration: none; &:hover { border-bottom: 1px dotted; } } &.active a { border-bottom: 1px dotted; } } } // Responsive stuff @media (max-width: @vc_responsive_max_w) { //767 .vc_responsive { .wpb_row { ul.wpb_thumbnails-fluid { margin-left: 0; width: auto; } .wpb_teaser_grid ul.wpb_thumbnails-fluid [class*="vc_col-"] { width: 100%; float: none; display: block; margin-left: 0; margin-right: 0; } } } }shortcodes/vc_button.less000064400000010153150212447730011621 0ustar00/* Buttons ---------------------------------------------------------- */ // Core .wpb_button { display: inline-block; padding: 4px 10px 4px; margin-bottom: 0; // For input.btn margin-top: 0; font-size: @baseFontSize; line-height: @baseLineHeight; color: @grayDark; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, .75); vertical-align: middle; cursor: pointer; .buttonBackground(@vc_btnBackground, @vc_btnBackgroundHighlight); border: 1px solid @vc_btnBorder; border-bottom-color: darken(@vc_btnBorder, 10%); .border-radius(2px); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .vc_vc_button2 { .vc_btn { margin-top: 5px; margin-bottom: 5px; } } .vc_vc_button { .vc_btn { margin-top: 5px; margin-bottom: 5px; } } // Hover state .wpb_button:hover { color: @grayDark; text-decoration: none; background-color: darken(@white, 10%); // transition is only when going to hover, otherwise the background // behind the gradient (there for IE<=9 fallback) gets mismatched .transition(background-color .1s linear); } // Focus state for keyboard and accessibility .wpb_button:focus { .tab-focus(); } // Active state .wpb_button.active, .wpb_button:active { background-color: darken(@white, 10%); background-image: none; outline: 0; .box-shadow(~"inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05)"); } // Button Sizes // -------------------------------------------------- button, span { // Large &.wpb_btn-large { padding: 9px 14px; font-size: @baseFontSize + 2px; line-height: normal; .border-radius(2px); } &.wpb_btn-large [class^="icon-"] { margin-top: 1px; } // Small &.wpb_btn-small { padding: 5px 9px; font-size: @baseFontSize - 2px; line-height: @baseLineHeight - 2px; } &.wpb_btn-small [class^="icon-"] { margin-top: -1px; } // Mini &.wpb_btn-mini { padding: 2px 6px; font-size: @baseFontSize - 2px; line-height: @baseLineHeight - 4px; } } // Alternate buttons // -------------------------------------------------- // Set text color // ------------------------- .wpb_btn-primary, .wpb_btn-primary:hover, .wpb_btn-warning, .wpb_btn-warning:hover, .wpb_btn-danger, .wpb_btn-danger:hover, .wpb_btn-success, .wpb_btn-success:hover, .wpb_btn-info, .wpb_btn-info:hover, .wpb_btn-inverse, .wpb_btn-inverse:hover { color: @white; text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); } // Provide *some* extra contrast for those who can get it .wpb_btn-primary.active, .wpb_btn-warning.active, .wpb_btn-danger.active, .wpb_btn-success.active, .wpb_btn-info.active, .wpb_btn-inverse.active { color: rgba(255, 255, 255, .75); } // Set the backgrounds // ------------------------- .wpb_button { // reset here as of 2.0.3 due to Recess property order border-color: #ccc; border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .1); } .wpb_btn-primary { .buttonBackground(@vc_btnPrimaryBackground, @vc_btnPrimaryBackgroundHighlight); } // Warning appears are orange .wpb_btn-warning { .buttonBackground(@vc_btnWarningBackground, @vc_btnWarningBackgroundHighlight); } // Danger and error appear as red .wpb_btn-danger { .buttonBackground(@vc_btnDangerBackground, @vc_btnDangerBackgroundHighlight); } // Success appears as green .wpb_btn-success { .buttonBackground(@vc_btnSuccessBackground, @vc_btnSuccessBackgroundHighlight); } // Info appears as a neutral blue .wpb_btn-info { .buttonBackground(@vc_btnInfoBackground, @vc_btnInfoBackgroundHighlight); } // Inverse appears as dark gray .wpb_btn-inverse { .buttonBackground(@vc_btnInverseBackground, @vc_btnInverseBackgroundHighlight); } // Cross-browser Jank // -------------------------------------------------- button.wpb_button, input[type="submit"].wpb_button { // Firefox 3.6 only I believe &::-moz-focus-inner { padding: 0; border: 0; } } /* Button ---------------------------------------------------------- */ a.wpb_button_a { text-decoration: none; border: none; &:hover { text-decoration: none; } } .wpb_button { &:hover { background-image: none; } } @import "../lib/wpb_icon.less"; shortcodes/frontend_vc_row.less000064400000010146150212447730013016 0ustar00/** * Row styles */ .vc_row { .vc_make-frontend-column-gap(1); .vc_make-frontend-column-gap(2); .vc_make-frontend-column-gap(3); .vc_make-frontend-column-gap(4); .vc_make-frontend-column-gap(5); .vc_make-frontend-column-gap(10); .vc_make-frontend-column-gap(15); .vc_make-frontend-column-gap(20); .vc_make-frontend-column-gap(25); .vc_make-frontend-column-gap(30); .vc_make-frontend-column-gap(35); } .vc_vc_column, .vc_vc_column_inner { padding-left: 0; padding-right: 0; } // row gaps .vc_make-frontend-column-gap(@spacing) { &.vc_column-gap-@{spacing} { > .vc_vc_column, > .vc_vc_column_inner { > .vc_column_container { padding-left: unit(@spacing/2, px); padding-right: unit(@spacing/2, px); } } } } // .vc_row { &.vc_row-flex { > .vc_vc_column, > .vc_vc_column_inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; > .vc_column_container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; > .vc_column-inner { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } } } // equal height &.vc_row-o-equal-height { > .vc_column_container { -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } } // content alignment &.vc_row-o-content-top { > .vc_vc_column, > .vc_vc_column_inner { > .vc_column_container { > .vc_column-inner { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } } } &:not(.vc_row-o-equal-height) { > .vc_vc_column, > .vc_vc_column_inner { > .vc_column_container { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } } } } &.vc_row-o-content-bottom { > .vc_vc_column, > .vc_vc_column_inner { > .vc_column_container { > .vc_column-inner { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } } } &:not(.vc_row-o-equal-height) { > .vc_vc_column, > .vc_vc_column_inner { > .vc_column_container { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } } } } &.vc_row-o-content-middle { > .vc_vc_column, > .vc_vc_column_inner { > .vc_column_container { > .vc_column-inner { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } } &:not(.vc_row-o-equal-height) { > .vc_vc_column, > .vc_vc_column_inner { > .vc_column_container { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } } } } // fix for empty col .vc_empty-element > .vc_column-inner { min-height: 100px; } // row fills .vc_row-has-fill > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_vc_column_inner > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_vc_row > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_vc_row_inner > .vc_row > .vc_vc_column_inner > .vc_column_container > .vc_column-inner { padding-top: @vc_element_margin_bottom; } shortcodes/vc_row.less000064400000012663150212447730011125 0ustar00/** * Row styles */ .vc_row { &.vc_row-no-padding { .vc_column-inner { padding-left: 0; padding-right: 0; } } &[data-vc-full-width] { .transition(opacity 0.5s ease); overflow: hidden; /** Fix overflow **/ &.vc_hidden { opacity: 0; } } } .vc_row-no-padding { .vc_inner { margin-left: 0; margin-right: 0; } } .vc_row { &.vc_row-o-full-height { min-height: 100vh; } // enable flex &.vc_row-flex { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; > .vc_column_container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; > .vc_column-inner { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; z-index: 1; @media (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE10+ specific styles */ & > * { min-height: 1em; } } } } &::before, &::after { display: none; } } // columns alignment &.vc_row-o-columns-stretch { -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; } &.vc_row-o-columns-top { -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; } &.vc_row-o-columns-bottom { -webkit-align-content: flex-end; -ms-flex-line-pack: end; align-content: flex-end; } &.vc_row-o-columns-middle { -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } &.vc_row-o-columns-top, &.vc_row-o-columns-bottom, &.vc_row-o-columns-middle { &::after { content: ''; width: 100%; height: 0; overflow: hidden; visibility: hidden; display: block; } } // equal height &.vc_row-o-equal-height { > .vc_column_container { -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } } // content alignment &.vc_row-o-content-top { > .vc_column_container { > .vc_column-inner { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } } &:not(.vc_row-o-equal-height) { > .vc_column_container { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } } } &.vc_row-o-content-bottom { > .vc_column_container { > .vc_column-inner { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } } &:not(.vc_row-o-equal-height) { > .vc_column_container { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } } } &.vc_row-o-content-middle { > .vc_column_container { > .vc_column-inner { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } &:not(.vc_row-o-equal-height) { > .vc_column_container { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } } } // Clearfix for column .vc_column-inner { &::before, &::after { content: " "; display: table; } &::after { clear: both; } } .vc_ie-flexbox-fixer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; > .vc_row { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } } .vc_row { .vc_make-column-gap(1); .vc_make-column-gap(2); .vc_make-column-gap(3); .vc_make-column-gap(4); .vc_make-column-gap(5); .vc_make-column-gap(10); .vc_make-column-gap(15); .vc_make-column-gap(20); .vc_make-column-gap(25); .vc_make-column-gap(30); .vc_make-column-gap(35); } .vc_column_container { padding-left: 0; padding-right: 0; > .vc_column-inner { box-sizing: border-box; padding-left: @grid-gutter-width/2; padding-right: @grid-gutter-width/2; width: 100%; } } // row gaps .vc_make-column-gap(@spacing) { &.vc_column-gap-@{spacing} { margin-left: -(@grid-gutter-width + @spacing)/2; margin-right: -(@grid-gutter-width + @spacing)/2; > .vc_column_container { padding: unit(@spacing/2, px); } } } // row fills .vc_row-has-fill > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner, .vc_col-has-fill > .vc_column-inner { padding-top: @vc_element_margin_bottom; }shortcodes/vc_call_to_action3.less000064400000045577150212447730013365 0ustar00/* Call to action 3 ---------------------------------------------------------- */ // @dependency vc_icon_element.less @vc_cta3-font-size-base: 1em; @vc_cta3-gold-size-base: 14px; @vc_cta3-elements-margin: 1em; @vc_cta3-padding-vertical: @vc_cta3-gold-size-base * 2; @vc_cta3-padding-horizontal: @vc_cta3-gold-size-base * 2; @vc_cta3-shadow-width-3d: 5px; @vc_cta3-border-radius-rounded: 5px; @vc_cta3-border-radius-round: 4em; @vc_cta3-actions-max-width: 30%; @vc_cta3-icons-max-width: none; @vc_tta3-outline-border-width: 3px; //====== COLORS // Classic @vc_cta3-color-classic: @vc_call_to_action_border; @vc_cta3-color-classic-bg: @vc_call_to_action_bg; @vc_cta3-color-classic-border: @vc_cta3-color-classic; @vc_cta3-color-classic-text: #9d9d9e; @vc_cta3-color-classic-headings: #666; // Custom @vc_cta3-color-custom-bg: @vc_cta3-color-classic-bg; @vc_cta3-color-custom-border: @vc_cta3-color-classic-border; // --------------------------- // blue @vc_cta3-color-blue: @blue; @vc_cta3-color-blue-bg: lighten(@vc_cta3-color-blue, 38%); @vc_cta3-color-blue-border: darken(@vc_cta3-color-blue-bg, 10%); @vc_cta3-color-blue-text: #c9d2f0; @vc_cta3-color-blue-headings: #fff; // turquoise @vc_cta3-color-turquoise: @turquoise; @vc_cta3-color-turquoise-bg: lighten(desaturate(@vc_cta3-color-turquoise, 20%), 55%); @vc_cta3-color-turquoise-border: darken(desaturate(@vc_cta3-color-turquoise-bg, 25%), 10%); @vc_cta3-color-turquoise-text: #d3f5f1; @vc_cta3-color-turquoise-headings: #fff; // pink @vc_cta3-color-pink: @pink; @vc_cta3-color-pink-bg: lighten(@vc_cta3-color-pink, 28%); @vc_cta3-color-pink-border: darken(@vc_cta3-color-pink-bg, 5%); @vc_cta3-color-pink-text: #fcdbd7; @vc_cta3-color-pink-headings: #fff; // violet @vc_cta3-color-violet: @violet; @vc_cta3-color-violet-bg: lighten(@vc_cta3-color-violet, 35%); @vc_cta3-color-violet-border: darken(@vc_cta3-color-violet-bg, 10%); @vc_cta3-color-violet-text: #e1d5f5; @vc_cta3-color-violet-headings: #fff; // peacoc @vc_cta3-color-peacoc: @peacoc; @vc_cta3-color-peacoc-bg: lighten(@vc_cta3-color-peacoc, 40%); @vc_cta3-color-peacoc-border: darken(@vc_cta3-color-peacoc-bg, 10%); @vc_cta3-color-peacoc-text: #d0edf5; @vc_cta3-color-peacoc-headings: #fff; // chino @vc_cta3-color-chino: @chino; @vc_cta3-color-chino-bg: lighten(@vc_cta3-color-chino, 22%); @vc_cta3-color-chino-border: darken(@vc_cta3-color-chino-bg, 10%); @vc_cta3-color-chino-text: #f7f3eb; @vc_cta3-color-chino-headings: #fff; // mulled_wine @vc_cta3-color-mulled-wine: @mulled_wine; @vc_cta3-color-mulled-wine-bg: lighten(@vc_cta3-color-mulled-wine, 60%); @vc_cta3-color-mulled-wine-border: darken(@vc_cta3-color-mulled-wine-bg, 10%); @vc_cta3-color-mulled-wine-text: #e2ddeb; @vc_cta3-color-mulled-wine-headings: #fff; // vista_blue @vc_cta3-color-vista-blue: @vista_blue; @vc_cta3-color-vista-blue-bg: lighten(@vc_cta3-color-vista-blue, 28%); @vc_cta3-color-vista-blue-border: darken(@vc_cta3-color-vista-blue-bg, 10%); @vc_cta3-color-vista-blue-text: #e1f5e9; @vc_cta3-color-vista-blue-headings: #fff; // orange @vc_cta3-color-orange: @orange; @vc_cta3-color-orange-bg: lighten(@vc_cta3-color-orange, 27%); @vc_cta3-color-orange-border: darken(@vc_cta3-color-orange-bg, 10%); @vc_cta3-color-orange-text: #faf0e1; @vc_cta3-color-orange-headings: #fff; // sky @vc_cta3-color-sky: @sky; @vc_cta3-color-sky-bg: lighten(@vc_cta3-color-sky, 33%); @vc_cta3-color-sky-border: darken(@vc_cta3-color-sky-bg, 10%); @vc_cta3-color-sky-text: #dce9f5; @vc_cta3-color-sky-headings: #fff; // green @vc_cta3-color-green: @green; @vc_cta3-color-green-bg: lighten(@vc_cta3-color-green, 47%); @vc_cta3-color-green-border: darken(@vc_cta3-color-green-bg, 15%); @vc_cta3-color-green-text: #e5f2da; @vc_cta3-color-green-headings: #fff; // juicy_pink @vc_cta3-color-juicy-pink: @juicy_pink; @vc_cta3-color-juicy-pink-bg: lighten(@vc_cta3-color-juicy-pink, 35%); @vc_cta3-color-juicy-pink-border: darken(@vc_cta3-color-juicy-pink-bg, 10%); @vc_cta3-color-juicy-pink-text: #fce2e1; @vc_cta3-color-juicy-pink-headings: #fff; // sandy_brown @vc_cta3-color-sandy-brown: @sandy_brown; @vc_cta3-color-sandy-brown-bg: lighten(@vc_cta3-color-sandy-brown, 27%); @vc_cta3-color-sandy-brown-border: darken(@vc_cta3-color-sandy-brown-bg, 10%); @vc_cta3-color-sandy-brown-text: #f7e1d7; @vc_cta3-color-sandy-brown-headings: #fff; // purple @vc_cta3-color-purple: @purple; @vc_cta3-color-purple-bg: lighten(@vc_cta3-color-purple, 33%); @vc_cta3-color-purple-border: darken(@vc_cta3-color-purple-bg, 10%); @vc_cta3-color-purple-text: #f4dff5; @vc_cta3-color-purple-headings: #fff; // black @vc_cta3-color-black: @black; @vc_cta3-color-black-bg: lighten(@vc_cta3-color-black, 7%); @vc_cta3-color-black-border: @vc_cta3-color-black; @vc_cta3-color-black-text: #d9d9d9; @vc_cta3-color-black-headings: #fff; // grey @vc_cta3-color-grey: @grey; @vc_cta3-color-grey-bg: @vc_cta3-color-grey; @vc_cta3-color-grey-border: darken(@vc_cta3-color-grey-bg, 10%); @vc_cta3-color-grey-text: #9d9d9e; @vc_cta3-color-grey-headings: #666; // white @vc_cta3-color-white: @white; @vc_cta3-color-white-bg: @vc_cta3-color-white; @vc_cta3-color-white-border: darken(@vc_cta3-color-white-bg, 10%); @vc_cta3-color-white-text: #9d9d9e; @vc_cta3-color-white-headings: #666; .vc_cta3-container { margin-bottom: @vc_element_margin_bottom; &::before, &::after { display: table; content: ' '; } // Creating sizes //------------------ &.vc_cta3-size-xs { width: 50%; } &.vc_cta3-size-sm { width: 60%; } &.vc_cta3-size-md { width: 70%; } &.vc_cta3-size-lg { width: 80%; } &.vc_cta3-size-xl { width: 90%; } margin-left: auto; margin-right: auto; } .vc_general.vc_cta3 { border: 1px solid transparent; font-size: @vc_cta3-font-size-base; padding: @vc_cta3-padding-vertical @vc_cta3-padding-horizontal; word-wrap: break-word; .vc_cta3-content { vertical-align: top; } .vc_cta3-content, .vc_cta3-icons { > *:last-child { margin-bottom: 0; } } .vc_cta3-actions { vertical-align: middle; white-space: nowrap; @media (min-width: @grid-float-breakpoint) { .vc_btn3-container { margin: 0; } } } .vc_cta3-icons { vertical-align: middle; } h2, h4 { margin-top: 0; margin-left: 0; margin-right: 0; } // Creating Layouts //------------------ &.vc_cta3-align-left { .vc_cta3-content { text-align: left; } } &.vc_cta3-align-right { .vc_cta3-content { text-align: right; } } &.vc_cta3-align-center { .vc_cta3-content { text-align: center; } } &.vc_cta3-align-justify { .vc_cta3-content { text-align: justify; } } // Changing icons positions // ---------------------------- // on top &.vc_cta3-icons-top { .vc_cta3_content-container { padding-top: @vc_cta3-elements-margin; } .vc_cta3-icons { text-align: center; .vc_icon_element { display: inline-block; } } } // on bottom &.vc_cta3-icons-bottom { .vc_cta3_content-container { padding-bottom: @vc_cta3-elements-margin; } .vc_cta3-icons { text-align: center; .vc_icon_element { display: inline-block; } } } // on left side &.vc_cta3-icons-left { .vc_cta3-icons { display: table-cell; } .vc_cta3_content-container { display: table-cell; padding-left: @vc_cta3-elements-margin; } } // on right side &.vc_cta3-icons-right { .vc_cta3-icons { display: table-cell; } .vc_cta3_content-container { display: table-cell; padding-right: @vc_cta3-elements-margin; } } // Icons on border &.vc_cta3-icons-on-border { position: relative; .vc_cta3-icons { position: absolute; } &.vc_cta3-icons-right { .vc_cta3-icons { right: 0; top: 50%; -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); transform: translate(50%, -50%); } .vc_cta3-make-icon-on-border-margins(~'right'); } &.vc_cta3-icons-left { .vc_cta3-icons { left: 0; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .vc_cta3-make-icon-on-border-margins(~'left'); } &.vc_cta3-icons-top { .vc_cta3-icons { left: 50%; top: 0; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .vc_cta3-make-icon-on-border-margins(~'top'); } &.vc_cta3-icons-bottom { .vc_cta3-icons { left: 50%; bottom: 0; -webkit-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); transform: translate(-50%, 50%); } .vc_cta3-make-icon-on-border-margins(~'bottom'); } } // Changing actions positions // ---------------------------- // on top &.vc_cta3-actions-top { .vc_cta3-content { margin-top: @vc_cta3-elements-margin; } } // on bottom &.vc_cta3-actions-bottom { .vc_cta3-content { margin-bottom: @vc_cta3-elements-margin; } } @media (min-width: @grid-float-breakpoint) { // on left side &.vc_cta3-actions-left { .vc_cta3-actions { display: table-cell; max-width: 30%; } .vc_cta3-content { padding-left: @vc_cta3-padding-horizontal; display: table-cell; } } // on right side &.vc_cta3-actions-right { .vc_cta3-actions { display: table-cell; max-width: 30%; } .vc_cta3-content { padding-right: @vc_cta3-padding-horizontal; display: table-cell; } } } // Creating Styles //------------------ // Classic (Old style) &.vc_cta3-style-classic { border-color: @vc_cta3-color-classic-border; background-color: @vc_cta3-color-classic-bg; &:not(.vc_cta3-color-classic) .vc_cta3-content-header { h2, h4 { color: inherit; } } } // Flat &.vc_cta3-style-flat { .vc_cta3-content-header { h2, h4 { color: inherit; } } } // Outline (transparent background) &.vc_cta3-style-outline { border-width: @vc_tta3-outline-border-width; &:not(.vc_cta3-color-classic) .vc_cta3-content-header { h2, h4 { color: inherit; } } } // 3d &.vc_cta3-style-3d { .vc_cta3-content-header { h2, h4 { color: inherit; } } } // Custom &.vc_cta3-style-custom { border-color: @vc_cta3-color-custom-border; background-color: @vc_cta3-color-custom-bg; } // Creating Shapes //------------------ // Square &.vc_cta3-shape-square { border-radius: 0; } // Rounded &.vc_cta3-shape-rounded { border-radius: @vc_cta3-border-radius-rounded; } // Round &.vc_cta3-shape-round { border-radius: @vc_cta3-border-radius-round; } // Generating color sets //------------------ // blue .vc_cta3-make-colors-set(~'vc_cta3-color-blue'; @vc_cta3-color-blue; @vc_cta3-color-blue-text; @vc_cta3-color-blue-border; @vc_cta3-color-blue-bg; @vc_cta3-color-blue-headings); // turquoise .vc_cta3-make-colors-set(~'vc_cta3-color-turquoise'; @vc_cta3-color-turquoise; @vc_cta3-color-turquoise-text; @vc_cta3-color-turquoise-border; @vc_cta3-color-turquoise-bg; @vc_cta3-color-turquoise-headings); // pink .vc_cta3-make-colors-set(~'vc_cta3-color-pink'; @vc_cta3-color-pink; @vc_cta3-color-pink-text; @vc_cta3-color-pink-border; @vc_cta3-color-pink-bg; @vc_cta3-color-pink-headings); // violet .vc_cta3-make-colors-set(~'vc_cta3-color-violet'; @vc_cta3-color-violet; @vc_cta3-color-violet-text; @vc_cta3-color-violet-border; @vc_cta3-color-violet-bg; @vc_cta3-color-violet-headings); // peacoc .vc_cta3-make-colors-set(~'vc_cta3-color-peacoc'; @vc_cta3-color-peacoc; @vc_cta3-color-peacoc-text; @vc_cta3-color-peacoc-border; @vc_cta3-color-peacoc-bg; @vc_cta3-color-peacoc-headings); // chino .vc_cta3-make-colors-set(~'vc_cta3-color-chino'; @vc_cta3-color-chino; @vc_cta3-color-chino-text; @vc_cta3-color-chino-border; @vc_cta3-color-chino-bg; @vc_cta3-color-chino-headings); // mulled_wine .vc_cta3-make-colors-set(~'vc_cta3-color-mulled-wine'; @vc_cta3-color-mulled-wine; @vc_cta3-color-mulled-wine-text; @vc_cta3-color-mulled-wine-border; @vc_cta3-color-mulled-wine-bg; @vc_cta3-color-mulled-wine-headings); // vista_blue .vc_cta3-make-colors-set(~'vc_cta3-color-vista-blue'; @vc_cta3-color-vista-blue; @vc_cta3-color-vista-blue-text; @vc_cta3-color-vista-blue-border; @vc_cta3-color-vista-blue-bg; @vc_cta3-color-vista-blue-headings); // orange .vc_cta3-make-colors-set(~'vc_cta3-color-orange'; @vc_cta3-color-orange; @vc_cta3-color-orange-text; @vc_cta3-color-orange-border; @vc_cta3-color-orange-bg; @vc_cta3-color-orange-headings); // sky .vc_cta3-make-colors-set(~'vc_cta3-color-sky'; @vc_cta3-color-sky; @vc_cta3-color-sky-text; @vc_cta3-color-sky-border; @vc_cta3-color-sky-bg; @vc_cta3-color-sky-headings); // green .vc_cta3-make-colors-set(~'vc_cta3-color-green'; @vc_cta3-color-green; @vc_cta3-color-green-text; @vc_cta3-color-green-border; @vc_cta3-color-green-bg; @vc_cta3-color-green-headings); // juicy_pink .vc_cta3-make-colors-set(~'vc_cta3-color-juicy-pink'; @vc_cta3-color-juicy-pink; @vc_cta3-color-juicy-pink-text; @vc_cta3-color-juicy-pink-border; @vc_cta3-color-juicy-pink-bg; @vc_cta3-color-juicy-pink-headings); // sandy_brown .vc_cta3-make-colors-set(~'vc_cta3-color-sandy-brown'; @vc_cta3-color-sandy-brown; @vc_cta3-color-sandy-brown-text; @vc_cta3-color-sandy-brown-border; @vc_cta3-color-sandy-brown-bg; @vc_cta3-color-sandy-brown-headings); // purple .vc_cta3-make-colors-set(~'vc_cta3-color-purple'; @vc_cta3-color-purple; @vc_cta3-color-purple-text; @vc_cta3-color-purple-border; @vc_cta3-color-purple-bg; @vc_cta3-color-purple-headings); // black .vc_cta3-make-colors-set(~'vc_cta3-color-black'; @vc_cta3-color-black; @vc_cta3-color-black-text; @vc_cta3-color-black-border; @vc_cta3-color-black-bg; @vc_cta3-color-black-headings); // grey .vc_cta3-make-colors-set(~'vc_cta3-color-grey'; @vc_cta3-color-grey; @vc_cta3-color-grey-text; @vc_cta3-color-grey-border; @vc_cta3-color-grey-bg; @vc_cta3-color-grey-headings); // white .vc_cta3-make-colors-set(~'vc_cta3-color-white'; @vc_cta3-color-white; @vc_cta3-color-white-text; @vc_cta3-color-white-border; @vc_cta3-color-white-bg; @vc_cta3-color-white-headings); // Generating custom color sets //------------------ // classic &.vc_cta3-color-classic { // Classic (Old style) &.vc_cta3-style-classic { .vc_make-cta3-color(@text: false; @headings-text: false); } // Flat &.vc_cta3-style-flat { .vc_make-cta3-color(@text: @vc_cta3-color-classic-text; @headings-text: @vc_cta3-color-classic-headings; @border: transparent; @background: @vc_cta3-color-classic); } // 3d &.vc_cta3-style-3d { box-shadow: 0 @vc_cta3-shadow-width-3d 0 darken(@vc_cta3-color-classic, 11%); .vc_make-cta3-color(@text: @vc_cta3-color-classic-text; @headings-text: @vc_cta3-color-classic-headings; @border: transparent; @background: @vc_cta3-color-classic); } // Outline (transparent background) &.vc_cta3-style-outline { .vc_make-cta3-color(@text: false; @headings-text: @vc_cta3-color-classic; @border: @vc_cta3-color-classic; @background: transparent); } } } // Fix for icon element // ====================== .vc_cta3 { &.vc_cta3-icon-size-xs { .vc_icon_element .vc_icon_element-inner { height: 1em; width: 1em; } } &.vc_cta3-icon-size-sm { .vc_icon_element .vc_icon_element-inner { height: 2em; width: 2em; } } &.vc_cta3-icon-size-md { .vc_icon_element .vc_icon_element-inner { height: 3em; width: 3em; } } &.vc_cta3-icon-size-lg { .vc_icon_element .vc_icon_element-inner { height: 4em; width: 4em; } } &.vc_cta3-icon-size-xl { .vc_icon_element .vc_icon_element-inner { height: 5em; width: 5em; } } } //====== MIXINS // Creating Colors .vc_make-cta3-color(@text: false; @headings-text: false; @border: false; @background: false) { & when not (@text = false) { color: @text; } & when not (@headings-text = false) { .vc_cta3-content-header { color: @headings-text; } } & when not (@border = false) { border-color: @border; } & when not (@background = false) { background-color: @background; } } // make colors set .vc_cta3-make-colors-set(@selector; @color; @text; @border; @background; @headings-color) { &.@{selector} { // Classic (Old style) &.vc_cta3-style-classic { .vc_make-cta3-color(@text: false; @headings-text: @color); } // Flat &.vc_cta3-style-flat { .vc_make-cta3-color(@text: @text; @headings-text: @headings-color; @border: transparent; @background: @color); } // 3d &.vc_cta3-style-3d { box-shadow: 0 @vc_cta3-shadow-width-3d 0 darken(@color, 11%); .vc_make-cta3-color(@text: @text; @headings-text: @headings-color; @border: transparent; @background: @color); } // Outline (transparent background) &.vc_cta3-style-outline { .vc_make-cta3-color(@text: false; @headings-text: @color; @border: @color; @background: transparent); } } } // make icon margins .vc_cta3-make-icon-on-border-margins(@direction;) { &.vc_cta3-icon-size-xs { margin-@{direction}: floor(@icon-element-font-size-base * unit(@icon-element-box-size-xs) / 2); .vc_cta3_content-container { padding-@{direction}: 0; } &.vc_cta3-icons-in-box .vc_cta3_content-container { padding-@{direction}: @vc_cta3-gold-size-base * 0.5; } } &.vc_cta3-icon-size-sm { margin-@{direction}: floor(@icon-element-font-size-base * unit(@icon-element-box-size-sm) / 2); .vc_cta3_content-container { padding-@{direction}: @vc_cta3-gold-size-base * 0.5; } &.vc_cta3-icons-in-box .vc_cta3_content-container { padding-@{direction}: @vc_cta3-gold-size-base; } } &.vc_cta3-icon-size-md { margin-@{direction}: floor(@icon-element-font-size-base * unit(@icon-element-box-size-md) / 2); .vc_cta3_content-container { padding-@{direction}: @vc_cta3-gold-size-base; } &.vc_cta3-icons-in-box .vc_cta3_content-container { padding-@{direction}: @vc_cta3-gold-size-base * 1.5; } } &.vc_cta3-icon-size-lg { margin-@{direction}: floor(@icon-element-font-size-base * unit(@icon-element-box-size-lg) / 2); .vc_cta3_content-container { padding-@{direction}: @vc_cta3-gold-size-base * 1.5; } &.vc_cta3-icons-in-box .vc_cta3_content-container { padding-@{direction}: @vc_cta3-gold-size-base * 2; } } &.vc_cta3-icon-size-xl { margin-@{direction}: floor(@icon-element-font-size-base * unit(@icon-element-box-size-xl) / 2); .vc_cta3_content-container { padding-@{direction}: @vc_cta3-gold-size-base * 2; } &.vc_cta3-icons-in-box .vc_cta3_content-container { padding-@{direction}: @vc_cta3-gold-size-base * 2.5; } } }shortcodes/vc_basic_grid/vc_grid_filter.less000064400000006510150212447730015360 0ustar00.vc_grid_filter_color_variants(@selector, @background_color, @text_color) { &.vc_grid-filter-color-@{selector} { > .vc_grid-filter-item { &:hover, &.vc_active { background-color: @background_color; > span { color: @text_color; } } } } } // Filter .vc_grid-filter { margin-left: 0; margin-bottom: 20px; list-style: none; padding: 0; &.vc_grid-filter-center { text-align: center; } &.vc_grid-filter-right { text-align: right; } &.vc_grid-filter-left { text-align: left; } .vc_grid_filter_color_variants(~'blue', @blue, @white); .vc_grid_filter_color_variants(~'turquoise', @turquoise, @white); .vc_grid_filter_color_variants(~'pink', @pink, @white); .vc_grid_filter_color_variants(~'violet', @violet, @white); .vc_grid_filter_color_variants(~'peacoc', @peacoc, @white); .vc_grid_filter_color_variants(~'chino', @chino, @white); .vc_grid_filter_color_variants(~'mulled_wine', @mulled_wine, @white); .vc_grid_filter_color_variants(~'vista_blue', @vista_blue, @white); .vc_grid_filter_color_variants(~'black', @black, @white); .vc_grid_filter_color_variants(~'grey', @grey, #666666); .vc_grid_filter_color_variants(~'orange', @orange, @white); .vc_grid_filter_color_variants(~'sky', @sky, @white); .vc_grid_filter_color_variants(~'green', @green, @white); .vc_grid_filter_color_variants(~'juicy_pink', @juicy_pink, @white); .vc_grid_filter_color_variants(~'sandy_brown', @sandy_brown, @white); .vc_grid_filter_color_variants(~'purple', @purple, @white); .vc_grid_filter_color_variants(~'white', @white, #666666); // global filter styles > .vc_grid-filter-item { &:first-child { margin-left: 0 !important; } cursor: pointer; display: inline-block; background: transparent; padding: 4px 10px; .transition(background-color 0.1s linear); > span { .transition(color 0.1s linear); outline: none; padding: 0; text-decoration: none; } &:hover, &.vc_active { > span { text-decoration: none; } } } @import "filter_styles/filter_default.less"; @import "filter_styles/filter_default_less_rounded.less"; @import "filter_styles/filter_bordered.less"; @import "filter_styles/filter_filled.less"; &.vc_grid-filter-size-xs { .vc_grid-filter-item { font-size: 12px; padding: 1px 5px; } } &.vc_grid-filter-size-sm { .vc_grid-filter-item { font-size: 13px; padding: 2px 7px; } } &.vc_grid-filter-size-md { .vc_grid-filter-item { font-size: 100%; padding: 2px 10px; } } &.vc_grid-filter-size-lg { .vc_grid-filter-item { font-size: 18px; padding: 4px 10px; } } } // Never be shown if not vc_responsive .vc_grid-filter-select { display: none; } .vc_grid-filter-select, .vc_grid-filter-dropdown { font-size: 12px; margin-bottom: 20px; &.vc_grid-filter-center { text-align: center; } &.vc_grid-filter-right { text-align: right; } &.vc_grid-filter-left { text-align: left; } @import "filter_styles/filter_dropdown.less"; } // If responsive enabled we will show select on xs displays @media (max-width: @screen-sm-min) { .vc_responsive { .vc_grid-filter-select { display: block; } .vc_grid-filter { display: none !important; } } }shortcodes/vc_basic_grid/filter_styles/filter_default.less000064400000000327150212447730020257 0ustar00&.vc_grid-filter-default { > .vc_grid-filter-item { margin: 0 5px 5px 0; border-radius: 30px; } } &.vc_grid-filter-comma, &.vc_grid-filter- { .vc_grid-filter-item { padding: 0 !important; } }shortcodes/vc_basic_grid/filter_styles/filter_default_less_rounded.less000064400000000171150212447730023022 0ustar00&.vc_grid-filter-default-less-rounded { > .vc_grid-filter-item { margin: 0 5px 5px 0; border-radius: 5px; } }shortcodes/vc_basic_grid/filter_styles/filter_bordered.less000064400000001767150212447730020432 0ustar00&.vc_grid-filter-bordered, &.vc_grid-filter-bordered-rounded, &.vc_grid-filter-bordered-rounded-less { > .vc_grid-filter-item { margin: 0; border: 1px solid rgba(235, 235, 235, 0.8); border-collapse: collapse; &:nth-child(n+2) { margin-left: -1px; margin-top: -1px; } &:hover, &.vc_active { position: relative; z-index: 1; border-color: transparent; > a { text-decoration: none; } } } } &.vc_grid-filter-bordered-rounded { > .vc_grid-filter-item { &:first-child { border-top-left-radius: 30px; border-bottom-left-radius: 30px; } &:last-child { border-top-right-radius: 30px; border-bottom-right-radius: 30px; } } } &.vc_grid-filter-bordered-rounded-less { > .vc_grid-filter-item { &:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } &:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } } }shortcodes/vc_basic_grid/filter_styles/filter_dropdown.less000064400000004065150212447730020472 0ustar00.vc_grid_filter_dropdown_color_variants(@selector, @text_color) { &.vc_grid-filter-color-@{selector} { .vc_arrow-icon-navicon { color: @text_color; } } } .vc_grid-styled-select { .vc_arrow-icon-navicon { display: none; } select { outline: none; display: inline-block; } } @media (min-width: @screen-sm-min) { .vc_grid_filter_dropdown_color_variants(~'blue', @blue); .vc_grid_filter_dropdown_color_variants(~'turquoise', @turquoise); .vc_grid_filter_dropdown_color_variants(~'pink', @pink); .vc_grid_filter_dropdown_color_variants(~'violet', @violet); .vc_grid_filter_dropdown_color_variants(~'peacoc', @peacoc); .vc_grid_filter_dropdown_color_variants(~'chino', @chino); .vc_grid_filter_dropdown_color_variants(~'mulled_wine', @mulled_wine); .vc_grid_filter_dropdown_color_variants(~'vista_blue', @vista_blue); .vc_grid_filter_dropdown_color_variants(~'black', @black); .vc_grid_filter_dropdown_color_variants(~'grey', @grey); .vc_grid_filter_dropdown_color_variants(~'orange', @orange); .vc_grid_filter_dropdown_color_variants(~'sky', @sky); .vc_grid_filter_dropdown_color_variants(~'green', @green); .vc_grid_filter_dropdown_color_variants(~'juicy_pink', @juicy_pink); .vc_grid_filter_dropdown_color_variants(~'sandy_brown', @sandy_brown); .vc_grid_filter_dropdown_color_variants(~'purple', @purple); .vc_grid_filter_dropdown_color_variants(~'white', @white); .vc_grid-styled-select { border: 1px solid #ccc; display: inline-block; height: 30px; overflow: hidden; padding-right: 5px; text-align: left; width: auto; vertical-align: middle; .vc_arrow-icon-navicon { font-size: 17px; display: inline; vertical-align: middle; } select { background: none repeat scroll 0 0 transparent; border: 0 none; border-radius: 0; height: 30px; line-height: 1; margin-right: -50px; padding: 5px; position: relative; font-size: 12px; z-index: 0; cursor: pointer; max-width: inherit !important; } } }shortcodes/vc_basic_grid/filter_styles/filter_filled.less000064400000006361150212447730020076 0ustar00.vc_grid_filter_filled_color_variants(@selector, @active_background_color, @inactive_background_color, @active_text_color, @inactive_text_color) { &.vc_grid-filter-color-@{selector} { > .vc_grid-filter-item { background-color: @inactive_background_color; > span { color: @inactive_text_color; } &:hover, &.vc_active { background-color: @active_background_color; > span { color: @active_text_color; } } } } } &.vc_grid-filter-filled, &.vc_grid-filter-filled-rounded { .vc_grid_filter_filled_color_variants(~'blue', @blue, lighten(@blue, 10%), @white, @white); .vc_grid_filter_filled_color_variants(~'turquoise', @turquoise, darken(@turquoise, 10%), @white, @white); .vc_grid_filter_filled_color_variants(~'pink', @pink, lighten(@pink, 10%), @white, @white); .vc_grid_filter_filled_color_variants(~'violet', @violet, lighten(@violet, 10%), @white, @white); .vc_grid_filter_filled_color_variants(~'peacoc', @peacoc, lighten(@peacoc, 10%), @white, @white); .vc_grid_filter_filled_color_variants(~'chino', @chino, lighten(@chino, 10%), @white, @white); .vc_grid_filter_filled_color_variants(~'mulled_wine', @mulled_wine, lighten(@mulled_wine, 10%), @white, @white); .vc_grid_filter_filled_color_variants(~'vista_blue', @vista_blue, lighten(@vista_blue, 10%), @white, @white); .vc_grid_filter_filled_color_variants(~'black', @black, lighten(@black, 10%), @white, @white); .vc_grid_filter_filled_color_variants(~'grey', @grey, darken(@grey, 10%), #666666, #666666); .vc_grid_filter_filled_color_variants(~'orange', @orange, lighten(@orange, 10%), @white, @white); .vc_grid_filter_filled_color_variants(~'sky', @sky, lighten(@sky, 10%), @white, @white); .vc_grid_filter_filled_color_variants(~'green', @green, lighten(@green, 10%), @white, @white); .vc_grid_filter_filled_color_variants(~'juicy_pink', @juicy_pink, lighten(@juicy_pink, 10%), @white, @white); .vc_grid_filter_filled_color_variants(~'sandy_brown', @sandy_brown, lighten(@sandy_brown, 10%), @white, @white); .vc_grid_filter_filled_color_variants(~'purple', @purple, lighten(@purple, 10%), @white, @white); .vc_grid_filter_filled_color_variants(~'white', @white, darken(@white, 10%), #666666, #666666); > .vc_grid-filter-item { margin: 0; border: 1px solid transparent; border-collapse: collapse; padding: 3px 7px; > span { color: #FFFFFF; } &:nth-child(n+2) { border-left: none; margin-left: 1px; border-top: none; margin-top: 1px; } &:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top: 0; } &:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } } } &.vc_grid-filter-filled-rounded { > .vc_grid-filter-item { &:first-child { border-top-left-radius: 30px; border-bottom-left-radius: 30px; border-top: 0; } &:last-child { border-top-right-radius: 30px; border-bottom-right-radius: 30px; } } } &.vc_grid-filter-filled-rounded-all { > .vc_grid-filter-item { border-radius: 3px !important; } } &.vc_grid-filter-filled-round-all { > .vc_grid-filter-item { border-radius: 30px !important; } }shortcodes/vc_basic_grid/vc_grid_arrows.less000064400000005454150212447730015416 0ustar00@nav_arrow_size: 25px; // Color field .vc_grid_nav_color_variants(@selector, @txt_color) { &.vc_grid-owl-nav-color-@{selector} { color: @txt_color !important; } } .vc_grid-gutter-nav(@gutter, @margin) { &.vc_grid-gutter-@{gutter} { .vc_grid-owl-nav { .vc_grid-owl-prev, .vc_grid-owl-next { margin-top: -@margin; } } } } &.vc_grid-owl-theme { &:hover { .vc_grid-owl-nav { .opacity(1.0); } } .vc_grid-owl-nav { cursor: pointer; .opacity(0); .transition(opacity 0.3s ease-in 0s); -webkit-tap-highlight-color: transparent; .disabled { display: none !important; } .vc_grid-owl-prev, .vc_grid-owl-next { position: absolute; top: 50%; margin-top: -@nav_arrow_size /2; .opacity(0.5); font-size: @nav_arrow_size; line-height: @nav_arrow_size; height: @nav_arrow_size; display: inline-block; text-decoration: none; cursor: pointer; .transition(opacity 0.3s ease-in 0s); &:hover { .opacity(1.0); } } .vc_grid-owl-prev { left: 5px; &.vc_grid-nav-prev-outside { left: -30px; } } .vc_grid-owl-next { right: 5px; &.vc_grid-nav-next-outside { right: -30px; } } .vc_grid_nav_color_variants(~'blue', @blue); .vc_grid_nav_color_variants(~'turquoise', @turquoise); .vc_grid_nav_color_variants(~'pink', @pink); .vc_grid_nav_color_variants(~'violet', @violet); .vc_grid_nav_color_variants(~'peacoc', @peacoc); .vc_grid_nav_color_variants(~'chino', @chino); .vc_grid_nav_color_variants(~'mulled_wine', @mulled_wine); .vc_grid_nav_color_variants(~'vista_blue', @vista_blue); .vc_grid_nav_color_variants(~'black', @black); .vc_grid_nav_color_variants(~'grey', @grey); .vc_grid_nav_color_variants(~'orange', @orange); .vc_grid_nav_color_variants(~'sky', @sky); .vc_grid_nav_color_variants(~'green', @green); .vc_grid_nav_color_variants(~'juicy_pink', @juicy_pink); .vc_grid_nav_color_variants(~'sandy_brown', @sandy_brown); .vc_grid_nav_color_variants(~'purple', @purple); .vc_grid_nav_color_variants(~'white', @white); } .vc_grid-gutter-nav(1px, @nav_arrow_size/2 + 1px/2); .vc_grid-gutter-nav(2px, @nav_arrow_size/2 + 2px/2); .vc_grid-gutter-nav(3px, @nav_arrow_size/2 + 3px/2); .vc_grid-gutter-nav(4px, @nav_arrow_size/2 + 4px/2); .vc_grid-gutter-nav(5px, @nav_arrow_size/2 + 5px/2); .vc_grid-gutter-nav(10px, @nav_arrow_size/2 + 10px/2); .vc_grid-gutter-nav(15px, @nav_arrow_size/2 + 15px/2); .vc_grid-gutter-nav(20px, @nav_arrow_size/2 + 20px/2); .vc_grid-gutter-nav(25px, @nav_arrow_size/2 + 25px /2); .vc_grid-gutter-nav(30px, @nav_arrow_size/2 + 30px /2); .vc_grid-gutter-nav(35px, @nav_arrow_size/2 + 35px /2); }shortcodes/vc_basic_grid/vc_grid_pagination_numbers.less000064400000015003150212447730017754 0ustar00.vc_grid_pagination_number_color_variants(@selector, @background_color, @text_color) { &.vc_grid-pagination-color-@{selector} { > li { .if_color(@background_color, border-color, @background_color); > a, > span { .if_color(@background_color, background-color, @background_color); .if_color(@background_color, border-color, @background_color); .if_color(@text_color, color, @text_color); } } } } .vc_grid-pagination { .vc_grid-pagination-list { outline: none; display: block; padding-left: 0; text-align: center; margin: @line-height-computed 0 0 !important; border-radius: @border-radius-base; > li { display: inline-block; margin: 0; border: 0px solid transparent; > a, > span { color: @pagination-active-color; background-color: @pagination-active-bg; border: 1px solid @pagination-active-bg; .transition(opacity 0.3s ease-in 0s); position: relative; float: left; // Collapse white-space padding: 3px 10px; line-height: @line-height-base; text-decoration: none; .opacity(0.5); margin-left: -1px; font-size: 10px; } &:first-child { > a, > span { margin-left: 0; } } &:hover, &:focus { a, span { .opacity(1.0); } } } > .vc_grid-prev { > a { &:after { font-family: 'vc_grid_v1'; display: inline-block; content: "\e61b"; } } } > .vc_grid-next { > a { &:after { font-family: 'vc_grid_v1'; display: inline-block; content: "\e61a"; } } } > .vc_grid-first { > a { &:after { font-family: 'vc_grid_v1'; display: inline-block; content: "\e618"; } } } > .vc_grid-last { > a { &:after { font-family: 'vc_grid_v1'; display: inline-block; content: "\e619"; } } } > .vc_grid-active > a, > .vc_grid-active > span { &, &:hover, &:focus { z-index: 2; .opacity(1.0); cursor: default; } } > .vc_grid-disabled { > span, > span:hover, > span:focus, > a, > a:hover, > a:focus { display: none; } } .vc_grid_pagination_number_color_variants(~'blue', @blue, @white); .vc_grid_pagination_number_color_variants(~'turquoise', @turquoise, @white); .vc_grid_pagination_number_color_variants(~'pink', @pink, @white); .vc_grid_pagination_number_color_variants(~'violet', @violet, @white); .vc_grid_pagination_number_color_variants(~'peacoc', @peacoc, @white); .vc_grid_pagination_number_color_variants(~'chino', @chino, @white); .vc_grid_pagination_number_color_variants(~'mulled_wine', @mulled_wine, @white); .vc_grid_pagination_number_color_variants(~'vista_blue', @vista_blue, @white); .vc_grid_pagination_number_color_variants(~'black', @black, @white); .vc_grid_pagination_number_color_variants(~'grey', @grey, @white); .vc_grid_pagination_number_color_variants(~'orange', @orange, @white); .vc_grid_pagination_number_color_variants(~'sky', @sky, @white); .vc_grid_pagination_number_color_variants(~'green', @green, @white); .vc_grid_pagination_number_color_variants(~'juicy_pink', @juicy_pink, @white); .vc_grid_pagination_number_color_variants(~'sandy_brown', @sandy_brown, @white); .vc_grid_pagination_number_color_variants(~'purple', @purple, @white); .vc_grid_pagination_number_color_variants(~'white', @white, @black); &.vc_grid-pagination_default, &.vc_grid-pagination_default_dark, &.vc_grid-pagination_default_light { > li { > a, > span { .box-sizing(border-box); min-width: 28px; min-height: 22px; } &:first-child { > a, > span { .border-left-radius(@border-radius-base); } } &:last-child { > a, > span { .border-right-radius(@border-radius-base); } } } } &.vc_grid-pagination_square, &.vc_grid-pagination_square_dark, &.vc_grid-pagination_square_light { > li { > a, > span { margin-left: 5px; .box-sizing(border-box); min-height: 22px; min-width: 22px; padding: 3px; } } } &.vc_grid-pagination_rounded, &.vc_grid-pagination_rounded_dark, &.vc_grid-pagination_rounded_light, &.vc_grid-pagination_rounded_square, &.vc_grid-pagination_rounded_square_dark, &.vc_grid-pagination_rounded_square_light { > li { > a, > span { margin-left: 5px; border-radius: 30px; .box-sizing(border-box); min-height: 22px; min-width: 22px; padding: 3px; } } } &.vc_grid-pagination_rounded_square, &.vc_grid-pagination_rounded_square_dark, &.vc_grid-pagination_rounded_square_light { > li { > a, > span { .border-radius(5px); .box-sizing(border-box); min-height: 22px; min-width: 22px; padding: 3px; } } } &.vc_grid-pagination_square_dark, &.vc_grid-pagination_default_dark, &.vc_grid-pagination_rounded_dark, &.vc_grid-pagination_rounded_square_dark { > li { > a, > span { background-color: transparent !important; color: #000 !important; } } } &.vc_grid-pagination_square_light, &.vc_grid-pagination_default_light, &.vc_grid-pagination_rounded_light, &.vc_grid-pagination_rounded_square_light { > li { > a, > span { background-color: transparent !important; color: #fff !important; } } } &.vc_grid-pagination_stripes_dark, &.vc_grid-pagination_stripes_light { > li { border-left-width: 1px !important; > a { border-width: 0; background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; } } li.vc_grid-disabled + li, > li:first-child { border-width: 0 !important; } } &.vc_grid-pagination_stripes_dark { > li { > a { color: #000 !important; } } } &.vc_grid-pagination_stripes_light { > li { > a { color: #fff !important; } } } } }shortcodes/vc_basic_grid/vc_grid_pagination_dots.less000064400000013235150212447730017257 0ustar00.vc_dot() { span { width: 10px; height: 10px; margin: 5px 7px; display: block; -webkit-backface-visibility: visible; .transition(opacity 200ms ease); } } // Color field .vc_grid_paging_color_variants(@selector, @background_color, @border_color) { &.vc_grid-owl-dots-color-@{selector} { .vc_grid-owl-dot { span { .if_color(@background_color, background-color, @background_color); .if_color(@border_color, border-color, @border_color); } } } } // Color field .vc_grid_paging_active_hover_color_variants(@selector, @background_color, @border_color, @active_background, @active_border_color) { &.vc_grid-owl-dots-color-@{selector} { .vc_grid-owl-dot { span { .if_color(@background_color, background-color, @background_color); .if_color(@border_color, border-color, @border_color); } &:hover, &.active { span { .if_color(@active_background, background-color, @active_background); .if_color(@active_border_color, border-color, @active_border_color); } } } } } &.vc_grid-owl-theme { .vc_grid-owl-dots { display: none; margin-top: 20px; text-align: center; -webkit-tap-highlight-color: transparent; .vc_grid-owl-dot { cursor: pointer; display: inline-block; .vc_dot(); } &.vc_grid-square_dots { display: block; .vc_grid-owl-dot { span { border: 3px solid; .transition(background-color 200ms ease); } } } &.vc_grid-radio_dots { display: block; .vc_grid-owl-dot { span { border: 3px solid; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; .transition(background-color 200ms ease); } } } &.vc_grid-point_dots { display: block; .vc_grid-owl-dot { span { -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; .opacity(0.6); } } .vc_grid-owl-dot.active span, .vc_grid-owl-dot:hover span { .opacity(1.0); } } &.vc_grid-fill_square_dots { display: block; .vc_grid-owl-dot { .vc_dot(); span { .opacity(0.6); } } .vc_grid-owl-dot.active span, .vc_grid-owl-dot:hover span { .opacity(1.0); } } &.vc_grid-round_fill_square_dots { display: block; .vc_grid-owl-dot { .vc_dot(); span { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; .opacity(0.6); } } .vc_grid-owl-dot.active span, .vc_grid-owl-dot:hover span { .opacity(1.0); } } &.vc_grid-square_dots, &.vc_grid-radio_dots { .vc_grid_paging_active_hover_color_variants(~'blue', false, @blue, @blue, @blue); .vc_grid_paging_active_hover_color_variants(~'turquoise', false, @turquoise, @turquoise, @turquoise); .vc_grid_paging_active_hover_color_variants(~'pink', false, @pink, @pink, @pink); .vc_grid_paging_active_hover_color_variants(~'violet', false, @violet, @violet, @violet); .vc_grid_paging_active_hover_color_variants(~'peacoc', false, @peacoc, @peacoc, @peacoc); .vc_grid_paging_active_hover_color_variants(~'chino', false, @chino, @chino, @chino); .vc_grid_paging_active_hover_color_variants(~'mulled_wine', false, @mulled_wine, @mulled_wine, @mulled_wine); .vc_grid_paging_active_hover_color_variants(~'vista_blue', false, @vista_blue, @vista_blue, @vista_blue); .vc_grid_paging_active_hover_color_variants(~'black', false, @black, @black, @black); .vc_grid_paging_active_hover_color_variants(~'grey', false, @grey, @grey, @grey); .vc_grid_paging_active_hover_color_variants(~'orange', false, @orange, @orange, @orange); .vc_grid_paging_active_hover_color_variants(~'sky', false, @sky, @sky, @sky); .vc_grid_paging_active_hover_color_variants(~'green', false, @green, @green, @green); .vc_grid_paging_active_hover_color_variants(~'juicy_pink', false, @juicy_pink, @juicy_pink, @juicy_pink); .vc_grid_paging_active_hover_color_variants(~'sandy_brown', false, @sandy_brown, @sandy_brown, @sandy_brown); .vc_grid_paging_active_hover_color_variants(~'purple', false, @purple, @purple, @purple); .vc_grid_paging_active_hover_color_variants(~'white', false, @white, @white, @white); } &.vc_grid-point_dots, &.vc_grid-fill_square_dots, &.vc_grid-round_fill_square_dots { .vc_grid_paging_color_variants(~'blue', @blue, false); .vc_grid_paging_color_variants(~'turquoise', @turquoise, false); .vc_grid_paging_color_variants(~'pink', @pink, false); .vc_grid_paging_color_variants(~'violet', @violet, false); .vc_grid_paging_color_variants(~'peacoc', @peacoc, false); .vc_grid_paging_color_variants(~'chino', @chino, false); .vc_grid_paging_color_variants(~'mulled_wine', @mulled_wine, false); .vc_grid_paging_color_variants(~'vista_blue', @vista_blue, false); .vc_grid_paging_color_variants(~'black', @black, false); .vc_grid_paging_color_variants(~'grey', @grey, false); .vc_grid_paging_color_variants(~'orange', @orange, false); .vc_grid_paging_color_variants(~'sky', @sky, false); .vc_grid_paging_color_variants(~'green', @green, false); .vc_grid_paging_color_variants(~'juicy_pink', @juicy_pink, false); .vc_grid_paging_color_variants(~'sandy_brown', @sandy_brown, false); .vc_grid_paging_color_variants(~'purple', @purple, false); .vc_grid_paging_color_variants(~'white', @white, false); } } }shortcodes/vc_basic_grid/vc_grid_carousel.less000064400000001212150212447730015702 0ustar00.owl-carousel { .owl-item { .vc_grid-item { -webkit-transform: translate3D(0, 0, 0); -ms-transform: translate3D(0, 0, 0); transform: translate3D(0, 0, 0); } } /* .owl-animated-out - only for current item */ /* This is very important class. Use z-index if you want move Out item above In item */ .owl-animated-out { z-index: 0; } /* .owl-animated-in - only for upcoming item /* This is very important class. Use z-index if you want move In item above Out item */ .owl-animated-in { z-index: 1; } /* .fadeOut is style taken from Animation.css and this is how it looks in owl.carousel.css: */ } shortcodes/vc_basic_grid/vc_grid_loading.less000064400000002066150212447730015512 0ustar00.vc_grid-loading { &:before, &:after, & { border-radius: 50%; width: 12px; height: 12px; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: load7 1.8s infinite ease-in-out; animation: load7 1.8s infinite ease-in-out; } & { margin: 2em auto; font-size: 10px; position: relative; text-indent: -9999em; -webkit-animation-delay: 0.16s; animation-delay: 0.16s; height: 20px; } &:before { left: -20px; } &:after { left: 20px; -webkit-animation-delay: 0.32s; animation-delay: 0.32s; } &:before, &:after { content: ''; position: absolute; top: 0; } @-webkit-keyframes load7 { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em rgba(235, 235, 235, 0.75); } 40% { box-shadow: 0 2.5em 0 0 rgba(235, 235, 235, 0.75); } } @keyframes load7 { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em rgba(235, 235, 235, 0.75); } 40% { box-shadow: 0 2.5em 0 0 rgba(235, 235, 235, 0.75); } } }shortcodes/vc_basic_grid/vc_grid_gap.less000064400000001030150212447730014632 0ustar00.vc_grid-gutter(@gutter) { .vc_grid.vc_row.vc_grid-gutter-@{gutter} { margin-bottom: -@gutter; .vc_pageable-slide-wrapper { // TODO: test this margin-right: -@gutter; } .vc_grid-item { padding-right: @gutter; padding-bottom: @gutter; } } } .vc_grid-gutter(1px); .vc_grid-gutter(2px); .vc_grid-gutter(3px); .vc_grid-gutter(4px); .vc_grid-gutter(5px); .vc_grid-gutter(10px); .vc_grid-gutter(15px); .vc_grid-gutter(20px); .vc_grid-gutter(25px); .vc_grid-gutter(30px); .vc_grid-gutter(35px);shortcodes/vc_basic_grid/vc_grid_style.less000064400000000527150212447730015235 0ustar00.vc_grid { // Load more button style .vc_pageable-load-more-btn { text-align: center; margin-top: 25px; > .vc_btn { outline: none; } } // Display style: pagination @import "vc_grid_pagination_dots.less"; @import "vc_grid_arrows.less"; } // This is outside vc_grid @import "vc_grid_pagination_numbers.less"; shortcodes/vc_basic_grid/vc_grid.less000064400000001371150212447730014013 0ustar00// Use bootstrap mixin for transition .transition-all() { .transition('all 0.3s ease-in-out'); } // Condition select if @color is a color // This mixin will do nothing if @color is not a color (like false or etc) .if_color (@color, @property, @value) when (iscolor(@color)) { @{property}: @value !important; } //Content .vc_grid { &.vc_row { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } } .vc-row[data-vc-full-width] { .vc_grid.vc_row { overflow: hidden; } } @import "vc_grid_gap.less"; @import "../../params/vc_grid_item/vc_grid_item.less"; @import "vc_grid_style.less"; @import "vc_grid_loading.less"; // Import all other extensions @import "vc_grid_filter.less"; @import "vc_grid_carousel.less"; shortcodes/vc_message_box/vc_message_box_front.less000064400000000157150212447730017001 0ustar00@import "vc_message_box_variables.less"; @import "vc_message_box_mixins.less"; @import "vc_message_box_2.less";shortcodes/vc_message_box/vc_message_box_mixins.less000064400000002327150212447730017161 0ustar00//====== MIXINS // Creating Colors .vc-make-message-color(@text; @icon: @text; @border: false; @background: false) { color: @text; & when not (@border = false) { border-color: @border; } & when not (@background = false) { background-color: @background; } .vc_message_box-icon { color: @icon; } } // make colors set .vc-message-make-colors-set(@selector; @text; @icon; @border; @background; @contrast-color) { &.@{selector} { // Standard, Classic (Old style), 3d &.vc_message_box { .vc-make-message-color(@text; @icon; @border: @border; @background: @background); } // Solid &.vc_message_box-solid { .vc-make-message-color(@contrast-color; @border: transparent; @background: @icon); } // Outline (transparent background), Solid icon &.vc_message_box-outline, &.vc_message_box-solid-icon { .vc-make-message-color(@text; @icon; @border: @icon; @background: transparent); } // Solid icon &.vc_message_box-solid-icon { .vc_message_box-icon { color: @contrast-color; background-color: @icon; } } // 3d &.vc_message_box-3d { box-shadow: 0 @message-box-shadow-width-3d 0 darken(@border, 10%); } } } shortcodes/vc_message_box/vc_message_box_variables.less000064400000013541150212447730017622 0ustar00//====== VARIABLES @message-box-border-radius-rounded: 5px; @message-box-border-radius-round: 4em; @message-box-shadow-width-3d: 5px; @message-box-font-size-base: 1em; @message-box-icon-size: 1.7em; @message-box-horizontal-padding: 1em; @message-box-vertical-padding: 1em; @message-box-icon-indent: 4em; @message-box-icon-indent-reduced: 3.25em; //====== COLORS // alert types //----------------------------- // alert-info @alert-info: #56b0ee; @alert-info-bg: #dff2fe; @alert-info-border: #cfebfe; @alert-info-text: #5e7f96; @alert-info-contrast: #fff; // alert-success @alert-success: #1bbc9b; @alert-success-bg: #e6fdf8; @alert-success-border: #cfebfe; @alert-success-text: #5e7f96; @alert-success-contrast: #fff; // alert-warning @alert-warning: #fcb53f; @alert-warning-bg: #fff4e2; @alert-warning-border: #ffeccc; @alert-warning-text: #9d8967; @alert-warning-contrast: #fff; // alert-danger @alert-danger: #ff7877; @alert-danger-bg: #fdeaea; @alert-danger-border: #fedede; @alert-danger-text: #a85959; @alert-danger-contrast: #fff; // classic alerts // --------------------------- // alert-info-classic @alert-info-classic: #67CCE0; @alert-info-classic-bg: @state-info-bg; @alert-info-classic-border: @state-info-border; @alert-info-classic-text: @state-info-text; @alert-info-classic-contrast: #fff; // alert-success-classic @alert-success-classic: #9AD36A; @alert-success-classic-bg: @state-success-bg; @alert-success-classic-border: @state-success-border; @alert-success-classic-text: @state-success-text; @alert-success-classic-contrast: #fff; // alert-warning-classic @alert-warning-classic: #F9CF79; @alert-warning-classic-bg: @state-warning-bg; @alert-warning-classic-border: @state-warning-border; @alert-warning-classic-text: @state-warning-text; @alert-warning-classic-contrast: #fff; // alert-danger-classic @alert-danger-classic: #EF8495; @alert-danger-classic-bg: @state-danger-bg; @alert-danger-classic-border: @state-danger-border; @alert-danger-classic-text: @state-danger-text; @alert-danger-classic-contrast: #fff; // color set // --------------------------- // blue @color-blue: @blue; @color-blue-bg: lighten(@color-blue, 38%); @color-blue-border: darken(@color-blue-bg, 10%); @color-blue-text: darken(desaturate(@color-blue, 15%), 20%); @color-blue-contrast: #fff; // turquoise @color-turquoise: @turquoise; @color-turquoise-bg: lighten(desaturate(@color-turquoise, 20%), 55%); @color-turquoise-border: darken(desaturate(@color-turquoise-bg, 25%), 10%); @color-turquoise-text: darken(desaturate(@color-turquoise, 15%), 20%); @color-turquoise-contrast: #fff; // pink @color-pink: @pink; @color-pink-bg: lighten(@color-pink, 28%); @color-pink-border: darken(@color-pink-bg, 5%); @color-pink-text: darken(desaturate(@color-pink, 25%), 20%); @color-pink-contrast: #fff; // violet @color-violet: @violet; @color-violet-bg: lighten(@color-violet, 35%); @color-violet-border: darken(@color-violet-bg, 10%); @color-violet-text: darken(desaturate(@color-violet, 15%), 20%); @color-violet-contrast: #fff; // peacoc @color-peacoc: @peacoc; @color-peacoc-bg: lighten(@color-peacoc, 40%); @color-peacoc-border: darken(@color-peacoc-bg, 10%); @color-peacoc-text: darken(desaturate(@color-peacoc, 15%), 20%); @color-peacoc-contrast: #fff; // chino @color-chino: @chino; @color-chino-bg: lighten(@color-chino, 22%); @color-chino-border: darken(@color-chino-bg, 10%); @color-chino-text: darken(@color-chino, 27%); @color-chino-contrast: #fff; // mulled_wine @color-mulled-wine: @mulled_wine; @color-mulled-wine-bg: lighten(@color-mulled-wine, 60%); @color-mulled-wine-border: darken(@color-mulled-wine-bg, 10%); @color-mulled-wine-text: darken(@color-mulled-wine, 20%); @color-mulled-wine-contrast: #fff; // vista_blue @color-vista-blue: @vista_blue; @color-vista-blue-bg: lighten(@color-vista-blue, 28%); @color-vista-blue-border: darken(@color-vista-blue-bg, 10%); @color-vista-blue-text: darken(desaturate(@color-vista-blue, 15%), 25%); @color-vista-blue-contrast: #fff; // orange @color-orange: @orange; @color-orange-bg: lighten(@color-orange, 27%); @color-orange-border: darken(@color-orange-bg, 10%); @color-orange-text: darken(desaturate(@color-orange, 15%), 25%); @color-orange-contrast: #fff; // sky @color-sky: @sky; @color-sky-bg: lighten(@color-sky, 33%); @color-sky-border: darken(@color-sky-bg, 10%); @color-sky-text: darken(desaturate(@color-sky, 15%), 25%); @color-sky-contrast: #fff; // green @color-green: @green; @color-green-bg: lighten(@color-green, 47%); @color-green-border: darken(@color-green-bg, 15%); @color-green-text: darken(desaturate(@color-green, 15%), 20%); @color-green-contrast: #fff; // juicy_pink @color-juicy-pink: @juicy_pink; @color-juicy-pink-bg: lighten(@color-juicy-pink, 35%); @color-juicy-pink-border: darken(@color-juicy-pink-bg, 10%); @color-juicy-pink-text: darken(desaturate(@color-juicy-pink, 20%), 25%); @color-juicy-pink-contrast: #fff; // sandy_brown @color-sandy-brown: @sandy_brown; @color-sandy-brown-bg: lighten(@color-sandy-brown, 27%); @color-sandy-brown-border: darken(@color-sandy-brown-bg, 10%); @color-sandy-brown-text: darken(desaturate(@color-sandy-brown, 15%), 25%); @color-sandy-brown-contrast: #fff; // purple @color-purple: @purple; @color-purple-bg: lighten(@color-purple, 33%); @color-purple-border: darken(@color-purple-bg, 10%); @color-purple-text: darken(desaturate(@color-purple, 15%), 15%); @color-purple-contrast: #fff; // black @color-black: @black; @color-black-bg: lighten(@color-black, 7%); @color-black-border: @color-black; @color-black-text: @color-black-contrast; @color-black-contrast: #fff; // grey @color-grey: @grey; @color-grey-bg: @color-grey; @color-grey-border: darken(@color-grey-bg, 10%); @color-grey-text: darken(@color-grey, 40%); @color-grey-contrast: @color-grey-text; // white @color-white: @white; @color-white-bg: @color-white; @color-white-border: darken(@color-white-bg, 10%); @color-white-text: @color-white-contrast; @color-white-contrast: darken(@color-white, 30%);shortcodes/vc_message_box/vc_message_box_2.less000064400000015627150212447730016022 0ustar00//====== STYLES /* ================================ * Message box * ================================ */ .vc_message_box { border: 1px solid transparent; display: block; overflow: hidden; margin: 0 0 @vc_margin_bottom_gold 0; padding: @message-box-vertical-padding @message-box-horizontal-padding @message-box-vertical-padding @message-box-icon-indent; position: relative; font-size: @message-box-font-size-base; .box-sizing(border-box); > p { &:first-child { margin-top: 0; } &:last-child { margin-bottom: 0; } } } .vc_message_box-icon { bottom: 0; font-size: 1em; font-style: normal; left: 0; position: absolute; top: 0; width: @message-box-icon-indent; > * { font-size: @message-box-icon-size; line-height: 1; font-style: normal; left: 50%; position: absolute; top: 50%; .translate(-50%; -50%); } // FontAwesome default icon size fix > .fa { font-size: @message-box-icon-size; line-height: 1; } } // Generating color sets //------------------ // blue .vc-message-make-colors-set(~'vc_color-blue'; @color-blue-text; @color-blue; @color-blue-border; @color-blue-bg; @color-blue-contrast); // turquoise .vc-message-make-colors-set(~'vc_color-turquoise'; @color-turquoise-text; @color-turquoise; @color-turquoise-border; @color-turquoise-bg; @color-turquoise-contrast); // pink .vc-message-make-colors-set(~'vc_color-pink'; @color-pink-text; @color-pink; @color-pink-border; @color-pink-bg; @color-pink-contrast); // violet .vc-message-make-colors-set(~'vc_color-violet'; @color-violet-text; @color-violet; @color-violet-border; @color-violet-bg; @color-violet-contrast); // peacoc .vc-message-make-colors-set(~'vc_color-peacoc'; @color-peacoc-text; @color-peacoc; @color-peacoc-border; @color-peacoc-bg; @color-peacoc-contrast); // chino .vc-message-make-colors-set(~'vc_color-chino'; @color-chino-text; @color-chino; @color-chino-border; @color-chino-bg; @color-chino-contrast); // mulled_wine .vc-message-make-colors-set(~'vc_color-mulled_wine'; @color-mulled-wine-text; @color-mulled-wine; @color-mulled-wine-border; @color-mulled-wine-bg; @color-mulled-wine-contrast); // vista_blue .vc-message-make-colors-set(~'vc_color-vista_blue'; @color-vista-blue-text; @color-vista-blue; @color-vista-blue-border; @color-vista-blue-bg; @color-vista-blue-contrast); // orange .vc-message-make-colors-set(~'vc_color-orange'; @color-orange-text; @color-orange; @color-orange-border; @color-orange-bg; @color-orange-contrast); // sky .vc-message-make-colors-set(~'vc_color-sky'; @color-sky-text; @color-sky; @color-sky-border; @color-sky-bg; @color-sky-contrast); // green .vc-message-make-colors-set(~'vc_color-green'; @color-green-text; @color-green; @color-green-border; @color-green-bg; @color-green-contrast); // juicy_pink .vc-message-make-colors-set(~'vc_color-juicy_pink'; @color-juicy-pink-text; @color-juicy-pink; @color-juicy-pink-border; @color-juicy-pink-bg; @color-juicy-pink-contrast); // sandy_brown .vc-message-make-colors-set(~'vc_color-sandy_brown'; @color-sandy-brown-text; @color-sandy-brown; @color-sandy-brown-border; @color-sandy-brown-bg; @color-sandy-brown-contrast); // purple .vc-message-make-colors-set(~'vc_color-purple'; @color-purple-text; @color-purple; @color-purple-border; @color-purple-bg; @color-purple-contrast); // black .vc-message-make-colors-set(~'vc_color-black'; @color-black-text; @color-black; @color-black-border; @color-black-bg; @color-black-contrast); // grey .vc-message-make-colors-set(~'vc_color-grey'; @color-grey-text; @color-grey; @color-grey-border; @color-grey-bg; @color-grey-contrast); // white .vc-message-make-colors-set(~'vc_color-white'; @color-white-text; @color-white; @color-white-border; @color-white-bg; @color-white-contrast); // Generating message types //------------------ // info .vc-message-make-colors-set(~'vc_color-info'; @alert-info-text; @alert-info; @alert-info-border; @alert-info-bg; @alert-info-contrast); // success .vc-message-make-colors-set(~'vc_color-success'; @alert-success-text; @alert-success; @alert-success-border; @alert-success-bg; @alert-success-contrast); // warning .vc-message-make-colors-set(~'vc_color-warning'; @alert-warning-text; @alert-warning; @alert-warning-border; @alert-warning-bg; @alert-warning-contrast); // danger .vc-message-make-colors-set(~'vc_color-danger'; @alert-danger-text; @alert-danger; @alert-danger-border; @alert-danger-bg; @alert-danger-contrast); // Generating classic message types //------------------ // info-classic .vc-message-make-colors-set(~'vc_color-alert-info'; @alert-info-classic-text; @alert-info-classic; @alert-info-classic-border; @alert-info-classic-bg; @alert-info-classic-contrast); // success-classic .vc-message-make-colors-set(~'vc_color-alert-success'; @alert-success-classic-text; @alert-success-classic; @alert-success-classic-border; @alert-success-classic-bg; @alert-success-classic-contrast); // warning-classic .vc-message-make-colors-set(~'vc_color-alert-warning'; @alert-warning-classic-text; @alert-warning-classic; @alert-warning-classic-border; @alert-warning-classic-bg; @alert-warning-classic-contrast); // danger-classic .vc-message-make-colors-set(~'vc_color-alert-danger'; @alert-danger-classic-text; @alert-danger-classic; @alert-danger-classic-border; @alert-danger-classic-bg; @alert-danger-classic-contrast); // Color Fixes //------------------ // black .vc_color-black { // Standard, Classic (Old style), 3d &.vc_message_box { .vc_message_box-icon { color: @color-black-text; } } // Outline (transparent background), Solid icon &.vc_message_box-outline { &, .vc_message_box-icon { color: @color-black; } } // Solid icon &.vc_message_box-solid-icon { color: @color-black; } } // grey .vc_color-grey { // Standard, Classic (Old style), 3d &.vc_message_box { .vc_message_box-icon { color: @color-grey-text; } } } // white .vc_color-white { // Standard, Classic (Old style), 3d &.vc_message_box { .vc_message_box-icon { color: @color-white-text; } } // Outline (transparent background), Solid icon &.vc_message_box-outline { &, .vc_message_box-icon { color: @color-white; } } // Solid icon &.vc_message_box-solid-icon { color: @color-white; } } // Creating Designs //------------------ // Standard .vc_message_box-standard { } // Solid .vc_message_box-solid { } // Outline (transparent background) .vc_message_box-outline { border-width: 2px; } // Classic (Old style) .vc_message_box-classic { } // Solid icon .vc_message_box-solid-icon { &:extend(.vc_message_box-outline); .vc_message_box-icon { width: @message-box-icon-indent-reduced; } } // 3d .vc_message_box-3d { } // Creating Shapes //------------------ // Square .vc_message_box-square { } // Rounded .vc_message_box-rounded { border-radius: @message-box-border-radius-rounded; } // Round .vc_message_box-round { border-radius: @message-box-border-radius-round; } shortcodes/vc_widgetised_column.less000064400000000363150212447730014015 0ustar00@stop_standalone_compiling: @vc_grey; /* Widgetised column element ---------------------------------------------------------- */ .wpb_widgetised_column .wpb_wrapper > ul { margin: 0; > li { margin-left: 0; .no_bullet_fix(); } }shortcodes/vc_separator.less000064400000015346150212447730012317 0ustar00@vc_separator-title-padding: 0.8em; @vc_separator-shadow-size: 10px; .vc_separator { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; h4 { line-height: 1em; font-size: 100%; margin: 0; word-wrap: break-word; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; .normal { font-size: 12px; font-weight: normal; } } .vc_sep_holder { height: 1px; position: relative; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 10%; .vc_sep_line { height: 1px; border-top: 1px solid @vc_separator_border; display: block; position: relative; top: 1px; width: 100%; } } &.vc_separator_align_center { h4 { padding: 0 @vc_separator-title-padding; } } &.vc_separator_align_left { h4 { padding: 0 @vc_separator-title-padding 0 0; } .vc_sep_holder.vc_sep_holder_l { display: none; } } &.vc_separator_align_right { h4 { padding: 0 0 0 @vc_separator-title-padding; margin: 0 !important; } .vc_sep_holder.vc_sep_holder_r { display: none; } } &.vc_sep_ { &double { height: 3px; .vc_sep_line { border-bottom: 1px solid @vc_separator_border; border-top: 1px solid @vc_separator_border; height: 3px; } } &dashed { .vc_sep_line { border-top-style: dashed; } } &dotted { .vc_sep_line { border-top-style: dotted; } } } // shadow style &.vc_sep_shadow { .vc_sep_line { border: none; position: relative; height: @vc_separator-shadow-size * 2; top: 0; overflow: hidden; &::after { content:''; display: block; position: absolute; left: 0; top: -@vc_separator-shadow-size * 2; right: 0; height: @vc_separator-shadow-size; border-radius: 100%; } } .vc_sep_holder_l .vc_sep_line::after { right: -100%; box-shadow: @vc_separator-shadow-size @vc_separator-shadow-size @vc_separator-shadow-size 1px; } .vc_sep_holder_r .vc_sep_line::after { left: -100%; box-shadow: -@vc_separator-shadow-size @vc_separator-shadow-size @vc_separator-shadow-size 1px; } } &.vc_separator_no_text:not(.vc_sep_shadow) { .vc_sep_holder_l { width: 100%; } .vc_sep_holder_r { display: none; } } // icon behaviour .vc_icon_element { margin-bottom: 0; &:not(.vc_icon_element-have-style){ + h4 { padding-left: 0; } .vc_icon_element-size-xl { margin-left: @vc_separator-title-padding; margin-right: @vc_separator-title-padding; } } } &.vc_separator-has-text { &.vc_separator_align_center, &.vc_separator_align_right { .vc_icon_element { &.vc_icon_element-have-style { margin-left: @vc_separator-title-padding; } } } } &.vc_separator_align_left { .vc_icon_element { &.vc_icon_element-have-style { + h4 { padding-left: @vc_separator-title-padding; } } } } //Border widths .vc_separator_widths(1); .vc_separator_widths(2); .vc_separator_widths(3); .vc_separator_widths(4); .vc_separator_widths(5); .vc_separator_widths(6); .vc_separator_widths(7); .vc_separator_widths(8); .vc_separator_widths(9); .vc_separator_widths(10); .vc_separator_widths(@width) { &.vc_sep_border_width_@{width} { .vc_sep_holder .vc_sep_line { border-top-width: unit(@width, px); } &.vc_sep_double .vc_sep_holder .vc_sep_line { border-bottom-width: unit(@width, px); top: unit(ceil(-@width/2), px); } &.vc_sep_shadow { .vc_sep_line { top: -(unit(floor(@width/2), px)); } .vc_sep_holder_l .vc_sep_line::after { box-shadow: @vc_separator-shadow-size @vc_separator-shadow-size @vc_separator-shadow-size unit(@width, px); } .vc_sep_holder_r .vc_sep_line::after { box-shadow: -@vc_separator-shadow-size @vc_separator-shadow-size @vc_separator-shadow-size unit(@width, px); } } } } //Color variations .vc_separator_variants(_blue, @blue); .vc_separator_variants(_turquoise, @turquoise); .vc_separator_variants(_pink, @pink); .vc_separator_variants(_violet, @violet); .vc_separator_variants(_peacoc, @peacoc); .vc_separator_variants(_chino, @chino); .vc_separator_variants(_mulled_wine, @mulled_wine); .vc_separator_variants(_vista_blue, @vista_blue); .vc_separator_variants(_black, @black); .vc_separator_variants(_grey, @grey); .vc_separator_variants(_orange, @orange); .vc_separator_variants(_sky, @sky); .vc_separator_variants(_green, @green); .vc_separator_variants(_juicy_pink, @juicy_pink); .vc_separator_variants(_sandy_brown, @sandy_brown); .vc_separator_variants(_purple, @purple); .vc_separator_variants(_white, @white); } .vc_separator_variants(@selector, @color) { &.vc_sep_color { &@{selector} { .vc_sep_line { border-color: @color; } &.vc_sep_shadow { .vc_sep_holder { color: @color; } } } } } .wpb_separator, .vc_text_separator { border-bottom: 1px solid @vc_separator_border; } .vc_sep_width { &_10 { width: 10%; } &_20 { width: 20%; } &_30 { width: 30%; } &_40 { width: 40%; } &_50 { width: 50%; } &_60 { width: 60%; } &_70 { width: 70%; } &_80 { width: 80%; } &_90 { width: 90%; } &_100 { width: 100%; } } .vc_sep_pos { &_align_center { margin-left: auto; margin-right: auto; } &_align_left { margin-left: 0; margin-right: auto; } &_align_right { margin-left: auto; margin-right: 0; } } /* Separator ---------------------------------------------------------- */ .wpb_separator { clear: both; height: 1px; } /* Text Separator ---------------------------------------------------------- */ .vc_text_separator { clear: both; height: 1px; div { display: inline-block; background-color: @bodyBackground; padding: 1px 1em; position: relative; top: -9px; } } .separator_align_center { text-align: center; } .separator_align_left { text-align: left; } .separator_align_right { text-align: right; } shortcodes/vc_hoverbox.less000064400000005434150212447730012150 0ustar00.vc-hoverbox-wrapper, .vc-hoverbox-wrapper * { box-sizing: border-box; } .vc-hoverbox-wrapper { &.vc-hoverbox-shape--rounded { .vc-hoverbox-front, .vc-hoverbox-back { border-radius: 10px; } } &.vc-hoverbox-shape--round { .vc-hoverbox-front, .vc-hoverbox-back { border-radius: 50px; } } &.vc-hoverbox-align--center { text-align: center; } &.vc-hoverbox-align--left { text-align: left; } &.vc-hoverbox-align--right { text-align: right; } } .vc-hoverbox-wrapper { .vc-hoverbox { position: relative; display: inline-block; text-align: center; width: 100%; } &.vc-hoverbox-width--100 { .vc-hoverbox { width: 100%; } } &.vc-hoverbox-width--90 { .vc-hoverbox { width: 90%; } } &.vc-hoverbox-width--80 { .vc-hoverbox { width: 80%; } } &.vc-hoverbox-width--70 { .vc-hoverbox { width: 70%; } } &.vc-hoverbox-width--60 { .vc-hoverbox { width: 60%; } } &.vc-hoverbox-width--50 { .vc-hoverbox { width: 50%; } } &.vc-hoverbox-width--40 { .vc-hoverbox { width: 40%; } } &.vc-hoverbox-width--30 { .vc-hoverbox { width: 30%; } } &.vc-hoverbox-width--20 { .vc-hoverbox { width: 20%; } } &.vc-hoverbox-width--10 { .vc-hoverbox { width: 10%; } } } .vc-hoverbox-inner { width: 100%; display: inline-block; min-height: 250px; :last-child { margin-bottom: 0; } } .vc-hoverbox-block { height: 100%; width: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; top: 0; left: 0; display: flex; flex-direction: column; justify-content: center; transition: transform .5s ease-in-out; transform-style: preserve-3d; background-size: cover; // 100% 100%; background-position: center; } .vc-hoverbox-block-inner { flex-shrink: 0; padding: 20px; > * { backface-visibility: hidden; } } .vc-hoverbox-front { transform: rotateY(0deg); //background: @background-front; z-index: 1; // fixed backface visibility for animations } .vc-hoverbox-back { transform: rotateY(180deg); //background: @background-back; } .vc-hoverbox { &:hover { .vc-hoverbox-front { transform: rotateY(-180deg); } .vc-hoverbox-back { transform: rotateY(0deg); } } } // reverse .vc-hoverbox-wrapper { &.vc-hoverbox-direction--reverse { .vc-hoverbox-front { transform: rotateY(180deg); } .vc-hoverbox-back { transform: rotateY(0deg); z-index: 2; } .vc-hoverbox { &:hover { .vc-hoverbox-front { transform: rotateY(0deg); } .vc-hoverbox-back { transform: rotateY(-180deg); } } } } } shortcodes/vc_button3.less000064400000061763150212447730011721 0ustar00/* Button 3 ---------------------------------------------------------- */ //========== Variables @vc_btn3-border-radius-round: 2em; @vc_btn3-border-radius-rounded: 5px; @vc_btn3-border-base: 1px; @vc_btn3-border-outline: 2px; @vc_btn3-shadow-width-xs-3d: 3px; @vc_btn3-shadow-width-sm-3d: 4px; @vc_btn3-shadow-width-md-3d: 5px; @vc_btn3-shadow-width-lg-3d: 5px; @vc_btn3-shadow-width-hover: 2px; @vc_btn3-color-initial: @vc_btn3-color-blue; // Button xs @vc_btn3-xs-padding-horizontal: 12px; @vc_btn3-xs-padding-vertical: 8px; @vc_btn3-xs-font-size: 11px; @vc_btn3-xs-icon-size: 14px; // Button sm @vc_btn3-sm-padding-horizontal: 16px; @vc_btn3-sm-padding-vertical: 11px; @vc_btn3-sm-font-size: 12px; @vc_btn3-sm-icon-size: 14px; // Button md (default) @vc_btn3-md-padding-horizontal: 20px; @vc_btn3-md-padding-vertical: 14px; @vc_btn3-md-font-size: 14px; @vc_btn3-md-icon-size: 16px; // Button lg @vc_btn3-lg-padding-horizontal: 25px; @vc_btn3-lg-padding-vertical: 18px; @vc_btn3-lg-font-size: 16px; @vc_btn3-lg-icon-size: 20px; //====== COLORS // color set // --------------------------- // blue @vc_btn3-color-blue: @blue; @vc_btn3-color-blue-gradient: lighten(@vc_btn3-color-blue, 7%); @vc_btn3-color-blue-gradient-end: lighten(@vc_btn3-color-blue, 2%); @vc_btn3-color-blue-text: @vc_btn3-color-blue; @vc_btn3-color-blue-contrast: #fff; // turquoise @vc_btn3-color-turquoise: @turquoise; @vc_btn3-color-turquoise-gradient: lighten(@vc_btn3-color-turquoise, 4%); @vc_btn3-color-turquoise-gradient-end: lighten(@vc_btn3-color-turquoise, 1%); @vc_btn3-color-turquoise-text: @vc_btn3-color-turquoise; @vc_btn3-color-turquoise-contrast: #fff; // pink @vc_btn3-color-pink: @pink; @vc_btn3-color-pink-gradient: lighten(@vc_btn3-color-pink, 4%); @vc_btn3-color-pink-gradient-end: lighten(@vc_btn3-color-pink, 1%); @vc_btn3-color-pink-text: @vc_btn3-color-pink; @vc_btn3-color-pink-contrast: #fff; // violet @vc_btn3-color-violet: @violet; @vc_btn3-color-violet-gradient: lighten(@vc_btn3-color-violet, 7%); @vc_btn3-color-violet-gradient-end: lighten(@vc_btn3-color-violet, 2%); @vc_btn3-color-violet-text: @vc_btn3-color-violet; @vc_btn3-color-violet-contrast: #fff; // peacoc @vc_btn3-color-peacoc: @peacoc; @vc_btn3-color-peacoc-gradient: lighten(@vc_btn3-color-peacoc, 9%); @vc_btn3-color-peacoc-gradient-end: lighten(@vc_btn3-color-peacoc, 2%); @vc_btn3-color-peacoc-text: @vc_btn3-color-peacoc; @vc_btn3-color-peacoc-contrast: #fff; // chino @vc_btn3-color-chino: @chino; @vc_btn3-color-chino-gradient: lighten(@vc_btn3-color-chino, 7%); @vc_btn3-color-chino-gradient-end: lighten(@vc_btn3-color-chino, 3%); @vc_btn3-color-chino-text: @vc_btn3-color-chino; @vc_btn3-color-chino-contrast: #fff; // mulled_wine @vc_btn3-color-mulled-wine: @mulled_wine; @vc_btn3-color-mulled-wine-gradient: lighten(@vc_btn3-color-mulled-wine, 8%); @vc_btn3-color-mulled-wine-gradient-end: lighten(@vc_btn3-color-mulled-wine, 3%); @vc_btn3-color-mulled-wine-text: @vc_btn3-color-mulled-wine; @vc_btn3-color-mulled-wine-contrast: #fff; // vista_blue @vc_btn3-color-vista-blue: @vista_blue; @vc_btn3-color-vista-blue-gradient: lighten(@vc_btn3-color-vista-blue, 7%); @vc_btn3-color-vista-blue-gradient-end: lighten(@vc_btn3-color-vista-blue, 3%); @vc_btn3-color-vista-blue-text: @vc_btn3-color-vista-blue; @vc_btn3-color-vista-blue-contrast: #fff; // orange @vc_btn3-color-orange: @orange; @vc_btn3-color-orange-gradient: lighten(@vc_btn3-color-orange, 6%); @vc_btn3-color-orange-gradient-end: lighten(@vc_btn3-color-orange, 1%); @vc_btn3-color-orange-text: @vc_btn3-color-orange; @vc_btn3-color-orange-contrast: #fff; // sky @vc_btn3-color-sky: @sky; @vc_btn3-color-sky-gradient: lighten(@vc_btn3-color-sky, 7%); @vc_btn3-color-sky-gradient-end: lighten(@vc_btn3-color-sky, 3%); @vc_btn3-color-sky-text: @vc_btn3-color-sky; @vc_btn3-color-sky-contrast: #fff; // green @vc_btn3-color-green: @green; @vc_btn3-color-green-gradient: lighten(@vc_btn3-color-green, 7%); @vc_btn3-color-green-gradient-end: lighten(@vc_btn3-color-green, 3%); @vc_btn3-color-green-text: @vc_btn3-color-green; @vc_btn3-color-green-contrast: #fff; // juicy_pink @vc_btn3-color-juicy-pink: @juicy_pink; @vc_btn3-color-juicy-pink-gradient: lighten(@vc_btn3-color-juicy-pink, 5%); @vc_btn3-color-juicy-pink-gradient-end: lighten(@vc_btn3-color-juicy-pink, 2%); @vc_btn3-color-juicy-pink-text: @vc_btn3-color-juicy-pink; @vc_btn3-color-juicy-pink-contrast: #fff; // sandy_brown @vc_btn3-color-sandy-brown: @sandy_brown; @vc_btn3-color-sandy-brown-gradient: lighten(@vc_btn3-color-sandy-brown, 6%); @vc_btn3-color-sandy-brown-gradient-end: lighten(@vc_btn3-color-sandy-brown, 3%); @vc_btn3-color-sandy-brown-text: @vc_btn3-color-sandy-brown; @vc_btn3-color-sandy-brown-contrast: #fff; // purple @vc_btn3-color-purple: @purple; @vc_btn3-color-purple-gradient: lighten(@vc_btn3-color-purple, 6%); @vc_btn3-color-purple-gradient-end: lighten(@vc_btn3-color-purple, 1%); @vc_btn3-color-purple-text: @vc_btn3-color-purple; @vc_btn3-color-purple-contrast: #fff; // black @vc_btn3-color-black: @black; @vc_btn3-color-black-gradient: lighten(@vc_btn3-color-black, 8%); @vc_btn3-color-black-gradient-end: lighten(@vc_btn3-color-black, 1%); @vc_btn3-color-black-text: @vc_btn3-color-black-contrast; @vc_btn3-color-black-contrast: #fff; // grey @vc_btn3-color-grey: @grey; @vc_btn3-color-grey-gradient: lighten(@vc_btn3-color-grey, 3%); @vc_btn3-color-grey-gradient-end: lighten(@vc_btn3-color-grey, 1%); @vc_btn3-color-grey-text: #666; @vc_btn3-color-grey-contrast: @vc_btn3-color-grey-text; // white @vc_btn3-color-white: @white; @vc_btn3-color-white-gradient: darken(@vc_btn3-color-white, 1%); @vc_btn3-color-white-gradient-end: darken(@vc_btn3-color-white, 2%); @vc_btn3-color-white-text: #666; @vc_btn3-color-white-contrast: @vc_btn3-color-white-text; // Custom colors // default @vc_btn3-color-default: @vc_btnBackground; @vc_btn3-color-default-gradient: @vc_btnBackground; @vc_btn3-color-default-gradient-end: @vc_btnBackgroundHighlight; @vc_btn3-color-default-text: @vc_btn3-color-default; @vc_btn3-color-default-contrast: @grayDark; // primary @vc_btn3-color-primary: @vc_btnPrimaryBackground; @vc_btn3-color-primary-gradient: lighten(@vc_btn3-color-primary, 7%); @vc_btn3-color-primary-gradient-end: lighten(@vc_btn3-color-primary, 2%); @vc_btn3-color-primary-text: @vc_btn3-color-primary; @vc_btn3-color-primary-contrast: @white; // info @vc_btn3-color-info: @vc_btnInfoBackground; @vc_btn3-color-info-gradient: lighten(@vc_btn3-color-info, 7%); @vc_btn3-color-info-gradient-end: lighten(@vc_btn3-color-info, 2%); @vc_btn3-color-info-text: @vc_btn3-color-info; @vc_btn3-color-info-contrast: @white; // Success @vc_btn3-color-success: @vc_btnSuccessBackground; @vc_btn3-color-success-gradient: lighten(@vc_btn3-color-success, 7%); @vc_btn3-color-success-gradient-end: lighten(@vc_btn3-color-success, 2%); @vc_btn3-color-success-text: @vc_btn3-color-success; @vc_btn3-color-success-contrast: #fff; // Warning @vc_btn3-color-warning: @vc_btnWarningBackground; @vc_btn3-color-warning-gradient: lighten(@vc_btn3-color-warning, 7%); @vc_btn3-color-warning-gradient-end: lighten(@vc_btn3-color-warning, 2%); @vc_btn3-color-warning-text: @vc_btn3-color-warning; @vc_btn3-color-warning-contrast: @white; // Danger @vc_btn3-color-danger: @vc_btnDangerBackground; @vc_btn3-color-danger-gradient: lighten(@vc_btn3-color-danger, 7%); @vc_btn3-color-danger-gradient-end: lighten(@vc_btn3-color-danger, 2%); @vc_btn3-color-danger-text: @vc_btn3-color-danger; @vc_btn3-color-danger-contrast: @white; // Inverse @vc_btn3-color-inverse: @vc_btnInverseBackground; @vc_btn3-color-inverse-gradient: lighten(@vc_btn3-color-inverse, 7%); @vc_btn3-color-inverse-gradient-end: lighten(@vc_btn3-color-inverse, 2%); @vc_btn3-color-inverse-text: @vc_btn3-color-inverse; @vc_btn3-color-inverse-contrast: @white; //========== VC Settings .vc_btn3-container { display: block; margin-bottom: @vc_margin_bottom_gold; max-width: 100%; &.vc_btn3-inline { display: inline-block; vertical-align: top; } } //========== Core .vc_general.vc_btn3 { display: inline-block; margin-bottom: 0; // For input.btn text-align: center; vertical-align: middle; cursor: pointer; background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214 background-color: transparent; color: @vc_btn3-color-initial; border: @vc_btn3-border-base solid transparent; box-sizing: border-box; word-wrap: break-word; .user-select(none); text-decoration: none; position: relative; top: 0; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; line-height: normal; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; .make-btn3-size(@vc_btn3-md-font-size, @vc_btn3-md-padding-vertical, @vc_btn3-md-padding-horizontal); &:focus, &:active, &.active { outline: 0; } &:hover, &:focus { border: @vc_btn3-border-base solid transparent; text-decoration: none; color: darken(@vc_btn3-color-initial, 3%); } // icon .vc_btn3-icon { vertical-align: top; height: @vc_btn3-md-font-size; line-height: 1; font-size: @vc_btn3-md-icon-size; } .vc_btn3-icon-inner { display: block; position: absolute; top: 50%; left: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } // placeholder for icon without text .vc_btn3-placeholder { display: inline-block; vertical-align: top; width: 0; } } // icon positions .vc_btn3 { &.vc_btn3-icon-left, &.vc_btn3-icon-right { position: relative; .vc_btn3-icon { display: block; position: absolute; top: 50%; .translate(0; -50%); } } &.vc_btn3-icon-left { text-align: left; } &.vc_btn3-icon-right { text-align: right; &:not(.vc_btn3-block) { .vc_btn3-icon-inner { -webkit-transform: translate(-75%, -50%); -ms-transform: translate(-75%, -50%); transform: translate(-75%, -50%); } } } &.vc_btn3-o-empty { .vc_btn3-icon { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } &:not(.vc_btn3-block) { .vc_btn3-icon-inner { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } } } //========== Styles .vc_btn3 { // Classic &.vc_btn3-style-classic { border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .1); } // Modern &.vc_btn3-style-modern { #gradient > .vertical(@start-color: rgba(255, 255, 255, .2); @end-color: rgba(255, 255, 255, .01)); } // Flat (default) &.vc_btn3-style-flat { } // Outline &.vc_btn3-style-outline-custom, &.vc_btn3-style-outline { &, &:hover, &:focus { border-width: @vc_btn3-border-outline; } } // 3d &.vc_btn3-style-3d { } // Custom &.vc_btn3-style-custom { #gradient > .vertical-three-colors(@start-color: rgba(0, 0, 0, 0); @mid-color: rgba(0, 0, 0, 0.1); @color-stop: 50%; @end-color: rgba(0, 0, 0, 0.1)); background-repeat: repeat-x; background-size: 200%; background-position: 0 -100%; &:hover, &:focus { background-position: 0 100%; } } } // block button .vc_btn3 { &.vc_btn3-block { display: block; width: 100%; text-align: inherit; } } //========== Shapes .vc_btn3 { // Square Shape &.vc_btn3-shape-square { border-radius: 0; } // Rounded Shape &.vc_btn3-shape-rounded { border-radius: @vc_btn3-border-radius-rounded; } // Round Shape &.vc_btn3-shape-round { border-radius: @vc_btn3-border-radius-round; } } // button sizes .vc_btn3 { //========== Sizes // XS size &.vc_btn3-size-xs { .make-btn3-size(@vc_btn3-xs-font-size, @vc_btn3-xs-padding-vertical, @vc_btn3-xs-padding-horizontal); .make-btn3-icon-size(@vc_btn3-xs-padding-horizontal, @vc_btn3-xs-icon-size, @vc_btn3-xs-font-size); } // SM size &.vc_btn3-size-sm { .make-btn3-size(@vc_btn3-sm-font-size, @vc_btn3-sm-padding-vertical, @vc_btn3-sm-padding-horizontal); .make-btn3-icon-size(@vc_btn3-sm-padding-horizontal, @vc_btn3-sm-icon-size, @vc_btn3-sm-font-size); } // MD size &.vc_btn3-size-md { .make-btn3-size(@vc_btn3-md-font-size, @vc_btn3-md-padding-vertical, @vc_btn3-md-padding-horizontal); .make-btn3-icon-size(@vc_btn3-md-padding-horizontal, @vc_btn3-md-icon-size, @vc_btn3-md-font-size); } // LG size &.vc_btn3-size-lg { .make-btn3-size(@vc_btn3-lg-font-size, @vc_btn3-lg-padding-vertical, @vc_btn3-lg-padding-horizontal); .make-btn3-icon-size(@vc_btn3-lg-padding-horizontal, @vc_btn3-lg-icon-size, @vc_btn3-lg-font-size); } } // colors .vc_btn3 { //========== Colors // Generating color sets //----------------------------------- // blue .vc-btn3-make-colors-set(~'vc_btn3-color-blue'; @vc_btn3-color-blue-text; @vc_btn3-color-blue; @vc_btn3-color-blue-gradient-end; @vc_btn3-color-blue-gradient; @vc_btn3-color-blue-contrast); // turquoise .vc-btn3-make-colors-set(~'vc_btn3-color-turquoise'; @vc_btn3-color-turquoise-text; @vc_btn3-color-turquoise; @vc_btn3-color-turquoise-gradient-end; @vc_btn3-color-turquoise-gradient; @vc_btn3-color-turquoise-contrast); // pink .vc-btn3-make-colors-set(~'vc_btn3-color-pink'; @vc_btn3-color-pink-text; @vc_btn3-color-pink; @vc_btn3-color-pink-gradient-end; @vc_btn3-color-pink-gradient; @vc_btn3-color-pink-contrast); // violet .vc-btn3-make-colors-set(~'vc_btn3-color-violet'; @vc_btn3-color-violet-text; @vc_btn3-color-violet; @vc_btn3-color-violet-gradient-end; @vc_btn3-color-violet-gradient; @vc_btn3-color-violet-contrast); // peacoc .vc-btn3-make-colors-set(~'vc_btn3-color-peacoc'; @vc_btn3-color-peacoc-text; @vc_btn3-color-peacoc; @vc_btn3-color-peacoc-gradient-end; @vc_btn3-color-peacoc-gradient; @vc_btn3-color-peacoc-contrast); // chino .vc-btn3-make-colors-set(~'vc_btn3-color-chino'; @vc_btn3-color-chino-text; @vc_btn3-color-chino; @vc_btn3-color-chino-gradient-end; @vc_btn3-color-chino-gradient; @vc_btn3-color-chino-contrast); // mulled_wine .vc-btn3-make-colors-set(~'vc_btn3-color-mulled-wine'; @vc_btn3-color-mulled-wine-text; @vc_btn3-color-mulled-wine; @vc_btn3-color-mulled-wine-gradient-end; @vc_btn3-color-mulled-wine-gradient; @vc_btn3-color-mulled-wine-contrast); // vista_blue .vc-btn3-make-colors-set(~'vc_btn3-color-vista-blue'; @vc_btn3-color-vista-blue-text; @vc_btn3-color-vista-blue; @vc_btn3-color-vista-blue-gradient-end; @vc_btn3-color-vista-blue-gradient; @vc_btn3-color-vista-blue-contrast); // orange .vc-btn3-make-colors-set(~'vc_btn3-color-orange'; @vc_btn3-color-orange-text; @vc_btn3-color-orange; @vc_btn3-color-orange-gradient-end; @vc_btn3-color-orange-gradient; @vc_btn3-color-orange-contrast); // sky .vc-btn3-make-colors-set(~'vc_btn3-color-sky'; @vc_btn3-color-sky-text; @vc_btn3-color-sky; @vc_btn3-color-sky-gradient-end; @vc_btn3-color-sky-gradient; @vc_btn3-color-sky-contrast); // green .vc-btn3-make-colors-set(~'vc_btn3-color-green'; @vc_btn3-color-green-text; @vc_btn3-color-green; @vc_btn3-color-green-gradient-end; @vc_btn3-color-green-gradient; @vc_btn3-color-green-contrast); // juicy_pink .vc-btn3-make-colors-set(~'vc_btn3-color-juicy-pink'; @vc_btn3-color-juicy-pink-text; @vc_btn3-color-juicy-pink; @vc_btn3-color-juicy-pink-gradient-end; @vc_btn3-color-juicy-pink-gradient; @vc_btn3-color-juicy-pink-contrast); // sandy_brown .vc-btn3-make-colors-set(~'vc_btn3-color-sandy-brown'; @vc_btn3-color-sandy-brown-text; @vc_btn3-color-sandy-brown; @vc_btn3-color-sandy-brown-gradient-end; @vc_btn3-color-sandy-brown-gradient; @vc_btn3-color-sandy-brown-contrast); // purple .vc-btn3-make-colors-set(~'vc_btn3-color-purple'; @vc_btn3-color-purple-text; @vc_btn3-color-purple; @vc_btn3-color-purple-gradient-end; @vc_btn3-color-purple-gradient; @vc_btn3-color-purple-contrast); // black .vc-btn3-make-colors-set(~'vc_btn3-color-black'; @vc_btn3-color-black-text; @vc_btn3-color-black; @vc_btn3-color-black-gradient-end; @vc_btn3-color-black-gradient; @vc_btn3-color-black-contrast); // grey .vc-btn3-make-colors-set(~'vc_btn3-color-grey'; @vc_btn3-color-grey-text; @vc_btn3-color-grey; @vc_btn3-color-grey-gradient-end; @vc_btn3-color-grey-gradient; @vc_btn3-color-grey-contrast); // white .vc-btn3-make-colors-set(~'vc_btn3-color-white'; @vc_btn3-color-white-text; @vc_btn3-color-white; @vc_btn3-color-white-gradient-end; @vc_btn3-color-white-gradient; @vc_btn3-color-white-contrast); // custom colors // custom default .vc-btn3-make-colors-set(~'vc_btn3-color-default'; @vc_btn3-color-default-text; @vc_btn3-color-default; @vc_btn3-color-default-gradient-end; @vc_btn3-color-default-gradient; @vc_btn3-color-default-contrast); // custom primary .vc-btn3-make-colors-set(~'vc_btn3-color-primary'; @vc_btn3-color-primary-text; @vc_btn3-color-primary; @vc_btn3-color-primary-gradient-end; @vc_btn3-color-primary-gradient; @vc_btn3-color-primary-contrast); // custom info .vc-btn3-make-colors-set(~'vc_btn3-color-info'; @vc_btn3-color-info-text; @vc_btn3-color-info; @vc_btn3-color-info-gradient-end; @vc_btn3-color-info-gradient; @vc_btn3-color-info-contrast); // custom success .vc-btn3-make-colors-set(~'vc_btn3-color-success'; @vc_btn3-color-success-text; @vc_btn3-color-success; @vc_btn3-color-success-gradient-end; @vc_btn3-color-success-gradient; @vc_btn3-color-success-contrast); // custom warning .vc-btn3-make-colors-set(~'vc_btn3-color-warning'; @vc_btn3-color-warning-text; @vc_btn3-color-warning; @vc_btn3-color-warning-gradient-end; @vc_btn3-color-warning-gradient; @vc_btn3-color-warning-contrast); // custom danger .vc-btn3-make-colors-set(~'vc_btn3-color-danger'; @vc_btn3-color-danger-text; @vc_btn3-color-danger; @vc_btn3-color-danger-gradient-end; @vc_btn3-color-danger-gradient; @vc_btn3-color-danger-contrast); // custom inverse .vc-btn3-make-colors-set(~'vc_btn3-color-inverse'; @vc_btn3-color-inverse-text; @vc_btn3-color-inverse; @vc_btn3-color-inverse-gradient-end; @vc_btn3-color-inverse-gradient; @vc_btn3-color-inverse-contrast); // Color Fixes //----------------------------------- // black &.vc_btn3-color-black { &.vc_btn3-style-outline { color: @vc_btn3-color-black; } } // grey &.vc_btn3-color-grey { &.vc_btn3-style-outline { color: @vc_btn3-color-grey; } } // white &.vc_btn3-color-white { &.vc_btn3-style-outline { color: @vc_btn3-color-white; } &.vc_btn3-style-modern { #gradient > .vertical(@start-color: rgba(0, 0, 0, .01); @end-color: rgba(0, 0, 0, .02)); } } } //========== Positions .vc_btn3-container { &.vc_btn3-center { text-align: center; } &.vc_btn3-left { text-align: left; } &.vc_btn3-right { text-align: right; } // Fix for block button &.vc_btn3-center { .vc_btn3-block { &.vc_btn3-icon-left, &.vc_btn3-icon-right { .vc_btn3-icon { display: inline-block; position: static; } .vc_btn3-icon { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); min-width: 1em; } } &.vc_btn3-icon-left:not(.vc_btn3-o-empty) { .vc_btn3-icon { margin-right: .5em; } } &.vc_btn3-icon-right:not(.vc_btn3-o-empty) { .vc_btn3-icon { margin-left: .5em; } } // XS size &.vc_btn3-size-xs { .make-btn3-size(@vc_btn3-xs-font-size, @vc_btn3-xs-padding-vertical, @vc_btn3-xs-padding-horizontal); } // SM size &.vc_btn3-size-sm { .make-btn3-size(@vc_btn3-sm-font-size, @vc_btn3-sm-padding-vertical, @vc_btn3-sm-padding-horizontal); } // MD size &.vc_btn3-size-md { .make-btn3-size(@vc_btn3-md-font-size, @vc_btn3-md-padding-vertical, @vc_btn3-md-padding-horizontal); } // LG size &.vc_btn3-size-lg { .make-btn3-size(@vc_btn3-lg-font-size, @vc_btn3-lg-padding-vertical, @vc_btn3-lg-padding-horizontal); } } } .vc_btn3-block { &.vc_btn3-icon-left, &.vc_btn3-icon-right { text-align: inherit; } } } //========== Mixins // Button sizes .make-btn3-size(@font-size:false; @padding-vertical:false; @padding-horizontal:false;) { & when not (@font-size = false) { font-size: @font-size; } & when not (@padding-vertical = false) { padding-top: @padding-vertical; padding-bottom: @padding-vertical; } & when not (@padding-horizontal = false) { padding-left: @padding-horizontal; padding-right: @padding-horizontal; } &.vc_btn3-style-outline-custom, &.vc_btn3-style-outline { & when not (@padding-vertical = false) { padding-top: @padding-vertical - @vc_btn3-border-outline + @vc_btn3-border-base; padding-bottom: @padding-vertical - @vc_btn3-border-outline + @vc_btn3-border-base; } & when not (@padding-horizontal = false) { padding-left: @padding-horizontal - @vc_btn3-border-outline + @vc_btn3-border-base; padding-right: @padding-horizontal - @vc_btn3-border-outline + @vc_btn3-border-base; } } } // Icon sizes .make-btn3-icon-size(@padding-horizontal, @icon-size, @line-height) { // indents and padding .vc_btn3-icon { font-size: @icon-size; height: @line-height; line-height: @line-height; } // left icon &.vc_btn3-icon-left:not(.vc_btn3-o-empty) { padding-left: ceil(@padding-horizontal * 2 + @icon-size / 2); .vc_btn3-icon { left: @padding-horizontal; } } // right icon &.vc_btn3-icon-right:not(.vc_btn3-o-empty) { padding-right: ceil(@padding-horizontal * 2 + @icon-size / 2); .vc_btn3-icon { right: @padding-horizontal; } } } // Creating Colors .vc-make-btn3-color(@text; @background: false; @border: false; @color-hover: false; @background-hover: false; @border-hover: false; ) { color: @text; & when not (@border = false) { border-color: @border; } & when not (@background = false) { background-color: @background; } &:hover, &:focus { & when (@color-hover = false) { color: darken(@text, 3%); } & when not (@color-hover = false) { color: @color-hover; } & when not (@border = false) and (@border-hover = false) { border-color: darken(@border, 6%); } & when not (@border-hover = false) { border-color: @border-hover; } & when not (@background = false) and (@background-hover = false) { background-color: darken(@background, 6%); } & when not (@background-hover = false) { background-color: @background-hover; } } &:active, &.active { & when (@color-hover = false) { color: darken(@text, 5%); } & when not (@color-hover = false) { color: @color-hover; } & when not (@border = false) and (@border-hover = false) { border-color: darken(@border, 8%); } & when not (@border-hover = false) { border-color: @border-hover; } & when not (@background = false) and (@background-hover = false) { background-color: darken(@background, 8%); } & when not (@background-hover = false) { background-color: @background-hover; } } } // make colors set .vc-btn3-make-colors-set(@selector; @text; @background; @gradient-end; @gradient; @contrast-color) { &.@{selector} { // Flat (default) &, &.vc_btn3-style-flat { .vc-make-btn3-color(@text: @contrast-color; @background: @background); } // Outline &.vc_btn3-style-outline { .vc-make-btn3-color(@text; @border: @background; @background: transparent; @color-hover: @contrast-color; @background-hover: @background; @border-hover: @background); } // 3d &.vc_btn3-style-3d { .vc-make-btn3-color(@text: @contrast-color; @background: @background; @background-hover: @background); box-shadow: 0 @vc_btn3-shadow-width-md-3d 0 darken(@background, 11%); &:hover, &:focus { top: @vc_btn3-shadow-width-md-3d - @vc_btn3-shadow-width-hover; box-shadow: 0 @vc_btn3-shadow-width-hover 0 darken(@background, 11%); } // XS size &.vc_btn3-size-xs { box-shadow: 0 @vc_btn3-shadow-width-xs-3d 0 darken(@background, 11%); &:hover, &:focus { top: @vc_btn3-shadow-width-xs-3d - @vc_btn3-shadow-width-hover; box-shadow: 0 @vc_btn3-shadow-width-hover 0 darken(@background, 11%); } } // SM size &.vc_btn3-size-sm { box-shadow: 0 @vc_btn3-shadow-width-sm-3d 0 darken(@background, 11%); &:hover, &:focus { top: @vc_btn3-shadow-width-sm-3d - @vc_btn3-shadow-width-hover; box-shadow: 0 @vc_btn3-shadow-width-hover 0 darken(@background, 11%); } } // LG size &.vc_btn3-size-lg { box-shadow: 0 @vc_btn3-shadow-width-lg-3d 0 darken(@background, 11%); &:hover, &:focus { top: @vc_btn3-shadow-width-lg-3d - @vc_btn3-shadow-width-hover; box-shadow: 0 @vc_btn3-shadow-width-hover 0 darken(@background, 11%); } } } // Modern &.vc_btn3-style-modern { .vc-make-btn3-color(@text: @contrast-color; @background: @background; @border: @background); } } }shortcodes/vc_alert.less000064400000002100150212447730011406 0ustar00// ALERT STYLES // ------------ // Base alert styles .wpb_alert { padding: 1em 35px 1em 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, .5); background-color: @warningBackground; border: 1px solid @warningBorder; .border-radius(2px); color: @warningText; clear: both; } // Alternate styles // ---------------- .wpb_alert-success { background-color: @successBackground; border-color: @successBorder; color: @successText; } .wpb_alert-danger, .wpb_alert-error { background-color: @errorBackground; border-color: @errorBorder; color: @errorText; } .wpb_alert-info { background-color: @infoBackground; border-color: @infoBorder; color: @infoText; } .wpb_alert .messagebox_text { padding-left: 28px; background: url(../vc/alert.png) no-repeat left center; } .wpb_alert-info .messagebox_text { background: url(../vc/info.png) no-repeat left center; } .wpb_alert-success .messagebox_text { background: url(../vc/tick.png) no-repeat left center; } .wpb_alert-error .messagebox_text { background: url(../vc/exclamation.png) no-repeat left center; }shortcodes/vc_toggle.less000064400000030207150212447730011571 0ustar00// Toggle 2 // ============================================= // Variables; // -------------------- @toggle-border-width: 2px; @toggle-icon-size-sm: 16px; @toggle-icon-size-md: 22px; @toggle-icon-size-lg: 28px; @toggle-font-size-base: 1em; @toggle-content-top-margin: 1em; // Base Styles; // -------------------- .vc_toggle { display: block; margin: 0 0 @vc_margin_bottom_gold 0; padding: 0; font-size: @toggle-font-size-base; &:last-of-type { margin-bottom: @vc_element_margin_bottom; } } .vc_toggle_title { cursor: pointer; display: block; margin: 0; padding: 0; position: relative; .user-select(none); font-weight: normal; > h4 { display: inline; } } .vc_toggle_icon { display: none; position: relative; vertical-align: middle; } .vc_toggle_content { display: none; margin-bottom: @vc_margin_bottom_gold; margin-top: @toggle-content-top-margin; overflow: hidden; padding: 0; } // States // ------------------ .vc_toggle { &.vc_toggle_active { > .vc_toggle_content { display: block; } } } // Themes // -------------------- // Simple .vc_toggle_simple { .vc-make-toggle-shape(); .vc-make-toggle-shape-color(@color: @black; @hover-color: @black-hover); .vc_toggle_icon { margin-left: 2px; } } // Round .vc_toggle_round { .vc-make-toggle-shape(@border-width: @toggle-border-width, @border-radius: 50%); } // Rounded .vc_toggle_rounded { .vc-make-toggle-shape(@border-width: @toggle-border-width, @border-radius: 20%); } // Square .vc_toggle_square { .vc-make-toggle-shape(@border-width: @toggle-border-width); } // Text Only .vc_toggle_text_only { .vc_toggle_icon { display: none; } } // Arrow .vc_toggle_arrow { .vc_toggle_icon { display: inline-block; &::before, &::after { content: ''; border-style: solid; display: block; left: 50%; position: absolute; top: 50%; .box-sizing(border-box); .wpb_transform(rotate(45deg)); } &::before { border-left: none; border-top: none; } &::after { border-right: none; border-bottom: none; .vc-toggle-hidden(); } } &.vc_toggle_active { .vc_toggle_icon { &::before { .vc-toggle-hidden(); } &::after { .vc-toggle-visible(); } } } } // add arrow style color .vc_toggle { .vc-make-toggle-arrow-style-size(@toggle-icon-size-md); .vc-make-toggle-arrow-style-color(@black; @black-hover); } // Default .vc_toggle_default { // back compatibility related to toggle FAQ @border: 1px solid #acacac; @background: #bababa; .vc_toggle_icon { background: @background; border: @border; .box-sizing(border-box); .translate(0, -50%); &::before, &::after { content: ''; display: block; left: 50%; position: absolute; top: 50%; .box-sizing(border-box); .translate(-50%, -50%); background: #bababa; } &::before { border: @border; } } &.vc_toggle_active { .vc_toggle_icon { &::before, &::after { .vc-toggle-hidden(); } } } } .vc_toggle { .vc-make-toggle-default-style-size(@toggle-icon-size-md); } // Colors // -------------------- // Blue color .vc-make-toggle-colors-set(~'blue', @blue, @white, @blue-hover); // Turquoise color .vc-make-toggle-colors-set(~'turquoise', @turquoise, @white, @turquoise-hover); // Pink color .vc-make-toggle-colors-set(~'pink', @pink, @white, @pink-hover); // Violet color .vc-make-toggle-colors-set(~'violet', @violet, @white, @violet-hover); // Peacoc color .vc-make-toggle-colors-set(~'peacoc', @peacoc, @white, @peacoc-hover); // Chino color .vc-make-toggle-colors-set(~'chino', @chino, @white, @chino-hover); // Mulled Wine color .vc-make-toggle-colors-set(~'mulled_wine', @mulled_wine, @white, @mulled_wine-hover); // Vista Blue color .vc-make-toggle-colors-set(~'vista_blue', @vista_blue, @white, @vista_blue-hover); // Black color .vc-make-toggle-colors-set(~'black', @black, @white, @black-hover); // Grey color .vc-make-toggle-colors-set(~'grey', @grey, @white, @grey-hover); // Orange color .vc-make-toggle-colors-set(~'orange', @orange, @white, @orange-hover); // Sky color .vc-make-toggle-colors-set(~'sky', @sky, @white, @sky-hover); // Green color .vc-make-toggle-colors-set(~'green', @green, @white, @green-hover); // Juicy Pink color .vc-make-toggle-colors-set(~'juicy_pink', @juicy_pink, @white, @juicy_pink-hover); // Sandy Brown color .vc-make-toggle-colors-set(~'sandy_brown', @sandy_brown, @white, @sandy_brown-hover); // Purple color .vc-make-toggle-colors-set(~'purple', @purple, @white, @purple-hover); // White color .vc-make-toggle-colors-set(~'white', @white, @black, @white-hover); // Sizes // --------------- // Smail size .vc-make-toggle-sizes-set(~'sm', @toggle-icon-size-sm); // Normal size .vc-make-toggle-sizes-set(~'md', @toggle-icon-size-md); // Large size .vc-make-toggle-sizes-set(~'lg', @toggle-icon-size-lg); // Indents // --------------- .vc-make-toggle-indents(@toggle-icon-size-md); // Make shape // =================================== .vc-make-toggle-shape(@border-width: 0; @border-radius: 0) { // Icon .vc_toggle_icon { border: @border-width solid transparent; border-radius: @border-radius; display: inline-block; &::before, &::after { content: ''; display: block; left: 50%; position: absolute; top: 50%; .box-sizing(border-box); .translate(-50%, -50%); } } &.vc_toggle_active { .vc_toggle_icon { &::after { .vc-toggle-hidden(); } } } // make default size and color .vc-make-toggle-shape-size(@toggle-icon-size-md); .vc-make-toggle-shape-color(@white; @white; @black; @black-hover); } // Make colors set // ------------------------------------- .vc-make-toggle-colors-set(@selector; @background; @color; @hover-color) { .vc_toggle_color_@{selector} { .vc-make-toggle-simple-style-color(@background; @hover-color); .vc-make-toggle-shape-color(@color, @color, @background, @hover-color); .vc-make-toggle-default-style-color(@background; @hover-color); .vc-make-toggle-arrow-style-color(@background; @hover-color); } } // Make sizes set // ------------------------------------- .vc-make-toggle-sizes-set(@selector; @size) { .vc_toggle_size_@{selector} { .vc-make-toggle-shape-size(@size); .vc-make-toggle-default-style-size(@size); .vc-make-toggle-arrow-style-size(@size); .vc-make-toggle-indents(@size); } } // Make indents // ------------------------------------- .vc-make-toggle-indents(@indent) { &.vc_toggle_simple, &.vc_toggle_round, &.vc_toggle_rounded, &.vc_toggle_square, &.vc_toggle_default { .vc_toggle_title, .vc_toggle_content { padding-left: @indent * 1.5; .vc_toggle_icon { position: absolute; left: 0; top: 50%; .translate(0, -50%); } } } &.vc_toggle_default { .vc_toggle_title, .vc_toggle_content { padding-left: @indent * 1.1; } } &.vc_toggle_arrow { .vc_toggle_icon { margin-left: @indent / 2; } } } // Make color // ------------------------------------- .vc-make-toggle-shape-color(@color: @black; @hover-color: false; @background: transparent; @hover-background: transparent;) { // normal .vc_toggle_icon { background-color: @background; border-color: transparent; &::before, &::after { background-color: @color; } } // inverted color &.vc_toggle_color_inverted { .vc_toggle_icon { background-color: transparent; border-color: @background; &::before, &::after { background-color: @background; } } } // hover & when not (@hover-color = false) { // hover normal .vc_toggle_title { &:hover { .vc_toggle_icon { background-color: @hover-background; &::before, &::after { background-color: @hover-color; } } } } // hover inverted &.vc_toggle_color_inverted { .vc_toggle_title { &:hover { .vc_toggle_icon { background-color: transparent; border-color: @hover-background; &::before, &::after { background-color: @hover-background; } } } } } } } // Make Default style color // ------------------------------------- .vc-make-toggle-default-style-color(@background: @grey; @hover-color: false) { &.vc_toggle_default { .vc_toggle_icon { background: @background; border-color: darken(@background, 10%); &::before { border-color: darken(@background, 10%); background: @background; } &::after { background: @background; } } // hover & when not (@hover-color = false) { .vc_toggle_title { &:hover { .vc_toggle_icon { background: @hover-color; border-color: darken(@hover-color, 10%); &::before { border-color: darken(@hover-color, 10%); background: @hover-color; } &::after { background: @hover-color; } } } } } } } // Make Arrow style color // ------------------------------------- .vc-make-toggle-arrow-style-color(@background: @black, @hover-color: false) { &.vc_toggle_arrow { .vc_toggle_icon { background: transparent; &::before, &::after { border-color: @background; background: transparent; } } // hover & when not (@hover-color = false) { .vc_toggle_title { &:hover { .vc_toggle_icon { background: transparent; &::before, &::after { border-color: @hover-color; background: transparent; } } } } } } } // Make simple style color // ------------------------------------- .vc-make-toggle-simple-style-color(@plus-color; @plus-hover) { &.vc_toggle_simple { .vc-make-toggle-shape-color(@color: @plus-color; @hover-color: @plus-hover); } } // Make sizes // =================================== .vc-make-toggle-shape-size(@icon-size; @plus-size: floor(@icon-size * 0.5)) { @mod: mod(@plus-size, 2); .vc_toggle_icon { height: @icon-size; width: @icon-size; &::before { height: 2px; width: @plus-size - @mod; } &::after { height: @plus-size - @mod; width: 2px; } } } // Default style sizes .vc-make-toggle-default-style-size(@icon-size; @plus-size: floor(@icon-size * 0.5)) { @plus-computed-size: max(@plus-size - mod(@plus-size, 2), 8px); @plus-width-max: 4px; @plus-width-min: 2px; &.vc_toggle_default { .vc_toggle_icon { display: inline-block; width: @plus-computed-size; margin-left: @plus-computed-size / 2; & when (@plus-size >= 10) { height: @plus-width-max; } & when (@plus-size < 10) { height: @plus-width-min; } &::before { height: @plus-computed-size; & when (@plus-size >= 10) { width: @plus-width-max; } & when (@plus-size < 10) { width: @plus-width-min; } } &::after { width: @plus-computed-size - 2px; & when (@plus-size >= 10) { height: @plus-width-max - 2px; } & when (@plus-size < 10) { height: @plus-width-min - 2px; } } } } } // Arrow style sizes .vc-make-toggle-arrow-style-size(@icon-size; @plus-size: floor(@icon-size * 0.5)) { @mod: mod(@plus-size, 2); &.vc_toggle_arrow { .vc_toggle_icon { height: @icon-size; width: @icon-size; &::before, &::after { border-width: 2px; height: @plus-size - @mod; margin-left: -(@plus-size - @mod) / 2; width: @plus-size - @mod; } &::before { margin-top: -(@plus-size - @mod); } &::after { margin-top: -(@plus-size - @mod) / 2; } } } } // Mixins // ================================== // Hide element .vc-toggle-hidden() { visibility: hidden; } // Show element .vc-toggle-visible() { visibility: visible; } shortcodes/tta/vc_tta-options.less000064400000054410150212447730013363 0ustar00/* Don't Fill Content With Colors * =================================== */ .vc_tta { &.vc_tta-o-no-fill { .vc_tta-panels { .vc_tta-panel-body { border-color: transparent; background-color: transparent; } } // fix for tabs colors &.vc_tta-tabs { .vc_tta-panels { //.vc_non_responsive must be exactly same as @media below .vc_non_responsive &, .vc_tta-o-non-responsive & { border-color: transparent; background-color: transparent; } @media (min-width: @vc_tta-breakpoint) { border-color: transparent; background-color: transparent; } } } &.vc_tta-tabs .vc_tta-tabs-container { margin: 0; } &.vc_tta-tabs-position-top, &.vc_tta-tabs-position-bottom { .vc_tta-panel-body { padding-left: 0; padding-right: 0; } } &.vc_tta-tabs-position-left, &.vc_tta-tabs-position-right { .vc_tta-panel-body { padding-top: 0; padding-bottom: 0; } } } } /* TTA Spacings * =================================== */ .vc_tta { .vc_tta-make-spacing(1); .vc_tta-make-spacing(2); .vc_tta-make-spacing(3); .vc_tta-make-spacing(4); .vc_tta-make-spacing(5); .vc_tta-make-spacing(10); .vc_tta-make-spacing(15); .vc_tta-make-spacing(20); .vc_tta-make-spacing(25); .vc_tta-make-spacing(30); .vc_tta-make-spacing(35); } /* TTA Gaps * =================================== */ .vc_tta { .vc_tta-make-gap(1); .vc_tta-make-gap(2); .vc_tta-make-gap(3); .vc_tta-make-gap(4); .vc_tta-make-gap(5); .vc_tta-make-gap(10); .vc_tta-make-gap(15); .vc_tta-make-gap(20); .vc_tta-make-gap(25); .vc_tta-make-gap(30); .vc_tta-make-gap(35); } /* Positions For Tabs * ========================== */ .vc_tta-tabs { // Tabs On Top // ------------------------ &.vc_tta-tabs-position-top { // For Tabs .vc_tta-tabs-container { overflow: hidden; } .vc_tta-tabs-list { overflow: hidden; } // For Panels .vc_tta-panel-body { &, .vc_non_responsive &, .vc_tta-o-non-responsive & { &::before { right: auto; bottom: auto; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-right-width: 0; border-bottom-width: 0; } &::after { left: auto; bottom: auto; border-top-left-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-left-width: 0; border-bottom-width: 0; } } } // Fix For Shape Group &.vc_tta-o-shape-group { .vc_tta-tab:not(:first-child):not(:last-child) { > a { border-radius: 0; } } .vc_tta-tab:first-child { &:not(:last-child) { > a { border-top-right-radius: 0; border-bottom-right-radius: 0; } } } .vc_tta-tab:last-child { &:not(:first-child) { > a { border-top-left-radius: 0; border-bottom-left-radius: 0; } } } } } // Tabs On Bottom // ------------------------ &.vc_tta-tabs-position-bottom { // For Tabs .vc_tta-tabs-container { overflow: hidden; } .vc_tta-tabs-list { overflow: hidden; } // For Panels .vc_tta-panel-body { &, .vc_non_responsive &, .vc_tta-o-non-responsive & { &::before { right: auto; top: auto; border-bottom-right-radius: 0; border-top-right-radius: 0; border-top-left-radius: 0; border-right-width: 0; border-top-width: 0; } &::after { left: auto; top: auto; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 0; border-left-width: 0; border-top-width: 0; } } } // Fix For Shape Group &.vc_tta-o-shape-group { .vc_tta-tab:not(:first-child):not(:last-child) { > a { border-radius: 0; } } .vc_tta-tab:first-child { &:not(:last-child) { > a { border-top-right-radius: 0; border-bottom-right-radius: 0; } } } .vc_tta-tab:last-child { &:not(:first-child) { > a { border-top-left-radius: 0; border-bottom-left-radius: 0; } } } } } // Tabs On Left Side // ------------------------ &.vc_tta-tabs-position-left { // For Tabs display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; .vc_tta-tabs-container { overflow: hidden; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-top: 0; margin-left: 0; //.vc_non_responsive must be exactly same as @media below .vc_non_responsive &, .vc_tta-o-non-responsive & { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } @media (min-width: @vc_tta-breakpoint) { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .vc_tta-tabs-list { overflow: hidden; .vc_non_responsive &, .vc_tta-o-non-responsive & { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } @media (min-width: @vc_tta-breakpoint) { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } } .vc_tta-tab { display: block; } // For Panels .vc_tta-panels-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; // FF bug fix for flexbox width } .vc_tta-panels { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .vc_tta-panel-body { &, .vc_non_responsive &, .vc_tta-o-non-responsive & { &::before { right: auto; bottom: auto; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-right-width: 0; border-bottom-width: 0; } &::after { right: auto; top: auto; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-right-width: 0; border-top-width: 0; } } } // Fix For Shape Group &.vc_tta-o-shape-group { .vc_tta-tab:not(:first-child):not(:last-child) { > a { border-radius: 0; } } .vc_tta-tab:first-child { &:not(:last-child) { > a { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } } } .vc_tta-tab:last-child { &:not(:first-child) { > a { border-top-left-radius: 0; border-top-right-radius: 0; } } } } } // Tabs On Right Side // ------------------------ &.vc_tta-tabs-position-right { // For Tabs display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; .vc_tta-tabs-container { overflow: hidden; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-top: 0; margin-right: 0; //.vc_non_responsive must be exactly same as @media below .vc_non_responsive &, .vc_tta-o-non-responsive & { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } @media (min-width: @vc_tta-breakpoint) { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .vc_tta-tabs-list { overflow: hidden; .vc_non_responsive &, .vc_tta-o-non-responsive & { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } @media (min-width: @vc_tta-breakpoint) { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } } .vc_tta-tab { display: block; } // For Panels .vc_tta-panels-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; // FF bug fix for flexbox width } .vc_tta-panels { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .vc_tta-panel-body { &, .vc_non_responsive &, .vc_tta-o-non-responsive & { &::before { left: auto; bottom: auto; border-top-left-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-left-width: 0; border-bottom-width: 0; } &::after { left: auto; top: auto; border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; border-left-width: 0; border-top-width: 0; } } } // Fix For Shape Group &.vc_tta-o-shape-group { .vc_tta-tab:not(:first-child):not(:last-child) { > a { border-radius: 0; } } .vc_tta-tab:first-child { &:not(:last-child) { > a { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } } } .vc_tta-tab:last-child { &:not(:first-child) { > a { border-top-left-radius: 0; border-top-right-radius: 0; } } } } } } /* Positions Fixes For Tabs * ========================== */ .vc_tta-tabs { // Tabs With Gaps // ------------------------ &[class*="vc_tta-gap"], &.vc_tta-o-no-fill { .vc_tta-panel-body { &, .vc_non_responsive &, .vc_tta-o-non-responsive & { &::before, &::after { display: none; } } } // fix for tabs positioning .vc_tta-tabs-container, .vc_tta-tabs-list { overflow: initial; } } // Tabs Without Gaps // ------------------------ &:not([class*="vc_tta-gap"]):not(.vc_tta-o-no-fill) { // Position Top // --------------------- &.vc_tta-tabs-position-top { .vc_tta-tab { > a { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } &.vc_active { > a { border-bottom-color: transparent; &::before { display: block; height: auto; top: 100%; right: 100%; border-bottom: 0; border-left: 0; border-right: 0; } &::after { display: block; height: auto; top: 100%; left: 100%; border-bottom: 0; border-left: 0; border-right: 0; } } } } .vc_tta-tabs-container { margin-top: 0; margin-bottom: 0; } // margin-bottom for TTA Styles &.vc_tta-style-classic, &.vc_tta-style-modern { .vc_tta-tabs-container { margin-bottom: -@vc_tta-border-size; } } &.vc_tta-style-outline { .vc_tta-tabs-container { margin-bottom: -@vc_tta-border-size-outline; } &:not(.vc_tta-pageable) { .vc_tta-panels { border-top-color: transparent; } } } } // Position Bottom // --------------------- &.vc_tta-tabs-position-bottom { .vc_tta-tab { > a { border-top-left-radius: 0; border-top-right-radius: 0; } &.vc_active { > a { border-top-color: transparent; &::before { display: block; height: auto; bottom: 100%; right: 100%; border-top: 0; border-left: 0; border-right: 0; } &::after { display: block; height: auto; bottom: 100%; left: 100%; border-top: 0; border-left: 0; border-right: 0; } } } } .vc_tta-tabs-container { margin-top: 0; margin-bottom: 0; } // margin-bottom for TTA Styles &.vc_tta-style-classic, &.vc_tta-style-modern { .vc_tta-tabs-container { margin-top: -@vc_tta-border-size; } } &.vc_tta-style-outline { .vc_tta-tabs-container { margin-top: -@vc_tta-border-size-outline; } &:not(.vc_tta-pageable) { .vc_tta-panels { border-bottom-color: transparent; } } } } // Position Left // --------------------- &.vc_tta-tabs-position-left { .vc_tta-tab { > a { border-top-right-radius: 0; border-bottom-right-radius: 0; } &.vc_active { > a { border-right-color: transparent; &::before { display: block; width: auto; left: 100%; bottom: 100%; border-bottom: 0; border-top: 0; border-right: 0; } &::after { display: block; width: auto; left: 100%; top: 100%; border-bottom: 0; border-top: 0; border-right: 0; } } } } .vc_tta-tabs-container { margin-left: 0; margin-right: 0; } // margin-bottom for TTA Styles &.vc_tta-style-classic, &.vc_tta-style-modern { .vc_tta-tabs-container { margin-right: -@vc_tta-border-size; } } &.vc_tta-style-outline { .vc_tta-tabs-container { margin-right: -@vc_tta-border-size-outline; } .vc_tta-panels { border-left-color: transparent; } } // Fixes For Shapes // Rounded &.vc_tta-shape-rounded, &.vc_tta-shape-round { .vc_tta-panels { margin-top: 0; border-top-left-radius: 0; } .vc_tta-panel-body { &, .vc_non_responsive &, .vc_tta-o-non-responsive & { &::before { display: none; } } } } } // Position Right // --------------------- &.vc_tta-tabs-position-right { .vc_tta-tab { > a { border-top-left-radius: 0; border-bottom-left-radius: 0; } &.vc_active { > a { border-left-color: transparent; &::before { display: block; width: auto; right: 100%; bottom: 100%; border-bottom: 0; border-top: 0; border-left: 0; } &::after { display: block; width: auto; right: 100%; top: 100%; border-bottom: 0; border-top: 0; border-left: 0; } } } } .vc_tta-tabs-container { margin-left: 0; margin-right: 0; } // margin-bottom for TTA Styles &.vc_tta-style-classic, &.vc_tta-style-modern { .vc_tta-tabs-container { margin-left: -@vc_tta-border-size; } } &.vc_tta-style-outline { .vc_tta-tabs-container { margin-left: -@vc_tta-border-size-outline; } .vc_tta-panels { border-right-color: transparent; } } // Fixes For Shapes // Rounded &.vc_tta-shape-rounded, &.vc_tta-shape-round { .vc_tta-panels { margin-top: 0; border-top-right-radius: 0; } .vc_tta-panel-body { &, .vc_non_responsive &, .vc_tta-o-non-responsive & { &::before { display: none; } } } } } } } /* Sizes For Tabs * ========================== */ .vc_tta-tabs { // Tabs On Left and Right Side (Tours Sizes) // ------------------------ &.vc_tta-tabs-position-left, &.vc_tta-tabs-position-right { // Tabs Size XS &.vc_tta-controls-size-xs { .vc_tta-tabs-container { -webkit-flex-basis: @vc_tta-controls-size-xs; -ms-flex-preferred-size: @vc_tta-controls-size-xs; flex-basis: @vc_tta-controls-size-xs; } } // Tabs Size SM &.vc_tta-controls-size-sm { .vc_tta-tabs-container { flex-basis: @vc_tta-controls-size-sm; } } // Tabs Size MD &.vc_tta-controls-size-md { .vc_tta-tabs-container { flex-basis: @vc_tta-controls-size-md; } } // Tabs Size LG &.vc_tta-controls-size-lg { .vc_tta-tabs-container { flex-basis: @vc_tta-controls-size-lg; } } // Tabs Size XL &.vc_tta-controls-size-xl { .vc_tta-tabs-container { flex-basis: @vc_tta-controls-size-xl; } } } } /* Controls Alignments * =================================== */ .vc_tta { // Tabs Align Left // ------------------------ &.vc_tta-controls-align-left { .vc_tta-tabs-container, .vc_tta-panel-heading { text-align: left; } } // Tabs Align right // ------------------------ &.vc_tta-controls-align-right { .vc_tta-tabs-container, .vc_tta-panel-heading { text-align: right; } } // Tabs Align center // ------------------------ &.vc_tta-controls-align-center { .vc_tta-tabs-container, .vc_tta-panel-heading { text-align: center; } } } /* Controls Alignments Fixes * ========================== */ // Tabs Align Left // ------------------------ .vc_tta-controls-align-left { &.vc_tta-tabs { // Tabs Position From Top &.vc_tta-tabs-position-top { .vc_tta-tabs-container { margin-left: 0; } .vc_tta-panel-body { &, .vc_non_responsive &, .vc_tta-o-non-responsive & { &::before { display: none; } } } // Tabs Without Gaps &:not([class*="vc_tta-gap"]):not(.vc_tta-o-no-fill) { .vc_tta-panels { border-top-left-radius: 0; } } } // Tabs Position From Bottom &.vc_tta-tabs-position-bottom { .vc_tta-tabs-container { margin-left: 0; } .vc_tta-panel-body { &, .vc_non_responsive &, .vc_tta-o-non-responsive & { &::before { display: none; } } } // Tabs Without Gaps &:not([class*="vc_tta-gap"]):not(.vc_tta-o-no-fill) { .vc_tta-panels { border-bottom-left-radius: 0; } } } } } // Tabs Align right // ------------------------ .vc_tta-controls-align-right { &.vc_tta-tabs { // Tabs Position From Top &.vc_tta-tabs-position-top { .vc_tta-tabs-container { margin-right: 0; } .vc_tta-panel-body { &::after { display: none; } } // Tabs Without Gaps &:not([class*="vc_tta-gap"]):not(.vc_tta-o-no-fill) { .vc_tta-panels { border-top-right-radius: 0; } } } // Tabs Position From Bottom &.vc_tta-tabs-position-bottom { .vc_tta-tabs-container { margin-right: 0; } .vc_tta-panel-body { &::after { display: none; } } // Tabs Without Gaps &:not([class*="vc_tta-gap"]):not(.vc_tta-o-no-fill) { .vc_tta-panels { border-bottom-right-radius: 0; } } } } } // Tabs Align center // ------------------------ .vc_tta-controls-align-center { } // Pagination // ------------------------ .vc_tta-tabs { &.vc_tta-has-pagination { &:not(.vc_tta-tabs-position-bottom) { padding-bottom: @vc_tta-pagination-gap * 2; } .vc_pagination { position: absolute; top: 100%; left: 0; right: 0; margin-top: @vc_tta-pagination-gap; margin-bottom: @vc_tta-pagination-gap; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } &.vc_tta-tabs-position-bottom { padding-top: @vc_tta-pagination-gap * 2; .vc_pagination { top: auto; bottom: 100%; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); } } } }shortcodes/tta/vc_tta-frontend-editor.less000064400000010062150212447730014766 0ustar00@import (reference) "../vc_tta.less"; @import "vc_tta-icon-controls.less"; @vc_frontend_editor_tta_container_top_margin: 31px; // Extending aliases for frontend editor .vc_general.vc_tta .vc_tta-controls-icon[data-vc-tta-controls-icon="plus"]::before:extend(.vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus::before) { } .vc_general.vc_tta .vc_tta-controls-icon[data-vc-tta-controls-icon="plus"]::after:extend(.vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus::after) { } .vc_general.vc_tta .vc_tta-controls-icon[data-vc-tta-controls-icon="chevron"]::before:extend(.vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-chevron::before) { } .vc_general.vc_tta .vc_tta-controls-icon[data-vc-tta-controls-icon="triangle"]::before:extend(.vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-triangle::before) { } .vc_general.vc_tta .vc_active .vc_tta-controls-icon[data-vc-tta-controls-icon="plus"]::after:extend(.vc_tta .vc_active .vc_tta-controls-icon.vc_tta-controls-icon-plus::after) { } .vc_general.vc_tta .vc_active .vc_tta-controls-icon[data-vc-tta-controls-icon="chevron"]::before:extend(.vc_tta .vc_active .vc_tta-controls-icon.vc_tta-controls-icon-chevron::before) { } .vc_general.vc_tta .vc_active .vc_tta-controls-icon[data-vc-tta-controls-icon="triangle"]::before:extend(.vc_tta .vc_active .vc_tta-controls-icon.vc_tta-controls-icon-triangle::before) { } // Extending aliases for controls icon position: .vc_general.vc_tta.vc_tta-accordion [data-vc-tta-controls-icon-position="left"].vc_tta-panel-title > a:extend(.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left.vc_tta-panel-title > a) { } .vc_general.vc_tta.vc_tta-accordion [data-vc-tta-controls-icon-position="left"] .vc_tta-controls-icon:extend(.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon) { } .vc_general.vc_tta.vc_tta-accordion [data-vc-tta-controls-icon-position="right"].vc_tta-panel-title > a:extend(.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right.vc_tta-panel-title > a) { } .vc_general.vc_tta.vc_tta-accordion [data-vc-tta-controls-icon-position="right"] .vc_tta-controls-icon:extend(.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right .vc_tta-controls-icon) { } .vc_element-container > .vc_element:last-child .vc_tta-container { margin-bottom: 40px; } .vc_general.vc_tta-tabs .vc_element.vc_vc_tta_section { position: static; } .vc_general .vc_element.vc_empty .vc_tta-panel-body.vc_empty-element { min-height: 0; position: static; } // TTA Placeholder .vc_general .vc_placeholder-tta, .vc_placeholder-tta-tab { padding: 0; margin: 0; background: transparent url('../vc/pattern.gif'); height: 50px; } .vc_general .vc_placeholder-tta-tab { display: inline-block; vertical-align: bottom; } // TTA empty element // ============================= .vc_general .vc_element.vc_empty .vc_tta-panel-body { min-height: 100px !important; .vc_empty-element { position: absolute; top: @vc_tta-panes-padding-vertical; bottom: @vc_tta-panes-padding-vertical; left: @vc_tta-panes-padding-horizontal; right: @vc_tta-panes-padding-horizontal; } } .vc_general.vc_tta-accordion .vc_element.vc_empty .vc_tta-panel-body { position: relative; } @media (max-width: @vc_tta-breakpoint-max) { .vc_general.vc_tta-tabs .vc_element.vc_vc_tta_section, .vc_general.vc_tta-tour .vc_element.vc_vc_tta_section { position: relative; } .vc_element.vc_empty .vc_tta-panel-body { position: relative; } } @media (min-width: @vc_tta-breakpoint-max) { .compose-mode .vc_tta-tabs .vc_move-vc_tta_section.vc_child-element-move .vc_btn-content { cursor: default !important; background-image: none !important; padding-left: 12px !important; .vc-composer-icon { display: none; } } } // ================== // TTA container space .vc_vc_tta_accordion, .vc_vc_tta_tour { margin-top: @vc_frontend_editor_tta_container_top_margin; } // Sorting fixes for Tabs list .vc_tta-tabs-list.ui-sortable { .vc_tta-tab.ui-sortable-helper { a { &:before, &:after { display: none !important; } } } } shortcodes/tta/vc_tta-mixins.less000064400000026673150212447730013211 0ustar00// // Mixins // ===================== // Make Colors Set // ========================== .vc_tta-make-colors-set(@selector; @color; @background; @background-border; @border; @text; @contrast; @content) { .@{selector} { // Classic Style // ------------------------ &.vc_tta-style-classic { .vc_tta-make-panel-color( @border: @border; @border-active: @background-border; @background: @color; @background-active: @background; @text: @contrast; @text-active: @text; ); .vc_tta-make-tabs-color( @border: @border; @border-active: @background-border; @background: @color; @background-active: @background; @text: @contrast; @text-active: @text; ); } // Modern Style // ------------------------ &.vc_tta-style-modern { .vc_tta-make-panel-color( @border: @border; @border-active: @background-border; @background: @color; @background-active: @background; @text: @contrast; @text-active: @text; ); .vc_tta-make-tabs-color( @border: @border; @border-active: @background-border; @background: @color; @background-active: @background; @text: @contrast; @text-active: @text; ); } // Outline Style // ------------------------ &.vc_tta-style-outline { .vc_tta-make-panel-color( @text: @color; @text-hover: @contrast; @text-active: @color; @border: @color; @border-active: @color; @background: transparent; @background-active: transparent; @background-hover: @color; ); .vc_tta-make-tabs-color( @text: @color; @text-hover: @contrast; @text-active: @color; @border: @color; @border-active: @color; @background: transparent; @background-active: transparent; @background-hover: @color; ); } // Flat Style // ------------------------ &.vc_tta-style-flat { .vc_tta-make-panel-color( @background: darken(@color, 3%); @background-active: @color; @background-hover: darken(@color, 6%); @text: @contrast; @text-active: @contrast; @content-color: @contrast; ); .vc_tta-make-tabs-color( @background: darken(@color, 3%); @background-active: @color; @background-hover: darken(@color, 6%); @text: @contrast; @text-active: @contrast; @content-color: @contrast; ); } } } // Make Panels Color // ========================== .vc_tta-make-panel-color( @border:false; @border-active:false; @border-hover: false; @background: false; @background-active: false; @background-hover: false; @text: false; @text-active: false; @text-hover: false; @content-color: false; ) { // Colors For Panels // ------------------------- .vc_tta-panel { // Colors For Panel Title // ------------------------- .vc_tta-panel-heading { & when not (@border = false) { border-color: @border; } & when not (@background = false) { background-color: @background; } &:hover, &:focus { & when not (@border-hover = false) { border-color: @border-hover; } & when (@background-hover = false) and not (@background = false) { background-color: darken(@background, 3%); } & when not (@background-hover = false) { background-color: @background-hover; } } } .vc_tta-panel-title { > a { & when not (@text = false) { color: @text; } &:hover { & when not (@text-hover = false) { color: @text-hover; } } } } // Active Panel &.vc_active { .vc_tta-panel-heading { & when not (@border-active = false) { border-color: @border-active; } & when not (@background-active = false) { background-color: @background-active; } } .vc_tta-panel-title { > a { & when not (@text-active = false) { color: @text-active; } } } } // Colors For Panel Body // ------------------------- .vc_tta-panel-body { & when not (@border-active = false) { &, &::before, &::after { border-color: @border-active; } } & when not (@background-active = false) { background-color: @background-active; } } } // Color For Content // ------------------------ &:not(.vc_tta-o-no-fill) .vc_tta-panel-body { & when not (@content-color = false) { color: @content-color; } } // Color For Control Icon // ------------------------ .vc_tta-controls-icon { &::before, &::after { & when not (@text = false) { border-color: @text; } } } .vc_tta-panel-heading { &:hover, &:focus { .vc_tta-controls-icon { &::before, &::after { & when not (@text-hover = false) { border-color: @text-hover; } } } } } .vc_active .vc_tta-panel-heading { .vc_tta-controls-icon { &::before, &::after { border-color: @text-active; } } } } // Make Tabs Color // ========================== .vc_tta-make-tabs-color( @border:false; @border-active:false; @border-hover: false; @background: false; @background-active: false; @background-hover: false; @text: false; @text-active: false; @text-hover: false; @content-color: false; ) { // Colors For Tabs // ------------------------- .vc_tta-tab { > a { & when not (@border = false) { border-color: @border; } & when not (@background = false) { background-color: @background; } & when not (@text = false) { color: @text; } &:hover, &:focus { & when not (@border-hover = false) { border-color: @border-hover; } & when (@background-hover = false) and not (@background = false) { background-color: darken(@background, 6%); } & when not (@background-hover = false) { background-color: @background-hover; } & when not (@text-hover = false) { color: @text-hover; } } } // Active Tab &.vc_active { > a { & when not (@border-active = false) { border-color: @border-active; } & when not (@background-active = false) { background-color: @background-active; } & when not (@text-active = false) { color: @text-active; } } } } // Colors For Panels When Tabs Active // ------------------------- &.vc_tta-tabs { //.vc_non_responsive must be exactly same as @media below .vc_non_responsive &, .vc_tta-o-non-responsive & { .vc_tta-panels { & when not (@border-active = false) { &, &::before, &::after { border-color: @border-active; } } & when not (@background-active = false) { background-color: @background-active; } // Colors For Panel Body // ------------------------- .vc_tta-panel-body { border-color: transparent; background-color: transparent; } } } @media (min-width: @vc_tta-breakpoint) { .vc_tta-panels { & when not (@border-active = false) { &, &::before, &::after { border-color: @border-active; } } & when not (@background-active = false) { background-color: @background-active; } // Colors For Panel Body // ------------------------- .vc_tta-panel-body { border-color: transparent; background-color: transparent; } } } } } // Make shape // =============================== .vc_tta-make-shape(@border-radius) { // for panels .vc_tta-panel-body { min-height: @border-radius * 2; } .vc_tta-panel-body, .vc_tta-panel-heading { border-radius: @border-radius; } // for tabs .vc_tta-tabs-container { margin: @border-radius; } .vc_tta-tab { > a { border-radius: @border-radius; } } // Panels When Tabs Active &.vc_tta-tabs { //.vc_non_responsive must be exactly same as @media below .vc_non_responsive &, .vc_tta-o-non-responsive & { .vc_tta-panels { border-radius: @border-radius; } } @media (min-width: @vc_tta-breakpoint) { .vc_tta-panels { border-radius: @border-radius; } } } &.vc_tta-o-no-fill { .vc_tta-panel-body { border-radius: 0; } } // Fix For Panels With No Fill And Shape Group Option &.vc_tta-o-shape-group.vc_tta-o-no-fill { .vc_tta-panel.vc_active { + .vc_tta-panel:not(:first-child):not(:last-child), + .vc_tta-panel:last-child:not(:first-child) { .vc_tta-panel-heading { border-top-left-radius: @border-radius; border-top-right-radius: @border-radius; } } } } } // Make TTA Spacings // ========================== .vc_tta-make-spacing(@spacing) { &.vc_tta-spacing-@{spacing} { // Spacing Between Panel Heading And Panel Body // -------------------------------------------------- .vc_tta-panel { &:not(:first-child), &.vc_active + .vc_tta-panel { .vc_tta-panel-heading { margin-top: unit(@spacing, px); } } &:not(:last-child), &.vc_active { .vc_tta-panel-heading { margin-bottom: unit(@spacing, px); } } } // Spacing Between Tabs // -------------------------------------------------- .vc_tta-tabs-list { padding: 0; margin-top: -(unit(ceil(@spacing / 2), px)); margin-bottom: -(unit(floor(@spacing / 2), px)); margin-left: -(unit(ceil(@spacing / 2), px)); margin-right: -(unit(floor(@spacing / 2), px)); } .vc_tta-tab { margin-top: unit(ceil(@spacing / 2), px); margin-bottom: unit(floor(@spacing / 2), px); margin-left: unit(ceil(@spacing / 2), px); margin-right: unit(floor(@spacing / 2), px); } } } // Make TTA Gaps // ========================== .vc_tta-make-gap(@spacing) { &.vc_tta-gap-@{spacing} { // Spacing Between Panel Heading And Panel Body // -------------------------------------------------- .vc_tta-panel { &:not(:first-child), &.vc_active + .vc_tta-panel { .vc_tta-panel-heading { margin-top: unit(@spacing, px); } } &:not(:last-child):not(.vc_active) { .vc_tta-panel-heading { margin-bottom: unit(@spacing, px); } } } // Spacing Between Tabs List And Panels // -------------------------------------------------- // top position &.vc_tta-tabs-position-top { .vc_tta-tabs-container { margin-bottom: unit(@spacing, px); } } // bottom position &.vc_tta-tabs-position-bottom { .vc_tta-tabs-container { margin-top: unit(@spacing, px); } } // left position &.vc_tta-tabs-position-left { .vc_tta-tabs-container { margin-right: unit(@spacing, px); } } // right position &.vc_tta-tabs-position-right { .vc_tta-tabs-container { margin-left: unit(@spacing, px); } } } }shortcodes/tta/vc_tta-core.less000064400000043123150212447730012617 0ustar00/** * Tabs, Tours, Accordions */ .vc_tta-container { margin-bottom: @vc_margin_bottom_gold; } /* General Styles for TTA * ========================== */ .vc_tta.vc_general { font-size: @vc_tta-font-size; // Basic Accordions styles // ------------------------ .vc_tta-panels-container, .vc_tta-panels { box-sizing: border-box; position: relative; } .vc_tta-panel { display: block; } .vc_tta-panel-heading { border: solid transparent; box-sizing: border-box; -webkit-transition: background .2s ease-in-out; transition: background .2s ease-in-out; } .vc_tta-panel-title { margin: 0; line-height: 1; > a { background: transparent; display: block; padding: @vc_tta-panels-padding-vertical @vc_tta-panels-padding-horizontal; box-sizing: border-box; text-decoration: none; color: inherit; position: relative; -webkit-transition: color .2s ease-in-out; transition: color .2s ease-in-out; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; &:focus, &:hover { text-decoration: none; outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } } } .vc_tta-panel-body { border: solid transparent; box-sizing: content-box; padding: @vc_tta-panes-padding-vertical @vc_tta-panes-padding-horizontal; display: none; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: padding .2s ease-in-out; transition: padding .2s ease-in-out; // Fix #93887286 elements margins > :last-child { margin-bottom: 0; } } // Active Panel .vc_tta-panel.vc_active { display: block; .vc_tta-panel-body { display: block; } .vc_tta-panel-title { > a { &:hover { cursor: default; } } } } .vc_tta-panel.vc_animating { .vc_tta-panel-body { display: block; min-height: 0; } } &.vc_tta-o-all-clickable .vc_tta-panel { .vc_tta-panel-title { > a { &:hover { cursor: pointer; } } } } // Basic Tabs styles // ------------------------ .vc_tta-tabs-container { display: block; position: relative; z-index: @vc_tta-tabs-z-index; } .vc_tta-tabs-list { list-style-type: none; display: block; padding: 0; margin: 0; box-sizing: border-box; } .vc_tta-tab { display: inline-block; padding: 0; margin: 0; > a { padding: @vc_tta-tabs-padding-vertical @vc_tta-tabs-padding-horizontal; display: block; box-sizing: border-box; border: solid transparent; position: relative; text-decoration: none; color: inherit; -webkit-transition: background .2s ease-in-out, color .2s ease-in-out, border .2s ease-in-out; transition: background .2s ease-in-out, color .2s ease-in-out, border .2s ease-in-out; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; &:hover, &:focus { text-decoration: none; outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } } &.vc_active { > a { cursor: default; text-decoration: none; color: inherit; -webkit-transition: background .2s ease-in-out, color .2s ease-in-out; transition: background .2s ease-in-out, color .2s ease-in-out; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; &:hover { cursor: default; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } &::before, &::after { display: none; content: ''; position: absolute; border-width: inherit; border-color: inherit; border-style: inherit; width: 100vw; height: 200vw; } } } } // Icons for TTA headings // ------------------------ .vc_tta-icon { font-size: @vc_tta-icon-font-size; line-height: 0; display: inline; &::before { display: inline; } } .vc_tta-title-text:not(:empty) { &:not(:first-child), ~ * { margin-left: @vc_tta-icon-spacing; } } .vc_tta-title-text:empty { display: inline-block; } } /** * Icons Adaptations * ====================== */ .vc_tta-icon { &.fa, &.vc_li { vertical-align: middle; } } /* Accordions * ========================== */ .vc_tta { &.vc_tta-accordion { .vc_tta-tabs-container { display: none; } } } /* Tabs * ========================== */ .vc_tta { &.vc_tta-tabs { // Hide Tabs before breakpoint .vc_tta-tabs-container { display: none; } //.vc_non_responsive must be exactly same as @media below .vc_non_responsive &, .vc_tta-o-non-responsive & { .vc_tta-tabs-container { display: block; } // Hide Panel heading after breakpoint .vc_tta-panel-heading { display: none; } } @media (min-width: @vc_tta-breakpoint) { .vc_tta-tabs-container { display: block; } // Hide Panel heading after breakpoint .vc_tta-panel-heading { display: none; } } } } /* Shapes for TTA * ========================== */ .vc_tta { // Square Shape // ------------------------ &.vc_tta-shape-square { .vc_tta-make-shape(0px); } // Rounded Shape // ------------------------ &.vc_tta-shape-rounded { .vc_tta-make-shape(@vc_tta-border-radius-rounded); } // Round Shape // ------------------------ &.vc_tta-shape-round { .vc_tta-make-shape(@vc_tta-border-radius-round); } } /* Adaptation for Shapes * ========================== */ // Rounded Shape // ----------------------- .vc_tta-shape-rounded { // active panel for accordion &:not(.vc_tta-o-no-fill) { .vc_tta-panel.vc_active { .vc_tta-panel-heading { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .vc_tta-panel-body { border-top-left-radius: 0; border-top-right-radius: 0; } } } // Fix For Tabs Content Alignment &.vc_tta-tabs { //.vc_non_responsive must be exactly same as @media below .vc_non_responsive &, .vc_tta-o-non-responsive & { .vc_tta-panel-body { &::before, &::after { box-sizing: border-box; content: ''; display: none; position: absolute; width: @vc_tta-border-radius-rounded; height: @vc_tta-border-radius-rounded; border-radius: @vc_tta-border-radius-rounded; border-style: inherit; border-width: inherit; } } } @media (min-width: @vc_tta-breakpoint) { .vc_tta-panel-body { &::before, &::after { box-sizing: border-box; content: ''; display: none; position: absolute; width: @vc_tta-border-radius-rounded; height: @vc_tta-border-radius-rounded; border-radius: @vc_tta-border-radius-rounded; border-style: inherit; border-width: inherit; } } } } // Fix For Shape Group &.vc_tta-o-shape-group { // For Panels // with filled content &:not(.vc_tta-o-no-fill) { .vc_tta-panel:not(:first-child):not(:last-child) { .vc_tta-panel-heading { border-radius: 0; } .vc_tta-panel-body { border-radius: 0; } } .vc_tta-panel:first-child { &:not(:last-child) { .vc_tta-panel-heading, .vc_tta-panel-body { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } } } .vc_tta-panel:last-child { &:not(:first-child) { .vc_tta-panel-heading, .vc_tta-panel-body { border-top-left-radius: 0; border-top-right-radius: 0; } } } } // with transparent content &.vc_tta-o-no-fill { // for panels .vc_tta-panel:not(:first-child):not(:last-child) { &:not(.vc_active) { .vc_tta-panel-heading, .vc_tta-panel-body { border-radius: 0; } } &.vc_active { .vc_tta-panel-heading { border-top-left-radius: 0; border-top-right-radius: 0; } } } .vc_tta-panel:first-child { &:not(:last-child):not(.vc_active) { .vc_tta-panel-heading, .vc_tta-panel-body { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } } } .vc_tta-panel:last-child { &:not(:first-child) { .vc_tta-panel-heading, .vc_tta-panel-body { border-top-left-radius: 0; border-top-right-radius: 0; } } } } } } // Round Shape // ----------------------- .vc_tta-shape-round { // active panel &:not(.vc_tta-o-no-fill) { .vc_tta-panel.vc_active { .vc_tta-panel-heading { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .vc_tta-panel-body { border-top-left-radius: 0; border-top-right-radius: 0; } } } // Fix For Tabs Content Alignment &.vc_tta-tabs { //.vc_non_responsive must be exactly same as @media below .vc_non_responsive &, .vc_tta-o-non-responsive & { .vc_tta-panel-body { &::before, &::after { box-sizing: border-box; content: ''; display: none; position: absolute; width: @vc_tta-border-radius-round; height: @vc_tta-border-radius-round; border-radius: @vc_tta-border-radius-round; border-style: inherit; border-width: inherit; } } } @media (min-width: @vc_tta-breakpoint) { .vc_tta-panel-body { &::before, &::after { box-sizing: border-box; content: ''; display: none; position: absolute; width: @vc_tta-border-radius-round; height: @vc_tta-border-radius-round; border-radius: @vc_tta-border-radius-round; border-style: inherit; border-width: inherit; } } } } // Fix For Shape Group &.vc_tta-o-shape-group { // For Panels // with filled content &:not(.vc_tta-o-no-fill) { .vc_tta-panel:not(:first-child):not(:last-child) { .vc_tta-panel-heading { border-radius: 0; } .vc_tta-panel-body { border-radius: 0; } } .vc_tta-panel:first-child { &:not(:last-child) { .vc_tta-panel-heading, .vc_tta-panel-body { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } } } .vc_tta-panel:last-child { &:not(:first-child) { .vc_tta-panel-heading, .vc_tta-panel-body { border-top-left-radius: 0; border-top-right-radius: 0; } } } } // with transparent content &.vc_tta-o-no-fill { // for panels .vc_tta-panel:not(:first-child):not(:last-child) { &:not(.vc_active) { .vc_tta-panel-heading, .vc_tta-panel-body { border-radius: 0; } } &.vc_active { .vc_tta-panel-heading { border-top-left-radius: 0; border-top-right-radius: 0; } } } .vc_tta-panel:first-child { &:not(:last-child):not(.vc_active) { .vc_tta-panel-heading, .vc_tta-panel-body { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } } } .vc_tta-panel:last-child { &:not(:first-child) { .vc_tta-panel-heading, .vc_tta-panel-body { border-top-left-radius: 0; border-top-right-radius: 0; } } } } } } /* Styles for TTA * ========================== */ .vc_tta { // Classic Style // ------------------------ &.vc_tta-style-classic { // for accordion .vc_tta-panel-body, .vc_tta-panel-heading { border-width: @vc_tta-border-size; } .vc_tta-panel { &:not(:first-child), &.vc_active + .vc_tta-panel { .vc_tta-panel-heading { margin-top: -@vc_tta-border-size; } } &:not(:last-child), &.vc_active { .vc_tta-panel-heading { margin-bottom: -@vc_tta-border-size; } } } // for tabs .vc_tta-tabs-list { padding-left: @vc_tta-border-size; padding-top: @vc_tta-border-size; } .vc_tta-tab { margin-left: -@vc_tta-border-size; margin-top: -@vc_tta-border-size; > a { border-width: @vc_tta-border-size; } } // fix for tabs colors &.vc_tta-tabs { //.vc_non_responsive must be exactly same as @media below .vc_non_responsive &, .vc_tta-o-non-responsive & { .vc_tta-panels { border: @vc_tta-border-size solid transparent; } .vc_tta-panel { margin: -@vc_tta-border-size; } } @media (min-width: @vc_tta-breakpoint) { .vc_tta-panels { border: @vc_tta-border-size solid transparent; } .vc_tta-panel { margin: -@vc_tta-border-size; } } } } // Modern Style // ------------------------ &.vc_tta-style-modern { // for accordions .vc_tta-panel-body, .vc_tta-panel-heading { border-width: @vc_tta-border-size; #gradient > .vertical(@start-color: rgba(255, 255, 255, .2); @end-color: rgba(255, 255, 255, .01)); } .vc_tta-panel { &:not(:first-child), &.vc_active + .vc_tta-panel { .vc_tta-panel-heading { margin-top: -@vc_tta-border-size; } } &:not(:last-child), &.vc_active { .vc_tta-panel-heading { margin-bottom: -@vc_tta-border-size; } } } // for tabs .vc_tta-tabs-list { padding-left: @vc_tta-border-size; padding-top: @vc_tta-border-size; } .vc_tta-tab { margin-left: -@vc_tta-border-size; margin-top: -@vc_tta-border-size; > a { border-width: @vc_tta-border-size; #gradient > .vertical(@start-color: rgba(255, 255, 255, .2); @end-color: rgba(255, 255, 255, .01)); } &.vc_active { > a { background-clip: border-box; } } } // fix for tabs colors &.vc_tta-tabs { //.vc_non_responsive must be exactly same as @media below .vc_non_responsive &, .vc_tta-o-non-responsive & { .vc_tta-panels { border: @vc_tta-border-size solid transparent; } .vc_tta-panel { margin: -@vc_tta-border-size; } } @media (min-width: @vc_tta-breakpoint) { .vc_tta-panels { border: @vc_tta-border-size solid transparent; } .vc_tta-panel { margin: -@vc_tta-border-size; } } } } // Outline Style // ------------------------ &.vc_tta-style-outline { // for accordions .vc_tta-panel-body, .vc_tta-panel-heading { border-width: @vc_tta-border-size-outline; } .vc_tta-panel { &:not(:first-child), &.vc_active + .vc_tta-panel { .vc_tta-panel-heading { margin-top: -@vc_tta-border-size-outline; } } &:not(:last-child), &.vc_active { .vc_tta-panel-heading { margin-bottom: -@vc_tta-border-size-outline; } } } // for tabs .vc_tta-tabs-list { padding-left: @vc_tta-border-size-outline; padding-top: @vc_tta-border-size-outline; } .vc_tta-tab { margin-left: -@vc_tta-border-size-outline; margin-top: -@vc_tta-border-size-outline; > a { border-width: @vc_tta-border-size-outline; } } // Fix for shapes .vc_tta-panel-body { &, .vc_non_responsive &, .vc_tta-o-non-responsive & { &::before, &::after { display: block; top: -@vc_tta-border-size-outline; right: -@vc_tta-border-size-outline; bottom: -@vc_tta-border-size-outline; left: -@vc_tta-border-size-outline; } } } // fix for tabs colors &.vc_tta-tabs { //.vc_non_responsive must be exactly same as @media below .vc_non_responsive &, .vc_tta-o-non-responsive & { .vc_tta-panels { border: @vc_tta-border-size-outline solid transparent; } .vc_tta-panel { margin: -@vc_tta-border-size-outline; } } @media (min-width: @vc_tta-breakpoint) { .vc_tta-panels { border: @vc_tta-border-size-outline solid transparent; } .vc_tta-panel { margin: -@vc_tta-border-size-outline; } } } &.vc_tta-pageable { .vc_tta-o-non-responsive & { .vc_tta-panel { margin: 0; } } @media (min-width: @vc_tta-breakpoint) { .vc_tta-panel { margin: 0; } } } } // Flat Style // ------------------------ &.vc_tta-style-flat { .vc_tta-panel-body, .vc_tta-panel-heading { border-width: 0; } } } // don't show panel headings on pageable // vc_tta-panel-title is container, that has empty a element .vc_tta-pageable { .vc_tta-panel-title { display: none; } } shortcodes/tta/vc_tta-pagination.less000064400000000415150212447730014015 0ustar00// Hide paging when TTA collapses to accordion (except pageable) // ========================== @media (max-width: @vc_tta-breakpoint) { .vc_tta-container { .vc_tta:not([class*="vc_tta-pageable"]) { .vc_pagination { display: none; } } } }shortcodes/tta/vc_tta-colors.less000064400000030156150212447730013172 0ustar00/* Colors for TTA * ========================== */ // Blue Color // ------------------------ .vc_tta-make-colors-set(~'vc_tta-color-blue'; @color: @vc_tta-color-blue; @background: @vc_tta-color-blue-bg; @background-border: @vc_tta-color-blue-bg-border; @border: @vc_tta-color-blue-border; @text: @vc_tta-color-blue-text; @contrast: @vc_tta-color-blue-contrast; @content: @vc_tta-color-blue-content; ); // Turquoise Color // ------------------------ .vc_tta-make-colors-set(~'vc_tta-color-turquoise'; @color: @vc_tta-color-turquoise; @background: @vc_tta-color-turquoise-bg; @background-border: @vc_tta-color-turquoise-bg-border; @border: @vc_tta-color-turquoise-border; @text: @vc_tta-color-turquoise-text; @contrast: @vc_tta-color-turquoise-contrast; @content: @vc_tta-color-turquoise-content; ); // Pink Color // ------------------------ .vc_tta-make-colors-set(~'vc_tta-color-pink'; @color: @vc_tta-color-pink; @background: @vc_tta-color-pink-bg; @background-border: @vc_tta-color-pink-bg-border; @border: @vc_tta-color-pink-border; @text: @vc_tta-color-pink-text; @contrast: @vc_tta-color-pink-contrast; @content: @vc_tta-color-pink-content; ); // Violet Color // ------------------------ .vc_tta-make-colors-set(~'vc_tta-color-violet'; @color: @vc_tta-color-violet; @background: @vc_tta-color-violet-bg; @background-border: @vc_tta-color-violet-bg-border; @border: @vc_tta-color-violet-border; @text: @vc_tta-color-violet-text; @contrast: @vc_tta-color-violet-contrast; @content: @vc_tta-color-violet-content; ); // Peacoc Color // ------------------------ .vc_tta-make-colors-set(~'vc_tta-color-peacoc'; @color: @vc_tta-color-peacoc; @background: @vc_tta-color-peacoc-bg; @background-border: @vc_tta-color-peacoc-bg-border; @border: @vc_tta-color-peacoc-border; @text: @vc_tta-color-peacoc-text; @contrast: @vc_tta-color-peacoc-contrast; @content: @vc_tta-color-peacoc-content; ); // chino .vc_tta-make-colors-set(~'vc_tta-color-chino'; @color: @vc_tta-color-chino; @background: @vc_tta-color-chino-bg; @background-border: @vc_tta-color-chino-bg-border; @border: @vc_tta-color-chino-border; @text: @vc_tta-color-chino-text; @contrast: @vc_tta-color-chino-contrast; @content: @vc_tta-color-chino-content; ); // Mulled Wine Color // ------------------------ .vc_tta-make-colors-set(~'vc_tta-color-mulled-wine'; @color: @vc_tta-color-mulled-wine; @background: @vc_tta-color-mulled-wine-bg; @background-border: @vc_tta-color-mulled-wine-bg-border; @border: @vc_tta-color-mulled-wine-border; @text: @vc_tta-color-mulled-wine-text; @contrast: @vc_tta-color-mulled-wine-contrast; @content: @vc_tta-color-mulled-wine-content; ); // Vista Blue Color // ------------------------ .vc_tta-make-colors-set(~'vc_tta-color-vista-blue'; @color: @vc_tta-color-vista-blue; @background: @vc_tta-color-vista-blue-bg; @background-border: @vc_tta-color-vista-blue-bg-border; @border: @vc_tta-color-vista-blue-border; @text: @vc_tta-color-vista-blue-text; @contrast: @vc_tta-color-vista-blue-contrast; @content: @vc_tta-color-vista-blue-content; ); // Orange Color // ------------------------ .vc_tta-make-colors-set(~'vc_tta-color-orange'; @color: @vc_tta-color-orange; @background: @vc_tta-color-orange-bg; @background-border: @vc_tta-color-orange-bg-border; @border: @vc_tta-color-orange-border; @text: @vc_tta-color-orange-text; @contrast: @vc_tta-color-orange-contrast; @content: @vc_tta-color-orange-content; ); // Sky Color // ------------------------ .vc_tta-make-colors-set(~'vc_tta-color-sky'; @color: @vc_tta-color-sky; @background: @vc_tta-color-sky-bg; @background-border: @vc_tta-color-sky-bg-border; @border: @vc_tta-color-sky-border; @text: @vc_tta-color-sky-text; @contrast: @vc_tta-color-sky-contrast; @content: @vc_tta-color-sky-content; ); // Green Color // ------------------------ .vc_tta-make-colors-set(~'vc_tta-color-green'; @color: @vc_tta-color-green; @background: @vc_tta-color-green-bg; @background-border: @vc_tta-color-green-bg-border; @border: @vc_tta-color-green-border; @text: @vc_tta-color-green-text; @contrast: @vc_tta-color-green-contrast; @content: @vc_tta-color-green-content; ); // Juicy Pink Color // ------------------------ .vc_tta-make-colors-set(~'vc_tta-color-juicy-pink'; @color: @vc_tta-color-juicy-pink; @background: @vc_tta-color-juicy-pink-bg; @background-border: @vc_tta-color-juicy-pink-bg-border; @border: @vc_tta-color-juicy-pink-border; @text: @vc_tta-color-juicy-pink-text; @contrast: @vc_tta-color-juicy-pink-contrast; @content: @vc_tta-color-juicy-pink-content; ); // Sandy Brown Color // ------------------------ .vc_tta-make-colors-set(~'vc_tta-color-sandy-brown'; @color: @vc_tta-color-sandy-brown; @background: @vc_tta-color-sandy-brown-bg; @background-border: @vc_tta-color-sandy-brown-bg-border; @border: @vc_tta-color-sandy-brown-border; @text: @vc_tta-color-sandy-brown-text; @contrast: @vc_tta-color-sandy-brown-contrast; @content: @vc_tta-color-sandy-brown-content; ); // Purple Color // ------------------------ .vc_tta-make-colors-set(~'vc_tta-color-purple'; @color: @vc_tta-color-purple; @background: @vc_tta-color-purple-bg; @background-border: @vc_tta-color-purple-bg-border; @border: @vc_tta-color-purple-border; @text: @vc_tta-color-purple-text; @contrast: @vc_tta-color-purple-contrast; @content: @vc_tta-color-purple-content; ); // Black Color // ------------------------ .vc_tta-make-colors-set(~'vc_tta-color-black'; @color: @vc_tta-color-black; @background: @vc_tta-color-black-bg; @background-border: @vc_tta-color-black-bg-border; @border: @vc_tta-color-black-border; @text: @vc_tta-color-black-text; @contrast: @vc_tta-color-black-contrast; @content: @vc_tta-color-black-content; ); // Grey Color // ------------------------ .vc_tta-color-grey { // Classic Style // ------------------------ &.vc_tta-style-classic { .vc_tta-make-panel-color( @border: @vc_tta-common-border-color; @border-active: @vc_tta-common-border-color; @background: @vc_tta-common-background-color; @background-active: @vc_tta-common-background-color; @text: @vc_tta-color-grey-contrast; @text-active: @vc_tta-color-grey-text; ); .vc_tta-make-tabs-color( @border: @vc_tta-color-grey-border; @border-active: @vc_tta-color-grey-bg-border; @background: @vc_tta-color-grey; @background-active: @vc_tta-color-grey-bg; @text: @vc_tta-color-grey-contrast; @text-active: @vc_tta-color-grey-text; ); } // Modern Style // ------------------------ &.vc_tta-style-modern { .vc_tta-make-panel-color( @border: @vc_tta-common-border-color; @border-active: @vc_tta-common-border-color; @background: @vc_tta-common-background-color; @background-active: @vc_tta-common-background-color; @text: @vc_tta-color-grey-contrast; @text-active: @vc_tta-color-grey-text; ); .vc_tta-make-tabs-color( @border: @vc_tta-color-grey-border; @border-active: @vc_tta-color-grey-bg-border; @background: @vc_tta-color-grey; @background-active: @vc_tta-color-grey-bg; @text: @vc_tta-color-grey-contrast; @text-active: @vc_tta-color-grey-text; ); } // Outline Style // ------------------------ &.vc_tta-style-outline { .vc_tta-make-panel-color( @text: @vc_tta-color-grey; @text-hover: @vc_tta-color-grey-contrast; @text-active: @vc_tta-color-grey; @border: @vc_tta-color-grey-border; @border-active: @vc_tta-color-grey; @background: transparent; @background-active: transparent; @background-hover: @vc_tta-color-grey; ); .vc_tta-make-tabs-color( @text: @vc_tta-color-grey; @text-hover: @vc_tta-color-grey-contrast; @text-active: @vc_tta-color-grey; @border: @vc_tta-color-grey-border; @border-active: @vc_tta-color-grey; @background: transparent; @background-active: transparent; @background-hover: @vc_tta-color-grey; ); } // Flat Style // ------------------------ &.vc_tta-style-flat { .vc_tta-make-panel-color( @background: @vc_tta-common-background-color; @background-active: @vc_tta-common-background-color; @text: @vc_tta-color-grey-contrast; @text-active: @vc_tta-color-grey-contrast; @content-color: @vc_tta-color-grey-contrast; ); .vc_tta-make-tabs-color( @background: darken(@vc_tta-color-grey, 3%); @background-active: @vc_tta-color-grey; @background-hover: darken(@vc_tta-color-grey, 6%); @text: @vc_tta-color-grey-contrast; @text-active: @vc_tta-color-grey-contrast; @content-color: @vc_tta-color-grey-contrast; ); } } // White Color // ------------------------ .vc_tta-color-white { // Classic Style // ------------------------ &.vc_tta-style-classic { .vc_tta-make-panel-color( @border: @vc_tta-color-white-border; @border-active: @vc_tta-color-white-border; @background: @vc_tta-color-white; @background-active: @vc_tta-color-white; @text: @vc_tta-color-white-contrast; @text-active: @vc_tta-color-white-text; ); .vc_tta-make-tabs-color( @border: @vc_tta-color-white-border; @border-active: @vc_tta-color-white-bg-border; @background: @vc_tta-color-white; @background-active: @vc_tta-color-white-bg; @text: @vc_tta-color-white-contrast; @text-active: @vc_tta-color-white-text; ); } // Modern Style // ------------------------ &.vc_tta-style-modern { .vc_tta-make-panel-color( @border: @vc_tta-color-white-border; @border-active: @vc_tta-color-white-border; @background: @vc_tta-color-white; @background-active: @vc_tta-color-white; @text: @vc_tta-color-white-contrast; @text-active: @vc_tta-color-white-text; ); .vc_tta-make-tabs-color( @border: @vc_tta-color-white-border; @border-active: @vc_tta-color-white-bg-border; @background: @vc_tta-color-white; @background-active: @vc_tta-color-white-bg; @text: @vc_tta-color-white-contrast; @text-active: @vc_tta-color-white-text; ); } // Outline Style // ------------------------ &.vc_tta-style-outline { .vc_tta-make-panel-color( @text: @vc_tta-color-white; @text-hover: @vc_tta-color-white-contrast; @text-active: @vc_tta-color-white; @border: @vc_tta-color-white-border; @border-active: @vc_tta-color-white; @background: transparent; @background-active: transparent; @background-hover: @vc_tta-color-white; ); .vc_tta-make-tabs-color( @text: @vc_tta-color-white; @text-hover: @vc_tta-color-white-contrast; @text-active: @vc_tta-color-white; @border: @vc_tta-color-white-border; @border-active: @vc_tta-color-white; @background: transparent; @background-active: transparent; @background-hover: @vc_tta-color-white; ); } // Flat Style // ------------------------ &.vc_tta-style-flat { .vc_tta-make-panel-color( @background: darken(@vc_tta-color-white, 2%); @background-active: @vc_tta-color-white; @background-hover: darken(@vc_tta-color-white, 5%); @text: @vc_tta-color-white-contrast; @text-active: @vc_tta-color-white-contrast; @content-color: @vc_tta-color-white-contrast; ); .vc_tta-make-tabs-color( @background: darken(@vc_tta-color-white, 2%); @background-active: @vc_tta-color-white; @background-hover: darken(@vc_tta-color-white, 5%); @text: @vc_tta-color-white-contrast; @text-active: @vc_tta-color-white-contrast; @content-color: @vc_tta-color-white-contrast; ); } } shortcodes/tta/vc_tta-variables.less000064400000015373150212447730013645 0ustar00// Variables // ---------------------------------------------------------- @vc_tta-font-size: 1em; @vc_tta-icon-font-size: 1.15em; @vc_tta-icon-spacing: @vc_tta-tabs-padding-vertical; @vc_tta-border-size: 1px; @vc_tta-border-size-outline: 2px; @vc_tta-tabs-padding-vertical: 14px; @vc_tta-tabs-padding-horizontal: 20px; @vc_tta-panels-padding-vertical: @vc_tta-tabs-padding-vertical; @vc_tta-panels-padding-horizontal: @vc_tta-tabs-padding-horizontal; @vc_tta-panes-padding-vertical: @vc_tta-tabs-padding-vertical; @vc_tta-panes-padding-horizontal: @vc_tta-tabs-padding-horizontal; @vc_tta-breakpoint: @grid-float-breakpoint; @vc_tta-breakpoint-max: (@vc_tta-breakpoint - 1); @vc_tta-border-radius-round: 2em; @vc_tta-border-radius-rounded: 5px; @vc_tta-pagination-gap: 30px; // Tabs sizes @vc_tta-controls-size-xs: 10%; @vc_tta-controls-size-sm: 20%; @vc_tta-controls-size-md: 30%; @vc_tta-controls-size-lg: 40%; @vc_tta-controls-size-xl: 50%; // z-index @vc_tta-tabs-z-index: 3; // @vc_tta-control-icon-width: 2px; @vc_tta-control-icon-size: 12px; @vc_tta-common-background-color: #f8f8f8; @vc_tta-common-border-color: darken(@vc_tta-common-background-color, 3%); //====== COLORS // blue @vc_tta-color-blue: @blue; @vc_tta-color-blue-bg: @vc_tta-common-background-color; @vc_tta-color-blue-bg-border: @vc_tta-common-border-color; @vc_tta-color-blue-border: darken(@vc_tta-color-blue, 3%); @vc_tta-color-blue-text: #666; @vc_tta-color-blue-contrast: #fff; @vc_tta-color-blue-content: #c9d2f0; // turquoise @vc_tta-color-turquoise: @turquoise; @vc_tta-color-turquoise-bg: @vc_tta-common-background-color; @vc_tta-color-turquoise-bg-border: @vc_tta-common-border-color; @vc_tta-color-turquoise-border: darken(@vc_tta-color-turquoise, 3%); @vc_tta-color-turquoise-text: #666; @vc_tta-color-turquoise-contrast: #fff; @vc_tta-color-turquoise-content: #d3f5f1; // pink @vc_tta-color-pink: @pink; @vc_tta-color-pink-bg: @vc_tta-common-background-color; @vc_tta-color-pink-bg-border: @vc_tta-common-border-color; @vc_tta-color-pink-border: darken(@vc_tta-color-pink, 3%); @vc_tta-color-pink-text: #666; @vc_tta-color-pink-contrast: #fff; @vc_tta-color-pink-content: #fcdbd7; // violet @vc_tta-color-violet: @violet; @vc_tta-color-violet-bg: @vc_tta-common-background-color; @vc_tta-color-violet-bg-border: @vc_tta-common-border-color; @vc_tta-color-violet-border: darken(@vc_tta-color-violet, 3%); @vc_tta-color-violet-text: #666; @vc_tta-color-violet-contrast: #fff; @vc_tta-color-violet-content: #e1d5f5; // peacoc @vc_tta-color-peacoc: @peacoc; @vc_tta-color-peacoc-bg: @vc_tta-common-background-color; @vc_tta-color-peacoc-bg-border: @vc_tta-common-border-color; @vc_tta-color-peacoc-border: darken(@vc_tta-color-peacoc, 3%); @vc_tta-color-peacoc-text: #666; @vc_tta-color-peacoc-contrast: #fff; @vc_tta-color-peacoc-content: #d0edf5; // chino @vc_tta-color-chino: @chino; @vc_tta-color-chino-bg: @vc_tta-common-background-color; @vc_tta-color-chino-bg-border: @vc_tta-common-border-color; @vc_tta-color-chino-border: darken(@vc_tta-color-chino, 3%); @vc_tta-color-chino-text: #666; @vc_tta-color-chino-contrast: #fff; @vc_tta-color-chino-content: #f7f3eb; // mulled_wine @vc_tta-color-mulled-wine: @mulled_wine; @vc_tta-color-mulled-wine-bg: @vc_tta-common-background-color; @vc_tta-color-mulled-wine-bg-border: @vc_tta-common-border-color; @vc_tta-color-mulled-wine-border: darken(@vc_tta-color-mulled-wine, 3%); @vc_tta-color-mulled-wine-text: #666; @vc_tta-color-mulled-wine-contrast: #fff; @vc_tta-color-mulled-wine-content: #e2ddeb; // vista_blue @vc_tta-color-vista-blue: @vista_blue; @vc_tta-color-vista-blue-bg: @vc_tta-common-background-color; @vc_tta-color-vista-blue-bg-border: @vc_tta-common-border-color; @vc_tta-color-vista-blue-border: darken(@vc_tta-color-vista-blue, 3%); @vc_tta-color-vista-blue-text: #666; @vc_tta-color-vista-blue-contrast: #fff; @vc_tta-color-vista-blue-content: #e1f5e9; // orange @vc_tta-color-orange: @orange; @vc_tta-color-orange-bg: @vc_tta-common-background-color; @vc_tta-color-orange-bg-border: @vc_tta-common-border-color; @vc_tta-color-orange-border: darken(@vc_tta-color-orange, 3%); @vc_tta-color-orange-text: #666; @vc_tta-color-orange-contrast: #fff; @vc_tta-color-orange-content: #faf0e1; // sky @vc_tta-color-sky: @sky; @vc_tta-color-sky-bg: @vc_tta-common-background-color; @vc_tta-color-sky-bg-border: @vc_tta-common-border-color; @vc_tta-color-sky-border: darken(@vc_tta-color-sky, 3%); @vc_tta-color-sky-text: #666; @vc_tta-color-sky-contrast: #fff; @vc_tta-color-sky-content: #dce9f5; // green @vc_tta-color-green: @green; @vc_tta-color-green-bg: @vc_tta-common-background-color; @vc_tta-color-green-bg-border: @vc_tta-common-border-color; @vc_tta-color-green-border: darken(@vc_tta-color-green, 3%); @vc_tta-color-green-text: #666; @vc_tta-color-green-contrast: #fff; @vc_tta-color-green-content: #e5f2da; // juicy_pink @vc_tta-color-juicy-pink: @juicy_pink; @vc_tta-color-juicy-pink-bg: @vc_tta-common-background-color; @vc_tta-color-juicy-pink-bg-border: @vc_tta-common-border-color; @vc_tta-color-juicy-pink-border: darken(@vc_tta-color-juicy-pink, 3%); @vc_tta-color-juicy-pink-text: #666; @vc_tta-color-juicy-pink-contrast: #fff; @vc_tta-color-juicy-pink-content: #fce2e1; // sandy_brown @vc_tta-color-sandy-brown: @sandy_brown; @vc_tta-color-sandy-brown-bg: @vc_tta-common-background-color; @vc_tta-color-sandy-brown-bg-border: @vc_tta-common-border-color; @vc_tta-color-sandy-brown-border: darken(@vc_tta-color-sandy-brown, 3%); @vc_tta-color-sandy-brown-text: #666; @vc_tta-color-sandy-brown-contrast: #fff; @vc_tta-color-sandy-brown-content: #f7e1d7; // purple @vc_tta-color-purple: @purple; @vc_tta-color-purple-bg: @vc_tta-common-background-color; @vc_tta-color-purple-bg-border: @vc_tta-common-border-color; @vc_tta-color-purple-border: darken(@vc_tta-color-purple, 3%); @vc_tta-color-purple-text: #666; @vc_tta-color-purple-contrast: #fff; @vc_tta-color-purple-content: #f4dff5; // black @vc_tta-color-black: @black; @vc_tta-color-black-bg: @vc_tta-common-background-color; @vc_tta-color-black-bg-border: @vc_tta-common-border-color; @vc_tta-color-black-border: darken(@vc_tta-color-black, 3%); @vc_tta-color-black-text: #666; @vc_tta-color-black-contrast: #fff; @vc_tta-color-black-content: #d9d9d9; // grey @vc_tta-color-grey: @grey; @vc_tta-color-grey-bg: @vc_tta-common-background-color; @vc_tta-color-grey-bg-border: @vc_tta-common-border-color; @vc_tta-color-grey-border: darken(@vc_tta-color-grey, 3%); @vc_tta-color-grey-text: #666; @vc_tta-color-grey-contrast: #666; @vc_tta-color-grey-content: #9d9d9e; // white @vc_tta-color-white: @white; @vc_tta-color-white-bg: @vc_tta-common-background-color; @vc_tta-color-white-bg-border: @vc_tta-common-border-color; @vc_tta-color-white-border: darken(@vc_tta-color-white, 3%); @vc_tta-color-white-text: #666; @vc_tta-color-white-contrast: #666; @vc_tta-color-white-content: #9d9d9e;shortcodes/tta/vc_tta-icon-controls.less000064400000011017150212447730014455 0ustar00/* Control Icons For Accordions * ============================= */ .vc_tta { .vc_tta-controls-icon { display: inline-block; vertical-align: middle; height: @vc_tta-control-icon-size; width: @vc_tta-control-icon-size; position: relative; font-size: inherit; margin: 0; &:before, &:after { -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } } .vc_tta-title-text:not(:empty) { ~ .vc_tta-controls-icon { margin-left: 0; } } } /* Control Icons * ============================= */ .vc_tta { .vc_tta-controls-icon { // Plus Control Icon &.vc_tta-controls-icon-plus { &::before { content: ''; display: block; position: absolute; box-sizing: border-box; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border-style: solid; border-width: @vc_tta-control-icon-width 0 0 0; } &::after { content: ''; display: block; position: absolute; box-sizing: border-box; left: 50%; bottom: 0; top: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); border-style: solid; border-width: 0 0 0 @vc_tta-control-icon-width; } } // Chevron Control Icon &.vc_tta-controls-icon-chevron { &::before { content: ''; display: block; position: absolute; box-sizing: border-box; left: @vc_tta-control-icon-width; right: @vc_tta-control-icon-width; top: @vc_tta-control-icon-width; bottom: @vc_tta-control-icon-width; border-style: solid; border-width: 0 @vc_tta-control-icon-width @vc_tta-control-icon-width 0; -webkit-transform: rotate(45deg) translate(-25%, -25%); -ms-transform: rotate(45deg) translate(-25%, -25%); transform: rotate(45deg) translate(-25%, -25%); } } // Triangle Control Icon &.vc_tta-controls-icon-triangle { &::before { content: ''; display: block; position: absolute; box-sizing: border-box; left: 0; right: 0; top: 0; bottom: 0; border-style: solid; border-width: floor(@vc_tta-control-icon-size / 2); border-bottom-color: transparent !important; border-right-color: transparent !important; border-left-color: transparent !important; -webkit-transform: translateY(25%); -ms-transform: translateY(25%); transform: translateY(25%); } } } // active icon .vc_active { .vc_tta-controls-icon { // Plus Control Icon &.vc_tta-controls-icon-plus { &::after { display: none; } } // Chevron Control Icon &.vc_tta-controls-icon-chevron { &::before { -webkit-transform: rotate(225deg) translate(-25%, -25%); -ms-transform: rotate(225deg) translate(-25%, -25%); transform: rotate(225deg) translate(-25%, -25%); } } // Triangle Control Icon &.vc_tta-controls-icon-triangle { &::before { -webkit-transform: rotate(180deg) translateY(25%); -ms-transform: rotate(180deg) translateY(25%); transform: rotate(180deg) translateY(25%); } } } } } /* Control Icons Positions * ============================= */ .vc_tta { &.vc_tta-accordion { // Icon From Left .vc_tta-controls-icon-position-left { &.vc_tta-panel-title { > a { padding-left: @vc_tta-panels-padding-horizontal + @vc_tta-icon-spacing + @vc_tta-control-icon-size; } } .vc_tta-controls-icon { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: @vc_tta-panels-padding-horizontal; } } // Icon From Right .vc_tta-controls-icon-position-right { &.vc_tta-panel-title { > a { padding-right: @vc_tta-panels-padding-horizontal * 1.5 + @vc_tta-control-icon-size; } } .vc_tta-controls-icon { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: @vc_tta-panels-padding-horizontal; } } } } shortcodes/vc_post_slider.less000064400000000514150212447730012635 0ustar00/* Posts slider ---------------------------------------------------------- */ .wpb_posts_slider { .flex-caption, .nivo-caption { background-color: @vc_post_slider_caption_bg; .opacity(1); color: inherit; padding: 10px 15px; position: static; } .wpb_gallery_slides > ul > li { .no_bullet_fix(); } }shortcodes/vc_pagination.less000064400000016151150212447730012443 0ustar00//====== VARIABLES @vc-pagination-item-height: 10px; @vc-pagination-item-width: @vc-pagination-item-height; @vc-pagination-item-margin-horizontal: 7px; @vc-pagination-item-margin-vertical: 5px; @vc-pagination-item-round: 50%; @vc-pagination-item-rounded: 3px; @vc-pagination-item-border-width: 3px; //====== COLORS // blue @vc_pagination-color-blue: @blue; // turquoise @vc_pagination-color-turquoise: @turquoise; // pink @vc_pagination-color-pink: @pink; // violet @vc_pagination-color-violet: @violet; // peacoc @vc_pagination-color-peacoc: @peacoc; // chino @vc_pagination-color-chino: @chino; // mulled_wine @vc_pagination-color-mulled-wine: @mulled_wine; // vista_blue @vc_pagination-color-vista-blue: @vista_blue; // orange @vc_pagination-color-orange: @orange; // sky @vc_pagination-color-sky: @sky; // green @vc_pagination-color-green: @green; // juicy_pink @vc_pagination-color-juicy-pink: @juicy_pink; // sandy_brown @vc_pagination-color-sandy-brown: @sandy_brown; // purple @vc_pagination-color-purple: @purple; // black @vc_pagination-color-black: @black; // grey @vc_pagination-color-grey: @grey; // white @vc_pagination-color-white: @white; // core .vc_general.vc_pagination { display: block; margin: 0; padding: 0; text-align: center; .vc_pagination-item { display: inline-block; margin: 0; padding: 0; vertical-align: middle; } .vc_pagination-trigger { display: block; text-decoration: none; cursor: pointer; height: @vc-pagination-item-height; width: @vc-pagination-item-width; margin: @vc-pagination-item-margin-vertical @vc-pagination-item-margin-horizontal; background: transparent; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; border: none; &:focus { outline: none; } } .vc_active .vc_pagination-trigger { cursor: default; } } // styles .vc_pagination { &.vc_pagination-style-outline { .vc_pagination-trigger { border: @vc-pagination-item-border-width solid transparent; } } &.vc_pagination-style-flat { .vc_pagination-trigger { opacity: .6; &:hover { opacity: 1; } } .vc_active { .vc_pagination-trigger { opacity: 1; } } } } // shapes .vc_pagination { &.vc_pagination-shape-round { .vc_pagination-trigger { border-radius: @vc-pagination-item-round; } } &.vc_pagination-shape-rounded { .vc_pagination-trigger { border-radius: @vc-pagination-item-rounded; } } } // colors // Blue Color // ------------------------ .vc_pagination-make-colors-set(~'vc_pagination-color-blue'; @background: @vc_pagination-color-blue; @border: @vc_pagination-color-blue; ); // Turquoise Color // ------------------------ .vc_pagination-make-colors-set(~'vc_pagination-color-turquoise'; @background: @vc_pagination-color-turquoise; @border: @vc_pagination-color-turquoise; ); // Pink Color // ------------------------ .vc_pagination-make-colors-set(~'vc_pagination-color-pink'; @background: @vc_pagination-color-pink; @border: @vc_pagination-color-pink; ); // Violet Color // ------------------------ .vc_pagination-make-colors-set(~'vc_pagination-color-violet'; @background: @vc_pagination-color-violet; @border: @vc_pagination-color-violet; ); // Peacoc Color // ------------------------ .vc_pagination-make-colors-set(~'vc_pagination-color-peacoc'; @background: @vc_pagination-color-peacoc; @border: @vc_pagination-color-peacoc; ); // chino .vc_pagination-make-colors-set(~'vc_pagination-color-chino'; @background: @vc_pagination-color-chino; @border: @vc_pagination-color-chino; ); // Mulled Wine Color // ------------------------ .vc_pagination-make-colors-set(~'vc_pagination-color-mulled-wine'; @background: @vc_pagination-color-mulled-wine; @border: @vc_pagination-color-mulled-wine; ); // Vista Blue Color // ------------------------ .vc_pagination-make-colors-set(~'vc_pagination-color-vista-blue'; @background: @vc_pagination-color-vista-blue; @border: @vc_pagination-color-vista-blue; ); // Orange Color // ------------------------ .vc_pagination-make-colors-set(~'vc_pagination-color-orange'; @background: @vc_pagination-color-orange; @border: @vc_pagination-color-orange; ); // Sky Color // ------------------------ .vc_pagination-make-colors-set(~'vc_pagination-color-sky'; @background: @vc_pagination-color-sky; @border: @vc_pagination-color-sky; ); // Green Color // ------------------------ .vc_pagination-make-colors-set(~'vc_pagination-color-green'; @background: @vc_pagination-color-green; @border: @vc_pagination-color-green; ); // Juicy Pink Color // ------------------------ .vc_pagination-make-colors-set(~'vc_pagination-color-juicy-pink'; @background: @vc_pagination-color-juicy-pink; @border: @vc_pagination-color-juicy-pink; ); // Sandy Brown Color // ------------------------ .vc_pagination-make-colors-set(~'vc_pagination-color-sandy-brown'; @background: @vc_pagination-color-sandy-brown; @border: @vc_pagination-color-sandy-brown; ); // Purple Color // ------------------------ .vc_pagination-make-colors-set(~'vc_pagination-color-purple'; @background: @vc_pagination-color-purple; @border: @vc_pagination-color-purple; ); // Black Color // ------------------------ .vc_pagination-make-colors-set(~'vc_pagination-color-black'; @background: @vc_pagination-color-black; @border: @vc_pagination-color-black; ); // Grey Color // ------------------------ .vc_pagination-make-colors-set(~'vc_pagination-color-grey'; @background: @vc_pagination-color-grey; @border: @vc_pagination-color-grey; ); // White Color // ------------------------ .vc_pagination-make-colors-set(~'vc_pagination-color-white'; @background: @vc_pagination-color-white; @border: @vc_pagination-color-white; ); // // Mixins // ===================== // Make Colors Set // ========================== .vc_pagination-make-colors-set(@selector; @background; @border;) { .@{selector} { // Outline Style // ------------------------ &.vc_pagination-style-outline { .vc_pagination-make-color( @border: @border; @background-hover: @background; @background-active: @background; ); } // Flat Style // ------------------------ &.vc_pagination-style-flat { .vc_pagination-make-color( @background: @background; ); } } } // Make Panels Color // ========================== .vc_pagination-make-color( @border:false; @background: false; @background-hover: false; @background-active: false; ) { .vc_pagination-trigger { & when not (@border = false) { border-color: @border; } & when not (@background = false) { background-color: @background; } & when not (@background-hover = false) { &:hover { background-color: @background-hover; } } } & when not (@background-active = false) { .vc_active .vc_pagination-trigger { background-color: @background-active; } } } shortcodes/vc_charts.less000064400000002726150212447730011601 0ustar00@vc_round-chart-legend-width: 40%; @vc_round-chart-width: 100% - @vc_round-chart-legend-width; @vc_line-chart-legend-width: 25%; @vc_line-chart-width: 100% - @vc_line-chart-legend-width; @vc_chart-legend-font-size: 14px; @vc_chart-legend-color-size: 1.3em; @vc_chart-legend-gap: 1em; @vc_chart-legend-item-gap: 0.3em; .vc_chart { .vc_chart-legend { font-size: @vc_chart-legend-font-size; margin: 0; padding: 0; li { line-height: @vc_chart-legend-color-size; list-style: none; margin: 0 0 @vc_chart-legend-item-gap 0; min-height: @vc_chart-legend-color-size; } span { border-radius: 0.3em; display: inline-block; height: @vc_chart-legend-color-size; left: 0; margin-right: 0.5em; vertical-align: middle; width: @vc_chart-legend-color-size; } } @media (min-width: @vc_grid-float-breakpoint) { .vc_chart-legend { display: inline-block; vertical-align: middle; width: @vc_round-chart-legend-width; li { margin-left: @vc_chart-legend-gap; } } // Wrapper around canvas element if chart has legend. // Legend itself is outside of this element (on the right) .vc_chart-with-legend { display: inline-block; vertical-align: middle; width: @vc_round-chart-width; } } } .vc_line-chart { .vc_chart-with-legend { width: @vc_line-chart-width; } .vc_chart-legend { width: @vc_line-chart-legend-width; } }wp/form.less000064400000007010150212447730007030 0ustar00@import "../modules/ui/vc_ui-tabs-line.less"; @vc_wp-form-gap: 30px; @vc_wp-form-help-color: #757272; @vc_wp-form-heading-background: #ffffff; @vc_wp-form-content-background: #f9f9f9; @vc_wp-form-border: #e5e5e5; @vc_wp-form-links-separator-color: #176898; @vc_wp-form-padding: .8em .8em; @vc_wp-form-media-xs: (@vc_wp-form-media-sm/2); @vc_wp-form-media-sm: 783px; @vc_wp-form-media-md: 1121px; /* WP Form */ .vc_wp-form-help-block { font-style: italic; color: @vc_wp-form-help-color; font-weight: 400; font-size: 1em; } .vc_wp-form-dropdown { } .vc_wp-form-fieldset { margin-bottom: @vc_wp-form-gap; .vc_wp-form-legend { font-weight: 600; margin-top: 1em; margin-bottom: 1em; + .vc_wp-form-help-block { margin-top: -1em; margin-bottom: 1em; } } } .vc_wp-form-checkbox, .vc_wp-form-radio { display: block; //padding-bottom: .3em; } .vc_general.vc_wp-form-table { width: 100%; border-collapse: collapse; border: 1px solid @vc_wp-form-border; th { font-weight: 600; vertical-align: middle; } th, td { border-bottom: 1px solid @vc_wp-form-border; text-align: left; padding: @vc_wp-form-padding; display: table-cell; &:first-child { width: 50%; } select { width: 100%; } } thead, tfoot { th { background-color: @vc_wp-form-heading-background; label { white-space: nowrap; font-weight: 400; } } } tbody { th, td { background-color: @vc_wp-form-content-background; label { visibility: hidden; input { visibility: visible; } } } tr:hover { th, td { background-color: darken(@vc_wp-form-content-background, 2%); label { visibility: visible; } } } } // checkbox behaviour .vc_wp-form-checkbox, .vc_wp-form-radio { &, input { margin: 0; padding: 0; } } // link block behaviour + .vc_wp-form-link-block { text-align: right; } } .vc_wp-form-row { @vc_wp-form-gap: 30px; margin-left: -@vc_wp-form-gap / 2; margin-right: -@vc_wp-form-gap / 2; &::after{ content: ' '; display: table; clear: both; } .vc_wp-form-col { box-sizing: border-box; display: block; padding-left: @vc_wp-form-gap / 2; padding-right: @vc_wp-form-gap / 2; } // media @media (min-width: @vc_wp-form-media-xs) { .vc_wp-form-col { width: 50%; float: left; } } @media (min-width: @vc_wp-form-media-sm) { .vc_wp-form-col { width: 33.333%; } } @media (min-width: @vc_wp-form-media-md) { .vc_wp-form-col { width: 25%; } } } .vc_wp-form-link-block { a { display: inline-block; text-decoration: none; padding: .3em .5em; position: relative; &:first-child { padding-left: 0; } &:last-child { padding-right: 0; } &:not(:first-child) { &::before { content: ''; display: block; position: absolute; left: -1px; top: 50%; height: 1.2em; margin-top: -.6em; border-left: 1px solid @vc_wp-form-links-separator-color; } } } } /* Tabs line */ .vc_wp-settings { .vc_ui-tabs-line { margin-left: 0; margin-right: 0; position: relative; top: 1px; > .vc_active { > .vc_ui-tabs-line-trigger { border-top-color: @vc_wp-form-border; border-left-color: @vc_wp-form-border; border-right-color: @vc_wp-form-border; } } } }wp/accordion.less000064400000000764150212447730010037 0ustar00/* WP Accordion */ .vc_wp-accordion { margin: 0; padding: 0; .vc_wp-accordion-panel { margin: 0; padding: 0; } .vc_wp-accordion-panel-title { margin: 0; } .vc_wp-accordion-panel-body { box-sizing: content-box; display: none; overflow: hidden; transition-property: color, padding; transition-duration: .2s; transition-timing-function: ease-in-out; } .vc_active, .vc_animating { .vc_wp-accordion-panel-body { display: block; } } }params/loop.less000064400000005250150212447730007677 0ustar00/* Auto suggestion in Loop builder **/ .vc_loop-info { position: relative; top: 8px; margin-top: 5px; } .loop_params_holder { border: 1px solid #dfdfdf; padding: 10px; margin-top: 10px; background: #f5f5f5 url(../vc/rowbg.png); position: relative; &:before { content: ""; display: block; width: 0; height: 0; position: absolute; top: -8px; left: 20px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #dfdfdf; } .vc_row-fluid { border-bottom-color: #cccccc; } } .vc_suggest-field { clear: both; .vc_suggester { margin: 0; background: #ffffff; border: 1px solid #dfdfdf; border-radius: 3px; padding: 2px; cursor: text; min-height: 24px; li { margin-bottom: 0px; float: left; &.exclude { background: #f2dede; color: #b94a48; border: 1px solid #eed3d7; &:after { content: "-"; display: block; position: absolute; width: 5px; height: 5px; left: 3px; font-weight: bold; top: 1px; } } &.include { background: #dff0d8; color: #468847; border: 1px solid #d6e9c6; &:after { content: "+"; display: block; position: absolute; width: 5px; height: 5px; left: 3px; font-weight: bold; top: 2px; } } &.vc_suggest-label { border-radius: 2px; padding: 0 0 0 8px; margin: 2px; position: relative; cursor: pointer; .label { display: inline-block; line-height: 18px; font-size: 11px; padding: 0 6px 0 5px; } .remove { color: #999999; display: block; cursor: pointer; position: absolute; top: -5px; right: -3px; width: 9px; height: 9px; background: #F7F7F7; line-height: 9px; font-size: 12px; text-align: center; &:hover { color: red; } } } &.input { width: 100%; padding: 0 3px; box-sizing: border-box; input { width: 100%; border: 0; padding: 5px 0px; margin: 0px; &:focus { -webkit-box-shadow: none; box-shadow: none; } } } &.clear { clear: both; float: none; } } } } // Fix for bootstrap modal and autocomplete z-index .vc_ui-front { z-index: 100052 !important; }params/iconpicker.less000064400000000275150212447730011056 0ustar00.vc-iconpicker-wrapper { .vc-icons-selector .selector-footer .selector-arrow-right i { color: #333; } .vc-icons-selector .selector-footer .selector-pages { color: #333; } }params/options_field.less000064400000001237150212447730011565 0ustar00/** Options field type */ .vc_options-fields { border: 1px solid #dfdfdf; padding: 10px; margin-top: 10px; background: #f5f5f5 url(../vc/rowbg.png); position: relative; &:before { content: ""; display: block; width: 0; height: 0; position: absolute; top: -8px; left: 20px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #dfdfdf; } h4 { font-size: 16px; padding-bottom: 6px; margin: 4px 0 10px 0; border-bottom: 1px double #000; } .vc_row-fluid { border-bottom-color: #cccccc; .descr { margin-top: 5px; } } display: none; }params/hidden.less000064400000000314150212447730010155 0ustar00.vc_edit_form_elements .vc_edit-form-hidden-field-wrapper { padding-top: 0 !important; } .vc_edit_form_elements .vc_column.vc_edit-form-hidden-field-wrapper + .vc_column { padding-top: 0 !important; }params/gutenberg.less000064400000003643150212447730010714 0ustar00@gutenberg-modal-overlay: rgba(0, 0, 0, .7); @gutenberg-modal-background: #fff; @gutenberg-modal-spacing: 20px; @gutenberg-close-button-color: rgba(0, 0, 0, .5); @gutenberg-close-button-hover-color: rgba(0, 0, 0, .7); @gutenberg-close-button-size: 16px; @gutenberg-close-button-padding: 5px; @gutenberg-close-button-offset: 25px; .wpb-gutenberg-modal { position: fixed; overflow: hidden; left: 0; top: 0; right: 0; bottom: 0; background: @gutenberg-modal-overlay; z-index: 10000; .wpb-loading-overlay { top: @gutenberg-modal-spacing; left: @gutenberg-modal-spacing; right: @gutenberg-modal-spacing; bottom: @gutenberg-modal-spacing; background: @gutenberg-modal-background; align-items: center; z-index: 1; } } .wpb-gutenberg-modal-inner { background: @gutenberg-modal-background; position: fixed; top: @gutenberg-modal-spacing; left: @gutenberg-modal-spacing; right: @gutenberg-modal-spacing; bottom: @gutenberg-modal-spacing; } .admin-bar .wpb-gutenberg-modal-inner { top: @gutenberg-modal-spacing*2; } .wpb-gutenberg-modal-inner iframe { width: 100%; height: 100%; } button.wpb-gutenberg-modal-close-button { position: absolute; top: @gutenberg-close-button-offset; right: @gutenberg-close-button-offset; color: @gutenberg-close-button-color; background: transparent; border: 0; box-shadow: none; transition: color .2s ease-in-out; font-size: @gutenberg-close-button-size; padding: @gutenberg-close-button-padding; cursor: pointer; &:hover, &:focus { background: transparent; border: 0; box-shadow: none; color: @gutenberg-close-button-hover-color; } } button.vc_gutenberg-modal-update-button { position: absolute; top: @gutenberg-close-button-offset; right: @gutenberg-close-button-offset + @gutenberg-close-button-offset + (@gutenberg-close-button-offset / 2); padding-top: 8px; padding-bottom: 8px; min-height: 10px; } params/vc_grid_element.less000064400000003207150212447730012054 0ustar00.vc_grid-element-constructor { position: relative; // Move to admin controls .vc_t-grid-controls { display: block; line-height: 0; } .vc_t-grid-control { display: inline-block; cursor: pointer; padding: 4px; } .vc_t-grid-controls-row { .vc_t-grid-control { border: 1px solid #CCC; } } .vc_t-grid-controls-col { text-align: center; } // Modal .vc_grid-element-modal { position: absolute; top: 20px; left: 0; display: block; padding: 10px; background: #FFF; border: 1px solid #CCC; } .vc_grid-element-title { font-size: 18px; } .vc_grid-element-modal-controls { position: absolute; padding: 10px; right: 0; top: 0; } .vc_grid-element-modal-body { } // Row .vc_gitem-row { margin-bottom: 6px; } // Col .vc_gitem-col { > .vc_gitem-wrapper { background: #f5f5f5; > .vc_gitem-content { margin: 0 10px; border: 1px solid #CCC; min-height: 20px; } } } // Modal } .vc_t-grid-icon { width: 16px; height: 16px; display: inline-block; background: transparent url('../vc/controls.png') no-repeat -16px 0px; font-size: 0; line-height: 0; &-move { background-position: -16px 0; } &-add { background-position: -16px -16px; } &-edit { background-position: -16px -32px; } &-destroy { background-position: -16px -64px; } } .vc_grid-element-shortcode { border: 1px solid #CCC; padding: 2px; } .vc_gitem-row, .vc_gitem-col { border: 0; } .vc_grid-item_css-editor-featured-image-size { display: none; .vc_visible { display: block; } }params/column_offset.less000064400000002007150212447730011566 0ustar00.vc_column-offset-table { > tbody { > tr { > th { border: 0; text-align: left; } > td { border: 1px solid @table-border-color; padding: 20px; text-align: center; vertical-align: middle; } } } .vc_screen-size { background-color: #F8F8F8; .vc_icon { background: transparent url(../vc/column_offset_screen_size.png) -21px 0 no-repeat; width: 21px; height: 21px; display: inline-block; } //&-md { // .vc_icon { // background-position: -21px -21px; // } //} //&-sm { // .vc_icon { // background-position: -21px -42px; // } //} //&-xs { // .vc_icon { // background-position: -21px -84px; // } //} .vc-composer-icon { width: 21px; height: 21px; display: inline-block; font-size: 20px; color: #8A9197; } } } .vc_responsive_disabled { .vc_size-xs, .vc_size-md, .vc_size-lg { .opacity(.5); } }params/dropdown.less000064400000000531150212447730010557 0ustar00.vc_shortcode-param[data-param_type="dropdown"] select.wpb_vc_param_value { .reset() { display: inline-block; .opacity(1); margin: 0; left: 0; right: 0; float: none; position: inherit; text-align: left; } &, & option { .reset(); } option { display: block; padding: 0; width: 100%; } } params/autocomplete.less000064400000004006150212447730011425 0ustar00.vc_autocomplete-field { clear: both; .vc_autocomplete { margin: 0; background: #ffffff; border: 1px solid #dfdfdf; padding: 2px; cursor: text; min-height: 24px; li { margin-bottom: 0; &.vc_data { background: #0b4b81; color: #ffffff; border: 1px solid #0b4b81; } &.vc_autocomplete-label { border-radius: 2px; padding: 0 0 0 8px; margin: 1px; position: relative; cursor: pointer; a { color: #fff } .vc_label { display: inline-block; line-height: 18px; font-size: 11px; padding: 0 6px 0 5px; } .vc_autocomplete-remove { color: #aec4d8; display: block; cursor: pointer; position: absolute; top: 5px; right: 7px; width: 9px; height: 9px; line-height: 9px; font-size: 18px; text-align: center; &:hover { color: #ffffff; } } } &.vc_autocomplete-input { padding: 0 3px; box-sizing: border-box; .ui-helper-hidden-accessible { left: 0; } input { width: 100%; border: 0; padding: 5px 0; margin: 0; &:focus { -webkit-box-shadow: none; box-shadow: none; } } } &.vc_autocomplete-clear { clear: both; float: none; } } } } .vc_ui-auotocomplete { max-height: 200px; overflow-y: auto; } .wpb_el_type_checkbox { .wpb_vc_param_value.filter.checkbox { float: none; // fix for class .filter added from param rendering. } } .vc_autocomplete-inline { > li.vc_data.vc_autocomplete-label { display: block; padding: 0 20px 0 8px; width: auto; float: left; } > .vc_autocomplete-input { display: block; float: none; overflow: hidden; min-width: 200px; width: auto; } }params/css_editor.less000064400000005650150212447730011070 0ustar00.vc_css-editor { .vc_layout-onion { * { margin: 44px; position: relative; } label { position: absolute; font-size: 9px; line-height: 9px; top: 6px; left: 5px; color: #2C2C2C; margin: 0; padding: 0; } input { position: absolute; text-align: center; padding: 3px 0; height: 24px; width: 34px; margin: 0; border: 1px solid #bdbdbd; font-size: 11px; line-height: 11px; &.vc_top { top: 11px; left: 50%; margin-left: -17px; } &.vc_bottom { bottom: 11px; left: 50%; margin-left: -17px; } &.vc_left { top: 50%; left: 5px; margin-top: -12px; } &.vc_right { top: 50%; right: 5px; margin-top: -12px; } } .vc_margin { border: 1px dashed #bababa; margin: 1px; .vc_border { border: 1px solid #d7d7d7; background: #f6f6f6; // #e6e6e6; .vc_padding { border: 1px solid #bababa; background: #ebebeb; // #f5f5f5; .vc_content { border: 1px solid #bababa; height: 50px; padding: 0px; text-align: center; font-size: 10px; line-height: 11px; .box-sizing(border-box); i { margin: 8px auto; background: transparent url(../vc/logo/wpb-logo.svg) center center no-repeat; background-size: 32px; display: block; width: 32px; height: 32px; } } } } } .vc_active { background-color: #00aef0 !important; } } .vc_settings { .vc_background-image { margin-bottom: 10px; .vc_image { .added { &:extend(.gallery_widget_attached_images_list li all); .vc_icon-remove { &:extend(.wpb_el_type_attach_image .vc_icon-remove all); } } } .vc_add-image { &:extend(.wpb_el_type_attach_image .gallery_widget_add_images all); .vc_image { img.vc_preview { width: 16px; margin: 30px; } } } } label { margin-top: 10px; margin-bottom: 2px; display: block; &.vc_checkbox { font-weight: normal; } } select { width: auto; } .color-group { margin-top: 5px; margin-bottom: 6px; .wp-picker-container { position: relative; .wp-picker-holder { position: absolute; left: -40px; z-index: 10; } } } > :first-child { margin-top: 0; } } &.vc_simplified { .vc_layout-onion { .vc_left, .vc_right, .vc_bottom { display: none; } .vc_top { left: 22px; top: 20px; } } } } params/vc_link.less000064400000000356150212447730010355 0ustar00/** Link param **/ #wp-link .submitbox { height: auto; } .vc_link { .vc_link-build { margin-bottom: 5px; } .vc_link_label { font-weight: bold; margin-left: 10px; display: inline-block; line-height: 28px; } }params/vc_message_color.less000064400000003214150212447730012236 0ustar00/* Message box (Alert) ---------------------------------------------------------- */ .wpb_vc_message { .messagebox_text { padding-left: 24px; } .alert { color: #C09853; background-color: #FCF8E3; border-color: #FBEED5; .messagebox_text { background: url(../vc/alert.png) no-repeat left center; } } .alert-info { color: #3A87AD; background-color: #D9EDF7; border-color: #BCE8F1; .messagebox_text { background: url(../vc/info.png) no-repeat left center; } } .alert-success { color: #468847; background-color: #DFF0D8; border-color: #D6E9C6; .messagebox_text { background: url(../vc/tick.png) no-repeat left center; } } .alert-danger { color: #B94A48; background-color: #F2DEDE; border-color: #EED3D7; .messagebox_text { background: url(../vc/exclamation.png) no-repeat left center; } } } .vc_message-type { .alert-success { .alert-variant(@alert-success-bg; @alert-success-border; @alert-success-text); } .alert-info { .alert-variant(@alert-info-bg; @alert-info-border; @alert-info-text); } .alert-warning { .alert-variant(@alert-warning-bg; @alert-warning-border; @alert-warning-text); } .alert-danger { .alert-variant(@alert-danger-bg; @alert-danger-border; @alert-danger-text); } .vc_edit_color_option_variants(~'info'; @alert-info-bg; @alert-info-text); .vc_edit_color_option_variants(~'success'; @alert-success-bg; @alert-success-text); .vc_edit_color_option_variants(~'warning'; @alert-warning-bg; @alert-warning-text); .vc_edit_color_option_variants(~'danger'; @alert-danger-bg; @alert-danger-text); }params/colorpicker.less000064400000002112150212447730011234 0ustar00/** Color picker field **/ .wpb_el_type_colorpicker, .vc_edit_form_elements .wpb_el_type_colorpicker { .colorpicker_field { display: inline-block; width: 90px; padding: 4px 3px 3px; margin-right: 4px; } .wp-picker-clear { width: auto; } } .edit_form_line { .updated { margin: 5px 0px 2px; } } // Fix for bootstrap modal and autocomplete z-index .vc_ui-front { z-index: 100052 !important; } .vc_color-picker { &.wp-picker-container { width: auto; } .wp-picker-clear { padding: 2px 4px; } .wp-picker-holder { z-index: 10000; position: relative; .vc_alpha-container { border-radius: 0; border: 1px solid #dfdfdf; padding: 6px; background: #ffffff; position: absolute; width: 243px; left: -1px; z-index: 1000; bottom: -64px; label { display: block; output { padding-top: 0px; display: inline; vertical-align: top; } } input { padding: 0; margin: 0; width: 100%; } } } }params/param_group.less000064400000001631150212447730011241 0ustar00@import "backend_shortcodes/rows_columns.less"; @import "modules/vc_placeholder.less"; .vc_param_group-controls { .vc_controls { background-color: #fff; height: 20px; margin-bottom: 15px; width: 100%; } .vc_control { &.column_toggle { .vc_icon { background-position: -16px -114px; } .vc-c-icon-arrow_drop_down { &:extend(.vc-c-icon-arrow_drop_up all); } } } } .vc_param_group-collapsed { margin-bottom: 15px; .vc_control.column_toggle .vc_icon { background-position: -16px -96px; } & > .wpb_element_wrapper { display: none; } } .vc_hidden-label { display: none; } .vc_param-group-admin-labels { color: #999999; font-style: italic; line-height: 24px; float: left; margin-left: 1em; label { cursor: default; vertical-align: inherit; } } .vc_param_group-wrapper { margin: 14px -14px; padding: 0; }params/vc_grid_item/vc_gitem_editor.less000064400000006525150212447730014532 0ustar00@vc_gitem_min_height: 50px; @vc_gitem_element_margin_bottom: 5px; @vc_gitem_round_radius: 3px; // Base .vc_gitem-shortcode { margin: 10px auto 0; width: 96%; .vc_control { font-size: 13px; } .column_edit { font-size: 14px; } > .vc-controls { .vc-icon { background-image: url('../vc/fe/controls.png'); background-repeat: no-repeat; } } .vc_shortcodes_container { background: transparent; > .wpb_element_wrapper > .vc_container_for_children { outline: 0; } .controls_column { overflow: hidden; } } // Set content elements fixes //.wpb_content_element { // > .vc_controls { // display: block; // height: auto; // visibility: visible; // .opacity(1); // -webkit-transform: none; // -ms-transform: none; // transform: none; // > div { // white-space: normal; // } // > .vc_controls-cc { // -webkit-transform: none; // -ms-transform: none; // -o-transform: none; // transform: none; // position: static; // } // .vc_control-btn-clone { // display: none; // } // .vc_control-btn-delete { // .vc_btn-content { // border-bottom-right-radius: 3px; // border-top-right-radius: 3px; // } // } // .vc_control-btn-delete, .vc_control-btn-edit { // display: block; // float: right; // margin: 0px; // } // } // > .wpb_element_wrapper { // display: none; // } //} //.vc_controls { // min-height: 26px; //} //.vc_controls > div > :last-child .vc_btn-content { // border-radius: 0; //} //.vc_btn-content { // padding: 6px 3px; //} //.wpb_row_container > .wpb_vc_column { // margin-bottom: 4px; //} //.vc_shortcodes_container .wpb_vc_gitem_col .wpb_column_container { // margin: 0; //} // //.wpb_row_container > .wpb_vc_gitem_col > .wpb_element_wrapper { // padding: 1px 4px; //} //.vc_empty-container { // min-height: 32px; //} //.vc_element-name .vc_btn-content { // padding: 6px 6px !important; //} //.vc_element-move .vc_btn-content { // cursor: move !important; // padding-left: 21px !important; //} //.vc_element-move .vc-c-icon-dragndrop { // left: 11px; //} } .vc_gitem-add-c-col { vertical-align: top; margin-top: 10px; margin-bottom: 10px; outline: 1px dotted #e6e6e6; min-height: @vc_gitem_min_height; cursor: pointer; box-sizing: border-box; position: relative; &::before { font-family: 'vcpb-plugin-icons' !important; content: @vc-c-icon-add_element; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); color: #848c92; font-size: 20px; } .vc_gitem-add-c-left &, .vc_gitem-add-c-right & { padding-top: 26px; } &:hover { .opacity(0.5); } &.vc_zone-added { outline: 0; background: none; .vc_gitem-add-c-bottom & { margin-top: 30px; } &:hover { .opacity(1); } } } .vc_gitem-navbar-dropdown { padding: 15px; } #wpb_visual_composer { a { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } } @import "preview.less"; @import "shortcodes/vc_gitem_animated_block_admin.less"; @import "shortcodes/vc_gitem_zone_admin.less"; @import "shortcodes/vc_gitem_row_admin.less";params/vc_grid_item/shortcodes/vc_gitem_animated_block.less000064400000022547150212447730020357 0ustar00.vc_gitem-animated-block { position: relative; } .vc_gitem-animate { .vc_btn { .transition(all 0s ease); } .vc_gitem-zone-b { z-index: 199; } &-none { .vc_gitem-zone-b { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: 0; .opacity(0); box-sizing: border-box; .vc_grid-item-mini.vc_is-hover & { .opacity(1); } } } &-fadeIn, &-scaleIn, &-scaleRotateIn, &-blurOut, &-blurScaleOut { .vc_gitem-zone-b { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: 0; .opacity(0); .transition(all 1s ease); box-sizing: border-box; .vc_separator { .transition(all 1s ease); width: 0; } .vc_btn { .transition(all 1s ease); .scale(0); } .vc_post-title { display: inline-block; .opacity(0); .translate3d(0, -100%, 0); -webkit-perspective: 1000; -webkit-backface-visibility: hidden; // TODO: check why doesnt exists -moz , -ms and plain -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0.275, 0.125, 1), opacity 0.5s cubic-bezier(0, 0.275, 0.125, 1); -moz-transition: -moz-transform 1s cubic-bezier(0, 0.275, 0.125, 1), opacity 0.5s cubic-bezier(0, 0.275, 0.125, 1); transition: transform 1s cubic-bezier(0, 0.275, 0.125, 1), opacity 0.5s cubic-bezier(0, 0.275, 0.125, 1); .vc_grid-item-mini.vc_is-hover & { .opacity(1); .vc_separator { .transition(all 1s ease); width: 50%; } .vc_btn { .transition(all 1s ease); .scale(1); } .vc_post-title { .opacity(1); .translate3d(0, 0, 0); } } } .vc_grid-item-mini.vc_is-hover & { .opacity(1); .vc_separator { .transition(all 1s ease); width: 50%; } .vc_btn { .transition(all 1s ease); .scale(1); } .vc_post-title { .opacity(1); .translate3d(0, 0, 0); } } } } &-scaleIn { overflow: hidden; .vc_gitem-zone-a { .scale(1); .transition-transform(.3s ease-in-out); .vc_grid-item-mini.vc_is-hover & { .scale(1.1); } } } &-scaleRotateIn { overflow: hidden; .vc_gitem-zone-a { .scale(1); .transition-transform(.3s ease-in-out); .vc_grid-item-mini.vc_is-hover & { -webkit-transform: scale(1.5) rotate(10deg); -moz-transform: scale(1.5) rotate(10deg); -ms-transform: scale(1.5) rotate(10deg); -o-transform: scale(1.5) rotate(10deg); transform: scale(1.5) rotate(10deg); } } } &-blurOut, &-blurScaleOut { .vc_gitem-zone-a { filter: blur(0px); -webkit-filter: blur(0px); -moz-filter: blur(0px); -ms-filter: blur(0px); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0'); .transform-origin(50% 50%); -webkit-perspective: 1000; -webkit-backface-visibility: hidden; webkit-transition: filter 0.5s cubic-bezier(0, 0.275, 0.125, 1), -webkit-transform 0.5s cubic-bezier(0, 0.275, 0.125, 1); -moz-transition: filter 0.5s cubic-bezier(0, 0.275, 0.125, 1), -moz-transform 0.5s cubic-bezier(0, 0.275, 0.125, 1); transition: filter 0.5s cubic-bezier(0, 0.275, 0.125, 1), transform 0.5s cubic-bezier(0, 0.275, 0.125, 1); .vc_grid-item-mini.vc_is-hover & { filter: url('../vc/blur.svg#blur'); -webkit-filter: blur(2px); -moz-filter: blur(2px); -ms-filter: blur(2px); filter: blur(2px); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0'); } } } &-blurScaleOut { overflow: hidden; .vc_gitem-zone-a { .scale(1.1); .vc_grid-item-mini.vc_is-hover & { .scale(1); } } } &-slideInRight { overflow: hidden; .vc_gitem-zone-b { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0; .opacity(0); .transition(all 1s ease); -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); // IE9 only -o-transform: translateX(-100%); transform: translateX(-100%); .vc_grid-item-mini.vc_is-hover & { .opacity(1); -webkit-transform: translateX(0); -ms-transform: translateX(0); // IE9 only -o-transform: translateX(0); transform: translateX(0); } } } &-slideInLeft { overflow: hidden; .vc_gitem-zone-b { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0; .transition(all 1s ease); -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); // IE9 only -o-transform: translateX(-100%); transform: translateX(-100%); .opacity(0); .vc_grid-item-mini.vc_is-hover & { .opacity(1); -webkit-transform: translateX(0); -ms-transform: translateX(0); // IE9 only -o-transform: translateX(0); transform: translateX(0); } } } &-slideBottom { overflow: hidden; position: relative; .vc_gitem-zone-b { display: block; .transition(all 1s ease); z-index: 1000; position: absolute; top: 100%; height: 100%; left: 0; right: 0; margin: 0; .vc_grid-item-mini.vc_is-hover & { top: 0; } } } &-slideTop { overflow: hidden; position: relative; .vc_gitem-zone-b { display: block; .transition(all 1s ease); z-index: 1000; position: absolute; top: -100%; height: 100%; left: 0; right: 0; margin: 0; .vc_grid-item-mini.vc_is-hover & { top: 0; } } } &-flipFadeIn { overflow: hidden; .vc_gitem-zone-a { .backface-visibility(hidden); .transition-transform(1s); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; .vc_grid-item-mini.vc_is-hover & { .rotateX(180deg); } } .vc_gitem-zone-b { display: block; top: 0; left: 0; right: 0; bottom: 0; position: absolute; .opacity(0); .transition(all 0.6s ease); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; .rotateX(180deg); .backface-visibility(hidden); .vc_grid-item-mini.vc_is-hover & { .opacity(1); .rotateX(0deg); } } } &-flipHorizontalFadeIn { overflow: hidden; .vc_gitem-zone-a { .backface-visibility(hidden); .transition-transform(1s); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; .vc_grid-item-mini.vc_is-hover & { .rotateY(180deg); } } .vc_gitem-zone-b { display: block; top: 0; left: 0; right: 0; bottom: 0; position: absolute; .opacity(0); .transition(all 0.6s ease); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; .rotateY(180deg); .backface-visibility(hidden); .vc_grid-item-mini.vc_is-hover & { .opacity(1); .rotateY(0deg); } } } &-goTop20 { overflow: hidden; .vc_gitem-zone-a { position: relative; -webkit-transform: translateY(0); -ms-transform: translateY(0); // IE9 only -o-transform: translateY(0); transform: translateY(0); .transition-transform(.5s ease); .vc_grid-item-mini.vc_is-hover & { -webkit-transform: translateY(-20%); -ms-transform: translateY(-20%); // IE9 only -o-transform: translateY(-20%); transform: translateY(-20%); } } .vc_gitem-zone-b { display: block; .vc_gitem-zone-mini { position: static; -webkit-transform: none; -ms-transform: none; transform: none; } .transition(bottom .5s ease); bottom: -100%; z-index: 1000; position: absolute; width: 100%; margin: 0; .vc_grid-item-mini.vc_is-hover & { bottom: 0%; } } } &-goBottom20 { overflow: hidden; .vc_gitem-zone-a { position: relative; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); .transition-transform(.5s ease); .vc_grid-item-mini.vc_is-hover & { -webkit-transform: translateY(20%); -ms-transform: translateY(20%); transform: translateY(20%); } } .vc_gitem-zone-b { display: block; .vc_gitem-zone-mini { position: static; -webkit-transform: none; -ms-transform: none; transform: none; } .transition(top .5s ease); top: -100%; z-index: 1000; position: absolute; width: 100%; margin: 0; .vc_grid-item-mini.vc_is-hover & { top: 0%; } } } }params/vc_grid_item/shortcodes/vc_gitem_row_admin.less000064400000002030150212447730017363 0ustar00.wpb_vc_gitem_row { margin: 0 auto; // TODO: add to list .vc_controls-row { .vc_column-delete { float: right; display: block; background: #ffffff; // Hide in A/B .wpb_vc_gitem_zone_a &, .wpb_vc_gitem_zone_b & { display: none; } &:hover { background-color: #ffe0e0; } } .vc_row_layouts { background: #ffffff; } .vc_row_layouts { margin-left: 0; &:hover { left: 0; height: 16px; position: relative; } } } } .wpb_row_container { > .wpb_vc_gitem_col { > .vc_controls, > .wpb_element_wrapper { background-color: #ffffff; } } } // //.wpb_vc_gitem_col { // &.vc_col-sm-4 { // .wpb_content_element { // > .vc_controls { // .vc_controls-cc { // .vc_clearfix(); // } // .vc_element-name { // float: none; // display: block; // .vc_btn-content { // overflow: hidden; // } // } // } // } // } //}params/vc_grid_item/shortcodes/vc_gitem_zone_admin.less000064400000006214150212447730017537 0ustar00.vc_gitem-shortcode { .vc_empty-container, .vc_sorting-empty-container { min-height: 47px; } .vc_placeholder { margin-bottom: 0; margin-top: 0; } .wpb_vc_gitem_zone_c, .wpb_vc_gitem_zone_a, .wpb_vc_gitem_zone_b { background-color: #f5f5f5; //padding: 4px; padding-left: 4px; padding-right: 4px; margin: 0; //.vc_element-icon { // background: transparent; //} > .wpb_element_wrapper { padding-top: 5px; > .vc_container_for_children { margin: 0; } } .wpb_row_container > .wpb_vc_column { margin-bottom: 5px; } .wpb_vc_column { padding-left: 5px; padding-right: 5px; } .wpb_row_container { margin-left: -5px; margin-right: -5px; } .wpb_row_container > .wpb_vc_column > .wpb_element_wrapper { padding: 1px 4px 1px; } .wpb_content_element > .wpb_element_wrapper { padding: 0; } } .vc_shortcodes_container > .controls_column { height: 27px; } .vc_shortcodes_container .wpb_column_container { margin: 0 5px; } } .vc_gitem-content { padding-top: 10px; } .wpb_vc_gitem_zone_c { position: relative; margin-top: 24px; min-height: 100%; box-sizing: border-box; .border-bottom-radius(@vc_gitem_round_radius); > .vc_controls:not(.bottom-controls) { position: absolute; top: -27px; left: 0; padding: 0; margin: 0; .vc_control { background-color: #f5f5f5; &:not(.vc_column-move) { background-color: #e6e6e6; } padding: 3px 8px; line-height: 24px; .border-top-radius(@vc_gitem_round_radius); } .column_edit, .column_delete { float: right; margin-left: 1px; } .column_delete { font-size: 12px; &:hover { background-color: #ffe0e0; } } &.bottom-controls { position: static; height: 30px; } } > .vc_css-helper { position: absolute; top: 3px; right: 55px; &.vc_featured { background-image: url('../vc/vc_gitem_image.png'); background-size: cover; margin-top: 3px; width: 16px; height: 16px; display: inline-block; margin-right: 3px; border-radius: 8px; right: 95px; } + .vc_css-helper { right: 75px; } } > .vc_color-helper { position: absolute; top: -25px; right: 55px; } } .wpb_vc_gitem_zone_a, .wpb_vc_gitem_zone_b { position: relative; // .border-top-radius(@vc_gitem_round_radius); .border-bottom-radius(@vc_gitem_round_radius); > .vc_css-helper { position: absolute; top: 3px; right: 0; &.vc_featured { background-image: url('../vc/vc_gitem_image.png'); background-size: cover; margin-top: 3px; width: 16px; height: 16px; display: inline-block; margin-right: 3px; border-radius: 8px; } + .vc_css-helper { right: 20px; } + .vc_featured { right: 40px; } } > .vc_controls { display: none; } > .wpb_element_wrapper { > .vc_container_for_children { margin: 0; } } } .vc_general.vc_element-icon.icon-wpb-gitem-zone { background: none; } params/vc_grid_item/shortcodes/vc_gitem_zone.less000064400000000666150212447730016374 0ustar00.vc_gitem-zone { position: relative; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; background-clip: border-box; box-sizing: border-box; overflow: hidden; .vc-zone-link { display: block; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 5; } } .vc_gitem-zone-img { width: 100%; display: block; visibility: hidden; height: auto; }params/vc_grid_item/shortcodes/vc_gitem_zone_b.less000064400000000265150212447730016670 0ustar00.vc_gitem-zone-b { overflow: hidden; .vc_gitem-zone-mini { position: static; padding: inherit; top: 0; left: 0; right: 0; bottom: 0; margin: 0; } }params/vc_grid_item/shortcodes/vc_gitem_zone_a.less000064400000000256150212447730016667 0ustar00.vc_gitem-zone-a { .vc_gitem-zone-mini { box-sizing: border-box; padding: inherit; position: static; top: 0; left: 0; bottom: 0; right: 0; } }params/vc_grid_item/shortcodes/vc_gitem_post_data.less000064400000000157150212447730017372 0ustar00.vc_gitem-post-data { margin-bottom: @vc_gitem_post_data_shortcode_margin_bottom; h2 { margin: 0; } }params/vc_grid_item/shortcodes/vc_gitem_gitem_zone_height_mode.less000064400000000763150212447730022113 0ustar00 .vc-gitem-zone-height-mode-auto { .vc_gitem-zone-img { display: none !important; } &:before { content: ""; display: block; padding-top: 100%; } &&-4-3 { &:before { padding-top: 100/4*3%; } } &&-3-4 { &:before { padding-top: 100/3*4%; } } &&-3-4 { &:before { padding-top: 100/3*4%; } } &&-16-9 { &:before { padding-top: 100/16*9%; } } &&-9-16 { &:before { padding-top: 100/9*16%; } } }params/vc_grid_item/shortcodes/vc_gitem_row.less000064400000001043150212447730016216 0ustar00.vc_gitem_row { margin-left: 0; margin-right: 0; margin-bottom: 0px; padding: inherit; box-sizing: border-box; .vc_gitem_row & { margin-bottom: 0px; } } .vc_gitem-zone-a, .vc_gitem-zone-b { .vc_gitem-row-position { &-top { position: absolute; left: 0; right: 0; top: 0; } &-middle { position: absolute; left: 0; right: 0; top: 50%; .translate(0, -50%); } &-bottom { position: absolute; left: 0; right: 0; bottom: 0; } } } params/vc_grid_item/shortcodes/vc_gitem_col.less000064400000000266150212447730016172 0ustar00.vc_gitem_row { .vc_gitem-col { box-sizing: border-box; padding: 10px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; } }params/vc_grid_item/shortcodes/vc_gitem_animated_block_admin.less000064400000004274150212447730021524 0ustar00// Animated blocks .vc_gitem-tabs { margin: 0 -1px; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-content: stretch; align-items: stretch; @media screen and (min-width: @screen-md-min) { flex-direction: row; } .vc_gitem-animated-block-tab { float: left; margin: 0 1px; background-color: #e6e6e6; border: 1px solid transparent; box-sizing: border-box; flex: 0 0 auto; height: 27px; display: flex; &:first-child { .border-top-radius(@vc_gitem_round_radius); } @media screen and (min-width: @screen-md-min) { flex: 1 0 0; .border-top-radius(@vc_gitem_round_radius); } a { margin: 0; display: inline-block; padding-left: 4px; padding-right: 4px; padding-top: 2px; color: #444; text-decoration: none; outline: none; flex: 0 0 auto; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; &:first-child { flex: 1 1 0; } .vc_label { display: block; height: 16px; box-sizing: border-box; margin: 0 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 600; line-height: 1.4; } } .vc-composer-icon { color: #888888; } &.vc_active { background-color: #f5f5f5; } } } .vc_gitem-animated-block-content-controls { .vc_gitem-animation { margin: 0 0 6px; select { margin: 0 auto; display: block; } } } .vc_gitem-zone-tab { min-height: @vc_gitem_min_height; display: none; &.vc_active { display: block; } } .vc_gitem_animated_block-shortcode { margin-top: 9px; margin-bottom: 10px; box-sizing: border-box; > .vc_controls { display: block; float: right; .vc_control-btn-edit { border: 1px solid #f5f5f5; .border-top-radius(@vc_gitem_round_radius); .border-bottom-radius(@vc_gitem_round_radius); padding: 2px; width: 20px; text-align: center; } } } .vc_gitem-animation-single { .vc_gitem-tab-b { display: none; } }params/vc_grid_item/shortcodes/vc_gitem_zone_c.less000064400000000562150212447730016671 0ustar00// Vc_gitem class to add to vc. .vc_grid-item-zone-c { &-left { .vc_gitem-animated-block { float: right; width: 50%; } .vc_gitem-zone-c { float: left; width: 50%; } } &-right { .vc_gitem-animated-block { float: left; width: 50%; } .vc_gitem-zone-c { float: right; width: 50%; } } } params/vc_grid_item/shortcodes/vc_gitem_post_categories.less000064400000000101150212447730020573 0ustar00.vc_gitem-post-category-name .vc_gitem-link { color: inherit; }params/vc_grid_item/navbar.less000064400000000000150212447730012616 0ustar00params/vc_grid_item/vc_grid_item.less000064400000004670150212447730014021 0ustar00@vc_gitem_post_data_shortcode_margin_bottom: 15px; .vc_grid.vc_row { //Causes https://app.asana.com/0/90442874619636/85765759204968 bug on ios and etc. //.vc_pageable-slide-wrapper { // > *:hover { // z-index: 3; // } //} .vc_pageable-slide-wrapper { .vc_grid-item.vc_visible-item:hover { z-index: 3; } } .vc_grid-item { display: none; padding: 0; vertical-align: top; float: none; box-sizing: border-box; z-index: 1; .vc_grid-item-mini { .vc_grid-item-content { overflow: hidden; } } .wpb_content_element, .vc_icon_element, .vc_btn { margin-bottom: @vc_gitem_post_data_shortcode_margin_bottom; a { text-decoration: none; border-bottom: 0; } } } } .vc_grid { .vc_gitem-link { border-bottom: none; outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } } .vc_masonry_grid, .vc_masonry_media_grid { .vc_grid.vc_row { .vc_grid-item { position: static; // Fix for FF with masonry &.vc_visible-item { display: block; } } } } .vc_basic_grid, .vc_media_grid { .vc_grid.vc_row { .vc_grid-item { &.vc_visible-item { display: block; } @media (min-width: @screen-sm-min) { &.vc_visible-item { display: inline-block; } } } } } @-moz-document url-prefix() { .vc_masonry_grid, .vc_masonry_media_grid { .vc_grid-item { margin-left: -0.01px; // Fix for FF with masonry } } } .vc_gitem-zone-b { display: none; } .vc_gitem-float { &-none { float: none; } &-left { float: left; } &-right { float: right; } } .vc_gitem-align { &-center { text-align: center; } &-right { text-align: right; } &-justify { text-align: justify; } } .vc_gitem-block { position: relative; overflow: hidden; } .vc_gitem-is-link { cursor: pointer; } .vc_gitem-link { text-decoration: none; } @import "shortcodes/vc_gitem_row.less"; @import "shortcodes/vc_gitem_col.less"; @import "shortcodes/vc_gitem_zone.less"; @import "shortcodes/vc_gitem_zone_a.less"; @import "shortcodes/vc_gitem_zone_b.less"; @import "shortcodes/vc_gitem_zone_c.less"; @import "shortcodes/vc_gitem_gitem_zone_height_mode.less"; @import "shortcodes/vc_gitem_animated_block.less"; @import "shortcodes/vc_gitem_post_data.less"; @import "shortcodes/vc_gitem_post_categories.less"; params/vc_grid_item/preview.less000064400000000175150212447730013043 0ustar00.vc_gitem-preview { iframe { width: 100%; height: 600px; } } .vc_gitem-navbar-preview-width { display: none; }params/vc_grid.less000064400000000272150212447730010342 0ustar00.vc_grid-custom-source { .vc_not-for-custom { display: none; } } .wpb-select > .fa { display: block; } .wpb-select > .fa:before { font-size: 15px; padding-right: 10px; } params/sorted_list.less000064400000004373150212447730011266 0ustar00.vc_sorted-list { .vc_sorted-list-container { li { border: 1px dashed #CCCCCC; width: 150px; clear: both; padding: 4px; display: block; margin-bottom: 2px; cursor: move; } } } /** Sortable list params */ .vc_sorted-list-checkbox { display: inline-block; cursor: pointer; overflow: hidden; height: 26px; margin-right: 4px; position: relative; label { float: left; width: auto; input { margin-right: 0px; position: absolute; top: -20px; } span { text-align: center; display: block; border: 1px solid #CCCCCC; padding: 2px 6px 1px; -webkit-border-radius: @teaser_checkbox_radius; -moz-border-radius: @teaser_checkbox_radius; border-radius: @teaser_checkbox_radius; background: rgb(255, 255, 255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 70%, rgba(241, 241, 241, 1) 100%, rgba(246, 246, 246, 1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(70%, rgba(234, 234, 234, 1)), color-stop(100%, rgba(241, 241, 241, 1)), color-stop(100%, rgba(246, 246, 246, 1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 70%, rgba(241, 241, 241, 1) 100%, rgba(246, 246, 246, 1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 70%, rgba(241, 241, 241, 1) 100%, rgba(246, 246, 246, 1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 70%, rgba(241, 241, 241, 1) 100%, rgba(246, 246, 246, 1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 70%, rgba(241, 241, 241, 1) 100%, rgba(246, 246, 246, 1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0); /* IE6-9 */ } input:checked + span { background: #FFF; box-shadow: inset 1px 1px 1px 1px #DDDDDD; color: #5e5e5e; } input:hover + span { } } }js_composer_tta.less000064400000000172150212447730010634 0ustar00// Front end editor @import "config/variables.less"; // Base file .wpb-js-composer { @import "shortcodes/vc_tta.less"; }config/admin_variables.less000064400000005671150212447730012037 0ustar00@vc_pe_controls_sprite: '../vc/fe/controls.png'; @vc_pe_empty_container_icon: '../vc/fe/empty_row_sprite.png'; // Controls color settings @vc_controls_background: #95ca24; @vc_controls_border: @vc_controls_background; @vc_control_hover_color: darken(@vc_controls_background, 5%); @vc_controls_child_background: #f3af1c; @vc_controls_child_border: @vc_controls_child_background; @vc_controls_child_background_hover: darken(@vc_controls_child_background, 5%); @vc_controls_child_border_hover: @vc_controls_child_background_hover; @vc_controls_parent_background: #0073aa; @vc_controls_parent_border: @vc_controls_parent_background; @vc_controls_parent_background_hover: darken(@vc_controls_parent_background, 5%); @vc_controls_parent_border_hover: @vc_controls_parent_background_hover; @vc_controls_bottom_append_border_bottom: @vc_controls_child_background; @vc_controls_bottom_append_border_bottom_hover: @vc_controls_child_background_hover; @vc_backend_column_controls_height: 24px; @vc_backend_column_margin_bottom: 15px; @vc_element_hover_border: #EBEBEB; @vc_element_hover_border_rgba: rgba(125, 125, 125, 0.40); @vc_elemnet_container_min_height: 40px; @vc_border_color: #e6e6e6; @vc_border_radius: 3px; @vc_placeholder_pattern: '../vc/pattern.gif'; @vc_btn_default_color: #7d7d7d; @vc_btn_default_bg: #fff; @vc_btn_default_border: #ccc; @vc_btn_primary_color: #fff; @vc_btn_primary_bg: #00aef0; @vc_btn_primary_border: darken(@vc_btn_primary_bg, 5%); /* Navbar */ @vc_navbar_sprite: '../vc/navbar_controls.png'; // zero-based numbering @vc_navbar_sprite_left_position: 0; @vc_navbar_icon_color: #FFFFFF; @vc_navbar_background_color: #0473aa; @vc_navbar_icon_btn_color: #1b3660; @vc_navbar_icon_btn_color_hover: darken(@vc_navbar_background_color, 5%); @vcui_navbar_logo: '../vc/logo/wpb-logo-white.svg'; @vc_navbar_border_color: #0473aa; @vc_navbar_margin: 0; @vc_navbar_height: 55px; @vc_navbar_fixed_right_padding: 160px; /* Modal box */ @vc_zindex_modal: 100002; @vc_modal_header_bg_color: #093459; @vc_modal_header_color: #EEEEEE; @vc_modal_content_border_color: #DDDDDD; @vc_modal_content_radius: 2px; @vc_add_element_width: 582px; @vc_add_element_button_width: 174px; @vc_modal_top_margin: 74px; @modal-backdrop-opacity: 0.2; @modal-inner-padding: 20px; @zindex-modal-background: 100001; @modal-title-padding: 0; @modal-header-border-color: 0; /* Panel */ @panel-border-radius: 2px; @panel-footer-bg: #E6E6E6; @panel-body-padding: 0; // Variable for configuring VC settings tabs // User group policies accordion headers. @vc_settings_title_bottom_margin: 10px; @vc_settings_right_control_button_margin: 0 10px; @vc_backend_editor_margin_right: 10px; // Bootstrap variables @border-radius-base: 2px; @navbar-height: @vc_navbar_height; @btn-default-border: transparent; @btn-primary-border: @btn-default-border; @btn-success-border: @btn-default-border; @btn-info-border: @btn-default-border; @btn-warning-border: @btn-default-border; @btn-danger-border: @btn-default-border;config/variables_common.less000064400000003334150212447730012231 0ustar00// Bootstrap forked variables // Button inverse background @grayDarker: #222; @grayDark: #333; @gray: #555; @white: #fff; // Accent colors // ------------------------- // Button warning background @orange: #f89406; @bodyBackground: @white; // Links // ------------------------- // Button primary background @linkColor: #08c; // Typography // ------------------------- @baseFontSize: 13px; @baseLineHeight: 18px; // Buttons // ------------------------- @vc_btnBackground: #f7f7f7; @vc_btnBackgroundHighlight: darken(@vc_btnBackground, 5%); @vc_btnBorder: #ccc; @vc_btnPrimaryBackground: @linkColor; @vc_btnPrimaryBackgroundHighlight: darken(@vc_btnPrimaryBackground, 5%); @vc_btnInfoBackground: #58B9DA; @vc_btnInfoBackgroundHighlight: darken(@vc_btnInfoBackground, 5%); @vc_btnSuccessBackground: #6AB165; @vc_btnSuccessBackgroundHighlight: darken(@vc_btnSuccessBackground, 5%); @vc_btnWarningBackground: #FF9900; @vc_btnWarningBackgroundHighlight: darken(@vc_btnWarningBackground, 5%); @vc_btnDangerBackground: #FF675B; @vc_btnDangerBackgroundHighlight: darken(@vc_btnDangerBackground, 5%); @vc_btnInverseBackground: @gray; @vc_btnInverseBackgroundHighlight: darken(@vc_btnInverseBackground, 5%); // Alerts (Message boxes) // ------------------------- @warningText: #c09853; @warningBackground: #fcf8e3; @warningBorder: darken(spin(@warningBackground, -10), 3%); @errorText: #b94a48; @errorBackground: #f2dede; @errorBorder: darken(spin(@errorBackground, -10), 3%); @successText: #468847; @successBackground: #dff0d8; @successBorder: darken(spin(@successBackground, -10), 5%); @infoText: #3a87ad; @infoBackground: #d9edf7; @infoBorder: darken(spin(@infoBackground, -10), 7%); @vc_btn_padding_vertical: 9px; @vc_btn_padding_horizontal: 12px;config/variables_colors.less000064400000002141150212447730012235 0ustar00// Variables 4.0 //When color is added it should be added to the VcSharedLibrary class too @blue: #5472D2; @blue-hover: lighten(@blue, 10%); @turquoise: #00C1CF; @turquoise-hover: darken(@turquoise, 10%); @pink: #FE6C61; @pink-hover: lighten(@pink, 10%); @violet: #8D6DC4; @violet-hover: lighten(@violet, 10%); @peacoc: #4CADC9; @peacoc-hover: lighten(@peacoc, 10%); @chino: #CEC2AB; @chino-hover: lighten(@chino, 10%); @mulled_wine: #50485B; @mulled_wine-hover: lighten(@mulled_wine, 10%); @vista_blue: #75D69C; @vista_blue-hover: lighten(@vista_blue, 10%); @black: #2A2A2A; @black-hover: lighten(@black, 10%); @grey: #EBEBEB; @grey-hover: darken(@grey, 10%); @orange: #F7BE68; @orange-hover: lighten(@orange, 10%); @sky: #5AA1E3; @sky-hover: lighten(@sky, 10%); @green: #6DAB3C; @green-hover: lighten(@green, 10%); @juicy_pink: #F4524D; @juicy_pink-hover: lighten(@juicy_pink, 10%); @sandy_brown: #F79468; @sandy_brown-hover: lighten(@sandy_brown, 10%); @purple: #B97EBB; @purple-hover: lighten(@purple, 10%); @white: #FFFFFF; @white-hover: darken(@white, 10%); @grace: #AED13B; @grace-hover: #AED13B; // End Variables config/variables.less000064400000006442150212447730010664 0ustar00@import (reference) "../../lib/bower/bootstrap3/less/bootstrap.less"; @import (reference) "../../fonts/vc_icons_v2/variables.less"; //Grid // This variables are needed when grid is recalculated @gridColumns: 12; @fluidGridGutterWidth: 2.5%; @negative_fluidGridGutterWidth: -@fluidGridGutterWidth; @vc_span12: 100%; @vc_span11: 91.45833333333334%; @vc_span10: 82.91666666666667%; @vc_span9: 74.375%; @vc_span8: 65.83333333333334%; @vc_span7: 57.29166666666667%; @vc_span6: 48.75%; @vc_span5: 40.208333333333336%; @vc_span4: 31.666666666666668%; @vc_span3: 23.125%; @vc_span2: 14.583333333333334%; @vc_span1: 6.041666666666667%; // VC Variables @vc_grey: #f7f7f7; @vc_backend_controls_inactive_color: #e6e6e6; @vc_grey_hover: #F0F0F0; @vc_inner_container_bg_color: #FFFFFF; @vc_smaller_font: 80%; @vc_responsive_max_w: 480px; @vc_element_margin_bottom: 35px; @vc_margin_bottom_third: @vc_element_margin_bottom/3; @vc_margin_bottom_gold: @vc_element_margin_bottom/1.61; // vc_row @vc_row_control_bg: @vc_backend_controls_inactive_color; // vc_column @vc_column_bg: #F5F5F5; //vc_call_to_action.less @vc_call_to_action_bg: @vc_grey; @vc_call_to_action_border: @vc_grey_hover; @vc_cta_button_w: 100% - 70% - @fluidGridGutterWidth; @vc_call_to_action_2_bg: @grey; //vc_google_maps.less @vc_google_maps_bg: @vc_grey; //vc_image_gallery.less @vc_image_slider_link: @vc_grey; @vc_image_slider_link_active: darken(@vc_grey, 20%); //vc_post_slider.less @vc_post_slider_caption_bg: @vc_grey; //vc_progress_bar.less @vc_progress_bar_bg: @vc_grey; //vc_separator.less @vc_separator_border: @grey; //vc_tabs_tour_accordion.less @tour_nav_spanX: 4; @tour_nav_width: @vc_span1 * @tour_nav_spanX + @fluidGridGutterWidth * (@tour_nav_spanX - 1); @tour_slides_width: 100% - @tour_nav_width; @vc_tab_bg_active: @vc_grey; @vc_tab_bg: @vc_inner_container_bg_color; @vc_tab_tag_bg: @vc_backend_controls_inactive_color; @vc_tab_tag_active_bg: #FFFFFF; @vc_tab_tag_color: #848c91; @vc_accordion_header_padding: 16px; @vc_accordion_header_tag_bg: #FFFFFF; @vc_accordion_tab_bg: #FFFFFF; @vc_container_inner_shortcode_border_bg: @vc_backend_controls_inactive_color; @vc_accordion_tab_label_margin_left: 23px; @vc_accordion_tab_label_color: #6f777d; //vc_teaser_grid.less @vc_teaser_grid_w: 100% + @fluidGridGutterWidth; @vc_teaser_grid_span2: 100% / @gridColumns * 2 - @fluidGridGutterWidth - 0.15%; @vc_teaser_grid_span3: 100% / @gridColumns * 3 - @fluidGridGutterWidth - 0.08%; @vc_teaser_grid_span4: 100% / @gridColumns * 4 - @fluidGridGutterWidth - 0.08%; @vc_teaser_grid_span6: 100% / @gridColumns * 6 - @fluidGridGutterWidth - 0.05%; @vc_teaser_grid_span12: 100% - @fluidGridGutterWidth; @vc_carousel_arrows_bg: @vc_grey; @vc_carousel_arrows_bg_hover: @vc_grey_hover; // Teaser box @vc_teaser_checkbox_radius: 2px; @vc_arrows_font: 'vc_grid_v1'; @vc_arrows_path_eot: '../fonts/vc_grid/vc_grid_v1.eot'; @vc_arrows_path_ttf: '../fonts/vc_grid/vc_grid_v1.ttf'; @vc_arrows_path_woff: '../fonts/vc_grid/vc_grid_v1.woff'; @vc_arrows_path_svg: '../fonts/vc_grid/vc_grid_v1.svg'; @import "admin_variables.less"; @import "variables_common.less"; @import "variables_colors.less"; @import (reference) "../lib/vc_mixins.less"; // Breakpoints @vc_grid-float-breakpoint: @grid-float-breakpoint; @vc_grid-float-breakpoint-max: @grid-float-breakpoint-max; @vc_background: #0473aa; js_composer_backend_editor.less000064400000013400150212447730012777 0ustar00@import "lib/bootstrap-components.less"; // must be outputed @import "lib/editor.less"; // Here comes panels @vc_modal_top_margin: 34px; // Elements icons @import "lib/elements_icons.less"; // Add element box @import "popups/modal_add_element.less"; // Navigation bar //@vc_navbar_sprite_left_position: -60px; //@vc_navbar_icon_color: #4F5C64; //@vc_navbar_background_color: #FCFCFC; //@vc_navbar_icon_btn_color: #F5F5F5; //@vc_navbar_border_color: #F5F5F5; //@vcui_navbar_logo: '../vc/logo/wpb-logo.svg'; @import "modules/vc_navbar.less"; @import "modules/vc_fullscreen.less"; // Message box shown when post content is empty @import "modules/vc_welcome.less"; // Backend switcher @import "modules/vc_switcher.less"; // Edit form for shortcode @import "popups/panel_edit_form.less"; // Template library @import "popups/panel_template_library"; // Templates editor @import "modules/ui/vc_ui-panel-templates.less"; //Presets @import "modules/ui/vc_ui-panel-preset.less"; // Teaser box for posts wused by Post grid and post carusel @import "modules/vc_teaser_box.less"; #vc_settings-title-container { display: none; } // Backend controls @import "lib/controls.less"; @import "lib/backend_controls.less"; @import "lib/backend_grid_element_pointers.less"; @import "lib/vc_pointer.less"; @import "lib/panel_preview.less"; // Shortcodes @import "backend_shortcodes/rows_columns.less"; @import "backend_shortcodes/empty_containers.less"; @import "shortcodes/_shortcodes_container.less"; @import "backend_shortcodes/content_block.less"; @import "backend_shortcodes/vc_accordion.less"; @import "backend_shortcodes/vc_button.less"; @import "shortcodes/vc_button3.less"; @import (reference)"shortcodes/vc_icon_element.less"; @import "backend_shortcodes/vc_button3.less"; // now let's override some margins and etc @import "shortcodes/vc_call_to_action3.less"; @import "backend_shortcodes/vc_call_to_action3.less"; // now let's override some margins and etc @import "backend_shortcodes/vc_column_text.less"; @import "backend_shortcodes/vc_cta_button.less"; @import "backend_shortcodes/vc_empty_space.less"; @import "backend_shortcodes/vc_facebook.less"; @import "backend_shortcodes/vc_flickr.less"; @import "backend_shortcodes/vc_gallery.less"; @import "backend_shortcodes/vc_gmaps.less"; @import "backend_shortcodes/vc_googleplus.less"; @import "backend_shortcodes/vc_images_carousel.less"; @import "backend_shortcodes/vc_message_box.less"; @import "backend_shortcodes/vc_tta.less"; @import "shortcodes/vc_separator.less"; .vc_shortcode-param[data-param_type="iconpicker"] { .vc-icons-selector .selected-icon { line-height: 40px; i.vc_pixel_icon { position: relative; top: 3px; } } } @import "backend_shortcodes/vc_pie.less"; @import "backend_shortcodes/vc_pinterest.less"; @import "backend_shortcodes/vc_posts_slider.less"; @import "backend_shortcodes/vc_progress_bar.less"; @import "backend_shortcodes/vc_raw_html.less"; @import "backend_shortcodes/vc_raw_js.less"; @import "backend_shortcodes/vc_separator.less"; @import "backend_shortcodes/vc_single_image.less"; @import "backend_shortcodes/vc_tabs.less"; @import "backend_shortcodes/vc_tab.less"; @import "backend_shortcodes/vc_accordion_tab.less"; @import "backend_shortcodes/vc_teaser_grid.less"; @import "backend_shortcodes/vc_toggle.less"; @import "backend_shortcodes/vc_tour.less"; @import "backend_shortcodes/vc_tweetmeme.less"; @import "backend_shortcodes/vc_twitter.less"; @import "backend_shortcodes/vc_video.less"; @import "backend_shortcodes/vc_widget_sidebar.less"; @import "backend_shortcodes/vc_wp_widget.less"; @import "backend_shortcodes/vc_charts.less"; @import "params/vc_grid_item/vc_gitem_editor.less"; .vc_admin_label { font-size: 11px; font-style: italic; color: #999999; margin-right: 5px; line-height: 1; word-wrap: break-word; label { vertical-align: inherit; } &.hidden-label { display: none; } } // Vendors @import "vendor/contact_form_7.less"; @import "vendor/gravity_form.less"; @import "vendor/layerslider.less"; @import "vendor/rev_slider.less"; @import "vendor/jwplayer.less"; @import "lib/vc_font.less"; #wpb_visual_composer { display: none; > .inside { margin: 0; padding: 0; } .vc_navbar { border-bottom: 1px solid @vc_navbar_border_color; } } .vc_hidden-xs { @media (max-width: @screen-xs-max) { .vc_backend-editor-invisibility-settings; } .vc_hidden-xs { > * { .opacity(1) !important; } } } .vc_hidden-sm { @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { .vc_backend-editor-invisibility-settings; } .vc_hidden-sm { > * { .opacity(1) !important; } } } .vc_hidden-md { @media (min-width: @screen-md-min) and (max-width: @screen-md-max) { .vc_backend-editor-invisibility-settings; } .vc_hidden-md { > * { .opacity(1) !important; } } } .vc_hidden-lg { @media (min-width: @screen-lg-min) { .vc_backend-editor-invisibility-settings; } .vc_hidden-lg { > * { .opacity(1) !important; } } } #visual_composer_content { margin: 14px 14px 0 14px; line-height: 1.2; } // WP fixes for files. #poststuff { h3.vc_modal-title { .vc_heading(16px); } .vc_welcome { h3 { margin: 0; padding: 0; font-size: 24px; line-height: 26px; cursor: default; } &.vc_not-empty { margin-top: 0; .vc_buttons { margin-top: 0; } } } } @import "lib/backend_draganddrop.less"; .vc_panel-heading { .vc_transparent { display: none; } } .vc_loading-shortcodes { #vc_no-content-helper { display: none; } } #wpb_csseditor { border: 1px solid #BABABA; } .vc_button-settings-less { &:active { vertical-align: baseline; } } // fix mobile overlay body.mobile.modal-open #wpwrap { position: relative !important; }js_composer_settings.less000064400000001337150212447730011710 0ustar00@import "config/variables.less"; @import "lib/utils.less"; @import "modules/ui/vc_ui-loaders.less"; @import "../fonts/vc_icons_v2/init.less"; .vc_settings { // Load default tabs rules. @import "settings_tabs/tabs_ui.less"; // General settings @import "settings_tabs/general_settings.less"; // Design options @import "settings_tabs/design_options.less"; // Custom css @import "settings_tabs/custom_css.less"; // Product license @import "settings_tabs/product_license.less"; // Shortcode automapper @import "settings_tabs/automapper.less"; @import "settings_tabs/vc_roles.less"; } @import "settings_tabs/user-group.less"; @import "pages/vc_welcome.less"; @import "wp/accordion.less"; @import "wp/form.less"; popups/panel_template_library.less000064400000011032150212447730013502 0ustar00.vc_access-library-col { margin-bottom: 40px; } .vc_ui-panel-content { position: relative; } .vc_ui-panel-popup { position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: #fff; z-index: 10; padding: 0 15px; &.vc_ui-hidden { display: none; } } .vc_ui-panel-popup { .vc_ui-panel-back-button { color: #c4c4c4; padding: 0; position: absolute; top: 2px; left: 0; .vc-composer-icon { font-size: 24px; vertical-align: middle; } } .vc_ui-panel-close-button { color: #c4c4c4; top: 0; left: 0; padding: 0; margin: 10px 0 3px; opacity: 1; .vc-composer-icon { font-size: 24px; vertical-align: middle; opacity: .8; transition: opacity ease-in-out .2s; } &:hover { .vc-composer-icon { opacity: 1; } } } } .vc_ui-panel-close { color: #c4c4c4; &::after { content: ""; display: table; clear: both; } } .vc_ui-control-button-text { vertical-align: middle; font-size: 20px; line-height: 1.4em; margin: 0 0 0 12px; display: inline-block; color: #23282d; font-weight: 600; } .vc_ui-panel-template-content { position: relative; &.vc_ui-hidden { display: none; } } .vc_ui-panel-message { background: #f5f5f5; padding: 10px 15px 17px; border-radius: 5px; border: #ebebeb solid 1px; margin-top: 10px; } .vc_ui-panel-title { font-size: 20px; line-height: 1.4em; margin-top: .5em; } .vc_ui-panel-template-grid { margin: 20px -18px -18px -18px; list-style: none; padding: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; } .vc_ui-panel-template-item { margin: 0 20px 20px; width: 100px; position: relative; text-align: center; display: none; &.vc_ui-visible { display: block; } img { width: 100px; height: 100px; } } .vc_ui-panel-template-item-content { position: relative; display: block; height: 100px; width: 100px; &:hover { .vc_ui-panel-template-item-overlay { opacity: 1; } } } .vc_ui-panel-template-item-overlay { -webkit-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; background-color: rgba(0, 0, 0, .7); color: #fff; position: absolute; overflow: hidden; opacity: 0; bottom: 0; right: 0; left: 0; top: 0; line-height: 100px; display: flex; } .vc_ui-panel-template-item-overlay-button { text-decoration: none; color: #fff; font-size: 25px; margin: 0 6px; display: inline-block; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; opacity: 0.8; flex: 1; &:hover { opacity: 1; color: inherit; } } .vc_ui-panel-template-item-name { line-height: 18px; position: relative; margin: 10px 0 6px; display: block; word-wrap: break-word; font-size: 14px; color: #0073aa; font-weight: 700; } .vc_ui-panel-template-item-info { display: block; font-size: 12px; font-style: italic; color: #969696; word-wrap: break-word; } .vc_ui-panel-search-box { width: 100%; margin-top: 15px; } .vc_ui-panel-search { width: 100%; border: 1px solid #ddd !important; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .07); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .07); } .vc_ui-panel-template-preview { &.vc_ui-hidden { display: none; } } .vc_ui-panel-template-preview-inner { position: relative; padding-left: 40px; } .vc_ui-panel-preview-content { margin: 40px 0; text-align: center; } .vc_ui-panel-preview-image { max-width: 100%; } .vc_ui-panel-download, .vc_ui-panel-update, .vc_ui-panel-loading { position: absolute; text-align: center; bottom: 0; left: 0; right: 0; top: 0; background: #fff; padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 1; &.vc_ui-hidden { visibility: hidden; } } .vc_preloader-box { height: 100px; width: 100px; display: inline-block; background: url(../vc/logo/wpb-logo.svg) no-repeat center; background-size: 72px; } .vc_ui-panel-template-update, .vc_ui-panel-template-download { &.vc_ui-hidden { display: none; } } [data-tab="shared_templates"] { .vc_ui-panel-popup { flex: 1; position: relative; min-height: 300px; } .vc_ui-templates-content { flex: 1; &.vc_ui-hidden { display: none; } } }popups/panel_edit_form.less000064400000015205150212447730012121 0ustar00.vc_shortcode-edit-form { padding-bottom: 61px; .vc_panel-footer { position: absolute; bottom: 0; width: 100%; } } .vc_properties-list { // overflow-y: auto; &.vc_properties-list-init { //overflow-y: auto; } //overflow-x: hidden; } .vc_edit-form-tab { padding-top: 5px; } /* Content element Edit screen ---------------------------------------------------------- */ @teaser_checkbox_radius: 2px; .vc_dependent-hidden { display: none !important; } .wpb_element_label, .vc_element_label { font-weight: 600; margin-bottom: 5px; display: block; } .vc_edit_form_elements { .vc_column + .vc_column, .vc_column-with-padding { padding-top: 15px; } .quicktags-toolbar { input { width: auto; padding: 2px 4px; } } input { padding-bottom: 7px; } input.wp-color-picker[type="text"] { width: 90px !important; padding: 4px 3px 3px; height: 24px; float: left; position: relative; } .wp-color-result.wp-picker-open:after { content: ""; border: none; } .vc_color-picker .wp-picker-input-wrap label { margin-top: 0; } input.wp-picker-clear { width: auto; } } /* Select Image / Select Images (multiple) ---------------------------------------------------------- */ .wpb_el_type_attach_images .gallery_widget_attached_images_list { cursor: move; } .gallery_widget_img_select, .gallery_widget_attached_images_list { margin: 0; li { position: relative; background: #F5F5F5; padding: 0; float: left; margin: 0px 5px 5px 0; height: 80px; width: 80px; line-height: 75px; text-align: center; border: 1px solid #DFDFDF; overflow: hidden; img { max-height: 80px; display: inline-block; vertical-align: middle; } } } .wpb_el_type_attach_images, .wpb_el_type_attach_image { // Add new image square button .gallery_widget_add_images { margin-top: 0; display: block; float: left; height: 80px; width: 80px; background: #F5F5F5; border: 1px solid #DFDFDF; font-size: 0; color: #F5F5F5; position: relative; &:hover { color: #C8C8C8; border-color: #C8C8C8; text-decoration: none; } &:focus { box-shadow: none; } .vc-composer-icon { font-size: 12px; color: #87D148; position: absolute; top: 50%; left: 50%; .translate(-50%, -50%); } } .vc_icon-remove { //background: transparent url(../vc/remove.png) center center no-repeat; width: 16px; height: 16px; display: block; position: absolute; top: 50%; left: 50%; .translate(-50%, -50%); &:hover { .opacity(0.7); } .vc-composer-icon { font-size: 18px; color: #FF7877; position: absolute; top: 50%; left: 50%; .translate(-50%, -50%); } } } .gallery_widget_site_images { display: none; } .wpb_vc_tab, .wpb_vc_accordion_tab { display: none; } .vc_hidden-placeholder { display: none; } #TB_overlay { z-index: 1055; } #TB_window { z-index: 1060; } // Color field .vc_colored-dropdown { .vc_edit_color_option_variants(~'blue', @blue, #ffffff); .vc_edit_color_option_variants(~'turquoise', @turquoise, #ffffff); .vc_edit_color_option_variants(~'pink', @pink, #ffffff); .vc_edit_color_option_variants(~'violet', @violet, #ffffff); .vc_edit_color_option_variants(~'peacoc', @peacoc, #ffffff); .vc_edit_color_option_variants(~'chino', @chino, #ffffff); .vc_edit_color_option_variants(~'mulled_wine', @mulled_wine, #ffffff); .vc_edit_color_option_variants(~'mulled-wine', @mulled_wine, #ffffff); .vc_edit_color_option_variants(~'vista_blue', @vista_blue, #ffffff); .vc_edit_color_option_variants(~'vista-blue', @vista_blue, #ffffff); .vc_edit_color_option_variants(~'black', @black, #ffffff); .vc_edit_color_option_variants(~'grey', @grey, #666666); .vc_edit_color_option_variants(~'orange', @orange, #ffffff); .vc_edit_color_option_variants(~'sky', @sky, #ffffff); .vc_edit_color_option_variants(~'green', @green, #ffffff); .vc_edit_color_option_variants(~'juicy_pink', @juicy_pink, #ffffff); .vc_edit_color_option_variants(~'juicy-pink', @juicy_pink, #ffffff); .vc_edit_color_option_variants(~'sandy_brown', @sandy_brown, #ffffff); .vc_edit_color_option_variants(~'sandy-brown', @sandy_brown, #ffffff); .vc_edit_color_option_variants(~'purple', @purple, #ffffff); .vc_edit_color_option_variants(~'white', @white, #666666); .vc_edit_color_option_variants(~'custom', @white, #000000); } // Color field extension for progress bar shortcode only [data-vc-shortcode="vc_progress_bar"] .vc_colored-dropdown { .vc_edit_color_option_variants(~'bar_blue', #0074CC, #ffffff); .vc_edit_color_option_variants(~'bar_turquoise', #49afcd, #ffffff); .vc_edit_color_option_variants(~'bar_green', #5bb75b, #ffffff); .vc_edit_color_option_variants(~'bar_orange', #faa732, #ffffff); .vc_edit_color_option_variants(~'bar_red', #da4f49, #ffffff); .vc_edit_color_option_variants(~'bar_black', #414141, #ffffff); .vc_edit_color_option_variants(~'bar_grey', #e0e0e0, #ffffff); } option, select { &.btn-primary { &:extend(.wpb_vc_button .btn-primary); border-width: 0; } &.btn-info { &:extend(.wpb_vc_button .btn-info); border-width: 0; text-shadow: none; } &.btn-success { &:extend(.wpb_vc_button .btn-success); border-width: 0; } &.btn-warning { &:extend(.wpb_vc_button .btn-warning); border-width: 0; } &.btn-inverse { &:extend(.wpb_vc_button .btn-inverse); border-width: 0; } &.btn-danger { &:extend(.wpb_vc_button .btn-danger); border-width: 0; } } .vc_shortcode-edit-form-deprecated-message { padding-bottom: 15px; .wpb_element_wrapper .vc_message_box { margin: 0; padding: 0 1em 1em 4em; } } @import "../params/sorted_list.less"; @import "../params/css_editor.less"; @import "../params/options_field.less"; @import "../params/vc_message_color.less"; @import "../params/colorpicker.less"; @import "../params/vc_link.less"; @import "../params/loop.less"; @import "../params/column_offset.less"; @import "../params/autocomplete.less"; @import "../params/param_group.less"; @import "../params/vc_grid.less"; @import "../params/vc_grid_element.less"; @import "../params/iconpicker.less"; @import "../params/dropdown.less"; @import "../lib/pixel_icons.less"; @import "../params/hidden.less"; @import "../params/gutenberg.less"; @import "../lib/css3_animations.less"; // Fix link height due to rel noopener .has-text-field.vc-link-wrapper #wp-link #search-panel .query-results { top: 215px; } .vc-link-nofollow { display: none; } .vc-link-wrapper { .vc-link-nofollow { display: block; } }popups/modal_add_element.less000064400000006125150212447730012410 0ustar00@vc_ui-panel-add-element-width: 80%; .vc_add-element-container { max-height: 75vh; flex: 1; * { box-sizing: border-box; } .wpb-elements-list { height: auto; overflow-y: auto; padding: 18px; .vc_align_center { text-align: center; } .vc_shortcode-link:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .wpb-content-layouts-container { margin: 0; .vc_add-element-deprecated-warning { display: none; .vc_message_box { margin: 0; padding: 0 1em 1em 4em; } } .vc_add-element-access-warning { .vc_message_box { margin: 0; padding: 0 1em 1em 4em; } } } &[data-vc-ui-filter="deprecated"] { .wpb-content-layouts-container { .vc_add-element-deprecated-warning { display: list-item; } } } &.vc_filter-all { .wpb-layout-element-button.vc_element-deprecated { display: none; } } &[data-vc-ui-filter="_my_elements_"] { span { &[data-vc-manage-elements] { display:inline-block!important; margin-top: 30px; } } } } .wpb-content-layouts { padding: 0; margin: 0; li { background: none repeat scroll 0 0 #F5F5F5; border: 1px solid #faf9f9; padding: 0 0 2px 2px; margin: 0; //min-width: @vc_add_element_button_width; display: none; overflow: hidden; position: relative; float: left; height: 70px; list-style: none; .transition(border-color 0.2s); &:hover { border-color: #00aef0; } .vc_el-container { display: table; height: 69px; width: 100%; } } a { outline: none; display: table-cell; line-height: 14px; padding: 2px 4px 2px 47px; vertical-align: middle; white-space: normal; text-decoration: none; font-weight: 600; &:hover { box-shadow: none; // WP themes fix } .vc_element-description { display: block; position: relative; background-color: transparent; top: auto; left: auto; width: auto; height: auto; font-size: 11px; font-style: normal; font-weight: normal; margin-top: 3px; color: #999999; } } .vc_visible { display: block; } .vc_inappropriate { display: none !important; } } .vc_element-icon { position: absolute; top: 20px; left: 8px; } } .vc_elements-list-filter { position: absolute; padding: 4px 3px 3px 30px; top: 9px; right: 44px; z-index: 1; width: 190px; font-size: 12px; border: medium none; background: url("../vc/search.png") no-repeat scroll 9px 6px #ffffff; } #vc_ui-panel-add-element { width: @vc_ui-panel-add-element-width; margin-right: auto; margin-left: auto; max-height: 90vh; height: auto; top: 5vh; right: 0; left: 0; .vc_ui-panel-content-container { padding: 0; } }js_composer_frontend_editor.less000064400000004326150212447730013236 0ustar00@import "lib/bootstrap-components.less"; @import "lib/editor.less"; // Navbar @import "modules/vc_navbar.less"; .vc_navbar { .navbar-fixed-top(); } @import "lib/elements_icons.less"; // Add element box @import "popups/modal_add_element.less"; // Edit form for shortcode @import "popups/panel_edit_form.less"; // Template library @import "popups/panel_template_library"; // For param group and other controls @import "lib/controls.less"; @import "lib/backend_controls.less"; @import "backend_shortcodes/empty_containers.less"; // Templates @import "modules/ui/vc_ui-panel-templates.less"; //Presets @import "modules/ui/vc_ui-panel-preset.less"; // Vc Button @import (reference) "backend_shortcodes/vc_button.less"; @import (reference)"shortcodes/vc_button3.less"; @import "shortcodes/vc_button3_editform.less"; @import (reference)"shortcodes/vc_icon_element.less"; @import (reference)"shortcodes/vc_call_to_action3.less"; @import "shortcodes/vc_cta3_editform.less"; // Used in deprecated logic in edit form and add element windows @import "shortcodes/vc_message_box/vc_message_box_front.less"; @import "backend_shortcodes/vc_charts.less"; // edit form for vc_line_chart .vc_editor { // Fix admin page #adminmenuback { display: none; } #wpbody { padding-top: 10px; } #wpcontent, #wpfooter { margin-left: 0 !important; } #wpcontent { padding-left: 0 !important; } #adminmenuback, #adminmenuwrap { display: none; } #wpbody-content { padding-bottom: 0; } #wpfooter, #local-storage-notice, #setting-error-tgmpa { display: none !important; } // Frame settings #vc_inline-frame-wrapper { position: absolute; width: 100%; } #vc_inline-frame { margin: 0 auto; display: block; position: initial !important; } #wpb_csseditor { border: 1px solid #BABABA; } } // Vendors @import "vendor/contact_form_7.less"; @import "vendor/gravity_form.less"; @import "vendor/layerslider.less"; @import "vendor/rev_slider.less"; @import "vendor/jwplayer.less"; .vc_shortcode-param[data-param_type="iconpicker"] { .vc-icons-selector .selected-icon { line-height: 40px; i.vc_pixel_icon { position: relative; top: 3px; } } } @import "lib/vc_pointer.less";backend_shortcodes/vc_cta_button.less000064400000000126150212447730014116 0ustar00/* Call to action block ---------------------------------------------------------- */ backend_shortcodes/rows_columns.less000064400000010011150212447730014010 0ustar00.vc_column(@bg_controls_color, @wrapper_bg_color, @padding) { margin-bottom: @vc_backend_column_margin_bottom; position: relative; > .vc_controls { text-align: center; background: @bg_controls_color; width: 100%; line-height: 1px; padding: 2px; height: @vc_backend_column_controls_height; .vc_control { padding: 0; .vc-composer-icon { position: relative; display: inline-block; width: 18px; height: 18px; &::before { position: absolute; top: 50%; left: 50%; font-family: 'vcpb-plugin-icons' !important; .translate(-50%, -50%); } } .vc-c-icon-add { font-size: 14px; } .vc-c-icon-delete_empty { font-size: 11px; } .vc-c-icon-mode_edit { font-size: 15px; } } } > .wpb_element_wrapper { background: @wrapper_bg_color; padding: @padding; } } .bottom-controls { .vc-c-icon-add { font-size: 16px; } } .wpb_row_container { > .wpb_vc_column { .vc_column(@vc_column_bg; @vc_column_bg; 1px 14px 1px); } > .wpb_vc_column_inner { .vc_column(#fff; #fff; 1px 14px 1px); } } .wpb_vc_row, .wpb_vc_row_inner, .wpb_vc_section { > .vc_controls { > .column_move { background-color: @vc_column_bg; } .column_delete { &:hover { background-color: #ffe0e0; } } } } .vc_row-hash-id { float: right; display: inline-block; line-height: 1; color: #999999; margin-top: 5px; padding-left: 3px; } .vc_collapsed-row { > .wpb_element_wrapper { > .vc_container_for_children { height: @vc_backend_column_controls_height + @vc_backend_column_margin_bottom; overflow: hidden; > .wpb_vc_column, .wpb_vc_column_inner { .vc_controls { border-bottom: 1px solid transparent; border-left: 1px solid transparent; border-right: 1px solid transparent; .border-bottom-radius(@vc_border_radius); margin-bottom: @vc_backend_column_margin_bottom; } } } } > .vc_controls { .column_toggle { .vc_icon { background-position: -16px -112px; } .vc-c-icon-arrow_drop_down { &:extend(.vc-c-icon-arrow_drop_up all); } } } } .wpb_vc_row_inner { > .vc_controls { > .column_move { background-color: #fff; } } &.wpb_sortable { margin-bottom: -15px; // Inner row margins: #1225 } } .vc_row-fluid .wpb_content_holder[data-width="1/5"] { width: 20% !important; float: left; padding-left: 15px; padding-right: 15px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .vc_row-fluid .wpb_content_holder[data-width="2/5"] { width: 40% !important; float: left; padding-left: 15px; padding-right: 15px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .vc_row-fluid .wpb_content_holder[data-width="3/5"] { width: 60% !important; float: left; padding-left: 15px; padding-right: 15px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .vc_row-fluid .wpb_content_holder[data-width="4/5"] { width: 80% !important; float: left; padding-left: 15px; padding-right: 15px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } //.vc_controls-row .vc_row_layouts:hover { // max-width: 100% !important; //} // //.vc_controls-row .vc_control-set-column[data-cells="15_15_15_15_15"] { // -webkit-background-size: 100%; // background-size: 100%; // background: url('../custom-vc-column-layout/assets/15_15_15_15_15.png') no-repeat; //} // //.vc_layout-panel-switcher .vc_layout-btn[data-cells="15_15_15_15_15"] { // width: 34px; // height: 18px; // background-image: url('../custom-vc-column-layout/assets/15_15_15_15_15_sprite.png'); //} // //.vc_layout-panel-switcher .vc_layout-btn[data-cells="15_15_15_15_15"]:hover { // /*background-position: 0 -11px;*/ // opacity: 0.2; //} backend_shortcodes/vc_posts_slider.less000064400000000115150212447730014464 0ustar00/* Posts slider ---------------------------------------------------------- */backend_shortcodes/vc_single_image.less000064400000001144150212447730014400 0ustar00/* Single Image ---------------------------------------------------------- */ .wpb_vc_single_image, .wpb_vc_gallery, .wpb_vc_images_carousel { .column_edit_trigger { font-size: 11px; line-height: 12px; text-decoration: none; border-bottom: 1px dotted; margin-top: 7px; margin-left: 5px; } } .wpb_vc_single_image { > .wpb_element_wrapper { height: auto; } .attachment-thumbnail { max-width: 32px; background-image: none; } .vc_element-icon { float: left; margin-right: @vc_backend_editor_margin_right; } } .image-exists { display: none !important; }backend_shortcodes/vc_widget_sidebar.less000064400000000123150212447730014725 0ustar00/* Widgetised sidebar ---------------------------------------------------------- */backend_shortcodes/content_block.less000064400000001574150212447730014120 0ustar00/* Content Block (Element) ---------------------------------------------------------- */ .wpb_content_element, .wpb_vc_row_inner { margin: 4px 0 0 0; } .wpb_column_container { > *:first-child { margin-top: 0; } } .wpb_vc_param_value[name="content"] { overflow: hidden; } // Default Content Element Style .wpb_content_element { position: relative; &:hover { > div.vc_controls { .opacity(1); right: 5px; left: auto; } } .wpb_element_title { margin: 0 !important; } > .wpb_element_wrapper { padding: 10px; border: 1px solid transparent; .border-radius(2px); background-color: #ffffff; background-position: 10px 10px; background-repeat: no-repeat; min-height: 33px; > .wpb_element_title { .vc_element-icon { float: left; margin-right: @vc_backend_editor_margin_right; } } } }backend_shortcodes/vc_pinterest.less000064400000000112150212447730013764 0ustar00/* Pinterest ---------------------------------------------------------- */backend_shortcodes/vc_accordion_tab.less000064400000000517150212447730014547 0ustar00.wpb_vc_accordion_tab { background-color: @vc_accordion_tab_bg; .border-bottom-radius(@vc_border_radius); padding: 6px 14px 14px; > .vc_controls { .vc_controls-visible; height: 35px; background: transparent; } > .bottom-controls { top: auto; display: none; } .vc_tab-tour-inner-content-settings(); }backend_shortcodes/vc_raw_js.less000064400000000000150212447730013230 0ustar00backend_shortcodes/vc_images_carousel.less000064400000000117150212447730015116 0ustar00/* Image Carousel ---------------------------------------------------------- */backend_shortcodes/vc_pie.less000064400000000112150212447730012524 0ustar00/* Pie chart ---------------------------------------------------------- */backend_shortcodes/vc_raw_html.less000064400000000605150212447730013573 0ustar00/* Raw HTML/JS ---------------------------------------------------------- */ .wpb_element_wrapper, .vc_edit_form_elements { .textarea_raw_html { font-family: "Courier New"; color: #AAAAAA; font-size: 11px; word-break: break-all; } .vc_row-fluid .quicktags-toolbar { input { width: auto; } } .vc_dependent-hidden { display: none !important; } }backend_shortcodes/vc_flickr.less000064400000000107150212447730013225 0ustar00/* Flickr ---------------------------------------------------------- */backend_shortcodes/vc_twitter.less000064400000000117150212447730013456 0ustar00/* Twitter widget ---------------------------------------------------------- */backend_shortcodes/vc_tab.less000064400000001606150212447730012526 0ustar00.vc_tab-tour-inner-content-settings() { > .wpb_element_wrapper { > .wpb_column_container { &.empty_container { height: 80px; background-position: center center; } .wpb_vc_column_inner { > .vc_controls { background-color: @vc_column_bg; } > .wpb_element_wrapper { background-color: @vc_column_bg; padding: 14px; } } .wpb_vc_row_inner { > .vc_controls { > .column_move { background-color: @vc_column_bg; } } } } } } .wpb_content_element .ui-tabs .ui-tabs-panel.wpb_vc_tab { background-color: @vc_tab_bg; > .vc_controls { .vc_controls-visible; height: 35px; background: transparent; position: relative; } > .bottom-controls { top: auto; display: none; } .vc_tab-tour-inner-content-settings(); }backend_shortcodes/empty_containers.less000064400000000366150212447730014655 0ustar00/* Empty column tweaks ---------------------------------------------------------- */ .vc_empty-container { .vc-empty; &:hover { .opacity(0.5); } } .vc_empty-column { > .vc_controls { .column_add { display: none; } } }backend_shortcodes/vc_accordion.less000064400000003021150212447730013712 0ustar00/* Accordion ---------------------------------------------------------- */ #poststuff .wpb_vc_accordion { > .vc_controls { .vc_tab-controls; } > .wpb_element_wrapper { padding: 0; height: auto; background: none; } .ui-icon { background: transparent url(../vc/controls.png) no-repeat -16px -16px; width: 16px; height: 16px; position: absolute; left: 19px; top: 18px; margin-top: 0; display: block; } .ui-accordion-header { .border-radius(@vc_border_radius); padding: @vc_accordion_header_padding; background: @vc_accordion_header_tag_bg; margin-bottom: 3px; &.ui-state-active { background: #FFFFFF; border: 1px solid transparent; .border-bottom-radius(0); margin-bottom: 0; .ui-icon { background-position: -16px -128px; } } } .tab-label { margin-left: @vc_accordion_tab_label_margin_left; color: @vc_accordion_tab_label_color; font-size: 14px; } .wpb_vc_accordion_tab.ui-accordion-content { overflow: visible; margin-bottom: 3px; } .tab_controls { .border-radius(@vc_border_radius); background: @vc_accordion_header_tag_bg; .add_tab { .opacity(0.7); cursor: pointer; color: #b0b4b8; padding: @vc_accordion_header_padding; position: relative; width: 100%; height: 16px; display: block; .vc_icon { background-position: -16px -16px; position: absolute; left: 19px; top: 18px; } } } }backend_shortcodes/vc_video.less000064400000000115150212447730013060 0ustar00/* Video widget ---------------------------------------------------------- */backend_shortcodes/vc_facebook.less000064400000000111150212447730013517 0ustar00/* Facebook ---------------------------------------------------------- */backend_shortcodes/vc_gmaps.less000064400000000123150212447730013060 0ustar00/* Google Maps widget ---------------------------------------------------------- */backend_shortcodes/vc_progress_bar.less000064400000000115150212447730014442 0ustar00/* Progress Bar ---------------------------------------------------------- */backend_shortcodes/vc_tta.less000064400000006465150212447730012560 0ustar00// TTA @import "../shortcodes/tta/vc_tta-variables.less"; @import "../shortcodes/tta/vc_tta-core.less"; @import "../shortcodes/tta/vc_tta-options.less"; @import "../shortcodes/tta/vc_tta-icon-controls.less"; @import "../shortcodes/tta/vc_tta-mixins.less"; .vc_tta-container { margin: 22px 0 0 0; } .vc_tta-color-backend-accordion-white { .vc_tta-make-panel-color( @background: #fff; @background-active: #fff; @background-hover: darken(#fff, 1%); @text: #6f777d; ); .vc_tta-make-tabs-color( @background: #fff; @background-active: #fff; @background-hover: darken(#fff, 1%); @text: #6f777d; ); } .vc_tta-color-backend-tabs-white { .vc_tta-make-panel-color( @background :#e6e6e6; @background-active: #fff; @background-hover: darken(#fff, 1%); @text: #6f777d; ); .vc_tta-make-tabs-color( @background :#e6e6e6; @background-active: #fff; @background-hover: darken(#fff, 1%); @text: #6f777d; ); } // TTA Placeholder .vc_placeholder-tta, .vc_placeholder-tta-tab { padding: 0; margin: 0; background: transparent url('../vc/pattern.gif'); height: 50px; } .vc_placeholder-tta-tab { display: inline-block; } .vc_tta.vc_general .vc_tta-panel-body { -webkit-transition: none; transition: none; } // ================== // TTA Containers .wpb_vc_tta_tabs, .wpb_vc_tta_pageable, .wpb_vc_tta_tour, .wpb_vc_tta_accordion { > .vc_controls { .vc_tab-controls(); } &.vc_shortcodes_container { background: none; > .wpb_element_wrapper > .vc_container_for_children { margin: 0; outline: 0; } } } // ================== // Section .wpb_vc_tta_section { background: none; > .wpb_element_wrapper > .vc_tta-panel-body { > .vc_controls { position: relative; height: 45px; margin-top: -12px; .vc_controls-visible; } > .wpb_column_container { margin: 0; } .wpb_vc_column_inner { > .vc_controls { background-color: @vc_column_bg; } > .wpb_element_wrapper { background-color: @vc_column_bg; padding: 14px; } } .wpb_vc_row_inner { > .vc_controls { > .column_move { background-color: @vc_column_bg; } } } } } // ================== // Tours, Tabs .wpb_vc_tta_tabs { .vc_tta-tabs-list li { vertical-align: top; // actually fixes placeholder position } .wpb_vc_tta_section > .wpb_element_wrapper > .vc_tta-panel-body > .vc_controls { margin-top: -5px; } .vc_tta.vc_general .vc_tta-tab > a { padding: 10px 14px; } } .wpb_vc_tta_tabs, .wpb_vc_tta_tour { .vc_tta.vc_general .wpb_vc_tta_section.vc_tta-panel { display: none; &.vc_active { display: block; } } } // Tour .wpb_vc_tta_tour { .wpb_vc_tta_section > .wpb_element_wrapper > .vc_tta-panel-body > .vc_controls { height: 48px; margin-top: 0; } } // ================== // Accordion @vc_tta_accordion_add_control_color: #b0b4b8; .wpb_vc_tta_accordion { .wpb_vc_tta_section.vc_shortcodes_container { margin: 0; } } .vc_tta-backend-add-control { .vc_tta-title-text { color: @vc_tta_accordion_add_control_color; } .vc_tta-controls-icon-plus { &:before { border-color: @vc_tta_accordion_add_control_color; } &:after { border-color: @vc_tta_accordion_add_control_color; } } } // ==================backend_shortcodes/vc_tweetmeme.less000064400000000110150212447730013741 0ustar00/* Twitter ---------------------------------------------------------- */backend_shortcodes/vc_teaser_grid.less000064400000000114150212447730014241 0ustar00/* Teaser grid ---------------------------------------------------------- */backend_shortcodes/vc_button.less000064400000016004150212447730013271 0ustar00/* Button ---------------------------------------------------------- */ .wpb_vc_button { .wpb_element_wrapper { background-image: none; padding-left: 10px; height: auto; min-height: inherit; } .wpb_button { display: inline-block; position: relative; padding: 5px 10px 4px; margin-bottom: 0; color: #333333; text-align: center; vertical-align: middle; cursor: default; background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(top, #ffffff, #e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); border: 1px solid #cccccc; border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); i.icon { margin-bottom: -3px; margin-left: 10px; top: -2px; position: relative; width: 16px; height: 16px; } } // Button sizes .btn-large { padding: 9px 14px 7px; font-size: 110%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; i.icon { margin-bottom: -3px; margin-left: 14px; top: -1px; } } .btn-small { padding: 5px 9px 3px; font-size: 90%; i.icon { margin-left: 8px; margin-bottom: -4px; top: -3px; } } .btn-mini { padding: 3px 6px 2px; font-size: 85%; i.icon { display: none !important; } } // Button colors .btn-primary, .btn-warning, .btn-danger, .btn-success, .btn-info, .btn-inverse { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .btn-primary { //Blue background-color: #0074cc; background-image: -moz-linear-gradient(top, #0088cc, #0055cc); background-image: -ms-linear-gradient(top, #0088cc, #0055cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0055cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0055cc); background-image: -o-linear-gradient(top, #0088cc, #0055cc); background-image: linear-gradient(top, #0088cc, #0055cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0); border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-info { //Turqoise background-color: #49afcd; background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); background-image: linear-gradient(top, #5bc0de, #2f96b4); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0); border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-success { //Green background-color: #5bb75b; background-image: -moz-linear-gradient(top, #62c462, #51a351); background-image: -ms-linear-gradient(top, #62c462, #51a351); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); background-image: -webkit-linear-gradient(top, #62c462, #51a351); background-image: -o-linear-gradient(top, #62c462, #51a351); background-image: linear-gradient(top, #62c462, #51a351); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0); border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } .btn-warning { //Orange background-color: #faa732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -ms-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(top, #fbb450, #f89406); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0); border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-inverse { //Black background-color: #414141; background-image: -moz-linear-gradient(top, #555555, #222222); background-image: -ms-linear-gradient(top, #555555, #222222); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222)); background-image: -webkit-linear-gradient(top, #555555, #222222); background-image: -o-linear-gradient(top, #555555, #222222); background-image: linear-gradient(top, #555555, #222222); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0); border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-danger { //Red background-color: #da4f49; background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); background-image: linear-gradient(top, #ee5f5b, #bd362f); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0); border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } } @import "../lib/wpb_icon.less"; backend_shortcodes/vc_empty_space.less000064400000000114150212447730014262 0ustar00/* Empty Space ---------------------------------------------------------- */backend_shortcodes/vc_tour.less000064400000002521150212447730012746 0ustar00/* Tour ---------------------------------------------------------- */ .wpb_vc_tour { > .vc_controls { .vc_tab-controls; } > .wpb_element_wrapper { padding: 0px; background: none; border: none; height: auto; .wpb_tabs_holder, .tabs_controls { padding: 0; } .ui-tabs .ui-tabs-nav { float: left; width: 30%; position: relative; left: 1px; z-index: 2; li { float: none; background: @vc_tab_tag_bg; border: 1px solid transparent; .border-left-radius(@vc_border_radius); padding: 0; margin: 0; a { float: none; display: block; color: @vc_tab_tag_color; padding: 10px 16px; margin: 0 0 2px; } &.add_tab_block { padding: 11px; a { padding: 0; width: 100%; height: 16px; display: block; background: transparent url('../vc/controls.png') no-repeat -16px -16px; } } } li.ui-tabs-active { background: @vc_tab_tag_active_bg; } } .wpb_vc_tab { float: right; width: 70%; > .vc_controls { position: relative; } } .ui-tabs .ui-tabs-nav li, .wpb_vc_tab { .box-sizing(border-box); } } }backend_shortcodes/vc_call_to_action3.less000064400000000056150212447730015013 0ustar00@import "../shortcodes/vc_cta3_editform.less";backend_shortcodes/vc_message_box.less000064400000001203150212447730014245 0ustar00//====== VARIABLES @import "../shortcodes/vc_message_box/vc_message_box_variables.less"; //==mixins @import "../shortcodes/vc_message_box/vc_message_box_mixins.less"; //====== STYLES /* ================================ * Message box * ================================ */ .wpb_element_wrapper & { @import "../shortcodes/vc_message_box/vc_message_box_2.less"; //fix backend spaces .vc_message_box p { font-size: 12px; padding: 0; margin: 1em; } .vc_message_box { margin: 0; &.vc_message_box-3d { margin-bottom: @message-box-shadow-width-3d + 4; } .messagebox_text { padding: 0; } } }backend_shortcodes/vc_separator.less000064400000001414150212447730013755 0ustar00/* Separator element ---------------------------------------------------------- */ .wpb_vc_separator, .wpb_vc_text_separator { > .wpb_element_wrapper { background-image: url(../vc/separator.gif); background-repeat: repeat-x; background-position: center center; padding: 0; height: 31px; min-height: 31px; } .textfield { position: relative; background-color: #FFFFFF; font-size: 11px; display: inline-block; position: relative; top: 6px; padding: 0px 10px; } .separator_align_center { text-align: center; } .separator_align_right { text-align: right; .textfield { margin-right: 10px; } } .separator_align_left { text-align: left; .textfield { margin-left: 10px; } } }backend_shortcodes/vc_wp_widget.less000064400000000123150212447730013742 0ustar00/* Default WP Widgets ---------------------------------------------------------- */backend_shortcodes/vc_button3.less000064400000000211150212447730013345 0ustar00.vc_btn3-container { margin-bottom: 2px; // no need to make gold ration in backend } @import "../shortcodes/vc_button3_editform.less";backend_shortcodes/vc_toggle.less000064400000001113150212447730013232 0ustar00/* FAQ, Toggle ---------------------------------------------------------- */ .wpb_vc_toggle { .wpb_element_wrapper { min-height: 1px; .vc_toggle_title { font-size: 1em; margin: 0 !important; line-height: inherit; cursor: pointer; background: url(../vc/plus.png) left 3px no-repeat; padding-left: 20px !important; } .vc_toggle_title_active { background-image: url(../vc/minus.png); } .vc_toggle_content { display: none; margin-top: 0.8em; } } .vc_admin_label { display: none !important; } } backend_shortcodes/vc_tabs.less000064400000002376150212447730012716 0ustar00/* Tabs ---------------------------------------------------------- */ .vc_tab-controls() { .vc_controls-visible; position: relative; height: 23px; margin: 18px 0 2px 0; border: 1px dotted @vc_border_color; border-bottom-width: 0; } .wpb_vc_tabs { > .vc_controls { .vc_tab-controls; } > .wpb_element_wrapper { padding: 0px; background: none; border: none; height: auto; .wpb_tabs_holder, .tabs_controls { padding: 0; } .ui-tabs .ui-tabs-nav { position: relative; top: 1px; z-index: 2; border-right: 1px dotted @vc_border_color; li { top: -1px; background: @vc_tab_tag_bg; border: 1px solid transparent; .border-top-radius(@vc_border_radius); margin-right: 3px; padding: 0; a { color: @vc_tab_tag_color; padding: 10px 16px; } &.add_tab_block { padding: 11px; a { padding: 0; width: 16px; height: 16px; display: inline-block; background: transparent url('../vc/controls.png') no-repeat -16px -16px; } } } li.ui-tabs-active { background: @vc_tab_tag_active_bg; } } } }backend_shortcodes/vc_column_text.less000064400000001005150212447730014312 0ustar00/* Text Block ---------------------------------------------------------- */ .wpb_vc_column_text, .wpb_vc_message, .wpb_vc_toggle { > .wpb_element_wrapper { height: auto; min-height: 1px; background-image: none; padding-left: 10px; p:first-child { margin-top: 0; } p:last-child { margin-bottom: 0; } > .wpb_vc_param_value { &.textarea_html { overflow: hidden; img { max-width: 100%; height: auto; } } } } }backend_shortcodes/vc_gallery.less000064400000001117150212447730013414 0ustar00/* Image Gallery ---------------------------------------------------------- */ .wpb_vc_gallery, .wpb_vc_images_carousel, .wpb_vc_media_grid, .wpb_vc_masonry_media_grid { .column_edit_trigger { margin-top: 2px; } .attachment-thumbnails { overflow: hidden; height: 20px; padding: 0px; margin: 0; li { height: 20px; width: 20px; overflow: hidden; margin-right: 1px; margin-bottom: 0; display: inline-block; .vc_icon-remove { display: none; } } img { height: 20px; width: auto; } } }backend_shortcodes/vc_googleplus.less000064400000000110150212447730014125 0ustar00/* Google+ ---------------------------------------------------------- */backend_shortcodes/vc_charts.less000064400000000713150212447730013242 0ustar00[data-vc-shortcode="vc_line_chart"], [data-vc-shortcode="vc_round_chart"] { // vc_line-chart custom dependency .vc_chart-edit-form-custom-color { .vc_shortcode-param[data-vc-shortcode-param-name="values_custom_color"] { display: block; } .vc_shortcode-param[data-vc-shortcode-param-name="values_color"] { display: none; } } .vc_shortcode-param[data-vc-shortcode-param-name="values_custom_color"] { display: none; } }pages/vc_welcome.less000064400000004133150212447730010664 0ustar00.vc-page-welcome { .wp-badge { background-image: url(../vc/logo/wpb-logo-white.svg); background-color: @vc_background; } .twitter-share-button { margin-left: 3px; vertical-align: top; } h4 a { text-decoration: none; } img { border: none; } img.vc-img-center { display: block; margin: 35px auto 0; } img.vc-featured-img { margin: 0 5%; float: left; width: auto; } .vc_welcome-feature { background: #fff; margin: 20px 0; padding: 1px 20px 10px; } .vc_feature-section-teaser { overflow: hidden; padding: 0 0 40px; } .feature-section, .vc_feature-section-teaser { padding-bottom: 15px; padding-top: 20px; } .vc-thank-you { color: #777; } .wp-badge { background-size: 72px; background-position: center 30px; } } #wpfooter { display: none; } #wpbody-content { padding-bottom: 25px; } .vc_row { margin-left: -15px; margin-right: -15px; } .vc_row:before, .vc_row:after { content: " "; display: table; } .vc_row:after { clear: both; } .vc_col-xs-1, .vc_col-xs-2, .vc_col-xs-3, .vc_col-xs-4, .vc_col-xs-5, .vc_col-xs-6, .vc_col-xs-7, .vc_col-xs-8, .vc_col-xs-9, .vc_col-xs-10, .vc_col-xs-11, .vc_col-xs-12 { position: relative; float: left; min-height: 1px; padding-left: 15px; padding-right: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } [dir="rtl"] .vc_rtl-columns-reverse { .vc_col-xs-1, .vc_col-xs-2, .vc_col-xs-3, .vc_col-xs-4, .vc_col-xs-5, .vc_col-xs-6, .vc_col-xs-7, .vc_col-xs-8, .vc_col-xs-9, .vc_col-xs-10, .vc_col-xs-11, .vc_col-xs-12 { float: right; } } .vc_col-xs-12 { width: 100%; } .vc_col-xs-11 { width: 91.66666667%; } .vc_col-xs-10 { width: 83.33333333%; } .vc_col-xs-9 { width: 75%; } .vc_col-xs-8 { width: 66.66666667%; } .vc_col-xs-7 { width: 58.33333333%; } .vc_col-xs-6 { width: 50%; } .vc_col-xs-5 { width: 41.66666667%; } .vc_col-xs-4 { width: 33.33333333%; } .vc_col-xs-3 { width: 25%; } .vc_col-xs-2 { width: 16.66666667%; } .vc_col-xs-1 { width: 8.33333333%; }lib/backend_draganddrop.less000064400000000601150212447730012140 0ustar00.widgets-placeholder { margin-top: 0px; margin-bottom: 15px; } .widgets-placeholder-column { float: left; } .widgets-placeholder, .widgets-placeholder-column, .widgets-placeholder-gallery { background-image: url(../vc/pattern.gif); height: 50px; } .vc_sorting-empty-container { .vc-empty; } @import "../modules/vc_helper.less"; @import "../modules/vc_placeholder.less";lib/frontend_draganddrop.less000064400000003025150212447730012373 0ustar00@import "../modules/vc_helper.less"; @import "../modules/vc_placeholder.less"; // Sorting &.vc_sorting { .wpb_row_section() { .wpb_row { > .vc_element { &:before { content: ''; margin: 0; padding: 0; position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; outline: 1px dashed @vc_element_hover_border; outline: 1px dashed @vc_element_hover_border_rgba; } &:after { clear: both; } } } .vc_section:not(.vc_empty-element) { &:before { content: ''; margin: 0; padding: 0; position: absolute; z-index: 0; top: 0; left: 0; width: calc(~"100% + 30px"); margin-left: -15px; margin-right: -15px; height: 100%; outline: 1px dashed @vc_element_hover_border; outline: 1px dashed @vc_element_hover_border_rgba; } &:after { clear: both; } } .vc_section { &:before { content: ''; margin: 0; padding: 0; position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; outline: 1px dashed @vc_element_hover_border; outline: 1px dashed @vc_element_hover_border_rgba; } &:after { clear: both; } } } .wpb_row_section(); .vc_controls { visibility: hidden !important; .opacity(0); } }lib/frontend_editor_controls.less000064400000010741150212447730013322 0ustar00@vc_controls-padding: 32px; .vc_vc_tabs, .vc_vc_accordion, .vc_vc_tour, .vc_vc_row_inner { margin-top: 0 !important; } .vc_col-sm-1, .vc_col-sm-2, .vc_col-sm-3, .vc_col-sm-4 { .controls- { &out-tr { //out left z-index: 1003; left: -1px; top: -30px; } } .vc_vc_tabs { padding-top: 30px; .controls- { &out-tr { top: -64px; } } } .vc_vc_tour, .vc_vc_accordion { padding-top: 30px; } } // Custom elements css .vc_vc_row_inner, .vc_vc_row > .vc_parallax, .vc_vc_section > .vc_parallax { padding-top: @vc_controls-padding; } .vc_vc_row_inner, .vc_vc_row > [data-vc-full-width="true"], .vc_vc_section > [data-vc-full-width="true"] { padding-top: @vc_controls-padding; } .vc_vc_raw_js { .wpb_wrapper { height: 50px; background: transparent url(../vc/fe/js_icon.png) center center no-repeat; } } .vc_vc_tab { .vc_content & { .vc_clearfix(); } > .vc_controls { .vc_control-btn-append { display: none; } } } .vc_vc_video { padding-top: 32px; .vc_controls-element { .vc_controls-cc { top: 16px; } } } .vc_vc_column_text { min-height: 32px; } .vc_social-placeholder { display: block; } .vc_vc_facebook { .fb_type_box_count { height: auto; } .vc_social-placeholder { height: 32px; background: transparent url(../vc/fe/social/fb/standart.png) left center no-repeat; &.vc_socialtype-button_count { background-image: url(../vc/fe/social/fb/button_count.png); } &.vc_socialtype-box_count { background-image: url(../vc/fe/social/fb/box_count.png); height: 71px; } } } .vc_vc_tweetmeme { .vc_social-placeholder { height: 32px; background: transparent url(../vc/fe/social/tw/none.png) left center no-repeat; } } .vc_vc_pinterest { .vc_social-placeholder { height: 32px; background: transparent url(../vc/fe/social/pinterest/horizontal.png) left center no-repeat; &.vc_socialtype-vertical { background-image: url(../vc/fe/social/pinterest/vertical.png); height: 71px; } &.vc_socialtype-none { background-image: url(../vc/fe/social/pinterest/none.png); } } } .vc_vc_googleplus { .vc_social-placeholder { height: 32px; background: transparent url(../vc/fe/social/gp/standard_desc.png) left center no-repeat; &.vc_annotation-none { background-image: url(../vc/fe/social/gp/standard.png); } &.vc_annotation-bubble { background-image: url(../vc/fe/social/gp/standard_bubble.png); } &.vc_socialtype-small { background-image: url(../vc/fe/social/gp/small_desc.png); &.vc_annotation-none { background-image: url(../vc/fe/social/gp/small.png); } &.vc_annotation-bubble { background-image: url(../vc/fe/social/gp/small_bubble.png); } } &.vc_socialtype-medium { background-image: url(../vc/fe/social/gp/medium_desc.png); &.vc_annotation-none { background-image: url(../vc/fe/social/gp/medium.png); } &.vc_annotation-bubble { background-image: url(../vc/fe/social/gp/medium_bubble.png); } } &.vc_socialtype-tall { background-image: url(../vc/fe/social/gp/tall_desc.png); &.vc_annotation-none { background-image: url(../vc/fe/social/gp/tall.png); } &.vc_annotation-bubble { background-image: url(../vc/fe/social/gp/tall_bubble.png); height: 60px; } } } } .vc_vc_accordion_tab { .wpb_content_element { .wpb_accordion_wrapper { .wpb_accordion_content { padding: 1em 1em 1.5em; } } } &.vc_container-block.vc_empty.vc_active-accordion-tab .vc_controls-bc { visibility: hidden; } &.vc_container-block.vc_active-accordion-tab .vc_controls-bc { visibility: visible; } &.vc_container-block .vc_controls-bc { visibility: hidden; z-index: 90; } > .vc_controls { .control-btn-append { display: none; } } } .wpb_column { > .wpb_wrapper { > div.vc_vc_toggle + div:not(.vc_vc_toggle) { margin-top: @vc_element_margin_bottom; } } } .vc_vc_widget_sidebar, .vc_templatera { min-height: 32px; } .wpb_content_element .wpb_tabs_nav { z-index: 1001; position: relative; } .vc_empty-shortcode-element { min-height: 32px; } .vc_vc_tta_accordion { > .vc_controls > .vc_controls-bl { .vc_control-btn-append { left: 15px; top: 24px; } } } .vc_vc_tta_section { > .vc_controls > .vc_controls-bl { z-index: 1; } }lib/parallax.less000064400000001422150212447730010012 0ustar00/** * Parallax */ .vc_parallax { position: relative; overflow: hidden; > * { position: relative; z-index: 1; } .vc_parallax-inner { pointer-events: none; // disables video clickability position: absolute; left: 0; right: 0; top: 0; background-attachment: scroll; background-color: transparent; background-image: inherit; background-size: cover; z-index: 0; background-position: 50% 0%; } } .vc_parallax-inner { iframe { max-width: 1000%; } } .vc_video-bg-container { position: relative; } .vc_video-bg { height: 100%; overflow: hidden; pointer-events: none; // disables video clickability position: absolute; top: 0; left: 0; width: 100%; z-index: 0; iframe { max-width: 1000%; } }lib/vc_pointer.less000064400000000721150212447730010357 0ustar00.vc_controls.vc-with-vc-pointer-controls { filter: alpha(opacity=1); opacity: 1; visibility: visible; } .wp-pointer { p { font-size: 13px; line-height: 1.5; margin: 1em 0; } .vc_pointer-close.close { cursor: pointer; line-height: 18px !important; font-size: 13px !important; .opacity(1) !important; color: #0074a2 !important; font-weight: normal !important; &:hover { color: #2ea2cc !important; } } }lib/vc_font.less000064400000004672150212447730007656 0ustar00@font-face { font-family: @vc_arrows_font; src: url('@{vc_arrows_path_eot}?-9hbgac'); src: url('@{vc_arrows_path_eot}?#iefix-9hbgac') format('embedded-opentype'), url('@{vc_arrows_path_woff}?-9hbgac') format('woff'), url('@{vc_arrows_path_ttf}?-9hbgac') format('truetype'), url('@{vc_arrows_path_svg}?-9hbgac#@{vc_arrows_font}') format('svg'); font-weight: normal; font-style: normal; } [class^="vc_arrow-icon-"], [class*=" vc_arrow-icon-"] { font-family: @vc_arrows_font; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .vc_arrow-icon-minus:before { content: "\e61c"; } .vc_arrow-icon-plus:before { content: "\e61d"; } .vc_arrow-icon-arrow_down:before { content: "\e61e"; } .vc_arrow-icon-arrow_up:before { content: "\e61f"; } .vc_arrow-icon-arrow_01_left:before { content: "\e600"; } .vc_arrow-icon-arrow_01_right:before { content: "\e601"; } .vc_arrow-icon-arrow_02_left:before { content: "\e602"; } .vc_arrow-icon-arrow_02_right:before { content: "\e603"; } .vc_arrow-icon-arrow_03_left:before { content: "\e604"; } .vc_arrow-icon-arrow_03_right:before { content: "\e605"; } .vc_arrow-icon-arrow_04_left:before { content: "\e606"; } .vc_arrow-icon-arrow_04_right:before { content: "\e607"; } .vc_arrow-icon-arrow_05_left:before { content: "\e608"; } .vc_arrow-icon-arrow_05_right:before { content: "\e609"; } .vc_arrow-icon-arrow_06_left:before { content: "\e60a"; } .vc_arrow-icon-arrow_06_right:before { content: "\e60b"; } .vc_arrow-icon-arrow_07_left:before { content: "\e60c"; } .vc_arrow-icon-arrow_07_right:before { content: "\e60d"; } .vc_arrow-icon-arrow_08_left:before { content: "\e60e"; } .vc_arrow-icon-arrow_08_right:before { content: "\e60f"; } .vc_arrow-icon-arrow_09_left:before { content: "\e610"; } .vc_arrow-icon-arrow_09_right:before { content: "\e611"; } .vc_arrow-icon-arrow_10_left:before { content: "\e612"; } .vc_arrow-icon-arrow_10_right:before { content: "\e613"; } .vc_arrow-icon-arrow_11_left:before { content: "\e614"; } .vc_arrow-icon-arrow_11_right:before { content: "\e615"; } .vc_arrow-icon-arrow_12_left:before { content: "\e616"; } .vc_arrow-icon-arrow_12_right:before { content: "\e617"; } .vc_arrow-icon-navicon:before { content: "\f0c9"; } lib/grid-5-cols-lg.less000064400000002461150212447730010637 0ustar00.vc_col-lg-1\/5, .vc_col-lg-2\/5, .vc_col-lg-3\/5, .vc_col-lg-4\/5, .vc_col-lg-5\/5 { float: left; } [dir="rtl"] .vc_rtl-columns-reverse .vc_col-sm-1\/5, [dir="rtl"] .vc_rtl-columns-reverse .vc_col-sm-2\/5, [dir="rtl"] .vc_rtl-columns-reverse .vc_col-sm-3\/5, [dir="rtl"] .vc_rtl-columns-reverse .vc_col-sm-4\/5, [dir="rtl"] .vc_rtl-columns-reverse .vc_col-sm-5\/5 { float: right; } .vc_col-lg-5\/5 { width: 100%; } .vc_col-lg-4\/5 { width: 80%; } .vc_col-lg-3\/5 { width: 60%; } .vc_col-lg-2\/5 { width: 40%; } .vc_col-lg-1\/5 { width: 20%; } .vc_col-lg-pull-5\/5 { right: 100%; } .vc_col-lg-pull-4\/5 { right: 80%; } .vc_col-lg-pull-3\/5 { right: 60%; } .vc_col-lg-pull-2\/5 { right: 40%; } .vc_col-lg-pull-1\/5 { right: 20%; } .vc_col-lg-pull-0\/5 { right: auto; } .vc_col-lg-push-5\/5 { left: 100%; } .vc_col-lg-push-4\/5 { left: 80%; } .vc_col-lg-push-3\/5 { left: 60%; } .vc_col-lg-push-2\/5 { left: 40%; } .vc_col-lg-push-1\/5 { left: 20%; } .vc_col-lg-push-0\/5 { left: auto; } .vc_col-lg-offset-5\/5 { margin-left: 100%; } .vc_col-lg-offset-4\/5 { margin-left: 80%; } .vc_col-lg-offset-3\/5 { margin-left: 60%; } .vc_col-lg-offset-2\/5 { margin-left: 40%; } .vc_col-lg-offset-1\/5 { margin-left: 20%; } .vc_col-lg-offset-0\/5 { margin-left: 0%; }lib/bootstrap-components.less000064400000000310150212447730012401 0ustar00@import (reference) "../../lib/bower/bootstrap3/less/component-animations.less"; .vc_general { &.fade { .fade(); } &.collapse { .collapse(); } &.collapsing { .collapsing() } }lib/backend_grid_element_pointers.less000064400000001567150212447730014250 0ustar00.vc_wp-pointer-controls-prev, .vc_wp-pointer-controls-next { .close { margin-top: 14px; } } .vc_wp-pointers-prev { float: none; margin-right: 6px !important; .vc_pointer-icon { position: relative; &:before { content: "\f141"; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 26px/1 'dashicons'; vertical-align: middle; width: 20px; margin: 0 5px 0 -7px; } } } .vc_wp-pointers-next { .vc_pointer-icon:before { content: "\f139"; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 26px/1 'dashicons'; vertical-align: middle; width: 20px; margin-left: -2px; } } .vc_gitem-animated-block-pointer-extend { margin-right: 63px; } .vc_gitem-animated-block-pointer-video { h4 { padding: 0 15px; } iframe { padding: 0 15px; } } lib/resizable_modal.less000064400000002555150212447730011352 0ustar00@ui-resizable-handle-size: 9px; @ui-resizable-handle-corner-size: @ui-resizable-handle-size * 1.7; .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; //background: rgba(255, 255, 0, .5); } .ui-resizable-e { cursor: e-resize; width: @ui-resizable-handle-size; right: 0; top: 0; bottom: 0; } .ui-resizable-w { cursor: w-resize; width: @ui-resizable-handle-size; left: 0; top: 0; bottom: 0; } .ui-resizable-s { cursor: s-resize; height: @ui-resizable-handle-size; left: 0; right: 0; bottom: 0; } .ui-resizable-n { cursor: n-resize; height: @ui-resizable-handle-size; left: 0; right: 0; top: 0; } .ui-resizable-se { cursor: se-resize; width: @ui-resizable-handle-corner-size; height: @ui-resizable-handle-corner-size; right: -2px; bottom: -2px; transform: translate(10%, 10%); } .ui-resizable-sw { cursor: sw-resize; width: @ui-resizable-handle-corner-size; height: @ui-resizable-handle-corner-size; left: -2px; bottom: -2px; } .ui-resizable-ne { cursor: ne-resize; width: @ui-resizable-handle-corner-size; height: @ui-resizable-handle-corner-size; right: -2px; top: -2px; } .ui-resizable-nw { cursor: nw-resize; width: @ui-resizable-handle-corner-size; height: @ui-resizable-handle-corner-size; left: -2px; top: -2px; }lib/grid-5-cols-non-responsive.less000064400000002473150212447730013225 0ustar00 .vc_non_responsive .vc_row .vc_col-sm-1\/5 { position: relative; float: left; width: 20%; min-height: 1px; padding-left: 15px; padding-right: 15px; } .vc_non_responsive .vc_row .vc_col-sm-2\/5 { position: relative; float: left; width: 40%; min-height: 1px; padding-left: 15px; padding-right: 15px; } .vc_non_responsive .vc_row .vc_col-sm-3\/5 { position: relative; float: left; width: 60%; min-height: 1px; padding-left: 15px; padding-right: 15px; } .vc_non_responsive .vc_row .vc_col-sm-4\/5 { position: relative; float: left; width: 80%; min-height: 1px; padding-left: 15px; padding-right: 15px; } .vc_non_responsive .vc_row .vc_col-sm-5\/5 { position: relative; float: left; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; } .vc_non_responsive .vc_row .vc_col-sm-offset-5\/5 { margin-left: 100%; } .vc_non_responsive .vc_row .vc_col-sm-offset-4\/5 { margin-left: 80%; } .vc_non_responsive .vc_row .vc_col-sm-offset-3\/5 { margin-left: 60%; } .vc_non_responsive .vc_row .vc_col-sm-offset-2\/5 { margin-left: 40%; } .vc_non_responsive .vc_row .vc_col-sm-offset-1\/5 { margin-left: 20%; } .vc_non_responsive .vc_row .vc_col-sm-offset-0\/5 { margin-left: 0%; } lib/frontend_vc_elements.less000064400000007704150212447730012422 0ustar00/** .vc_element html item wraps shortcodes output html. */ .vc_element { display: block; position: relative; > .vc_row.vc_row-no-padding { > .vc_column_container { padding-left: 0; padding-right: 0; } } &.vc_empty { .vc_empty-element { min-height: 100px; cursor: pointer; position: relative; &:hover { &:after { background-position: bottom center; } } > .vc_element-container { min-height: 100px; } } } &.vc_empty:not(.vc_sorting-over) { .vc_empty-element { &:after { font-family: 'vcpb-plugin-icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: @vc-c-icon-add_element; color: #fff; font-size: 20px; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 0; height: 38px; width: 38px; line-height: 38px; text-align: center; position: absolute; background-color: #C9C9C9; border-radius: 5px; } } > .vc_controls { .control-btn-append { display: none; } } } &.vc_sorting-over { background-image: none; } &.bring-to-front { z-index: 100000; } &.vc_active:not(.vc_tta-panel), &.vc_hold-active { > .vc_controls { visibility: visible; .opacity(0.7); } } &:hover, &.vc_hover, &.vc_hold-hover { > .vc_controls { visibility: visible; .opacity(1); } .wpb_row() { > .wpb_row { > .vc_element { &:before { content: ''; margin: 0; padding: 0; position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; outline: 1px dashed @vc_element_hover_border; outline: 1px dashed @vc_element_hover_border_rgba; } &:after { clear: both; } } } } .wpb_row(); > .vc_section { &:before { content: ''; display: block; margin: 0; padding: 0; position: absolute; z-index: 0; top: 0; left: -15px; right: -15px; height: 100%; outline: 1px dashed @vc_element_hover_border; outline: 1px dashed @vc_element_hover_border_rgba; } &:after { clear: both; } } } &.vc_empty { &:hover, &.vc_hover, &.vc_hold-hover { > .vc_section { &:before { left: 0; right: 0; } } } } // Element must have min height enough to show placeholder on sorting. .vc_element-container { min-height: @vc_elemnet_container_min_height; } .wpb_accordion_wrapper > :last-child .wpb_accordion_content { margin-bottom: 30px; &.vc_empty-element { margin-bottom: 0px; } } &.vc_vc_separator:last-child { padding-bottom: 10px; padding-top: 10px; } &.vc_vc_separator:first-child { padding-bottom: 10px; padding-top: 10px; } &.vc_vc_gallery:last-child { padding-bottom: 15px; } &.vc_vc_row { > .vc_row { > .vc_vc_column { > .wpb_column { > .vc_element-container { > .vc_vc_row_inner { .vc_vc_column_inner { margin-bottom: 30px; } } } } } } } } .vc_element { .vc_element-container { &.vc_section { &.vc_row-o-full-height { min-height: 100vh; } } } } .wpb_column { > .wpb_wrapper > .vc_element:last-child > .wpb_content_element, > .wpb_wrapper > .vc_element:last-child > .wpb_row { margin-bottom: 0; //remove margin bottom from last content elements in columns } } lib/utils.less000064400000001100150212447730007337 0ustar00.vc_pull-right { .pull-right(); } .vc_pull-left { .pull-left(); } .vc_clearfix { .clearfix(); } .vc_el-clearfix { clear: both; } .vc_el-clearfix-xs { @media (max-width: @screen-xs-max) { clear: both; } } .vc_el-clearfix-sm { @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { clear: both; } } .vc_el-clearfix-md { @media (min-width: @screen-md-min) and (max-width: @screen-md-max) { clear: both; } } .vc_el-clearfix-lg { @media (min-width: @screen-lg-min) { clear: both; } } .vc_visible { display: block; } lib/panel_preview.less000064400000003415150212447730011052 0ustar00// Preview template behaviour @grid-preview-max-width: 400px; .vc_ui-template-preview { .vc_welcome { display: none; } .wpb_vc_tta_tabs, .wpb_vc_tta_pageable, .wpb_vc_tta_tour, .wpb_vc_tta_accordion, .wpb_vc_tta_section .vc_tta-panel-body { .vc_controls { display: none; } } .postbox { border-color: transparent; margin-bottom: 0; box-shadow: none; } .vc_ui-templates-preview-design-helper { position: relative; height: auto; .vc_row_color, .vc_row_image { float: right; margin-top: 3px; width: 16px; height: 16px; display: block; margin-right: 3px; border-radius: 8px; background-size: cover; } } .wpb_vc_column_inner > .vc_controls:last-child { display: none; } // Fix for grid row .vc_gitem-content { padding-top: 10px; > .vc_row { display: flex; flex-flow: row nowrap; justify-content: center; align-items: flex-start; align-content: flex-start; &::before, &::after { width: 0; } .vc_gitem-add-c-left, .vc_gitem-add-c-right, .vc_gitem-add-c-top, .vc_gitem-add-c-bottom { &:empty { display: none; } } .vc_gitem-ab-zone, .vc_gitem-add-c-left, .vc_gitem-add-c-right, .vc_gitem-add-c-top, .vc_gitem-add-c-bottom { width: 50%; max-width: @grid-preview-max-width; } .vc_gitem-add-c-top, .vc_gitem-add-c-bottom { margin-left: 0; } } } } .vc_general-template-preview { height: auto; #wpbody-content { padding-bottom: 0; } #wpbody { padding: 0; } // don't show wp update message in preview #update-nag, .update-nag { display: none; } }lib/responsive-utilities.less000064400000000666150212447730012425 0ustar00.vc_hidden-xs { @media (max-width: @screen-xs-max) { .responsive-invisibility(); } } .vc_hidden-sm { @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { .responsive-invisibility(); } } .vc_hidden-md { @media (min-width: @screen-md-min) and (max-width: @screen-md-max) { .responsive-invisibility(); } } .vc_hidden-lg { @media (min-width: @screen-lg-min) { .responsive-invisibility(); } }lib/grid-5-cols-md.less000064400000002461150212447730010635 0ustar00.vc_col-md-1\/5, .vc_col-md-2\/5, .vc_col-md-3\/5, .vc_col-md-4\/5, .vc_col-md-5\/5 { float: left; } [dir="rtl"] .vc_rtl-columns-reverse .vc_col-sm-1\/5, [dir="rtl"] .vc_rtl-columns-reverse .vc_col-sm-2\/5, [dir="rtl"] .vc_rtl-columns-reverse .vc_col-sm-3\/5, [dir="rtl"] .vc_rtl-columns-reverse .vc_col-sm-4\/5, [dir="rtl"] .vc_rtl-columns-reverse .vc_col-sm-5\/5 { float: right; } .vc_col-md-5\/5 { width: 100%; } .vc_col-md-4\/5 { width: 80%; } .vc_col-md-3\/5 { width: 60%; } .vc_col-md-2\/5 { width: 40%; } .vc_col-md-1\/5 { width: 20%; } .vc_col-md-pull-5\/5 { right: 100%; } .vc_col-md-pull-4\/5 { right: 80%; } .vc_col-md-pull-3\/5 { right: 60%; } .vc_col-md-pull-2\/5 { right: 40%; } .vc_col-md-pull-1\/5 { right: 20%; } .vc_col-md-pull-0\/5 { right: auto; } .vc_col-md-push-5\/5 { left: 100%; } .vc_col-md-push-4\/5 { left: 80%; } .vc_col-md-push-3\/5 { left: 60%; } .vc_col-md-push-2\/5 { left: 40%; } .vc_col-md-push-1\/5 { left: 20%; } .vc_col-md-push-0\/5 { left: auto; } .vc_col-md-offset-5\/5 { margin-left: 100%; } .vc_col-md-offset-4\/5 { margin-left: 80%; } .vc_col-md-offset-3\/5 { margin-left: 60%; } .vc_col-md-offset-2\/5 { margin-left: 40%; } .vc_col-md-offset-1\/5 { margin-left: 20%; } .vc_col-md-offset-0\/5 { margin-left: 0%; }lib/editor.less000064400000002676150212447730007510 0ustar00@import "../config/variables.less"; @import "responsive-utilities.less"; @import "grid.less"; @import "../modules/vc_buttons.less"; @import "../modules/vc_modals.less"; @import "../modules/vc_panels.less"; @import "../modules/vc_messages.less"; @import "../modules/vc_preloader.less"; @import "utils.less"; @import "../modules/vc_table.less"; @import "../modules/ui/vc_ui-loaders.less"; @import "media-gallery.less"; @import "../../fonts/vc_icons_v2/init.less"; .vc_badge { .badge(); } .vc_nav { .nav(); } .vc_inappropriate { display: none !important; } .vc_off { .opacity(.7); } @import "vc_pointer.less"; @import "../modules/ui/vc_ui-panel/vc_ui-panel.less"; @import "../modules/ui/vc_ui-panel-edit-element.less"; @import "../modules/ui/vc_ui-panel-row-layout.less"; // REMOVE @import "resizable_modal.less"; .vc-disable-editor { pointer-events: none; z-index: 0; position: absolute; opacity: 0; left: -10000px; } [dir="rtl"] .vc-disable-editor { right: -10000px; left: auto; } [dir="rtl"] .vc_control.column_move, [dir=rtl] .vc_control .vc-controls-move { float: right; } [dir="rtl"] .vc_controls-row .column_add, [dir=rtl] .vc_controls-row .vc_control-add-column { float: right; } [dir="rtl"] .vc_controls-row .vc_row_edit_clone_delete .vc_control { float: left; } [dir="rtl"] { .vc_controls-row { .vc_row_layouts, .vc_control-row-layout { &:hover { left: inherit; right: 76px; } } } }lib/controls.less000064400000027367150212447730010071 0ustar00// Controls .vc_controls { font-family: "Open Sans", Helvetica, sans-serif; height: 0; display: block; .opacity(0); visibility: hidden; > div { position: absolute; white-space: nowrap; font-size: 0 !important; //remove bottom extra space from display: inline-block > .vc_parent { vertical-align: top; display: inline-block; } > .vc_element { margin-left: 1px; display: inline-block; } } //Controls positions > .vc_controls- { &tl { //top left top: 0; left: 0; z-index: 1002; } &tc { //top center top: 0; left: 50%; .translate(-50%, 0); z-index: 1002; } &tr { //top right top: 0; right: 0; direction: rtl; z-index: 1002; } &bl { //bottom left bottom: 0; left: 0; height: auto; z-index: 1002; } &bc { //bottom center bottom: 0; left: 50%; .translate(-50%, 0); z-index: 1; } &br { //bottom right bottom: 0; right: 0; direction: rtl; z-index: 1002; } &cc { //vertical middle z-index: 1002; top: 50%; left: 50%; background-color: @vc_controls_background; border: 0px solid transparent; .translate(-50%, -50%); .border-top-radius(@vc_border_radius); .border-bottom-radius(@vc_border_radius); > :first-child { .vc_btn-content { .border-left-radius(@vc_border_radius); } } > :last-child { .vc_btn-content { .border-right-radius(@vc_border_radius); } } } &out-tc { left: 50%; top: -30px; direction: rtl; .translate(-50%, 0); } &out-l { //out left left: 0px; top: 1px; direction: rtl; } &out-tl { //out left z-index: 1002; left: -1px; top: -30px; > .vc_element { > :first-child { .vc_btn-content { .border-left-radius(@vc_border_radius); } } } } &out-tr { //out left z-index: 1003; right: -1px; top: -30px; } &out-r { //out right right: -1px; top: 1px; } &out-l, &out-r { width: 0; height: 0; } } } // Section controls .vc_vc_section { .vc_section.vc_section-has-fill { padding-top: 62px; } .vc_section-has-fill ~ .vc_controls-container > .vc_controls-out-tl { top: 1px !important; } > .vc_controls { > .vc_controls-out-tl { left: -17px; top: -61px; } } &.vc_empty { > .vc_controls { > .vc_controls-out-tl { top: -29px; } } } > [data-vc-full-width="true"] { ~ .vc_controls { > .vc_controls-out-tl { top: -29px; } } > .vc_vc_row { padding-left: 15px; padding-right: 15px; } } > .vc_parallax { ~ .vc_controls { > .vc_controls-out-tl { top: -29px; } } } } // Single Control button .vc_control-btn { display: inline-block; position: relative; vertical-align: middle !important; border: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; .icon, .vc_icon { display: inline-block !important; background-image: url(@vc_pe_controls_sprite); background-repeat: no-repeat; width: 16px; height: 16px; } .vc_btn-content { &:hover { background-color: @vc_control_hover_color; } } .vc-composer-icon { display: inline-block; width: 16px; height: 16px; font-size: 15px; color: #F2F2F2; position: relative; &::before { font-family: 'vcpb-plugin-icons' !important; position: absolute; left: 50%; top: 50%; .translate(-50%, -50%); } } .vc-c-icon-delete_empty { font-size: 13px; } .vc-c-icon-dragndrop { font-size: 13px; } .vc-c-icon-add{ font-size: 14px; } .vc-c-icon-row_default_fe { font-size: 10px; } } .vc_controls-dark { .vc_control-btn { .vc-composer-icon { color: #868686; } } } .vc_btn-content { .transition(background-color 0.5s); background-color: transparent; display: inline-block !important; padding: 7px; cursor: pointer !important; line-height: 1px !important; font-size: 1px !important; vertical-align: middle !important; } .vc_element-name { .vc_btn-content { text-decoration: none !important; width: auto !important; font-size: 11px !important; color: #FFFFFF !important; line-height: 16px !important; padding: 7px 12px !important; cursor: auto !important; // height: 30px; &:hover { text-decoration: none !important; } } } .vc_element-move, .vc_child-element-move { .vc_btn-content { cursor: move !important; padding-left: 30px !important; &:hover { background-color: @vc_control_hover_color; } } .vc-c-icon-dragndrop { position: absolute; top: 50%; left: 15px; .translate(-50%, -50%); } } // Control icons variations .vc_control-btn-append { position: relative; top: 19px; &:before { position: relative; left: 7px; content: ""; display: block; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid @vc_controls_bottom_append_border_bottom; .transition(border-color 0.5s); } &:hover { &:before { border-bottom-color: @vc_controls_bottom_append_border_bottom_hover; } } &.vc_control-parent:before { border-bottom-color: @vc_controls_parent_border; } &.vc_control-parent:hover { &:before { border-bottom-color: @vc_controls_parent_border_hover; } } .vc_btn-content { -webkit-border-radius: @vc_border_radius; -moz-border-radius: @vc_border_radius; border-radius: @vc_border_radius; padding: 3px; } } .vc_control-btn-switcher { overflow: hidden; width: 24px; height: 30px; .transition(width 0.5s); display: inline-block; &-disable-switcher { display: none !important; } .vc-composer-icon { width: 10px; } } .vc_control-btn-move { background-position: 0 0; } // Container-container switcher .vc_control-btn-layout { position: relative; } .vc_controls-row, .vc_controls-column, .vc_controls-container { > div { .vc_btn-content { background-color: @vc_controls_child_background; border-color: @vc_controls_child_border; } .vc_control-btn { .vc_btn-content { &:hover { background-color: @vc_controls_child_background_hover; border-color: @vc_controls_child_border_hover; } } } .vc_control-parent { .vc_btn-content { background-color: @vc_controls_parent_background; border-color: @vc_controls_parent_border; } &.vc_control-btn { .vc_btn-content { &:hover { background-color: @vc_controls_parent_background_hover; border-color: @vc_controls_parent_border_hover; } } } } .vc_advanced { overflow: hidden; height: 30px; width: 0; display: inline-block; vertical-align: middle; .transition(width 0.5s); } > .vc_element { display: inline-block; :last-child { .vc_btn-content { .border-right-radius(@vc_border_radius); } } .vc_control-btn-switcher { .vc_btn-content { .border-right-radius(@vc_border_radius); } } } > .vc_parent { display: inline-block; .vc_btn-content { background-color: @vc_controls_parent_background; border-color: @vc_controls_parent_border; } .vc_control-btn { .vc_btn-content { background-color: @vc_controls_parent_background; border-color: @vc_controls_parent_border; &:hover { background-color: @vc_controls_parent_background_hover; border-color: @vc_controls_parent_border_hover; } } } > :first-child { .vc_btn-content { .border-left-radius(@vc_border_radius); } } } > .element-vc_section { .vc_btn-content { background-color: @vc_controls_parent_background; border-color: @vc_controls_parent_border; } .vc_control-btn { .vc_btn-content { background-color: @vc_controls_parent_background; border-color: @vc_controls_parent_border; &:hover { background-color: @vc_controls_parent_background_hover; border-color: @vc_controls_parent_border_hover; } } } } > .vc_active { .vc_control-btn { display: inline-block; } .vc_control-btn-switcher { width: 0; } &.vc_parent, &.vc_element { .vc_advanced { width: 120px; } } &.parent-vc_row, &.parent-vc_row_inner { .vc_advanced { width: 150px; } } &.element-vc_column, &.element-vc_column_inner { .vc_advanced { width: 90px; } } &.element-vc_tab { &.vc_element-name { .vc_btn-content { background-image: none; padding-right: 6px; } } } } } } .vc_element-container { > div.vc_container:first-of-type { margin-top: 31px; } } /** Layout switcher for complex container-container controler **/ .vc_layout-switcher { background: #94B9C6; display: block; height: auto; width: 100px; padding: 2px; position: absolute; top: 30px; white-space: normal; direction: ltr; // Animation settings .opacity(0); visibility: hidden; .transition(opacity 0.5s ease-out); &:hover { .vc_layout-switcher { .opacity(1); visibility: visible; } } .vc_layout-btn { display: inline-block; background-position: center center; background-repeat: no-repeat; width: 30px; height: 23px; background-color: white; margin: 1px; } .vc_custom-layout-btn { background-color: transparent; display: block; width: auto; height: auto; margin: 4px 0 3px; font-size: 11px; text-align: center; } .l_1 { background-image: url(../vc/row_layouts/1.gif); } .l_12_12 { background-image: url(../vc/row_layouts/12_12.gif); } .l_23_13 { background-image: url(../vc/row_layouts/23_13.gif); } .l_13_13_13 { background-image: url(../vc/row_layouts/13_13_13.gif); } .l_13_23 { background-image: url(../vc/row_layouts/13_23.gif); } .l_14_14_14_14 { background-image: url(../vc/row_layouts/14_14_14_14.gif); } .l_14_34 { background-image: url(../vc/row_layouts/14_34.gif); } .l_14_12_14 { background-image: url(../vc/row_layouts/14_12_14.gif); } .l_56_16 { background-image: url(../vc/row_layouts/56_16.gif); } .l_16_46_16 { background-image: url(../vc/row_layouts/14_46_16.gif); } .l_16_16_16_12 { background-image: url(../vc/row_layouts/16_16_16_12.gif); } .l_16_16_16_16_16_16 { background-image: url(../vc/row_layouts/16_16_16_16_16_16.gif); } } .vc_controls-visible { .opacity(1) !important; visibility: visible; } .vc_control-container { background: @vc_controls_child_background; border-color: @vc_controls_child_border; .vc_control-btn { .vc_btn-content { &:hover { background-color: @vc_controls_child_background_hover; } } } } .vc_controls-content-widget { background: @vc_controls_parent_background; border-color: @vc_controls_parent_border; top: -17px !important; direction: ltr !important; .vc_btn-content { &:hover { background-color: @vc_controls_parent_background_hover; } } }lib/grid.less000064400000012006150212447730007133 0ustar00.vc_non_responsive { //If "Disable responsive content elements" is checked in VC Settings .vc_row { .vc_col-sm-1 { .make-xs-column(1); } .vc_col-sm-2 { .make-xs-column(2); } .vc_col-sm-3 { .make-xs-column(3); } .vc_col-sm-4 { .make-xs-column(4); } .vc_col-sm-5 { .make-xs-column(5); } .vc_col-sm-6 { .make-xs-column(6); } .vc_col-sm-7 { .make-xs-column(7); } .vc_col-sm-8 { .make-xs-column(8); } .vc_col-sm-9 { .make-xs-column(9); } .vc_col-sm-10 { .make-xs-column(10); } .vc_col-sm-11 { .make-xs-column(11); } .vc_col-sm-12 { .make-xs-column(12); } .vc_loop-grid-columns(@grid-columns, sm, offset); .vc_hidden-sm { .responsive-invisibility(); } } } @import "grid-5-cols-non-responsive.less"; // fix for flexbox row .vc_column_container { width: 100%; } .vc_make-grid-columns() { // Common styles for all sizes of grid columns, widths 1-12 .vc_col(@index) when (@index = 1) { // initial @item: ~".vc_col-xs-@{index}, .vc_col-sm-@{index}, .vc_col-md-@{index}, .vc_col-lg-@{index}"; .vc_col((@index + 1), @item); } .vc_col(@index, @list) when (@index =< @grid-columns) { // general; "=<" isn't a typo @item: ~".vc_col-xs-@{index}, .vc_col-sm-@{index}, .vc_col-md-@{index}, .vc_col-lg-@{index}"; .vc_col((@index + 1), ~"@{list}, @{item}"); } .vc_col(@index, @list) when (@index > @grid-columns) { // terminal @{list} { position: relative; // Prevent columns from collapsing when empty min-height: 1px; // Inner gutter via padding padding-left: (@grid-gutter-width / 2); padding-right: (@grid-gutter-width / 2); .box-sizing(border-box); } } .vc_col(1); // kickstart it } .vc_float-grid-columns(@class) { .vc_col(@index) when (@index = 1) { // initial @item: ~".vc_col-@{class}-@{index}"; .vc_col((@index + 1), @item); } .vc_col(@index, @list) when (@index =< @grid-columns) { // general @item: ~".vc_col-@{class}-@{index}"; .vc_col((@index + 1), ~"@{list}, @{item}"); } .vc_col(@index, @list) when (@index > @grid-columns) { // terminal @{list} { float: left; } } .vc_col(1); // kickstart it } .vc_float-grid-columns-rtl(@class) { .vc_col-rtl(@index) when (@index = 1) { // initial @item: ~"[dir=rtl] .vc_rtl-columns-reverse .vc_col-@{class}-@{index}"; .vc_col-rtl((@index + 1), @item); } .vc_col-rtl(@index, @list) when (@index =< @grid-columns) { // general @item: ~"[dir=rtl] .vc_rtl-columns-reverse .vc_col-@{class}-@{index}"; .vc_col-rtl((@index + 1), ~"@{list}, @{item}"); } .vc_col-rtl(@index, @list) when (@index > @grid-columns) { // terminal @{list} { float: right; } } .vc_col-rtl(1); // kickstart it } .vc_calc-grid-column(@index, @class, @type) when (@type = width) and (@index > 0) { .vc_col-@{class}-@{index} { width: percentage((@index / @grid-columns)); } } .vc_calc-grid-column(@index, @class, @type) when (@type = push) and (@index > 0) { .vc_col-@{class}-push-@{index} { left: percentage((@index / @grid-columns)); } } .vc_calc-grid-column(@index, @class, @type) when (@type = push) and (@index = 0) { .vc_col-@{class}-push-0 { left: auto; } } .vc_calc-grid-column(@index, @class, @type) when (@type = pull) and (@index > 0) { .vc_col-@{class}-pull-@{index} { right: percentage((@index / @grid-columns)); } } .vc_calc-grid-column(@index, @class, @type) when (@type = pull) and (@index = 0) { .vc_col-@{class}-pull-0 { right: auto; } } .vc_calc-grid-column(@index, @class, @type) when (@type = offset) { .vc_col-@{class}-offset-@{index} { margin-left: percentage((@index / @grid-columns)); } } // Basic looping in LESS .vc_loop-grid-columns(@index, @class, @type) when (@index >= 0) { .vc_calc-grid-column(@index, @class, @type); // next iteration .vc_loop-grid-columns((@index - 1), @class, @type); } // Create grid for specific class .vc_make-grid(@class) { .vc_float-grid-columns(@class); .vc_float-grid-columns-rtl(@class); .vc_loop-grid-columns(@grid-columns, @class, width); .vc_loop-grid-columns(@grid-columns, @class, pull); .vc_loop-grid-columns(@grid-columns, @class, push); .vc_loop-grid-columns(@grid-columns, @class, offset); } .vc_row { .make-row(); } .vc_make-grid-columns(); // Extra small grid // // Columns, offsets, pushes, and pulls for extra small devices like // smartphones. .vc_make-grid(xs); @import "grid-5-cols-xs.less"; @media (min-width: @screen-sm-min) { .vc_make-grid(sm); @import "grid-5-cols-sm"; } // Medium grid // // Columns, offsets, pushes, and pulls for the desktop device range. @media (min-width: @screen-md-min) { .vc_make-grid(md); @import "grid-5-cols-md"; } // Large grid // // Columns, offsets, pushes, and pulls for the large desktop device range. @media (min-width: @screen-lg-min) { .vc_make-grid(lg); @import "grid-5-cols-lg"; } @import "grid-5-cols-xs.less";lib/css3_animations.less000064400000010562150212447730011310 0ustar00/* CSS Animations */ .wpb_animate_when_almost_visible { .opacity(0); } .wpb_animate_when_almost_visible:not(.wpb_start_animation) { .animation(none) } .wpb_top-to-bottom, .top-to-bottom { .animation(wpb_ttb 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275)); } .wpb_bottom-to-top, .bottom-to-top { .animation(wpb_btt 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275)); } .wpb_left-to-right, .left-to-right { .animation(wpb_ltr 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275)); } .wpb_right-to-left, .right-to-left { .animation(wpb_rtl 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275)); } .wpb_appear, .appear { .animation(wpb_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275)); .scale(1); } .wpb_start_animation { .opacity(1); } /* Top to bottom keyframes */ @-webkit-keyframes wpb_ttb { 0% { -webkit-transform: translate(0, -10%); .opacity(0); } 100% { -webkit-transform: translate(0, 0); .opacity(1); } } @-moz-keyframes wpb_ttb { 0% { -moz-transform: translate(0, -10%); .opacity(0); } 100% { -moz-transform: translate(0, 0); .opacity(1); } } @-o-keyframes wpb_ttb { 0% { -o-transform: translate(0, -10%); .opacity(0); } 100% { -o-transform: translate(0, 0); .opacity(1); } } @keyframes wpb_ttb { 0% { .translate(0, -10%); .opacity(0); } 100% { .translate(0, 0); .opacity(1); } } /* Bottom to top keyframes */ @-webkit-keyframes wpb_btt { 0% { -webkit-transform: translate(0, 10%); .opacity(0); } 100% { -webkit-transform: translate(0, 0); .opacity(1); } } @-moz-keyframes wpb_btt { 0% { -moz-transform: translate(0, 10%); .opacity(0); } 100% { -moz-transform: translate(0, 0); .opacity(1); } } @-o-keyframes wpb_btt { 0% { -o-transform: translate(0, 10%); .opacity(0); } 100% { -o-transform: translate(0, 0); .opacity(1); } } @keyframes wpb_btt { 0% { .translate(0, 10%); .opacity(0); } 100% { .translate(0, 0); .opacity(1); } } /* Left to right keyframes */ @-webkit-keyframes wpb_ltr { 0% { -webkit-transform: translate(-10%, 0); .opacity(0); } 100% { -webkit-transform: translate(0, 0); .opacity(1); } } @-moz-keyframes wpb_ltr { 0% { -moz-transform: translate(-10%, 0); .opacity(0); } 100% { -moz-transform: translate(0, 0); .opacity(1); } } @-o-keyframes wpb_ltr { 0% { -o-transform: translate(-10%, 0); .opacity(0); } 100% { -o-transform: translate(0, 0); .opacity(1); } } @keyframes wpb_ltr { 0% { .translate(-10%, 0); .opacity(0); } 100% { .translate(0, 0); .opacity(1); } } /* Right to left keyframes */ @-webkit-keyframes wpb_rtl { 0% { -webkit-transform: translate(10%, 0); .opacity(0); } 100% { -webkit-transform: translate(0, 0); .opacity(1); } } @-moz-keyframes wpb_rtl { 0% { -moz-transform: translate(10%, 0); .opacity(0); } 100% { -moz-transform: translate(0, 0); .opacity(1); } } @-o-keyframes wpb_rtl { 0% { -o-transform: translate(10%, 0); .opacity(0); } 100% { -o-transform: translate(0, 0); .opacity(1); } } @keyframes wpb_rtl { 0% { .translate(10%, 0); .opacity(0); } 100% { .translate(0, 0); .opacity(1); } } /* Appear from center keyframes */ @-webkit-keyframes wpb_appear { 0% { -webkit-transform: scale(0.5); .opacity(0.1); } 100% { -webkit-transform: scale(1); .opacity(1); } } @-moz-keyframes wpb_appear { 0% { -moz-transform: scale(0.5); .opacity(0.1); } 100% { -moz-transform: scale(1); .opacity(1); } } @-o-keyframes wpb_appear { 0% { -o-transform: scale(0.5); .opacity(0.1); } 100% { -o-transform: scale(1); .opacity(1); } } @keyframes wpb_appear { 0% { .scale(0.5); .opacity(0.1); } 100% { .scale(1); .opacity(1); } } .vc-spinner { &::before { content: ''; width: 16px; height: 16px; display: inline-block; pointer-events: none; margin-top: 6px; background: url('../images/spinner.gif') no-repeat; background-position-x: center; background-position-y: center; } &.vc-spinner-complete { &::before { background-image: url('../vc/tick.png'); } } &.vc-spinner-failed { &::before { background-image: url('../vc/remove.png'); } } } lib/wpb_icon.less000064400000010276150212447730010015 0ustar00i.icon { display: inline-block; width: 16px; height: 16px; line-height: 16px; vertical-align: text-top; margin-left: 5px; } .wpb_btn-large i.icon { height: 19px; margin-left: 9px; } .wpb_btn-small i.icon { height: 15px; } .wpb_btn-mini i.icon { display: none; } .wpb_address_book i.icon, option.wpb_address_book { background: url(../images/icons/address-book.png) no-repeat right center; } .wpb_alarm_clock i.icon, option.wpb_alarm_clock { background: url(../images/icons/alarm-clock.png) no-repeat right center; } .wpb_anchor i.icon, option.wpb_anchor { background: url(../images/icons/anchor.png) no-repeat right center; } .wpb_application_image i.icon, option.wpb_application_image { background: url(../images/icons/application-image.png) no-repeat right center; } .wpb_arrow i.icon, option.wpb_arrow { background: url(../images/icons/arrow.png) no-repeat right center; } .wpb_asterisk i.icon, option.wpb_asterisk { background: url(../images/icons/asterisk.png) no-repeat right center; } .wpb_hammer i.icon, option.wpb_hammer { background: url(../images/icons/auction-hammer.png) no-repeat right center; } .wpb_balloon i.icon, option.wpb_balloon { background: url(../images/icons/balloon.png) no-repeat right center; } .wpb_balloon_buzz i.icon, option.wpb_balloon_buzz { background: url(../images/icons/balloon-buzz.png) no-repeat right center; } .wpb_balloon_facebook i.icon, option.wpb_balloon_facebook { background: url(../images/icons/balloon-facebook.png) no-repeat right center; } .wpb_balloon_twitter i.icon, option.wpb_balloon_twitter { background: url(../images/icons/balloon-twitter.png) no-repeat right center; } .wpb_battery i.icon, option.wpb_battery { background: url(../images/icons/battery-full.png) no-repeat right center; } .wpb_binocular i.icon, option.wpb_binocular { background: url(../images/icons/binocular.png) no-repeat right center; } .wpb_document_excel i.icon, option.wpb_document_excel { background: url(../images/icons/blue-document-excel.png) no-repeat right center; } .wpb_document_image i.icon, option.wpb_document_image { background: url(../images/icons/blue-document-image.png) no-repeat right center; } .wpb_document_music i.icon, option.wpb_document_music { background: url(../images/icons/blue-document-music.png) no-repeat right center; } .wpb_document_office i.icon, option.wpb_document_office { background: url(../images/icons/blue-document-office.png) no-repeat right center; } .wpb_document_pdf i.icon, option.wpb_document_pdf { background: url(../images/icons/blue-document-pdf.png) no-repeat right center; } .wpb_document_powerpoint i.icon, option.wpb_document_powerpoint { background: url(../images/icons/blue-document-powerpoint.png) no-repeat right center; } .wpb_document_word i.icon, option.wpb_document_word { background: url(../images/icons/blue-document-word.png) no-repeat right center; } .wpb_bookmark i.icon, option.wpb_bookmark { background: url(../images/icons/bookmark.png) no-repeat right center; } .wpb_camcorder i.icon, option.wpb_camcorder { background: url(../images/icons/camcorder.png) no-repeat right center; } .wpb_camera i.icon, option.wpb_camera { background: url(../images/icons/camera.png) no-repeat right center; } .wpb_chart i.icon, option.wpb_chart { background: url(../images/icons/chart.png) no-repeat right center; } .wpb_chart_pie i.icon, option.wpb_chart_pie { background: url(../images/icons/chart-pie.png) no-repeat right center; } .wpb_clock i.icon, option.wpb_clock { background: url(../images/icons/clock.png) no-repeat right center; } .wpb_play i.icon, option.wpb_play { background: url(../images/icons/control.png) no-repeat right center; } .wpb_fire i.icon, option.wpb_fire { background: url(../images/icons/fire.png) no-repeat right center; } .wpb_heart i.icon, option.wpb_heart { background: url(../images/icons/heart.png) no-repeat right center; } .wpb_mail i.icon, option.wpb_mail { background: url(../images/icons/mail.png) no-repeat right center; } .wpb_shield i.icon, option.wpb_shield { background: url(../images/icons/plus-shield.png) no-repeat right center; } .wpb_video i.icon, option.wpb_video { background: url(../images/icons/video.png) no-repeat right center; }lib/front.less000064400000007116150212447730007344 0ustar00@import "responsive-utilities.less"; @import "grid.less"; @import "utils.less"; @import "../modules/vc_table.less"; // pixel icons @import "pixel_icons.less"; @import "../../fonts/vc_icons_v2/init.less"; //Helper classes .vc_txt_align_ { &left { text-align: left; } &right { text-align: right; } ¢er { text-align: center; } &justify { text-align: justify; text-justify: inter-word; } } // Mixin for genereate .vc_el_width_X class .vc_el_width( @size ) { &.vc_el_width_@{size} { @percent_size: ~"@{size}%"; // string concatenation with number + % width: @percent_size; margin-left: auto !important; margin-right: auto !important; } } // Loop to call .vc_el_width mixin .generate_width(@start, @max: 100, @step: 10) when ( @start <= @max) { .vc_el_width(@start); .generate_width((@start+@step), @max, @step); // next iteration, will automatically break if @start+@step <= @max } // Generate classes in loop from 50 to 100, vc_el_width_50, .. vc_el_width_100. .generate_width(50, 100, 10); @import (once) "../modules/vc_buttons.less"; .vc_column_container { .vc_btn, .wpb_button { margin-top: 5px; margin-bottom: 5px; } } /* 2. Alerts (Message boxes) ---------------------------------------------------------- */ @import "../shortcodes/vc_message_box/vc_message_box_front.less"; /* 4. Separators ---------------------------------------------------------- */ /***************** OLD CSS *****************/ /* Content elements margins ---------------------------------------------------------- */ .wpb_alert p:last-child, #content .wpb_alert p:last-child, /* for twenty ten theme */ .wpb_text_column p:last-child, .wpb_text_column *:last-child, #content .wpb_text_column p:last-child, /* for twenty ten theme */ #content .wpb_text_column *:last-child /* for twenty ten theme */ { margin-bottom: 0; } .wpb_content_element, ul.wpb_thumbnails-fluid > li, .wpb_button { margin-bottom: @vc_element_margin_bottom; } .fb_like, .twitter-share-button, .entry-content .twitter-share-button, .wpb_googleplus, .wpb_pinterest, .wpb_tab .wpb_content_element, .wpb_accordion .wpb_content_element { margin-bottom: @vc_margin_bottom_gold; } @import "../lib/parallax.less"; @import "../shortcodes/vc_row.less"; @import "../shortcodes/vc_section.less"; @import "../shortcodes/frontend_vc_row.less"; @import "../shortcodes/vc_social_btns.less"; @import "../shortcodes/vc_toggle.less"; @import "../shortcodes/vc_widgetised_column.less"; @import "../shortcodes/vc_button.less"; @import "../shortcodes/vc_button3.less"; @import "../shortcodes/vc_custom_heading.less"; @import "../shortcodes/vc_call_to_action.less"; @import "../shortcodes/vc_call_to_action3.less"; @import "../shortcodes/vc_google_maps.less"; @import "../shortcodes/vc_tabs_tour_accordion.less"; @import "../shortcodes/vc_teaser_grid.less"; @import "../shortcodes/vc_image_gallery.less"; @import "../shortcodes/vc_flickr.less"; @import "../shortcodes/vc_video_widget.less"; @import "../shortcodes/vc_post_slider.less"; @import "../shortcodes/vc_progress_bar.less"; @import "../shortcodes/vc_pie.less"; @import "../shortcodes/vc_carousel.less"; @import "../shortcodes/vc_separator.less"; @import "../shortcodes/vc_zigzag.less"; @import "../shortcodes/vc_single_image.less"; @import "../shortcodes/vc_icon_element.less"; @import "../shortcodes/vc_charts.less"; @import "../shortcodes/vc_zoom.less"; @import "../shortcodes/vc_pagination.less"; @import "../shortcodes/vc_basic_grid/vc_grid.less"; @import "../shortcodes/vc_hoverbox.less"; @import "vc_font.less"; @import "css3_animations.less"; @import "../vendor/woocommerce.less";lib/pixel_icons.less000064400000006336150212447730010533 0ustar00/* Pixel Icons */ .vc_pixel_icon { display: inline-block; vertical-align: middle; height: 16px; width: 16px; background-position: 0 0; background-repeat: no-repeat; } .vc_pixel_icon-alert { background-image: url(../vc/alert.png); } .vc_pixel_icon-info { background-image: url(../vc/info.png); } .vc_pixel_icon-tick { background-image: url(../vc/tick.png); } .vc_pixel_icon-explanation { background-image: url(../vc/exclamation.png); } .vc_pixel_icon-address_book { background-image: url(../images/icons/address-book.png); } .vc_pixel_icon-alarm_clock { background-image: url(../images/icons/alarm-clock.png); } .vc_pixel_icon-anchor { background-image: url(../images/icons/anchor.png); } .vc_pixel_icon-application_image { background-image: url(../images/icons/application-image.png); } .vc_pixel_icon-arrow { background-image: url(../images/icons/arrow.png); } .vc_pixel_icon-asterisk { background-image: url(../images/icons/asterisk.png); } .vc_pixel_icon-hammer { background-image: url(../images/icons/auction-hammer.png); } .vc_pixel_icon-balloon { background-image: url(../images/icons/balloon.png); } .vc_pixel_icon-balloon_buzz { background-image: url(../images/icons/balloon-buzz.png); } .vc_pixel_icon-balloon_facebook { background-image: url(../images/icons/balloon-facebook.png); } .vc_pixel_icon-balloon_twitter { background-image: url(../images/icons/balloon-twitter.png); } .vc_pixel_icon-battery { background-image: url(../images/icons/battery-full.png); } .vc_pixel_icon-binocular { background-image: url(../images/icons/binocular.png); } .vc_pixel_icon-document_excel { background-image: url(../images/icons/blue-document-excel.png); } .vc_pixel_icon-document_image { background-image: url(../images/icons/blue-document-image.png); } .vc_pixel_icon-document_music { background-image: url(../images/icons/blue-document-music.png); } .vc_pixel_icon-document_office { background-image: url(../images/icons/blue-document-office.png); } .vc_pixel_icon-document_pdf { background-image: url(../images/icons/blue-document-pdf.png); } .vc_pixel_icon-document_powerpoint { background-image: url(../images/icons/blue-document-powerpoint.png); } .vc_pixel_icon-document_word { background-image: url(../images/icons/blue-document-word.png); } .vc_pixel_icon-bookmark { background-image: url(../images/icons/bookmark.png); } .vc_pixel_icon-camcorder { background-image: url(../images/icons/camcorder.png); } .vc_pixel_icon-camera { background-image: url(../images/icons/camera.png); } .vc_pixel_icon-chart { background-image: url(../images/icons/chart.png); } .vc_pixel_icon-chart_pie { background-image: url(../images/icons/chart-pie.png); } .vc_pixel_icon-clock { background-image: url(../images/icons/clock.png); } .vc_pixel_icon-play { background-image: url(../images/icons/control.png); } .vc_pixel_icon-fire { background-image: url(../images/icons/fire.png); } .vc_pixel_icon-heart { background-image: url(../images/icons/heart.png); } .vc_pixel_icon-mail { background-image: url(../images/icons/mail.png); } .vc_pixel_icon-shield { background-image: url(../images/icons/plus-shield.png); } .vc_pixel_icon-video { background-image: url(../images/icons/video.png); }lib/grid-5-cols-sm.less000064400000002462150212447730010655 0ustar00.vc_col-sm-1\/5, .vc_col-sm-2\/5, .vc_col-sm-3\/5, .vc_col-sm-4\/5, .vc_col-sm-5\/5 { float: left; } [dir="rtl"] .vc_rtl-columns-reverse .vc_col-sm-1\/5, [dir="rtl"] .vc_rtl-columns-reverse .vc_col-sm-2\/5, [dir="rtl"] .vc_rtl-columns-reverse .vc_col-sm-3\/5, [dir="rtl"] .vc_rtl-columns-reverse .vc_col-sm-4\/5, [dir="rtl"] .vc_rtl-columns-reverse .vc_col-sm-5\/5 { float: right; } .vc_col-sm-5\/5 { width: 100%; } .vc_col-sm-4\/5 { width: 80%; } .vc_col-sm-3\/5 { width: 60%; } .vc_col-sm-2\/5 { width: 40%; } .vc_col-sm-1\/5 { width: 20%; } .vc_col-sm-pull-5\/5 { right: 100%; } .vc_col-sm-pull-4\/5 { right: 80%; } .vc_col-sm-pull-3\/5 { right: 60%; } .vc_col-sm-pull-2\/5 { right: 40%; } .vc_col-sm-pull-1\/5 { right: 20%; } .vc_col-sm-pull-0\/5 { right: auto; } .vc_col-sm-push-5\/5 { left: 100%; } .vc_col-sm-push-4\/5 { left: 80%; } .vc_col-sm-push-3\/5 { left: 60%; } .vc_col-sm-push-2\/5 { left: 40%; } .vc_col-sm-push-1\/5 { left: 20%; } .vc_col-sm-push-0\/5 { left: auto; } .vc_col-sm-offset-5\/5 { margin-left: 100%; } .vc_col-sm-offset-4\/5 { margin-left: 80%; } .vc_col-sm-offset-3\/5 { margin-left: 60%; } .vc_col-sm-offset-2\/5 { margin-left: 40%; } .vc_col-sm-offset-1\/5 { margin-left: 20%; } .vc_col-sm-offset-0\/5 { margin-left: 0%; } lib/elements_icons.less000064400000015417150212447730011226 0ustar00// [class^="icon-wpb"], // [class*=" icon-wpb"] // Icons .vc_element-icon { background-image: url('../vc/logo/wpb-logo.svg'); background-size: 32px; background-position: 0 0; background-repeat: no-repeat; display: block; margin: 0; &:extend(.vc_general.vc_element-icon); } .vc_general { &.vc_element-icon { width: 32px; height: 32px; } } .vc_element-icon[data-is-container="true"] { background-image: url('../vc/vc-element-icons/element-icon-misc.svg'); } .icon-wpb-application-icon-large { background-image: url('../vc/vc-element-icons/element-icon-post-grid.svg'); } .icon-wpb-application-plus { background-image: url('../vc/vc-element-icons/element-icon-google-plus.svg'); } .icon-wpb-balloon-facebook-left { background-image: url('../vc/vc-element-icons/element-icon-facebook.svg'); } .icon-wpb-balloon-twitter-left { background-image: url('../vc/vc-element-icons/element-icon-twitter.svg'); } .icon-wpb-film-youtube { background-image: url('../vc/vc-element-icons/element-icon-video.svg'); } .icon-wpb-images-stack { background-image: url('../vc/vc-element-icons/element-icon-image-gallery.svg'); } .icon-wpb-information-white { background-image: url('../vc/vc-element-icons/element-icon-message-box.svg'); } .icon-wpb-layer-shape-text { background-image: url('../vc/vc-element-icons/element-icon-text-block.svg'); } .icon-wpb-layout_sidebar { background-image: url('../vc/vc-element-icons/element-icon-widget-sidebar.svg'); } .icon-wpb-map-pin { background-image: url('../vc/vc-element-icons/element-icon-google-maps.svg'); } .icon-wpb-slideshow { background-image: url('../vc/vc-element-icons/element-icon-posts-slider-2.svg'); } .icon-wpb-toggle-small-expand { background-image: url('../vc/vc-element-icons/element-icon-faq-toggle.svg'); } .icon-wpb-ui-accordion, .icon-wpb-ui-accordion[data-is-container="true"] { background-image: url('../vc/vc-element-icons/element-icon-accordion.svg'); } .icon-wpb-ui-button { background-image: url('../vc/vc-element-icons/element-icon-button.svg'); } .icon-wpb-ui-separator-label { background-image: url('../vc/vc-element-icons/element-icon-separator-with-text.svg'); } .icon-wpb-ui-separator { background-image: url('../vc/vc-element-icons/element-icon-separator.svg'); } .icon-wpb-ui-tab-content, .icon-wpb-ui-tab-content[data-is-container="true"] { background-image: url('../vc/vc-element-icons/element-icon-tabs.svg'); } .icon-wpb-ui-tab-content-vertical, .icon-wpb-ui-tab-content-vertical[data-is-container="true"] { background-image: url('../vc/vc-element-icons/element-icon-tour.svg'); } .icon-wpb-ui-pageable, .icon-wpb-ui-pageable[data-is-container="true"] { background-image: url('../vc/vc-element-icons/element-icon-pageable-container.svg'); } .icon-wpb-pinterest { background-image: url('../vc/vc-element-icons/element-icon-pinterest.svg'); } .icon-wpb-tweetme { background-image: url('../vc/vc-element-icons/element-icon-twitter.svg'); } .icon-wpb-single-image { background-image: url('../vc/vc-element-icons/element-icon-single-image.svg'); } .icon-wpb-call-to-action { background-image: url('../vc/vc-element-icons/element-icon-cta.svg'); } .icon-wpb-raw-html { background-image: url('../vc/vc-element-icons/element-icon-raw-html.svg'); } .icon-wpb-raw-javascript { background-image: url('../vc/vc-element-icons/element-icon-raw-js.svg'); } .icon-wpb-flickr { background-image: url('../vc/vc-element-icons/element-icon-flickr.svg'); } .icon-wpb-graph { background-image: url('../vc/vc-element-icons/element-icon-progress-bar.svg'); } .icon-wpb-wp { background-image: url('../vc/vc-element-icons/element-icon-wordpress.svg'); } .icon-wpb-vc_pie { background-image: url('../vc/vc-element-icons/element-icon-pie-chart.svg'); } .icon-wpb-images-carousel { background-image: url('../vc/vc-element-icons/element-icon-image-carousel.svg'); } // deprecated element .icon-wpb-vc_carousel { background-position: 0 -1088px; } .icon-wpb-row, .icon-wpb-row[data-is-container="true"] { background-image: url('../vc/vc-element-icons/element-icon-row.svg'); } .icon-wpb-ui-empty_space { background-image: url('../vc/vc-element-icons/element-icon-empty-space.svg'); } .icon-wpb-atm { background-image: url('../vc/vc-element-icons/element-icon-my-shortcode.svg'); } .icon-wpb-ui-custom_heading { background-image: url('../vc/vc-element-icons/element-icon-google-fonts.svg'); } .icon-wpb-woocommerce { background-image: url('../vc/vc-element-icons/element-icon-woo-commerce.svg'); } .icon-wpb-ninjaforms { background-image: url('../vc/vc-element-icons/element-icon-ninja-forms.svg'); } //shortcode vc_icon @since 4.4 .icon-wpb-vc_icon { background-image: url('../vc/vc-element-icons/element-icon-icon.svg'); } .vc_icon-vc-gitem-post-excerpt { background-image: url('../vc/vc-element-icons/element-icon-excerpt.svg'); } .vc_icon-vc-gitem-image { // Image in post grid builder background-image: url('../vc/vc-element-icons/element-icon-single-image.svg'); } .vc_icon-acf { background-image: url('../vc/vc-element-icons/element-icon-acf.svg'); } .vc_icon-vc-gitem-post-date { background-image: url('../vc/vc-element-icons/element-icon-post-date.svg'); } .vc_icon-vc-gitem-post-meta { background-image: url('../vc/vc-element-icons/element-icon-custom-fields.svg'); } .vc_icon-vc-gitem-post-title { background-image: url('../vc/vc-element-icons/element-icon-post-title.svg'); } .vc_icon-vc-media-grid { background-image: url('../vc/vc-element-icons/element-icon-media-grid.svg'); } .vc_icon-vc-masonry-media-grid { background-image: url('../vc/vc-element-icons/element-icon-media-masonry-grid.svg'); } .vc_icon-vc-masonry-grid { background-image: url('../vc/vc-element-icons/element-icon-post-masonry-grid.svg'); } .icon-wpb-vc-round-chart { background-image: url('../vc/vc-element-icons/element-icon-doughnut-chart.svg'); } .icon-wpb-vc-line-chart { background-image: url('../vc/vc-element-icons/element-icon-line-chart.svg'); } .icon-wpb-ui-tta-section, .icon-wpb-ui-tta-section[data-is-container="true"] { background-image: url('../vc/vc-element-icons/element-icon-accordion.svg'); } .vc_icon-vc-gitem-post-author { background-image: url('../vc/vc-element-icons/element-icon-post-author.svg'); } .vc_icon-vc-gitem-post-categories { background-image: url('../vc/vc-element-icons/element-icon-category.svg'); } .vc_icon-vc-section, .vc_icon-vc-section[data-is-container="true"] { // Add section icon background-image: url('../vc/vc-element-icons/element-icon-section.svg'); } .vc_icon-vc-zigzag { background-image: url('../vc/vc-element-icons/element-icon-separator-zig-zag.svg'); } .vc_icon-vc-hoverbox { background-image: url('../vc/vc-element-icons/element-icon-hover-box.svg'); } .vc_icon-vc-gutenberg { background-image: url('../vc/vc-element-icons/element-icon-gutenberg.svg'); } lib/controls-fe.less000064400000000077150212447730010446 0ustar00.vc_element-name { .vc_btn-content { height: 30px; } } lib/backend_controls.less000064400000016312150212447730011524 0ustar00/* Row Controls ---------------------------------------------------------- */ .vc_controls { .box-sizing(border-box); > div { border-radius: @vc_border_radius; > :first-child { .vc_btn-content { .border-left-radius(@vc_border_radius); } } > :last-child { .vc_btn-content { .border-right-radius(@vc_border_radius); } } } } .vc_column_color, .vc_color-helper { margin-top: 3px; width: 16px; height: 16px; display: inline-block; margin-right: 3px; border-radius: 8px; } .vc_column_image, .vc_image-helper { margin-top: 3px; width: 16px; height: 16px; display: inline-block; margin-right: 3px; background-size: cover; border-radius: 8px; } .vc_icon { width: 16px; height: 16px; display: inline-block; background: transparent url('../vc/controls.png') no-repeat -16px 0px; } .vc_control { cursor: pointer; display: inline-block; border-radius: 2px 2px 0 0; border: 1px solid transparent; padding: 0; text-decoration: none; color: #888888; font-size: 14px; &.column_add, .vc-controls-add { .vc_icon { background-position: -16px -16px; } } &.column_delete, .vc-controls-delete { .vc_icon { background-position: -16px -64px; } } &.column_clone, .vc-controls-clone { .vc_icon { background-position: -16px -48px; } } &.column_edit, .vc-controls-edit { .vc_icon { background-position: -16px -32px; } } &.column_toggle, .vc-controls-toggle { .vc_icon { background-position: -16px -96px; } } // Row drag handler &.column_move, .vc-controls-move { cursor: move; float: left; } &:hover { color: #888888; .vc-composer-icon { .opacity(0.7); } } } .vc_controls-row { text-align: center; line-height: 1px; position: relative; z-index: 1; visibility: visible; // TODO: set as default .opacity(1); // TODO: set as default height: auto; // TODO: set as default &:hover { z-index: 10; } .vc_control { background-color: @vc_row_control_bg; padding: 3px 10px; } .column_add, .vc_control-add-column { float: left; margin-left: 1px; } .column_move { padding: 6px 10px 5px; font-size: 13px; } .column_edit { padding: 5px 12px; } .vc-c-icon-add, .vc-c-icon-delete_empty, .vc-c-icon-content_copy { position: relative; font-size: 14px; display: inline-block; width: 18px; height: 18px; &::before { position: absolute; top: 50%; left: 50%; .translate(-50%, -50%); } } .vc-c-icon-delete_empty { font-size: 12px; } .vc-c-icon-content_copy { font-size: 14px; } .vc-c-icon-mode_edit { font-size: 14px; } .vc-c-icon-arrow_drop_down { font-size: 18px; } .vc_row_layouts, .vc_control-row-layout { display: block; height: 16px; overflow: hidden; float: left; padding: 3px 0 5px 4px; text-align: left; margin-left: 1px; background: #e6e6e6; border: 1px solid transparent; border-radius: 2px 2px 0 0; .vc_active { display: inline-block; } &:hover { width: auto; height: auto; position: absolute; left: 36px; z-index: 1; a { display: inline-block; &:hover, &.vc_active { background-color: #FBEED5; } } } } .vc_control-set-column { //background-image: url(../vc/row_layouts/1.gif); //background-position: center center; //background-repeat: no-repeat; display: none; border: none; width: 32px; height: 20px; background-color: transparent; cursor: pointer; font-size: 12px; color: #A0A0A0; position: relative; &:active { outline: none; } &.vc_active { background-color: transparent; } .vc-composer-icon { position: absolute; top: 50%; left: 15px; .translate(-50%, -50%); } &.custom_columns { background-image: none; border-bottom: 1px dotted; font-size: 11px; height: auto; line-height: 12px; margin: 0 3px; padding: 4px 0 0 0; width: auto; color: #0073aa; &:hover { color: #00a0d2; } } &.l_12_12 { background-image: url(../vc/row_layouts/12_12.gif); } &.l_23_13 { background-image: url(../vc/row_layouts/23_13.gif); } &.l_13_13_13 { background-image: url(../vc/row_layouts/13_13_13.gif); } &.l_13_23 { background-image: url(../vc/row_layouts/13_23.gif); } &.l_14_14_14_14 { background-image: url(../vc/row_layouts/14_14_14_14.gif); } &.l_23_13 { background-image: url(../vc/row_layouts/23_13.gif); } &.l_14_34 { background-image: url(../vc/row_layouts/14_34.gif); } &.l_14_12_14 { background-image: url(../vc/row_layouts/14_12_14.gif); } &.l_56_16 { background-image: url(../vc/row_layouts/56_16.gif); } &.l_16_46_16 { background-image: url(../vc/row_layouts/14_46_16.gif); } &.l_16_16_16_12 { background-image: url(../vc/row_layouts/16_16_16_12.gif); } &.l_16_16_16_16_16_16 { background-image: url(../vc/row_layouts/16_16_16_16_16_16.gif); } } // Right controls (delete, clone, edit) .vc_row_edit_clone_delete { .vc_control { float: right; background-position: center center; background-repeat: no-repeat; margin-left: 1px; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } } .vc_row_color { float: right; margin-top: 3px; width: 16px; height: 16px; display: block; margin-right: 3px; border-radius: 8px; } .vc_row_image { float: right; margin-top: 3px; width: 16px; height: 16px; display: block; margin-right: 3px; background-size: cover; border-radius: 8px; } } .wpb_vc_section { padding-bottom: 30px; > .vc_controls-row { } > .wpb_element_wrapper { padding: 25px 30px 0; margin: 0 -15px; border-top: 1px solid #e6e6e6; } .vc_section-bottom-controls { text-align: center; border-bottom: 1px solid #e6e6e6; padding-bottom: 40px; margin-left: -15px; margin-right: -15px; } } .vc_control-align { .vc_control { display: none; border: 0; margin: 0; &.vc_active { display: block; } } &:hover { position: relative; height: 15px; width: 20px; z-index: 10; .vc_control-wrap { position: absolute; background-color: #e6e6e6; top: -3px; padding: 2px; left: 0; .vc_control { display: block; &.vc_active { background-color: lightyellow; } } } } } .vc_control-align-left { .vc_icon { background-position: -16px -143px; } } .vc_control-align-center { .vc_icon { background-position: -16px -159px; } } .vc_control-align-right { .vc_icon { background-position: -16px -175px; } } .controls_column { &.bottom-controls { .column_edit, .column_delete, .column_clone { display: none; } } } .wpb_content_element { &:hover { > .vc_controls { .vc_controls-visible; } } }lib/grid-5-cols-xs.less000064400000004312150212447730010664 0ustar00.vc_col-xs-1\/5, .vc_col-sm-1\/5, .vc_col-md-1\/5, .vc_col-lg-1\/5, .vc_col-xs-2\/5, .vc_col-sm-2\/5, .vc_col-md-2\/5, .vc_col-lg-2\/5, .vc_col-xs-3\/5, .vc_col-sm-3\/5, .vc_col-md-3\/5, .vc_col-lg-3\/5, .vc_col-xs-4\/5, .vc_col-sm-4\/5, .vc_col-md-4\/5, .vc_col-lg-4\/5, .vc_col-xs-5\/5, .vc_col-sm-5\/5, .vc_col-md-5\/5, .vc_col-lg-5\/5 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .vc_col-xs-1\/5, .vc_col-xs-2\/5, .vc_col-xs-3\/5, .vc_col-xs-4\/5, .vc_col-xs-5\/5 { float: left; } .vc_col-xs-5\/5 { width: 100%; } .vc_col-xs-4\/5 { width: 80%; } .vc_col-xs-3\/5 { width: 60%; } .vc_col-xs-2\/5 { width: 40%; } .vc_col-xs-1\/5 { width: 20%; } .vc_col-xs-pull-5\/5 { right: 100%; } .vc_col-xs-pull-4\/5 { right: 80%; } .vc_col-xs-pull-3\/5 { right: 60%; } .vc_col-xs-pull-2\/5 { right: 40%; } .vc_col-xs-pull-1\/5 { right: 20%; } .vc_col-xs-pull-0\/5 { right: auto; } .vc_col-xs-push-5\/5 { left: 100%; } .vc_col-xs-push-4\/5 { left: 80%; } .vc_col-xs-push-3\/5 { left: 60%; } .vc_col-xs-push-2\/5 { left: 40%; } .vc_col-xs-push-1\/5 { left: 20%; } .vc_col-xs-push-0\/5 { left: auto; } .vc_col-xs-offset-5\/5 { margin-left: 100%; } .vc_col-xs-offset-4\/5 { margin-left: 80%; } .vc_col-xs-offset-3\/5 { margin-left: 60%; } .vc_col-xs-offset-2\/5 { margin-left: 40%; } .vc_col-xs-offset-1\/5 { margin-left: 20%; } .vc_col-xs-offset-0\/5 { margin-left: 0%; } [dir="rtl"] .vc_rtl-columns-reverse .vc_col-xs-1\/5, [dir="rtl"] .vc_rtl-columns-reverse .vc_col-xs-2\/5, [dir="rtl"] .vc_rtl-columns-reverse .vc_col-xs-3\/5, [dir="rtl"] .vc_rtl-columns-reverse .vc_col-xs-4\/5, [dir="rtl"] .vc_rtl-columns-reverse .vc_col-xs-5\/5, [dir="rtl"] .vc_rtl-columns-reverse .vc_non_responsive .vc_row .vc_col-sm-1\/5, [dir="rtl"] .vc_rtl-columns-reverse .vc_non_responsive .vc_row .vc_col-sm-2\/5, [dir="rtl"] .vc_rtl-columns-reverse .vc_non_responsive .vc_row .vc_col-sm-3\/5, [dir="rtl"] .vc_rtl-columns-reverse .vc_non_responsive .vc_row .vc_col-sm-4\/5, [dir="rtl"] .vc_rtl-columns-reverse .vc_non_responsive .vc_row .vc_col-sm-5\/5 { float: right; }lib/vc_mixins.less000064400000013357150212447730010217 0ustar00// For clearing floats like a boss h5bp.com/q .vc_clearfix { &:before, &:after { display: table; content: ""; } &:after { clear: both; } } // Mixins 4.0 //Button variants mixin .vc_btn_variants(@color, @txt_color) { background-color: @color; color: @txt_color !important; // TODO: WTF? why it is not rendering? .transition(all 0.5s); &:hover { background-color: darken(@color, 6%); color: darken(@txt_color, 3%) !important; } &.vc_btn_outlined, &.vc_btn_square_outlined { color: @color !important; &:hover { border-color: darken(@color, 6%); } } &.vc_btn_3d { .box-shadow(0 5px 0 darken(@color, 11%)); margin-bottom: 5px; &.vc_btn_xs { .box-shadow(0 3px 0 darken(@color, 11%)); margin-bottom: 3px; } &.vc_btn_sm { .box-shadow(0 4px 0 darken(@color, 11%)); margin-bottom: 4px; } } } .vc_heading(@font_size) { font-weight: normal; font-size: @font_size; color: inherit; } .vc_box-heading { .border-top-radius(1px); background: @vc_modal_header_bg_color; color: @vc_modal_header_color; padding: 10px 15px; .vc_icon { width: 15px; height: 18px; display: block; } // TODO: refactor with SMCSS .vc_close { margin-top: 2px; float: right; display: block; &:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .vc_icon { background: transparent url(../vc/fe/close_panel.png) center center; } } .vc_minimize { margin-top: 2px; margin-right: 2px; float: right; display: block; .vc_icon { background: transparent url(../vc/fe/modal_minimize.png) center center; } } .vc_transparent { margin-top: 2px; margin-right: 8px; float: right; display: block; .vc_icon { background: transparent url(../vc/fe/eye_ico.png) center center no-repeat; } } } .vc_edit_color_option_variants(@selector, @color, @txt_color) { .@{selector} { background-color: @color !important; color: @txt_color !important; } } .greyGradient() { background: #f1f1f1; background-image: -webkit-gradient(linear, left bottom, left top, from(#ececec), to(#f9f9f9)); background-image: -webkit-linear-gradient(bottom, #ececec, #f9f9f9); background-image: -moz-linear-gradient(bottom, #ececec, #f9f9f9); background-image: -o-linear-gradient(bottom, #ececec, #f9f9f9); background-image: linear-gradient(to top, #ececec, #f9f9f9); border: 1px solid #dfdfdf !important; -webkit-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff; } // CSS3 PROPERTIES // -------------------------------------------------- // Border Radius .border-radius(@radius) { -webkit-border-radius: @radius; -moz-border-radius: @radius; border-radius: @radius; } // COMPONENT MIXINS // -------------------------------------------------- // Button backgrounds // ------------------ .buttonBackground(@startColor, @endColor) { background-color: @startColor; // in these cases the gradient won't cover the background, so we override &:hover, &:active, &.active, &.disabled, &[disabled] { background-color: @endColor; } } .no_bullet_fix() { background-image: none; list-style: none !important; &:after, &:before { display: none !important; } } //Transition .wpb_transition(@param: all, @time: 0.2s, @easing: linear) { transition: @param @time @easing; -moz-transition: @param @time @easing; -webkit-transition: @param @time @easing; -o-transition: @param @time @easing; } .wpb_transform(@param) { -webkit-transform: @param; -moz-transform: @param; -ms-transform: @param; -o-transform: @param; transform: @param; } .wpb_border_radius(@radius: 5px) { -webkit-border-radius: @radius; -moz-border-radius: @radius; border-radius: @radius; } // Mixins 4.0 //Button variants mixin .vc_btn_variants(@selector, @color, @txt_color) { &@{selector} { .vc_btn_variants(@color, @txt_color); } } .vc_frontend-editor-invisibility-settings { display: block !important; .opacity(.5); .vc_controls, &.vc_section + .vc_controls, &.vc_section + .vc_row-full-width + .vc_controls { .vc_btn-content { background-color: #CCC !important; border-color: #CCC !important; &:hover { background-color: #b3b3b3 !important; border-color: #b3b3b3 !important; } } .vc_control-btn-append:before { border-bottom-color: #CCC !important; } .vc_control-btn-append:hover:before { border-bottom-color: #b3b3b3 !important; } } &.vc_section + .vc_controls, &.vc_section + .vc_row-full-width + .vc_controls { .vc_btn-content { .opacity(.5); } } } .vc_backend-editor-invisibility-settings { display: block !important; .vc_controls { .vc_btn-content { background-color: #CCC !important; border-color: #CCC !important; &:hover { background-color: #b3b3b3 !important; border-color: #b3b3b3 !important; } } } > * { .opacity(.5) !important; } } .vc-empty { outline: 1px dotted @vc_border_color; min-height: 50px; position: relative; cursor: pointer; .box-sizing(border-box); &:after { font-family: 'vcpb-plugin-icons' !important; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: @vc-c-icon-add_element; color: #848C92; font-size: 20px; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 0; height: 30px; width: 30px; line-height: 30px; text-align: center; position: absolute; } } .vc_bg_color_variants(@color) { .vc_bg-@{color} { background-color: @@color; } } // End Mixinslib/media-gallery.less000064400000002774150212447730010735 0ustar00.media-modal { .attachment-details .setting.vc-image-filter-setting { float: none; select { max-width: 65%; width: 100%; } } @media only screen and (max-width: 900px) { .attachment-details { .setting.vc-image-filter-setting { .name { display: block; } select { max-width: 98%; } } } } .attachment-info { @max_w: 100%; @max_h: 250px; .thumbnail { max-width: @max_w; max-height: @max_h; width: 100%; img { max-width: @max_w; max-height: @max_h; } &.loading { &::before { background: url('../images/spinner.gif') no-repeat center; position: absolute; content: ''; top: 0; left: 0; right: 0; bottom: 0; } } } .uploaded, .file-size { float: left; &::after { margin-right: 5px; content: ';'; } } .edit-attachment, .delete-attachment { display: inline; } .delete-attachment { &::before { content: '| '; color: #666; } } } &.processing-media { .media-button { &::before { content: ''; width: 16px; height: 16px; background: url('../images/spinner.gif'); display: inline-block; margin-left: -40px; position: absolute; pointer-events: none; margin-top: 6px; } } } }vendor/contact_form_7.less000064400000000254150212447730011643 0ustar00.icon-wpb-contactform7 { background-position: 0 -832px; background-image: url('../vc/vc-element-icons/element-icon-contact-form-7.svg'); background-position: unset; }vendor/rev_slider.less000064400000000377150212447730011103 0ustar00/* Revolution Slider ---------------------------------------------------------- */ .icon-wpb-revslider { background-position: 0 -928px; background-image: url('../vc/vc-element-icons/element-icon-revolution-slider.svg'); background-position: unset; }vendor/woocommerce.less000064400000003314150212447730011256 0ustar00.vc-woocommerce-add-to-cart-loading.vc_grid-item-mini { position: relative; .vc_gitem-zone { .opacity(0) !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; .transition(none) !important; } .vc_wc-load-add-to-loader-wrapper { position: absolute; right: 0; top: 50%; margin-top: -50px; left: 0; } .vc_wc-load-add-to-loader { &:before, &:after, & { border-radius: 50%; width: 12px; height: 12px; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: vc_woo-add-cart-load 1.8s infinite ease-in-out; animation: vc_woo-add-cart-load 1.8s infinite ease-in-out; } & { margin: 2em auto; font-size: 10px; position: relative; text-indent: -9999em; -webkit-animation-delay: 0.16s; animation-delay: 0.16s; height: 50px; } &:before { left: -20px; } &:after { left: 20px; -webkit-animation-delay: 0.32s; animation-delay: 0.32s; } &:before, &:after { content: ''; position: absolute; top: 0; } @-webkit-keyframes vc_woo-add-cart-load { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em rgba(235, 235, 235, 0.75); } 40% { box-shadow: 0 2.5em 0 0 rgba(235, 235, 235, 0.75); } } @keyframes vc_woo-add-cart-load { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em rgba(235, 235, 235, 0.75); } 40% { box-shadow: 0 2.5em 0 0 rgba(235, 235, 235, 0.75); } } } } .vc_grid-item-mini { .added_to_cart.wc-forward { display: none; } } vendor/jwplayer.less000064400000000316150212447730010573 0ustar00.vc_placeholder-jwplayer { &:before { content: ""; display: block; padding-top: 100/16*9%; } width: 100%; background: #2a2a2a url(../vc/3rd-party/jwplayer.png) center center no-repeat; }vendor/gravity_form.less000064400000000374150212447730011452 0ustar00/* Gravity Forms ---------------------------------------------------------- */ .icon-wpb-vc_gravityform { background-position: 0 -864px; background-image: url('../vc/vc-element-icons/element-icon-gravity-forms.svg'); background-position: unset; }vendor/layerslider.less000064400000000562150212447730011260 0ustar00/* Icons for 3rd party plugins (WPBakery Page Builder ready) ---------------------------------------------------------- */ /* Layer Slider ---------------------------------------------------------- */ .icon-wpb-layerslider { background-position: 0 -896px; background-image: url('../vc/vc-element-icons/element-icon-layer-slider.svg'); background-position: unset; }vc_lte_ie9.less000064400000004324150212447730007466 0ustar00/** * Row styles */ body { .vc_row { &.vc_row-o-content-middle { display: block; } } // assets/less/modules/ui/vc_ui-dropdown.less .vc_ui-dropdown { .vc_ui-list-bar-item { display: block; } } // assets/less/modules/ui/vc_ui-prompt.less .vc_ui-prompt-content { display: block; } // assets/less/modules/ui/vc_ui-edit-element/vc_ui-panel-edit-element.less .vc_ui-panel { .vc_ui-panel-content-container { max-height: 50vh !important; } &.vc_active { display: block; } .vc_panel-tabs { > .vc_edit-form-tab { &.vc_active { display: block; } } } } [data-vc-template-search="true"] .vc_edit-form-tab { display: block !important; &.vc-search-result-empty { display: none !important; } } // less/modules/ui/vc_ui-edit-element/vc_ui-block-bootstrap.less .vc_edit_form_elements { .vc_row { display: block; } } // assets/less/modules/ui/vc_ui-panel/vc_ui-panel-header.less .vc_ui-panel-header { .vc_ui-panel-header-header { display: block; } } // assets/less/modules/ui/vc_ui-panel/vc_ui-panel-window.less .vc_ui-panel-window-inner { display: block; } .vc_tta-tabs { &.vc_tta-tabs-position-left { display: block; .vc_tta-tabs-container { .vc_non_responsive &, .vc_tta-o-non-responsive & { display: block; } display: block; } .vc_tta-panels-container { display: block; } } &.vc_tta-tabs-position-right { display: block; .vc_tta-tabs-container { .vc_non_responsive &, .vc_tta-o-non-responsive & { display: block; } display: block; } .vc_tta-panels-container { display: block; } } } } // separator fallback .vc_separator { display: table; h4 { display: table-cell; white-space: pre; vertical-align: middle; } .vc_sep_holder { display: table-cell; vertical-align: middle; width: 50%; } &.vc_separator_align_left { .vc_sep_holder { width: 100%; } } &.vc_separator_align_right { .vc_sep_holder { width: 100%; } } }