khaihihi
This commit is contained in:
KhaiNguyen
@@ -0,0 +1,163 @@
|
||||
@vc_ui-panel-add-element-width: 80%;
|
||||
|
||||
.vc_add-element-container {
|
||||
max-height: 75vh;
|
||||
flex: 1;
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.wpb-elements-list {
|
||||
height: auto;
|
||||
overflow-y: auto;
|
||||
padding: 18px;
|
||||
.vc_align_center {
|
||||
text-align: center;
|
||||
}
|
||||
.vc_shortcode-link:focus {
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
.wpb-content-layouts-container {
|
||||
margin: 0;
|
||||
|
||||
.vc_add-element-deprecated-warning {
|
||||
display: none;
|
||||
|
||||
.vc_message_box {
|
||||
margin: 0;
|
||||
padding: 0 1em 1em 4em;
|
||||
}
|
||||
}
|
||||
.vc_add-element-access-warning {
|
||||
.vc_message_box {
|
||||
margin: 0;
|
||||
padding: 0 1em 1em 4em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&[data-vc-ui-filter="deprecated"] {
|
||||
.wpb-content-layouts-container {
|
||||
.vc_add-element-deprecated-warning {
|
||||
display: list-item;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.vc_filter-all {
|
||||
.wpb-layout-element-button.vc_element-deprecated {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
&[data-vc-ui-filter="_my_elements_"] {
|
||||
span {
|
||||
&[data-vc-manage-elements] {
|
||||
display:inline-block!important;
|
||||
margin-top: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.wpb-content-layouts {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
li {
|
||||
background: none repeat scroll 0 0 #F5F5F5;
|
||||
border: 1px solid #faf9f9;
|
||||
padding: 0 0 2px 2px;
|
||||
margin: 0;
|
||||
//min-width: @vc_add_element_button_width;
|
||||
display: none;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
float: left;
|
||||
height: 70px;
|
||||
list-style: none;
|
||||
.transition(border-color 0.2s);
|
||||
|
||||
&:hover {
|
||||
border-color: #00aef0;
|
||||
}
|
||||
|
||||
.vc_el-container {
|
||||
display: table;
|
||||
height: 69px;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
outline: none;
|
||||
display: table-cell;
|
||||
line-height: 14px;
|
||||
padding: 2px 4px 2px 47px;
|
||||
vertical-align: middle;
|
||||
white-space: normal;
|
||||
text-decoration: none;
|
||||
font-weight: 600;
|
||||
&:hover {
|
||||
box-shadow: none; // WP themes fix
|
||||
}
|
||||
.vc_element-description {
|
||||
display: block;
|
||||
position: relative;
|
||||
background-color: transparent;
|
||||
top: auto;
|
||||
left: auto;
|
||||
width: auto;
|
||||
height: auto;
|
||||
font-size: 11px;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
margin-top: 3px;
|
||||
color: #999999;
|
||||
}
|
||||
}
|
||||
|
||||
.vc_visible {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.vc_inappropriate {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.vc_element-icon {
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
left: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
.vc_elements-list-filter {
|
||||
position: absolute;
|
||||
padding: 4px 3px 3px 30px;
|
||||
top: 9px;
|
||||
right: 44px;
|
||||
z-index: 1;
|
||||
width: 190px;
|
||||
font-size: 12px;
|
||||
border: medium none;
|
||||
background: url("../vc/search.png") no-repeat scroll 9px 6px #ffffff;
|
||||
}
|
||||
|
||||
#vc_ui-panel-add-element {
|
||||
width: @vc_ui-panel-add-element-width;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
max-height: 90vh;
|
||||
height: auto;
|
||||
top: 5vh;
|
||||
right: 0;
|
||||
left: 0;
|
||||
|
||||
.vc_ui-panel-content-container {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,278 @@
|
||||
.vc_shortcode-edit-form {
|
||||
padding-bottom: 61px;
|
||||
.vc_panel-footer {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.vc_properties-list {
|
||||
// overflow-y: auto;
|
||||
&.vc_properties-list-init {
|
||||
//overflow-y: auto;
|
||||
}
|
||||
//overflow-x: hidden;
|
||||
}
|
||||
|
||||
.vc_edit-form-tab {
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
/* Content element Edit screen
|
||||
---------------------------------------------------------- */
|
||||
@teaser_checkbox_radius: 2px;
|
||||
|
||||
.vc_dependent-hidden {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.wpb_element_label, .vc_element_label {
|
||||
font-weight: 600;
|
||||
margin-bottom: 5px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.vc_edit_form_elements {
|
||||
.vc_column + .vc_column, .vc_column-with-padding {
|
||||
padding-top: 15px;
|
||||
}
|
||||
.quicktags-toolbar {
|
||||
input {
|
||||
width: auto;
|
||||
padding: 2px 4px;
|
||||
}
|
||||
}
|
||||
input {
|
||||
padding-bottom: 7px;
|
||||
}
|
||||
input.wp-color-picker[type="text"] {
|
||||
width: 90px !important;
|
||||
padding: 4px 3px 3px;
|
||||
height: 24px;
|
||||
float: left;
|
||||
position: relative;
|
||||
}
|
||||
.wp-color-result.wp-picker-open:after {
|
||||
content: "";
|
||||
border: none;
|
||||
}
|
||||
.vc_color-picker .wp-picker-input-wrap label {
|
||||
margin-top: 0;
|
||||
}
|
||||
input.wp-picker-clear {
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
||||
/* Select Image / Select Images (multiple)
|
||||
---------------------------------------------------------- */
|
||||
.wpb_el_type_attach_images .gallery_widget_attached_images_list {
|
||||
cursor: move;
|
||||
}
|
||||
|
||||
.gallery_widget_img_select,
|
||||
.gallery_widget_attached_images_list {
|
||||
margin: 0;
|
||||
li {
|
||||
position: relative;
|
||||
background: #F5F5F5;
|
||||
padding: 0;
|
||||
float: left;
|
||||
margin: 0px 5px 5px 0;
|
||||
height: 80px;
|
||||
width: 80px;
|
||||
line-height: 75px;
|
||||
text-align: center;
|
||||
border: 1px solid #DFDFDF;
|
||||
overflow: hidden;
|
||||
img {
|
||||
max-height: 80px;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.wpb_el_type_attach_images,
|
||||
.wpb_el_type_attach_image {
|
||||
// Add new image square button
|
||||
.gallery_widget_add_images {
|
||||
margin-top: 0;
|
||||
display: block;
|
||||
float: left;
|
||||
height: 80px;
|
||||
width: 80px;
|
||||
background: #F5F5F5;
|
||||
border: 1px solid #DFDFDF;
|
||||
font-size: 0;
|
||||
color: #F5F5F5;
|
||||
position: relative;
|
||||
|
||||
&:hover {
|
||||
color: #C8C8C8;
|
||||
border-color: #C8C8C8;
|
||||
text-decoration: none;
|
||||
}
|
||||
&:focus {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.vc-composer-icon {
|
||||
font-size: 12px;
|
||||
color: #87D148;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
.translate(-50%, -50%);
|
||||
}
|
||||
}
|
||||
.vc_icon-remove {
|
||||
//background: transparent url(../vc/remove.png) center center no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
.translate(-50%, -50%);
|
||||
|
||||
&:hover {
|
||||
.opacity(0.7);
|
||||
}
|
||||
.vc-composer-icon {
|
||||
font-size: 18px;
|
||||
color: #FF7877;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
.translate(-50%, -50%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.gallery_widget_site_images {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.wpb_vc_tab,
|
||||
.wpb_vc_accordion_tab {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.vc_hidden-placeholder {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#TB_overlay {
|
||||
z-index: 1055;
|
||||
}
|
||||
|
||||
#TB_window {
|
||||
z-index: 1060;
|
||||
}
|
||||
|
||||
// Color field
|
||||
.vc_colored-dropdown {
|
||||
.vc_edit_color_option_variants(~'blue', @blue, #ffffff);
|
||||
.vc_edit_color_option_variants(~'turquoise', @turquoise, #ffffff);
|
||||
.vc_edit_color_option_variants(~'pink', @pink, #ffffff);
|
||||
.vc_edit_color_option_variants(~'violet', @violet, #ffffff);
|
||||
.vc_edit_color_option_variants(~'peacoc', @peacoc, #ffffff);
|
||||
.vc_edit_color_option_variants(~'chino', @chino, #ffffff);
|
||||
.vc_edit_color_option_variants(~'mulled_wine', @mulled_wine, #ffffff);
|
||||
.vc_edit_color_option_variants(~'mulled-wine', @mulled_wine, #ffffff);
|
||||
.vc_edit_color_option_variants(~'vista_blue', @vista_blue, #ffffff);
|
||||
.vc_edit_color_option_variants(~'vista-blue', @vista_blue, #ffffff);
|
||||
.vc_edit_color_option_variants(~'black', @black, #ffffff);
|
||||
.vc_edit_color_option_variants(~'grey', @grey, #666666);
|
||||
.vc_edit_color_option_variants(~'orange', @orange, #ffffff);
|
||||
.vc_edit_color_option_variants(~'sky', @sky, #ffffff);
|
||||
.vc_edit_color_option_variants(~'green', @green, #ffffff);
|
||||
.vc_edit_color_option_variants(~'juicy_pink', @juicy_pink, #ffffff);
|
||||
.vc_edit_color_option_variants(~'juicy-pink', @juicy_pink, #ffffff);
|
||||
.vc_edit_color_option_variants(~'sandy_brown', @sandy_brown, #ffffff);
|
||||
.vc_edit_color_option_variants(~'sandy-brown', @sandy_brown, #ffffff);
|
||||
.vc_edit_color_option_variants(~'purple', @purple, #ffffff);
|
||||
.vc_edit_color_option_variants(~'white', @white, #666666);
|
||||
.vc_edit_color_option_variants(~'custom', @white, #000000);
|
||||
}
|
||||
|
||||
// Color field extension for progress bar shortcode only
|
||||
[data-vc-shortcode="vc_progress_bar"] .vc_colored-dropdown {
|
||||
.vc_edit_color_option_variants(~'bar_blue', #0074CC, #ffffff);
|
||||
.vc_edit_color_option_variants(~'bar_turquoise', #49afcd, #ffffff);
|
||||
.vc_edit_color_option_variants(~'bar_green', #5bb75b, #ffffff);
|
||||
.vc_edit_color_option_variants(~'bar_orange', #faa732, #ffffff);
|
||||
.vc_edit_color_option_variants(~'bar_red', #da4f49, #ffffff);
|
||||
.vc_edit_color_option_variants(~'bar_black', #414141, #ffffff);
|
||||
.vc_edit_color_option_variants(~'bar_grey', #e0e0e0, #ffffff);
|
||||
}
|
||||
|
||||
option, select {
|
||||
&.btn-primary {
|
||||
&:extend(.wpb_vc_button .btn-primary);
|
||||
border-width: 0;
|
||||
}
|
||||
&.btn-info {
|
||||
&:extend(.wpb_vc_button .btn-info);
|
||||
border-width: 0;
|
||||
text-shadow: none;
|
||||
}
|
||||
&.btn-success {
|
||||
&:extend(.wpb_vc_button .btn-success);
|
||||
border-width: 0;
|
||||
}
|
||||
&.btn-warning {
|
||||
&:extend(.wpb_vc_button .btn-warning);
|
||||
border-width: 0;
|
||||
}
|
||||
&.btn-inverse {
|
||||
&:extend(.wpb_vc_button .btn-inverse);
|
||||
border-width: 0;
|
||||
}
|
||||
&.btn-danger {
|
||||
&:extend(.wpb_vc_button .btn-danger);
|
||||
border-width: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.vc_shortcode-edit-form-deprecated-message {
|
||||
padding-bottom: 15px;
|
||||
.wpb_element_wrapper .vc_message_box {
|
||||
margin: 0;
|
||||
padding: 0 1em 1em 4em;
|
||||
}
|
||||
}
|
||||
|
||||
@import "../params/sorted_list.less";
|
||||
@import "../params/css_editor.less";
|
||||
@import "../params/options_field.less";
|
||||
@import "../params/vc_message_color.less";
|
||||
@import "../params/colorpicker.less";
|
||||
@import "../params/vc_link.less";
|
||||
@import "../params/loop.less";
|
||||
@import "../params/column_offset.less";
|
||||
@import "../params/autocomplete.less";
|
||||
@import "../params/param_group.less";
|
||||
@import "../params/vc_grid.less";
|
||||
@import "../params/vc_grid_element.less";
|
||||
@import "../params/iconpicker.less";
|
||||
@import "../params/dropdown.less";
|
||||
@import "../lib/pixel_icons.less";
|
||||
@import "../params/hidden.less";
|
||||
@import "../params/gutenberg.less";
|
||||
@import "../lib/css3_animations.less";
|
||||
|
||||
// Fix link height due to rel noopener
|
||||
.has-text-field.vc-link-wrapper #wp-link #search-panel .query-results {
|
||||
top: 215px;
|
||||
}
|
||||
.vc-link-nofollow {
|
||||
display: none;
|
||||
}
|
||||
.vc-link-wrapper {
|
||||
.vc-link-nofollow {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,280 @@
|
||||
.vc_access-library-col {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.vc_ui-panel-content {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.vc_ui-panel-popup {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
background: #fff;
|
||||
z-index: 10;
|
||||
padding: 0 15px;
|
||||
&.vc_ui-hidden {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.vc_ui-panel-popup {
|
||||
.vc_ui-panel-back-button {
|
||||
color: #c4c4c4;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
top: 2px;
|
||||
left: 0;
|
||||
|
||||
.vc-composer-icon {
|
||||
font-size: 24px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
|
||||
.vc_ui-panel-close-button {
|
||||
color: #c4c4c4;
|
||||
top: 0;
|
||||
left: 0;
|
||||
padding: 0;
|
||||
margin: 10px 0 3px;
|
||||
opacity: 1;
|
||||
|
||||
.vc-composer-icon {
|
||||
font-size: 24px;
|
||||
vertical-align: middle;
|
||||
opacity: .8;
|
||||
transition: opacity ease-in-out .2s;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
.vc-composer-icon {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.vc_ui-panel-close {
|
||||
color: #c4c4c4;
|
||||
|
||||
&::after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
|
||||
.vc_ui-control-button-text {
|
||||
vertical-align: middle;
|
||||
font-size: 20px;
|
||||
line-height: 1.4em;
|
||||
margin: 0 0 0 12px;
|
||||
display: inline-block;
|
||||
color: #23282d;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.vc_ui-panel-template-content {
|
||||
position: relative;
|
||||
|
||||
&.vc_ui-hidden {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.vc_ui-panel-message {
|
||||
background: #f5f5f5;
|
||||
padding: 10px 15px 17px;
|
||||
border-radius: 5px;
|
||||
border: #ebebeb solid 1px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.vc_ui-panel-title {
|
||||
font-size: 20px;
|
||||
line-height: 1.4em;
|
||||
margin-top: .5em;
|
||||
}
|
||||
|
||||
.vc_ui-panel-template-grid {
|
||||
margin: 20px -18px -18px -18px;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.vc_ui-panel-template-item {
|
||||
margin: 0 20px 20px;
|
||||
width: 100px;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
display: none;
|
||||
|
||||
&.vc_ui-visible {
|
||||
display: block;
|
||||
}
|
||||
|
||||
img {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
}
|
||||
|
||||
.vc_ui-panel-template-item-content {
|
||||
position: relative;
|
||||
display: block;
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
|
||||
&:hover {
|
||||
.vc_ui-panel-template-item-overlay {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.vc_ui-panel-template-item-overlay {
|
||||
-webkit-transition: opacity .2s ease-in-out;
|
||||
transition: opacity .2s ease-in-out;
|
||||
background-color: rgba(0, 0, 0, .7);
|
||||
color: #fff;
|
||||
position: absolute;
|
||||
overflow: hidden;
|
||||
opacity: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
top: 0;
|
||||
line-height: 100px;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.vc_ui-panel-template-item-overlay-button {
|
||||
text-decoration: none;
|
||||
color: #fff;
|
||||
font-size: 25px;
|
||||
margin: 0 6px;
|
||||
display: inline-block;
|
||||
-webkit-box-shadow: none !important;
|
||||
-moz-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
opacity: 0.8;
|
||||
flex: 1;
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
.vc_ui-panel-template-item-name {
|
||||
line-height: 18px;
|
||||
position: relative;
|
||||
margin: 10px 0 6px;
|
||||
display: block;
|
||||
word-wrap: break-word;
|
||||
font-size: 14px;
|
||||
color: #0073aa;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.vc_ui-panel-template-item-info {
|
||||
display: block;
|
||||
font-size: 12px;
|
||||
font-style: italic;
|
||||
color: #969696;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
.vc_ui-panel-search-box {
|
||||
width: 100%;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.vc_ui-panel-search {
|
||||
width: 100%;
|
||||
border: 1px solid #ddd !important;
|
||||
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .07);
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .07);
|
||||
}
|
||||
|
||||
.vc_ui-panel-template-preview {
|
||||
&.vc_ui-hidden {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.vc_ui-panel-template-preview-inner {
|
||||
position: relative;
|
||||
padding-left: 40px;
|
||||
}
|
||||
|
||||
.vc_ui-panel-preview-content {
|
||||
margin: 40px 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.vc_ui-panel-preview-image {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.vc_ui-panel-download,
|
||||
.vc_ui-panel-update,
|
||||
.vc_ui-panel-loading {
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
background: #fff;
|
||||
padding: 20px;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
z-index: 1;
|
||||
|
||||
&.vc_ui-hidden {
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
.vc_preloader-box {
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
display: inline-block;
|
||||
background: url(../vc/logo/wpb-logo.svg) no-repeat center;
|
||||
background-size: 72px;
|
||||
}
|
||||
|
||||
.vc_ui-panel-template-update, .vc_ui-panel-template-download {
|
||||
&.vc_ui-hidden {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
[data-tab="shared_templates"] {
|
||||
.vc_ui-panel-popup {
|
||||
flex: 1;
|
||||
position: relative;
|
||||
min-height: 300px;
|
||||
}
|
||||
.vc_ui-templates-content {
|
||||
flex: 1;
|
||||
&.vc_ui-hidden {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user