khaihihi
This commit is contained in:
KhaiNguyen
@@ -0,0 +1,93 @@
|
||||
@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;
|
||||
107
wp-content/plugins/js_composer/assets/less/config/variables.less
Normal file
107
wp-content/plugins/js_composer/assets/less/config/variables.less
Normal file
@@ -0,0 +1,107 @@
|
||||
@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;
|
||||
@@ -0,0 +1,39 @@
|
||||
// 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
|
||||
@@ -0,0 +1,68 @@
|
||||
// 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;
|
||||
Reference in New Issue
Block a user