khaihihi
This commit is contained in:
KhaiNguyen
@@ -0,0 +1,44 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,16 @@
|
||||
/* Empty column tweaks
|
||||
---------------------------------------------------------- */
|
||||
.vc_empty-container {
|
||||
.vc-empty;
|
||||
&:hover {
|
||||
.opacity(0.5);
|
||||
}
|
||||
}
|
||||
|
||||
.vc_empty-column {
|
||||
> .vc_controls {
|
||||
.column_add {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,183 @@
|
||||
.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;
|
||||
//}
|
||||
@@ -0,0 +1,68 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,15 @@
|
||||
.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();
|
||||
}
|
||||
@@ -0,0 +1,180 @@
|
||||
/* 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";
|
||||
@@ -0,0 +1,5 @@
|
||||
.vc_btn3-container {
|
||||
margin-bottom: 2px; // no need to make gold ration in backend
|
||||
}
|
||||
|
||||
@import "../shortcodes/vc_button3_editform.less";
|
||||
@@ -0,0 +1 @@
|
||||
@import "../shortcodes/vc_cta3_editform.less";
|
||||
@@ -0,0 +1,15 @@
|
||||
[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;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,27 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,2 @@
|
||||
/* Call to action block
|
||||
---------------------------------------------------------- */
|
||||
@@ -0,0 +1,2 @@
|
||||
/* Empty Space
|
||||
---------------------------------------------------------- */
|
||||
@@ -0,0 +1,2 @@
|
||||
/* Facebook
|
||||
---------------------------------------------------------- */
|
||||
@@ -0,0 +1,2 @@
|
||||
/* Flickr
|
||||
---------------------------------------------------------- */
|
||||
@@ -0,0 +1,31 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,2 @@
|
||||
/* Google Maps widget
|
||||
---------------------------------------------------------- */
|
||||
@@ -0,0 +1,2 @@
|
||||
/* Google+
|
||||
---------------------------------------------------------- */
|
||||
@@ -0,0 +1,2 @@
|
||||
/* Image Carousel
|
||||
---------------------------------------------------------- */
|
||||
@@ -0,0 +1,30 @@
|
||||
//====== 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;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,2 @@
|
||||
/* Pie chart
|
||||
---------------------------------------------------------- */
|
||||
@@ -0,0 +1,2 @@
|
||||
/* Pinterest
|
||||
---------------------------------------------------------- */
|
||||
@@ -0,0 +1,2 @@
|
||||
/* Posts slider
|
||||
---------------------------------------------------------- */
|
||||
@@ -0,0 +1,2 @@
|
||||
/* Progress Bar
|
||||
---------------------------------------------------------- */
|
||||
@@ -0,0 +1,19 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,39 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,32 @@
|
||||
/* 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;
|
||||
}
|
||||
@@ -0,0 +1,41 @@
|
||||
.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();
|
||||
}
|
||||
@@ -0,0 +1,58 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,2 @@
|
||||
/* Teaser grid
|
||||
---------------------------------------------------------- */
|
||||
@@ -0,0 +1,28 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,63 @@
|
||||
/* 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);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,166 @@
|
||||
// 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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// ==================
|
||||
@@ -0,0 +1,2 @@
|
||||
/* Twitter
|
||||
---------------------------------------------------------- */
|
||||
@@ -0,0 +1,2 @@
|
||||
/* Twitter widget
|
||||
---------------------------------------------------------- */
|
||||
@@ -0,0 +1,2 @@
|
||||
/* Video widget
|
||||
---------------------------------------------------------- */
|
||||
@@ -0,0 +1,2 @@
|
||||
/* Widgetised sidebar
|
||||
---------------------------------------------------------- */
|
||||
@@ -0,0 +1,2 @@
|
||||
/* Default WP Widgets
|
||||
---------------------------------------------------------- */
|
||||
@@ -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;
|
||||
@@ -0,0 +1,4 @@
|
||||
/** Front end editor */
|
||||
@import "config/variables.less";
|
||||
// Base file
|
||||
@import "lib/front.less";
|
||||
@@ -0,0 +1,240 @@
|
||||
@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;
|
||||
}
|
||||
@@ -0,0 +1,97 @@
|
||||
@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";
|
||||
@@ -0,0 +1,113 @@
|
||||
// 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";
|
||||
@@ -0,0 +1,26 @@
|
||||
@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";
|
||||
@@ -0,0 +1,6 @@
|
||||
// Front end editor
|
||||
@import "config/variables.less";
|
||||
// Base file
|
||||
.wpb-js-composer {
|
||||
@import "shortcodes/vc_tta.less";
|
||||
}
|
||||
@@ -0,0 +1,384 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,22 @@
|
||||
.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";
|
||||
@@ -0,0 +1,47 @@
|
||||
.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;
|
||||
}
|
||||
}
|
||||
13
wp-content/plugins/js_composer/assets/less/lib/bootstrap-components.less
vendored
Normal file
13
wp-content/plugins/js_composer/assets/less/lib/bootstrap-components.less
vendored
Normal file
@@ -0,0 +1,13 @@
|
||||
@import (reference) "../../lib/bower/bootstrap3/less/component-animations.less";
|
||||
|
||||
.vc_general {
|
||||
&.fade {
|
||||
.fade();
|
||||
}
|
||||
&.collapse {
|
||||
.collapse();
|
||||
}
|
||||
&.collapsing {
|
||||
.collapsing()
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,5 @@
|
||||
.vc_element-name {
|
||||
.vc_btn-content {
|
||||
height: 30px;
|
||||
}
|
||||
}
|
||||
579
wp-content/plugins/js_composer/assets/less/lib/controls.less
Normal file
579
wp-content/plugins/js_composer/assets/less/lib/controls.less
Normal file
@@ -0,0 +1,579 @@
|
||||
// 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;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,282 @@
|
||||
/* 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');
|
||||
}
|
||||
}
|
||||
}
|
||||
74
wp-content/plugins/js_composer/assets/less/lib/editor.less
Normal file
74
wp-content/plugins/js_composer/assets/less/lib/editor.less
Normal file
@@ -0,0 +1,74 @@
|
||||
@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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,251 @@
|
||||
// [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');
|
||||
}
|
||||
124
wp-content/plugins/js_composer/assets/less/lib/front.less
Normal file
124
wp-content/plugins/js_composer/assets/less/lib/front.less
Normal file
@@ -0,0 +1,124 @@
|
||||
@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";
|
||||
@@ -0,0 +1,71 @@
|
||||
@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);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,214 @@
|
||||
@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;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,189 @@
|
||||
/**
|
||||
.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
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,99 @@
|
||||
.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%;
|
||||
}
|
||||
@@ -0,0 +1,99 @@
|
||||
.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%;
|
||||
}
|
||||
@@ -0,0 +1,70 @@
|
||||
|
||||
.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%;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,99 @@
|
||||
.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%;
|
||||
}
|
||||
@@ -0,0 +1,118 @@
|
||||
.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;
|
||||
}
|
||||
210
wp-content/plugins/js_composer/assets/less/lib/grid.less
Normal file
210
wp-content/plugins/js_composer/assets/less/lib/grid.less
Normal file
@@ -0,0 +1,210 @@
|
||||
.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";
|
||||
@@ -0,0 +1,91 @@
|
||||
.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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,97 @@
|
||||
// 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;
|
||||
}
|
||||
}
|
||||
50
wp-content/plugins/js_composer/assets/less/lib/parallax.less
Normal file
50
wp-content/plugins/js_composer/assets/less/lib/parallax.less
Normal file
@@ -0,0 +1,50 @@
|
||||
/**
|
||||
* 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%;
|
||||
}
|
||||
}
|
||||
153
wp-content/plugins/js_composer/assets/less/lib/pixel_icons.less
Normal file
153
wp-content/plugins/js_composer/assets/less/lib/pixel_icons.less
Normal file
@@ -0,0 +1,153 @@
|
||||
/* 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);
|
||||
}
|
||||
@@ -0,0 +1,76 @@
|
||||
@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;
|
||||
}
|
||||
@@ -0,0 +1,23 @@
|
||||
.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();
|
||||
}
|
||||
}
|
||||
44
wp-content/plugins/js_composer/assets/less/lib/utils.less
Normal file
44
wp-content/plugins/js_composer/assets/less/lib/utils.less
Normal file
@@ -0,0 +1,44 @@
|
||||
.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;
|
||||
}
|
||||
|
||||
140
wp-content/plugins/js_composer/assets/less/lib/vc_font.less
Normal file
140
wp-content/plugins/js_composer/assets/less/lib/vc_font.less
Normal file
@@ -0,0 +1,140 @@
|
||||
@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";
|
||||
}
|
||||
259
wp-content/plugins/js_composer/assets/less/lib/vc_mixins.less
Normal file
259
wp-content/plugins/js_composer/assets/less/lib/vc_mixins.less
Normal file
@@ -0,0 +1,259 @@
|
||||
// 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 Mixins
|
||||
@@ -0,0 +1,24 @@
|
||||
.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;
|
||||
}
|
||||
}
|
||||
}
|
||||
149
wp-content/plugins/js_composer/assets/less/lib/wpb_icon.less
Normal file
149
wp-content/plugins/js_composer/assets/less/lib/wpb_icon.less
Normal file
@@ -0,0 +1,149 @@
|
||||
i.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;
|
||||
}
|
||||
@@ -0,0 +1,274 @@
|
||||
@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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,65 @@
|
||||
@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;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,85 @@
|
||||
/* 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);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,6 @@
|
||||
//Fonts
|
||||
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=cyrillic,latin,greek);
|
||||
|
||||
.vc_ui-font-open-sans {
|
||||
font-family: "Open Sans", Helvetica, sans-serif!important;
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
// Gaps
|
||||
.vc_ui-grid-gap {
|
||||
> [class],
|
||||
> * {
|
||||
margin-bottom: @vcui-panel-header-gap;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,16 @@
|
||||
// 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%);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,209 @@
|
||||
@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;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,72 @@
|
||||
@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 {
|
||||
|
||||
}
|
||||
@@ -0,0 +1,52 @@
|
||||
// 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);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,18 @@
|
||||
.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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,126 @@
|
||||
@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;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,47 @@
|
||||
.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;
|
||||
}
|
||||
@@ -0,0 +1,173 @@
|
||||
@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;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,32 @@
|
||||
@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;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,36 @@
|
||||
@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;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,152 @@
|
||||
@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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,89 @@
|
||||
@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;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,45 @@
|
||||
@import "../vc_ui-fonts.less";
|
||||
@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;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,141 @@
|
||||
@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;
|
||||
}
|
||||
@@ -0,0 +1,161 @@
|
||||
@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;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,159 @@
|
||||
/* 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";
|
||||
@@ -0,0 +1,69 @@
|
||||
.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
|
||||
}
|
||||
}
|
||||
}
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user