1 line
15 KiB
CSS
1 line
15 KiB
CSS
.grim-button{color:#121217;font-family:"Albert Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:24px;padding:0 16px;height:40px;border-radius:8px;transition:.15s ease;text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;outline:0;display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(white,#000);box-shadow:0 1px 2px 0 rgba(18,18,23,.05)}.grim-button:before{content:"";display:block;position:absolute;left:0;top:0;right:0;bottom:0;border-width:1px;border-style:solid;border-radius:8px}@media (min-width:1024px){.grim-button:before{border-width:1px}}.grim-button:after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%) translateX(-105%);width:120%;height:400%;border-radius:50%;background-color:rgba(0,0,0,.1);opacity:.8;transition:.2s ease}.grim-button:focus{outline:0}.grim-button:hover{border-color:transparent}.grim-button:hover:after{opacity:1;transform:translateY(-50%) translateX(-10%)}.grim-button.pl-12{padding-left:12px}.grim-button.white{background:#fff;color:#121217}.grim-button.white:before{border-color:#d1d1db}.grim-button.white:hover{border-color:#d1d1db;color:#fff}.grim-button.white:after{background-color:#121217}.grim-button.delete{background:#fff;color:#d50b3e}.grim-button.delete:before{border-color:#d50b3e}.grim-button.delete:hover{border-color:#d1d1db;color:#fff}.grim-button.delete:after{background-color:#d50b3e}.grim-button.secondary{background:#ff7113;color:#fff}.grim-button.secondary:hover{color:#fff}.grim-button.secondary:after{background-color:#da5700}.grim-button.secondary:before{border-width:0}.grim-button.button-icon-right{padding-right:11px}.grim-button.button-icon-right i{margin:0 0 0 8px;font-size:18px}.grim-button.button-icon-left{padding-left:11px}.grim-button [class*=" icon-"],.grim-button [class^=grim-icon-]{font-size:20px;margin:1.5px 10px 0}.grim-button>input[type=submit],.grim-button>span{position:relative;z-index:200;display:inline-flex;align-items:center;justify-content:center}.grim-button.grim-expand-toggle{height:32px;padding:0 11px}button,input[type=submit]{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:none;background:0 0;padding:0;margin:0;font:inherit;color:inherit;line-height:normal;text-align:inherit;cursor:pointer}.grim-additional-urls-toggle{display:none}body .grim-table{border-radius:12px;border:1px solid #e9eaeb;background:#fff}body .grim-table input{margin:0}body .grim-table thead th{color:#121217;padding:12px 0 12px 24px;font-size:12px;font-style:normal;font-weight:600;line-height:18px;border-bottom:none}body .grim-table thead th:last-child{padding-right:24px}body .grim-table td,body .grim-table th{padding:10px 24px;border-bottom:1px solid #e9eaeb;vertical-align:middle}body .grim-table.grim-additional-urls tbody .grim-select{width:max-content;min-width:max-content}body .grim-table.grim-additional-urls tbody .grim-select__trigger{gap:8px}body .grim-table.grim-additional-urls tbody tr:first-child td{width:100%}body .grim-table tbody tr:first-child td{border-top:1px solid #e9eaeb}body .grim-table tbody>:nth-child(odd){background-color:#fafafa}body .grim-table tr td{color:#6c6c89;font-size:14px;font-style:normal;font-weight:300;line-height:20px;padding-right:0}body .grim-table tr td:last-child{padding-right:24px}body .grim-table tr:last-child td{border-bottom:none}body .grim-table tr:last-child td:first-child{border-radius:0 0 0 12px}body .grim-table tr:last-child td:last-child{border-radius:0 0 12px 0}body .grim-table-small-row{width:100%;table-layout:fixed}body .grim-table-small-row tbody td,body .grim-table-small-row tbody th{line-height:0;padding:4px 24px}body .grim-table-small-row tbody tr td:last-child{text-align:right}body .grim-table-small-row tbody td.grim-td-center{text-align:center;color:#6c6c89;font-size:14px;font-style:normal;font-weight:300;line-height:20px}body .grim-table-small-row tbody td.grim-td-center i{font-style:normal}body .grim-table.additional_urls td:last-child{text-align:right}body .grim-table.additional_urls td .remove_url i{font-size:20px;color:#6c6c89}body .grim-table.additional_urls td .remove_url i:hover{color:#ff7113}body .grim-table.additional_urls td .remove_url:focus{outline:0;box-shadow:none}body .grim-table.additional_urls tbody tr.no_urls td{text-align:center}body .colors-section label{display:none}body .colors-section .grim-table tbody tr:first-child td{border-top:none}body .colors-section .grim-table tbody tr:first-child td:first-child{border-radius:12px 0 0 0}body .colors-section .grim-table tbody tr:first-child td:last-child{border-radius:0 12px 0 0}body .colors-section input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;width:60px;height:30px;cursor:pointer;border-radius:8px;border:1px solid #d1d1db;margin-right:20px;box-shadow:0 1px 2px 0 rgba(18,18,23,.05)}body .colors-section input[type=color]::-webkit-color-swatch-wrapper{padding:0}body .colors-section input[type=color]::-webkit-color-swatch{border:none;border-radius:0}body .colors-section input[type=color]::-moz-color-swatch{border:none;border-radius:0}.grim-toggle{position:relative;display:inline-flex;align-items:center;cursor:pointer;gap:15px}.grim-toggle-input{opacity:0;width:0;height:0;position:absolute}.grim-toggle-slider{position:relative;width:30px;height:16px;background-color:#d1d1db;border-radius:24px;transition:.3s}.grim-toggle-slider::before{content:"";position:absolute;left:2px;bottom:2px;width:12px;height:12px;background:#fff;border-radius:50%;transition:.3s}.grim-toggle-input:checked+.grim-toggle-slider{background-color:#ff7113}.grim-toggle-input:checked+.grim-toggle-slider::before{transform:translateX(14px)}.grim-toggle-label{font-size:14px;color:#333;font-weight:500;user-select:none}.grim-toggle-section .grim-toggle-label{color:#121217;font-family:"Albert Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:20px;font-style:normal;font-weight:600;line-height:19.6px}.grim-default-checkbox{position:absolute;opacity:0;width:0;height:0;appearance:none;-moz-appearance:none;-webkit-appearance:none}.grim-default-checkbox.dependency-disabled{opacity:0}label:has(>.grim-default-checkbox){position:relative;display:inline-flex;align-items:center;gap:8px;padding-left:26px;cursor:pointer;font-size:14px;color:#121217;font-family:"Albert Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;user-select:none}label:has(>.grim-default-checkbox)::after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:14px;height:14px;border:1px solid #d1d1db;border-radius:4px;background:#fff;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease;display:flex;align-items:center;justify-content:center}label:has(>.grim-default-checkbox):has(>.grim-default-checkbox:checked)::after{border-color:#ff7113;background-color:#ff7113;content:"\e909";font-family:grim;color:#fff;font-size:7px;line-height:1}label:has(>.grim-default-checkbox):has(>.grim-default-checkbox:disabled){cursor:not-allowed;opacity:.6}.grim-dropdown,.grim-select{position:relative;width:200px;cursor:pointer;user-select:none}.grim-dropdown-label,.grim-select-label{color:#121217;font-size:14px;font-style:normal;font-weight:500;line-height:24px;margin-bottom:8px}.grim-dropdown-xs-small,.grim-select-xs-small{width:94px}.grim-dropdown-small,.grim-select-small{width:100px;min-width:100px}.grim-dropdown-default,.grim-select-default{width:120px;min-width:120px}.grim-dropdown-long,.grim-select-long{width:300px}.grim-dropdown-wide,.grim-select-wide{width:100%}.grim-dropdown-max-content,.grim-select-max-content{width:max-content}.grim-dropdown__trigger,.grim-select__trigger{background:#fff;border:1px solid #d1d1db;padding:7px 12px 7px 16px;border-radius:8px;display:flex;align-items:center;justify-content:space-between}.grim-dropdown__trigger span,.grim-select__trigger span{color:#121217}.grim-dropdown i,.grim-select i{transition:.15s linear;font-size:24px}.grim-dropdown .grim-options,.grim-select .grim-options{position:absolute;top:calc(100% + 4px);left:0;width:100%;background:#fff;border:1px solid #d1d1db;border-radius:8px;box-shadow:0 1px 2px 0 rgba(18,18,23,.05);overflow:hidden;display:block;z-index:15;color:#121217;opacity:0;visibility:hidden;transition:.1s linear}.grim-dropdown .grim-options .grim-option,.grim-select .grim-options .grim-option{padding:7px 16px;color:#121217;font-family:"Albert Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:24px}.grim-dropdown .grim-options .grim-option:hover,.grim-select .grim-options .grim-option:hover{background:rgba(255,113,19,.1);color:#ff7113}.grim-dropdown .grim-options .grim-option.selected,.grim-select .grim-options .grim-option.selected{background:rgba(255,113,19,.1);color:#ff7113}.grim-dropdown.open .grim-options,.grim-select.open .grim-options{opacity:1;visibility:visible}.grim-dropdown.open .grim-select__trigger i,.grim-select.open .grim-select__trigger i{transform:rotate(180deg)}.grim-dropdown{position:relative;transition:.15s linear;min-width:max-content}.grim-dropdown__trigger{gap:8px}.grim-dropdown__trigger i{transition:.15s linear}.grim-dropdown .grim-options{display:block;opacity:0;visibility:hidden;transition:.15s linear}.grim-dropdown .grim-options .grim-option{opacity:0;visibility:hidden;transition:.1s linear}.grim-dropdown:after{content:"";position:absolute;width:100%;height:3px;background:0 0}.grim-dropdown:hover .grim-options{opacity:1;visibility:visible}.grim-dropdown:hover .grim-options .grim-option{opacity:1;visibility:visible}.grim-dropdown:hover i{transform:rotate(180deg)}.grim-dropdown .grim-options{width:max-content;transition:.2s linear}.grim-dropdown .grim-options .grim-option{padding:0}.grim-dropdown .grim-options .grim-option input.button{padding:7px 16px}.grim-dropdown .grim-options .grim-option a{display:inline-block;padding:7px 16px;color:#121217;font-size:14px;font-style:normal;font-weight:400;line-height:24px;text-decoration:none}.grim-dropdown .grim-options .grim-option a:focus{box-shadow:none;outline:0}.grim-dropdown .grim-options input[type=submit]{background:0 0;border:none;padding:0;color:#121217;font-size:14px;font-style:normal;font-weight:400;line-height:24px}.grim-hidden-select{display:none}.pro-wrapper{position:relative}.pro-wrapper.inactive .dependency-disabled:not(input,select,a,button),.pro-wrapper.inactive input:disabled:checked:before,.pro-wrapper.inactive input:disabled~label{opacity:1}.pro-wrapper.inactive input:disabled{opacity:1}.pro-wrapper.inactive select:disabled{opacity:1;color:#2c3338;border-color:#8c8f94;background-color:#fff}.grim-section-desc{color:#6c6c89;font-family:"Albert Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:140%}.grim-section.inactive{border:2px solid #ff7113;padding-top:0}.grim-section.inactive .pro-title-badge{background:rgba(255,113,19,.1);display:flex;justify-content:space-between;align-items:center;margin-left:-20px;margin-right:-20px;width:100%;padding:8px 20px;border-radius:20px 20px 0 0;margin-bottom:20px;position:relative;z-index:10}.grim-section.inactive .pro-title-badge span{display:flex;gap:8px;align-items:center;color:#121217;font-size:14px;font-style:normal;font-weight:500;line-height:24px}.grim-section.inactive .pro-title-badge span i{color:#ff7113;font-size:24px}.grim-section.inactive .pro-title-badge .grim-button{padding:4px 11px;margin-top:0;height:max-content;width:max-content;cursor:pointer}.grim-section.inactive .pro-title-badge .grim-button.secondary span{color:#fff}.grim-section input[type=checkbox]:disabled{display:none}body .grim-gutenberg .pro-badge.gutenberg{position:relative;display:grid;grid-template-columns:3fr 1fr;align-items:center;background:rgba(255,113,19,.1);margin:-16px -20px 12px;padding:8px 10px;gap:10px;z-index:6}body .grim-gutenberg .pro-badge.gutenberg p{color:#121217;margin-bottom:0;font-weight:500;font-size:12px;line-height:16px}body .grim-gutenberg .pro-badge.gutenberg .grim-button{font-size:11px;height:28px;line-height:16px}body .grim-gutenberg .grim-select-gutenberg{border-radius:8px}body .grim-gutenberg .grim-select-gutenberg.components-select-control .components-select-control__input{height:40px;padding:0 16px;color:#121217}body .grim-gutenberg .grim-select-gutenberg.components-select-control .components-select-control__input:focus{outline:0;box-shadow:none;border-color:#d1d1db}body .grim-gutenberg .grim-select-gutenberg.components-select-control .components-input-control-suffix-wrapper{padding-right:20px}body .grim-gutenberg .grim-select-gutenberg.components-select-control .components-input-control__backdrop{border:1px solid #d1d1db}body .grim-gutenberg .grim-select-gutenberg.components-select-control .components-input-control__backdrop:focus{outline:0;box-shadow:none;border-color:#d1d1db}body .grim-gutenberg .grim-toggle-gutenberg .components-form-toggle__thumb{background:#fff}body .grim-gutenberg .grim-toggle-gutenberg .components-form-toggle__track{background:#d1d1db;border-color:transparent}body .grim-gutenberg .grim-toggle-gutenberg .components-form-toggle.is-checked .components-form-toggle__track{background:#ff7113;border-color:transparent}body .grim-gutenberg .grim-toggle-gutenberg .components-form-toggle__input:focus+.components-form-toggle__track{outline:0;box-shadow:none;border-color:transparent}body .grim-gutenberg .grim-toggle-gutenberg .components-form-toggle__label{font-family:"Albert Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:#121217;font-weight:600;font-size:20px;line-height:19.6px;vertical-align:middle}.grim-section .pro-overlay{border-radius:20px}.pro-overlay{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(255,255,255,.4);z-index:5}.pro-overlay.gutenberg div{width:75%;text-align:center}.pro-overlay div{position:absolute;top:45%;left:50%;color:#505760;font-size:15px;line-height:17px;background:rgba(255,255,255,.7);transform:translate(-50%,-50%)}.pro-overlay div{display:flex;flex-direction:column}.pro-overlay div .grim-button{width:fit-content;margin:10px auto 0;padding:0 12px;height:32px}#sgg_pro_meta_box .grim-table .grim-select .grim-options{bottom:calc(100% + 4px);top:inherit}#sgg_pro_meta_box .grim-table{margin-top:20px}#sgg_pro_meta_box .grim-table tr:first-child{border-radius:12px}#sgg_pro_meta_box .grim-table tr:first-child td{border-top:none}#sgg_pro_meta_box .grim-table tr:first-child td:first-child{border-radius:12px 0 0 0}#sgg_pro_meta_box .grim-table tr:first-child td:last-child{border-radius:0 12px 0 0}.grim-section-post-meta{padding:0}.grim-section-post-meta.inactive{border-radius:20px;padding:0 20px 20px} |