舒舒服服水电费多少发多少*(^&*(
// ------------------------------------------------------------------------------------
// TEXT EDITOR
// ------------------------------------------------------------------------------------
@if $cont-text-editor {
:is(
.xts-theme-style,
div.vc_ui-panel-content) {
.wp-editor-container {
border-color: var(--xts-option-border-color);
border-radius: var(--xts-option-border-radius) 0 var(--xts-option-border-radius) var(--xts-option-border-radius);
:is(
.quicktags-toolbar,
div.mce-toolbar-grp,
div.mce-statusbar) {
border-color: transparent;
background: transparent;
}
div.mce-toolbar-grp {
padding-top: 1px;
// padding-inline-start: 6px;
// padding-inline-end: 280px;
padding-inline: 6px 280px;
min-height: 41px;
.rtl & {
direction: rtl;
}
}
.mce-btn-group {
border: none !important;
}
.quicktags-toolbar {
align-items: center;
padding-top: 5px;
// padding-inline-start: 9px;
// padding-inline-end: 280px;
padding-inline: 9px 280px;
min-height: 42px;
border-top-left-radius: var(--xts-option-border-radius);
}
[aria-label="Fullscreen"] {
display: none; // NOTE HIDE FULLSCREEN BUTTON
}
}
.mce-toolbar {
.mce-menubtn {
border-radius: var(--xts-option-border-radius) !important;
}
}
.mce-top-part::before,
.wp-editor-container,
.mce-tinymce {
border-radius: var(--xts-option-border-radius);
box-shadow: none;
}
// ------------------------------------------
// MCE EDITOR
// ------------------------------------------
.mce-edit-area {
margin: 0 12px 2px 10px;
iframe {
border: 1px solid var(--xts-option-border-color);
border-radius: var(--xts-option-border-radius);
}
}
.wp-editor-container {
&:hover {
.mce-edit-area {
iframe {
border-color: var(--xts-option-border-color-darker-10);
}
}
}
}
// ------------------------------------------
// HTML EDITOR
// ------------------------------------------
.wp-editor-container {
> textarea {
margin: 0 10px 10px 10px !important;
width: calc(100% - 20px) !important;
border: 1px solid var(--xts-option-border-color);
border-radius: var(--xts-option-border-radius);
box-shadow: none !important;
&:hover,
&:focus {
border-color: var(--xts-option-border-color-darker-10);
}
}
}
// .wp-editor-area {
// margin: 0 10px 10px 10px !important;
// width: calc(100% - 20px) !important;
// border: 1px solid var(--xts-option-border-color);
// border-radius: var(--xts-option-border-radius);
// &:hover,
// &:focus {
// border-color: var(--xts-option-border-color-darker-10);
// }
// }
::-webkit-input-placeholder {color: rgba(0,0,0,.4);}
::-moz-placeholder {color: rgba(0,0,0,.4);}
:-moz-placeholder {color: rgba(0,0,0,.4);}
:-ms-input-placeholder {color: rgba(0,0,0,.4);}
// ------------------------------------------
// ADD MEDIA BUTTON
// ------------------------------------------
.wp-media-buttons-icon {
// margin-inline-start: 0 !important;
// margin-inline-end: 8px !important;
padding-inline: 0 8px !important;
&:before {
display: block;
}
}
.wp-media-buttons {
// position: absolute;
// top: 8px;
// right: 150px;
.button {
margin: 0 !important;
min-height: 29px;
@extend %xts-button;
@extend %xts-button-default;
@extend %xts-button-default-hover;
--xts-input-height: 29px;
&:active {
position: static;
// margin-top: 0;
// margin-bottom: 4px;
}
}
}
// ------------------------------------------
// EDITOR SWITCH BUTTON
// ------------------------------------------
.wp-editor-tabs {
position: absolute;
top: 8px;
inset-inline-end: 11px;
padding: 2px;
border: 1px solid var(--xts-option-border-color);
border-radius: var(--xts-option-border-radius);
background-color: #FFF;
--xts-input-height: 23px;
}
.wp-switch-editor {
position: static;
margin: 0;
border: none;
border-color: var(--xts-option-border-color);
border-radius: var(--xts-option-border-radius);
background-color: transparent;
@extend %xts-button;
&:hover {
background-color: var(--xts-btn-grey-color);
}
&:not(:last-child) {
margin-inline-end: 2px;
}
}
.html-active .switch-html,
.html-active .switch-html:hover,
.tmce-active .switch-tmce,
.tmce-active .switch-tmce:hover {
@extend %xts-button-alternative;
}
}
// ------------------------------------------------------------------------------------
// XTS TEXT EDITOR
// ------------------------------------------------------------------------------------
.xts-theme-style {
// .wp-editor-container {
// div.mce-toolbar-grp,
// .quicktags-toolbar {
// padding-inline-end: 280px;
// }
// }
// ------------------------------------------
// ADD MEDIA BUTTON
// ------------------------------------------
.wp-media-buttons {
position: absolute;
top: 8px;
inset-inline-end: 150px;
}
}
// ------------------------------------------------------------------------------------
// PRODUCTS CATEGORIES
// ------------------------------------------------------------------------------------
.taxonomy-product_cat {
:is(
#addtag,
#edittag) {
div.mce-toolbar-grp,
.quicktags-toolbar {
padding-inline-end: 135px;
min-height: 45px;
}
.wp-editor-tabs {
top: -43px;
inset-inline-end: 0px;
}
.wp-media-buttons {
top: 8px;
inset-inline-end: 11px;
}
}
}
} // END IF
// ------------------------------------------------------------------------------------------------
// WPB TEXT EDITOR
// ------------------------------------------------------------------------------------------------
@if $wpb-cont-text-editor {
div.vc_ui-panel-content {
.wp-editor-container {
:is(
div.mce-toolbar-grp,
.quicktags-toolbar) {
padding-inline-end: 140px;
}
:is(
.mce-wp-dfw,
.ed_button.qt-dfw) {
display: none; // NOTE HIDE FULLSCREEN BUTTON
}
.wpb-textarea {
visibility: visible !important;
}
}
// ------------------------------------------
// ADD MEDIA BUTTON
// ------------------------------------------
.wp-media-buttons {
position: absolute;
top: 9px;
inset-inline-end: 10px;
}
.wp-editor-tabs {
top: -53px;
inset-inline-end: 0;
}
}
}
// ------------------------------------------------------------------------------------------------
// WHB TEXT EDITOR
// ------------------------------------------------------------------------------------------------
@if $whb-cont-text-editor {
// .whb-editor-option {
// .wp-editor-wrap {
// margin-top: -30px;
// textarea {
// min-height: 120px;
// width: 100%;
// outline: none !important;
// border: none !important;
// }
// }
// }
div.whb-editor-option {
div.mce-toolbar-grp,
.quicktags-toolbar {
padding-inline-end: 0 !important;
}
.wp-editor-tabs {
top: -52px;
inset-inline-end: 0;
}
.mce-btn.mce-active button,
.mce-btn.mce-active:hover button,
.mce-btn.mce-active i,
.mce-btn.mce-active:hover i {
color: var(--xts-body-color);
}
}
} // END IF