/*-------------------------------------------------------------------------------------------- * * Vars * *--------------------------------------------------------------------------------------------*/ /* colors */ /* acf-field */ /* responsive */ /*-------------------------------------------------------------------------------------------- * * Mixins * *--------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------- * * Field Group * *--------------------------------------------------------------------------------------------*/ #acf-field-group-fields > .inside, #acf-field-group-locations > .inside, #acf-field-group-options > .inside { padding: 0; margin: 0; } .postbox .handle-order-higher, .postbox .handle-order-lower { display: none; } /*--------------------------------------------------------------------------------------------- * * Postbox: Publish * *---------------------------------------------------------------------------------------------*/ #minor-publishing-actions, #misc-publishing-actions #visibility, #misc-publishing-actions .edit-timestamp { display: none; } #minor-publishing { border-bottom: 0 none; } #misc-pub-section { border-bottom: 0 none; } #misc-publishing-actions .misc-pub-section { border-bottom-color: #F5F5F5; } /*--------------------------------------------------------------------------------------------- * * Postbox: Fields * *---------------------------------------------------------------------------------------------*/ #acf-field-group-fields { border: 0 none; box-shadow: none; /* links */ /* table header */ /* show keys */ /* fields */ } #acf-field-group-fields > .postbox-header, #acf-field-group-fields > .handlediv, #acf-field-group-fields > .hndle { display: none; } #acf-field-group-fields a { text-decoration: none; } #acf-field-group-fields a:active, #acf-field-group-fields a:focus { outline: none; box-shadow: none; } #acf-field-group-fields .li-field-order { width: 20%; } #acf-field-group-fields .li-field-label { width: 30%; } #acf-field-group-fields .li-field-name { width: 25%; } #acf-field-group-fields .li-field-type { width: 25%; } #acf-field-group-fields .li-field-key { display: none; } #acf-field-group-fields.show-field-keys .li-field-label, #acf-field-group-fields.show-field-keys .li-field-name, #acf-field-group-fields.show-field-keys .li-field-type, #acf-field-group-fields.show-field-keys .li-field-key { width: 20%; } #acf-field-group-fields.show-field-keys .li-field-key { display: block; } #acf-field-group-fields .acf-field-list-wrap { border: #ccd0d4 solid 1px; } #acf-field-group-fields .acf-field-list { background: #f5f5f5; margin-top: -1px; /* no fields */ /* empty */ } #acf-field-group-fields .acf-field-list .no-fields-message { padding: 15px 15px; background: #fff; display: none; } #acf-field-group-fields .acf-field-list.-empty .no-fields-message { display: block; } .acf-admin-3-8 #acf-field-group-fields .acf-field-list-wrap { border-color: #dfdfdf; } /* field object */ .acf-field-object { border-top: #eeeeee solid 1px; background: #fff; /* sortable */ /* meta */ /* handle */ /* open */ /* // debug &[data-save="meta"] { > .handle { border-left: #ffb700 solid 5px !important; } } &[data-save="settings"] { > .handle { border-left: #0ec563 solid 5px !important; } } */ /* hover */ /* settings */ /* conditional logic */ } .acf-field-object.ui-sortable-helper { border-top-color: #fff; box-shadow: 0 0 0 1px #DFDFDF, 0 1px 4px rgba(0, 0, 0, 0.1); } .acf-field-object.ui-sortable-placeholder { box-shadow: 0 -1px 0 0 #DFDFDF; visibility: visible !important; background: #F9F9F9; border-top-color: transparent; min-height: 54px; } .acf-field-object.ui-sortable-placeholder:after, .acf-field-object.ui-sortable-placeholder:before { visibility: hidden; } .acf-field-object > .meta { display: none; } .acf-field-object > .handle a { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .acf-field-object > .handle li { padding-top: 10px; padding-bottom: 10px; word-wrap: break-word; } .acf-field-object > .handle .acf-icon { margin: 1px 0 0; cursor: move; background: transparent; float: left; height: 28px; line-height: 26px; width: 28px; font-size: 13px; color: #444; position: relative; z-index: 1; } .acf-field-object > .handle strong { display: block; padding-bottom: 6px; font-size: 14px; line-height: 14px; min-height: 14px; } .acf-field-object > .handle .row-options { visibility: hidden; } .acf-field-object > .handle .row-options a { margin-right: 4px; } .acf-field-object > .handle .row-options a.delete-field { color: #a00; } .acf-field-object > .handle .row-options a.delete-field:hover { color: #f00; } .acf-field-object.open + .acf-field-object { border-top-color: #E1E1E1; } .acf-field-object.open > .handle { background: #2a9bd9; border: #2696d3 solid 1px; text-shadow: #268FBB 0 1px 0; color: #fff; position: relative; margin: -1px -1px 0 -1px; } .acf-field-object.open > .handle a { color: #fff !important; } .acf-field-object.open > .handle a:hover { text-decoration: underline !important; } .acf-field-object.open > .handle .acf-icon { border-color: #fff; color: #fff; } .acf-field-object.open > .handle .acf-required { color: #fff; } .acf-field-object:hover > .handle .row-options, .acf-field-object.-hover > .handle .row-options { visibility: visible; } .acf-field-object > .settings { display: none; width: 100%; } .acf-field-object > .settings > .acf-table { border: none; } .acf-field-object .rule-groups { margin-top: 20px; } /*--------------------------------------------------------------------------------------------- * * Postbox: Locations * *---------------------------------------------------------------------------------------------*/ .rule-groups h4 { margin: 3px 0; } .rule-groups .rule-group { margin: 0 0 5px; } .rule-groups .rule-group h4 { margin: 0 0 3px; } .rule-groups .rule-group td.param { width: 35%; } .rule-groups .rule-group td.operator { width: 20%; } .rule-groups .rule-group td.add { width: 40px; } .rule-groups .rule-group td.remove { width: 28px; vertical-align: middle; } .rule-groups .rule-group td.remove a { visibility: hidden; } .rule-groups .rule-group tr:hover td.remove a { visibility: visible; } .rule-groups .rule-group select:empty { background: #f8f8f8; } .rule-groups:not(.rule-groups-multiple) .rule-group:first-child tr:first-child td.remove a { /* Don't allow user to delete the only rule group */ visibility: hidden !important; } /*--------------------------------------------------------------------------------------------- * * Options * *---------------------------------------------------------------------------------------------*/ #acf-field-group-options tr[data-name=hide_on_screen] li { float: left; width: 33%; } @media (max-width: 1100px) { #acf-field-group-options tr[data-name=hide_on_screen] li { width: 50%; } } /*--------------------------------------------------------------------------------------------- * * Conditional Logic * *---------------------------------------------------------------------------------------------*/ table.conditional-logic-rules { background: transparent; border: 0 none; border-radius: 0; } table.conditional-logic-rules tbody td { background: transparent; border: 0 none !important; padding: 5px 2px !important; } /*--------------------------------------------------------------------------------------------- * * Field: Tab * *---------------------------------------------------------------------------------------------*/ .acf-field-object-tab .acf-field-setting-name, .acf-field-object-accordion .acf-field-setting-name, .acf-field-object-tab .acf-field-setting-instructions, .acf-field-object-accordion .acf-field-setting-instructions, .acf-field-object-tab .acf-field-setting-required, .acf-field-object-accordion .acf-field-setting-required, .acf-field-object-tab .acf-field-setting-warning, .acf-field-object-accordion .acf-field-setting-warning, .acf-field-object-tab .acf-field-setting-wrapper, .acf-field-object-accordion .acf-field-setting-wrapper { display: none; } .acf-field-object-tab .li-field-name, .acf-field-object-accordion .li-field-name { visibility: hidden; } .acf-field-object + .acf-field-object-tab:before, .acf-field-object + .acf-field-object-accordion:before { display: block; content: ""; height: 5px; width: 100%; background: #f5f5f5; border-top: #e1e1e1 solid 1px; border-bottom: #e1e1e1 solid 1px; margin-top: -1px; } .acf-admin-3-8 .acf-field-object + .acf-field-object-tab:before, .acf-admin-3-8 .acf-field-object + .acf-field-object-accordion:before { border-color: #E5E5E5; } .acf-field-object-tab p:first-child, .acf-field-object-accordion p:first-child { margin: 0.5em 0; } /*--------------------------------------------------------------------------------------------- * * Field: Accordion * *---------------------------------------------------------------------------------------------*/ .acf-field-object-accordion .acf-field-setting-instructions { display: table-row; } /*--------------------------------------------------------------------------------------------- * * Field: Message * *---------------------------------------------------------------------------------------------*/ .acf-field-object-message tr[data-name=name], .acf-field-object-message tr[data-name=instructions], .acf-field-object-message tr[data-name=required] { display: none !important; } .acf-field-object-message .li-field-name { visibility: hidden; } .acf-field-object-message textarea { height: 175px !important; } /*--------------------------------------------------------------------------------------------- * * Field: Separator * *---------------------------------------------------------------------------------------------*/ .acf-field-object-separator tr[data-name=name], .acf-field-object-separator tr[data-name=instructions], .acf-field-object-separator tr[data-name=required] { display: none !important; } /*--------------------------------------------------------------------------------------------- * * Field: Date Picker * *---------------------------------------------------------------------------------------------*/ .acf-field-object-date-picker .acf-radio-list li, .acf-field-object-time-picker .acf-radio-list li, .acf-field-object-date-time-picker .acf-radio-list li { line-height: 25px; } .acf-field-object-date-picker .acf-radio-list span, .acf-field-object-time-picker .acf-radio-list span, .acf-field-object-date-time-picker .acf-radio-list span { display: inline-block; min-width: 10em; } .acf-field-object-date-picker .acf-radio-list input[type=text], .acf-field-object-time-picker .acf-radio-list input[type=text], .acf-field-object-date-time-picker .acf-radio-list input[type=text] { width: 100px; } .acf-field-object-date-time-picker .acf-radio-list span { min-width: 15em; } .acf-field-object-date-time-picker .acf-radio-list input[type=text] { width: 200px; } /*-------------------------------------------------------------------------------------------- * * Slug * *--------------------------------------------------------------------------------------------*/ #slugdiv .inside { padding: 12px; margin: 0; } #slugdiv input[type=text] { width: 100%; height: 28px; font-size: 14px; } /*-------------------------------------------------------------------------------------------- * * RTL * *--------------------------------------------------------------------------------------------*/ html[dir=rtl] .acf-field-object.open > .handle { margin: -1px -1px 0; } html[dir=rtl] .acf-field-object.open > .handle .acf-icon { float: right; } html[dir=rtl] .acf-field-object.open > .handle .li-field-order { padding-left: 0 !important; padding-right: 15px !important; } /*--------------------------------------------------------------------------------------------- * * Device * *---------------------------------------------------------------------------------------------*/ @media only screen and (max-width: 850px) { tr.acf-field, td.acf-label, td.acf-input { display: block !important; width: auto !important; border: 0 none !important; } tr.acf-field { border-top: #ededed solid 1px !important; margin-bottom: 0 !important; } td.acf-label { background: transparent !important; padding-bottom: 0 !important; } }