fictioneer/css/settings.css
2024-02-06 22:40:58 +01:00

2 lines
21 KiB
CSS

body[class*=page_fictioneer]{--focus-color: #ef4d4d;--focus-box-shadow: 0 0 0 1px #4f94d4, 0 0 2px 1px rgba(79, 148, 212, .8);--highlight-color: #72aee6;--header-heading-color: #fff;--header-background-color: #1d2327;--header-note-color: rgba(240, 246, 252, .7);--header-note-color-active: #fff;--header-nav-item-color: #fff;--header-nav-item-color-hover: #fff;--header-nav-item-color-active: #fff;--header-nav-item-background-active: #2271b1;--header-nav-item-background-hover: #2c3337;--subnav-background-color: #2c3337;--subnav-item-color: rgba(240, 246, 252, .7);--subnav-item-color-hover: #fff;--subnav-item-color-active: #fff;--subnav-item-border-color: transparent;--subnav-item-border-color-hover: currentColor;--subnav-item-border-color-active: #fff;--card-background-color: #fff;--card-border-color: #c3c4c7;--checkbox-toggle-background-color: #ddd;--checkbox-toggle-background-color-hover: #d6d6d6;--checkbox-toggle-background-color-active: #646970;--checkbox-toggle-color-active: #fff;--input-background-color: #eaeaeb;--input-checkbox-background-color-checked: #2271b1;--input-color-placeholder: #646970;--input-color-disabled: #858a93;--input-border-color-active: #2271b1;--description-text-color: inherit;--sublabel-text-color: #646970;--subtext-color: #646970;--hr-color: #c3c4c7;--code-background-color: #2c3337;--code-color: #fff;--table-border-color: #c3c4c7;--table-row-background-color-head: #f6f7f7;--table-row-background-color-even: #f6f7f7}body[class*=page_fictioneer].admin-color-coffee{--header-background-color: #59524c;--header-note-color: #cdcbc9;--header-nav-item-color: #fff;--header-nav-item-color-hover: #fff;--header-nav-item-background-active: #c7a589;--header-nav-item-background-hover: #c7a589;--subnav-background-color: #46403b;--subnav-item-color: #cdcbc9;--checkbox-toggle-background-color-active: #615851;--input-checkbox-background-color-checked: #59524c;--input-border-color-active: #c7a589}body[class*=page_fictioneer].admin-color-light{--header-heading-color: #333;--header-background-color: #e5e5e5;--header-note-color: #686868;--header-note-color-active: #d64e07;--header-nav-item-color: #333;--header-nav-item-color-hover: #333;--header-nav-item-background-active: #888;--header-nav-item-background-hover: #f9f9f9;--subnav-background-color: #fff;--subnav-item-color: #686868;--subnav-item-color-hover: #333;--subnav-item-color-active: #333;--subnav-item-border-color-active: #888;--checkbox-toggle-background-color: #e5e5e5;--checkbox-toggle-background-color-hover: #ddd;--checkbox-toggle-background-color-active: #888;--code-background-color: #222;--input-checkbox-background-color-checked: #888;--input-border-color-active: #04a4cc}body[class*=page_fictioneer].admin-color-modern{--header-background-color: #1e1e1e;--header-note-color: #bcbcbc;--header-note-color-active: #33f078;--header-nav-item-color: #fff;--header-nav-item-color-hover: #fff;--header-nav-item-background-hover: #0c0c0c;--header-nav-item-background-active: #3858e9;--subnav-background-color: #0c0c0c;--subnav-item-color: #bcbcbc;--checkbox-toggle-background-color-active: #2e2e2e;--code-background-color: #0c0c0c;--input-checkbox-background-color-checked: #3858e9;--input-border-color-active: #3858e9}body[class*=page_fictioneer].admin-color-blue{--header-background-color: #53accc;--header-note-color: #e2ecf1;--header-nav-item-color: #fff;--header-nav-item-color-hover: #fff;--header-nav-item-background-hover: #4896b3;--header-nav-item-background-active: #0b6484;--subnav-background-color: #4896b3;--subnav-item-color: #e2ecf1;--checkbox-toggle-background-color-active: #4896b3;--code-background-color: #04242f;--input-checkbox-background-color-checked: #0b6484;--input-border-color-active: #0b6484}body[class*=page_fictioneer].admin-color-ectoplasm{--header-background-color: #523f6d;--header-note-color: #cbc5d3;--header-nav-item-color: #fff;--header-nav-item-background-hover: #413256;--header-nav-item-background-active: #a3b745;--subnav-background-color: #413256;--subnav-item-color: #cbc5d3;--checkbox-toggle-background-color-active: #413256;--code-background-color: #181320;--input-checkbox-background-color-checked: #413256;--input-border-color-active: #a3b745}body[class*=page_fictioneer].admin-color-midnight{--header-background-color: #363b3f;--header-note-color: #c3c4c5;--header-nav-item-color: #fff;--header-nav-item-background-hover: #25282b;--header-nav-item-background-active: #e14d43;--subnav-background-color: #25282b;--subnav-item-color: #c3c4c5;--checkbox-toggle-background-color-active: #363b3f;--code-background-color: #25282b;--input-checkbox-background-color-checked: #25282b;--input-border-color-active: #e14d43}body[class*=page_fictioneer].admin-color-ocean{--header-background-color: #738e96;--header-note-color: #d5dde0;--header-nav-item-color: #fff;--header-nav-item-background-hover: #627c83;--header-nav-item-background-active: #9ebaa0;--subnav-background-color: #627c83;--subnav-item-color: #d5dde0;--checkbox-toggle-background-color-active: #627c83;--code-background-color: #2c373a;--input-checkbox-background-color-checked: #627c83;--input-border-color-active: #9ebaa0}body[class*=page_fictioneer].admin-color-sunrise{--header-background-color: #cf4944;--header-note-color: #f1c8c7;--header-nav-item-color: #fff;--header-nav-item-background-hover: #b43c38;--header-nav-item-background-active: #dd823b;--subnav-background-color: #b43c38;--subnav-item-color: #f1c8c7;--checkbox-toggle-background-color-active: #b43c38;--code-background-color: #1f0a0a;--input-checkbox-background-color-checked: #b43c38;--input-border-color-active: #dd823b}#wpcontent{position:relative;padding-left:0 !important}#wpcontent .notice{position:absolute !important;top:10px;left:0;right:20px;margin:0;box-shadow:0 3px 4px 1px rgba(0,0,0,.35)}#wpcontent .notice+.notice{top:60px}#wpcontent .notice+.notice+.notice{top:110px}#wpcontent .notice+.notice+.notice+.notice{top:160px}body[class*=fictioneer_page_] #screen-meta-links{position:absolute;right:20px;float:none;margin:0}@media screen and (max-width: 782px){body[class*=fictioneer_page_] #screen-meta-links{right:10px}}body[class*=fictioneer_page_] #screen-meta-links+.fictioneer-settings .fictioneer-settings__header{padding-top:40px}body[class*=fictioneer_page_] #screen-meta-links .show-settings{border:none}body[class*=fictioneer_page_] #screen-meta{background:var(--header-background-color);padding:0 20px;margin:0;border:0}@media screen and (max-width: 782px){body[class*=fictioneer_page_] #screen-meta{padding:0 10px}}body[class*=fictioneer_page_] #screen-options-wrap{background:#fff}.fictioneer-settings{font-size:14px;line-height:1.5}.fictioneer-settings *,.fictioneer-settings ::before,.fictioneer-settings ::after{box-sizing:border-box}.fictioneer-settings :where(input,p,select,label,code){vertical-align:baseline;margin:0;min-height:auto !important;max-width:none !important}.fictioneer-settings .button{margin:0}.fictioneer-settings .button.disabled{pointer-events:none}.fictioneer-settings p.submit{margin:0;padding:0}.fictioneer-settings p{font-size:14px}.fictioneer-settings p:not(:last-child){margin-bottom:.5em}.fictioneer-settings a[data-dialog-target]{cursor:pointer}.fictioneer-settings a.disabled{pointer-events:none}.fictioneer-settings :where(h1,h2,h3,h4,h5,h6){line-height:1.3;margin:0}.fictioneer-settings img{display:block;border-radius:2px}.fictioneer-settings details summary{cursor:pointer}.fictioneer-settings details>:not(summary){margin-top:8px}.fictioneer-settings hr{border-top:1px solid var(--hr-color);border-bottom:0;margin:16px 0}.fictioneer-settings code{display:block;background:var(--code-background-color);color:var(--code-color);font-family:Consolas,Monaco,monospace;font-size:11px;line-height:1.7;padding:12px;border-radius:2px;overflow:scroll}.fictioneer-settings code pre{margin:0}.fictioneer-settings :is(p,li,span,dd) code{display:inline;background:rgba(0,0,0,.07);color:inherit;font-size:.75em;line-height:inherit;word-wrap:break-word;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:2px 3px;border-radius:1px;height:1em}.fictioneer-settings :is(input,select,textarea){background:var(--input-background-color);border:none;border-radius:2px}.fictioneer-settings :is(input,select,textarea)::placeholder{color:var(--input-color-placeholder)}.fictioneer-settings :is(input,select,textarea):focus{outline:none}.fictioneer-settings :is(input,select,textarea):not([type=checkbox],[type=radio],[readonly],.button):focus{box-shadow:inset 0 0 0 2px var(--input-border-color-active)}.fictioneer-settings :is(input,select,textarea)[readonly]:focus{box-shadow:none}.fictioneer-settings :is(input,select,textarea):is([type=checkbox],[type=radio]):focus-visible{box-shadow:0 0 0 1px #fff,0 0 0 3px var(--input-border-color-active)}.fictioneer-settings input:is([type=text],[type=number],[type=password],[type=email],[type=url]),.fictioneer-settings :is(select,textarea){display:block;font-size:14px;line-height:1.5;width:100%}.fictioneer-settings input:is([type=text],[type=number],[type=password],[type=email],[type=url]),.fictioneer-settings select{padding:0 8px;height:32px}.fictioneer-settings textarea{padding:8px}.fictioneer-settings input[type=checkbox]{position:relative;margin:0;height:16px;width:16px;box-shadow:none}.fictioneer-settings input[type=checkbox]:checked{background:var(--input-checkbox-background-color-checked)}.fictioneer-settings input[type=checkbox]:checked::before{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' preserveAspectRatio='xMidYMid meet' viewBox='0 0 27 27' style='margin: 1px 0 0 1px' %3E%3Cpath fill='black' d='m9 19.414l-6.707-6.707l1.414-1.414L9 16.586L20.293 5.293l1.414 1.414z'%3E%3C/path%3E%3C/svg%3E");position:absolute;inset:0;float:none;display:block;margin:0;height:100%;width:100%;filter:invert(1)}.fictioneer-settings select{background:var(--input-background-color) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' preserveAspectRatio='xMidYMid meet' width='20' height='20' viewBox='0 0 20 20' class='iconify iconify--bx'%3E%3Cpath fill='currentColor' d='M16.293 9.293L12 13.586L7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z'%3E%3C/path%3E%3C/svg%3E") no-repeat right 8px top 40%;line-height:32px;padding:0 32px 0 8px;height:32px}.fictioneer-settings select:hover{color:inherit}.fictioneer-settings .table-view-list.epubs tr{transition:opacity .3s,filter .3s}.fictioneer-settings .table-view-list.epubs tr.no-schema>*{opacity:.5;filter:grayscale(0.5)}.fictioneer-settings .tablenav-pages .current-page{display:inline-block;background:#fff;color:#2c3338;font-size:13px;line-height:2;padding:0 8px;border:1px solid #8c8f94;border-radius:4px;height:auto;min-height:30px !important;width:auto}@media screen and (max-width: 782px){.fictioneer-settings .tablenav-pages .current-page{padding:12px 6px;font-size:16px;line-height:1.125}}.fictioneer-settings :is(.column-chapters,.column-words,.column-downloads,.column-size,.column-type){width:13%}@media only screen and (min-width: 1200px){.fictioneer-settings :is(.column-chapters,.column-words,.column-downloads,.column-size,.column-type){width:10%}}.fictioneer-settings .column-description{font-size:12px}.fictioneer-settings .row-thumbnail{float:left;margin-right:10px;object-fit:cover}@media only screen and (min-width: 783px){.fictioneer-settings .row-thumbnail{margin-right:15px}}.fictioneer-settings__header{display:flex;flex-direction:column;justify-content:space-between;background:var(--header-background-color);padding:20px 10px;min-height:256px}@media only screen and (min-width: 480px){.fictioneer-settings__header{padding:20px 14px}}@media only screen and (min-width: 768px){.fictioneer-settings__header{padding:20px}}.fictioneer-settings__header h1{color:var(--header-heading-color);font-size:64px}.fictioneer-settings__header-links{color:var(--header-note-color);font-variant-numeric:tabular-nums}.fictioneer-settings__header-links a{color:var(--header-note-color);text-decoration:none;white-space:nowrap}.fictioneer-settings__header-links a:hover{color:var(--header-note-color-active)}.fictioneer-settings__nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.fictioneer-settings__nav-tab{cursor:pointer;display:grid;place-content:center;color:var(--header-nav-item-color);font-size:13px;line-height:1;text-decoration:none;padding:0 16px;margin:0;border-radius:2px;height:32px;transition:color .1s}.fictioneer-settings__nav-tab:focus{color:var(--header-nav-item-color);box-shadow:none;outline:none}.fictioneer-settings__nav-tab:focus-visible{box-shadow:var(--focus-box-shadow)}.fictioneer-settings__nav-tab:hover{background:var(--header-nav-item-background-hover);color:var(--header-nav-item-color-hover)}.fictioneer-settings__nav-tab.active{background:var(--header-nav-item-background-active);color:var(--header-nav-item-color-active)}.fictioneer-settings__nav-tab.active:focus-visible{box-shadow:var(--focus-box-shadow)}.fictioneer-settings__subnav{display:flex;flex-wrap:wrap;gap:8px 20px;background:var(--subnav-background-color);padding:8px 20px 0;margin:0}@media only screen and (min-width: 375px){.fictioneer-settings__subnav{padding:8px 26px 0}}@media only screen and (min-width: 480px){.fictioneer-settings__subnav{padding:8px 30px 0}}@media only screen and (min-width: 768px){.fictioneer-settings__subnav{padding:8px 36px 0}}.fictioneer-settings__subnav button{cursor:pointer;background:none;color:var(--subnav-item-color);padding:8px 0 13px;border:none}.fictioneer-settings__subnav button:hover{color:var(--subnav-item-color-hover)}.fictioneer-settings__subnav button:focus{box-shadow:none;outline:none}.fictioneer-settings__subnav button:focus-visible{box-shadow:var(--focus-box-shadow);outline:none}.fictioneer-settings__subnav .dashicons-plus{font-size:16px;height:16px;width:16px}.fictioneer-settings__subnav-tab{cursor:pointer;display:block;color:var(--subnav-item-color);font-size:13px;line-height:1;text-decoration:none;padding:8px 0 13px;border-bottom:3px solid var(--subnav-item-border-color);margin:0;transition:color .1s,border .1s}.fictioneer-settings__subnav-tab:focus{color:var(--subnav-item-color);box-shadow:none;outline:none}.fictioneer-settings__subnav-tab:focus-visible{box-shadow:var(--focus-box-shadow);outline:none}.fictioneer-settings__subnav-tab:hover{color:var(--subnav-item-color-hover);border-bottom-color:var(--subnav-item-border-color-hover)}.fictioneer-settings__subnav-tab.active{color:var(--subnav-item-color-active);font-weight:600;border-bottom-color:var(--subnav-item-border-color-active)}.fictioneer-settings__subnav-tab.active:focus-visible{box-shadow:var(--focus-box-shadow)}.fictioneer-settings__content{max-width:1780px;padding:20px 4px}@media only screen and (min-width: 375px){.fictioneer-settings__content{padding:20px 10px}}@media only screen and (min-width: 480px){.fictioneer-settings__content{padding:20px 14px}}@media only screen and (min-width: 768px){.fictioneer-settings__content{padding:20px}}.fictioneer-settings .fictioneer-columns{column-gap:32px}@media only screen and (min-width: 768px){.fictioneer-settings .fictioneer-columns{columns:3 380px}}@media only screen and (min-width: 1980px){.fictioneer-settings .fictioneer-columns{columns:4 380px}}.fictioneer-settings .fictioneer-columns>*{-webkit-column-break-inside:avoid;page-break-inside:avoid;display:inline-block;margin:0 0 24px 0;width:100%}@media only screen and (min-width: 480px){.fictioneer-settings .fictioneer-columns>*{margin:0 0 32px 0}}@media only screen and (min-width: 768px){.fictioneer-settings .fictioneer-columns--two-columns{columns:2 380px}}.fictioneer-settings .fictioneer-single-column{display:flex;flex-direction:column;gap:24px}@media only screen and (min-width: 480px){.fictioneer-settings .fictioneer-single-column{gap:32px}}.fictioneer-settings .fictioneer-card{position:relative;background:var(--card-background-color);border:1px solid var(--card-border-color)}.fictioneer-settings .fictioneer-card__header{padding:8px 12px;border-bottom:1px solid #c3c4c7}.fictioneer-settings .fictioneer-card__header,.fictioneer-settings .fictioneer-card__header :is(h1,h2,h3,h4,h5,h6){color:#1d2327;font-size:14px;font-weight:600;line-height:1.4}.fictioneer-settings .fictioneer-card__content{font-size:14px;padding:12px 0}.fictioneer-settings .fictioneer-card__row{padding:0 12px}.fictioneer-settings .fictioneer-card__row:not(:last-child){margin-bottom:12px}.fictioneer-settings .fictioneer-card__row--inline-input:not(:first-child){margin-top:16px}.fictioneer-settings .fictioneer-card__row--inline-input:not(:last-child){margin-bottom:16px}.fictioneer-settings .fictioneer-card__row--checkbox-inset{margin-left:24px}.fictioneer-settings .fictioneer-card__row--capabilities,.fictioneer-settings .fictioneer-card__row--boxes{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px}.fictioneer-settings .fictioneer-card__row--boxes{align-items:stretch}.fictioneer-settings .fictioneer-card__row--boxes>div{flex:1 1 150px}.fictioneer-settings .fictioneer-card__row--buttons,.fictioneer-settings .fictioneer-card__row--single-form-submit{display:flex;flex-wrap:wrap;gap:8px}.fictioneer-settings .fictioneer-card__row--single-form-submit input:not([type=checkbox],[type=radio],[type=range],[type=submit]){flex-grow:1;width:auto}.fictioneer-settings .fictioneer-card__row--meta{color:var(--subtext-color);font-size:12px}.fictioneer-settings .fictioneer-card__row--meta a{cursor:pointer;text-decoration:none}.fictioneer-settings .fictioneer-card__row--disabled{pointer-events:none;opacity:.5}.fictioneer-settings .fictioneer-card__box{background:#f6f7f7;font-size:11px;text-align:center;padding:8px 10px 10px}.fictioneer-settings .fictioneer-card__box-title{font-size:12px;font-weight:700;text-transform:uppercase;margin-bottom:4px}.fictioneer-settings .fictioneer-card__footer{padding:12px}.fictioneer-settings .fictioneer-term-imports>span{cursor:default}.fictioneer-settings .fictioneer-term-imports>span:hover{color:var(--highlight-color)}.fictioneer-settings .fictioneer-actions{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:8px}.fictioneer-settings .fictioneer-actions__group{display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px}.fictioneer-settings .fictioneer-pagination{display:flex;align-items:center;gap:6px;font-size:12px;line-height:1;padding:5px 0}@media only screen and (min-width: 783px){.fictioneer-settings .fictioneer-pagination{padding:0}}.fictioneer-settings .fictioneer-pagination .pages{display:flex;align-items:center;gap:6px}.fictioneer-settings .fictioneer-pagination .button{display:inline-block;font-size:16px;line-height:1.625;text-align:center;padding:0 4px;min-height:30px;min-width:30px}.fictioneer-settings .fictioneer-label-checkbox{user-select:none;display:flex;align-items:flex-start;gap:8px;font-size:14px;line-height:1.5;width:fit-content}.fictioneer-settings .fictioneer-label-checkbox input[type=checkbox]{transform:translateY(2px)}.fictioneer-settings .fictioneer-label-checkbox input:is([type=text],[type=number]){display:inline-block;line-height:1;padding-bottom:1px;height:20px;width:auto}.fictioneer-settings .fictioneer-label-checkbox>* .fictioneer-sub-label:last-child{display:block;margin:2px 0}.fictioneer-settings .fictioneer-inline-text-input{line-height:1.5;min-height:24px}.fictioneer-settings .fictioneer-inline-text-input input:is([type=text],[type=number],[type=password],[type=email],[type=url]){display:inline-block;line-height:1;padding-bottom:1px;height:20px;width:auto;transform:translateY(-1px)}.fictioneer-settings .fictioneer-sub-label{display:block;color:var(--sublabel-text-color);font-size:12px;line-height:1.5;margin:2px 2px 0}.fictioneer-settings .fictioneer-log{background:#1d2327;color:#d0d0d0;font-family:Consolas,Monaco,monospace;font-size:11px;padding:10px 12px 12px;margin:0 var(--16bp);border-radius:2px;min-height:600px;max-height:1200px;overflow:scroll}.fictioneer-settings .fictioneer-log__item{white-space:nowrap;margin-bottom:4px}.fictioneer-settings .fictioneer-capability-checkbox__input{display:none}.fictioneer-settings .fictioneer-capability-checkbox__input:checked+.fictioneer-capability-checkbox__name{color:var(--checkbox-toggle-color-active);background:var(--checkbox-toggle-background-color-active)}.fictioneer-settings .fictioneer-capability-checkbox__input:checked+.fictioneer-capability-checkbox__name:hover{filter:brightness(0.9)}.fictioneer-settings .fictioneer-capability-checkbox__name{background:var(--checkbox-toggle-background-color);font-size:12px;line-height:1.4;padding:4px 6px;border-radius:2px;width:fit-content;transition:color .1s}.fictioneer-settings .fictioneer-capability-checkbox__name:hover{background:var(--checkbox-toggle-background-color-hover)}.fictioneer-settings .fictioneer-dialog{top:50%;left:50%;background:#fff;padding:0;margin:0;border:none;width:100%;max-width:min(480px,100vw - 40px);transform:translate(-50%, -50%)}.fictioneer-settings .fictioneer-dialog::backdrop{background:rgba(0,0,0,.7)}.fictioneer-settings .fictioneer-dialog__header{display:flex;align-items:center;justify-content:space-between;color:#1d2327;font-size:18px;font-weight:600;line-height:1.2;padding:0 16px;height:50px}.fictioneer-settings .fictioneer-dialog__content{font-size:14px;padding:0 16px 16px}.fictioneer-settings .fictioneer-dialog__row:not(:first-child){margin-top:12px}.fictioneer-settings .fictioneer-dialog__actions{display:flex;align-items:flex-start;justify-content:space-between;padding-top:16px}.fictioneer-settings textarea[data-target=schema-content]{font-size:10px}