khaihihi
This commit is contained in:
KhaiNguyen
@@ -0,0 +1,100 @@
|
||||
.vc_autocomplete-field {
|
||||
clear: both;
|
||||
.vc_autocomplete {
|
||||
margin: 0;
|
||||
background: #ffffff;
|
||||
border: 1px solid #dfdfdf;
|
||||
padding: 2px;
|
||||
cursor: text;
|
||||
min-height: 24px;
|
||||
li {
|
||||
margin-bottom: 0;
|
||||
&.vc_data {
|
||||
background: #0b4b81;
|
||||
color: #ffffff;
|
||||
border: 1px solid #0b4b81;
|
||||
}
|
||||
&.vc_autocomplete-label {
|
||||
border-radius: 2px;
|
||||
padding: 0 0 0 8px;
|
||||
margin: 1px;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
a {
|
||||
color: #fff
|
||||
}
|
||||
.vc_label {
|
||||
display: inline-block;
|
||||
line-height: 18px;
|
||||
font-size: 11px;
|
||||
padding: 0 6px 0 5px;
|
||||
}
|
||||
.vc_autocomplete-remove {
|
||||
color: #aec4d8;
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
right: 7px;
|
||||
width: 9px;
|
||||
height: 9px;
|
||||
line-height: 9px;
|
||||
font-size: 18px;
|
||||
text-align: center;
|
||||
&:hover {
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.vc_autocomplete-input {
|
||||
padding: 0 3px;
|
||||
box-sizing: border-box;
|
||||
.ui-helper-hidden-accessible {
|
||||
left: 0;
|
||||
}
|
||||
input {
|
||||
width: 100%;
|
||||
border: 0;
|
||||
padding: 5px 0;
|
||||
margin: 0;
|
||||
&:focus {
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.vc_autocomplete-clear {
|
||||
clear: both;
|
||||
float: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.vc_ui-auotocomplete {
|
||||
max-height: 200px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.wpb_el_type_checkbox {
|
||||
.wpb_vc_param_value.filter.checkbox {
|
||||
float: none; // fix for class .filter added from param rendering.
|
||||
}
|
||||
}
|
||||
|
||||
.vc_autocomplete-inline {
|
||||
> li.vc_data.vc_autocomplete-label {
|
||||
display: block;
|
||||
padding: 0 20px 0 8px;
|
||||
width: auto;
|
||||
float: left;
|
||||
}
|
||||
|
||||
> .vc_autocomplete-input {
|
||||
display: block;
|
||||
float: none;
|
||||
overflow: hidden;
|
||||
min-width: 200px;
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,61 @@
|
||||
/** Color picker field **/
|
||||
.wpb_el_type_colorpicker,
|
||||
.vc_edit_form_elements .wpb_el_type_colorpicker {
|
||||
.colorpicker_field {
|
||||
display: inline-block;
|
||||
width: 90px;
|
||||
padding: 4px 3px 3px;
|
||||
margin-right: 4px;
|
||||
}
|
||||
.wp-picker-clear {
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.edit_form_line {
|
||||
.updated {
|
||||
margin: 5px 0px 2px;
|
||||
}
|
||||
}
|
||||
|
||||
// Fix for bootstrap modal and autocomplete z-index
|
||||
.vc_ui-front {
|
||||
z-index: 100052 !important;
|
||||
}
|
||||
|
||||
.vc_color-picker {
|
||||
&.wp-picker-container {
|
||||
width: auto;
|
||||
}
|
||||
.wp-picker-clear {
|
||||
padding: 2px 4px;
|
||||
}
|
||||
.wp-picker-holder {
|
||||
z-index: 10000;
|
||||
position: relative;
|
||||
.vc_alpha-container {
|
||||
border-radius: 0;
|
||||
border: 1px solid #dfdfdf;
|
||||
padding: 6px;
|
||||
background: #ffffff;
|
||||
position: absolute;
|
||||
width: 243px;
|
||||
left: -1px;
|
||||
z-index: 1000;
|
||||
bottom: -64px;
|
||||
label {
|
||||
display: block;
|
||||
output {
|
||||
padding-top: 0px;
|
||||
display: inline;
|
||||
vertical-align: top;
|
||||
}
|
||||
}
|
||||
input {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,55 @@
|
||||
.vc_column-offset-table {
|
||||
> tbody {
|
||||
> tr {
|
||||
> th {
|
||||
border: 0;
|
||||
text-align: left;
|
||||
}
|
||||
> td {
|
||||
border: 1px solid @table-border-color;
|
||||
padding: 20px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.vc_screen-size {
|
||||
background-color: #F8F8F8;
|
||||
.vc_icon {
|
||||
background: transparent url(../vc/column_offset_screen_size.png) -21px 0 no-repeat;
|
||||
width: 21px;
|
||||
height: 21px;
|
||||
display: inline-block;
|
||||
}
|
||||
//&-md {
|
||||
// .vc_icon {
|
||||
// background-position: -21px -21px;
|
||||
// }
|
||||
//}
|
||||
//&-sm {
|
||||
// .vc_icon {
|
||||
// background-position: -21px -42px;
|
||||
// }
|
||||
//}
|
||||
//&-xs {
|
||||
// .vc_icon {
|
||||
// background-position: -21px -84px;
|
||||
// }
|
||||
//}
|
||||
|
||||
.vc-composer-icon {
|
||||
width: 21px;
|
||||
height: 21px;
|
||||
display: inline-block;
|
||||
font-size: 20px;
|
||||
color: #8A9197;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.vc_responsive_disabled {
|
||||
.vc_size-xs, .vc_size-md, .vc_size-lg {
|
||||
.opacity(.5);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,141 @@
|
||||
.vc_css-editor {
|
||||
.vc_layout-onion {
|
||||
* {
|
||||
margin: 44px;
|
||||
position: relative;
|
||||
}
|
||||
label {
|
||||
position: absolute;
|
||||
font-size: 9px;
|
||||
line-height: 9px;
|
||||
top: 6px;
|
||||
left: 5px;
|
||||
color: #2C2C2C;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
input {
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
padding: 3px 0;
|
||||
height: 24px;
|
||||
width: 34px;
|
||||
margin: 0;
|
||||
border: 1px solid #bdbdbd;
|
||||
font-size: 11px;
|
||||
line-height: 11px;
|
||||
&.vc_top {
|
||||
top: 11px;
|
||||
left: 50%;
|
||||
margin-left: -17px;
|
||||
}
|
||||
&.vc_bottom {
|
||||
bottom: 11px;
|
||||
left: 50%;
|
||||
margin-left: -17px;
|
||||
}
|
||||
&.vc_left {
|
||||
top: 50%;
|
||||
left: 5px;
|
||||
margin-top: -12px;
|
||||
}
|
||||
&.vc_right {
|
||||
top: 50%;
|
||||
right: 5px;
|
||||
margin-top: -12px;
|
||||
}
|
||||
}
|
||||
.vc_margin {
|
||||
border: 1px dashed #bababa;
|
||||
margin: 1px;
|
||||
.vc_border {
|
||||
border: 1px solid #d7d7d7;
|
||||
background: #f6f6f6; // #e6e6e6;
|
||||
.vc_padding {
|
||||
border: 1px solid #bababa;
|
||||
background: #ebebeb; // #f5f5f5;
|
||||
.vc_content {
|
||||
border: 1px solid #bababa;
|
||||
height: 50px;
|
||||
padding: 0px;
|
||||
text-align: center;
|
||||
font-size: 10px;
|
||||
line-height: 11px;
|
||||
.box-sizing(border-box);
|
||||
i {
|
||||
margin: 8px auto;
|
||||
background: transparent url(../vc/logo/wpb-logo.svg) center center no-repeat;
|
||||
background-size: 32px;
|
||||
display: block;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.vc_active {
|
||||
background-color: #00aef0 !important;
|
||||
}
|
||||
}
|
||||
.vc_settings {
|
||||
.vc_background-image {
|
||||
margin-bottom: 10px;
|
||||
.vc_image {
|
||||
.added {
|
||||
&:extend(.gallery_widget_attached_images_list li all);
|
||||
.vc_icon-remove {
|
||||
&:extend(.wpb_el_type_attach_image .vc_icon-remove all);
|
||||
}
|
||||
}
|
||||
}
|
||||
.vc_add-image {
|
||||
&:extend(.wpb_el_type_attach_image .gallery_widget_add_images all);
|
||||
.vc_image {
|
||||
img.vc_preview {
|
||||
width: 16px;
|
||||
margin: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
label {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 2px;
|
||||
display: block;
|
||||
&.vc_checkbox {
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
select {
|
||||
width: auto;
|
||||
}
|
||||
.color-group {
|
||||
margin-top: 5px;
|
||||
margin-bottom: 6px;
|
||||
.wp-picker-container {
|
||||
position: relative;
|
||||
.wp-picker-holder {
|
||||
position: absolute;
|
||||
left: -40px;
|
||||
z-index: 10;
|
||||
}
|
||||
}
|
||||
}
|
||||
> :first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
&.vc_simplified {
|
||||
.vc_layout-onion {
|
||||
.vc_left, .vc_right, .vc_bottom {
|
||||
display: none;
|
||||
}
|
||||
.vc_top {
|
||||
left: 22px;
|
||||
top: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,20 @@
|
||||
.vc_shortcode-param[data-param_type="dropdown"] select.wpb_vc_param_value {
|
||||
.reset() {
|
||||
display: inline-block;
|
||||
.opacity(1);
|
||||
margin: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
float: none;
|
||||
position: inherit;
|
||||
text-align: left;
|
||||
}
|
||||
&, & option {
|
||||
.reset();
|
||||
}
|
||||
option {
|
||||
display: block;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,78 @@
|
||||
@gutenberg-modal-overlay: rgba(0, 0, 0, .7);
|
||||
@gutenberg-modal-background: #fff;
|
||||
@gutenberg-modal-spacing: 20px;
|
||||
@gutenberg-close-button-color: rgba(0, 0, 0, .5);
|
||||
@gutenberg-close-button-hover-color: rgba(0, 0, 0, .7);
|
||||
@gutenberg-close-button-size: 16px;
|
||||
@gutenberg-close-button-padding: 5px;
|
||||
@gutenberg-close-button-offset: 25px;
|
||||
|
||||
.wpb-gutenberg-modal {
|
||||
position: fixed;
|
||||
overflow: hidden;
|
||||
left: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: @gutenberg-modal-overlay;
|
||||
z-index: 10000;
|
||||
|
||||
.wpb-loading-overlay {
|
||||
top: @gutenberg-modal-spacing;
|
||||
left: @gutenberg-modal-spacing;
|
||||
right: @gutenberg-modal-spacing;
|
||||
bottom: @gutenberg-modal-spacing;
|
||||
background: @gutenberg-modal-background;
|
||||
align-items: center;
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.wpb-gutenberg-modal-inner {
|
||||
background: @gutenberg-modal-background;
|
||||
position: fixed;
|
||||
top: @gutenberg-modal-spacing;
|
||||
left: @gutenberg-modal-spacing;
|
||||
right: @gutenberg-modal-spacing;
|
||||
bottom: @gutenberg-modal-spacing;
|
||||
}
|
||||
|
||||
.admin-bar .wpb-gutenberg-modal-inner {
|
||||
top: @gutenberg-modal-spacing*2;
|
||||
}
|
||||
|
||||
.wpb-gutenberg-modal-inner iframe {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
button.wpb-gutenberg-modal-close-button {
|
||||
position: absolute;
|
||||
top: @gutenberg-close-button-offset;
|
||||
right: @gutenberg-close-button-offset;
|
||||
color: @gutenberg-close-button-color;
|
||||
background: transparent;
|
||||
border: 0;
|
||||
box-shadow: none;
|
||||
transition: color .2s ease-in-out;
|
||||
font-size: @gutenberg-close-button-size;
|
||||
padding: @gutenberg-close-button-padding;
|
||||
cursor: pointer;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
background: transparent;
|
||||
border: 0;
|
||||
box-shadow: none;
|
||||
color: @gutenberg-close-button-hover-color;
|
||||
}
|
||||
}
|
||||
|
||||
button.vc_gutenberg-modal-update-button {
|
||||
position: absolute;
|
||||
top: @gutenberg-close-button-offset;
|
||||
right: @gutenberg-close-button-offset + @gutenberg-close-button-offset + (@gutenberg-close-button-offset / 2);
|
||||
padding-top: 8px;
|
||||
padding-bottom: 8px;
|
||||
min-height: 10px;
|
||||
}
|
||||
@@ -0,0 +1,6 @@
|
||||
.vc_edit_form_elements .vc_edit-form-hidden-field-wrapper {
|
||||
padding-top: 0 !important;
|
||||
}
|
||||
.vc_edit_form_elements .vc_column.vc_edit-form-hidden-field-wrapper + .vc_column {
|
||||
padding-top: 0 !important;
|
||||
}
|
||||
@@ -0,0 +1,9 @@
|
||||
.vc-iconpicker-wrapper {
|
||||
.vc-icons-selector .selector-footer .selector-arrow-right i {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.vc-icons-selector .selector-footer .selector-pages {
|
||||
color: #333;
|
||||
}
|
||||
}
|
||||
133
wp-content/plugins/js_composer/assets/less/params/loop.less
Normal file
133
wp-content/plugins/js_composer/assets/less/params/loop.less
Normal file
@@ -0,0 +1,133 @@
|
||||
/* Auto suggestion in Loop builder **/
|
||||
.vc_loop-info {
|
||||
position: relative;
|
||||
top: 8px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.loop_params_holder {
|
||||
border: 1px solid #dfdfdf;
|
||||
padding: 10px;
|
||||
margin-top: 10px;
|
||||
background: #f5f5f5 url(../vc/rowbg.png);
|
||||
position: relative;
|
||||
&:before {
|
||||
content: "";
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
position: absolute;
|
||||
top: -8px;
|
||||
left: 20px;
|
||||
border-left: 8px solid transparent;
|
||||
border-right: 8px solid transparent;
|
||||
border-bottom: 8px solid #dfdfdf;
|
||||
}
|
||||
.vc_row-fluid {
|
||||
border-bottom-color: #cccccc;
|
||||
}
|
||||
}
|
||||
|
||||
.vc_suggest-field {
|
||||
clear: both;
|
||||
.vc_suggester {
|
||||
margin: 0;
|
||||
background: #ffffff;
|
||||
border: 1px solid #dfdfdf;
|
||||
border-radius: 3px;
|
||||
padding: 2px;
|
||||
cursor: text;
|
||||
min-height: 24px;
|
||||
li {
|
||||
margin-bottom: 0px;
|
||||
float: left;
|
||||
&.exclude {
|
||||
background: #f2dede;
|
||||
color: #b94a48;
|
||||
border: 1px solid #eed3d7;
|
||||
&:after {
|
||||
content: "-";
|
||||
display: block;
|
||||
position: absolute;
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
left: 3px;
|
||||
font-weight: bold;
|
||||
top: 1px;
|
||||
}
|
||||
}
|
||||
&.include {
|
||||
background: #dff0d8;
|
||||
color: #468847;
|
||||
border: 1px solid #d6e9c6;
|
||||
&:after {
|
||||
content: "+";
|
||||
display: block;
|
||||
position: absolute;
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
left: 3px;
|
||||
font-weight: bold;
|
||||
top: 2px;
|
||||
}
|
||||
}
|
||||
&.vc_suggest-label {
|
||||
border-radius: 2px;
|
||||
padding: 0 0 0 8px;
|
||||
margin: 2px;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
.label {
|
||||
display: inline-block;
|
||||
line-height: 18px;
|
||||
font-size: 11px;
|
||||
padding: 0 6px 0 5px;
|
||||
}
|
||||
.remove {
|
||||
color: #999999;
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
top: -5px;
|
||||
right: -3px;
|
||||
width: 9px;
|
||||
height: 9px;
|
||||
background: #F7F7F7;
|
||||
line-height: 9px;
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
&:hover {
|
||||
color: red;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
&.input {
|
||||
width: 100%;
|
||||
padding: 0 3px;
|
||||
box-sizing: border-box;
|
||||
input {
|
||||
width: 100%;
|
||||
border: 0;
|
||||
padding: 5px 0px;
|
||||
margin: 0px;
|
||||
&:focus {
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.clear {
|
||||
clear: both;
|
||||
float: none;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
// Fix for bootstrap modal and autocomplete z-index
|
||||
.vc_ui-front {
|
||||
z-index: 100052 !important;
|
||||
}
|
||||
@@ -0,0 +1,33 @@
|
||||
/** Options field type */
|
||||
.vc_options-fields {
|
||||
border: 1px solid #dfdfdf;
|
||||
padding: 10px;
|
||||
margin-top: 10px;
|
||||
background: #f5f5f5 url(../vc/rowbg.png);
|
||||
position: relative;
|
||||
&:before {
|
||||
content: "";
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
position: absolute;
|
||||
top: -8px;
|
||||
left: 20px;
|
||||
border-left: 8px solid transparent;
|
||||
border-right: 8px solid transparent;
|
||||
border-bottom: 8px solid #dfdfdf;
|
||||
}
|
||||
h4 {
|
||||
font-size: 16px;
|
||||
padding-bottom: 6px;
|
||||
margin: 4px 0 10px 0;
|
||||
border-bottom: 1px double #000;
|
||||
}
|
||||
.vc_row-fluid {
|
||||
border-bottom-color: #cccccc;
|
||||
.descr {
|
||||
margin-top: 5px;
|
||||
}
|
||||
}
|
||||
display: none;
|
||||
}
|
||||
@@ -0,0 +1,56 @@
|
||||
@import "backend_shortcodes/rows_columns.less";
|
||||
@import "modules/vc_placeholder.less";
|
||||
|
||||
.vc_param_group-controls {
|
||||
.vc_controls {
|
||||
background-color: #fff;
|
||||
height: 20px;
|
||||
margin-bottom: 15px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.vc_control {
|
||||
&.column_toggle {
|
||||
.vc_icon {
|
||||
background-position: -16px -114px;
|
||||
}
|
||||
.vc-c-icon-arrow_drop_down {
|
||||
&:extend(.vc-c-icon-arrow_drop_up all);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.vc_param_group-collapsed {
|
||||
margin-bottom: 15px;
|
||||
|
||||
.vc_control.column_toggle .vc_icon {
|
||||
background-position: -16px -96px;
|
||||
}
|
||||
|
||||
& > .wpb_element_wrapper {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.vc_hidden-label {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.vc_param-group-admin-labels {
|
||||
color: #999999;
|
||||
font-style: italic;
|
||||
line-height: 24px;
|
||||
float: left;
|
||||
margin-left: 1em;
|
||||
|
||||
label {
|
||||
cursor: default;
|
||||
vertical-align: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
.vc_param_group-wrapper {
|
||||
margin: 14px -14px;
|
||||
padding: 0;
|
||||
}
|
||||
@@ -0,0 +1,57 @@
|
||||
.vc_sorted-list {
|
||||
.vc_sorted-list-container {
|
||||
li {
|
||||
border: 1px dashed #CCCCCC;
|
||||
width: 150px;
|
||||
clear: both;
|
||||
padding: 4px;
|
||||
display: block;
|
||||
margin-bottom: 2px;
|
||||
cursor: move;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/** Sortable list params */
|
||||
.vc_sorted-list-checkbox {
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
overflow: hidden;
|
||||
height: 26px;
|
||||
margin-right: 4px;
|
||||
position: relative;
|
||||
label {
|
||||
|
||||
float: left;
|
||||
width: auto;
|
||||
input {
|
||||
margin-right: 0px;
|
||||
position: absolute;
|
||||
top: -20px;
|
||||
}
|
||||
span {
|
||||
text-align: center;
|
||||
display: block;
|
||||
border: 1px solid #CCCCCC;
|
||||
padding: 2px 6px 1px;
|
||||
-webkit-border-radius: @teaser_checkbox_radius;
|
||||
-moz-border-radius: @teaser_checkbox_radius;
|
||||
border-radius: @teaser_checkbox_radius;
|
||||
background: rgb(255, 255, 255); /* Old browsers */
|
||||
background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 70%, rgba(241, 241, 241, 1) 100%, rgba(246, 246, 246, 1) 100%); /* FF3.6+ */
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(70%, rgba(234, 234, 234, 1)), color-stop(100%, rgba(241, 241, 241, 1)), color-stop(100%, rgba(246, 246, 246, 1))); /* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 70%, rgba(241, 241, 241, 1) 100%, rgba(246, 246, 246, 1) 100%); /* Chrome10+,Safari5.1+ */
|
||||
background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 70%, rgba(241, 241, 241, 1) 100%, rgba(246, 246, 246, 1) 100%); /* Opera 11.10+ */
|
||||
background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 70%, rgba(241, 241, 241, 1) 100%, rgba(246, 246, 246, 1) 100%); /* IE10+ */
|
||||
background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 70%, rgba(241, 241, 241, 1) 100%, rgba(246, 246, 246, 1) 100%); /* W3C */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0); /* IE6-9 */
|
||||
}
|
||||
input:checked + span {
|
||||
background: #FFF;
|
||||
box-shadow: inset 1px 1px 1px 1px #DDDDDD;
|
||||
color: #5e5e5e;
|
||||
}
|
||||
input:hover + span {
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,14 @@
|
||||
.vc_grid-custom-source {
|
||||
.vc_not-for-custom {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.wpb-select > .fa {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.wpb-select > .fa:before {
|
||||
font-size: 15px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
@@ -0,0 +1,98 @@
|
||||
.vc_grid-element-constructor {
|
||||
position: relative;
|
||||
// Move to admin controls
|
||||
.vc_t-grid-controls {
|
||||
display: block;
|
||||
line-height: 0;
|
||||
}
|
||||
.vc_t-grid-control {
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.vc_t-grid-controls-row {
|
||||
.vc_t-grid-control {
|
||||
border: 1px solid #CCC;
|
||||
}
|
||||
}
|
||||
.vc_t-grid-controls-col {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
// Modal
|
||||
.vc_grid-element-modal {
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
left: 0;
|
||||
display: block;
|
||||
padding: 10px;
|
||||
background: #FFF;
|
||||
border: 1px solid #CCC;
|
||||
}
|
||||
.vc_grid-element-title {
|
||||
font-size: 18px;
|
||||
}
|
||||
.vc_grid-element-modal-controls {
|
||||
position: absolute;
|
||||
padding: 10px;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
.vc_grid-element-modal-body {
|
||||
|
||||
}
|
||||
// Row
|
||||
.vc_gitem-row {
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
// Col
|
||||
.vc_gitem-col {
|
||||
> .vc_gitem-wrapper {
|
||||
background: #f5f5f5;
|
||||
> .vc_gitem-content {
|
||||
margin: 0 10px;
|
||||
border: 1px solid #CCC;
|
||||
min-height: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
// Modal
|
||||
}
|
||||
|
||||
.vc_t-grid-icon {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
display: inline-block;
|
||||
background: transparent url('../vc/controls.png') no-repeat -16px 0px;
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
&-move {
|
||||
background-position: -16px 0;
|
||||
}
|
||||
&-add {
|
||||
background-position: -16px -16px;
|
||||
}
|
||||
&-edit {
|
||||
background-position: -16px -32px;
|
||||
}
|
||||
&-destroy {
|
||||
background-position: -16px -64px;
|
||||
}
|
||||
}
|
||||
|
||||
.vc_grid-element-shortcode {
|
||||
border: 1px solid #CCC;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
.vc_gitem-row, .vc_gitem-col {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.vc_grid-item_css-editor-featured-image-size {
|
||||
display: none;
|
||||
.vc_visible {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,10 @@
|
||||
.vc_gitem-preview {
|
||||
iframe {
|
||||
width: 100%;
|
||||
height: 600px;
|
||||
}
|
||||
}
|
||||
|
||||
.vc_gitem-navbar-preview-width {
|
||||
display: none;
|
||||
}
|
||||
@@ -0,0 +1,371 @@
|
||||
.vc_gitem-animated-block {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.vc_gitem-animate {
|
||||
.vc_btn {
|
||||
.transition(all 0s ease);
|
||||
}
|
||||
.vc_gitem-zone-b {
|
||||
z-index: 199;
|
||||
}
|
||||
&-none {
|
||||
.vc_gitem-zone-b {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
margin: 0;
|
||||
.opacity(0);
|
||||
box-sizing: border-box;
|
||||
.vc_grid-item-mini.vc_is-hover & {
|
||||
.opacity(1);
|
||||
}
|
||||
}
|
||||
}
|
||||
&-fadeIn, &-scaleIn, &-scaleRotateIn, &-blurOut, &-blurScaleOut {
|
||||
.vc_gitem-zone-b {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
margin: 0;
|
||||
.opacity(0);
|
||||
.transition(all 1s ease);
|
||||
box-sizing: border-box;
|
||||
.vc_separator {
|
||||
.transition(all 1s ease);
|
||||
width: 0;
|
||||
}
|
||||
.vc_btn {
|
||||
.transition(all 1s ease);
|
||||
.scale(0);
|
||||
}
|
||||
.vc_post-title {
|
||||
display: inline-block;
|
||||
.opacity(0);
|
||||
.translate3d(0, -100%, 0);
|
||||
-webkit-perspective: 1000;
|
||||
-webkit-backface-visibility: hidden; // TODO: check why doesnt exists -moz , -ms and plain
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0.275, 0.125, 1), opacity 0.5s cubic-bezier(0, 0.275, 0.125, 1);
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0.275, 0.125, 1), opacity 0.5s cubic-bezier(0, 0.275, 0.125, 1);
|
||||
transition: transform 1s cubic-bezier(0, 0.275, 0.125, 1), opacity 0.5s cubic-bezier(0, 0.275, 0.125, 1);
|
||||
.vc_grid-item-mini.vc_is-hover & {
|
||||
.opacity(1);
|
||||
.vc_separator {
|
||||
.transition(all 1s ease);
|
||||
width: 50%;
|
||||
}
|
||||
.vc_btn {
|
||||
.transition(all 1s ease);
|
||||
.scale(1);
|
||||
}
|
||||
.vc_post-title {
|
||||
.opacity(1);
|
||||
.translate3d(0, 0, 0);
|
||||
}
|
||||
}
|
||||
}
|
||||
.vc_grid-item-mini.vc_is-hover & {
|
||||
.opacity(1);
|
||||
.vc_separator {
|
||||
.transition(all 1s ease);
|
||||
width: 50%;
|
||||
}
|
||||
.vc_btn {
|
||||
.transition(all 1s ease);
|
||||
.scale(1);
|
||||
}
|
||||
.vc_post-title {
|
||||
.opacity(1);
|
||||
.translate3d(0, 0, 0);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&-scaleIn {
|
||||
overflow: hidden;
|
||||
.vc_gitem-zone-a {
|
||||
.scale(1);
|
||||
.transition-transform(.3s ease-in-out);
|
||||
.vc_grid-item-mini.vc_is-hover & {
|
||||
.scale(1.1);
|
||||
}
|
||||
}
|
||||
}
|
||||
&-scaleRotateIn {
|
||||
overflow: hidden;
|
||||
.vc_gitem-zone-a {
|
||||
.scale(1);
|
||||
.transition-transform(.3s ease-in-out);
|
||||
.vc_grid-item-mini.vc_is-hover & {
|
||||
-webkit-transform: scale(1.5) rotate(10deg);
|
||||
-moz-transform: scale(1.5) rotate(10deg);
|
||||
-ms-transform: scale(1.5) rotate(10deg);
|
||||
-o-transform: scale(1.5) rotate(10deg);
|
||||
transform: scale(1.5) rotate(10deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
&-blurOut, &-blurScaleOut {
|
||||
.vc_gitem-zone-a {
|
||||
filter: blur(0px);
|
||||
-webkit-filter: blur(0px);
|
||||
-moz-filter: blur(0px);
|
||||
-ms-filter: blur(0px);
|
||||
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
|
||||
.transform-origin(50% 50%);
|
||||
-webkit-perspective: 1000;
|
||||
-webkit-backface-visibility: hidden;
|
||||
webkit-transition: filter 0.5s cubic-bezier(0, 0.275, 0.125, 1), -webkit-transform 0.5s cubic-bezier(0, 0.275, 0.125, 1);
|
||||
-moz-transition: filter 0.5s cubic-bezier(0, 0.275, 0.125, 1), -moz-transform 0.5s cubic-bezier(0, 0.275, 0.125, 1);
|
||||
transition: filter 0.5s cubic-bezier(0, 0.275, 0.125, 1), transform 0.5s cubic-bezier(0, 0.275, 0.125, 1);
|
||||
.vc_grid-item-mini.vc_is-hover & {
|
||||
filter: url('../vc/blur.svg#blur');
|
||||
-webkit-filter: blur(2px);
|
||||
-moz-filter: blur(2px);
|
||||
-ms-filter: blur(2px);
|
||||
filter: blur(2px);
|
||||
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
|
||||
}
|
||||
}
|
||||
}
|
||||
&-blurScaleOut {
|
||||
overflow: hidden;
|
||||
.vc_gitem-zone-a {
|
||||
.scale(1.1);
|
||||
.vc_grid-item-mini.vc_is-hover & {
|
||||
.scale(1);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-slideInRight {
|
||||
overflow: hidden;
|
||||
.vc_gitem-zone-b {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
margin: 0;
|
||||
.opacity(0);
|
||||
.transition(all 1s ease);
|
||||
-webkit-transform: translateX(-100%);
|
||||
-ms-transform: translateX(-100%); // IE9 only
|
||||
-o-transform: translateX(-100%);
|
||||
transform: translateX(-100%);
|
||||
.vc_grid-item-mini.vc_is-hover & {
|
||||
.opacity(1);
|
||||
-webkit-transform: translateX(0);
|
||||
-ms-transform: translateX(0); // IE9 only
|
||||
-o-transform: translateX(0);
|
||||
transform: translateX(0);
|
||||
}
|
||||
}
|
||||
}
|
||||
&-slideInLeft {
|
||||
overflow: hidden;
|
||||
.vc_gitem-zone-b {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
margin: 0;
|
||||
.transition(all 1s ease);
|
||||
-webkit-transform: translateX(-100%);
|
||||
-ms-transform: translateX(-100%); // IE9 only
|
||||
-o-transform: translateX(-100%);
|
||||
transform: translateX(-100%);
|
||||
.opacity(0);
|
||||
.vc_grid-item-mini.vc_is-hover & {
|
||||
.opacity(1);
|
||||
-webkit-transform: translateX(0);
|
||||
-ms-transform: translateX(0); // IE9 only
|
||||
-o-transform: translateX(0);
|
||||
transform: translateX(0);
|
||||
}
|
||||
}
|
||||
}
|
||||
&-slideBottom {
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
.vc_gitem-zone-b {
|
||||
display: block;
|
||||
.transition(all 1s ease);
|
||||
z-index: 1000;
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: 0;
|
||||
.vc_grid-item-mini.vc_is-hover & {
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
&-slideTop {
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
.vc_gitem-zone-b {
|
||||
display: block;
|
||||
.transition(all 1s ease);
|
||||
z-index: 1000;
|
||||
position: absolute;
|
||||
top: -100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: 0;
|
||||
.vc_grid-item-mini.vc_is-hover & {
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
&-flipFadeIn {
|
||||
overflow: hidden;
|
||||
.vc_gitem-zone-a {
|
||||
.backface-visibility(hidden);
|
||||
.transition-transform(1s);
|
||||
-webkit-transform-style: preserve-3d;
|
||||
-moz-transform-style: preserve-3d;
|
||||
-o-transform-style: preserve-3d;
|
||||
transform-style: preserve-3d;
|
||||
.vc_grid-item-mini.vc_is-hover & {
|
||||
.rotateX(180deg);
|
||||
}
|
||||
}
|
||||
.vc_gitem-zone-b {
|
||||
display: block;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
position: absolute;
|
||||
.opacity(0);
|
||||
.transition(all 0.6s ease);
|
||||
-webkit-transform-style: preserve-3d;
|
||||
-moz-transform-style: preserve-3d;
|
||||
-o-transform-style: preserve-3d;
|
||||
transform-style: preserve-3d;
|
||||
.rotateX(180deg);
|
||||
.backface-visibility(hidden);
|
||||
.vc_grid-item-mini.vc_is-hover & {
|
||||
.opacity(1);
|
||||
.rotateX(0deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
&-flipHorizontalFadeIn {
|
||||
overflow: hidden;
|
||||
.vc_gitem-zone-a {
|
||||
.backface-visibility(hidden);
|
||||
.transition-transform(1s);
|
||||
-webkit-transform-style: preserve-3d;
|
||||
-moz-transform-style: preserve-3d;
|
||||
-o-transform-style: preserve-3d;
|
||||
transform-style: preserve-3d;
|
||||
.vc_grid-item-mini.vc_is-hover & {
|
||||
.rotateY(180deg);
|
||||
}
|
||||
}
|
||||
.vc_gitem-zone-b {
|
||||
display: block;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
position: absolute;
|
||||
.opacity(0);
|
||||
.transition(all 0.6s ease);
|
||||
-webkit-transform-style: preserve-3d;
|
||||
-moz-transform-style: preserve-3d;
|
||||
-o-transform-style: preserve-3d;
|
||||
transform-style: preserve-3d;
|
||||
.rotateY(180deg);
|
||||
.backface-visibility(hidden);
|
||||
.vc_grid-item-mini.vc_is-hover & {
|
||||
.opacity(1);
|
||||
.rotateY(0deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
&-goTop20 {
|
||||
overflow: hidden;
|
||||
.vc_gitem-zone-a {
|
||||
position: relative;
|
||||
-webkit-transform: translateY(0);
|
||||
-ms-transform: translateY(0); // IE9 only
|
||||
-o-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
.transition-transform(.5s ease);
|
||||
.vc_grid-item-mini.vc_is-hover & {
|
||||
-webkit-transform: translateY(-20%);
|
||||
-ms-transform: translateY(-20%); // IE9 only
|
||||
-o-transform: translateY(-20%);
|
||||
transform: translateY(-20%);
|
||||
}
|
||||
}
|
||||
.vc_gitem-zone-b {
|
||||
display: block;
|
||||
.vc_gitem-zone-mini {
|
||||
position: static;
|
||||
-webkit-transform: none;
|
||||
-ms-transform: none;
|
||||
transform: none;
|
||||
}
|
||||
.transition(bottom .5s ease);
|
||||
|
||||
bottom: -100%;
|
||||
z-index: 1000;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
.vc_grid-item-mini.vc_is-hover & {
|
||||
bottom: 0%;
|
||||
}
|
||||
}
|
||||
}
|
||||
&-goBottom20 {
|
||||
overflow: hidden;
|
||||
.vc_gitem-zone-a {
|
||||
position: relative;
|
||||
-webkit-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
.transition-transform(.5s ease);
|
||||
.vc_grid-item-mini.vc_is-hover & {
|
||||
-webkit-transform: translateY(20%);
|
||||
-ms-transform: translateY(20%);
|
||||
transform: translateY(20%);
|
||||
}
|
||||
}
|
||||
.vc_gitem-zone-b {
|
||||
display: block;
|
||||
.vc_gitem-zone-mini {
|
||||
position: static;
|
||||
-webkit-transform: none;
|
||||
-ms-transform: none;
|
||||
transform: none;
|
||||
}
|
||||
.transition(top .5s ease);
|
||||
|
||||
top: -100%;
|
||||
z-index: 1000;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
.vc_grid-item-mini.vc_is-hover & {
|
||||
top: 0%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,111 @@
|
||||
// Animated blocks
|
||||
.vc_gitem-tabs {
|
||||
margin: 0 -1px;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: flex-start;
|
||||
align-content: stretch;
|
||||
align-items: stretch;
|
||||
@media screen and (min-width: @screen-md-min) {
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.vc_gitem-animated-block-tab {
|
||||
float: left;
|
||||
margin: 0 1px;
|
||||
background-color: #e6e6e6;
|
||||
border: 1px solid transparent;
|
||||
box-sizing: border-box;
|
||||
flex: 0 0 auto;
|
||||
height: 27px;
|
||||
display: flex;
|
||||
|
||||
&:first-child {
|
||||
.border-top-radius(@vc_gitem_round_radius);
|
||||
}
|
||||
@media screen and (min-width: @screen-md-min) {
|
||||
flex: 1 0 0;
|
||||
.border-top-radius(@vc_gitem_round_radius);
|
||||
}
|
||||
|
||||
a {
|
||||
margin: 0;
|
||||
display: inline-block;
|
||||
padding-left: 4px;
|
||||
padding-right: 4px;
|
||||
padding-top: 2px;
|
||||
color: #444;
|
||||
text-decoration: none;
|
||||
outline: none;
|
||||
flex: 0 0 auto;
|
||||
-webkit-box-shadow: none !important;
|
||||
-moz-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
&:first-child {
|
||||
flex: 1 1 0;
|
||||
}
|
||||
|
||||
.vc_label {
|
||||
display: block;
|
||||
height: 16px;
|
||||
box-sizing: border-box;
|
||||
margin: 0 3px;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
font-weight: 600;
|
||||
line-height: 1.4;
|
||||
}
|
||||
}
|
||||
.vc-composer-icon {
|
||||
color: #888888;
|
||||
}
|
||||
&.vc_active {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.vc_gitem-animated-block-content-controls {
|
||||
.vc_gitem-animation {
|
||||
margin: 0 0 6px;
|
||||
select {
|
||||
margin: 0 auto;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.vc_gitem-zone-tab {
|
||||
min-height: @vc_gitem_min_height;
|
||||
display: none;
|
||||
&.vc_active {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.vc_gitem_animated_block-shortcode {
|
||||
margin-top: 9px;
|
||||
margin-bottom: 10px;
|
||||
box-sizing: border-box;
|
||||
> .vc_controls {
|
||||
display: block;
|
||||
float: right;
|
||||
.vc_control-btn-edit {
|
||||
border: 1px solid #f5f5f5;
|
||||
.border-top-radius(@vc_gitem_round_radius);
|
||||
.border-bottom-radius(@vc_gitem_round_radius);
|
||||
padding: 2px;
|
||||
width: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.vc_gitem-animation-single {
|
||||
.vc_gitem-tab-b {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,9 @@
|
||||
.vc_gitem_row {
|
||||
.vc_gitem-col {
|
||||
box-sizing: border-box;
|
||||
padding: 10px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50% 50%;
|
||||
background-size: cover;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,36 @@
|
||||
|
||||
.vc-gitem-zone-height-mode-auto {
|
||||
.vc_gitem-zone-img {
|
||||
display: none !important;
|
||||
}
|
||||
&:before {
|
||||
content: "";
|
||||
display: block;
|
||||
padding-top: 100%;
|
||||
}
|
||||
&&-4-3 {
|
||||
&:before {
|
||||
padding-top: 100/4*3%;
|
||||
}
|
||||
}
|
||||
&&-3-4 {
|
||||
&:before {
|
||||
padding-top: 100/3*4%;
|
||||
}
|
||||
}
|
||||
&&-3-4 {
|
||||
&:before {
|
||||
padding-top: 100/3*4%;
|
||||
}
|
||||
}
|
||||
&&-16-9 {
|
||||
&:before {
|
||||
padding-top: 100/16*9%;
|
||||
}
|
||||
}
|
||||
&&-9-16 {
|
||||
&:before {
|
||||
padding-top: 100/9*16%;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
.vc_gitem-post-category-name .vc_gitem-link {
|
||||
color: inherit;
|
||||
}
|
||||
@@ -0,0 +1,6 @@
|
||||
.vc_gitem-post-data {
|
||||
margin-bottom: @vc_gitem_post_data_shortcode_margin_bottom;
|
||||
h2 {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,34 @@
|
||||
.vc_gitem_row {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
margin-bottom: 0px;
|
||||
padding: inherit;
|
||||
box-sizing: border-box;
|
||||
.vc_gitem_row & {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
.vc_gitem-zone-a, .vc_gitem-zone-b {
|
||||
.vc_gitem-row-position {
|
||||
&-top {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
&-middle {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 50%;
|
||||
.translate(0, -50%);
|
||||
}
|
||||
&-bottom {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,56 @@
|
||||
.wpb_vc_gitem_row {
|
||||
margin: 0 auto; // TODO: add to list
|
||||
.vc_controls-row {
|
||||
.vc_column-delete {
|
||||
float: right;
|
||||
display: block;
|
||||
background: #ffffff;
|
||||
// Hide in A/B
|
||||
.wpb_vc_gitem_zone_a &, .wpb_vc_gitem_zone_b & {
|
||||
display: none;
|
||||
}
|
||||
&:hover {
|
||||
background-color: #ffe0e0;
|
||||
}
|
||||
}
|
||||
.vc_row_layouts {
|
||||
background: #ffffff;
|
||||
}
|
||||
.vc_row_layouts {
|
||||
margin-left: 0;
|
||||
&:hover {
|
||||
left: 0;
|
||||
height: 16px;
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.wpb_row_container {
|
||||
> .wpb_vc_gitem_col {
|
||||
> .vc_controls, > .wpb_element_wrapper {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
//
|
||||
//.wpb_vc_gitem_col {
|
||||
// &.vc_col-sm-4 {
|
||||
// .wpb_content_element {
|
||||
// > .vc_controls {
|
||||
// .vc_controls-cc {
|
||||
// .vc_clearfix();
|
||||
// }
|
||||
// .vc_element-name {
|
||||
// float: none;
|
||||
// display: block;
|
||||
// .vc_btn-content {
|
||||
// overflow: hidden;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
//}
|
||||
@@ -0,0 +1,25 @@
|
||||
.vc_gitem-zone {
|
||||
position: relative;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50% 50%;
|
||||
background-size: cover;
|
||||
background-clip: border-box;
|
||||
box-sizing: border-box;
|
||||
overflow: hidden;
|
||||
.vc-zone-link {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
z-index: 5;
|
||||
}
|
||||
}
|
||||
|
||||
.vc_gitem-zone-img {
|
||||
width: 100%;
|
||||
display: block;
|
||||
visibility: hidden;
|
||||
height: auto;
|
||||
}
|
||||
@@ -0,0 +1,11 @@
|
||||
.vc_gitem-zone-a {
|
||||
.vc_gitem-zone-mini {
|
||||
box-sizing: border-box;
|
||||
padding: inherit;
|
||||
position: static;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,153 @@
|
||||
.vc_gitem-shortcode {
|
||||
.vc_empty-container, .vc_sorting-empty-container {
|
||||
min-height: 47px;
|
||||
}
|
||||
.vc_placeholder {
|
||||
margin-bottom: 0;
|
||||
margin-top: 0;
|
||||
}
|
||||
.wpb_vc_gitem_zone_c, .wpb_vc_gitem_zone_a, .wpb_vc_gitem_zone_b {
|
||||
background-color: #f5f5f5;
|
||||
//padding: 4px;
|
||||
padding-left: 4px;
|
||||
padding-right: 4px;
|
||||
margin: 0;
|
||||
//.vc_element-icon {
|
||||
// background: transparent;
|
||||
//}
|
||||
> .wpb_element_wrapper {
|
||||
padding-top: 5px;
|
||||
> .vc_container_for_children {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
.wpb_row_container > .wpb_vc_column {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.wpb_vc_column {
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
.wpb_row_container {
|
||||
margin-left: -5px;
|
||||
margin-right: -5px;
|
||||
}
|
||||
.wpb_row_container > .wpb_vc_column > .wpb_element_wrapper {
|
||||
padding: 1px 4px 1px;
|
||||
}
|
||||
.wpb_content_element > .wpb_element_wrapper {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
.vc_shortcodes_container > .controls_column {
|
||||
height: 27px;
|
||||
}
|
||||
.vc_shortcodes_container .wpb_column_container {
|
||||
margin: 0 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.vc_gitem-content {
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.wpb_vc_gitem_zone_c {
|
||||
position: relative;
|
||||
margin-top: 24px;
|
||||
min-height: 100%;
|
||||
box-sizing: border-box;
|
||||
.border-bottom-radius(@vc_gitem_round_radius);
|
||||
> .vc_controls:not(.bottom-controls) {
|
||||
position: absolute;
|
||||
top: -27px;
|
||||
left: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
.vc_control {
|
||||
background-color: #f5f5f5;
|
||||
&:not(.vc_column-move) {
|
||||
background-color: #e6e6e6;
|
||||
}
|
||||
padding: 3px 8px;
|
||||
line-height: 24px;
|
||||
.border-top-radius(@vc_gitem_round_radius);
|
||||
}
|
||||
.column_edit, .column_delete {
|
||||
float: right;
|
||||
margin-left: 1px;
|
||||
}
|
||||
.column_delete {
|
||||
font-size: 12px;
|
||||
&:hover {
|
||||
background-color: #ffe0e0;
|
||||
}
|
||||
}
|
||||
&.bottom-controls {
|
||||
position: static;
|
||||
height: 30px;
|
||||
}
|
||||
}
|
||||
> .vc_css-helper {
|
||||
position: absolute;
|
||||
top: 3px;
|
||||
right: 55px;
|
||||
&.vc_featured {
|
||||
background-image: url('../vc/vc_gitem_image.png');
|
||||
background-size: cover;
|
||||
margin-top: 3px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
display: inline-block;
|
||||
margin-right: 3px;
|
||||
border-radius: 8px;
|
||||
right: 95px;
|
||||
}
|
||||
+ .vc_css-helper {
|
||||
right: 75px;
|
||||
}
|
||||
}
|
||||
> .vc_color-helper {
|
||||
position: absolute;
|
||||
top: -25px;
|
||||
right: 55px;
|
||||
}
|
||||
}
|
||||
|
||||
.wpb_vc_gitem_zone_a, .wpb_vc_gitem_zone_b {
|
||||
position: relative;
|
||||
// .border-top-radius(@vc_gitem_round_radius);
|
||||
.border-bottom-radius(@vc_gitem_round_radius);
|
||||
> .vc_css-helper {
|
||||
position: absolute;
|
||||
top: 3px;
|
||||
right: 0;
|
||||
&.vc_featured {
|
||||
background-image: url('../vc/vc_gitem_image.png');
|
||||
background-size: cover;
|
||||
margin-top: 3px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
display: inline-block;
|
||||
margin-right: 3px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
+ .vc_css-helper {
|
||||
right: 20px;
|
||||
}
|
||||
+ .vc_featured {
|
||||
right: 40px;
|
||||
}
|
||||
}
|
||||
> .vc_controls {
|
||||
display: none;
|
||||
}
|
||||
> .wpb_element_wrapper {
|
||||
> .vc_container_for_children {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.vc_general.vc_element-icon.icon-wpb-gitem-zone {
|
||||
background: none;
|
||||
}
|
||||
@@ -0,0 +1,12 @@
|
||||
.vc_gitem-zone-b {
|
||||
overflow: hidden;
|
||||
.vc_gitem-zone-mini {
|
||||
position: static;
|
||||
padding: inherit;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,23 @@
|
||||
// Vc_gitem class to add to vc.
|
||||
.vc_grid-item-zone-c {
|
||||
&-left {
|
||||
.vc_gitem-animated-block {
|
||||
float: right;
|
||||
width: 50%;
|
||||
}
|
||||
.vc_gitem-zone-c {
|
||||
float: left;
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
&-right {
|
||||
.vc_gitem-animated-block {
|
||||
float: left;
|
||||
width: 50%;
|
||||
}
|
||||
.vc_gitem-zone-c {
|
||||
float: right;
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,156 @@
|
||||
@vc_gitem_min_height: 50px;
|
||||
@vc_gitem_element_margin_bottom: 5px;
|
||||
@vc_gitem_round_radius: 3px;
|
||||
// Base
|
||||
.vc_gitem-shortcode {
|
||||
margin: 10px auto 0;
|
||||
width: 96%;
|
||||
.vc_control {
|
||||
font-size: 13px;
|
||||
}
|
||||
.column_edit {
|
||||
font-size: 14px;
|
||||
}
|
||||
> .vc-controls {
|
||||
.vc-icon {
|
||||
background-image: url('../vc/fe/controls.png');
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
}
|
||||
.vc_shortcodes_container {
|
||||
background: transparent;
|
||||
> .wpb_element_wrapper > .vc_container_for_children {
|
||||
outline: 0;
|
||||
}
|
||||
.controls_column {
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
// Set content elements fixes
|
||||
//.wpb_content_element {
|
||||
// > .vc_controls {
|
||||
// display: block;
|
||||
// height: auto;
|
||||
// visibility: visible;
|
||||
// .opacity(1);
|
||||
// -webkit-transform: none;
|
||||
// -ms-transform: none;
|
||||
// transform: none;
|
||||
// > div {
|
||||
// white-space: normal;
|
||||
// }
|
||||
// > .vc_controls-cc {
|
||||
// -webkit-transform: none;
|
||||
// -ms-transform: none;
|
||||
// -o-transform: none;
|
||||
// transform: none;
|
||||
// position: static;
|
||||
// }
|
||||
// .vc_control-btn-clone {
|
||||
// display: none;
|
||||
// }
|
||||
// .vc_control-btn-delete {
|
||||
// .vc_btn-content {
|
||||
// border-bottom-right-radius: 3px;
|
||||
// border-top-right-radius: 3px;
|
||||
// }
|
||||
// }
|
||||
// .vc_control-btn-delete, .vc_control-btn-edit {
|
||||
// display: block;
|
||||
// float: right;
|
||||
// margin: 0px;
|
||||
// }
|
||||
// }
|
||||
// > .wpb_element_wrapper {
|
||||
// display: none;
|
||||
// }
|
||||
//}
|
||||
//.vc_controls {
|
||||
// min-height: 26px;
|
||||
//}
|
||||
//.vc_controls > div > :last-child .vc_btn-content {
|
||||
// border-radius: 0;
|
||||
//}
|
||||
//.vc_btn-content {
|
||||
// padding: 6px 3px;
|
||||
//}
|
||||
//.wpb_row_container > .wpb_vc_column {
|
||||
// margin-bottom: 4px;
|
||||
//}
|
||||
//.vc_shortcodes_container .wpb_vc_gitem_col .wpb_column_container {
|
||||
// margin: 0;
|
||||
//}
|
||||
//
|
||||
//.wpb_row_container > .wpb_vc_gitem_col > .wpb_element_wrapper {
|
||||
// padding: 1px 4px;
|
||||
//}
|
||||
//.vc_empty-container {
|
||||
// min-height: 32px;
|
||||
//}
|
||||
//.vc_element-name .vc_btn-content {
|
||||
// padding: 6px 6px !important;
|
||||
//}
|
||||
//.vc_element-move .vc_btn-content {
|
||||
// cursor: move !important;
|
||||
// padding-left: 21px !important;
|
||||
//}
|
||||
//.vc_element-move .vc-c-icon-dragndrop {
|
||||
// left: 11px;
|
||||
//}
|
||||
}
|
||||
|
||||
.vc_gitem-add-c-col {
|
||||
vertical-align: top;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
outline: 1px dotted #e6e6e6;
|
||||
min-height: @vc_gitem_min_height;
|
||||
cursor: pointer;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
&::before {
|
||||
font-family: 'vcpb-plugin-icons' !important;
|
||||
content: @vc-c-icon-add_element;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-right: -50%;
|
||||
transform: translate(-50%, -50%);
|
||||
color: #848c92;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.vc_gitem-add-c-left &, .vc_gitem-add-c-right & {
|
||||
padding-top: 26px;
|
||||
}
|
||||
&:hover {
|
||||
.opacity(0.5);
|
||||
}
|
||||
&.vc_zone-added {
|
||||
outline: 0;
|
||||
background: none;
|
||||
.vc_gitem-add-c-bottom & {
|
||||
margin-top: 30px;
|
||||
}
|
||||
&:hover {
|
||||
.opacity(1);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.vc_gitem-navbar-dropdown {
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
#wpb_visual_composer {
|
||||
a {
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
@import "preview.less";
|
||||
@import "shortcodes/vc_gitem_animated_block_admin.less";
|
||||
@import "shortcodes/vc_gitem_zone_admin.less";
|
||||
@import "shortcodes/vc_gitem_row_admin.less";
|
||||
@@ -0,0 +1,132 @@
|
||||
@vc_gitem_post_data_shortcode_margin_bottom: 15px;
|
||||
.vc_grid.vc_row {
|
||||
//Causes https://app.asana.com/0/90442874619636/85765759204968 bug on ios and etc.
|
||||
//.vc_pageable-slide-wrapper {
|
||||
// > *:hover {
|
||||
// z-index: 3;
|
||||
// }
|
||||
//}
|
||||
.vc_pageable-slide-wrapper {
|
||||
.vc_grid-item.vc_visible-item:hover {
|
||||
z-index: 3;
|
||||
}
|
||||
}
|
||||
.vc_grid-item {
|
||||
display: none;
|
||||
padding: 0;
|
||||
vertical-align: top;
|
||||
float: none;
|
||||
box-sizing: border-box;
|
||||
z-index: 1;
|
||||
.vc_grid-item-mini {
|
||||
.vc_grid-item-content {
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
.wpb_content_element, .vc_icon_element, .vc_btn {
|
||||
margin-bottom: @vc_gitem_post_data_shortcode_margin_bottom;
|
||||
a {
|
||||
text-decoration: none;
|
||||
border-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.vc_grid {
|
||||
.vc_gitem-link {
|
||||
border-bottom: none;
|
||||
outline: none;
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
.vc_masonry_grid, .vc_masonry_media_grid {
|
||||
.vc_grid.vc_row {
|
||||
.vc_grid-item {
|
||||
position: static; // Fix for FF with masonry
|
||||
&.vc_visible-item {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.vc_basic_grid, .vc_media_grid {
|
||||
.vc_grid.vc_row {
|
||||
.vc_grid-item {
|
||||
&.vc_visible-item {
|
||||
display: block;
|
||||
}
|
||||
@media (min-width: @screen-sm-min) {
|
||||
&.vc_visible-item {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-document url-prefix() {
|
||||
.vc_masonry_grid, .vc_masonry_media_grid {
|
||||
.vc_grid-item {
|
||||
margin-left: -0.01px; // Fix for FF with masonry
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.vc_gitem-zone-b {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.vc_gitem-float {
|
||||
&-none {
|
||||
float: none;
|
||||
}
|
||||
&-left {
|
||||
float: left;
|
||||
}
|
||||
&-right {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
.vc_gitem-align {
|
||||
&-center {
|
||||
text-align: center;
|
||||
}
|
||||
&-right {
|
||||
text-align: right;
|
||||
}
|
||||
&-justify {
|
||||
text-align: justify;
|
||||
}
|
||||
}
|
||||
|
||||
.vc_gitem-block {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.vc_gitem-is-link {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.vc_gitem-link {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@import "shortcodes/vc_gitem_row.less";
|
||||
@import "shortcodes/vc_gitem_col.less";
|
||||
@import "shortcodes/vc_gitem_zone.less";
|
||||
@import "shortcodes/vc_gitem_zone_a.less";
|
||||
@import "shortcodes/vc_gitem_zone_b.less";
|
||||
@import "shortcodes/vc_gitem_zone_c.less";
|
||||
@import "shortcodes/vc_gitem_gitem_zone_height_mode.less";
|
||||
@import "shortcodes/vc_gitem_animated_block.less";
|
||||
@import "shortcodes/vc_gitem_post_data.less";
|
||||
@import "shortcodes/vc_gitem_post_categories.less";
|
||||
|
||||
|
||||
@@ -0,0 +1,16 @@
|
||||
/** Link param **/
|
||||
#wp-link .submitbox {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.vc_link {
|
||||
.vc_link-build {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.vc_link_label {
|
||||
font-weight: bold;
|
||||
margin-left: 10px;
|
||||
display: inline-block;
|
||||
line-height: 28px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,59 @@
|
||||
/* Message box (Alert)
|
||||
---------------------------------------------------------- */
|
||||
.wpb_vc_message {
|
||||
.messagebox_text {
|
||||
padding-left: 24px;
|
||||
}
|
||||
.alert {
|
||||
color: #C09853;
|
||||
background-color: #FCF8E3;
|
||||
border-color: #FBEED5;
|
||||
.messagebox_text {
|
||||
background: url(../vc/alert.png) no-repeat left center;
|
||||
}
|
||||
}
|
||||
.alert-info {
|
||||
color: #3A87AD;
|
||||
background-color: #D9EDF7;
|
||||
border-color: #BCE8F1;
|
||||
.messagebox_text {
|
||||
background: url(../vc/info.png) no-repeat left center;
|
||||
}
|
||||
}
|
||||
.alert-success {
|
||||
color: #468847;
|
||||
background-color: #DFF0D8;
|
||||
border-color: #D6E9C6;
|
||||
.messagebox_text {
|
||||
background: url(../vc/tick.png) no-repeat left center;
|
||||
}
|
||||
}
|
||||
.alert-danger {
|
||||
color: #B94A48;
|
||||
background-color: #F2DEDE;
|
||||
border-color: #EED3D7;
|
||||
.messagebox_text {
|
||||
background: url(../vc/exclamation.png) no-repeat left center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.vc_message-type {
|
||||
.alert-success {
|
||||
.alert-variant(@alert-success-bg; @alert-success-border; @alert-success-text);
|
||||
}
|
||||
.alert-info {
|
||||
.alert-variant(@alert-info-bg; @alert-info-border; @alert-info-text);
|
||||
}
|
||||
.alert-warning {
|
||||
.alert-variant(@alert-warning-bg; @alert-warning-border; @alert-warning-text);
|
||||
}
|
||||
.alert-danger {
|
||||
.alert-variant(@alert-danger-bg; @alert-danger-border; @alert-danger-text);
|
||||
}
|
||||
|
||||
.vc_edit_color_option_variants(~'info'; @alert-info-bg; @alert-info-text);
|
||||
.vc_edit_color_option_variants(~'success'; @alert-success-bg; @alert-success-text);
|
||||
.vc_edit_color_option_variants(~'warning'; @alert-warning-bg; @alert-warning-text);
|
||||
.vc_edit_color_option_variants(~'danger'; @alert-danger-bg; @alert-danger-text);
|
||||
}
|
||||
Reference in New Issue
Block a user