/* ICONS: https://www.svgrepo.com/collection/framework7-line-icons/9?search=shield */ :root { --blue:#0069f9; --green:#57ebb9; --green-rgb:87, 235, 185; --white:#fff; --white-rgb:255, 255, 255; --indigo:#181c31; --light-grey:#eff6ff; --grey:#e4e4e4; --dark-grey:#73777d; } #toplevel_page_wpsal {} #toplevel_page_wpsal a img { box-sizing:content-box !important; display:inline; height:20px; opacity:1 !important; padding-top:7px !important; } #toplevel_page_wpsal .wp-submenu > .wp-first-item { display:none; } /* ADMIN PAGES */ body[class*="_page_wpsal"] { color:var(--indigo); position:relative; z-index:0; } body[class*="_page_wpsal"]::before { background:url('../img/icon.svg') top right no-repeat; background-size:650px; content:''; inset:0; opacity:.1; position:absolute; z-index:-1; } body[class*="_page_wpsal"] .wpsal h1 { align-items:flex-start; display:flex; font-weight:900; padding-left:36px; position:relative; } body[class*="_page_wpsal"] .wpsal h1::before { background:url('../img/icon.svg') no-repeat center / contain; content:''; height:30px; left:0; position:absolute; top:60%; transform:translateY(-60%); width:30px; } body[class*="_page_wpsal"] .wpsal h1 small { align-self:flex-start; background:var(--blue); border-radius:3px; color:var(--white); display:flex; font-size:.5em; font-weight:400; line-height:1; margin-left:auto; padding:4px 6px; } body[class*="_page_wpsal"] .wpsal h2 { color:var(--indigo); } body[class*="_page_wpsal"] .wpsal h2:first-of-type { margin-top:0; } body[class*="_page_wpsal"] .wpsal p.submit { padding:0; } body[class*="_page_wpsal"] .wpsal form {} body[class*="_page_wpsal"] .wpsal form table { background:var(--white); border:1px solid var(--blue); border-collapse:separate; border-radius:3px; padding:10px; width:100%; } body[class*="_page_wpsal"] .wpsal form table tr {} body[class*="_page_wpsal"] .wpsal form table tr:active, body[class*="_page_wpsal"] .wpsal form table tr:focus, body[class*="_page_wpsal"] .wpsal form table tr:hover { background:var(--light-grey); } body[class*="_page_wpsal"] .wpsal form table tr td, body[class*="_page_wpsal"] .wpsal form table tr th { border-radius:3px; padding:15px 10px; } body[class*="_page_wpsal"] .wpsal form table tr th { color:var(--indigo); text-align:left; width:250px; } body[class*="_page_wpsal"] .wpsal .sublabel { color:var(--blue); font-weight:normal; } body[class*="_page_wpsal"] .wpsal .sublabel code { font-family:monospace; font-size:90%; padding:0 2px; } body[class*="_page_wpsal"] .wpsal #wpsal_allowed_cpt ~ .ts-wrapper .filtered-cpt { border-color:var(--dark-grey); color:var(--dark-grey); padding:2px 6px !important; pointer-events:none; } body[class*="_page_wpsal"] .wpsal #wpsal_allowed_cpt ~ .ts-wrapper .filtered-cpt .remove { display:none; } /* SWAL2 */ .wpsal.swal2-container.swal2-backdrop-show { background-color:rgba(var(--green-rgb), .85); z-index:99999; } .wpsal.swal2-container .swal2-modal { border-radius:6px; padding:0; } .wpsal.swal2-container .swal2-modal .swal2-title, .wpsal.swal2-container .swal2-modal .swal2-html-container { padding:0; } .wpsal.swal2-container .swal2-modal .swal2-title { background-color:var(--blue); border-top-left-radius:6px; border-top-right-radius:6px; color:var(--white); font-size:1.625em; font-weight:900; line-height:1; padding:10px 20px; } .wpsal.swal2-container .swal2-modal .swal2-title span { padding-left:32px; position:relative; } .wpsal.swal2-container .swal2-modal .swal2-title span::before { content:''; height:25px; left:0; position:absolute; top:60%; transform:translateY(-60%); width:25px; } .wpsal.swal2-container.wpsal-permissions .swal2-modal .swal2-title span::before { background:url('../img/icon-white.svg') no-repeat center / contain; } .wpsal.swal2-container.wpsal-reset .swal2-modal .swal2-title span::before, .wpsal.swal2-container.wpsal-reset-after .swal2-modal .swal2-title span::before { background:url('../img/icon-exclamation-white.svg') no-repeat center / contain; } .wpsal.swal2-container .swal2-modal .swal2-html-container { display:flex !important; flex-direction:column; font-size:14px !important; gap:10px; overflow:visible; padding:20px; } .wpsal.swal2-container .swal2-modal .swal2-html-container label { display:block; text-align:left; } .wpsal.swal2-container .swal2-modal .swal2-html-container p { font-size:inherit !important; margin:0; text-align:left; } .wpsal.swal2-container .swal2-modal .swal2-html-container p strong.post-title { background:var(--light-grey); padding:2px 6px; } .wpsal.swal2-container .swal2-modal .swal2-html-container p .desc { color:var(--dark-grey); } .wpsal.swal2-container .swal2-modal .swal2-html-container .buttons { margin-top:20px !important; } .wpsal.swal2-container .swal2-modal .swal2-html-container .buttons.wpsal-permissions { display:flex; gap:10px; justify-content:flex-end; margin:0; z-index:auto; } .wpsal.swal2-container .swal2-modal .swal2-html-container .buttons.wpsal-reset { display:flex; gap:10px; justify-content:center; } .wpsal.swal2-container .swal2-modal .swal2-html-container .buttons button { border-radius:3px; font-size:16px; font-weight:normal; margin:0; } .wpsal.swal2-container .swal2-modal .swal2-html-container .buttons button#wpsal-permissions-reset { background-color:var(--dark-grey); color:var(--white); margin-right:auto; } .wpsal.swal2-container .swal2-modal .swal2-html-container .buttons button#wpsal-permissions-save, .wpsal.swal2-container .swal2-modal .swal2-html-container .buttons button#wpsal-reset-proceed { background-color:var(--green); color:var(--white); } .wpsal.swal2-container .swal2-modal .swal2-html-container .buttons button#wpsal-permissions-cancel, .wpsal.swal2-container .swal2-modal .swal2-html-container .buttons button#wpsal-reset-abort, .wpsal.swal2-container .swal2-modal .swal2-html-container .buttons button#wpsal-reset-after-ok { background-color:var(--blue); color:var(--white); } .wpsal.swal2-container .swal2-modal .swal2-html-container .buttons button:hover { background-color:var(--indigo) !important; color:var(--white) !important; } body.swal2-shown.swal2-height-auto { height:100% !important; } /* TOM SELECT */ .wpsal.ts-wrapper {} .wpsal.ts-wrapper .ts-dropdown { border:1px solid var(--indigo); border-radius:3px; box-shadow:none; margin:0; top:calc(100% - 1px); } .wpsal.ts-wrapper .ts-dropdown .ts-dropdown-content {} .wpsal.ts-wrapper .ts-dropdown .ts-dropdown-content .option { display:flex; flex-direction:column; text-align:left; } .wpsal.ts-wrapper .ts-dropdown .ts-dropdown-content .option.active { background-color:var(--light-grey); color:var(--indigo); } .wpsal.ts-wrapper .ts-dropdown .ts-dropdown-content .option .email { color:var(--dark-grey); font-size:.85em; } .wpsal.ts-wrapper .ts-control { background-color:var(--white) !important; background-image:none !important; border:1px solid var(--blue) !important; border-radius:3px !important; box-shadow:0 0 0 transparent !important; color:var(--indigo) !important; } .wpsal.ts-wrapper .ts-control input::placeholder { color:var(--blue) !important; } .wpsal.ts-wrapper.single .ts-control:after { border-color:var(--blue) transparent transparent !important; border:none; } .wpsal.ts-wrapper.single.dropdown-active .ts-control:after { border-color:transparent transparent var(--blue) !important; } .wpsal.ts-wrapper.single .ts-control [data-value], .wpsal.ts-wrapper.multi .ts-control [data-value] { background:var(--light-grey); border:1px solid var(--blue); box-shadow:none; border-radius:3px; color:var(--blue); margin:0 3px 3px 0; padding:2px 6px; text-shadow:none; } .wpsal.ts-wrapper.single .ts-control [data-value].active, .wpsal.ts-wrapper.multi .ts-control [data-value].active { background:var(--blue); border-color:var(--blue); color:var(--white); } .wpsal.ts-wrapper.single .ts-control [data-value].active a.remove, .wpsal.ts-wrapper.multi .ts-control [data-value].active a.remove { border-color:var(--white); } .wpsal.ts-wrapper.single .ts-control [data-value] a.remove, .wpsal.ts-wrapper.multi .ts-control [data-value] a.remove { border-color:var(--blue); } .wpsal.ts-wrapper.single .ts-control [data-value] a.remove:hover, .wpsal.ts-wrapper.multi .ts-control [data-value] a.remove:hover { background:inherit; } .wpsal.ts-wrapper.has-items .ts-control { padding: 5px 0 2px 5px !important; } /* GENERIC */ ul.wpsal-bullet { list-style:disc; padding-left:30px; } .wpsal .container-white { background-color:rgba(var(--white-rgb), .5); border:1px solid var(--white); border-radius:3px; margin-top:20px; padding:20px; } .wpsal .container-white :first-child { margin-top:0; } .wpsal .container-white :last-child { margin-bottom:0; } .wpsal-row { display:flex; flex-direction:row; gap:10px; } .wpsal-row.wpsal-row-col { flex-direction:column; gap:2px; } .wpsal-switch { display:inline-block; height:20px; position:relative; width:40px; } .wpsal-switch input { height:0; opacity:0; width:0; } .wpsal-switch input:checked + .wpsal-slider { background-color:var(--green); } .wpsal-switch input:checked + .wpsal-slider::before { -webkit-transform:translateX(20px); -ms-transform:translateX(20px); transform:translateX(20px); } .wpsal-switch .wpsal-slider { background-color:var(--grey); border-radius:50px; bottom:0; cursor:pointer; left:0; position:absolute; right:0; top:0; -webkit-transition:.2s; transition:.2s; } .wpsal-switch .wpsal-slider::before { background-color:var(--white); border-radius:50px; bottom:4px; content:''; height:12px; left:4px; position:absolute; -webkit-transition:.2s; transition:.2s; width:12px; }