.melis-templating-plugin-creator-steps li {
display: block;
height: 40px;
line-height: 40px;
padding: 0 10px 0 10px;
color: #7c7c7c;
font-weight: 600;
margin-right: 0px;
border-left: 1px solid #e8e4e4;
}
.melis-templating-plugin-creator-steps li:first-child{
border-left: 0px;
}
.melis-templating-plugin-creator-steps li:after {
position: static;
right: auto;
top: auto;
height: auto;
width: auto;
border-bottom: 0;
border-left: 0;
border-top: 0;
content: normal;
z-index: auto;
}
.melis-templating-plugin-creator-steps li.active {
border-left: 0px;
}
.melis-templating-plugin-creator-steps li.active:after {
position: absolute;
right: -20px;
top: 0;
height: 0;
width: 0;
border-bottom: 20px inset transparent;
border-left: 20px solid #fafafa;
border-top: 20px inset transparent;
content: "";
z-index: 2;
border-left-color: #e61c23;
}
.melis-templating-plugin-creator-steps li span {
display: block;
height: 40px;
line-height: 40px;
padding: 0 20px 0 40px;
color: #7c7c7c;
font-weight: 600;
padding-left: 30px;
}
.melis-templating-plugin-creator-steps li.active span {
color: #fff;
cursor: default;
padding-left: 30px;
}
.melis-templating-plugin-creator-steps li span {
padding: 0px 8px 0 40px;
padding-left: 10px;
}
.melis-templating-plugin-creator-steps li.active span {
padding-left: inherit;
}
.melis-templating-plugin-creator-steps .bwizard-steps li:before {
border-left: 10px solid #fff;
}
.melis-templating-plugin-creator-steps li.active:after {
right: -10px;
border-left: 10px solid #fafafa;
}
.melis-templating-plugin-creator-steps .bwizard-steps li:before{
left: -1px;
}
.melis-templating-plugin-creator .steps-content{
padding: 5px;
}
.melis-templating-plugin-creator .btn-steps:hover{
background: #e61c23;
color: #fff;
}
.melis-tpc-summary-item{
margin-bottom: 20px;
}
.melis-tpc-summary-item-content{
padding-left: 40px;
}
.melis-tpc-final-content .fa{
width: 20px;
cursor: pointer;
}
/*Plugin thumbnail*/
.melis-templating-plugin-creator-steps-content .plugin_thumbnail{
height: auto;
width: auto;
max-width: 100%;
}
.melis-templating-plugin-creator-steps-content .plugin_thumbnail_div{
position: relative;
margin-bottom: 10px;
}
.melis-templating-plugin-creator-steps-content .plugin_thumbnail_div .hover-details{
display: none;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.2);
}
.melis-templating-plugin-creator-steps-content .plugin_thumbnail_div:hover .hover-details{
display: block;
}
.melis-templating-plugin-creator-steps-content .plugin_thumbnail_div .me-p-btn-cont{
text-align: center;
position: absolute;
top: 50%;
left: 50%;
width: 100%;
opacity: initial;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
.melis-templating-plugin-creator-steps-content .plugin_thumbnail_div .me-p-btn-cont a {
padding: 11px 14px;
margin: 0 3px;
background: #fff;
border-radius: 100%;
display: inline-block;
cursor: pointer;
height: 42px;
width: 42px;
}
/*Plugin Thumbnail*/
.melis-templating-plugin-creator-steps-content .plugin_thumbnail_div_preview_summary{
width: 190px;
height: auto;
max-width: 100%;
}
.melis-templating-plugin-creator-steps-content .padding-left-0{
padding-left:0px;
}
.melis-templating-plugin-creator-steps-content .padding-left-5{
padding-left:5px;
}
.melis-templating-plugin-creator-steps-content .padding-right-5{
padding-right:5px;
}
.melis-templating-plugin-creator-steps-content .tab-count-input{
margin-top:-16px;
min-width: 100px;
}
.melis-templating-plugin-creator-steps-content .multi{
max-width:12%!important;
}
.grid-stack-item-content .clear{
margin: 85px;
}
@media screen and (max-width: 768px) {
#tab_count_div{
margin-left:-15px;
margin-top:15px;
}
}
/*for the radio boxes*/
.melis-templating-plugin-creator-steps-content .plugin-creator-radio .form-control{
width:15px!important;
}
.melis-templating-plugin-creator-steps-content .plugin-creator-radio label{
font-weight: 600 !important;
}
.melis-templating-plugin-creator-steps-content .plugin-creator-radio label > input[type="radio"] {
display: none;
}
.melis-templating-plugin-creator-steps-content .plugin-creator-radio label > input[type="radio"] + *::before {
content: "";
display: inline-block;
vertical-align: bottom;
width: 1rem;
height: 1rem;
margin-right: 0.3rem;
border-radius: 50%;
border-style: solid;
border-width: 0.1rem;
border-color: gray;
padding: 8px;
margin-bottom: 2px;
}
.melis-templating-plugin-creator-steps-content .plugin-creator-radio label > input[type="radio"]:checked + *::before {
background: radial-gradient(#ce5459 0%, #ce5459 40%, transparent 50%, transparent);
border-color: #ce5459;
}
.melis-templating-plugin-creator-steps-content .melis-radio-box{
padding-left: 0px;
}
#tpc_existing_module_name{
min-width: 200px;
}
/*Step 3 Field Accordion*/
.field-accordion [data-toggle="collapse-widget"] .collapse-toggle {
position: relative;
height: 35px;
width: 30px;
display: block;
cursor: pointer;
float: left;
margin-right: -10px;
}
.field-accordion [data-toggle="collapse-widget"] .collapse-toggle:before {
font-family: "Glyphicons Halflings";
font-size: 14px;
display: block;
width: 100%;
height: 35px;
line-height: 34px;
text-align: center;
color: #fff;
padding-top: 3px;
}
.field-accordion
[data-toggle="collapse-widget"][data-collapse-closed="false"]
.collapse-toggle:before {
content: "\e114";
}
.field-accordion
[data-toggle="collapse-widget"][data-collapse-closed="true"]
.collapse-toggle:before {
content: "\e080";
}
.field-accordion .accordionTitle {
cursor: pointer;
border-radius: 5px 5px 0 0;
}
/*for the accordion */
.melis-templating-plugin-creator-steps-content .widget .widget-head h4 {
color: #fff;
}
.melis-templating-plugin-creator-steps-content [data-toggle=collapse-widget] .collapse:not(.list) {
padding:25px;
}
/*for the tags input*/
.melis-templating-plugin-creator-steps-content .label.label-info{
background: #e61c23 !important;
}
/*for the thumbs-up*/
.text-primary-custom {
color: #28a745 !important;
}
/*for the finalization*/
.melis-templating-plugin-creator-steps-content #melistemplatingplugincreator_step6 p#finalization_success{
margin-top: 25px;
}
/*for the field widgets*/
.templating-plugin-field-forms .widget {
margin-bottom: 10px;
border-radius: 5px 5px 0 0;
}
|