fictioneer/css/admin.css
2023-10-04 20:46:39 +02:00

2 lines
12 KiB
CSS

body{--fcn-bg-primary: #1d2327;--fcn-bg-secondary: #2c3337;--fcn-fg-color: #fff}body.admin-color-coffee{--fcn-bg-primary: #59524c;--fcn-bg-secondary: #46403b}body.admin-color-light{--fcn-bg-primary: #e5e5e5;--fcn-bg-secondary: #fff;--fcn-fg-color: #333}body.admin-color-modern{--fcn-bg-primary: #1e1e1e;--fcn-bg-secondary: #0c0c0c}body.admin-color-blue{--fcn-bg-primary: #53accc;--fcn-bg-secondary: #4896b3}body.admin-color-ectoplasm{--fcn-bg-primary: #523f6d;--fcn-bg-secondary: #413256}body.admin-color-midnight{--fcn-bg-primary: #363b3f;--fcn-bg-secondary: #25282b}body.admin-color-ocean{--fcn-bg-primary: #738e96;--fcn-bg-secondary: #627c83}body.admin-color-sunrise{--fcn-bg-primary: #cf4944;--fcn-bg-secondary: #b43c38}details summary{cursor:pointer}.column-fictioneer_reports{text-align:center !important;width:72px}td.comment blockquote{border-left:2px solid currentColor;padding-left:1em;margin-left:0}.edit-term-notes{display:none}.button.button-danger{background:#dc3232;color:#fff;text-decoration:none;border-color:#dc3232}.button.button-danger:hover,.button.button-danger:focus{background:#c00;color:#fff;border-color:#c00}#customize-control-use_custom_layout,#customize-control-use_custom_dark_mode,#customize-control-use_custom_light_mode{padding-top:8px;margin-top:8px;border-top:2px solid #dcdcde}.fictioneer-metabox *,.fictioneer-metabox ::before,.fictioneer-metabox ::after{box-sizing:border-box}.fictioneer-metabox__row:not(:last-child){margin-bottom:12px}.fictioneer-metabox .hidden{display:none !important;content-visibility:hidden}.fictioneer-metabox :is(input, textarea){display:block;border-radius:2px;width:100%;resize:vertical}.fictioneer-metabox label{font-weight:700;margin-bottom:3px}.fictioneer-metabox code{display:inline-block;background:rgba(0,0,0,.07);font-family:Consolas,Monaco,monospace;font-size:.75em;line-height:inherit;word-wrap:break-word;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:.125em 3px;border-radius:2px;transform:translateY(-1px)}.fictioneer-side-metabox[id] .inside{padding:0 16px 16px}.fictioneer-side-metabox--classic[id] .inside{padding:2px 12px 12px}.fictioneer-side-metabox [data-required] label::after{content:" *";color:#cc1818}.fictioneer-meta-checkbox{cursor:pointer;display:flex;align-items:flex-start;gap:12px;width:fit-content}.fictioneer-meta-checkbox:not(:first-child){margin-top:8px}.fictioneer-meta-checkbox:focus-within .fictioneer-metabox-checkbox__checkbox{outline:2px solid var(--wp-admin-theme-color);outline-offset:1.5px}.fictioneer-meta-checkbox__checkbox{position:relative;flex:0 0 auto;border-radius:2px;height:24px;width:24px}@media only screen and (min-width: 600px){.fictioneer-meta-checkbox__checkbox{height:20px;width:20px}}.fictioneer-meta-checkbox__checkbox input[type=checkbox]{appearance:none;display:block;background:#fff;border:1px solid #1e1e1e;border-radius:2px;box-shadow:none;margin:0;height:24px;width:24px}@media only screen and (min-width: 600px){.fictioneer-meta-checkbox__checkbox input[type=checkbox]{height:20px;width:20px}}.fictioneer-meta-checkbox__checkbox input[type=checkbox]::before{content:none !important}.fictioneer-meta-checkbox__checkbox input[type=checkbox]:checked{background:var(--wp-admin-theme-color) !important;border-color:var(--wp-admin-theme-color) !important}.fictioneer-meta-checkbox__checkbox input[type=checkbox]:not(:checked)+svg{opacity:0}.fictioneer-meta-checkbox__checkbox svg{pointer-events:none;fill:#fff;position:absolute;z-index:1;top:0;left:0}@media only screen and (min-width: 600px){.fictioneer-meta-checkbox__checkbox svg{top:-2px;left:-2px}}.fictioneer-meta-checkbox__label{margin-top:2.5px}@media only screen and (min-width: 600px){.fictioneer-meta-checkbox__label{margin-top:1px}}.metabox-location-normal .fictioneer-meta-field:not(:first-child){margin-top:24px}.fictioneer-meta-field:not(:first-child){margin-top:16px}.fictioneer-meta-field+.fictioneer-meta-checkbox{margin-top:16px}.fictioneer-meta-field .hidden{display:none !important}.fictioneer-meta-field .acf-field{margin:0}.fictioneer-meta-field .acf-label{display:none}.fictioneer-meta-field--invalid:not(.pending-validation) [class*=fictioneer-meta-field]:is(input, textarea, select){border-color:#dc3232}.fictioneer-meta-field--invalid:not(.pending-validation) [class*=fictioneer-meta-field]:is(input, textarea, select):focus{box-shadow:0 0 0 1px #dc3232}.fictioneer-meta-field__wrapper{position:relative}.fictioneer-meta-field__wrapper--image{background:#f0f0f0;border-radius:2px}.fictioneer-meta-field__wrapper--tokens{display:grid;gap:8px}.fictioneer-meta-field__wrapper--icon{display:flex;align-items:center;gap:8px}.fictioneer-meta-field__label,.fictioneer-meta-field-heading{display:block;font-size:11px;font-weight:500;line-height:1.4;text-transform:uppercase;padding:0px;margin-bottom:8px;width:fit-content}.fictioneer-meta-field__label--editor{margin-bottom:-12px}.fictioneer-meta-field-heading:not(:first-child){margin-top:16px}.fictioneer-meta-field__description{color:#757575;font-size:12px;margin:6px 0 0}.fictioneer-meta-field__button-grid{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px;margin-top:8px}.fictioneer-meta-field__icon-button{cursor:pointer;box-sizing:border-box;flex:0 0 auto;appearance:none;display:grid;place-content:center;background:transparent;font-size:18px;padding:0;border:none;height:40px;width:40px}@media only screen and (min-width: 600px){.fictioneer-meta-field__icon-button{font-size:16px;height:28px;width:28px}}.fictioneer-meta-field__url-icon{pointer-events:none;position:absolute;top:50%;left:7px;font-size:14px;height:14px;width:14px;transform:translateY(-50%);opacity:.5}.fictioneer-meta-field__fa-icon{cursor:pointer;box-sizing:border-box;display:grid;place-content:center;flex:0 0 40px;background:#f0f0f0;font-size:16px;border-radius:2px;height:40px;width:40px}@media only screen and (min-width: 600px){.fictioneer-meta-field__fa-icon{flex:0 0 30px;font-size:14px;height:30px;width:30px}}.fictioneer-meta-field__token-track{box-sizing:border-box;position:relative;display:flex;flex-wrap:wrap;gap:4px;font-size:13px;line-height:24px;padding:4px;border:1px solid #949494;border-radius:2px;min-height:30px}.fictioneer-meta-field__token{box-sizing:border-box;display:flex;align-items:center;flex:0 0 auto;background:#ddd;border-radius:2px;width:fit-content}.fictioneer-meta-field__token-name{white-space:nowrap;text-overflow:ellipsis;padding-left:8px;max-width:128px;overflow:hidden}.fictioneer-meta-field__token-button{cursor:pointer;appearance:none;background:transparent;line-height:10px;padding:0 2px;border:none}.fictioneer-meta-field__image-display{display:block;aspect-ratio:4/1.5;background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:2px;width:100%}.fictioneer-meta-field__image-actions{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:space-between;gap:8px;padding:8px;opacity:0}.fictioneer-meta-field__image-actions:hover{opacity:1}.fictioneer-meta-field__image-actions.hidden{display:none}.fictioneer-meta-field__image-upload,.fictioneer-meta-field__image-replace,.fictioneer-meta-field__image-remove{cursor:pointer;box-sizing:border-box;appearance:none;display:block;padding:0;border:none;border-radius:2px}.fictioneer-meta-field__image-upload.hidden,.fictioneer-meta-field__image-replace.hidden,.fictioneer-meta-field__image-remove.hidden{display:none}.fictioneer-meta-field__image-upload{position:absolute;inset:0;background:#f0f0f0;padding:12px;width:100%;transition:filter .2s}.fictioneer-meta-field__image-upload:hover{filter:brightness(0.95)}.fictioneer-meta-field__image-replace,.fictioneer-meta-field__image-remove{display:grid;place-content:center;flex:1 1 auto;background:rgba(255,255,255,.75);font-size:13px;font-weight:400;padding:6px 12px;height:36px;-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%)}.fictioneer-meta-field__image-replace:hover,.fictioneer-meta-field__image-remove:hover{color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9))}.fictioneer-meta-field__input:is(input){display:block;font-size:16px;line-height:normal;padding:6px 8px;margin:0;border:1px solid #949494;border-radius:2px;width:100%;box-shadow:0 0 0 transparent}@media only screen and (min-width: 600px){.fictioneer-meta-field__input:is(input){font-size:13px;line-height:normal}}.fictioneer-meta-field__input[type=url]{padding-left:24px}.fictioneer-meta-field__select:is(select){box-sizing:border-box;display:block;font-size:16px;margin:0;border-radius:2px;width:100%}@media only screen and (min-width: 600px){.fictioneer-meta-field__select:is(select){font-size:13px}}.fictioneer-meta-field__textarea:is(textarea){display:block;font-size:12px;line-height:1.4;padding:6px 8px;border-radius:2px;height:82px;width:100%;resize:vertical}.fictioneer-meta-field__textarea--code:is(textarea){font-family:Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace;font-size:11px;line-height:1.7}#fictioneer-search-engine-appearance .inside{padding:0 16px 16px}#fictioneer-search-engine-appearance .fictioneer-metabox{display:flex;justify-content:center;gap:16px 24px;flex-wrap:wrap}#fictioneer-search-engine-appearance .fictioneer-metabox__left{flex:1 0 280px}#fictioneer-search-engine-appearance .fictioneer-metabox__right{position:relative;flex:0 1 auto;background:var(--fcn-bg-primary);padding:8px;border-radius:2px}#fictioneer-search-engine-appearance .fictioneer-metabox__right img{display:block;border-radius:2px;height:120px;width:120px;object-fit:cover}#fictioneer-search-engine-appearance .fictioneer-metabox__right a{color:var(--fcn-fg-color);line-height:1;text-decoration:none}#fictioneer-search-engine-appearance .fictioneer-metabox__right a:focus{outline:0;box-shadow:none}#fictioneer-search-engine-appearance .fictioneer-metabox__right a:hover{filter:brightness(1.2)}#fictioneer-search-engine-appearance .fictioneer-metabox :is(.og-remove, .og-source){position:absolute;z-index:100;display:block;font-size:10px;line-height:1}#fictioneer-search-engine-appearance .fictioneer-metabox .og-remove{top:8px;right:8px;background:#cc1818cc;border-radius:0 2px 0 2px;padding:4px 6px}#fictioneer-search-engine-appearance .fictioneer-metabox .og-source{pointer-events:none;top:6px;left:8px;background:var(--fcn-bg-primary);color:var(--fcn-fg-color);border-radius:2px 0 2px}#fictioneer-search-engine-appearance .fictioneer-metabox .og-source>div{display:none}#fictioneer-search-engine-appearance .fictioneer-metabox .og-source.parent-thumbnail>.parent-thumbnail,#fictioneer-search-engine-appearance .fictioneer-metabox .og-source.thumbnail>.thumbnail,#fictioneer-search-engine-appearance .fictioneer-metabox .og-source.default>.default{display:block;padding:0 6px 4px 0}#fictioneer-search-engine-appearance .fictioneer-metabox .og-upload-label{user-select:none;font-size:11px;text-align:center;padding:6px 0 0}#fictioneer-search-engine-appearance .fictioneer-metabox .counter{color:#999;font-weight:400}#fictioneer-search-engine-appearance .fictioneer-metabox label{display:flex;justify-content:space-between}#editor .edit-post-layout__metaboxes{border-top:1px solid #ddd}#editor div.postbox{color:#1e1e1e}#editor div.postbox:not(:last-child){border-bottom:1px solid #ddd}#editor div.postbox .postbox-header{border-top:0}#editor div.postbox .postbox-header .hndle{white-space:nowrap;overflow:hidden}#editor div.postbox h2.hndle{font-size:13px;font-weight:500;padding:0 24px 0 16px}#editor div.postbox .acf-field:first-child{margin-top:5px}#editor div.postbox .acf-field>.acf-label{margin-bottom:8px}#editor div.postbox .acf-field .description{font-size:12px}#editor div.postbox .code-box textarea{color:#1e1e1e;font-family:"Roboto Mono",Courier,"Courier New","Lucida Sans Typewriter","Lucida Typewriter",monospace;font-size:12px;line-height:1.5;word-break:break-all}.components-input-control__container .components-base-control__field select,:is(.postbox:not([id*="cld-"]), .block-editor-block-inspector) .components-unit-control__select{margin:0 1px !important}:is(.oauth-connection, .data-node):not(:last-child){margin-bottom:15px}:is(.oauth-connection, .data-node) :is(i, .icon){padding-right:3px;min-width:15px}:is(.oauth-connection, .data-node) :is(i, .icon):not(:first-child){padding-left:4px}