/*-------------------------------------------------------------------------------------------- * * Vars * *--------------------------------------------------------------------------------------------*/ /* colors */ /* acf-field */ /* responsive */ /*-------------------------------------------------------------------------------------------- * * Mixins * *--------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------- * * acf-field * *--------------------------------------------------------------------------------------------*/ .acf-field, .acf-field .acf-label, .acf-field .acf-input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; } .acf-field { margin: 15px 0; clear: both; } .acf-field p.description { display: block; margin: 0; padding: 0; } .acf-field .acf-label { vertical-align: top; margin: 0 0 10px; } .acf-field .acf-label label { display: block; font-weight: bold; margin: 0 0 3px; padding: 0; } .acf-field .acf-label:empty { margin-bottom: 0; } .acf-field .acf-input { vertical-align: top; } .acf-field .acf-input > p.description { margin-top: 5px; } .acf-field .acf-notice { margin: 0 0 15px; background: #edf2ff; color: #2183b9; border: none; } .acf-field .acf-notice .acf-notice-dismiss { background: transparent; color: inherit; } .acf-field .acf-notice .acf-notice-dismiss:hover { background: #fff; } .acf-field .acf-notice.-dismiss { padding-right: 40px; } .acf-field .acf-notice.-error { background: #ffe6e6; color: #d12626; } .acf-field .acf-notice.-success { background: #eefbe8; color: #32a23b; } .acf-field .acf-notice.-warning { background: #fff3e6; color: #d16226; } td.acf-field, tr.acf-field { margin: 0; } .acf-field[data-width] { float: left; clear: none; /* @media screen and (max-width: $sm) { float: none; width: auto; border-left-width: 0; border-right-width: 0; } */ } .acf-field[data-width] + .acf-field[data-width] { border-left: 1px solid #eeeeee; } html[dir="rtl"] .acf-field[data-width] { float: right; } html[dir="rtl"] .acf-field[data-width] + .acf-field[data-width] { border-left: none; border-right: 1px solid #eeeeee; } td.acf-field[data-width], tr.acf-field[data-width] { float: none; } .acf-field.-c0 { clear: both; border-left-width: 0 !important; } html[dir="rtl"] .acf-field.-c0 { border-left-width: 1px !important; border-right-width: 0 !important; } .acf-field.-r0 { border-top-width: 0 !important; } /*-------------------------------------------------------------------------------------------- * * acf-fields * *--------------------------------------------------------------------------------------------*/ .acf-fields { position: relative; } .acf-fields:after { display: block; clear: both; content: ""; } .acf-fields.-border { border: #dfdfdf solid 1px; background: #fff; } .acf-fields > .acf-field { position: relative; margin: 0; padding: 15px 12px; border-top: #EEEEEE solid 1px; } .acf-fields > .acf-field:first-child { border-top-width: 0; } td.acf-fields { padding: 0 !important; } /*-------------------------------------------------------------------------------------------- * * acf-fields (clear) * *--------------------------------------------------------------------------------------------*/ .acf-fields.-clear > .acf-field { border: none; padding: 0; margin: 15px 0; } .acf-fields.-clear > .acf-field[data-width] { border: none !important; } .acf-fields.-clear > .acf-field > .acf-label { padding: 0; } .acf-fields.-clear > .acf-field > .acf-input { padding: 0; } /*-------------------------------------------------------------------------------------------- * * acf-fields (left) * *--------------------------------------------------------------------------------------------*/ .acf-fields.-left > .acf-field { padding: 15px 0; } .acf-fields.-left > .acf-field:after { display: block; clear: both; content: ""; } .acf-fields.-left > .acf-field:before { content: ""; display: block; position: absolute; z-index: 0; background: #F9F9F9; border-color: #E1E1E1; border-style: solid; border-width: 0 1px 0 0; top: 0; bottom: 0; left: 0; width: 20%; } .acf-fields.-left > .acf-field[data-width] { float: none; width: auto !important; border-left-width: 0 !important; border-right-width: 0 !important; } .acf-fields.-left > .acf-field > .acf-label { float: left; width: 20%; margin: 0; padding: 0 12px; } .acf-fields.-left > .acf-field > .acf-input { float: left; width: 80%; margin: 0; padding: 0 12px; } html[dir="rtl"] .acf-fields.-left > .acf-field:before { border-width: 0 0 0 1px; left: auto; right: 0; } html[dir="rtl"] .acf-fields.-left > .acf-field > .acf-label { float: right; } html[dir="rtl"] .acf-fields.-left > .acf-field > .acf-input { float: right; } @media screen and (max-width: 640px) { .acf-fields.-left > .acf-field:before { display: none; } .acf-fields.-left > .acf-field > .acf-label { width: 100%; margin-bottom: 10px; } .acf-fields.-left > .acf-field > .acf-input { width: 100%; } } /* clear + left */ .acf-fields.-clear.-left > .acf-field { padding: 0; border: none; } .acf-fields.-clear.-left > .acf-field:before { display: none; } .acf-fields.-clear.-left > .acf-field > .acf-label { padding: 0; } .acf-fields.-clear.-left > .acf-field > .acf-input { padding: 0; } /*-------------------------------------------------------------------------------------------- * * acf-table * *--------------------------------------------------------------------------------------------*/ .acf-table tr.acf-field > td.acf-label { padding: 15px 12px; margin: 0; background: #F9F9F9; width: 20%; } .acf-table tr.acf-field > td.acf-input { padding: 15px 12px; margin: 0; border-left-color: #E1E1E1; } .acf-sortable-tr-helper { position: relative !important; display: table-row !important; } /*-------------------------------------------------------------------------------------------- * * acf-postbox * *--------------------------------------------------------------------------------------------*/ .acf-postbox { position: relative; } .acf-postbox > .inside { margin: 0 !important; /* override WP style - do not delete - you have tried this before */ padding: 0 !important; /* override WP style - do not delete - you have tried this before */ } .acf-postbox > .hndle { /* edit field group */ } .acf-postbox > .hndle .acf-hndle-cog { color: #AAAAAA; font-size: 16px; line-height: 20px; padding: 0 2px; float: right; position: relative; display: none; } .acf-postbox > .hndle .acf-hndle-cog:hover { color: #777777; } .acf-postbox:hover > .hndle .acf-hndle-cog { display: block; } .acf-postbox .acf-replace-with-fields { padding: 15px; text-align: center; } #post-body-content #acf_after_title-sortables { margin: 20px 0 -20px; } /* seamless */ .acf-postbox.seamless { border: 0 none; background: transparent; box-shadow: none; /* hide hndle */ /* inside */ } .acf-postbox.seamless > .hndle, .acf-postbox.seamless > .handlediv { display: none !important; } .acf-postbox.seamless > .inside { display: block !important; /* stop metabox from hiding when closed */ margin-left: -12px !important; margin-right: -12px !important; } .acf-postbox.seamless > .inside > .acf-field { border-color: transparent; } /* seamless (left) */ .acf-postbox.seamless > .acf-fields.-left { /* hide sidebar bg */ /* mobile */ } .acf-postbox.seamless > .acf-fields.-left > .acf-field:before { display: none; } @media screen and (max-width: 782px) { .acf-postbox.seamless > .acf-fields.-left { /* remove padding */ } .acf-postbox.seamless > .acf-fields.-left > .acf-field > .acf-label, .acf-postbox.seamless > .acf-fields.-left > .acf-field > .acf-input { padding: 0; } } /*--------------------------------------------------------------------------------------------- * * Inputs * *---------------------------------------------------------------------------------------------*/ .acf-field input[type="text"], .acf-field input[type="password"], .acf-field input[type="number"], .acf-field input[type="search"], .acf-field input[type="email"], .acf-field input[type="url"], .acf-field textarea, .acf-field select { width: 100%; padding: 3px 5px; resize: none; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 14px; line-height: 1.4; } .acf-field input[type="text"]:disabled, .acf-field input[type="password"]:disabled, .acf-field input[type="number"]:disabled, .acf-field input[type="search"]:disabled, .acf-field input[type="email"]:disabled, .acf-field input[type="url"]:disabled, .acf-field textarea:disabled, .acf-field select:disabled { background: #f8f8f8; } .acf-field input[type="text"][readonly], .acf-field input[type="password"][readonly], .acf-field input[type="number"][readonly], .acf-field input[type="search"][readonly], .acf-field input[type="email"][readonly], .acf-field input[type="url"][readonly], .acf-field textarea[readonly], .acf-field select[readonly] { background: #f8f8f8; } .acf-field textarea { resize: vertical; } /*--------------------------------------------------------------------------------------------- * * Text * *---------------------------------------------------------------------------------------------*/ .acf-input-prepend, .acf-input-append, .acf-input-wrap { box-sizing: border-box; } .acf-input-prepend, .acf-input-append { font-size: 13px; line-height: 20px; padding: 3px 7px; background: #F4F4F4; border: #DFDFDF solid 1px; } .acf-input-prepend { float: left; border-right-width: 0; border-radius: 3px 0 0 3px; } .acf-input-append { float: right; border-left-width: 0; border-radius: 0 3px 3px 0; } .acf-input-wrap { position: relative; overflow: hidden; } .acf-input-wrap input { height: 28px; margin: 0; } input.acf-is-prepended { border-radius: 0 3px 3px 0 !important; } input.acf-is-appended { border-radius: 3px 0 0 3px !important; } input.acf-is-prepended.acf-is-appended { border-radius: 0 !important; } /* rtl */ html[dir="rtl"] .acf-input-prepend { border-left-width: 0; border-right-width: 1px; border-radius: 0 3px 3px 0; float: right; } html[dir="rtl"] .acf-input-append { border-left-width: 1px; border-right-width: 0; border-radius: 3px 0 0 3px; float: left; } html[dir="rtl"] input.acf-is-prepended { border-radius: 3px 0 0 3px !important; } html[dir="rtl"] input.acf-is-appended { border-radius: 0 3px 3px 0 !important; } html[dir="rtl"] input.acf-is-prepended.acf-is-appended { border-radius: 0 !important; } /*--------------------------------------------------------------------------------------------- * * Color Picker * *---------------------------------------------------------------------------------------------*/ .acf-color-picker .wp-picker-active { position: relative; z-index: 1; } /*--------------------------------------------------------------------------------------------- * * Url * *---------------------------------------------------------------------------------------------*/ .acf-url i { position: absolute; top: 4px; left: 4px; opacity: 0.5; color: #A9A9A9; } .acf-url input[type="url"] { padding-left: 25px; } .acf-url.-valid i { opacity: 1; } /*--------------------------------------------------------------------------------------------- * * Select * *---------------------------------------------------------------------------------------------*/ .acf-field select { padding: 2px; } .acf-field select optgroup { padding: 5px; background: #fff; } .acf-field select option { padding: 3px; } .acf-field select optgroup option { padding-left: 5px; } .acf-field select optgroup:nth-child(2n) { background: #F9F9F9; } .acf-field .select2-input { max-width: 200px; } /*--------------------------------------------------------------------------------------------- * * Select2 (v3) * *---------------------------------------------------------------------------------------------*/ .select2-container.-acf { /* open */ /* single open */ } .select2-container.-acf .select2-choices { background: #fff; border-color: #ddd; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07) inset; min-height: 31px; } .select2-container.-acf .select2-choices .select2-search-choice { margin: 5px 0 5px 5px; padding: 3px 5px 3px 18px; border-color: #bbb; background: #f9f9f9; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset; /* sortable item*/ /* sortable shadow */ } .select2-container.-acf .select2-choices .select2-search-choice.ui-sortable-helper { background: #5897fb; border-color: #3f87fa; color: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); } .select2-container.-acf .select2-choices .select2-search-choice.ui-sortable-helper a { visibility: hidden; } .select2-container.-acf .select2-choices .select2-search-choice.ui-sortable-placeholder { background-color: #f7f7f7; border-color: #f7f7f7; visibility: visible !important; } .select2-container.-acf .select2-choices .select2-search-choice-focus { border-color: #999; } .select2-container.-acf .select2-choices .select2-search-field input { height: 31px; line-height: 22px; margin: 0; padding: 5px 5px 5px 7px; } .select2-container.-acf .select2-choice { border-color: #BBBBBB; } .select2-container.-acf .select2-choice .select2-arrow { background: transparent; border-left-color: #DFDFDF; padding-left: 1px; } .select2-container.-acf .select2-choice .select2-result-description { display: none; } .select2-container.-acf.select2-container-active .select2-choices, .select2-container.-acf.select2-dropdown-open .select2-choices { border-color: #5B9DD9; border-radius: 3px 3px 0 0; } .select2-container.-acf.select2-dropdown-open .select2-choice { background: #fff; border-color: #5B9DD9; } /* rtl */ html[dir="rtl"] .select2-container.-acf .select2-search-choice-close { left: 24px; } html[dir="rtl"] .select2-container.-acf .select2-choice > .select2-chosen { margin-left: 42px; } html[dir="rtl"] .select2-container.-acf .select2-choice .select2-arrow { padding-left: 0; padding-right: 1px; } /* description */ .select2-drop { /* search*/ /* result */ } .select2-drop .select2-search { padding: 4px 4px 0; } .select2-drop .select2-result { /* hover*/ } .select2-drop .select2-result .select2-result-description { color: #999; font-size: 12px; margin-left: 5px; } .select2-drop .select2-result.select2-highlighted .select2-result-description { color: #fff; opacity: 0.75; } /*--------------------------------------------------------------------------------------------- * * Select2 (v4) * *---------------------------------------------------------------------------------------------*/ .select2-container.-acf li { margin-bottom: 0; } .select2-container.-acf .select2-selection--multiple .select2-search--inline:first-child { float: none; } .select2-container.-acf .select2-selection--multiple .select2-search--inline:first-child input { width: 100% !important; } .select2-container.-acf .select2-selection--multiple .select2-selection__rendered { padding-right: 0; } .select2-container.-acf .select2-selection--multiple .select2-selection__choice { background-color: #f7f7f7; border-color: #cccccc; max-width: 100%; overflow: hidden; word-wrap: normal !important; white-space: normal; } .select2-container.-acf .select2-selection--multiple .select2-selection__choice.ui-sortable-helper { background: #5897fb; border-color: #3f87fa; color: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); } .select2-container.-acf .select2-selection--multiple .select2-selection__choice.ui-sortable-helper span { visibility: hidden; } .select2-container.-acf .select2-selection--multiple .select2-selection__choice.ui-sortable-placeholder { background-color: #f7f7f7; border-color: #f7f7f7; visibility: visible !important; } .select2-container.-acf .select2-selection--multiple .select2-search__field { box-shadow: none !important; } .acf-row .select2-container.-acf .select2-selection--single { overflow: hidden; } .acf-row .select2-container.-acf .select2-selection--single .select2-selection__rendered { white-space: normal; } .select2-container .select2-dropdown { z-index: 900000; } /*--------------------------------------------------------------------------------------------- * * Link * *---------------------------------------------------------------------------------------------*/ .link-wrap { border: #dddddd solid 1px; border-radius: 3px; padding: 5px; line-height: 26px; background: #fff; word-wrap: break-word; word-break: break-all; } .link-wrap .link-title { padding: 0 5px; } .acf-link { /* value */ /* external */ } .acf-link .link-wrap, .acf-link .acf-icon.-link-ext { display: none; } .acf-link.-value .button { display: none; } .acf-link.-value .link-wrap { display: inline-block; } .acf-link.-external .acf-icon.-link-ext { display: inline-block; } #wp-link-backdrop { z-index: 900000 !important; } #wp-link-wrap { z-index: 900001 !important; } /*--------------------------------------------------------------------------------------------- * * Radio * *---------------------------------------------------------------------------------------------*/ ul.acf-radio-list, ul.acf-checkbox-list { background: transparent; position: relative; padding: 1px; margin: 0; /* hl */ /* rtl */ } ul.acf-radio-list li, ul.acf-checkbox-list li { font-size: 13px; line-height: 22px; margin: 0; position: relative; word-wrap: break-word; /* attachment sidebar fix*/ } ul.acf-radio-list li label, ul.acf-checkbox-list li label { display: inline; } ul.acf-radio-list li input[type="checkbox"], ul.acf-radio-list li input[type="radio"], ul.acf-checkbox-list li input[type="checkbox"], ul.acf-checkbox-list li input[type="radio"] { margin: -1px 4px 0 0; vertical-align: middle; } ul.acf-radio-list li input[type="text"], ul.acf-checkbox-list li input[type="text"] { width: auto; vertical-align: middle; margin: 2px 0; } ul.acf-radio-list li span, ul.acf-checkbox-list li span { float: none; } ul.acf-radio-list li i, ul.acf-checkbox-list li i { vertical-align: middle; } ul.acf-radio-list.acf-hl li, ul.acf-checkbox-list.acf-hl li { margin-right: 20px; clear: none; } html[dir="rtl"] ul.acf-radio-list input[type="checkbox"], html[dir="rtl"] ul.acf-radio-list input[type="radio"], html[dir="rtl"] ul.acf-checkbox-list input[type="checkbox"], html[dir="rtl"] ul.acf-checkbox-list input[type="radio"] { margin-left: 4px; margin-right: 0; } /*--------------------------------------------------------------------------------------------- * * Button Group * *---------------------------------------------------------------------------------------------*/ .acf-button-group { display: inline-block; /* default (horizontal) */ /* vertical */ } .acf-button-group label { display: inline-block; border: #ccc solid 1px; position: relative; z-index: 1; padding: 5px 10px; background: #fff; } .acf-button-group label:hover { border-color: #999999; z-index: 2; } .acf-button-group label.selected { border-color: #2b9af3; background: #309cf3; color: #fff; z-index: 2; } .acf-button-group label.selected:hover { background: #48a8f4; } .acf-button-group input { display: none !important; } .acf-button-group { padding-left: 1px; display: inline-flex; flex-direction: row; flex-wrap: nowrap; } .acf-button-group label { margin: 0 0 0 -1px; flex: 1; text-align: center; white-space: nowrap; } .acf-button-group label:first-child { border-radius: 3px 0 0 3px; } html[dir="rtl"] .acf-button-group label:first-child { border-radius: 0 3px 3px 0; } .acf-button-group label:last-child { border-radius: 0 3px 3px 0; } html[dir="rtl"] .acf-button-group label:last-child { border-radius: 3px 0 0 3px; } .acf-button-group label:only-child { border-radius: 3px; } .acf-button-group.-vertical { padding-left: 0; padding-top: 1px; flex-direction: column; } .acf-button-group.-vertical label { margin: -1px 0 0 0; } .acf-button-group.-vertical label:first-child { border-radius: 3px 3px 0 0; } .acf-button-group.-vertical label:last-child { border-radius: 0 0 3px 3px; } .acf-button-group.-vertical label:only-child { border-radius: 3px; } /*--------------------------------------------------------------------------------------------- * * Checkbox * *---------------------------------------------------------------------------------------------*/ .acf-checkbox-list .button { margin: 10px 0 0; } /*--------------------------------------------------------------------------------------------- * * True / False * *---------------------------------------------------------------------------------------------*/ .acf-switch { display: inline-block; border-radius: 5px; cursor: pointer; position: relative; background: #f8f8f8; height: 30px; vertical-align: middle; border: #ccc solid 1px; -webkit-transition: background 0.25s ease; -moz-transition: background 0.25s ease; -o-transition: background 0.25s ease; transition: background 0.25s ease; /* hover */ /* active */ /* focus */ /* message */ } .acf-switch span { display: inline-block; float: left; text-align: center; font-size: 13px; line-height: 22px; padding: 4px 10px; min-width: 15px; } .acf-switch span i { vertical-align: middle; } .acf-switch .acf-switch-on { color: #fff; text-shadow: #1f7db1 0 1px 0; } .acf-switch .acf-switch-slider { position: absolute; top: 2px; left: 2px; bottom: 2px; right: 50%; z-index: 1; background: #fff; border-radius: 3px; border: #ccc solid 1px; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; transition-property: left, right; } .acf-switch:hover .acf-switch-slider { border-color: #b3b3b3; } .acf-switch.-on { background: #309cf3; border-color: #2b9af3; /* hover */ } .acf-switch.-on .acf-switch-slider { left: 50%; right: 2px; border-color: #0d84e3; } .acf-switch.-on:hover { background: #48a8f4; } .acf-switch.-focus .acf-switch-slider { border-color: #5b9dd9; box-shadow: 0 0 2px rgba(30, 140, 190, 0.5); } .acf-switch.-focus.-on .acf-switch-slider { border-color: #185e85; box-shadow: 0 0 2px #1f7db1; } .acf-switch + span { margin-left: 6px; } /* checkbox */ .acf-switch-input { opacity: 0; position: absolute; margin: 0; } /* in media modal */ .compat-item .acf-true-false .message { float: none; padding: 0; vertical-align: middle; } /*-------------------------------------------------------------------------- * * Google Map * *-------------------------------------------------------------------------*/ .acf-google-map { position: relative; border: #DFDFDF solid 1px; background: #fff; } .acf-google-map .title { position: relative; border-bottom: #DFDFDF solid 1px; } .acf-google-map .title .search { margin: 0; font-size: 14px; line-height: 30px; height: 40px; padding: 5px 10px; border: 0 none; box-shadow: none; border-radius: 0; font-family: inherit; cursor: text; } .acf-google-map .title .acf-loading { position: absolute; top: 10px; right: 11px; display: none; } .acf-google-map .title .acf-icon:active { display: inline-block !important; } .acf-google-map .canvas { height: 400px; } .acf-google-map:hover .title .acf-actions { display: block; } .acf-google-map .title .acf-icon.-location { display: inline-block; } .acf-google-map .title .acf-icon.-cancel, .acf-google-map .title .acf-icon.-search { display: none; } .acf-google-map.-value .title .search { font-weight: bold; } .acf-google-map.-value .title .acf-icon.-location { display: none; } .acf-google-map.-value .title .acf-icon.-cancel { display: inline-block; } .acf-google-map.-searching .title .acf-icon.-location { display: none; } .acf-google-map.-searching .title .acf-icon.-cancel, .acf-google-map.-searching .title .acf-icon.-search { display: inline-block; } .acf-google-map.-searching .title .acf-actions { display: block; } .acf-google-map.-searching .title .search { font-weight: normal !important; } .acf-google-map.-loading .title a { display: none !important; } .acf-google-map.-loading .title i { display: inline-block; } /* autocomplete */ .pac-container { border-width: 1px 0; box-shadow: none; } .pac-container:after { display: none; } .pac-container .pac-item:first-child { border-top: 0 none; } .pac-container .pac-item { padding: 5px 10px; cursor: pointer; } html[dir="rtl"] .pac-container .pac-item { text-align: right; } /*-------------------------------------------------------------------------- * * Relationship * *-------------------------------------------------------------------------*/ .acf-relationship { background: #fff; /* filters (top) */ /* list */ /* selection (bottom) */ } .acf-relationship .filters { border: #DFDFDF solid 1px; background: #fff; /* widths */ } .acf-relationship .filters:after { display: block; clear: both; content: ""; } .acf-relationship .filters .filter { margin: 0; padding: 0; float: left; width: 100%; /* inner padding */ } .acf-relationship .filters .filter span { display: block; padding: 7px 7px 7px 0; } .acf-relationship .filters .filter:first-child span { padding-left: 7px; } .acf-relationship .filters .filter input, .acf-relationship .filters .filter select { height: 28px; line-height: 28px; padding: 2px; width: 100%; margin: 0; float: none; /* potential fix for media popup? */ } .acf-relationship .filters .filter input:focus, .acf-relationship .filters .filter input:active, .acf-relationship .filters .filter select:focus, .acf-relationship .filters .filter select:active { outline: none; box-shadow: none; } .acf-relationship .filters .filter input { border-color: transparent; box-shadow: none; } .acf-relationship .filters.-f2 .filter { width: 50%; } .acf-relationship .filters.-f3 .filter { width: 25%; } .acf-relationship .filters.-f3 .filter.-search { width: 50%; } .acf-relationship .list { margin: 0; padding: 5px; height: 160px; overflow: auto; } .acf-relationship .list .acf-rel-label, .acf-relationship .list .acf-rel-item, .acf-relationship .list p { padding: 5px 7px; margin: 0; display: block; position: relative; min-height: 18px; } .acf-relationship .list .acf-rel-label { font-weight: bold; } .acf-relationship .list .acf-rel-item { cursor: pointer; /* hover */ /* disabled */ } .acf-relationship .list .acf-rel-item b { text-decoration: underline; font-weight: normal; } .acf-relationship .list .acf-rel-item .thumbnail { background: #e0e0e0; width: 22px; height: 22px; float: left; margin: -2px 5px 0 0; } .acf-relationship .list .acf-rel-item .thumbnail img { max-width: 22px; max-height: 22px; margin: 0 auto; display: block; } .acf-relationship .list .acf-rel-item .thumbnail.-icon { background: #fff; } .acf-relationship .list .acf-rel-item .thumbnail.-icon img { max-height: 20px; margin-top: 1px; } .acf-relationship .list .acf-rel-item:hover { background: #3875D7; color: #fff; } .acf-relationship .list .acf-rel-item:hover .thumbnail { background: #a2bfec; } .acf-relationship .list .acf-rel-item:hover .thumbnail.-icon { background: #fff; } .acf-relationship .list .acf-rel-item.disabled { opacity: 0.5; } .acf-relationship .list .acf-rel-item.disabled:hover { background: transparent; color: #333; cursor: default; } .acf-relationship .list .acf-rel-item.disabled:hover .thumbnail { background: #e0e0e0; } .acf-relationship .list .acf-rel-item.disabled:hover .thumbnail.-icon { background: #fff; } .acf-relationship .list ul { padding-bottom: 5px; } .acf-relationship .list ul .acf-rel-label, .acf-relationship .list ul .acf-rel-item, .acf-relationship .list ul p { padding-left: 20px; } .acf-relationship .selection { border: #DFDFDF solid 1px; position: relative; margin-top: -1px; /* choices */ /* values */ } .acf-relationship .selection:after { display: block; clear: both; content: ""; } .acf-relationship .selection .values, .acf-relationship .selection .choices { width: 50%; background: #fff; float: left; } .acf-relationship .selection .choices { background: #F9F9F9; } .acf-relationship .selection .choices .list { border-right: #DFDFDF solid 1px; } .acf-relationship .selection .values .acf-icon { position: absolute; top: 4px; right: 7px; display: none; /* rtl */ } html[dir="rtl"] .acf-relationship .selection .values .acf-icon { right: auto; left: 7px; } .acf-relationship .selection .values .acf-rel-item:hover .acf-icon { display: block; } .acf-relationship .selection .values .acf-rel-item { cursor: move; } .acf-relationship .selection .values .acf-rel-item b { text-decoration: none; } /* menu item fix */ .menu-item .acf-relationship ul { width: auto; } .menu-item .acf-relationship li { display: block; } /*-------------------------------------------------------------------------- * * WYSIWYG * *-------------------------------------------------------------------------*/ .acf-editor-wrap.delay .acf-editor-toolbar { content: ""; display: block; background: #f5f5f5; border-bottom: #dddddd solid 1px; color: #555d66; padding: 10px; } .acf-editor-wrap.delay .wp-editor-area { padding: 10px; border: none; color: inherit !important; } .acf-editor-wrap iframe { min-height: 200px; } .acf-editor-wrap .wp-editor-container { border: 1px solid #E5E5E5; box-shadow: none !important; } .acf-editor-wrap .wp-editor-tabs { box-sizing: content-box; } #mce_fullscreen_container { z-index: 900000 !important; } /*--------------------------------------------------------------------------------------------- * * Tab * *---------------------------------------------------------------------------------------------*/ .acf-field-tab { display: none !important; } .hidden-by-tab { display: none !important; } .acf-tab-wrap { clear: both; z-index: 1; } .acf-tab-group { border-bottom: #ccc solid 1px; padding: 10px 10px 0; } .acf-tab-group li { margin: 0 0.5em 0 0; } .acf-tab-group li a { padding: 5px 10px; display: block; color: #555; font-size: 14px; font-weight: 600; line-height: 24px; border: #ccc solid 1px; border-bottom: 0 none; text-decoration: none; background: #e5e5e5; transition: none; } .acf-tab-group li a:hover { background: #FFF; } .acf-tab-group li a:focus { outline: none; box-shadow: none; } .acf-tab-group li a:empty { display: none; } html[dir="rtl"] .acf-tab-group li { margin: 0 0 0 0.5em; } .acf-tab-group li.active a { background: #F1F1F1; color: #000; padding-bottom: 6px; margin-bottom: -1px; position: relative; z-index: 1; } .acf-fields > .acf-tab-wrap { background: #F9F9F9; } .acf-fields > .acf-tab-wrap .acf-tab-group { position: relative; z-index: 1; margin-bottom: -1px; border-top: #DFDFDF solid 1px; border-bottom: #DFDFDF solid 1px; } .acf-fields > .acf-tab-wrap .acf-tab-group li a { background: #f1f1f1; } .acf-fields > .acf-tab-wrap .acf-tab-group li a:hover { background: #FFF; } .acf-fields > .acf-tab-wrap .acf-tab-group li.active a { background: #FFFFFF; } .acf-fields > .acf-tab-wrap:first-child .acf-tab-group { border-top: none; } .acf-fields.-left > .acf-tab-wrap .acf-tab-group { padding-left: 20%; /* mobile */ /* rtl */ } @media screen and (max-width: 640px) { .acf-fields.-left > .acf-tab-wrap .acf-tab-group { padding-left: 10px; } } html[dir="rtl"] .acf-fields.-left > .acf-tab-wrap .acf-tab-group { padding-left: 0; padding-right: 20%; /* mobile */ } @media screen and (max-width: 850px) { html[dir="rtl"] .acf-fields.-left > .acf-tab-wrap .acf-tab-group { padding-right: 10px; } } .acf-tab-wrap.-left .acf-tab-group { position: absolute; left: 0; width: 20%; border: 0 none; padding: 0 !important; /* important overrides 'left aligned labels' */ margin: 1px 0 0; } .acf-tab-wrap.-left .acf-tab-group li { float: none; margin: -1px 0 0; } .acf-tab-wrap.-left .acf-tab-group li a { border: 1px solid #ededed; font-size: 13px; line-height: 18px; color: #0073aa; padding: 10px; margin: 0; font-weight: normal; border-width: 1px 0; border-radius: 0; background: transparent; } .acf-tab-wrap.-left .acf-tab-group li a:hover { color: #00a0d2; } .acf-tab-wrap.-left .acf-tab-group li.active a { border-color: #DFDFDF; color: #000; margin-right: -1px; background: #fff; } html[dir="rtl"] .acf-tab-wrap.-left .acf-tab-group { left: auto; right: 0; } html[dir="rtl"] .acf-tab-wrap.-left .acf-tab-group li.active a { margin-right: 0; margin-left: -1px; } .acf-field + .acf-tab-wrap.-left:before { content: ""; display: block; position: relative; z-index: 1; height: 10px; border-top: #DFDFDF solid 1px; border-bottom: #DFDFDF solid 1px; margin-bottom: -1px; } .acf-tab-wrap.-left:first-child .acf-tab-group li:first-child a { border-top: none; } /* sidebar */ .acf-fields.-sidebar { padding: 0 0 0 20% !important; position: relative; /* before */ /* rtl */ } .acf-fields.-sidebar:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 20%; bottom: 0; border-right: #DFDFDF solid 1px; background: #F9F9F9; z-index: 1; } html[dir="rtl"] .acf-fields.-sidebar { padding: 0 20% 0 0 !important; } html[dir="rtl"] .acf-fields.-sidebar:before { border-left: #DFDFDF solid 1px; border-right-width: 0; left: auto; right: 0; } .acf-fields.-sidebar.-left { padding: 0 0 0 180px !important; /* rtl */ } html[dir="rtl"] .acf-fields.-sidebar.-left { padding: 0 180px 0 0 !important; } .acf-fields.-sidebar.-left:before { background: #F1F1F1; border-color: #dfdfdf; width: 180px; } .acf-fields.-sidebar.-left > .acf-tab-wrap.-left .acf-tab-group { width: 180px; } .acf-fields.-sidebar.-left > .acf-tab-wrap.-left .acf-tab-group li a { border-color: #e4e4e4; } .acf-fields.-sidebar.-left > .acf-tab-wrap.-left .acf-tab-group li.active a { background: #F9F9F9; } .acf-fields.-sidebar > .acf-field-tab + .acf-field { border-top: none; } .acf-fields.-clear > .acf-tab-wrap { background: transparent; } .acf-fields.-clear > .acf-tab-wrap .acf-tab-group { margin-top: 0; border-top: none; padding-left: 0; padding-right: 0; } .acf-fields.-clear > .acf-tab-wrap .acf-tab-group li a { background: #e5e5e5; } .acf-fields.-clear > .acf-tab-wrap .acf-tab-group li a:hover { background: #fff; } .acf-fields.-clear > .acf-tab-wrap .acf-tab-group li.active a { background: #f1f1f1; } /* seamless */ .acf-postbox.seamless > .acf-fields.-sidebar { margin-left: 0 !important; } .acf-postbox.seamless > .acf-fields.-sidebar:before { background: transparent; } .acf-postbox.seamless > .acf-fields > .acf-tab-wrap { background: transparent; margin-bottom: 10px; padding-left: 12px; padding-right: 12px; } .acf-postbox.seamless > .acf-fields > .acf-tab-wrap .acf-tab-group { border-top: 0 none; } .acf-postbox.seamless > .acf-fields > .acf-tab-wrap .acf-tab-group li a { background: #e5e5e5; } .acf-postbox.seamless > .acf-fields > .acf-tab-wrap .acf-tab-group li a:hover { background: #fff; } .acf-postbox.seamless > .acf-fields > .acf-tab-wrap .acf-tab-group li.active a { background: #f1f1f1; } .acf-postbox.seamless > .acf-fields > .acf-tab-wrap.-left:before { border-top: none; height: auto; } .acf-postbox.seamless > .acf-fields > .acf-tab-wrap.-left .acf-tab-group { margin-bottom: 0; } .acf-postbox.seamless > .acf-fields > .acf-tab-wrap.-left .acf-tab-group li a { border-width: 1px 0 1px 1px !important; border-color: #cccccc; background: #e5e5e5; } .acf-postbox.seamless > .acf-fields > .acf-tab-wrap.-left .acf-tab-group li.active a { background: #f1f1f1; } .menu-edit .acf-fields.-clear > .acf-tab-wrap .acf-tab-group li a, .widget .acf-fields.-clear > .acf-tab-wrap .acf-tab-group li a { background: #f1f1f1; } .menu-edit .acf-fields.-clear > .acf-tab-wrap .acf-tab-group li a:hover, .menu-edit .acf-fields.-clear > .acf-tab-wrap .acf-tab-group li.active a, .widget .acf-fields.-clear > .acf-tab-wrap .acf-tab-group li a:hover, .widget .acf-fields.-clear > .acf-tab-wrap .acf-tab-group li.active a { background: #fff; } .compat-item .acf-tab-wrap td { display: block; } /* within gallery sidebar */ .acf-gallery-side .acf-tab-wrap { border-top: 0 none !important; } .acf-gallery-side .acf-tab-wrap .acf-tab-group { margin: 10px 0 !important; padding: 0 !important; } .acf-gallery-side .acf-tab-group li.active a { background: #F9F9F9 !important; } /* withing widget */ .widget .acf-tab-group { border-bottom-color: #e8e8e8; } .widget .acf-tab-group li a { background: #F1F1F1; } .widget .acf-tab-group li.active a { background: #fff; } /* media popup (edit image) */ .media-modal.acf-expanded .compat-attachment-fields > tbody > tr.acf-tab-wrap .acf-tab-group { padding-left: 23%; border-bottom-color: #DDDDDD; } /* table */ .form-table > tbody > tr.acf-tab-wrap .acf-tab-group { padding: 0 5px 0 210px; } /* rtl */ html[dir="rtl"] .form-table > tbody > tr.acf-tab-wrap .acf-tab-group { padding: 0 210px 0 5px; } /*-------------------------------------------------------------------------------------------- * * oembed * *--------------------------------------------------------------------------------------------*/ .acf-oembed { position: relative; border: #DFDFDF solid 1px; background: #fff; } .acf-oembed .title { position: relative; border-bottom: #DFDFDF solid 1px; padding: 5px 10px; } .acf-oembed .title .input-search { margin: 0; font-size: 14px; line-height: 30px; height: 30px; padding: 0; border: 0 none; box-shadow: none; border-radius: 0; font-family: inherit; cursor: text; } .acf-oembed .title .acf-actions { padding: 6px; } .acf-oembed .canvas { position: relative; min-height: 250px; background: #F9F9F9; } .acf-oembed .canvas .canvas-media { position: relative; z-index: 1; } .acf-oembed .canvas iframe { display: block; margin: 0; padding: 0; width: 100%; } .acf-oembed .canvas .acf-icon.-picture { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 0; height: 42px; width: 42px; font-size: 42px; color: #999; } .acf-oembed .canvas .acf-loading-overlay { background: rgba(255, 255, 255, 0.9); } .acf-oembed .canvas .canvas-error { position: absolute; top: 50%; left: 0%; right: 0%; margin: -9px 0 0 0; text-align: center; display: none; } .acf-oembed .canvas .canvas-error p { padding: 8px; margin: 0; display: inline; } .acf-oembed.has-value .canvas { min-height: 50px; } .acf-oembed.has-value .input-search { font-weight: bold; } .acf-oembed.has-value .title:hover .acf-actions { display: block; } /*-------------------------------------------------------------------------------------------- * * Image * *--------------------------------------------------------------------------------------------*/ .acf-image-uploader { position: relative; /* image wrap*/ /* input */ /* rtl */ } .acf-image-uploader:after { display: block; clear: both; content: ""; } .acf-image-uploader p { margin: 0; } .acf-image-uploader .image-wrap { position: relative; float: left; /* hover */ } .acf-image-uploader .image-wrap img { max-width: 100%; width: auto; height: auto; display: block; min-width: 30px; min-height: 30px; background: #f1f1f1; margin: 0; padding: 0; /* svg */ } .acf-image-uploader .image-wrap img[src$=".svg"] { min-height: 100px; min-width: 100px; } .acf-image-uploader .image-wrap:hover .acf-actions { display: block; } .acf-image-uploader input.button { width: auto; } html[dir="rtl"] .acf-image-uploader .image-wrap { float: right; } /*-------------------------------------------------------------------------------------------- * * File * *--------------------------------------------------------------------------------------------*/ .acf-file-uploader { position: relative; /* hover */ /* rtl */ } .acf-file-uploader p { margin: 0; } .acf-file-uploader .file-wrap { border: #DFDFDF solid 1px; min-height: 84px; position: relative; background: #fff; } .acf-file-uploader .file-icon { position: absolute; top: 0; left: 0; bottom: 0; padding: 10px; background: #F1F1F1; border-right: #E5E5E5 solid 1px; } .acf-file-uploader .file-icon img { display: block; padding: 0; margin: 0; max-width: 48px; } .acf-file-uploader .file-info { padding: 10px; margin-left: 69px; } .acf-file-uploader .file-info p { margin: 0 0 2px; font-size: 13px; line-height: 1.4em; word-break: break-all; } .acf-file-uploader .file-info a { text-decoration: none; } .acf-file-uploader:hover .acf-actions { display: block; } html[dir="rtl"] .acf-file-uploader .file-icon { left: auto; right: 0; border-left: #E5E5E5 solid 1px; border-right: none; } html[dir="rtl"] .acf-file-uploader .file-info { margin-right: 69px; margin-left: 0; } /*--------------------------------------------------------------------------------------------- * * Date Picker * *---------------------------------------------------------------------------------------------*/ .acf-ui-datepicker .ui-datepicker { z-index: 900000 !important; } .acf-ui-datepicker .ui-datepicker .ui-widget-header a { cursor: pointer; transition: none; } /* fix highlight state overriding hover / active */ .acf-ui-datepicker .ui-state-highlight.ui-state-hover { border: 1px solid #98b7e8 !important; background: #98b7e8 !important; font-weight: normal !important; color: #ffffff !important; } .acf-ui-datepicker .ui-state-highlight.ui-state-active { border: 1px solid #3875d7 !important; background: #3875d7 !important; font-weight: normal !important; color: #ffffff !important; } /*--------------------------------------------------------------------------------------------- * * Separator field * *---------------------------------------------------------------------------------------------*/ .acf-field-separator { /* fields */ } .acf-field-separator .acf-label { margin-bottom: 0; } .acf-field-separator .acf-label label { font-weight: normal; } .acf-field-separator .acf-input { display: none; } .acf-fields > .acf-field-separator { background: #f9f9f9; border-bottom: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf; margin-bottom: -1px; z-index: 2; } /*--------------------------------------------------------------------------------------------- * * Taxonomy * *---------------------------------------------------------------------------------------------*/ .acf-taxonomy-field { position: relative; /* hover */ /* select */ } .acf-taxonomy-field .categorychecklist-holder { border: #DFDFDF solid 1px; border-radius: 3px; max-height: 200px; overflow: auto; } .acf-taxonomy-field .acf-checkbox-list { margin: 0; padding: 10px; } .acf-taxonomy-field .acf-checkbox-list ul.children { padding-left: 18px; } .acf-taxonomy-field:hover .acf-actions { display: block; } .acf-taxonomy-field[data-ftype="select"] .acf-actions { padding: 0; margin: -9px; } /*--------------------------------------------------------------------------------------------- * * Range * *---------------------------------------------------------------------------------------------*/ .acf-range-wrap { /* rtl */ } .acf-range-wrap .acf-append, .acf-range-wrap .acf-prepend { display: inline-block; vertical-align: middle; line-height: 28px; margin: 0 7px 0 0; } .acf-range-wrap .acf-append { margin: 0 0 0 7px; } .acf-range-wrap input[type="range"] { display: inline-block; padding: 0; margin: 0; vertical-align: middle; height: 28px; } .acf-range-wrap input[type="range"]:focus { outline: none; } .acf-range-wrap input[type="number"] { display: inline-block; min-width: 3em; margin-left: 10px; vertical-align: middle; } html[dir="rtl"] .acf-range-wrap input[type="number"] { margin-right: 10px; margin-left: 0; } html[dir="rtl"] .acf-range-wrap .acf-append { margin: 0 7px 0 0; } html[dir="rtl"] .acf-range-wrap .acf-prepend { margin: 0 0 0 7px; } /*--------------------------------------------------------------------------------------------- * * acf-accordion * *---------------------------------------------------------------------------------------------*/ .acf-accordion { margin: 0; padding: 0; background: #fff; /* title */ /* open */ } .acf-accordion .acf-accordion-title { margin: 0; padding: 12px; font-weight: bold; cursor: pointer; font-size: inherit; font-size: 13px; line-height: 1.4em; } .acf-accordion .acf-accordion-title label { margin: 0; padding: 0; font-size: 13px; line-height: 1.4em; } .acf-accordion .acf-accordion-title p { font-weight: normal; } .acf-accordion .acf-accordion-title .acf-accordion-icon { float: right; } .acf-accordion .acf-accordion-content { margin: 0; padding: 0 12px 12px; display: none; } .acf-accordion.-open > .acf-accordion-content { display: block; } /* field specific */ .acf-field.acf-accordion { padding: 0 !important; border-color: #dfdfdf; } .acf-field.acf-accordion .acf-accordion-title { padding: 12px; width: auto !important; float: none !important; width: auto !important; } .acf-field.acf-accordion .acf-accordion-content { padding: 0; float: none !important; width: auto !important; } .acf-field.acf-accordion .acf-accordion-content > .acf-fields { border-top: #EEEEEE solid 1px; } .acf-field.acf-accordion .acf-accordion-content > .acf-fields.-clear { padding: 0 12px 15px; } /* field specific (left) */ .acf-fields.-left > .acf-field.acf-accordion { padding: 0 !important; } .acf-fields.-left > .acf-field.acf-accordion:before { display: none; } .acf-fields.-left > .acf-field.acf-accordion .acf-accordion-title { width: auto; margin: 0 !important; padding: 12px; float: none !important; } .acf-fields.-left > .acf-field.acf-accordion .acf-accordion-content { padding: 0 !important; } /* field specific (clear) */ .acf-fields.-clear > .acf-field.acf-accordion { border: #cccccc solid 1px; background: transparent; } .acf-fields.-clear > .acf-field.acf-accordion + .acf-field.acf-accordion { margin-top: -16px; } /* table */ tr.acf-field.acf-accordion { background: transparent; } tr.acf-field.acf-accordion > .acf-input { padding: 0 !important; border: #cccccc solid 1px; } tr.acf-field.acf-accordion .acf-accordion-content { padding: 0 12px 12px; } /* #addtag */ #addtag div.acf-field.error { border: 0 none; padding: 8px 0; } #addtag > .acf-field.acf-accordion { padding-right: 0; margin-right: 5%; } #addtag > .acf-field.acf-accordion + p.submit { margin-top: 0; } /* border */ tr.acf-accordion { margin: 15px 0 !important; } tr.acf-accordion + tr.acf-accordion { margin-top: -16px !important; } /* seamless */ .acf-postbox.seamless > .acf-fields > .acf-accordion { margin-left: 12px !important; margin-right: 12px !important; } /* rtl */ /* menu item */ /* .menu-item-settings > .field-acf > .acf-field.acf-accordion { border: #dfdfdf solid 1px; margin: 10px -13px 10px -11px; + .acf-field.acf-accordion { margin-top: -11px; } } */ /* widget */ .widget .widget-content > .acf-field.acf-accordion { border: #dfdfdf solid 1px; margin-bottom: 10px; } .widget .widget-content > .acf-field.acf-accordion .acf-accordion-title { margin-bottom: 0; } .widget .widget-content > .acf-field.acf-accordion + .acf-field.acf-accordion { margin-top: -11px; } .acf-postbox.seamless > .acf-fields > .acf-field.acf-accordion { border: #e5e5e5 solid 1px; } .acf-postbox.seamless > .acf-fields > .acf-field.acf-accordion + .acf-field.acf-accordion { margin-top: -1px; } .media-modal .compat-attachment-fields .acf-field.acf-accordion + .acf-field.acf-accordion { margin-top: -1px; } .media-modal .compat-attachment-fields .acf-field.acf-accordion > .acf-input { width: 100%; } .media-modal .compat-attachment-fields .acf-field.acf-accordion .compat-attachment-fields > tbody > tr > td { padding-bottom: 5px; } /*-------------------------------------------------------------------------------------------- * * User * *--------------------------------------------------------------------------------------------*/ .form-table > tbody { /* field */ /* tab wrap */ /* misc */ } .form-table > tbody > .acf-field { /* label */ /* input */ } .form-table > tbody > .acf-field > .acf-label { padding: 20px 10px 20px 0; width: 210px; /* rtl */ } html[dir="rtl"] .form-table > tbody > .acf-field > .acf-label { padding: 20px 0 20px 10px; } .form-table > tbody > .acf-field > .acf-label label { font-size: 14px; color: #23282d; } .form-table > tbody > .acf-field > .acf-input { padding: 15px 10px; /* rtl */ } html[dir="rtl"] .form-table > tbody > .acf-field > .acf-input { padding: 15px 10px 15px 5%; } .form-table > tbody > .acf-tab-wrap td { padding: 15px 5% 15px 0; /* rtl */ } html[dir="rtl"] .form-table > tbody > .acf-tab-wrap td { padding: 15px 0 15px 5%; } .form-table > tbody .form-table th.acf-th { width: auto; } #your-profile, #createuser { /* override for user css */ /* allow sub fields to display correctly */ } #your-profile .acf-field input[type="text"], #your-profile .acf-field input[type="password"], #your-profile .acf-field input[type="number"], #your-profile .acf-field input[type="search"], #your-profile .acf-field input[type="email"], #your-profile .acf-field input[type="url"], #your-profile .acf-field select, #createuser .acf-field input[type="text"], #createuser .acf-field input[type="password"], #createuser .acf-field input[type="number"], #createuser .acf-field input[type="search"], #createuser .acf-field input[type="email"], #createuser .acf-field input[type="url"], #createuser .acf-field select { max-width: 25em; } #your-profile .acf-field textarea, #createuser .acf-field textarea { max-width: 500px; } #your-profile .acf-field .acf-field input[type="text"], #your-profile .acf-field .acf-field input[type="password"], #your-profile .acf-field .acf-field input[type="number"], #your-profile .acf-field .acf-field input[type="search"], #your-profile .acf-field .acf-field input[type="email"], #your-profile .acf-field .acf-field input[type="url"], #your-profile .acf-field .acf-field textarea, #your-profile .acf-field .acf-field select, #createuser .acf-field .acf-field input[type="text"], #createuser .acf-field .acf-field input[type="password"], #createuser .acf-field .acf-field input[type="number"], #createuser .acf-field .acf-field input[type="search"], #createuser .acf-field .acf-field input[type="email"], #createuser .acf-field .acf-field input[type="url"], #createuser .acf-field .acf-field textarea, #createuser .acf-field .acf-field select { max-width: none; } #registerform h2 { margin: 1em 0; } #registerform .acf-field { margin-top: 0; /* .acf-input { input { font-size: 24px; padding: 5px; height: auto; } } */ } #registerform .acf-field .acf-label { margin-bottom: 0; } #registerform .acf-field .acf-label label { font-weight: normal; line-height: 1.5; } #registerform p.submit { text-align: right; } /*-------------------------------------------------------------------------------------------- * * Term * *--------------------------------------------------------------------------------------------*/ #acf-term-fields { padding-right: 5%; } #acf-term-fields > .acf-field > .acf-label { margin: 0; } #acf-term-fields > .acf-field > .acf-label label { font-size: 12px; font-weight: normal; } p.submit .spinner, p.submit .acf-spinner { vertical-align: top; float: none; margin: 4px 4px 0; } #edittag .acf-fields.-left > .acf-field { padding-left: 220px; } #edittag .acf-fields.-left > .acf-field:before { width: 209px; } #edittag .acf-fields.-left > .acf-field > .acf-label { width: 220px; margin-left: -220px; padding: 0 10px; } #edittag .acf-fields.-left > .acf-field > .acf-input { padding: 0; } #edittag > .acf-fields.-left { width: 96%; } #edittag > .acf-fields.-left > .acf-field > .acf-label { padding-left: 0; } /*-------------------------------------------------------------------------------------------- * * Comment * *--------------------------------------------------------------------------------------------*/ .editcomment td:first-child { white-space: nowrap; width: 131px; } /*-------------------------------------------------------------------------------------------- * * Widget * *--------------------------------------------------------------------------------------------*/ #widgets-right .widget .acf-field .description { padding-left: 0; padding-right: 0; } .acf-widget-fields > .acf-field .acf-label { margin-bottom: 5px; } .acf-widget-fields > .acf-field .acf-label label { font-weight: normal; margin: 0; } /*-------------------------------------------------------------------------------------------- * * Nav Menu * *--------------------------------------------------------------------------------------------*/ .acf-menu-settings { border-top: 1px solid #eee; margin-top: 2em; } .acf-menu-settings.-seamless { border-top: none; margin-top: 15px; } .acf-menu-settings.-seamless > h2 { display: none; } .acf-menu-settings .list li { display: block; margin-bottom: 0; } .acf-menu-item-fields { margin-right: 10px; float: left; } /*--------------------------------------------------------------------------------------------- * * Attachment Form (single) * *---------------------------------------------------------------------------------------------*/ #post .compat-attachment-fields .compat-field-acf-form-data { display: none; } #post .compat-attachment-fields, #post .compat-attachment-fields > tbody, #post .compat-attachment-fields > tbody > tr, #post .compat-attachment-fields > tbody > tr > th, #post .compat-attachment-fields > tbody > tr > td { display: block; } #post .compat-attachment-fields > tbody > .acf-field { margin: 15px 0; } #post .compat-attachment-fields > tbody > .acf-field > .acf-label { margin: 0; } #post .compat-attachment-fields > tbody > .acf-field > .acf-label label { margin: 0; padding: 0; } #post .compat-attachment-fields > tbody > .acf-field > .acf-label label p { margin: 0 0 3px !important; } #post .compat-attachment-fields > tbody > .acf-field > .acf-input { margin: 0; } /*--------------------------------------------------------------------------------------------- * * Media Model * *---------------------------------------------------------------------------------------------*/ /* WP sets tables to act as divs. ACF uses tables, so these muct be reset */ .media-modal .compat-attachment-fields td.acf-input table { display: table; table-layout: auto; } .media-modal .compat-attachment-fields td.acf-input table tbody { display: table-row-group; } .media-modal .compat-attachment-fields td.acf-input table tr { display: table-row; } .media-modal .compat-attachment-fields td.acf-input table td, .media-modal .compat-attachment-fields td.acf-input table th { display: table-cell; } /* field widths floats */ .media-modal .compat-attachment-fields > tbody > .acf-field { margin: 5px 0; } .media-modal .compat-attachment-fields > tbody > .acf-field > .acf-label { min-width: 30%; margin: 0; padding: 0; float: left; text-align: right; display: block; float: left; } .media-modal .compat-attachment-fields > tbody > .acf-field > .acf-label > label { padding-top: 6px; margin: 0; color: #666666; font-weight: 400; line-height: 16px; } .media-modal .compat-attachment-fields > tbody > .acf-field > .acf-input { width: 65%; margin: 0; padding: 0; float: right; display: block; } .media-modal .compat-attachment-fields > tbody > .acf-field p.description { margin: 0; } /* restricted selection (copy of WP .upload-errors)*/ .acf-selection-error { background: #ffebe8; border: 1px solid #c00; border-radius: 3px; padding: 8px; margin: 20px 0 0; } .acf-selection-error .selection-error-label { background: #CC0000; border-radius: 3px; color: #fff; font-weight: bold; margin-right: 8px; padding: 2px 4px; } .acf-selection-error .selection-error-message { color: #b44; display: block; padding-top: 8px; word-wrap: break-word; white-space: pre-wrap; } /* disabled attachment */ .media-modal .attachment.acf-disabled .thumbnail { opacity: 0.25 !important; } .media-modal .attachment.acf-disabled .attachment-preview:before { background: rgba(0, 0, 0, 0.15); z-index: 1; position: relative; } /* misc */ .media-modal { /* compat-item */ /* allow line breaks in upload error */ /* fix required span */ /* sidebar */ /* mobile md */ } .media-modal .compat-field-acf-form-data, .media-modal .compat-field-acf-blank { display: none !important; } .media-modal .upload-error-message { white-space: pre-wrap; } .media-modal .acf-required { padding: 0 !important; margin: 0 !important; float: none !important; color: #f00 !important; } .media-modal .media-sidebar .compat-item { padding-bottom: 20px; } @media (max-width: 900px) { .media-modal { /* label */ /* field */ } .media-modal .setting span, .media-modal .compat-attachment-fields > tbody > .acf-field > .acf-label { width: 98%; float: none; text-align: left; min-height: 0; padding: 0; } .media-modal .setting input, .media-modal .setting textarea, .media-modal .compat-attachment-fields > tbody > .acf-field > .acf-input { float: none; height: auto; max-width: none; width: 98%; } } /*--------------------------------------------------------------------------------------------- * * Media Model (expand details) * *---------------------------------------------------------------------------------------------*/ .media-modal .acf-expand-details { float: right; padding: 1px 10px; margin-right: 6px; height: 18px; line-height: 18px; color: #AAAAAA; font-size: 12px; /* mobile sm */ } .media-modal .acf-expand-details:focus, .media-modal .acf-expand-details:active { outline: 0 none; box-shadow: none; color: #AAAAAA; } .media-modal .acf-expand-details:hover { color: #666666 !important; } .media-modal .acf-expand-details span { display: block; float: left; } .media-modal .acf-expand-details .acf-icon { margin: 0 4px 0 0; } .media-modal .acf-expand-details:hover .acf-icon { border-color: #AAAAAA; } .media-modal .acf-expand-details .is-open { display: none; } .media-modal .acf-expand-details .is-closed { display: block; } @media (max-width: 640px) { .media-modal .acf-expand-details { display: none; } } /* expanded */ .media-modal.acf-expanded { /* toggle */ } .media-modal.acf-expanded .acf-expand-details .is-open { display: block; } .media-modal.acf-expanded .acf-expand-details .is-closed { display: none; } .media-modal.acf-expanded .attachments-browser .media-toolbar, .media-modal.acf-expanded .attachments-browser .attachments { right: 740px; } .media-modal.acf-expanded .media-sidebar { width: 708px; } .media-modal.acf-expanded .media-sidebar .attachment-info .thumbnail { float: left; max-height: none; } .media-modal.acf-expanded .media-sidebar .attachment-info .thumbnail img { max-width: 100%; max-height: 200px; } .media-modal.acf-expanded .media-sidebar .attachment-info .details { float: right; } .media-modal.acf-expanded .media-sidebar .attachment-info .thumbnail, .media-modal.acf-expanded .media-sidebar .attachment-details .setting span, .media-modal.acf-expanded .media-sidebar .compat-attachment-fields > tbody > .acf-field > .acf-label { min-width: 20%; margin-right: 0; } .media-modal.acf-expanded .media-sidebar .attachment-info .details, .media-modal.acf-expanded .media-sidebar .attachment-details .setting input, .media-modal.acf-expanded .media-sidebar .attachment-details .setting textarea, .media-modal.acf-expanded .media-sidebar .attachment-details .setting + .description, .media-modal.acf-expanded .media-sidebar .compat-attachment-fields > tbody > .acf-field > .acf-input { min-width: 77%; } @media (max-width: 900px) { .media-modal.acf-expanded .attachments-browser .media-toolbar { display: none; } .media-modal.acf-expanded .attachments { display: none; } .media-modal.acf-expanded .media-sidebar { width: auto; max-width: none !important; bottom: 0 !important; } .media-modal.acf-expanded .media-sidebar .attachment-info .thumbnail { min-width: 0; max-width: none; width: 30%; } .media-modal.acf-expanded .media-sidebar .attachment-info .details { min-width: 0; max-width: none; width: 67%; } } @media (max-width: 640px) { .media-modal.acf-expanded .media-sidebar .attachment-info .thumbnail, .media-modal.acf-expanded .media-sidebar .attachment-info .details { width: 100%; } } /*--------------------------------------------------------------------------------------------- * * ACF Media Model * *---------------------------------------------------------------------------------------------*/ .acf-media-modal { /* hide embed settings */ } .acf-media-modal .media-embed .setting.align, .acf-media-modal .media-embed .setting.link-to { display: none; } @media screen and (min-width: 1024px) { .acf-media-modal .media-modal-content .media-frame .media-toolbar-secondary { max-width: none; } .acf-media-modal .media-modal-content .media-frame .media-toolbar-secondary select.attachment-filters { width: auto; min-width: 150px; max-width: none; margin: 11px 6px 0 0; vertical-align: middle; } } /*--------------------------------------------------------------------------------------------- * * ACF Media Model (Select Mode) * *---------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * * ACF Media Model (Edit Mode) * *---------------------------------------------------------------------------------------------*/ .acf-media-modal.-edit { /* resize modal */ left: 15%; right: 15%; top: 100px; bottom: 100px; /* hide elements */ /* full width */ /* tidy up incorrect distance */ /* title box shadow (to match media grid) */ /* sidebar */ /* mobile md */ /* mobile sm */ } .acf-media-modal.-edit .media-frame-menu, .acf-media-modal.-edit .media-frame-router, .acf-media-modal.-edit .media-frame-content .attachments, .acf-media-modal.-edit .media-frame-content .media-toolbar { display: none; } .acf-media-modal.-edit .media-frame-title, .acf-media-modal.-edit .media-frame-content, .acf-media-modal.-edit .media-frame-toolbar, .acf-media-modal.-edit .media-sidebar { width: auto; left: 0; right: 0; } .acf-media-modal.-edit .media-frame-content { top: 50px; } .acf-media-modal.-edit .media-frame-title { border-bottom: 1px solid #DFDFDF; box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.1); } .acf-media-modal.-edit .media-sidebar { padding: 0 16px; /* WP details */ /* ACF fields */ /* WP required message */ } .acf-media-modal.-edit .media-sidebar .attachment-details { overflow: visible; /* hide 'Attachment Details' heading */ /* remove overflow */ /* move thumbnail */ } .acf-media-modal.-edit .media-sidebar .attachment-details > h3, .acf-media-modal.-edit .media-sidebar .attachment-details > h2 { display: none; } .acf-media-modal.-edit .media-sidebar .attachment-details .attachment-info { background: #fff; border-bottom: #dddddd solid 1px; padding: 16px; margin: 0 -16px 16px; } .acf-media-modal.-edit .media-sidebar .attachment-details .thumbnail { margin: 0 16px 0 0; } .acf-media-modal.-edit .media-sidebar .attachment-details .setting { margin: 0 0 5px; } .acf-media-modal.-edit .media-sidebar .attachment-details .setting span { margin: 0; } .acf-media-modal.-edit .media-sidebar .compat-attachment-fields > tbody > .acf-field { margin: 0 0 5px; } .acf-media-modal.-edit .media-sidebar .compat-attachment-fields > tbody > .acf-field p.description { margin-top: 3px; } .acf-media-modal.-edit .media-sidebar .media-types-required-info { display: none; } @media (max-width: 900px) { .acf-media-modal.-edit { top: 30px; right: 30px; bottom: 30px; left: 30px; } } @media (max-width: 640px) { .acf-media-modal.-edit { top: 0; right: 0; bottom: 0; left: 0; } } @media (max-width: 480px) { .acf-media-modal.-edit .media-frame-content { top: 40px; } } /*-------------------------------------------------------------------------------------------- * * Confirm remove * *--------------------------------------------------------------------------------------------*/ .acf-temp-remove { position: relative; opacity: 1; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; overflow: hidden; /* overlay prevents hover */ } .acf-temp-remove:after { display: block; content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 99; } /*-------------------------------------------------------------------------- * * Conditional Logic * *-------------------------------------------------------------------------*/ /* Hide */ .hidden-by-conditional-logic { display: none !important; } /* Hide (appear empty) */ .hidden-by-conditional-logic.appear-empty { display: table-cell !important; } .hidden-by-conditional-logic.appear-empty .acf-input { display: none !important; } /*-------------------------------------------------------------------------- * * 3rd Party * *-------------------------------------------------------------------------*/ /* Tabify shows hidden postboxes */ .acf-postbox.acf-hidden { display: none !important; } #editor .edit-post-layout__metaboxes { padding: 0; } #editor .postbox { color: #444; } #editor .postbox .handlediv { color: #191e23 !important; height: 46px; width: auto; padding: 0 14px 0 5px; position: relative; z-index: 2; } #editor .postbox .hndle { color: #191e23 !important; font-size: 13px; line-height: normal; padding: 15px; } #editor .postbox .hndle:hover { background: #f2f4f5; } #editor .postbox .hndle .acf-hndle-cog { line-height: 16px; } #editor .postbox .handlediv .toggle-indicator { color: inherit; } #editor .postbox .handlediv .toggle-indicator:before { content: "\f343"; font-size: 18px; width: auto; } #editor .postbox.closed .handlediv .toggle-indicator:before { content: "\f347"; }