khaihihi
This commit is contained in:
KhaiNguyen
@@ -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;
|
||||
}
|
||||
Reference in New Issue
Block a user