: str_replace(): Passing null to parameter #2 ($replace) of type array|string is deprecated in
transition: background-color 200ms ease;
.et-box-content .wp-color-result { display: none; }
.et-box-content .iris-picker { display: block !important; }
.et-box-content .colorpalette-item:last-child { margin-right: 0; }
.et-box-content .colorpalette-colorpicker { display: none; }
.et-box-content .colorpalette-colorpicker.active { display: block; }
.et-box-content .wp-picker-holder { margin-top: 50px; }
.et-box-content input.input-colorpalette-colorpicker.wp-color-picker { display: block !important; width: 316px !important; }
.et-clearfix { clear: both; }
/* Portability Integration */
#epanel-header .epanel-portability {
.rtl #epanel-header .epanel-portability {
/* Clear Static CSS Button */
#epanel-content .et-epanel-box .et-box-content ~ .et_pb_clear_static_css {
transition: opacity 0.3s linear;
#epanel-content .et-epanel-box .et-box-content.et_pb_on_state ~ .et_pb_clear_static_css {
transition: background, box-shadow 0.3s;
box-shadow: rgba(0, 139, 219, 0.247059) 0px 0px 60px;
background: rgb(255, 255, 255);
#et-ajax-saving.success-animation {
background-color: rgb(169, 233, 0);
box-shadow: rgba(0, 0, 0, 0) 0px 0px 40px;
#et-ajax-saving.success-animation:before {
font-family: 'etbuilder';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: rgb(255, 255, 255);
#et-ajax-saving.et_loading:before {
#et-ajax-saving.success-animation img {
@-webkit-keyframes fadeIn {
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT
Copyright (c) 2015 Daniel Eden
0%, 20%, 40%, 60%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
opacity: 0; -webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
@-webkit-keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
opacity: 1; -webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
@-webkit-keyframes et_pb_fade_in_scale { 0% { opacity: 0; transform: scale(.9,.9); } 100% { opacity: 1; transform: scale(1,1); } }
@-moz-keyframes et_pb_fade_in_scale { 0% { opacity: 0; transform: scale(.9,.9) } 100% { opacity: 1; transform: scale(1,1); } }
@-o-keyframes et_pb_fade_in_scale { 0% { opacity: 0; transform: scale(.9,.9) } 100% { opacity: 1; transform: scale(1,1); } }
@keyframes et_pb_fade_in_scale { 0% { opacity: 0; transform: scale(.9,.9); } 100% { opacity: 1; transform: scale(1,1); } }
@-webkit-keyframes et_pb_fade_out_scale { 0% { opacity: 1; transform: scale(1,1); } 100% { opacity: 0; transform: scale(.9,.9); } }
@-moz-keyframes et_pb_fade_out_scale { 0% { opacity: 1; transform: scale(1,1); } 100% { opacity: 0; transform: scale(.9,.9); } }
@-o-keyframes et_pb_fade_out_scale { 0% { opacity: 1; transform: scale(1,1); } 100% { opacity: 0; transform: scale(.9,.9); } }
@keyframes et_pb_fade_out_scale { 0% { opacity: 1; transform: scale(1,1); } 100% { opacity: 0; transform: scale(.9,.9); } }
@media only screen and ( max-width: 1161px ) {
#epanel-content .et-epanel-box .et-upload-image-button,
#epanel-content .et-epanel-box .et-upload-image-reset {
#epanel-content .et-epanel-box .et-upload-image-button {
@media only screen and ( max-width: 1024px ) {
#epanel .et-epanel-box .et-box-description {
@media only screen and ( max-width: 1017px ) {
#epanel-content ul.et-id-tabs a {
#epanel-mainmenu li:first-of-type a,
#epanel-content ul.et-id-tabs li:first-of-type a {
@media only screen and ( max-width: 782px ) {
#epanel-content .et-epanel-box .et-upload-image-button,
#epanel-content .et-epanel-box .et-upload-image-reset {
#epanel-content .et-epanel-box .et-upload-field,
#epanel-content .et-epanel-box .et-upload-buttons {
#epanel-content .et-epanel-box .et-upload-field {
@media only screen and ( max-width: 480px ) {
#epanel-mainmenu li:first-of-type a,
#epanel-content ul.et-id-tabs li:first-of-type a {
#epanel-content .et-tab-content {
#epanel-content .et-epanel-box .et-box-title {
#epanel-content .et-epanel-box .et-box-content {
#epanel-content .et-epanel-box-small-1 .et-box-content,
#epanel-content .et-epanel-box-small-2 .et-box-content {
#epanel .et-epanel-box .et-box-description {
padding: 13px 13px 13px 0px;
#epanel .CodeMirror-dialog-top {
box-shadow: 0 0 50px rgba(0,0,0,.5);
#epanel .CodeMirror-search-label {
color: rgb(190, 201, 214);
#epanel .CodeMirror-search-field {
color: #4C5866 !important;
font-size: 0.8rem !important;
#epanel .CodeMirror-search-hint {
Based on CodeMirror Material Theme
Copyright (C) 2017 by Marijn Haverbeke <marijnh@gmail.com> and others
background-color: #4C5866;
.CodeMirror.cm-s-et .CodeMirror-gutters {
.CodeMirror.cm-s-et .CodeMirror-guttermarker, .CodeMirror.cm-s-et .CodeMirror-guttermarker-subtle, .CodeMirror.cm-s-et .CodeMirror-linenumber {
.CodeMirror.cm-s-et .CodeMirror-cursor {
border-left: 1px solid #fff;
.CodeMirror.cm-s-et div.CodeMirror-selected {
background: rgba(145, 203, 255, 0.2);
.CodeMirror.cm-s-et .cm-s-material.CodeMirror-focused div.CodeMirror-selected {
background: rgba(0, 0, 0, 0.1);
.CodeMirror.cm-s-et .CodeMirror-line::selection, .CodeMirror.cm-s-et .CodeMirror-line > span::selection, .CodeMirror.cm-s-et .CodeMirror-line > span > span::selection {
background: rgba(0, 0, 0, 0.1);
.CodeMirror.cm-s-et .CodeMirror-line::-moz-selection, .CodeMirror.cm-s-et .CodeMirror-line > span::-moz-selection, .CodeMirror.cm-s-et .CodeMirror-line > span > span::-moz-selection {
background: rgba(0, 0, 0, 0.1);
.CodeMirror.cm-s-et .CodeMirror-activeline-background {
background: rgba(0, 0, 0, 0.1);
.CodeMirror.cm-s-et .cm-keyword {
.CodeMirror.cm-s-et .cm-operator {
.CodeMirror.cm-s-et .cm-variable-2,
.CodeMirror.cm-s-et .cm-string-2,
.CodeMirror.cm-s-et .cm-meta {
.CodeMirror.cm-s-et .cm-variable-3, .CodeMirror.cm-s-et .cm-type {
.CodeMirror.cm-s-et .cm-builtin,
.CodeMirror.cm-s-et .cm-qualifier,
.CodeMirror.cm-s-et .cm-variable-3,
.CodeMirror.cm-s-et .cm-type {
.CodeMirror.cm-s-et .cm-atom {
.CodeMirror.cm-s-et .cm-number {
.CodeMirror.cm-s-et .cm-def {
.CodeMirror.cm-s-et .cm-string {
.CodeMirror.cm-s-et .cm-comment {
.CodeMirror.cm-s-et .cm-variable {
.CodeMirror.cm-s-et .cm-attribute {
.CodeMirror.cm-s-et .cm-property {
.CodeMirror.cm-s-et .cm-tag {
.CodeMirror.cm-s-et .cm-searching {
border-bottom: 1px solid white;
.CodeMirror.cm-s-et .CodeMirror-matchingbracket {
text-decoration: underline;
#epanel .CodeMirror .CodeMirror-matchingtag {
background: rgba(255, 255, 255, 0.15);
#epanel .CodeMirror .CodeMirror-linewidget {
#epanel .CodeMirror .codemirror-lint-warning,
#epanel .CodeMirror .codemirror-lint-error {
background-color: transparent;
border: 2px solid #ff5758;
#epanel .CodeMirror .codemirror-lint-warning {
#epanel .CodeMirror .codemirror-colorview {
#epanel .CodeMirror .codemirror-colorview .codemirror-colorview-background {
@media only screen and ( max-width: 415px ) {