PHP Classes

File: public/css/styles.css

Recommend this page to a friend!
  Classes of Fabrice Fesch   Melis CMS   public/css/styles.css   Download  
File: public/css/styles.css
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: Melis CMS
Content management system that provides its tools
Author: By
Last change:
Date: 1 year ago
Size: 19,089 bytes
 

Contents

Class file image Download
#meliscms_dashboard_logo{ text-align: center; } #meliscms_dashboard_content{ margin: 20px; text-align: center; } .meliscms_page_action_tabs { margin-left: -40px !important; } .meliscms_page_action_tabs li{ border: 1px solid black; display: inline; padding: 10px; } .meliscms_center_page_tabs{ display: inline; margin-left: -40px !important; /* width: 300px; */ } .meliscms_center_page_tabs li{ display: inline; border: 1px solid black; padding: 10px; /* float: left; */ } hr{ margin: 20px; } .meliscms-search-box { position: relative; margin-bottom: 15px; } .meliscms-search-box input[type=text]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #a7a7a7; } .meliscms-search-box input[type=text]::-moz-placeholder { /* Chrome/Opera/Safari */ color: #a7a7a7; } .meliscms-search-box input[type=text]:-ms-input-placeholder { /* Chrome/Opera/Safari */ color: #a7a7a7; } .meliscms-search-box.searching .sbox-icon { background-color: #eee; color: #fff; } .meliscms-search-box .sbox-icon { position: absolute; top: 2px; right: 40px; padding: 5px 15px; cursor: pointer; background: #fff; } .meliscms-search-box .sbox-icon i { font-size: 14px; color: #b5b1b1; } .fancy-tree-container { position: relative; } #find-page-dynatree { height: 325px; overflow-y: scroll; } #resetTreeView { position: absolute; top: 0; right: 0; z-index: 1; } /* tab head */ .widget.widget-tabs-double-2>.widget-head ul li:hover{ height: 70px; } #id_meliscms_plugin_modal .nav-tabs>li>a { border: 0; border-radius: 0; } .page-content-container .widget.widget-tabs-double-2>.widget-head ul li a.glyphicons{ min-width: 90px; } /* .widget.widget-tabs>.widget-head ul li.active a{ border-color: transparent; border-radius: 0; margin: 0; box-shadow: none; text-shadow: none; } */ .nav-tabs>li>a:hover, .nav-pills>li>a, .nav-pills>li>a:hover{ background: #fff; color: #cb4040; text-shadow: none; } .sticky-pageactions{ position: fixed; top: 47px; z-index: 5; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } /* iframe */ .iframe-container .widget-head, .iframe-container .widget-body > div{ border-right: none !important; } .melis-iframe{ display: block; margin: 0 auto; width: 100%; border: none; } /* Not editable zone */ .melis-noteditable{ padding: 20px; color: #e61c23; font-size: 25px; } /* page title */ div.content-heading h1{ font-size: 24px; text-transform: uppercase; } #content .page-head-container .page-title{ padding: 15px; } #content .page-head-container .page-title p{ margin: 0; font-family: 'Open Sans', sans-serif; } #content .page-head-container .page-title .saved-version-notif{ display: block; margin: 0; } #content .page-head-container .page-title .saved-version-notif b{ color: #F39A0D; font-weight: 300; } #content .page-head-container .page-title span.title{ margin-top: 5px; text-transform: initial; font-weight: 300; font-size: 14px; color: #8E8E8E; word-spacing: .5px; } #content .page-head-container .page-title .title-switch{ margin-top: -15px; margin-right: -15px; } /* page tabs */ #content .container-level-a .meliscms_center_tabs .dataTables_wrapper{ padding: 10px; } .page-content-container .widget.widget-tabs-double-2 .widget-body, .page-content-container .widget.widget-tabs-double-2 .widget-body-regular, .page-content-container .widget{ border: none; } .widget.widget-tabs-double-2>.widget-head{ border-bottom: 1px solid #e5e5e5; height: 70px; } .page-content-container .nav-tabs > li.active:focus > a, .page-content-container .nav-tabs > li.active:active, .page-content-container .nav-tabs > li.active { background: #e61c23; } .page-content-container .nav-tabs > li.active, .page-content-container .nav-tabs > li:hover { background: #fff; border-bottom: 1px solid #e5e5e5; } .page-content-container .nav-tabs > li.active > a, .page-content-container .nav-tabs > li.active:focus > a, .page-content-container .nav-tabs > li.active:active > a { background: #fff; border: 1px solid #e61c23; border-bottom: none; } .page-content-container .nav-tabs > li.active { border-bottom: none; } .nav-tabs>li { margin-bottom: 0; } .widget.widget-tabs-double>.widget-head ul li a.f-awesome, .widget.widget-tabs-double>.widget-head ul li.active a.f-awesome { position: relative; padding: 9px 15px 0 38px; color: #e61c23; /*border-bottom-color: #eee;*/ } .widget.widget-tabs-double>.widget-head ul li a.f-awesome .fa-sitemap, .widget.widget-tabs-double>.widget-head ul li.active a.f-awesome .fa-sitemap { color: #e61c23; font-size: 12px; position: absolute; top: 11px; left: 12px; } .widget.widget-tabs-double>.widget-head .melis-whead-box ul li a.f-awesome .fa, .widget.widget-tabs-double>.widget-head .melis-whead-box ul li.active a.f-awesome .fa { color: #e61c23; font-size: 12px; position: absolute; top: 11px; left: 12px; } .widget.widget-tabs>.widget-head ul li.active a.f-awesome i:before { color: #e61c23; font-size: 16px; } .meliscms_center_tabs { position: relative; } .melis-whead-box { float: left; height: 40px; overflow: hidden; } .widget.widget-tabs-double>.widget-head .melis-whead-box ul li { border-right: 0; border-left: 0; } .widget.widget-tabs-double>.widget-head .melis-whead-box ul li a.f-awesome { position: relative; margin: 0; color: #fff; white-space: nowrap; overflow: hidden; -webkit-transition: none; -moz-transition: none; -ms-transition: none; transition: none; } .widget.widget-tabs-double>.widget-head .melis-whead-box ul li a.f-awesome:after { content: ""; position: absolute; top: 0; right: 0; height: 100%; width: 30px; /*background-image: -webkit-linear-gradient(left, rgba(52, 73, 94, 0), #981a1f);*/ /*background-image: linear-gradient(left, rgba(52, 73, 94, 0), #34495e);*/ } .widget.widget-tabs-double>.widget-head .melis-whead-box ul li a.f-awesome:hover { color: #e61c23; } .widget.widget-tabs-double>.widget-head .melis-whead-box ul li a.f-awesome:hover:after { background-image: -webkit-linear-gradient(left, rgba(52, 73, 94, 0), #fff); background-image: linear-gradient(left, rgba(52, 73, 94, 0), #fff); } .widget.widget-tabs-double>.widget-head .melis-whead-box ul li a.f-awesome:hover i:before { color: #e61c23; } .widget.widget-tabs-double>.widget-head .melis-whead-box ul li a.f-awesome i:before { color: #fff; font-size: 16px; } .widget.widget-tabs-double>.widget-head .melis-whead-box ul li.active a.f-awesome { color: #e61c23; } .widget.widget-tabs-double>.widget-head .melis-whead-box ul li.active a.f-awesome:after { background-image: -webkit-linear-gradient(left, rgba(52, 73, 94, 0), #fff); background-image: linear-gradient(left, rgba(52, 73, 94, 0), #fff); } .widget.widget-tabs-double>.widget-head .melis-whead-box ul li.active a.f-awesome i:before { color: #e61c23; font-size: 16px; } .widget-melis-tabprev { display: none; float: left; cursor: pointer; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .widget-melis-tabprev .fa { padding: 9px 10px; color: #fff; } .widget-melis-tabnext { display: none; float: right; cursor: pointer; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .widget-melis-tabnext .fa { padding: 9px 10px; color: #fff; } .widget-melis-tabprev:hover, .widget-melis-tabnext:hover { background: #fff; } .widget-melis-tabprev:hover .fa, .widget-melis-tabnext:hover .fa { color: #e61c23; } .widget-melis-tabprev.active { display: inline-block; } .widget-melis-tabnext.active { display: inline-block; } .modal-form-text-fix { padding: 0 0 0px; } .menubar.relative { position: relative; } .btn-disabled { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; cursor: wait; } /* Search Box in Treeview */ .meliscms-search-box.sidebar-treeview-search { display: none; /* default hide when no tree exists */ margin: 10px 10px 0px; position: relative; } .meliscms-search-box.sidebar-treeview-search input { padding-right: 85px; color: #9a9a9a; background: #2c2c2c; border-color: #525252; } .meliscms-search-box.sidebar-treeview-search .sbox-icon { background: #383838; right: 44px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .meliscms-search-box.sidebar-treeview-search .sbox-icon i { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .meliscms-search-box.sidebar-treeview-search .sbox-icon:hover { background: #e61c23; } .meliscms-search-box.sidebar-treeview-search .sbox-icon:hover i { color: #fff; } .melis-overlay-loading { display: block; position: absolute; top: 0; left: 0; width: calc(100% - 45px); height: 100%; cursor: wait; background: rgba(0, 0, 0, 0.3); } .melis-search-overlay { position: absolute; top: 0; background: #e61c23; color: #fff; width: 100%; height: 34px; text-align: center; line-height: 34px; font-family: 'Open Sans', sans-serif; letter-spacing: 0.4px; z-index: 1; } body.modal-open { overflow: hidden !important; } /* melis cms languages */ .pagelang-title { margin-bottom: 25px; padding-top: 10px; font-weight: 400; font-size: 16px; font-family: "Montserrat", sans-serif; letter-spacing: 0.4px; color: #9d9d9d; } .pagelang-title strong { color: #90312e; } .language-lists { margin-bottom: 30px; padding-left: 0; list-style: none; } .language-lists li { margin-bottom: 12px; } .language-lists li .txt-lang { margin-left: 5px; font-weight: bold; } .language-lists li .c-page { font-style: normal; font-weight: bold; color: #72af46; font-size: 13px; margin-left: 5px; } .language-list .site-origin { margin-left: 5px; color: #74ad51; font-size: 12px; letter-spacing: 0.4px; font-family: 'Open Sans', sans-serif; } .pagelang-p{ margin-bottom: 15px; font-size: 21px; font-weight: 200; } .open-page-from-lan-tab[data-opentab]{ cursor: pointer; } .open-page-from-lan-tab[data-opentab]:hover{ color: #e61c23; } .hr-fw { margin: 20px 0; } #content .pagelang-head-title { margin-bottom: 40px; padding-top: 30px; color: #303030; font-family: "Montserrat", sans-serif; font-size: 22px; font-weight: bold; letter-spacing: 0.4px; } #content .pagelang-head-title strong { color: #e61c23; } .language-list { margin-bottom: 30px; text-align: left; } .language-list .lang-img { display: inline-block; margin: 0 auto 15px; } .language-list .lang-img .img-responsive { margin: 0 auto; width: 120px; } .language-list .site { display: block; font-size: 14px; font-weight: bold; font-family: "Montserrat", sans-serif; color: #3a3a3a; line-height: 1.7; -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; transition: all 0.4s ease-in; } .language-list .site i { margin-left: 8px; font-size: 13px; font-style: normal; letter-spacing: 1px; color: #e61c23; } .language-list .language { font-size: 14px; font-weight: bold; color: #9d9d9d; } .language-list .c-page { margin-left: 4px; font-size: 12px; color: #72af46; font-weight: bold; } .open-page-from-lan-tab[data-opentab]:hover .site { color: #e61c23; } .dropdown-lang-box .select2 { margin-bottom: 20px; width: 100% !important; } .dropdown-lang-box .select2-container .select2-selection--single { padding: 0.4em; height: auto; } .dropdown-lang-box .select2-container--default .select2-selection--single .select2-selection__arrow { padding: 1.4em 1.4em; height: auto; } .modal-content.error div.col-xs-12 { margin-bottom: 10px; } .modal-error-container span { padding-left: 6px; } .modal-error-container span .fa { position: relative; left: 0; font-size: 6px; color: #e61c23; vertical-align: middle; margin-right: 6px; } .cms-page-indicators-plugin .innerAll{ padding: 25px 10px; margin: 5px 0; min-height: 124px; max-height: 124px; } .cms-page-indicators-plugin .innerAll .lead { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } /* * Added by: Junry @ 02/28/2019 * Custom checkbox on duplicate tree, contextmenu modal container */ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; } .form-group { margin-bottom: 15px; position: relative; } .form-group .melis-check-box { padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; } .form-group .cls-checkbox-label { position: relative; cursor: pointer; } .form-group .cls-checkbox-label::before { content: ''; border: 0.1em solid red; padding: 0.65em; display: inline-block; position: absolute; vertical-align: middle; cursor: pointer; margin-right: 5px; top: -0.5em; } .form-group .melis-check-box:checked + .cls-checkbox-label::after { content: ''; background: red; border: 0.1em solid red; width: 1em; height: 1em; display: inline-block; position: absolute; top: -0.25em; left: 0.2em; } /* ===============================================================[ -= RESPONSIVE =- ]==================================================================== */ @media (min-width: 1200px) and (max-width: 1600px) { .cms-page-indicators-plugin p.lead { font-size: 15px; } } @media ( max-width: 768px ) { .cms-page-indicators-plugin .innerAll { margin: 0; } .dashboard-medium { height: auto; } } @media( min-width: 768px ){ div.content-heading h1{ display: inline-block; } #content .page-head-container .page-title p{ display: inline-block; } /* tab head */ .widget.widget-tabs-double-2>.widget-head ul li:hover{ height: 70px; border-bottom: 1px solid #e5e5e5; } .widget.widget-tabs>.widget-head ul li.active a.glyphicons{ /* border-bottom-color: transparent; */ border-color: #eee; } } @media (max-width: 991px) { .widget-dnd-modal .widget-head { height: 39px !important; } .widget-dnd-modal > .widget-head .melis-whead-box ul li { float: left !important; white-space: nowrap; overflow: hidden; } } @media( min-width: 980px ){ #content .page-head-container .page-title p{ margin-left: 10px; } } @media (max-width: 576px) { .pagehistoric-actions-filter { display: block; width: 100%; } div.dataTables_wrapper div.dataTables_length select { width: 180px !important; } } /*styling site default page id and 404 page id input site tree view btn to have a click effect*/ #siteMainPageId > span:hover { background-color: #e5e5e5; } #s404PageId > span:hover { background-color: #e5e5e5; } #siteMainPageId > span:active { background-color: #ccc; border-color: #ccc; } #s404PageId > span:active { background-color: #ccc; border-color: #ccc; } /** GDPR Banner */ .mcms-gdpr-banner-header { margin: 10px 0 25px 0; } /*Adding icons for site tabs*/ .glyphicons.language i:before { font-family: "Fontawesome"; content: "\f1ab"; } .glyphicons.puzzle-piece i:before { font-family: "Fontawesome"; content: "\f12e"; } /* Site selector inside GDPR Banner tab */ ul#select2-id_mcgdprbanner_site_id-results { max-height: 125px; overflow-y: auto !important; } .cms_gdpr_banner_site_filter_form { display: inline; } .cms_gdpr_banner_site_filter_form .form-group { display: inline; } .cms_gdpr_banner_site_filter_form label { display: inline-block !important; font-size: 1em; margin: 0 10px 5px 0; } .cms_gdpr_banner_site_filter_form select { display: inline-block !important; font-size: 1em; } #id_melis_core_gdpr_tabs .page-content-container .nav-tabs > li.active, .page-content-container .nav-tabs > li:hover { border-bottom: none; } #id_melis_core_gdpr_tabs.page-content-container .nav-tabs > li.active > a, .page-content-container .nav-tabs > li.active:focus > a, .page-content-container .nav-tabs > li.active:active > a { border: none; } .mcms-gdpr-banner-details .mce-branding { display: none; } /* updates bootstrap 4 jquery 3 */ .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); } .dropdown-menu li a { font-weight: 400; padding: 3px 20px; text-decoration: none; color: #333; display: block; } .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { color: #262626; text-decoration: none; background-color: #f5f5f5; } /* Page export/import*/ .page-export-container { margin-bottom: 30px; } #page-import-checkbox-span { position: absolute; margin-top: -9px; } .cb-cont .cbmask-outer { left: 4px; } .page-import-cont.cb-cont .cbmask-outer { top: 0 !important; } .page-import-cont #page-import-checkbox-span { margin-top: 0; } /* sites */ #step2form-multi_language .cb-cont .remember-me-cont { padding-left: 30px; } #step2form-multi_language .cb-cont .cbmask-outer { top: 0 !important; } @media (min-width: 768px) { #cms_site_config_general form[name='meliscms_tool_sites_siteconfig_form'] .input-group { display: table; } form[name='meliscms_tool_sites_siteconfig_form'] .input-group { display: flex; } form[name='meliscms_tool_sites_siteconfig_form'] .input-group-addon { width: 12%; } form[name='meliscms_tool_sites_siteconfig_form'] .input-group-addon .fa-lg { vertical-align: -24%; } } @media (max-width: 767px) { #cms_site_config_general form[name='meliscms_tool_sites_siteconfig_form'] .input-group { left: 0 !important; } } /* * Fix: 0000198: dev1 - Melis Site tool - new site - empty popup * https://mantis2.uat.melistechnology.fr/view.php?id=198 */ #id_meliscms_tool_sites_modal_add_content .owl-carousel { display: block; overflow: hidden; } #id_meliscms_tool_sites_modal_add_content .owl-nav { display: none; } /* * Page treeview lock */ #leftSearchTreeView { right: 83px; } #leftResetTreeView { right: 41px; } /* import pages modal */ #id_meliscms_tree_sites_import_page_form .checkbox .page-import-cont .remember-me-cont input[type="checkbox"] { display: none; } /*to enable scrolling when multiple modals were being opened*/ .modal { overflow: auto !important; }