PHP Classes

File: public/css/style.css

Recommend this page to a friend!
  Classes of Fabrice Fesch   Melis Templating Plugin Creator   public/css/style.css   Download  
File: public/css/style.css
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: Melis Templating Plugin Creator
Create page template plugins for the Melis CMS
Author: By
Last change:
Date: 1 year ago
Size: 7,009 bytes
 

Contents

Class file image Download
.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; }