Your IP : 216.73.216.162
.customify-mt-divider {
border-bottom: 1px solid #eee;
border-top: 1px solid #eee;
display: block;
padding: 7px 12px;
margin-top: 15px;
margin-left: -12px;
margin-right: -12px;
font-weight: 600;
}
/* NEW meta box */
#customify_page_settings {
.inside {
padding: 0px;
margin-top: 0px;
}
}
.customify-mt-media {
display: block;
.customify--add {
display: inline-block;;
}
.customify--remove {
display: none;
}
.customify-mt-media-preview {
display: block;
}
.customify-image-preview {
img {
max-width: 100%;
height: auto;
}
}
&.attachment-added {
.customify--add {
display: none;
}
.customify--remove {
display: inline-block;
}
}
}
.customify-mt-box-inner {
width: 100%;
}
.customify-mt-tabs {
display: flex;
width: 100%;
.customify-mt-tabs-list {
flex-basis: 20%;
margin: 0;
float: left;
line-height: 1em;
padding: 0 0 10px;
position: relative;
background-color: #fafafa;
border-right: 1px solid #eee;
box-sizing: border-box;
li {
margin: 0px;
padding: 0px;
i {
font-size: 14px;
margin-top: 4px;
margin-right: 5px;
}
&.active {
a {
color: #555;
position: relative;
background-color: #eee;
}
}
}
a {
margin: 0;
padding: 10px;
display: block;
box-shadow: none;
text-decoration: none;
line-height: 20px!important;
border-bottom: 1px solid #eee;
}
}
.customify-mt-tab-contents {
flex-basis: 80%;
.customify-mt-tab-cont {
display: none;
&.active {
display: block;
}
}
}
}
.customify-mt-field {
display: flex;
padding: 15px 20px;
align-items: start;
border-bottom: 1px solid #eee;
&:last-child {
border-bottom: 0px;
}
.customify-mt-field-label {
flex-basis: 25%;
}
.customify-mt-field-inner {
flex-basis: 75%;
p.field-p {
&:first-child {
margin-top: 0px;
}
&:last-child {
margin-bottom: 0px;
}
}
}
.customify-image-preview {
display: flex;
align-items: center;
justify-content: center;
width: 100px;
height: 100px;
background: #eee;
border: 1px solid #eee;
img {
object-fit: cover;
width: 100%;
height: 100%;
}
}
}
.cd-box {
.customify-mt-box {
.customify-mt-field {
padding-left: 0px;
padding-right: 0px;
}
}
}
.edit-post-meta-boxes-area {
&.is-side{
.customify-mt-tabs{
display: block;
}
.customify-mt-tabs-list{
display: flex;
float: none;
border-bottom: 1px solid #eee;
padding: 0 15px;
.customify-mt-tab-cont{
a{
font-size: 0;
border-bottom: 0;
position: relative;
&::before, &::after{
left: 50%;
opacity: 0;
position: absolute;
z-index: -9999999;
font-size: 12px;
}
&::before{
border-style: solid;
border-width: 1em 0.75em 0 0.75em;
border-color: #3E474F transparent transparent transparent;
bottom: 100%;
content: '';
transform: translateX(-50%);
}
&::after{
background: #3E474F;
border-radius: .25em;
bottom: calc( 100% + 0.75em );
color: #EDEFF0;
display: block;
content: attr(data-title);
padding: 0.3em 1em;
text-align: center;
min-width: 5em;
width: max-content;
transform: translateX(-50%);
}
&:hover::before,
&:hover::after{
opacity: 1;
z-index: 9999999;
}
}
.dashicons{
font-size: 16px;
margin-top: 0;
margin-right: 0;
}
}
}
.customify-mt-tab-contents{
display: block;
float: none;
.customify-mt-field {
display: block;
.customify-mt-field-label{
width: 100%;
display: block;
margin-bottom: 0.5em;
}
.customify-mt-field-inner{
width: 100%;
> * {
width: 100%;
}
}
}
}
}
}