4290 lines
114 KiB
CSS
4290 lines
114 KiB
CSS
/*!*****************************************************************************************************************************************************************************************************************!*\
|
|
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/advanced-custom-fields-pro/assets/src/sass/acf-global.scss ***!
|
|
\*****************************************************************************************************************************************************************************************************************/
|
|
@charset "UTF-8";
|
|
/*--------------------------------------------------------------------------------------------
|
|
*
|
|
* Vars
|
|
*
|
|
*--------------------------------------------------------------------------------------------*/
|
|
/* colors */
|
|
/* acf-field */
|
|
/* responsive */
|
|
/*--------------------------------------------------------------------------------------------
|
|
*
|
|
* ACF 6 ↓
|
|
*
|
|
*--------------------------------------------------------------------------------------------*/
|
|
/*--------------------------------------------------------------------------------------------
|
|
*
|
|
* Mixins
|
|
*
|
|
*--------------------------------------------------------------------------------------------*/
|
|
/*--------------------------------------------------------------------------------------------
|
|
*
|
|
* Global
|
|
*
|
|
*--------------------------------------------------------------------------------------------*/
|
|
/* Horizontal List */
|
|
.acf-hl {
|
|
padding: 0;
|
|
margin: 0;
|
|
list-style: none;
|
|
display: block;
|
|
position: relative;
|
|
}
|
|
|
|
.acf-hl > li {
|
|
float: left;
|
|
display: block;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.acf-hl > li.acf-fr {
|
|
float: right;
|
|
}
|
|
|
|
/* Horizontal List: Clearfix */
|
|
.acf-hl:before, .acf-hl:after,
|
|
.acf-bl:before, .acf-bl:after,
|
|
.acf-cf:before, .acf-cf:after {
|
|
content: "";
|
|
display: block;
|
|
line-height: 0;
|
|
}
|
|
|
|
.acf-hl:after,
|
|
.acf-bl:after,
|
|
.acf-cf:after {
|
|
clear: both;
|
|
}
|
|
|
|
/* Block List */
|
|
.acf-bl {
|
|
padding: 0;
|
|
margin: 0;
|
|
list-style: none;
|
|
display: block;
|
|
position: relative;
|
|
}
|
|
|
|
.acf-bl > li {
|
|
display: block;
|
|
margin: 0;
|
|
padding: 0;
|
|
float: none;
|
|
}
|
|
|
|
/* Visibility */
|
|
.acf-hidden {
|
|
display: none !important;
|
|
}
|
|
|
|
.acf-empty {
|
|
display: table-cell !important;
|
|
}
|
|
.acf-empty * {
|
|
display: none !important;
|
|
}
|
|
|
|
/* Float */
|
|
.acf-fl {
|
|
float: left;
|
|
}
|
|
|
|
.acf-fr {
|
|
float: right;
|
|
}
|
|
|
|
.acf-fn {
|
|
float: none;
|
|
}
|
|
|
|
/* Align */
|
|
.acf-al {
|
|
text-align: left;
|
|
}
|
|
|
|
.acf-ar {
|
|
text-align: right;
|
|
}
|
|
|
|
.acf-ac {
|
|
text-align: center;
|
|
}
|
|
|
|
/* loading */
|
|
.acf-loading,
|
|
.acf-spinner {
|
|
display: inline-block;
|
|
height: 20px;
|
|
width: 20px;
|
|
vertical-align: text-top;
|
|
background: transparent url(../../images/spinner.gif) no-repeat 50% 50%;
|
|
}
|
|
|
|
/* spinner */
|
|
.acf-spinner {
|
|
display: none;
|
|
}
|
|
|
|
.acf-spinner.is-active {
|
|
display: inline-block;
|
|
}
|
|
|
|
/* WP < 4.2 */
|
|
.spinner.is-active {
|
|
display: inline-block;
|
|
}
|
|
|
|
/* required */
|
|
.acf-required {
|
|
color: #f00;
|
|
}
|
|
|
|
/* show on hover */
|
|
.acf-soh .acf-soh-target {
|
|
-webkit-transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s;
|
|
-moz-transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s;
|
|
-o-transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s;
|
|
transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s;
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
}
|
|
|
|
.acf-soh:hover .acf-soh-target {
|
|
-webkit-transition-delay: 0s;
|
|
-moz-transition-delay: 0s;
|
|
-o-transition-delay: 0s;
|
|
transition-delay: 0s;
|
|
visibility: visible;
|
|
opacity: 1;
|
|
}
|
|
|
|
/* show if value */
|
|
.show-if-value {
|
|
display: none;
|
|
}
|
|
|
|
.hide-if-value {
|
|
display: block;
|
|
}
|
|
|
|
.has-value .show-if-value {
|
|
display: block;
|
|
}
|
|
|
|
.has-value .hide-if-value {
|
|
display: none;
|
|
}
|
|
|
|
/* select2 WP animation fix */
|
|
.select2-search-choice-close {
|
|
-webkit-transition: none;
|
|
-moz-transition: none;
|
|
-o-transition: none;
|
|
transition: none;
|
|
}
|
|
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* tooltip
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
/* tooltip */
|
|
.acf-tooltip {
|
|
background: #1D2939;
|
|
border-radius: 6px;
|
|
color: #D0D5DD;
|
|
padding-top: 8px;
|
|
padding-right: 12px;
|
|
padding-bottom: 10px;
|
|
padding-left: 12px;
|
|
position: absolute;
|
|
z-index: 900000;
|
|
max-width: 280px;
|
|
box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
|
|
/* tip */
|
|
/* positions */
|
|
}
|
|
.acf-tooltip:before {
|
|
border: solid;
|
|
border-color: transparent;
|
|
border-width: 6px;
|
|
content: "";
|
|
position: absolute;
|
|
}
|
|
.acf-tooltip.top {
|
|
margin-top: -8px;
|
|
}
|
|
.acf-tooltip.top:before {
|
|
top: 100%;
|
|
left: 50%;
|
|
margin-left: -6px;
|
|
border-top-color: #2F353E;
|
|
border-bottom-width: 0;
|
|
}
|
|
.acf-tooltip.right {
|
|
margin-left: 8px;
|
|
}
|
|
.acf-tooltip.right:before {
|
|
top: 50%;
|
|
margin-top: -6px;
|
|
right: 100%;
|
|
border-right-color: #2F353E;
|
|
border-left-width: 0;
|
|
}
|
|
.acf-tooltip.bottom {
|
|
margin-top: 8px;
|
|
}
|
|
.acf-tooltip.bottom:before {
|
|
bottom: 100%;
|
|
left: 50%;
|
|
margin-left: -6px;
|
|
border-bottom-color: #2F353E;
|
|
border-top-width: 0;
|
|
}
|
|
.acf-tooltip.left {
|
|
margin-left: -8px;
|
|
}
|
|
.acf-tooltip.left:before {
|
|
top: 50%;
|
|
margin-top: -6px;
|
|
left: 100%;
|
|
border-left-color: #2F353E;
|
|
border-right-width: 0;
|
|
}
|
|
.acf-tooltip .acf-overlay {
|
|
z-index: -1;
|
|
}
|
|
|
|
/* confirm */
|
|
.acf-tooltip.-confirm {
|
|
z-index: 900001;
|
|
}
|
|
.acf-tooltip.-confirm a {
|
|
text-decoration: none;
|
|
color: #9ea3a8;
|
|
}
|
|
.acf-tooltip.-confirm a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
.acf-tooltip.-confirm a[data-event=confirm] {
|
|
color: #F55E4F;
|
|
}
|
|
|
|
.acf-overlay {
|
|
position: fixed;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
cursor: default;
|
|
}
|
|
|
|
.acf-tooltip-target {
|
|
position: relative;
|
|
z-index: 900002;
|
|
}
|
|
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* loading
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
.acf-loading-overlay {
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
cursor: default;
|
|
z-index: 99;
|
|
background: rgba(249, 249, 249, 0.5);
|
|
}
|
|
.acf-loading-overlay i {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
|
|
/*--------------------------------------------------------------------------------------------
|
|
*
|
|
* acf-icon
|
|
*
|
|
*--------------------------------------------------------------------------------------------*/
|
|
.acf-icon {
|
|
display: inline-block;
|
|
height: 28px;
|
|
width: 28px;
|
|
border: transparent solid 1px;
|
|
border-radius: 100%;
|
|
font-size: 20px;
|
|
line-height: 21px;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
vertical-align: top;
|
|
box-sizing: border-box;
|
|
}
|
|
.acf-icon:before {
|
|
font-family: dashicons;
|
|
display: inline-block;
|
|
line-height: 1;
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
speak: none;
|
|
text-decoration: inherit;
|
|
text-transform: none;
|
|
text-rendering: auto;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
width: 1em;
|
|
height: 1em;
|
|
vertical-align: middle;
|
|
text-align: center;
|
|
}
|
|
|
|
.acf-icon.-plus:before {
|
|
content: "\f543";
|
|
}
|
|
|
|
.acf-icon.-minus:before {
|
|
content: "\f460";
|
|
}
|
|
|
|
.acf-icon.-cancel:before {
|
|
content: "\f335";
|
|
}
|
|
|
|
.acf-icon.-pencil:before {
|
|
content: "\f464";
|
|
}
|
|
|
|
.acf-icon.-location:before {
|
|
content: "\f230";
|
|
}
|
|
|
|
.acf-icon.-up:before {
|
|
content: "\f343";
|
|
margin-top: -0.1em;
|
|
}
|
|
|
|
.acf-icon.-down:before {
|
|
content: "\f347";
|
|
margin-top: 0.1em;
|
|
}
|
|
|
|
.acf-icon.-left:before {
|
|
content: "\f341";
|
|
margin-left: -0.1em;
|
|
}
|
|
|
|
.acf-icon.-right:before {
|
|
content: "\f345";
|
|
margin-left: 0.1em;
|
|
}
|
|
|
|
.acf-icon.-sync:before {
|
|
content: "\f463";
|
|
}
|
|
|
|
.acf-icon.-globe:before {
|
|
content: "\f319";
|
|
margin-top: 0.1em;
|
|
margin-left: 0.1em;
|
|
}
|
|
|
|
.acf-icon.-picture:before {
|
|
content: "\f128";
|
|
}
|
|
|
|
.acf-icon.-check:before {
|
|
content: "\f147";
|
|
margin-left: -0.1em;
|
|
}
|
|
|
|
.acf-icon.-dot-3:before {
|
|
content: "\f533";
|
|
margin-top: -0.1em;
|
|
}
|
|
|
|
.acf-icon.-arrow-combo:before {
|
|
content: "\f156";
|
|
}
|
|
|
|
.acf-icon.-arrow-up:before {
|
|
content: "\f142";
|
|
margin-left: -0.1em;
|
|
}
|
|
|
|
.acf-icon.-arrow-down:before {
|
|
content: "\f140";
|
|
margin-left: -0.1em;
|
|
}
|
|
|
|
.acf-icon.-search:before {
|
|
content: "\f179";
|
|
}
|
|
|
|
.acf-icon.-link-ext:before {
|
|
content: "\f504";
|
|
}
|
|
|
|
.acf-icon.-duplicate {
|
|
position: relative;
|
|
}
|
|
.acf-icon.-duplicate:before, .acf-icon.-duplicate:after {
|
|
content: "";
|
|
display: block;
|
|
box-sizing: border-box;
|
|
width: 46%;
|
|
height: 46%;
|
|
position: absolute;
|
|
top: 33%;
|
|
left: 23%;
|
|
}
|
|
.acf-icon.-duplicate:before {
|
|
margin: -1px 0 0 1px;
|
|
box-shadow: 2px -2px 0px 0px currentColor;
|
|
}
|
|
.acf-icon.-duplicate:after {
|
|
border: solid 2px currentColor;
|
|
}
|
|
|
|
.acf-icon.-collapse:before {
|
|
content: "\f142";
|
|
margin-left: -0.1em;
|
|
}
|
|
|
|
.-collapsed .acf-icon.-collapse:before {
|
|
content: "\f140";
|
|
margin-left: -0.1em;
|
|
}
|
|
|
|
span.acf-icon {
|
|
color: #555d66;
|
|
border-color: #b5bcc2;
|
|
background-color: #fff;
|
|
}
|
|
|
|
a.acf-icon {
|
|
color: #555d66;
|
|
border-color: #b5bcc2;
|
|
background-color: #fff;
|
|
position: relative;
|
|
transition: none;
|
|
cursor: pointer;
|
|
}
|
|
a.acf-icon:hover {
|
|
background: #f3f5f6;
|
|
border-color: #0071a1;
|
|
color: #0071a1;
|
|
}
|
|
a.acf-icon.-minus:hover, a.acf-icon.-cancel:hover {
|
|
background: #f7efef;
|
|
border-color: #a10000;
|
|
color: #dc3232;
|
|
}
|
|
a.acf-icon:active, a.acf-icon:focus {
|
|
outline: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.acf-icon.-clear {
|
|
border-color: transparent;
|
|
background: transparent;
|
|
color: #444;
|
|
}
|
|
|
|
.acf-icon.light {
|
|
border-color: transparent;
|
|
background: #F5F5F5;
|
|
color: #23282d;
|
|
}
|
|
|
|
.acf-icon.dark {
|
|
border-color: transparent !important;
|
|
background: #23282D;
|
|
color: #eee;
|
|
}
|
|
|
|
a.acf-icon.dark:hover {
|
|
background: #191E23;
|
|
color: #00b9eb;
|
|
}
|
|
a.acf-icon.dark.-minus:hover, a.acf-icon.dark.-cancel:hover {
|
|
color: #D54E21;
|
|
}
|
|
|
|
.acf-icon.grey {
|
|
border-color: transparent !important;
|
|
background: #b4b9be;
|
|
color: #fff !important;
|
|
}
|
|
.acf-icon.grey:hover {
|
|
background: #00A0D2;
|
|
color: #fff;
|
|
}
|
|
.acf-icon.grey.-minus:hover, .acf-icon.grey.-cancel:hover {
|
|
background: #32373C;
|
|
}
|
|
|
|
.acf-icon.small,
|
|
.acf-icon.-small {
|
|
width: 20px;
|
|
height: 20px;
|
|
line-height: 14px;
|
|
font-size: 14px;
|
|
}
|
|
.acf-icon.small.-duplicate:before, .acf-icon.small.-duplicate:after,
|
|
.acf-icon.-small.-duplicate:before,
|
|
.acf-icon.-small.-duplicate:after {
|
|
opacity: 0.8;
|
|
}
|
|
|
|
/*--------------------------------------------------------------------------------------------
|
|
*
|
|
* acf-box
|
|
*
|
|
*--------------------------------------------------------------------------------------------*/
|
|
.acf-box {
|
|
background: #FFFFFF;
|
|
border: 1px solid #ccd0d4;
|
|
position: relative;
|
|
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
|
|
/* title */
|
|
/* footer */
|
|
}
|
|
.acf-box .title {
|
|
border-bottom: 1px solid #ccd0d4;
|
|
margin: 0;
|
|
padding: 15px;
|
|
}
|
|
.acf-box .title h3 {
|
|
display: flex;
|
|
align-items: center;
|
|
font-size: 14px;
|
|
line-height: 1em;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.acf-box .inner {
|
|
padding: 15px;
|
|
}
|
|
.acf-box h2 {
|
|
color: #333333;
|
|
font-size: 26px;
|
|
line-height: 1.25em;
|
|
margin: 0.25em 0 0.75em;
|
|
padding: 0;
|
|
}
|
|
.acf-box h3 {
|
|
margin: 1.5em 0 0;
|
|
}
|
|
.acf-box p {
|
|
margin-top: 0.5em;
|
|
}
|
|
.acf-box a {
|
|
text-decoration: none;
|
|
}
|
|
.acf-box i.dashicons-external {
|
|
margin-top: -1px;
|
|
}
|
|
.acf-box .footer {
|
|
border-top: 1px solid #ccd0d4;
|
|
padding: 12px;
|
|
font-size: 13px;
|
|
line-height: 1.5;
|
|
}
|
|
.acf-box .footer p {
|
|
margin: 0;
|
|
}
|
|
.acf-admin-3-8 .acf-box {
|
|
border-color: #E5E5E5;
|
|
}
|
|
.acf-admin-3-8 .acf-box .title,
|
|
.acf-admin-3-8 .acf-box .footer {
|
|
border-color: #E5E5E5;
|
|
}
|
|
|
|
/*--------------------------------------------------------------------------------------------
|
|
*
|
|
* acf-notice
|
|
*
|
|
*--------------------------------------------------------------------------------------------*/
|
|
.acf-notice {
|
|
position: relative;
|
|
display: block;
|
|
color: #fff;
|
|
margin: 5px 0 15px;
|
|
padding: 3px 12px;
|
|
background: #2a9bd9;
|
|
border-left: #1f7db1 solid 3px;
|
|
}
|
|
.acf-notice p {
|
|
font-size: 13px;
|
|
line-height: 1.5;
|
|
margin: 0.5em 0;
|
|
text-shadow: none;
|
|
color: inherit;
|
|
}
|
|
.acf-notice .acf-notice-dismiss {
|
|
position: absolute;
|
|
top: 9px;
|
|
right: 12px;
|
|
background: transparent !important;
|
|
color: inherit !important;
|
|
border-color: #fff !important;
|
|
opacity: 0.75;
|
|
}
|
|
.acf-notice .acf-notice-dismiss:hover {
|
|
opacity: 1;
|
|
}
|
|
.acf-notice.-dismiss {
|
|
padding-right: 40px;
|
|
}
|
|
.acf-notice.-error {
|
|
background: #d94f4f;
|
|
border-color: #c92c2c;
|
|
}
|
|
.acf-notice.-success {
|
|
background: #49ad52;
|
|
border-color: #3a8941;
|
|
}
|
|
.acf-notice.-warning {
|
|
background: #fd8d3b;
|
|
border-color: #fc7009;
|
|
}
|
|
|
|
/*--------------------------------------------------------------------------------------------
|
|
*
|
|
* acf-table
|
|
*
|
|
*--------------------------------------------------------------------------------------------*/
|
|
.acf-table {
|
|
border: #ccd0d4 solid 1px;
|
|
background: #fff;
|
|
border-spacing: 0;
|
|
border-radius: 0;
|
|
table-layout: auto;
|
|
padding: 0;
|
|
margin: 0;
|
|
width: 100%;
|
|
clear: both;
|
|
box-sizing: content-box;
|
|
/* defaults */
|
|
/* thead */
|
|
/* tbody */
|
|
/* -clear */
|
|
}
|
|
.acf-table > tbody > tr > th, .acf-table > tbody > tr > td,
|
|
.acf-table > thead > tr > th,
|
|
.acf-table > thead > tr > td {
|
|
padding: 8px;
|
|
vertical-align: top;
|
|
background: #fff;
|
|
text-align: left;
|
|
border-style: solid;
|
|
font-weight: normal;
|
|
}
|
|
.acf-table > tbody > tr > th,
|
|
.acf-table > thead > tr > th {
|
|
position: relative;
|
|
color: #333333;
|
|
}
|
|
.acf-table > thead > tr > th {
|
|
border-color: #d5d9dd;
|
|
border-width: 0 0 1px 1px;
|
|
}
|
|
.acf-table > thead > tr > th:first-child {
|
|
border-left-width: 0;
|
|
}
|
|
.acf-table > tbody > tr {
|
|
z-index: 1;
|
|
}
|
|
.acf-table > tbody > tr > td {
|
|
border-color: #eeeeee;
|
|
border-width: 1px 0 0 1px;
|
|
}
|
|
.acf-table > tbody > tr > td:first-child {
|
|
border-left-width: 0;
|
|
}
|
|
.acf-table > tbody > tr:first-child > td {
|
|
border-top-width: 0;
|
|
}
|
|
.acf-table.-clear {
|
|
border: 0 none;
|
|
}
|
|
.acf-table.-clear > tbody > tr > td, .acf-table.-clear > tbody > tr > th,
|
|
.acf-table.-clear > thead > tr > td,
|
|
.acf-table.-clear > thead > tr > th {
|
|
border: 0 none;
|
|
padding: 4px;
|
|
}
|
|
|
|
/* remove tr */
|
|
.acf-remove-element {
|
|
-webkit-transition: all 0.25s ease-out;
|
|
-moz-transition: all 0.25s ease-out;
|
|
-o-transition: all 0.25s ease-out;
|
|
transition: all 0.25s ease-out;
|
|
transform: translate(50px, 0);
|
|
opacity: 0;
|
|
}
|
|
|
|
/* fade-up */
|
|
.acf-fade-up {
|
|
-webkit-transition: all 0.25s ease-out;
|
|
-moz-transition: all 0.25s ease-out;
|
|
-o-transition: all 0.25s ease-out;
|
|
transition: all 0.25s ease-out;
|
|
transform: translate(0, -10px);
|
|
opacity: 0;
|
|
}
|
|
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* Fake table
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
.acf-thead,
|
|
.acf-tbody,
|
|
.acf-tfoot {
|
|
width: 100%;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.acf-thead > li,
|
|
.acf-tbody > li,
|
|
.acf-tfoot > li {
|
|
box-sizing: border-box;
|
|
padding-top: 14px;
|
|
font-size: 12px;
|
|
line-height: 14px;
|
|
}
|
|
|
|
.acf-thead {
|
|
border-bottom: #ccd0d4 solid 1px;
|
|
color: #23282d;
|
|
}
|
|
.acf-thead > li {
|
|
font-size: 14px;
|
|
line-height: 1.4;
|
|
font-weight: bold;
|
|
}
|
|
.acf-admin-3-8 .acf-thead {
|
|
border-color: #dfdfdf;
|
|
}
|
|
|
|
.acf-tfoot {
|
|
background: #f5f5f5;
|
|
border-top: #d5d9dd solid 1px;
|
|
}
|
|
|
|
/*--------------------------------------------------------------------------------------------
|
|
*
|
|
* Settings
|
|
*
|
|
*--------------------------------------------------------------------------------------------*/
|
|
.acf-settings-wrap #poststuff {
|
|
padding-top: 15px;
|
|
}
|
|
.acf-settings-wrap .acf-box {
|
|
margin: 20px 0;
|
|
}
|
|
.acf-settings-wrap table {
|
|
margin: 0;
|
|
}
|
|
.acf-settings-wrap table .button {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
/*--------------------------------------------------------------------------------------------
|
|
*
|
|
* acf-popup
|
|
*
|
|
*--------------------------------------------------------------------------------------------*/
|
|
#acf-popup {
|
|
position: fixed;
|
|
z-index: 900000;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
text-align: center;
|
|
}
|
|
#acf-popup .bg {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
z-index: 0;
|
|
background: rgba(0, 0, 0, 0.25);
|
|
}
|
|
#acf-popup:before {
|
|
content: "";
|
|
display: inline-block;
|
|
height: 100%;
|
|
vertical-align: middle;
|
|
}
|
|
#acf-popup .acf-popup-box {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
z-index: 1;
|
|
min-width: 300px;
|
|
min-height: 160px;
|
|
border-color: #aaaaaa;
|
|
box-shadow: 0 5px 30px -5px rgba(0, 0, 0, 0.25);
|
|
text-align: left;
|
|
}
|
|
html[dir=rtl] #acf-popup .acf-popup-box {
|
|
text-align: right;
|
|
}
|
|
#acf-popup .acf-popup-box .title {
|
|
min-height: 15px;
|
|
line-height: 15px;
|
|
}
|
|
#acf-popup .acf-popup-box .title .acf-icon {
|
|
position: absolute;
|
|
top: 10px;
|
|
right: 10px;
|
|
}
|
|
html[dir=rtl] #acf-popup .acf-popup-box .title .acf-icon {
|
|
right: auto;
|
|
left: 10px;
|
|
}
|
|
#acf-popup .acf-popup-box .inner {
|
|
min-height: 50px;
|
|
padding: 0;
|
|
margin: 15px;
|
|
}
|
|
#acf-popup .acf-popup-box .loading {
|
|
position: absolute;
|
|
top: 45px;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
z-index: 2;
|
|
background: rgba(0, 0, 0, 0.1);
|
|
display: none;
|
|
}
|
|
#acf-popup .acf-popup-box .loading i {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
|
|
.acf-submit {
|
|
margin-bottom: 0;
|
|
line-height: 28px;
|
|
}
|
|
.acf-submit span {
|
|
float: right;
|
|
color: #999;
|
|
}
|
|
.acf-submit span.-error {
|
|
color: #dd4232;
|
|
}
|
|
.acf-submit .button {
|
|
margin-right: 5px;
|
|
}
|
|
|
|
/*--------------------------------------------------------------------------------------------
|
|
*
|
|
* upgrade notice
|
|
*
|
|
*--------------------------------------------------------------------------------------------*/
|
|
#acf-upgrade-notice {
|
|
position: relative;
|
|
background: #fff;
|
|
border-left: 4px solid #00a0d2;
|
|
padding: 20px;
|
|
}
|
|
#acf-upgrade-notice:after {
|
|
display: block;
|
|
clear: both;
|
|
content: "";
|
|
}
|
|
#acf-upgrade-notice .col-content {
|
|
float: left;
|
|
width: 55%;
|
|
padding-left: 90px;
|
|
}
|
|
#acf-upgrade-notice .col-actions {
|
|
float: right;
|
|
text-align: center;
|
|
padding: 10px;
|
|
}
|
|
#acf-upgrade-notice img {
|
|
float: left;
|
|
width: 70px;
|
|
height: 70px;
|
|
margin: 0 0 0 -90px;
|
|
}
|
|
#acf-upgrade-notice h2 {
|
|
font-size: 16px;
|
|
margin: 2px 0 6.5px;
|
|
}
|
|
#acf-upgrade-notice p {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
#acf-upgrade-notice .button:before {
|
|
margin-top: 11px;
|
|
}
|
|
@media screen and (max-width: 640px) {
|
|
#acf-upgrade-notice .col-content,
|
|
#acf-upgrade-notice .col-actions {
|
|
float: none;
|
|
padding-left: 90px;
|
|
width: auto;
|
|
text-align: left;
|
|
}
|
|
}
|
|
|
|
/*--------------------------------------------------------------------------------------------
|
|
*
|
|
* Welcome
|
|
*
|
|
*--------------------------------------------------------------------------------------------*/
|
|
.acf-wrap h1 {
|
|
margin-top: 0;
|
|
padding-top: 20px;
|
|
}
|
|
.acf-wrap .about-text {
|
|
margin-top: 0.5em;
|
|
min-height: 50px;
|
|
}
|
|
.acf-wrap .about-headline-callout {
|
|
font-size: 2.4em;
|
|
font-weight: 300;
|
|
line-height: 1.3;
|
|
margin: 1.1em 0 0.2em;
|
|
text-align: center;
|
|
}
|
|
.acf-wrap .feature-section {
|
|
padding: 40px 0;
|
|
}
|
|
.acf-wrap .feature-section h2 {
|
|
margin-top: 20px;
|
|
}
|
|
.acf-wrap .changelog {
|
|
list-style: disc;
|
|
padding-left: 15px;
|
|
}
|
|
.acf-wrap .changelog li {
|
|
margin: 0 0 0.75em;
|
|
}
|
|
.acf-wrap .acf-three-col {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
}
|
|
.acf-wrap .acf-three-col > div {
|
|
flex: 1;
|
|
align-self: flex-start;
|
|
min-width: 31%;
|
|
max-width: 31%;
|
|
}
|
|
@media screen and (max-width: 880px) {
|
|
.acf-wrap .acf-three-col > div {
|
|
min-width: 48%;
|
|
}
|
|
}
|
|
@media screen and (max-width: 640px) {
|
|
.acf-wrap .acf-three-col > div {
|
|
min-width: 100%;
|
|
}
|
|
}
|
|
.acf-wrap .acf-three-col h3 .badge {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
border-radius: 5px;
|
|
background: #fc9700;
|
|
color: #fff;
|
|
font-weight: normal;
|
|
font-size: 12px;
|
|
padding: 2px 5px;
|
|
}
|
|
.acf-wrap .acf-three-col img + h3 {
|
|
margin-top: 0.5em;
|
|
}
|
|
|
|
/*--------------------------------------------------------------------------------------------
|
|
*
|
|
* acf-hl cols
|
|
*
|
|
*--------------------------------------------------------------------------------------------*/
|
|
.acf-hl[data-cols] {
|
|
margin-left: -10px;
|
|
margin-right: -10px;
|
|
}
|
|
.acf-hl[data-cols] > li {
|
|
padding: 0 6px 0 10px;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
/* sizes */
|
|
.acf-hl[data-cols="2"] > li {
|
|
width: 50%;
|
|
}
|
|
|
|
.acf-hl[data-cols="3"] > li {
|
|
width: 33.333%;
|
|
}
|
|
|
|
.acf-hl[data-cols="4"] > li {
|
|
width: 25%;
|
|
}
|
|
|
|
/* mobile */
|
|
@media screen and (max-width: 640px) {
|
|
.acf-hl[data-cols] {
|
|
flex-wrap: wrap;
|
|
justify-content: flex-start;
|
|
align-content: flex-start;
|
|
align-items: flex-start;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
margin-top: -10px;
|
|
}
|
|
.acf-hl[data-cols] > li {
|
|
flex: 1 1 100%;
|
|
width: 100% !important;
|
|
padding: 10px 0 0;
|
|
}
|
|
}
|
|
/*--------------------------------------------------------------------------------------------
|
|
*
|
|
* misc
|
|
*
|
|
*--------------------------------------------------------------------------------------------*/
|
|
.acf-actions {
|
|
text-align: right;
|
|
z-index: 1;
|
|
/* hover */
|
|
/* rtl */
|
|
}
|
|
.acf-actions.-hover {
|
|
position: absolute;
|
|
display: none;
|
|
top: 0;
|
|
right: 0;
|
|
padding: 5px;
|
|
}
|
|
html[dir=rtl] .acf-actions.-hover {
|
|
right: auto;
|
|
left: 0;
|
|
}
|
|
|
|
/* ul compatibility */
|
|
ul.acf-actions li {
|
|
float: right;
|
|
margin-left: 4px;
|
|
}
|
|
|
|
/*--------------------------------------------------------------------------------------------
|
|
*
|
|
* RTL
|
|
*
|
|
*--------------------------------------------------------------------------------------------*/
|
|
html[dir=rtl] .acf-fl {
|
|
float: right;
|
|
}
|
|
|
|
html[dir=rtl] .acf-fr {
|
|
float: left;
|
|
}
|
|
|
|
html[dir=rtl] .acf-hl > li {
|
|
float: right;
|
|
}
|
|
|
|
html[dir=rtl] .acf-hl > li.acf-fr {
|
|
float: left;
|
|
}
|
|
|
|
html[dir=rtl] .acf-icon.logo {
|
|
left: 0;
|
|
right: auto;
|
|
}
|
|
|
|
html[dir=rtl] .acf-table thead th {
|
|
text-align: right;
|
|
border-right-width: 1px;
|
|
border-left-width: 0px;
|
|
}
|
|
|
|
html[dir=rtl] .acf-table > tbody > tr > td {
|
|
text-align: right;
|
|
border-right-width: 1px;
|
|
border-left-width: 0px;
|
|
}
|
|
|
|
html[dir=rtl] .acf-table > thead > tr > th:first-child,
|
|
html[dir=rtl] .acf-table > tbody > tr > td:first-child {
|
|
border-right-width: 0;
|
|
}
|
|
|
|
html[dir=rtl] .acf-table > tbody > tr > td.order + td {
|
|
border-right-color: #e1e1e1;
|
|
}
|
|
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* acf-postbox-columns
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
.acf-postbox-columns {
|
|
position: relative;
|
|
margin-top: -11px;
|
|
margin-bottom: -12px;
|
|
margin-left: -12px;
|
|
margin-right: 268px;
|
|
}
|
|
.acf-postbox-columns:after {
|
|
display: block;
|
|
clear: both;
|
|
content: "";
|
|
}
|
|
.acf-postbox-columns .acf-postbox-main,
|
|
.acf-postbox-columns .acf-postbox-side {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
padding: 0 12px 12px;
|
|
}
|
|
.acf-postbox-columns .acf-postbox-main {
|
|
float: left;
|
|
width: 100%;
|
|
}
|
|
.acf-postbox-columns .acf-postbox-side {
|
|
float: right;
|
|
width: 280px;
|
|
margin-right: -280px;
|
|
}
|
|
.acf-postbox-columns .acf-postbox-side:before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
width: 1px;
|
|
height: 100%;
|
|
top: 0;
|
|
right: 0;
|
|
background: #d5d9dd;
|
|
}
|
|
.acf-admin-3-8 .acf-postbox-columns .acf-postbox-side:before {
|
|
background: #dfdfdf;
|
|
}
|
|
|
|
/* mobile */
|
|
@media only screen and (max-width: 850px) {
|
|
.acf-postbox-columns {
|
|
margin: 0;
|
|
}
|
|
.acf-postbox-columns .acf-postbox-main,
|
|
.acf-postbox-columns .acf-postbox-side {
|
|
float: none;
|
|
width: auto;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.acf-postbox-columns .acf-postbox-side {
|
|
margin-top: 1em;
|
|
}
|
|
.acf-postbox-columns .acf-postbox-side:before {
|
|
display: none;
|
|
}
|
|
}
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* acf-panel
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
.acf-panel {
|
|
margin-top: -1px;
|
|
border-top: 1px solid #d5d9dd;
|
|
border-bottom: 1px solid #d5d9dd;
|
|
/* open */
|
|
/* inside postbox */
|
|
/* fields */
|
|
}
|
|
.acf-panel .acf-panel-title {
|
|
margin: 0;
|
|
padding: 12px;
|
|
font-weight: bold;
|
|
cursor: pointer;
|
|
font-size: inherit;
|
|
}
|
|
.acf-panel .acf-panel-title i {
|
|
float: right;
|
|
}
|
|
.acf-panel .acf-panel-inside {
|
|
margin: 0;
|
|
padding: 0 12px 12px;
|
|
display: none;
|
|
}
|
|
.acf-panel.-open .acf-panel-inside {
|
|
display: block;
|
|
}
|
|
.postbox .acf-panel {
|
|
margin-left: -12px;
|
|
margin-right: -12px;
|
|
}
|
|
.acf-panel .acf-field {
|
|
margin: 20px 0 0;
|
|
}
|
|
.acf-panel .acf-field .acf-label label {
|
|
color: #555d66;
|
|
font-weight: normal;
|
|
}
|
|
.acf-panel .acf-field:first-child {
|
|
margin-top: 0;
|
|
}
|
|
.acf-admin-3-8 .acf-panel {
|
|
border-color: #dfdfdf;
|
|
}
|
|
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* Admin Tools
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
#acf-admin-tools .notice {
|
|
margin-top: 10px;
|
|
}
|
|
#acf-admin-tools .acf-meta-box-wrap {
|
|
/* acf-fields */
|
|
}
|
|
#acf-admin-tools .acf-meta-box-wrap .inside {
|
|
border-top: none;
|
|
}
|
|
#acf-admin-tools .acf-meta-box-wrap .acf-fields {
|
|
margin-bottom: 24px;
|
|
border: none;
|
|
background: #fff;
|
|
border-radius: 0;
|
|
}
|
|
#acf-admin-tools .acf-meta-box-wrap .acf-fields .acf-field {
|
|
padding: 0;
|
|
}
|
|
#acf-admin-tools .acf-meta-box-wrap .acf-fields .acf-label {
|
|
margin-bottom: 16px;
|
|
}
|
|
#acf-admin-tools .acf-meta-box-wrap .acf-fields .acf-input {
|
|
padding-top: 16px;
|
|
padding-right: 16px;
|
|
padding-bottom: 16px;
|
|
padding-left: 16px;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-color: #D0D5DD;
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.acf-meta-box-wrap .postbox {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.acf-meta-box-wrap .postbox .inside {
|
|
margin-bottom: 0;
|
|
}
|
|
.acf-meta-box-wrap .postbox .hndle {
|
|
font-size: 14px;
|
|
padding: 8px 12px;
|
|
margin: 0;
|
|
line-height: 1.4;
|
|
position: relative;
|
|
z-index: 1;
|
|
cursor: default;
|
|
}
|
|
.acf-meta-box-wrap .postbox .handlediv,
|
|
.acf-meta-box-wrap .postbox .handle-order-higher,
|
|
.acf-meta-box-wrap .postbox .handle-order-lower {
|
|
display: none;
|
|
}
|
|
|
|
/* grid */
|
|
.acf-meta-box-wrap.-grid {
|
|
margin-left: 8px;
|
|
margin-right: 8px;
|
|
}
|
|
.acf-meta-box-wrap.-grid .postbox {
|
|
float: left;
|
|
clear: left;
|
|
width: 50%;
|
|
margin: 0 0 16px;
|
|
}
|
|
.acf-meta-box-wrap.-grid .postbox:nth-child(odd) {
|
|
margin-left: -8px;
|
|
}
|
|
.acf-meta-box-wrap.-grid .postbox:nth-child(even) {
|
|
float: right;
|
|
clear: right;
|
|
margin-right: -8px;
|
|
}
|
|
|
|
/* mobile */
|
|
@media only screen and (max-width: 850px) {
|
|
.acf-meta-box-wrap.-grid {
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
.acf-meta-box-wrap.-grid .postbox {
|
|
margin-left: 0 !important;
|
|
margin-right: 0 !important;
|
|
width: 100%;
|
|
}
|
|
}
|
|
/* export tool */
|
|
#acf-admin-tool-export {
|
|
/* panel: selection */
|
|
}
|
|
#acf-admin-tool-export p {
|
|
max-width: 800px;
|
|
}
|
|
#acf-admin-tool-export ul {
|
|
column-width: 200px;
|
|
}
|
|
#acf-admin-tool-export .acf-postbox-side .button {
|
|
margin: 0;
|
|
width: 100%;
|
|
}
|
|
#acf-admin-tool-export textarea {
|
|
display: block;
|
|
width: 100%;
|
|
min-height: 500px;
|
|
background: #F9FAFB;
|
|
border-color: #D0D5DD;
|
|
box-shadow: none;
|
|
padding: 7px;
|
|
border-radius: 6px;
|
|
}
|
|
#acf-admin-tool-export .acf-panel-selection .acf-label {
|
|
display: none;
|
|
}
|
|
|
|
.acf-css-tooltip {
|
|
position: relative;
|
|
}
|
|
.acf-css-tooltip:before {
|
|
content: attr(aria-label);
|
|
display: none;
|
|
position: absolute;
|
|
z-index: 999;
|
|
bottom: 100%;
|
|
left: 50%;
|
|
transform: translate(-50%, -8px);
|
|
background: #191e23;
|
|
border-radius: 2px;
|
|
padding: 5px 10px;
|
|
color: #fff;
|
|
font-size: 12px;
|
|
line-height: 1.4em;
|
|
white-space: pre;
|
|
}
|
|
.acf-css-tooltip:after {
|
|
content: "";
|
|
display: none;
|
|
position: absolute;
|
|
z-index: 998;
|
|
bottom: 100%;
|
|
left: 50%;
|
|
transform: translate(-50%, 4px);
|
|
border: solid 6px transparent;
|
|
border-top-color: #191e23;
|
|
}
|
|
.acf-css-tooltip:hover:before, .acf-css-tooltip:hover:after, .acf-css-tooltip:focus:before, .acf-css-tooltip:focus:after {
|
|
display: block;
|
|
}
|
|
|
|
.acf-diff .acf-diff-title {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
height: 40px;
|
|
padding: 14px 16px;
|
|
background: #f3f3f3;
|
|
border-bottom: #dddddd solid 1px;
|
|
}
|
|
.acf-diff .acf-diff-title strong {
|
|
font-size: 14px;
|
|
display: block;
|
|
}
|
|
.acf-diff .acf-diff-title .acf-diff-title-left,
|
|
.acf-diff .acf-diff-title .acf-diff-title-right {
|
|
width: 50%;
|
|
float: left;
|
|
}
|
|
.acf-diff .acf-diff-content {
|
|
position: absolute;
|
|
top: 70px;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
overflow: auto;
|
|
}
|
|
.acf-diff table.diff {
|
|
border-spacing: 0;
|
|
}
|
|
.acf-diff table.diff col.diffsplit.middle {
|
|
width: 0;
|
|
}
|
|
.acf-diff table.diff td, .acf-diff table.diff th {
|
|
padding-top: 0.25em;
|
|
padding-bottom: 0.25em;
|
|
}
|
|
.acf-diff table.diff tr td:nth-child(2) {
|
|
width: auto;
|
|
}
|
|
.acf-diff table.diff td:nth-child(3) {
|
|
border-left: #dddddd solid 1px;
|
|
}
|
|
@media screen and (max-width: 600px) {
|
|
.acf-diff .acf-diff-title {
|
|
height: 70px;
|
|
}
|
|
.acf-diff .acf-diff-content {
|
|
top: 100px;
|
|
}
|
|
}
|
|
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* Modal
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
.acf-modal {
|
|
position: fixed;
|
|
top: 30px;
|
|
left: 30px;
|
|
right: 30px;
|
|
bottom: 30px;
|
|
z-index: 160000;
|
|
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.7);
|
|
background: #fcfcfc;
|
|
}
|
|
.acf-modal .acf-modal-title,
|
|
.acf-modal .acf-modal-content,
|
|
.acf-modal .acf-modal-toolbar {
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
.acf-modal .acf-modal-title {
|
|
height: 50px;
|
|
top: 0;
|
|
border-bottom: 1px solid #ddd;
|
|
}
|
|
.acf-modal .acf-modal-title h2 {
|
|
margin: 0;
|
|
padding: 0 16px;
|
|
line-height: 50px;
|
|
}
|
|
.acf-modal .acf-modal-title .acf-modal-close {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
height: 50px;
|
|
width: 50px;
|
|
border: none;
|
|
border-left: 1px solid #ddd;
|
|
background: transparent;
|
|
cursor: pointer;
|
|
color: #666;
|
|
}
|
|
.acf-modal .acf-modal-title .acf-modal-close:hover {
|
|
color: #00a0d2;
|
|
}
|
|
.acf-modal .acf-modal-content {
|
|
top: 50px;
|
|
bottom: 60px;
|
|
background: #fff;
|
|
overflow: auto;
|
|
padding: 16px;
|
|
}
|
|
.acf-modal .acf-modal-feedback {
|
|
position: absolute;
|
|
top: 50%;
|
|
margin: -10px 0;
|
|
left: 0;
|
|
right: 0;
|
|
text-align: center;
|
|
opacity: 0.75;
|
|
}
|
|
.acf-modal .acf-modal-feedback.error {
|
|
opacity: 1;
|
|
color: #b52727;
|
|
}
|
|
.acf-modal .acf-modal-toolbar {
|
|
height: 60px;
|
|
bottom: 0;
|
|
padding: 15px 16px;
|
|
border-top: 1px solid #ddd;
|
|
}
|
|
.acf-modal .acf-modal-toolbar .button {
|
|
float: right;
|
|
}
|
|
@media only screen and (max-width: 640px) {
|
|
.acf-modal {
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
}
|
|
}
|
|
|
|
.acf-modal-backdrop {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background: #000;
|
|
opacity: 0.7;
|
|
z-index: 159900;
|
|
}
|
|
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* Retina
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
|
|
.acf-loading,
|
|
.acf-spinner {
|
|
background-image: url(../../images/spinner@2x.gif);
|
|
background-size: 20px 20px;
|
|
}
|
|
}
|
|
/*--------------------------------------------------------------------------------------------
|
|
*
|
|
* Wrap
|
|
*
|
|
*--------------------------------------------------------------------------------------------*/
|
|
.post-type-acf-field-group .wrap {
|
|
margin-top: 48px;
|
|
margin-right: 32px;
|
|
margin-bottom: 0;
|
|
margin-left: 12px;
|
|
}
|
|
@media screen and (max-width: 768px) {
|
|
.post-type-acf-field-group .wrap {
|
|
margin-right: 8px;
|
|
margin-left: 8px;
|
|
}
|
|
}
|
|
@media screen and (max-width: 768px) {
|
|
.post-type-acf-field-group #wpcontent {
|
|
padding-left: 0;
|
|
}
|
|
}
|
|
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* Admin Postbox & ACF Postbox
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
.post-type-acf-field-group .postbox,
|
|
.post-type-acf-field-group .acf-box {
|
|
border: none;
|
|
border-radius: 8px;
|
|
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.1);
|
|
}
|
|
.post-type-acf-field-group .postbox .inside,
|
|
.post-type-acf-field-group .acf-box .inside {
|
|
padding-top: 24px;
|
|
padding-right: 24px;
|
|
padding-bottom: 24px;
|
|
padding-left: 24px;
|
|
}
|
|
.post-type-acf-field-group .postbox .acf-postbox-inner,
|
|
.post-type-acf-field-group .acf-box .acf-postbox-inner {
|
|
margin-top: 0;
|
|
margin-right: 0;
|
|
margin-bottom: 0;
|
|
margin-left: 0;
|
|
padding-top: 24px;
|
|
padding-right: 0;
|
|
padding-bottom: 0;
|
|
padding-left: 0;
|
|
}
|
|
.post-type-acf-field-group .postbox .inner,
|
|
.post-type-acf-field-group .postbox .inside,
|
|
.post-type-acf-field-group .acf-box .inner,
|
|
.post-type-acf-field-group .acf-box .inside {
|
|
margin-top: 0 !important;
|
|
margin-right: 0 !important;
|
|
margin-bottom: 0 !important;
|
|
margin-left: 0 !important;
|
|
border-top-width: 1px;
|
|
border-top-style: solid;
|
|
border-top-color: #EAECF0;
|
|
}
|
|
.post-type-acf-field-group .postbox .postbox-header,
|
|
.post-type-acf-field-group .postbox .title,
|
|
.post-type-acf-field-group .acf-box .postbox-header,
|
|
.post-type-acf-field-group .acf-box .title {
|
|
display: flex;
|
|
align-items: center;
|
|
box-sizing: border-box;
|
|
min-height: 64px;
|
|
margin-top: 0;
|
|
margin-right: 0;
|
|
margin-bottom: 0;
|
|
margin-left: 0;
|
|
padding-top: 0;
|
|
padding-right: 24px;
|
|
padding-bottom: 0;
|
|
padding-left: 24px;
|
|
border-bottom-width: 0;
|
|
border-bottom-style: none;
|
|
}
|
|
.post-type-acf-field-group .postbox .postbox-header h2,
|
|
.post-type-acf-field-group .postbox .postbox-header h3,
|
|
.post-type-acf-field-group .postbox .title h2,
|
|
.post-type-acf-field-group .postbox .title h3,
|
|
.post-type-acf-field-group .acf-box .postbox-header h2,
|
|
.post-type-acf-field-group .acf-box .postbox-header h3,
|
|
.post-type-acf-field-group .acf-box .title h2,
|
|
.post-type-acf-field-group .acf-box .title h3 {
|
|
margin-top: 0;
|
|
margin-right: 0;
|
|
margin-bottom: 0;
|
|
margin-left: 0;
|
|
padding-top: 0;
|
|
padding-right: 0;
|
|
padding-bottom: 0;
|
|
padding-left: 0;
|
|
color: #344054;
|
|
}
|
|
.post-type-acf-field-group .postbox .hndle,
|
|
.post-type-acf-field-group .acf-box .hndle {
|
|
padding-top: 0;
|
|
padding-right: 24px;
|
|
padding-bottom: 0;
|
|
padding-left: 24px;
|
|
}
|
|
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* Custom ACF postbox header
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
.acf-postbox-header {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
box-sizing: border-box;
|
|
min-height: 64px;
|
|
margin-top: -24px;
|
|
margin-right: -24px;
|
|
margin-bottom: 0;
|
|
margin-left: -24px;
|
|
padding-top: 0;
|
|
padding-right: 24px;
|
|
padding-bottom: 0;
|
|
padding-left: 24px;
|
|
border-bottom-width: 1px;
|
|
border-bottom-style: solid;
|
|
border-bottom-color: #EAECF0;
|
|
}
|
|
.acf-postbox-header h2.acf-postbox-title {
|
|
margin-top: 0;
|
|
margin-right: 0;
|
|
margin-bottom: 0;
|
|
margin-left: 0;
|
|
padding-top: 0;
|
|
padding-right: 24px;
|
|
padding-bottom: 0;
|
|
padding-left: 0;
|
|
color: #344054;
|
|
}
|
|
.acf-postbox-header .acf-icon {
|
|
background-color: #98A2B3;
|
|
}
|
|
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* Screen options button & screen meta container
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
.post-type-acf-field-group #screen-meta-links {
|
|
margin-right: 32px;
|
|
}
|
|
.post-type-acf-field-group #screen-meta-links .show-settings {
|
|
border-color: #D0D5DD;
|
|
}
|
|
@media screen and (max-width: 768px) {
|
|
.post-type-acf-field-group #screen-meta-links {
|
|
margin-right: 16px;
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
.post-type-acf-field-group #screen-meta {
|
|
border-color: #D0D5DD;
|
|
}
|
|
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* Postbox headings
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
.post-type-acf-field-group #poststuff .postbox-header h2,
|
|
.post-type-acf-field-group #poststuff .postbox-header h3 {
|
|
justify-content: flex-start;
|
|
margin-top: 0;
|
|
margin-right: 0;
|
|
margin-bottom: 0;
|
|
margin-left: 0;
|
|
padding-top: 0;
|
|
padding-right: 0;
|
|
padding-bottom: 0;
|
|
padding-left: 0;
|
|
color: #344054 !important;
|
|
}
|
|
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* Postbox drag state
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
.post-type-acf-field-group.is-dragging-metaboxes .metabox-holder .postbox-container .meta-box-sortables {
|
|
box-sizing: border-box;
|
|
padding: 2px;
|
|
outline: none;
|
|
background-image: repeating-linear-gradient(0deg, #667085, #667085 5px, transparent 5px, transparent 10px, #667085 10px), repeating-linear-gradient(90deg, #667085, #667085 5px, transparent 5px, transparent 10px, #667085 10px), repeating-linear-gradient(180deg, #667085, #667085 5px, transparent 5px, transparent 10px, #667085 10px), repeating-linear-gradient(270deg, #667085, #667085 5px, transparent 5px, transparent 10px, #667085 10px);
|
|
background-size: 1.5px 100%, 100% 1.5px, 1.5px 100%, 100% 1.5px;
|
|
background-position: 0 0, 0 0, 100% 0, 0 100%;
|
|
background-repeat: no-repeat;
|
|
border-radius: 8px;
|
|
}
|
|
.post-type-acf-field-group .ui-sortable-placeholder {
|
|
border: none;
|
|
}
|
|
|
|
/*--------------------------------------------------------------------------------------------
|
|
*
|
|
* Search summary
|
|
*
|
|
*--------------------------------------------------------------------------------------------*/
|
|
.post-type-acf-field-group .subtitle {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
height: 24px;
|
|
margin: 0;
|
|
padding-top: 4px;
|
|
padding-right: 12px;
|
|
padding-bottom: 4px;
|
|
padding-left: 12px;
|
|
background-color: #EBF5FA;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-color: #A5D2E7;
|
|
border-radius: 6px;
|
|
}
|
|
.post-type-acf-field-group .subtitle strong {
|
|
margin-left: 5px;
|
|
}
|
|
|
|
/*--------------------------------------------------------------------------------------------
|
|
*
|
|
* Action strip
|
|
*
|
|
*--------------------------------------------------------------------------------------------*/
|
|
.acf-actions-strip {
|
|
display: flex;
|
|
}
|
|
.acf-actions-strip .acf-btn {
|
|
margin-right: 8px;
|
|
}
|
|
|
|
/*--------------------------------------------------------------------------------------------
|
|
*
|
|
* Notices
|
|
*
|
|
*--------------------------------------------------------------------------------------------*/
|
|
.post-type-acf-field-group .notice,
|
|
.post-type-acf-field-group #lost-connection-notice {
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
min-height: 48px;
|
|
margin-top: 0 !important;
|
|
margin-right: 0 !important;
|
|
margin-bottom: 16px !important;
|
|
margin-left: 0 !important;
|
|
padding-top: 13px !important;
|
|
padding-right: 16px !important;
|
|
padding-bottom: 12px !important;
|
|
padding-left: 50px !important;
|
|
background-color: #E7EFF9;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-color: #9DBAEE;
|
|
border-radius: 8px;
|
|
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.1);
|
|
color: #344054;
|
|
}
|
|
.post-type-acf-field-group .notice.update-nag,
|
|
.post-type-acf-field-group #lost-connection-notice.update-nag {
|
|
display: block;
|
|
position: relative;
|
|
width: calc(100% - 44px);
|
|
margin-top: 48px !important;
|
|
margin-right: 44px !important;
|
|
margin-bottom: -32px !important;
|
|
margin-left: 12px !important;
|
|
}
|
|
.post-type-acf-field-group .notice .button,
|
|
.post-type-acf-field-group #lost-connection-notice .button {
|
|
height: auto;
|
|
margin-left: 8px;
|
|
padding: 0;
|
|
border: none;
|
|
}
|
|
.post-type-acf-field-group .notice > div,
|
|
.post-type-acf-field-group #lost-connection-notice > div {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
.post-type-acf-field-group .notice p,
|
|
.post-type-acf-field-group #lost-connection-notice p {
|
|
flex: 1 0 auto;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.post-type-acf-field-group .notice p.help,
|
|
.post-type-acf-field-group #lost-connection-notice p.help {
|
|
margin-top: 0;
|
|
padding-top: 0;
|
|
color: rgba(52, 64, 84, 0.7);
|
|
}
|
|
.post-type-acf-field-group .notice .notice-dismiss,
|
|
.post-type-acf-field-group #lost-connection-notice .notice-dismiss {
|
|
position: absolute;
|
|
top: 4px;
|
|
right: 8px;
|
|
}
|
|
.post-type-acf-field-group .notice .notice-dismiss:before,
|
|
.post-type-acf-field-group #lost-connection-notice .notice-dismiss:before {
|
|
content: "";
|
|
display: block;
|
|
position: relative;
|
|
z-index: 600;
|
|
width: 20px;
|
|
height: 20px;
|
|
background-color: #667085;
|
|
border: none;
|
|
border-radius: 0;
|
|
-webkit-mask-size: contain;
|
|
mask-size: contain;
|
|
-webkit-mask-repeat: no-repeat;
|
|
mask-repeat: no-repeat;
|
|
-webkit-mask-position: center;
|
|
mask-position: center;
|
|
-webkit-mask-image: url("../../images/icons/icon-close.svg");
|
|
mask-image: url("../../images/icons/icon-close.svg");
|
|
}
|
|
.post-type-acf-field-group .notice .notice-dismiss:hover::before,
|
|
.post-type-acf-field-group #lost-connection-notice .notice-dismiss:hover::before {
|
|
background-color: #344054;
|
|
}
|
|
.post-type-acf-field-group .notice:before,
|
|
.post-type-acf-field-group #lost-connection-notice:before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
top: 15px;
|
|
left: 18px;
|
|
z-index: 600;
|
|
width: 16px;
|
|
height: 16px;
|
|
margin-right: 8px;
|
|
background-color: #fff;
|
|
border: none;
|
|
border-radius: 0;
|
|
-webkit-mask-size: contain;
|
|
mask-size: contain;
|
|
-webkit-mask-repeat: no-repeat;
|
|
mask-repeat: no-repeat;
|
|
-webkit-mask-position: center;
|
|
mask-position: center;
|
|
-webkit-mask-image: url("../../images/icons/icon-info-solid.svg");
|
|
mask-image: url("../../images/icons/icon-info-solid.svg");
|
|
}
|
|
.post-type-acf-field-group .notice:after,
|
|
.post-type-acf-field-group #lost-connection-notice:after {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
top: 9px;
|
|
left: 12px;
|
|
z-index: 500;
|
|
width: 28px;
|
|
height: 28px;
|
|
background-color: #2D69DA;
|
|
border-radius: 6px;
|
|
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.1);
|
|
}
|
|
.post-type-acf-field-group .notice .local-restore,
|
|
.post-type-acf-field-group #lost-connection-notice .local-restore {
|
|
align-items: center;
|
|
margin-top: -6px;
|
|
margin-bottom: 0;
|
|
}
|
|
.post-type-acf-field-group .notice.is-dismissible {
|
|
padding-right: 56px;
|
|
}
|
|
.post-type-acf-field-group .notice.notice-success {
|
|
background-color: #EDF7EF;
|
|
border-color: #B6DEB9;
|
|
}
|
|
.post-type-acf-field-group .notice.notice-success:before {
|
|
-webkit-mask-image: url("../../images/icons/icon-check-circle-solid.svg");
|
|
mask-image: url("../../images/icons/icon-check-circle-solid.svg");
|
|
}
|
|
.post-type-acf-field-group .notice.notice-success:after {
|
|
background-color: #52AA59;
|
|
}
|
|
.post-type-acf-field-group .notice.notice-error,
|
|
.post-type-acf-field-group #lost-connection-notice {
|
|
background-color: #F7EEEB;
|
|
border-color: #F1B6B3;
|
|
}
|
|
.post-type-acf-field-group .notice.notice-error:before,
|
|
.post-type-acf-field-group #lost-connection-notice:before {
|
|
-webkit-mask-image: url("../../images/icons/icon-warning.svg");
|
|
mask-image: url("../../images/icons/icon-warning.svg");
|
|
}
|
|
.post-type-acf-field-group .notice.notice-error:after,
|
|
.post-type-acf-field-group #lost-connection-notice:after {
|
|
background-color: #DA5A39;
|
|
}
|
|
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* Global
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
.post-type-acf-field-group #wpcontent {
|
|
line-height: 140%;
|
|
}
|
|
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* Links
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
.post-type-acf-field-group a {
|
|
color: #0783BE;
|
|
}
|
|
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* Headings
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
.h1, .post-type-acf-field-group h1,
|
|
.acf-headerbar h1 {
|
|
font-size: 21px;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.h2, .acf-no-field-groups-wrapper .acf-no-field-groups-inner h2, .acf-page-title, .post-type-acf-field-group h2,
|
|
.acf-headerbar h2 {
|
|
font-size: 18px;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.h3, .post-type-acf-field-group h3,
|
|
.acf-headerbar h3, .post-type-acf-field-group .postbox .postbox-header h2,
|
|
.post-type-acf-field-group .postbox .postbox-header h3,
|
|
.post-type-acf-field-group .postbox .title h2,
|
|
.post-type-acf-field-group .postbox .title h3,
|
|
.post-type-acf-field-group .acf-box .postbox-header h2,
|
|
.post-type-acf-field-group .acf-box .postbox-header h3,
|
|
.post-type-acf-field-group .acf-box .title h2,
|
|
.post-type-acf-field-group .acf-box .title h3, .acf-postbox-header h2.acf-postbox-title, .post-type-acf-field-group #poststuff .postbox-header h2,
|
|
.post-type-acf-field-group #poststuff .postbox-header h3 {
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
}
|
|
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* Paragraphs
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
.p1, #acf-field-group-pro-features h1 {
|
|
font-size: 15px;
|
|
}
|
|
|
|
.p2, .acf-no-field-groups-wrapper .acf-no-field-groups-inner p, #acf-admin-tools .acf-meta-box-wrap .acf-fields .acf-label {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.p3, .acf-admin-field-groups .wp-list-table .post-state, .post-type-acf-field-group .subtitle {
|
|
font-size: 13.5px;
|
|
}
|
|
|
|
.p4, .acf-admin-toolbar a.acf-admin-toolbar-upgrade-btn p, #acf-update-information .form-table th,
|
|
#acf-update-information .form-table td, #acf-admin-tools.tool-export .acf-panel h3, .acf-btn.acf-btn-sm, .acf-admin-toolbar .acf-tab, .acf-admin-field-groups .subsubsub li, .acf-admin-field-groups .wp-list-table tbody th,
|
|
.acf-admin-field-groups .wp-list-table tbody td, .acf-admin-field-groups .wp-list-table thead th, .acf-admin-field-groups .wp-list-table thead td,
|
|
.acf-admin-field-groups .wp-list-table tfoot th, .acf-admin-field-groups .wp-list-table tfoot td, .post-type-acf-field-group .acf-input .select2-container.-acf .select2-selection__rendered, .post-type-acf-field-group .button, .post-type-acf-field-group input[type=text],
|
|
.post-type-acf-field-group input[type=search],
|
|
.post-type-acf-field-group input[type=number],
|
|
.post-type-acf-field-group textarea,
|
|
.post-type-acf-field-group select {
|
|
font-size: 13px;
|
|
}
|
|
|
|
.p5, .acf-admin-field-groups .row-actions, .post-type-acf-field-group .notice .button,
|
|
.post-type-acf-field-group #lost-connection-notice .button {
|
|
font-size: 12.5px;
|
|
}
|
|
|
|
.p6, #acf-update-information .acf-update-changelog p em, .acf-no-field-groups-wrapper .acf-no-field-groups-inner p.acf-small, .acf-admin-field-groups .row-actions, .acf-small {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.p7, .acf-tooltip, .post-type-acf-field-group .notice p.help,
|
|
.post-type-acf-field-group #lost-connection-notice p.help {
|
|
font-size: 11.5px;
|
|
}
|
|
|
|
.p8 {
|
|
font-size: 11px;
|
|
}
|
|
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* Page titles
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
.acf-page-title {
|
|
color: #344054;
|
|
}
|
|
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* Hide old / native WP titles from pages
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
.post-type-acf-field-group .acf-settings-wrap h1,
|
|
.post-type-acf-field-group #acf-admin-tools h1 {
|
|
display: none;
|
|
}
|
|
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* Small
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* Link focus style
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
.post-type-acf-field-group a:focus {
|
|
box-shadow: none;
|
|
outline: none;
|
|
}
|
|
|
|
.post-type-acf-field-group a:focus-visible {
|
|
box-shadow: 0 0 0 1px #4f94d4, 0 0 2px 1px rgba(79, 148, 212, 0.8);
|
|
outline: 1px solid transparent;
|
|
}
|
|
|
|
.post-type-acf-field-group {
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* All Inputs
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* Read only text inputs
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* Number fields
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* Textarea
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* Select
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* Radio Button & Checkbox base styling
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* Radio Buttons
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* Checkboxes
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* Radio Buttons & Checkbox lists
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* ACF Switch
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* File input button
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* Action Buttons
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* Edit field group header
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* Select2 inputs
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* ACF label
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* Tooltip for field name field setting (result of a fix for keyboard navigation)
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
}
|
|
.post-type-acf-field-group input[type=text],
|
|
.post-type-acf-field-group input[type=search],
|
|
.post-type-acf-field-group input[type=number],
|
|
.post-type-acf-field-group textarea,
|
|
.post-type-acf-field-group select {
|
|
box-sizing: border-box;
|
|
height: 40px;
|
|
padding-right: 12px;
|
|
padding-left: 12px;
|
|
background-color: #fff;
|
|
border-color: #D0D5DD;
|
|
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.1);
|
|
border-radius: 6px;
|
|
color: #344054;
|
|
}
|
|
.post-type-acf-field-group input[type=text]:focus,
|
|
.post-type-acf-field-group input[type=search]:focus,
|
|
.post-type-acf-field-group input[type=number]:focus,
|
|
.post-type-acf-field-group textarea:focus,
|
|
.post-type-acf-field-group select:focus {
|
|
outline: 3px solid #EBF5FA;
|
|
border-color: #399CCB;
|
|
}
|
|
.post-type-acf-field-group input[type=text]:disabled,
|
|
.post-type-acf-field-group input[type=search]:disabled,
|
|
.post-type-acf-field-group input[type=number]:disabled,
|
|
.post-type-acf-field-group textarea:disabled,
|
|
.post-type-acf-field-group select:disabled {
|
|
background-color: #F9FAFB;
|
|
color: #808a9e;
|
|
}
|
|
.post-type-acf-field-group input[type=text]::placeholder,
|
|
.post-type-acf-field-group input[type=search]::placeholder,
|
|
.post-type-acf-field-group input[type=number]::placeholder,
|
|
.post-type-acf-field-group textarea::placeholder,
|
|
.post-type-acf-field-group select::placeholder {
|
|
color: #98A2B3;
|
|
}
|
|
.post-type-acf-field-group input[type=text]:read-only {
|
|
background-color: #F9FAFB;
|
|
color: #98A2B3;
|
|
}
|
|
.post-type-acf-field-group .acf-field.acf-field-number .acf-label,
|
|
.post-type-acf-field-group .acf-field.acf-field-number .acf-input input[type=number] {
|
|
max-width: 180px;
|
|
}
|
|
.post-type-acf-field-group textarea {
|
|
box-sizing: border-box;
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
height: 80px;
|
|
min-height: 56px;
|
|
}
|
|
.post-type-acf-field-group select {
|
|
min-width: 160px;
|
|
max-width: 100%;
|
|
padding-right: 40px;
|
|
padding-left: 12px;
|
|
background-image: url("../../images/icons/icon-chevron-down.svg");
|
|
background-position: right 10px top 50%;
|
|
background-size: 20px;
|
|
}
|
|
.post-type-acf-field-group select:hover, .post-type-acf-field-group select:focus {
|
|
color: #0783BE;
|
|
}
|
|
.post-type-acf-field-group select::before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
top: 5px;
|
|
left: 5px;
|
|
width: 20px;
|
|
height: 20px;
|
|
background-color: red;
|
|
}
|
|
.post-type-acf-field-group input[type=radio],
|
|
.post-type-acf-field-group input[type=checkbox] {
|
|
box-sizing: border-box;
|
|
width: 16px;
|
|
height: 16px;
|
|
padding: 0;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-color: #98A2B3;
|
|
background: #fff;
|
|
box-shadow: none;
|
|
}
|
|
.post-type-acf-field-group input[type=radio]:hover,
|
|
.post-type-acf-field-group input[type=checkbox]:hover {
|
|
background-color: #EBF5FA;
|
|
border-color: #0783BE;
|
|
}
|
|
.post-type-acf-field-group input[type=radio]:checked, .post-type-acf-field-group input[type=radio]:focus-visible,
|
|
.post-type-acf-field-group input[type=checkbox]:checked,
|
|
.post-type-acf-field-group input[type=checkbox]:focus-visible {
|
|
background-color: #EBF5FA;
|
|
border-color: #0783BE;
|
|
}
|
|
.post-type-acf-field-group input[type=radio]:checked:before, .post-type-acf-field-group input[type=radio]:focus-visible:before,
|
|
.post-type-acf-field-group input[type=checkbox]:checked:before,
|
|
.post-type-acf-field-group input[type=checkbox]:focus-visible:before {
|
|
content: "";
|
|
position: relative;
|
|
top: -1px;
|
|
left: -1px;
|
|
width: 16px;
|
|
height: 16px;
|
|
margin: 0;
|
|
padding: 0;
|
|
background-color: transparent;
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
}
|
|
.post-type-acf-field-group input[type=radio]:active,
|
|
.post-type-acf-field-group input[type=checkbox]:active {
|
|
box-shadow: 0px 0px 0px 3px #EBF5FA, 0px 0px 0px rgba(255, 54, 54, 0.25);
|
|
}
|
|
.post-type-acf-field-group input[type=radio]:disabled,
|
|
.post-type-acf-field-group input[type=checkbox]:disabled {
|
|
background-color: #F9FAFB;
|
|
border-color: #D0D5DD;
|
|
}
|
|
.post-type-acf-field-group input[type=radio]:checked:before, .post-type-acf-field-group input[type=radio]:focus:before {
|
|
background-image: url("../../images/field-states/radio-active.svg");
|
|
}
|
|
.post-type-acf-field-group input[type=checkbox]:checked:before, .post-type-acf-field-group input[type=checkbox]:focus:before {
|
|
background-image: url("../../images/field-states/checkbox-active.svg");
|
|
}
|
|
.post-type-acf-field-group .acf-radio-list li input[type=radio],
|
|
.post-type-acf-field-group .acf-radio-list li input[type=checkbox],
|
|
.post-type-acf-field-group .acf-checkbox-list li input[type=radio],
|
|
.post-type-acf-field-group .acf-checkbox-list li input[type=checkbox] {
|
|
margin-right: 6px;
|
|
}
|
|
.post-type-acf-field-group .acf-radio-list.acf-bl li,
|
|
.post-type-acf-field-group .acf-checkbox-list.acf-bl li {
|
|
margin-bottom: 8px;
|
|
}
|
|
.post-type-acf-field-group .acf-radio-list.acf-bl li:last-of-type,
|
|
.post-type-acf-field-group .acf-checkbox-list.acf-bl li:last-of-type {
|
|
margin-bottom: 0;
|
|
}
|
|
.post-type-acf-field-group .acf-radio-list label,
|
|
.post-type-acf-field-group .acf-checkbox-list label {
|
|
display: flex;
|
|
align-items: center;
|
|
align-content: center;
|
|
}
|
|
.post-type-acf-field-group .acf-switch {
|
|
width: 42px;
|
|
height: 24px;
|
|
border: none;
|
|
background-color: #D0D5DD;
|
|
border-radius: 12px;
|
|
}
|
|
.post-type-acf-field-group .acf-switch:hover {
|
|
background-color: #98A2B3;
|
|
}
|
|
.post-type-acf-field-group .acf-switch:active {
|
|
box-shadow: 0px 0px 0px 3px #EBF5FA, 0px 0px 0px rgba(255, 54, 54, 0.25);
|
|
}
|
|
.post-type-acf-field-group .acf-switch.-on {
|
|
background-color: #0783BE;
|
|
}
|
|
.post-type-acf-field-group .acf-switch.-on:hover {
|
|
background-color: #066998;
|
|
}
|
|
.post-type-acf-field-group .acf-switch.-on .acf-switch-slider {
|
|
left: 20px;
|
|
}
|
|
.post-type-acf-field-group .acf-switch .acf-switch-off,
|
|
.post-type-acf-field-group .acf-switch .acf-switch-on {
|
|
visibility: hidden;
|
|
}
|
|
.post-type-acf-field-group .acf-switch .acf-switch-slider {
|
|
width: 20px;
|
|
height: 20px;
|
|
border: none;
|
|
border-radius: 100px;
|
|
box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06);
|
|
}
|
|
.post-type-acf-field-group .acf-field-true-false {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.post-type-acf-field-group .acf-field-true-false .acf-label {
|
|
order: 2;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
margin-bottom: 0;
|
|
margin-left: 12px;
|
|
}
|
|
.post-type-acf-field-group .acf-field-true-false .acf-label label {
|
|
margin-bottom: 0;
|
|
}
|
|
.post-type-acf-field-group .acf-field-true-false .acf-label .acf-tip {
|
|
margin-left: 12px;
|
|
}
|
|
.post-type-acf-field-group input::file-selector-button {
|
|
box-sizing: border-box;
|
|
min-height: 40px;
|
|
margin-right: 16px;
|
|
padding-top: 8px;
|
|
padding-right: 16px;
|
|
padding-bottom: 8px;
|
|
padding-left: 16px;
|
|
background-color: transparent;
|
|
color: #0783BE !important;
|
|
border-radius: 6px;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-color: #0783BE;
|
|
text-decoration: none;
|
|
}
|
|
.post-type-acf-field-group input::file-selector-button:hover {
|
|
border-color: #066998;
|
|
cursor: pointer;
|
|
color: #066998 !important;
|
|
}
|
|
.post-type-acf-field-group .button {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
height: 40px;
|
|
padding-right: 16px;
|
|
padding-left: 16px;
|
|
background-color: transparent;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-color: #0783BE;
|
|
border-radius: 6px;
|
|
color: #0783BE;
|
|
}
|
|
.post-type-acf-field-group .button:hover {
|
|
background-color: #f3f9fc;
|
|
border-color: #0783BE;
|
|
color: #0783BE;
|
|
}
|
|
.post-type-acf-field-group .button:focus {
|
|
background-color: #f3f9fc;
|
|
outline: 3px solid #EBF5FA;
|
|
color: #0783BE;
|
|
}
|
|
.post-type-acf-field-group .edit-field-group-header {
|
|
display: block !important;
|
|
}
|
|
.post-type-acf-field-group .acf-input .select2-container.-acf .select2-selection {
|
|
border: none;
|
|
line-height: 1;
|
|
}
|
|
.post-type-acf-field-group .acf-input .select2-container.-acf .select2-selection__rendered {
|
|
box-sizing: border-box;
|
|
padding-right: 0;
|
|
padding-left: 0;
|
|
background-color: #fff;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-color: #D0D5DD;
|
|
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.1);
|
|
border-radius: 6px;
|
|
color: #344054;
|
|
}
|
|
.post-type-acf-field-group .acf-input .select2-container--focus {
|
|
outline: 3px solid #EBF5FA;
|
|
border-color: #399CCB;
|
|
border-radius: 6px;
|
|
}
|
|
.post-type-acf-field-group .acf-input .select2-container--focus .select2-selection__rendered {
|
|
border-color: #399CCB !important;
|
|
}
|
|
.post-type-acf-field-group .acf-input .select2-container--focus.select2-container--below.select2-container--open .select2-selection__rendered {
|
|
border-bottom-right-radius: 0 !important;
|
|
border-bottom-left-radius: 0 !important;
|
|
}
|
|
.post-type-acf-field-group .acf-input .select2-container--focus.select2-container--above.select2-container--open .select2-selection__rendered {
|
|
border-top-right-radius: 0 !important;
|
|
border-top-left-radius: 0 !important;
|
|
}
|
|
.post-type-acf-field-group .acf-input .select2-container .select2-search--inline .select2-search__field {
|
|
margin: 0;
|
|
padding-left: 6px;
|
|
}
|
|
.post-type-acf-field-group .acf-input .select2-container .select2-search--inline .select2-search__field:focus {
|
|
outline: none;
|
|
border: none;
|
|
}
|
|
.post-type-acf-field-group .acf-input .select2-container--default .select2-selection--multiple .select2-selection__rendered {
|
|
padding-top: 0;
|
|
padding-right: 6px;
|
|
padding-bottom: 0;
|
|
padding-left: 6px;
|
|
}
|
|
.post-type-acf-field-group .acf-input .select2-selection__clear {
|
|
width: 18px;
|
|
height: 18px;
|
|
margin-top: 12px;
|
|
margin-right: 0;
|
|
text-indent: 100%;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
}
|
|
.post-type-acf-field-group .acf-input .select2-selection__clear:before {
|
|
content: "";
|
|
display: block;
|
|
width: 14px;
|
|
height: 14px;
|
|
top: 0;
|
|
left: 0;
|
|
border: none;
|
|
border-radius: 0;
|
|
-webkit-mask-size: contain;
|
|
mask-size: contain;
|
|
-webkit-mask-repeat: no-repeat;
|
|
mask-repeat: no-repeat;
|
|
-webkit-mask-position: center;
|
|
mask-position: center;
|
|
-webkit-mask-image: url("../../images/icons/icon-close.svg");
|
|
mask-image: url("../../images/icons/icon-close.svg");
|
|
background-color: #98A2B3;
|
|
}
|
|
.post-type-acf-field-group .acf-input .select2-selection__clear:hover::before {
|
|
background-color: #1D2939;
|
|
}
|
|
.post-type-acf-field-group .acf-label {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
.post-type-acf-field-group .acf-label .acf-icon-help {
|
|
width: 18px;
|
|
height: 18px;
|
|
background-color: #98A2B3;
|
|
}
|
|
.post-type-acf-field-group .acf-label label {
|
|
margin-bottom: 0;
|
|
}
|
|
.post-type-acf-field-group .acf-field-setting-name .acf-tip {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 654px;
|
|
color: #98A2B3;
|
|
}
|
|
.post-type-acf-field-group .acf-field-setting-name .acf-tip .acf-icon-help {
|
|
width: 18px;
|
|
height: 18px;
|
|
}
|
|
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* Field Groups
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
.acf-admin-field-groups .tablenav.top {
|
|
display: none;
|
|
}
|
|
.acf-admin-field-groups .subsubsub {
|
|
margin-bottom: 3px;
|
|
}
|
|
.acf-admin-field-groups .wp-list-table {
|
|
margin-top: 0;
|
|
margin-right: 0;
|
|
margin-bottom: 0;
|
|
margin-left: 0;
|
|
border-radius: 8px;
|
|
border: none;
|
|
overflow: hidden;
|
|
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.1);
|
|
}
|
|
.acf-admin-field-groups .wp-list-table strong {
|
|
color: #98A2B3;
|
|
margin: 0;
|
|
}
|
|
.acf-admin-field-groups .wp-list-table a.row-title {
|
|
font-size: 13px !important;
|
|
font-weight: 500;
|
|
}
|
|
.acf-admin-field-groups .wp-list-table th,
|
|
.acf-admin-field-groups .wp-list-table td {
|
|
color: #344054;
|
|
}
|
|
.acf-admin-field-groups .wp-list-table th.sortable a,
|
|
.acf-admin-field-groups .wp-list-table td.sortable a {
|
|
padding: 0;
|
|
}
|
|
.acf-admin-field-groups .wp-list-table th.check-column,
|
|
.acf-admin-field-groups .wp-list-table td.check-column {
|
|
padding-top: 12px;
|
|
padding-right: 16px;
|
|
padding-left: 16px;
|
|
}
|
|
@media screen and (max-width: 880px) {
|
|
.acf-admin-field-groups .wp-list-table th.check-column,
|
|
.acf-admin-field-groups .wp-list-table td.check-column {
|
|
vertical-align: top;
|
|
padding-right: 2px;
|
|
padding-left: 10px;
|
|
}
|
|
}
|
|
.acf-admin-field-groups .wp-list-table th input,
|
|
.acf-admin-field-groups .wp-list-table td input {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.acf-admin-field-groups .wp-list-table thead th, .acf-admin-field-groups .wp-list-table thead td,
|
|
.acf-admin-field-groups .wp-list-table tfoot th, .acf-admin-field-groups .wp-list-table tfoot td {
|
|
height: 48px;
|
|
padding-right: 24px;
|
|
padding-left: 24px;
|
|
box-sizing: border-box;
|
|
background-color: #F9FAFB;
|
|
border-color: #EAECF0;
|
|
font-weight: 500;
|
|
}
|
|
@media screen and (max-width: 880px) {
|
|
.acf-admin-field-groups .wp-list-table thead th, .acf-admin-field-groups .wp-list-table thead td,
|
|
.acf-admin-field-groups .wp-list-table tfoot th, .acf-admin-field-groups .wp-list-table tfoot td {
|
|
padding-right: 16px;
|
|
padding-left: 8px;
|
|
}
|
|
}
|
|
@media screen and (max-width: 880px) {
|
|
.acf-admin-field-groups .wp-list-table thead th.check-column, .acf-admin-field-groups .wp-list-table thead td.check-column,
|
|
.acf-admin-field-groups .wp-list-table tfoot th.check-column, .acf-admin-field-groups .wp-list-table tfoot td.check-column {
|
|
vertical-align: middle;
|
|
}
|
|
}
|
|
.acf-admin-field-groups .wp-list-table tbody th,
|
|
.acf-admin-field-groups .wp-list-table tbody td {
|
|
box-sizing: border-box;
|
|
height: 60px;
|
|
padding-top: 10px;
|
|
padding-right: 24px;
|
|
padding-bottom: 10px;
|
|
padding-left: 24px;
|
|
vertical-align: top;
|
|
background-color: #fff;
|
|
border-bottom-width: 1px;
|
|
border-bottom-color: #EAECF0;
|
|
border-bottom-style: solid;
|
|
}
|
|
@media screen and (max-width: 880px) {
|
|
.acf-admin-field-groups .wp-list-table tbody th,
|
|
.acf-admin-field-groups .wp-list-table tbody td {
|
|
padding-right: 16px;
|
|
padding-left: 8px;
|
|
}
|
|
}
|
|
.acf-admin-field-groups .wp-list-table .column-acf-key {
|
|
white-space: nowrap;
|
|
}
|
|
.acf-admin-field-groups .wp-list-table .column-acf-key .acf-icon-key-solid {
|
|
display: inline-block;
|
|
position: relative;
|
|
bottom: -2px;
|
|
width: 15px;
|
|
height: 15px;
|
|
margin-right: 4px;
|
|
color: #98A2B3;
|
|
}
|
|
.acf-admin-field-groups .wp-list-table .acf-location .dashicons {
|
|
position: relative;
|
|
bottom: -2px;
|
|
width: 16px;
|
|
height: 16px;
|
|
margin-right: 6px;
|
|
font-size: 16px;
|
|
color: #98A2B3;
|
|
}
|
|
.acf-admin-field-groups .wp-list-table .post-state {
|
|
color: #667085;
|
|
}
|
|
.acf-admin-field-groups .wp-list-table tr:hover,
|
|
.acf-admin-field-groups .wp-list-table tr:focus-within {
|
|
background: #f7f7f7;
|
|
}
|
|
.acf-admin-field-groups .wp-list-table tr:hover .row-actions,
|
|
.acf-admin-field-groups .wp-list-table tr:focus-within .row-actions {
|
|
margin-bottom: 0;
|
|
}
|
|
@media screen and (min-width: 782px) {
|
|
.acf-admin-field-groups .wp-list-table .column-acf-count {
|
|
width: 10%;
|
|
}
|
|
}
|
|
.acf-admin-field-groups .wp-list-table .row-actions span.file {
|
|
display: block;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.acf-admin-field-groups .row-actions {
|
|
margin-top: 2px;
|
|
padding-top: 0;
|
|
padding-right: 0;
|
|
padding-bottom: 0;
|
|
padding-left: 0;
|
|
line-height: 14px;
|
|
color: #D0D5DD;
|
|
}
|
|
.acf-admin-field-groups .row-actions .trash a {
|
|
color: #d94f4f;
|
|
}
|
|
.acf-admin-field-groups .widefat thead td.check-column,
|
|
.acf-admin-field-groups .widefat tfoot td.check-column {
|
|
padding-top: 0;
|
|
}
|
|
|
|
/*--------------------------------------------------------------------------------------------
|
|
*
|
|
* Row actions
|
|
*
|
|
*--------------------------------------------------------------------------------------------*/
|
|
.acf-admin-field-groups .row-actions a:hover {
|
|
color: #044767;
|
|
}
|
|
.acf-admin-field-groups .row-actions .trash a {
|
|
color: #a00;
|
|
}
|
|
.acf-admin-field-groups .row-actions .trash a:hover {
|
|
color: #f00;
|
|
}
|
|
.acf-admin-field-groups .row-actions.visible {
|
|
margin-bottom: 0;
|
|
opacity: 1;
|
|
}
|
|
|
|
/*--------------------------------------------------------------------------------------------
|
|
*
|
|
* Row hover
|
|
*
|
|
*--------------------------------------------------------------------------------------------*/
|
|
.acf-admin-field-groups #the-list tr:hover td,
|
|
.acf-admin-field-groups #the-list tr:hover th {
|
|
background-color: #f7fbfd;
|
|
}
|
|
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* Table Nav
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
.acf-admin-field-groups .tablenav {
|
|
margin-top: 24px;
|
|
margin-right: 0;
|
|
margin-bottom: 0;
|
|
margin-left: 0;
|
|
padding-top: 0;
|
|
padding-right: 0;
|
|
padding-bottom: 0;
|
|
padding-left: 0;
|
|
color: #667085;
|
|
}
|
|
|
|
/*--------------------------------------------------------------------------------------------
|
|
*
|
|
* Search box
|
|
*
|
|
*--------------------------------------------------------------------------------------------*/
|
|
.acf-admin-field-groups #posts-filter p.search-box {
|
|
margin-top: 5px;
|
|
margin-right: 0;
|
|
margin-bottom: 24px;
|
|
margin-left: 0;
|
|
}
|
|
.acf-admin-field-groups #posts-filter p.search-box #post-search-input {
|
|
min-width: 280px;
|
|
margin-top: 0;
|
|
margin-right: 8px;
|
|
margin-bottom: 0;
|
|
margin-left: 0;
|
|
}
|
|
@media screen and (max-width: 768px) {
|
|
.acf-admin-field-groups #posts-filter p.search-box {
|
|
display: flex;
|
|
box-sizing: border-box;
|
|
padding-right: 24px;
|
|
margin-right: 16px;
|
|
}
|
|
.acf-admin-field-groups #posts-filter p.search-box #post-search-input {
|
|
min-width: auto;
|
|
}
|
|
}
|
|
|
|
/*--------------------------------------------------------------------------------------------
|
|
*
|
|
* Status tabs
|
|
*
|
|
*--------------------------------------------------------------------------------------------*/
|
|
.acf-admin-field-groups .subsubsub {
|
|
display: flex;
|
|
align-items: flex-end;
|
|
height: 40px;
|
|
margin-bottom: 16px;
|
|
}
|
|
.acf-admin-field-groups .subsubsub li {
|
|
margin-top: 0;
|
|
margin-right: 4px;
|
|
color: #98A2B3;
|
|
}
|
|
.acf-admin-field-groups .subsubsub li .count {
|
|
color: #667085;
|
|
}
|
|
|
|
/*--------------------------------------------------------------------------------------------
|
|
*
|
|
* Pagination
|
|
*
|
|
*--------------------------------------------------------------------------------------------*/
|
|
.acf-admin-field-groups .tablenav-pages {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.acf-admin-field-groups .tablenav-pages .displaying-num {
|
|
margin-top: 0;
|
|
margin-right: 16px;
|
|
margin-bottom: 0;
|
|
margin-left: 0;
|
|
}
|
|
.acf-admin-field-groups .tablenav-pages .pagination-links {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.acf-admin-field-groups .tablenav-pages .pagination-links #table-paging {
|
|
margin-top: 0;
|
|
margin-right: 4px;
|
|
margin-bottom: 0;
|
|
margin-left: 8px;
|
|
}
|
|
.acf-admin-field-groups .tablenav-pages .pagination-links #table-paging .total-pages {
|
|
margin-right: 0;
|
|
}
|
|
.acf-admin-field-groups .tablenav-pages.one-page .pagination-links {
|
|
display: none;
|
|
}
|
|
|
|
/*--------------------------------------------------------------------------------------------
|
|
*
|
|
* Pagination buttons & icons
|
|
*
|
|
*--------------------------------------------------------------------------------------------*/
|
|
.acf-admin-field-groups .tablenav-pages .pagination-links .button {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
align-content: center;
|
|
justify-content: center;
|
|
min-width: 40px;
|
|
margin-top: 0;
|
|
margin-right: 0;
|
|
margin-bottom: 0;
|
|
margin-left: 0;
|
|
padding-top: 0;
|
|
padding-right: 0;
|
|
padding-bottom: 0;
|
|
padding-left: 0;
|
|
background-color: transparent;
|
|
}
|
|
.acf-admin-field-groups .tablenav-pages .pagination-links .button:nth-child(1), .acf-admin-field-groups .tablenav-pages .pagination-links .button:nth-child(2), .acf-admin-field-groups .tablenav-pages .pagination-links .button:last-child, .acf-admin-field-groups .tablenav-pages .pagination-links .button:nth-last-child(2) {
|
|
display: inline-block;
|
|
position: relative;
|
|
text-indent: 100%;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
margin-left: 4px;
|
|
}
|
|
.acf-admin-field-groups .tablenav-pages .pagination-links .button:nth-child(1):before, .acf-admin-field-groups .tablenav-pages .pagination-links .button:nth-child(2):before, .acf-admin-field-groups .tablenav-pages .pagination-links .button:last-child:before, .acf-admin-field-groups .tablenav-pages .pagination-links .button:nth-last-child(2):before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
top: 0;
|
|
left: 0;
|
|
background-color: #0783BE;
|
|
border-radius: 0;
|
|
-webkit-mask-size: 20px;
|
|
mask-size: 20px;
|
|
-webkit-mask-repeat: no-repeat;
|
|
mask-repeat: no-repeat;
|
|
-webkit-mask-position: center;
|
|
mask-position: center;
|
|
}
|
|
.acf-admin-field-groups .tablenav-pages .pagination-links .button:nth-child(1):before {
|
|
-webkit-mask-image: url("../../images/icons/icon-chevron-left-double.svg");
|
|
mask-image: url("../../images/icons/icon-chevron-left-double.svg");
|
|
}
|
|
.acf-admin-field-groups .tablenav-pages .pagination-links .button:nth-child(2):before {
|
|
-webkit-mask-image: url("../../images/icons/icon-chevron-left.svg");
|
|
mask-image: url("../../images/icons/icon-chevron-left.svg");
|
|
}
|
|
.acf-admin-field-groups .tablenav-pages .pagination-links .button:nth-last-child(2):before {
|
|
-webkit-mask-image: url("../../images/icons/icon-chevron-right.svg");
|
|
mask-image: url("../../images/icons/icon-chevron-right.svg");
|
|
}
|
|
.acf-admin-field-groups .tablenav-pages .pagination-links .button:last-child:before {
|
|
-webkit-mask-image: url("../../images/icons/icon-chevron-right-double.svg");
|
|
mask-image: url("../../images/icons/icon-chevron-right-double.svg");
|
|
}
|
|
.acf-admin-field-groups .tablenav-pages .pagination-links .button:hover {
|
|
border-color: #066998;
|
|
background-color: rgba(7, 131, 190, 0.05);
|
|
}
|
|
.acf-admin-field-groups .tablenav-pages .pagination-links .button:hover:before {
|
|
background-color: #066998;
|
|
}
|
|
.acf-admin-field-groups .tablenav-pages .pagination-links .button.disabled {
|
|
background-color: transparent !important;
|
|
}
|
|
.acf-admin-field-groups .tablenav-pages .pagination-links .button.disabled.disabled:before {
|
|
background-color: #D0D5DD;
|
|
}
|
|
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* Empty state
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
.acf-no-field-groups-wrapper {
|
|
display: flex;
|
|
justify-content: center;
|
|
padding-top: 48px;
|
|
padding-bottom: 48px;
|
|
}
|
|
.acf-no-field-groups-wrapper .acf-no-field-groups-inner {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
align-content: center;
|
|
align-items: flex-start;
|
|
text-align: center;
|
|
max-width: 380px;
|
|
min-height: 320px;
|
|
}
|
|
.acf-no-field-groups-wrapper .acf-no-field-groups-inner img,
|
|
.acf-no-field-groups-wrapper .acf-no-field-groups-inner h2,
|
|
.acf-no-field-groups-wrapper .acf-no-field-groups-inner p {
|
|
flex: 1 0 100%;
|
|
}
|
|
.acf-no-field-groups-wrapper .acf-no-field-groups-inner h2 {
|
|
margin-top: 32px;
|
|
margin-bottom: 0;
|
|
padding: 0;
|
|
color: #344054;
|
|
}
|
|
.acf-no-field-groups-wrapper .acf-no-field-groups-inner p {
|
|
margin-top: 12px;
|
|
margin-bottom: 0;
|
|
padding: 0;
|
|
color: #667085;
|
|
}
|
|
.acf-no-field-groups-wrapper .acf-no-field-groups-inner p.acf-small {
|
|
display: block;
|
|
position: relative;
|
|
margin-top: 32px;
|
|
}
|
|
.acf-no-field-groups-wrapper .acf-no-field-groups-inner img {
|
|
max-width: 284px;
|
|
margin-bottom: 0;
|
|
}
|
|
.acf-no-field-groups-wrapper .acf-no-field-groups-inner .acf-btn {
|
|
margin-top: 32px;
|
|
}
|
|
|
|
.acf-no-field-groups #the-list tr:hover td,
|
|
.acf-no-field-groups #the-list tr:hover th,
|
|
.acf-no-field-groups .acf-admin-field-groups .wp-list-table tr:hover,
|
|
.acf-no-field-groups .striped > tbody > :nth-child(odd), .acf-no-field-groups ul.striped > :nth-child(odd), .acf-no-field-groups .alternate {
|
|
background-color: transparent !important;
|
|
}
|
|
.acf-no-field-groups .wp-list-table thead,
|
|
.acf-no-field-groups .wp-list-table tfoot {
|
|
display: none;
|
|
}
|
|
.acf-no-field-groups .no-pages {
|
|
display: none;
|
|
}
|
|
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* Small screen list table info toggle
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
.post-type-acf-field-group .wp-list-table .toggle-row:before {
|
|
top: 4px;
|
|
left: 16px;
|
|
border-radius: 0;
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
width: 16px;
|
|
height: 16px;
|
|
background-color: #0783BE;
|
|
border-radius: 0;
|
|
-webkit-mask-size: 20px;
|
|
mask-size: 20px;
|
|
-webkit-mask-repeat: no-repeat;
|
|
mask-repeat: no-repeat;
|
|
-webkit-mask-position: center;
|
|
mask-position: center;
|
|
-webkit-mask-image: url("../../images/icons/icon-chevron-down.svg");
|
|
mask-image: url("../../images/icons/icon-chevron-down.svg");
|
|
text-indent: 100%;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
}
|
|
.post-type-acf-field-group .wp-list-table .is-expanded .toggle-row:before {
|
|
-webkit-mask-image: url("../../images/icons/icon-chevron-up.svg");
|
|
mask-image: url("../../images/icons/icon-chevron-up.svg");
|
|
}
|
|
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* Small screen checkbox
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
@media screen and (max-width: 880px) {
|
|
.post-type-acf-field-group .widefat th input[type=checkbox],
|
|
.post-type-acf-field-group .widefat thead td input[type=checkbox],
|
|
.post-type-acf-field-group .widefat tfoot td input[type=checkbox] {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* Admin Navigation
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
.acf-admin-toolbar {
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
align-content: center;
|
|
align-items: center;
|
|
position: unset;
|
|
top: 32px;
|
|
height: 72px;
|
|
z-index: 800;
|
|
background: #344054;
|
|
color: #98A2B3;
|
|
}
|
|
@media screen and (max-width: 880px) {
|
|
.acf-admin-toolbar {
|
|
position: static;
|
|
}
|
|
}
|
|
.acf-admin-toolbar .acf-logo {
|
|
margin-right: 32px;
|
|
}
|
|
.acf-admin-toolbar .acf-logo img {
|
|
display: block;
|
|
max-width: 55px;
|
|
line-height: 0%;
|
|
}
|
|
.acf-admin-toolbar h2 {
|
|
display: none;
|
|
color: #F9FAFB;
|
|
}
|
|
.acf-admin-toolbar .acf-tab {
|
|
display: flex;
|
|
align-items: center;
|
|
box-sizing: border-box;
|
|
min-height: 40px;
|
|
margin-right: 8px;
|
|
padding-top: 8px;
|
|
padding-right: 16px;
|
|
padding-bottom: 8px;
|
|
padding-left: 16px;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-color: transparent;
|
|
border-radius: 6px;
|
|
color: #98A2B3;
|
|
text-decoration: none;
|
|
}
|
|
.acf-admin-toolbar .acf-tab.is-active {
|
|
background-color: #475467;
|
|
color: #fff;
|
|
}
|
|
.acf-admin-toolbar .acf-tab:hover {
|
|
background-color: #475467;
|
|
color: #F9FAFB;
|
|
}
|
|
.acf-admin-toolbar .acf-tab:focus-visible {
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-color: #667085;
|
|
}
|
|
.acf-admin-toolbar .acf-tab:focus {
|
|
box-shadow: none;
|
|
}
|
|
#wpcontent .acf-admin-toolbar {
|
|
box-sizing: border-box;
|
|
margin-left: -20px;
|
|
padding-top: 16px;
|
|
padding-right: 32px;
|
|
padding-bottom: 16px;
|
|
padding-left: 32px;
|
|
}
|
|
@media screen and (max-width: 600px) {
|
|
.acf-admin-toolbar {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* Admin Toolbar Icons
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
.acf-admin-toolbar .acf-tab i.acf-icon {
|
|
display: none;
|
|
margin-right: 8px;
|
|
margin-left: -2px;
|
|
}
|
|
.acf-admin-toolbar .acf-tab.acf-header-tab-acf-field-group i.acf-icon, .acf-admin-toolbar .acf-tab.acf-header-tab-acf-tools i.acf-icon, .acf-admin-toolbar .acf-tab.acf-header-tab-acf-settings-updates i.acf-icon {
|
|
display: inline-flex;
|
|
}
|
|
.acf-admin-toolbar .acf-tab.is-active i.acf-icon, .acf-admin-toolbar .acf-tab:hover i.acf-icon {
|
|
background-color: #EAECF0;
|
|
}
|
|
.acf-admin-toolbar .acf-header-tab-acf-field-group i.acf-icon {
|
|
-webkit-mask-image: url("../../images/icons/icon-field-groups.svg");
|
|
mask-image: url("../../images/icons/icon-field-groups.svg");
|
|
}
|
|
.acf-admin-toolbar .acf-header-tab-acf-tools i.acf-icon {
|
|
-webkit-mask-image: url("../../images/icons/icon-tools.svg");
|
|
mask-image: url("../../images/icons/icon-tools.svg");
|
|
}
|
|
.acf-admin-toolbar .acf-header-tab-acf-settings-updates i.acf-icon {
|
|
-webkit-mask-image: url("../../images/icons/icon-updates.svg");
|
|
mask-image: url("../../images/icons/icon-updates.svg");
|
|
}
|
|
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* Hide WP default controls
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
.post-type-acf-field-group h1.wp-heading-inline {
|
|
display: none;
|
|
}
|
|
.post-type-acf-field-group .wrap .wp-heading-inline + .page-title-action {
|
|
display: none;
|
|
}
|
|
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* Headerbar
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
.acf-headerbar {
|
|
display: flex;
|
|
align-items: center;
|
|
position: sticky;
|
|
top: 32px;
|
|
z-index: 700;
|
|
box-sizing: border-box;
|
|
min-height: 72px;
|
|
margin-left: -20px;
|
|
padding-top: 8px;
|
|
padding-right: 32px;
|
|
padding-bottom: 8px;
|
|
padding-left: 32px;
|
|
background-color: #fff;
|
|
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.1);
|
|
}
|
|
.acf-headerbar .acf-headerbar-inner {
|
|
flex: 1 1 auto;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
max-width: 1440px;
|
|
}
|
|
.acf-headerbar .acf-page-title {
|
|
margin-top: 0;
|
|
margin-right: 16px;
|
|
margin-bottom: 0;
|
|
margin-left: 0;
|
|
padding-top: 0;
|
|
padding-right: 0;
|
|
padding-bottom: 0;
|
|
padding-left: 0;
|
|
}
|
|
@media screen and (max-width: 880px) {
|
|
.acf-headerbar {
|
|
position: static;
|
|
}
|
|
}
|
|
@media screen and (max-width: 600px) {
|
|
.acf-headerbar {
|
|
justify-content: space-between;
|
|
position: relative;
|
|
top: 46px;
|
|
min-height: 64px;
|
|
padding-right: 12px;
|
|
}
|
|
}
|
|
.acf-headerbar .acf-headerbar-content {
|
|
flex: 1 1 auto;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
@media screen and (max-width: 880px) {
|
|
.acf-headerbar .acf-headerbar-content {
|
|
flex-wrap: wrap;
|
|
}
|
|
.acf-headerbar .acf-headerbar-content .acf-headerbar-title,
|
|
.acf-headerbar .acf-headerbar-content .acf-title-wrap {
|
|
flex: 1 1 100%;
|
|
}
|
|
.acf-headerbar .acf-headerbar-content .acf-title-wrap {
|
|
margin-top: 8px;
|
|
}
|
|
}
|
|
.acf-headerbar .acf-headerbar-title-field {
|
|
min-width: 320px;
|
|
}
|
|
@media screen and (max-width: 880px) {
|
|
.acf-headerbar .acf-headerbar-title-field {
|
|
min-width: 100%;
|
|
}
|
|
}
|
|
.acf-headerbar .acf-headerbar-actions {
|
|
display: flex;
|
|
}
|
|
.acf-headerbar .acf-headerbar-actions .acf-btn {
|
|
margin-left: 8px;
|
|
}
|
|
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* Edit Field Group Headerbar
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
.acf-headerbar-field-editor {
|
|
position: sticky;
|
|
top: 32px;
|
|
z-index: 700;
|
|
margin-left: -20px;
|
|
width: calc(100% + 20px);
|
|
}
|
|
@media screen and (max-width: 880px) {
|
|
.acf-headerbar-field-editor {
|
|
position: relative;
|
|
top: 0;
|
|
width: 100%;
|
|
margin-left: 0;
|
|
padding-right: 8px;
|
|
padding-left: 8px;
|
|
}
|
|
}
|
|
@media screen and (max-width: 640px) {
|
|
.acf-headerbar-field-editor {
|
|
position: relative;
|
|
top: 46px;
|
|
}
|
|
}
|
|
@media screen and (max-width: 880px) {
|
|
.acf-headerbar-field-editor .acf-headerbar-inner {
|
|
flex-wrap: wrap;
|
|
justify-content: flex-start;
|
|
align-content: flex-start;
|
|
align-items: flex-start;
|
|
width: 100%;
|
|
}
|
|
.acf-headerbar-field-editor .acf-headerbar-inner .acf-page-title {
|
|
flex: 1 1 auto;
|
|
}
|
|
.acf-headerbar-field-editor .acf-headerbar-inner .acf-headerbar-actions {
|
|
flex: 1 1 100%;
|
|
margin-top: 8px;
|
|
gap: 8px;
|
|
}
|
|
.acf-headerbar-field-editor .acf-headerbar-inner .acf-headerbar-actions .acf-btn {
|
|
width: 100%;
|
|
display: inline-flex;
|
|
justify-content: center;
|
|
margin: 0;
|
|
}
|
|
}
|
|
.acf-headerbar-field-editor .acf-page-title {
|
|
margin-right: 16px;
|
|
}
|
|
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* ACF Buttons
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
.acf-btn {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
box-sizing: border-box;
|
|
min-height: 40px;
|
|
padding-top: 8px;
|
|
padding-right: 16px;
|
|
padding-bottom: 8px;
|
|
padding-left: 16px;
|
|
background-color: #0783BE;
|
|
border-radius: 6px;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-color: rgba(16, 24, 40, 0.2);
|
|
text-decoration: none;
|
|
color: #fff !important;
|
|
transition: all 0.2s ease-in-out;
|
|
transition-property: background, border, box-shadow;
|
|
}
|
|
.acf-btn:disabled {
|
|
background-color: red;
|
|
}
|
|
.acf-btn:hover {
|
|
background-color: #066998;
|
|
color: #fff;
|
|
cursor: pointer;
|
|
}
|
|
.acf-btn.acf-btn-sm {
|
|
min-height: 32px;
|
|
padding-top: 4px;
|
|
padding-right: 12px;
|
|
padding-bottom: 4px;
|
|
padding-left: 12px;
|
|
}
|
|
.acf-btn.acf-btn-secondary {
|
|
background-color: transparent;
|
|
color: #0783BE !important;
|
|
border-color: #0783BE;
|
|
}
|
|
.acf-btn.acf-btn-secondary:hover {
|
|
background-color: #f3f9fc;
|
|
}
|
|
.acf-btn.acf-btn-tertiary {
|
|
background-color: transparent;
|
|
color: #667085 !important;
|
|
border-color: #D0D5DD;
|
|
}
|
|
.acf-btn.acf-btn-tertiary:hover {
|
|
color: #667085 !important;
|
|
border-color: #98A2B3;
|
|
}
|
|
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* Button icons
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
.acf-btn i.acf-icon {
|
|
width: 20px;
|
|
height: 20px;
|
|
-webkit-mask-size: 20px;
|
|
mask-size: 20px;
|
|
margin-right: 6px;
|
|
margin-left: -4px;
|
|
}
|
|
.acf-btn.acf-btn-sm i.acf-icon {
|
|
width: 18px;
|
|
height: 18px;
|
|
-webkit-mask-size: 18px;
|
|
mask-size: 18px;
|
|
margin-right: 4px;
|
|
margin-left: -2px;
|
|
}
|
|
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* Delete field group button
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
.acf-btn.acf-delete-field-group:hover {
|
|
background-color: #fdf8f6;
|
|
border-color: #DA5A39 !important;
|
|
color: #DA5A39 !important;
|
|
}
|
|
|
|
/*--------------------------------------------------------------------------------------------
|
|
*
|
|
* Icon base styling
|
|
*
|
|
*--------------------------------------------------------------------------------------------*/
|
|
.post-type-acf-field-group i.acf-icon {
|
|
display: inline-flex;
|
|
width: 20px;
|
|
height: 20px;
|
|
background-color: currentColor;
|
|
border: none;
|
|
border-radius: 0;
|
|
-webkit-mask-size: contain;
|
|
mask-size: contain;
|
|
-webkit-mask-repeat: no-repeat;
|
|
mask-repeat: no-repeat;
|
|
-webkit-mask-position: center;
|
|
mask-position: center;
|
|
text-indent: 500%;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
}
|
|
|
|
/*--------------------------------------------------------------------------------------------
|
|
*
|
|
* Icons
|
|
*
|
|
*--------------------------------------------------------------------------------------------*/
|
|
.post-type-acf-field-group {
|
|
/*--------------------------------------------------------------------------------------------
|
|
*
|
|
* Inactive group icon
|
|
*
|
|
*--------------------------------------------------------------------------------------------*/
|
|
}
|
|
.post-type-acf-field-group i.acf-icon-plus {
|
|
-webkit-mask-image: url("../../images/icons/icon-add.svg");
|
|
mask-image: url("../../images/icons/icon-add.svg");
|
|
}
|
|
.post-type-acf-field-group i.acf-icon-stars {
|
|
-webkit-mask-image: url("../../images/icons/icon-stars.svg");
|
|
mask-image: url("../../images/icons/icon-stars.svg");
|
|
}
|
|
.post-type-acf-field-group i.acf-icon-help {
|
|
-webkit-mask-image: url("../../images/icons/icon-help.svg");
|
|
mask-image: url("../../images/icons/icon-help.svg");
|
|
}
|
|
.post-type-acf-field-group i.acf-icon-key {
|
|
-webkit-mask-image: url("../../images/icons/icon-key.svg");
|
|
mask-image: url("../../images/icons/icon-key.svg");
|
|
}
|
|
.post-type-acf-field-group i.acf-icon-trash {
|
|
-webkit-mask-image: url("../../images/icons/icon-trash.svg");
|
|
mask-image: url("../../images/icons/icon-trash.svg");
|
|
}
|
|
.post-type-acf-field-group i.acf-icon-arrow-right {
|
|
-webkit-mask-image: url("../../images/icons/icon-arrow-right.svg");
|
|
mask-image: url("../../images/icons/icon-arrow-right.svg");
|
|
}
|
|
.post-type-acf-field-group i.acf-icon-arrow-left {
|
|
-webkit-mask-image: url("../../images/icons/icon-arrow-left.svg");
|
|
mask-image: url("../../images/icons/icon-arrow-left.svg");
|
|
}
|
|
.post-type-acf-field-group i.acf-icon-chevron-right,
|
|
.post-type-acf-field-group .acf-icon.-right {
|
|
-webkit-mask-image: url("../../images/icons/icon-chevron-right.svg");
|
|
mask-image: url("../../images/icons/icon-chevron-right.svg");
|
|
}
|
|
.post-type-acf-field-group i.acf-icon-chevron-left,
|
|
.post-type-acf-field-group .acf-icon.-left {
|
|
-webkit-mask-image: url("../../images/icons/icon-chevron-left.svg");
|
|
mask-image: url("../../images/icons/icon-chevron-left.svg");
|
|
}
|
|
.post-type-acf-field-group i.acf-icon-key-solid {
|
|
-webkit-mask-image: url("../../images/icons/icon-key-solid.svg");
|
|
mask-image: url("../../images/icons/icon-key-solid.svg");
|
|
}
|
|
.post-type-acf-field-group i.acf-icon-globe,
|
|
.post-type-acf-field-group .acf-icon.-globe {
|
|
-webkit-mask-image: url("../../images/icons/icon-globe.svg");
|
|
mask-image: url("../../images/icons/icon-globe.svg");
|
|
}
|
|
.post-type-acf-field-group i.acf-icon-image,
|
|
.post-type-acf-field-group .acf-icon.-picture {
|
|
-webkit-mask-image: url("../../images/field-type-icons/icon-field-image.svg");
|
|
mask-image: url("../../images/field-type-icons/icon-field-image.svg");
|
|
}
|
|
.post-type-acf-field-group .post-type-acf-field-group .post-state {
|
|
font-weight: normal;
|
|
}
|
|
.post-type-acf-field-group .post-type-acf-field-group .post-state .dashicons.dashicons-hidden {
|
|
display: inline-flex;
|
|
width: 18px;
|
|
height: 18px;
|
|
background-color: #98A2B3;
|
|
border: none;
|
|
border-radius: 0;
|
|
-webkit-mask-size: 18px;
|
|
mask-size: 18px;
|
|
-webkit-mask-repeat: no-repeat;
|
|
mask-repeat: no-repeat;
|
|
-webkit-mask-position: center;
|
|
mask-position: center;
|
|
-webkit-mask-image: url("../../images/icons/icon-hidden.svg");
|
|
mask-image: url("../../images/icons/icon-hidden.svg");
|
|
}
|
|
.post-type-acf-field-group .post-type-acf-field-group .post-state .dashicons.dashicons-hidden:before {
|
|
display: none;
|
|
}
|
|
|
|
/*--------------------------------------------------------------------------------------------
|
|
*
|
|
* Edit field group page postbox header icons
|
|
*
|
|
*--------------------------------------------------------------------------------------------*/
|
|
#acf-field-group-fields .postbox-header h2,
|
|
#acf-field-group-fields .postbox-header h3,
|
|
#acf-field-group-fields .acf-sub-field-list-header h2,
|
|
#acf-field-group-fields .acf-sub-field-list-header h3,
|
|
#acf-field-group-options .postbox-header h2,
|
|
#acf-field-group-options .postbox-header h3,
|
|
#acf-field-group-options .acf-sub-field-list-header h2,
|
|
#acf-field-group-options .acf-sub-field-list-header h3 {
|
|
display: inline-flex;
|
|
justify-content: flex-start;
|
|
align-content: stretch;
|
|
align-items: center;
|
|
}
|
|
#acf-field-group-fields .postbox-header h2:before,
|
|
#acf-field-group-fields .postbox-header h3:before,
|
|
#acf-field-group-fields .acf-sub-field-list-header h2:before,
|
|
#acf-field-group-fields .acf-sub-field-list-header h3:before,
|
|
#acf-field-group-options .postbox-header h2:before,
|
|
#acf-field-group-options .postbox-header h3:before,
|
|
#acf-field-group-options .acf-sub-field-list-header h2:before,
|
|
#acf-field-group-options .acf-sub-field-list-header h3:before {
|
|
content: "";
|
|
display: inline-block;
|
|
width: 20px;
|
|
height: 20px;
|
|
margin-right: 8px;
|
|
background-color: #98A2B3;
|
|
border: none;
|
|
border-radius: 0;
|
|
-webkit-mask-size: contain;
|
|
mask-size: contain;
|
|
-webkit-mask-repeat: no-repeat;
|
|
mask-repeat: no-repeat;
|
|
-webkit-mask-position: center;
|
|
mask-position: center;
|
|
}
|
|
|
|
#acf-field-group-fields .postbox-header h2:before,
|
|
h3.acf-sub-field-list-title:before {
|
|
-webkit-mask-image: url("../../images/icons/icon-fields.svg");
|
|
mask-image: url("../../images/icons/icon-fields.svg");
|
|
}
|
|
|
|
#acf-field-group-options .postbox-header h2:before {
|
|
-webkit-mask-image: url("../../images/icons/icon-settings.svg");
|
|
mask-image: url("../../images/icons/icon-settings.svg");
|
|
}
|
|
|
|
.acf-field-setting-fc_layout .acf-field-settings-fc_head label:before {
|
|
-webkit-mask-image: url("../../images/icons/icon-layout.svg");
|
|
mask-image: url("../../images/icons/icon-layout.svg");
|
|
}
|
|
|
|
/*--------------------------------------------------------------------------------------------
|
|
*
|
|
* Postbox expand / collapse icon
|
|
*
|
|
*--------------------------------------------------------------------------------------------*/
|
|
.post-type-acf-field-group .postbox-header .handle-actions {
|
|
display: flex;
|
|
}
|
|
.post-type-acf-field-group .postbox-header .handle-actions .toggle-indicator:before {
|
|
content: "";
|
|
display: inline-flex;
|
|
width: 20px;
|
|
height: 20px;
|
|
background-color: currentColor;
|
|
border: none;
|
|
border-radius: 0;
|
|
-webkit-mask-size: contain;
|
|
mask-size: contain;
|
|
-webkit-mask-repeat: no-repeat;
|
|
mask-repeat: no-repeat;
|
|
-webkit-mask-position: center;
|
|
mask-position: center;
|
|
-webkit-mask-image: url("../../images/icons/icon-chevron-up.svg");
|
|
mask-image: url("../../images/icons/icon-chevron-up.svg");
|
|
}
|
|
.post-type-acf-field-group.closed .postbox-header .handle-actions .toggle-indicator:before {
|
|
-webkit-mask-image: url("../../images/icons/icon-chevron-down.svg");
|
|
mask-image: url("../../images/icons/icon-chevron-down.svg");
|
|
}
|
|
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* Tools & updates page heading icons
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
.post-type-acf-field-group #acf-admin-tool-export h2,
|
|
.post-type-acf-field-group #acf-admin-tool-export h3,
|
|
.post-type-acf-field-group #acf-admin-tool-import h2,
|
|
.post-type-acf-field-group #acf-admin-tool-import h3,
|
|
.post-type-acf-field-group #acf-license-information h2,
|
|
.post-type-acf-field-group #acf-license-information h3,
|
|
.post-type-acf-field-group #acf-update-information h2,
|
|
.post-type-acf-field-group #acf-update-information h3 {
|
|
display: inline-flex;
|
|
justify-content: flex-start;
|
|
align-content: stretch;
|
|
align-items: center;
|
|
}
|
|
.post-type-acf-field-group #acf-admin-tool-export h2:before,
|
|
.post-type-acf-field-group #acf-admin-tool-export h3:before,
|
|
.post-type-acf-field-group #acf-admin-tool-import h2:before,
|
|
.post-type-acf-field-group #acf-admin-tool-import h3:before,
|
|
.post-type-acf-field-group #acf-license-information h2:before,
|
|
.post-type-acf-field-group #acf-license-information h3:before,
|
|
.post-type-acf-field-group #acf-update-information h2:before,
|
|
.post-type-acf-field-group #acf-update-information h3:before {
|
|
content: "";
|
|
display: inline-block;
|
|
width: 20px;
|
|
height: 20px;
|
|
margin-right: 8px;
|
|
background-color: #98A2B3;
|
|
border: none;
|
|
border-radius: 0;
|
|
-webkit-mask-size: contain;
|
|
mask-size: contain;
|
|
-webkit-mask-repeat: no-repeat;
|
|
mask-repeat: no-repeat;
|
|
-webkit-mask-position: center;
|
|
mask-position: center;
|
|
}
|
|
|
|
.post-type-acf-field-group #acf-admin-tool-export h2:before {
|
|
-webkit-mask-image: url("../../images/icons/icon-export.svg");
|
|
mask-image: url("../../images/icons/icon-export.svg");
|
|
}
|
|
|
|
.post-type-acf-field-group #acf-admin-tool-import h2:before {
|
|
-webkit-mask-image: url("../../images/icons/icon-import.svg");
|
|
mask-image: url("../../images/icons/icon-import.svg");
|
|
}
|
|
|
|
.post-type-acf-field-group #acf-license-information h3:before {
|
|
-webkit-mask-image: url("../../images/icons/icon-key.svg");
|
|
mask-image: url("../../images/icons/icon-key.svg");
|
|
}
|
|
|
|
.post-type-acf-field-group #acf-update-information h3:before {
|
|
-webkit-mask-image: url("../../images/icons/icon-info.svg");
|
|
mask-image: url("../../images/icons/icon-info.svg");
|
|
}
|
|
|
|
/*--------------------------------------------------------------------------------------------
|
|
*
|
|
* Admin field icons
|
|
*
|
|
*--------------------------------------------------------------------------------------------*/
|
|
.acf-admin-single-field-group .acf-input .acf-icon {
|
|
width: 18px;
|
|
height: 18px;
|
|
}
|
|
|
|
/*--------------------------------------------------------------------------------------------
|
|
*
|
|
* Field type icon base styling
|
|
*
|
|
*--------------------------------------------------------------------------------------------*/
|
|
.field-type-icon {
|
|
box-sizing: border-box;
|
|
display: inline-flex;
|
|
align-content: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
position: relative;
|
|
width: 24px;
|
|
height: 24px;
|
|
top: -4px;
|
|
background-color: #EBF5FA;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-color: #A5D2E7;
|
|
border-radius: 100%;
|
|
}
|
|
.field-type-icon:before {
|
|
content: "";
|
|
width: 14px;
|
|
height: 14px;
|
|
position: relative;
|
|
background-color: #0783BE;
|
|
-webkit-mask-size: cover;
|
|
mask-size: cover;
|
|
-webkit-mask-repeat: no-repeat;
|
|
mask-repeat: no-repeat;
|
|
-webkit-mask-position: center;
|
|
mask-position: center;
|
|
-webkit-mask-image: url("../../images/field-type-icons/icon-field-default.svg");
|
|
mask-image: url("../../images/field-type-icons/icon-field-default.svg");
|
|
}
|
|
|
|
/*--------------------------------------------------------------------------------------------
|
|
*
|
|
* Field type icons
|
|
*
|
|
*--------------------------------------------------------------------------------------------*/
|
|
.field-type-icon.field-type-icon-text:before {
|
|
-webkit-mask-image: url("../../images/field-type-icons/icon-field-text.svg");
|
|
mask-image: url("../../images/field-type-icons/icon-field-text.svg");
|
|
}
|
|
|
|
.field-type-icon.field-type-icon-textarea:before {
|
|
-webkit-mask-image: url("../../images/field-type-icons/icon-field-textarea.svg");
|
|
mask-image: url("../../images/field-type-icons/icon-field-textarea.svg");
|
|
}
|
|
|
|
.field-type-icon.field-type-icon-textarea:before {
|
|
-webkit-mask-image: url("../../images/field-type-icons/icon-field-textarea.svg");
|
|
mask-image: url("../../images/field-type-icons/icon-field-textarea.svg");
|
|
}
|
|
|
|
.field-type-icon.field-type-icon-number:before {
|
|
-webkit-mask-image: url("../../images/field-type-icons/icon-field-number.svg");
|
|
mask-image: url("../../images/field-type-icons/icon-field-number.svg");
|
|
}
|
|
|
|
.field-type-icon.field-type-icon-range:before {
|
|
-webkit-mask-image: url("../../images/field-type-icons/icon-field-range.svg");
|
|
mask-image: url("../../images/field-type-icons/icon-field-range.svg");
|
|
}
|
|
|
|
.field-type-icon.field-type-icon-email:before {
|
|
-webkit-mask-image: url("../../images/field-type-icons/icon-field-email.svg");
|
|
mask-image: url("../../images/field-type-icons/icon-field-email.svg");
|
|
}
|
|
|
|
.field-type-icon.field-type-icon-url:before {
|
|
-webkit-mask-image: url("../../images/field-type-icons/icon-field-url.svg");
|
|
mask-image: url("../../images/field-type-icons/icon-field-url.svg");
|
|
}
|
|
|
|
.field-type-icon.field-type-icon-password:before {
|
|
-webkit-mask-image: url("../../images/field-type-icons/icon-field-password.svg");
|
|
mask-image: url("../../images/field-type-icons/icon-field-password.svg");
|
|
}
|
|
|
|
.field-type-icon.field-type-icon-image:before {
|
|
-webkit-mask-image: url("../../images/field-type-icons/icon-field-image.svg");
|
|
mask-image: url("../../images/field-type-icons/icon-field-image.svg");
|
|
}
|
|
|
|
.field-type-icon.field-type-icon-file:before {
|
|
-webkit-mask-image: url("../../images/field-type-icons/icon-field-file.svg");
|
|
mask-image: url("../../images/field-type-icons/icon-field-file.svg");
|
|
}
|
|
|
|
.field-type-icon.field-type-icon-wysiwyg:before {
|
|
-webkit-mask-image: url("../../images/field-type-icons/icon-field-wysiwyg.svg");
|
|
mask-image: url("../../images/field-type-icons/icon-field-wysiwyg.svg");
|
|
}
|
|
|
|
.field-type-icon.field-type-icon-oembed:before {
|
|
-webkit-mask-image: url("../../images/field-type-icons/icon-field-oembed.svg");
|
|
mask-image: url("../../images/field-type-icons/icon-field-oembed.svg");
|
|
}
|
|
|
|
.field-type-icon.field-type-icon-gallery:before {
|
|
-webkit-mask-image: url("../../images/field-type-icons/icon-field-gallery.svg");
|
|
mask-image: url("../../images/field-type-icons/icon-field-gallery.svg");
|
|
}
|
|
|
|
.field-type-icon.field-type-icon-select:before {
|
|
-webkit-mask-image: url("../../images/field-type-icons/icon-field-select.svg");
|
|
mask-image: url("../../images/field-type-icons/icon-field-select.svg");
|
|
}
|
|
|
|
.field-type-icon.field-type-icon-checkbox:before {
|
|
-webkit-mask-image: url("../../images/field-type-icons/icon-field-checkbox.svg");
|
|
mask-image: url("../../images/field-type-icons/icon-field-checkbox.svg");
|
|
}
|
|
|
|
.field-type-icon.field-type-icon-radio:before {
|
|
-webkit-mask-image: url("../../images/field-type-icons/icon-field-radio.svg");
|
|
mask-image: url("../../images/field-type-icons/icon-field-radio.svg");
|
|
}
|
|
|
|
.field-type-icon.field-type-icon-button-group:before {
|
|
-webkit-mask-image: url("../../images/field-type-icons/icon-field-button-group.svg");
|
|
mask-image: url("../../images/field-type-icons/icon-field-button-group.svg");
|
|
}
|
|
|
|
.field-type-icon.field-type-icon-true-false:before {
|
|
-webkit-mask-image: url("../../images/field-type-icons/icon-field-true-false.svg");
|
|
mask-image: url("../../images/field-type-icons/icon-field-true-false.svg");
|
|
}
|
|
|
|
.field-type-icon.field-type-icon-link:before {
|
|
-webkit-mask-image: url("../../images/field-type-icons/icon-field-link.svg");
|
|
mask-image: url("../../images/field-type-icons/icon-field-link.svg");
|
|
}
|
|
|
|
.field-type-icon.field-type-icon-post-object:before {
|
|
-webkit-mask-image: url("../../images/field-type-icons/icon-field-post-object.svg");
|
|
mask-image: url("../../images/field-type-icons/icon-field-post-object.svg");
|
|
}
|
|
|
|
.field-type-icon.field-type-icon-page-link:before {
|
|
-webkit-mask-image: url("../../images/field-type-icons/icon-field-page-link.svg");
|
|
mask-image: url("../../images/field-type-icons/icon-field-page-link.svg");
|
|
}
|
|
|
|
.field-type-icon.field-type-icon-relationship:before {
|
|
-webkit-mask-image: url("../../images/field-type-icons/icon-field-relationship.svg");
|
|
mask-image: url("../../images/field-type-icons/icon-field-relationship.svg");
|
|
}
|
|
|
|
.field-type-icon.field-type-icon-taxonomy:before {
|
|
-webkit-mask-image: url("../../images/field-type-icons/icon-field-taxonomy.svg");
|
|
mask-image: url("../../images/field-type-icons/icon-field-taxonomy.svg");
|
|
}
|
|
|
|
.field-type-icon.field-type-icon-user:before {
|
|
-webkit-mask-image: url("../../images/field-type-icons/icon-field-user.svg");
|
|
mask-image: url("../../images/field-type-icons/icon-field-user.svg");
|
|
}
|
|
|
|
.field-type-icon.field-type-icon-google-map:before {
|
|
-webkit-mask-image: url("../../images/field-type-icons/icon-field-google-map.svg");
|
|
mask-image: url("../../images/field-type-icons/icon-field-google-map.svg");
|
|
}
|
|
|
|
.field-type-icon.field-type-icon-date-picker:before {
|
|
-webkit-mask-image: url("../../images/field-type-icons/icon-field-date-picker.svg");
|
|
mask-image: url("../../images/field-type-icons/icon-field-date-picker.svg");
|
|
}
|
|
|
|
.field-type-icon.field-type-icon-date-time-picker:before {
|
|
-webkit-mask-image: url("../../images/field-type-icons/icon-field-date-time-picker.svg");
|
|
mask-image: url("../../images/field-type-icons/icon-field-date-time-picker.svg");
|
|
}
|
|
|
|
.field-type-icon.field-type-icon-time-picker:before {
|
|
-webkit-mask-image: url("../../images/field-type-icons/icon-field-time-picker.svg");
|
|
mask-image: url("../../images/field-type-icons/icon-field-time-picker.svg");
|
|
}
|
|
|
|
.field-type-icon.field-type-icon-color-picker:before {
|
|
-webkit-mask-image: url("../../images/field-type-icons/icon-field-color-picker.svg");
|
|
mask-image: url("../../images/field-type-icons/icon-field-color-picker.svg");
|
|
}
|
|
|
|
.field-type-icon.field-type-icon-message:before {
|
|
-webkit-mask-image: url("../../images/field-type-icons/icon-field-message.svg");
|
|
mask-image: url("../../images/field-type-icons/icon-field-message.svg");
|
|
}
|
|
|
|
.field-type-icon.field-type-icon-accordion:before {
|
|
-webkit-mask-image: url("../../images/field-type-icons/icon-field-accordion.svg");
|
|
mask-image: url("../../images/field-type-icons/icon-field-accordion.svg");
|
|
}
|
|
|
|
.field-type-icon.field-type-icon-tab:before {
|
|
-webkit-mask-image: url("../../images/field-type-icons/icon-field-tab.svg");
|
|
mask-image: url("../../images/field-type-icons/icon-field-tab.svg");
|
|
}
|
|
|
|
.field-type-icon.field-type-icon-group:before {
|
|
-webkit-mask-image: url("../../images/field-type-icons/icon-field-group.svg");
|
|
mask-image: url("../../images/field-type-icons/icon-field-group.svg");
|
|
}
|
|
|
|
.field-type-icon.field-type-icon-repeater:before {
|
|
-webkit-mask-image: url("../../images/field-type-icons/icon-field-repeater.svg");
|
|
mask-image: url("../../images/field-type-icons/icon-field-repeater.svg");
|
|
}
|
|
|
|
.field-type-icon.field-type-icon-flexible-content:before {
|
|
-webkit-mask-image: url("../../images/field-type-icons/icon-field-flexible-content.svg");
|
|
mask-image: url("../../images/field-type-icons/icon-field-flexible-content.svg");
|
|
}
|
|
|
|
.field-type-icon.field-type-icon-clone:before {
|
|
-webkit-mask-image: url("../../images/field-type-icons/icon-field-clone.svg");
|
|
mask-image: url("../../images/field-type-icons/icon-field-clone.svg");
|
|
}
|
|
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* Tools page layout
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
#acf-admin-tools .postbox-header {
|
|
display: none;
|
|
}
|
|
#acf-admin-tools .acf-meta-box-wrap.-grid {
|
|
margin-top: 0;
|
|
margin-right: 0;
|
|
margin-bottom: 0;
|
|
margin-left: 0;
|
|
}
|
|
#acf-admin-tools .acf-meta-box-wrap.-grid .postbox {
|
|
width: 100%;
|
|
clear: none;
|
|
float: none;
|
|
margin-bottom: 0;
|
|
}
|
|
@media screen and (max-width: 880px) {
|
|
#acf-admin-tools .acf-meta-box-wrap.-grid .postbox {
|
|
flex: 1 1 100%;
|
|
}
|
|
}
|
|
#acf-admin-tools .acf-meta-box-wrap.-grid .postbox:nth-child(odd) {
|
|
margin-left: 0;
|
|
}
|
|
#acf-admin-tools .meta-box-sortables {
|
|
display: grid;
|
|
grid-template-columns: repeat(2, 1fr);
|
|
grid-template-rows: repeat(1, 1fr);
|
|
grid-column-gap: 32px;
|
|
grid-row-gap: 32px;
|
|
}
|
|
@media screen and (max-width: 880px) {
|
|
#acf-admin-tools .meta-box-sortables {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: flex-start;
|
|
align-content: flex-start;
|
|
align-items: center;
|
|
grid-column-gap: 8px;
|
|
grid-row-gap: 8px;
|
|
}
|
|
}
|
|
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* Tools export pages
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
#acf-admin-tools.tool-export .inside {
|
|
margin: 0;
|
|
}
|
|
#acf-admin-tools.tool-export .acf-postbox-header {
|
|
margin-bottom: 24px;
|
|
}
|
|
#acf-admin-tools.tool-export .acf-postbox-main {
|
|
border: none;
|
|
margin: 0;
|
|
padding-top: 0;
|
|
padding-right: 24px;
|
|
padding-bottom: 0;
|
|
padding-left: 0;
|
|
}
|
|
#acf-admin-tools.tool-export .acf-postbox-columns {
|
|
margin-top: 0;
|
|
margin-right: 280px;
|
|
margin-bottom: 0;
|
|
margin-left: 0;
|
|
padding: 0;
|
|
}
|
|
#acf-admin-tools.tool-export .acf-postbox-columns .acf-postbox-side {
|
|
padding: 0;
|
|
}
|
|
#acf-admin-tools.tool-export .acf-postbox-columns .acf-postbox-side .acf-panel {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
#acf-admin-tools.tool-export .acf-postbox-columns .acf-postbox-side:before {
|
|
display: none;
|
|
}
|
|
#acf-admin-tools.tool-export .acf-postbox-columns .acf-postbox-side .acf-btn {
|
|
display: block;
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
#acf-admin-tools.tool-export .meta-box-sortables {
|
|
display: block;
|
|
}
|
|
#acf-admin-tools.tool-export .acf-panel {
|
|
border: none;
|
|
}
|
|
#acf-admin-tools.tool-export .acf-panel h3 {
|
|
margin: 0;
|
|
padding: 0;
|
|
color: #344054;
|
|
}
|
|
#acf-admin-tools.tool-export .acf-panel h3:before {
|
|
display: none;
|
|
}
|
|
#acf-admin-tools.tool-export .acf-checkbox-list {
|
|
margin-top: 16px;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-color: #D0D5DD;
|
|
border-radius: 6px;
|
|
}
|
|
#acf-admin-tools.tool-export .acf-checkbox-list li {
|
|
display: inline-flex;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
height: 48px;
|
|
align-items: center;
|
|
margin: 0;
|
|
padding-right: 12px;
|
|
padding-left: 12px;
|
|
border-bottom-width: 1px;
|
|
border-bottom-style: solid;
|
|
border-bottom-color: #EAECF0;
|
|
}
|
|
#acf-admin-tools.tool-export .acf-checkbox-list li:last-child {
|
|
border-bottom: none;
|
|
}
|
|
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* Updates layout
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
.acf-settings-wrap.acf-updates {
|
|
display: grid;
|
|
grid-template-columns: 65% 1fr;
|
|
grid-template-rows: min-content 1.3fr;
|
|
gap: 32px 32px;
|
|
grid-template-areas: "acf-admin-notice acf-admin-notice" ". .";
|
|
}
|
|
@media screen and (max-width: 880px) {
|
|
.acf-settings-wrap.acf-updates {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: flex-start;
|
|
align-content: flex-start;
|
|
align-items: center;
|
|
grid-column-gap: 8px;
|
|
grid-row-gap: 8px;
|
|
}
|
|
}
|
|
|
|
.acf-admin-notice,
|
|
.post-type-acf-field-group .notice {
|
|
grid-area: acf-admin-notice;
|
|
margin-bottom: 0 !important;
|
|
}
|
|
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* ACF Box
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
.acf-settings-wrap.acf-updates .acf-box {
|
|
margin-top: 0;
|
|
margin-right: 0;
|
|
margin-bottom: 0;
|
|
margin-left: 0;
|
|
}
|
|
.acf-settings-wrap.acf-updates .acf-box .inner {
|
|
padding-top: 24px;
|
|
padding-right: 24px;
|
|
padding-bottom: 24px;
|
|
padding-left: 24px;
|
|
}
|
|
@media screen and (max-width: 880px) {
|
|
.acf-settings-wrap.acf-updates .acf-box {
|
|
flex: 1 1 100%;
|
|
}
|
|
}
|
|
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* Notices
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
.acf-settings-wrap.acf-updates .acf-admin-notice {
|
|
flex: 1 1 100%;
|
|
margin-top: 16px;
|
|
margin-right: 0;
|
|
margin-bottom: 0 !important;
|
|
margin-left: 0;
|
|
}
|
|
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* License information
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
#acf-license-information .acf-activation-form {
|
|
margin-top: 24px;
|
|
}
|
|
#acf-license-information label {
|
|
font-weight: bold;
|
|
}
|
|
#acf-license-information .acf-input-wrap {
|
|
margin-top: 8px;
|
|
margin-bottom: 24px;
|
|
}
|
|
#acf-license-information #acf_pro_license {
|
|
width: 100%;
|
|
}
|
|
|
|
/*---------------------------------------------------------------------------------------------
|
|
*
|
|
* Update information table
|
|
*
|
|
*---------------------------------------------------------------------------------------------*/
|
|
#acf-update-information .form-table th,
|
|
#acf-update-information .form-table td {
|
|
padding-top: 0;
|
|
padding-right: 0;
|
|
padding-bottom: 24px;
|
|
padding-left: 0;
|
|
color: #344054;
|
|
}
|
|
#acf-update-information .acf-update-changelog {
|
|
margin-top: 8px;
|
|
margin-bottom: 24px;
|
|
padding-top: 8px;
|
|
border-top-width: 1px;
|
|
border-top-style: solid;
|
|
border-top-color: #EAECF0;
|
|
color: #344054;
|
|
}
|
|
#acf-update-information .acf-update-changelog h4 {
|
|
margin-bottom: 0;
|
|
}
|
|
#acf-update-information .acf-update-changelog p {
|
|
margin-top: 0;
|
|
margin-bottom: 16px;
|
|
}
|
|
#acf-update-information .acf-update-changelog p:last-of-type {
|
|
margin-bottom: 0;
|
|
}
|
|
#acf-update-information .acf-update-changelog p em {
|
|
color: #667085;
|
|
}
|
|
#acf-update-information .acf-btn {
|
|
display: inline-flex;
|
|
}
|
|
|
|
/*--------------------------------------------------------------------------------------------
|
|
*
|
|
* Header upsell button
|
|
*
|
|
*--------------------------------------------------------------------------------------------*/
|
|
.acf-admin-toolbar a.acf-admin-toolbar-upgrade-btn {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
align-self: stretch;
|
|
padding-top: 0;
|
|
padding-right: 16px;
|
|
padding-bottom: 0;
|
|
padding-left: 16px;
|
|
background: linear-gradient(90.52deg, #2C9FB8 0.44%, #A45CFF 113.3%);
|
|
background-size: 180% 80%;
|
|
background-position: 100% 0;
|
|
transition: background-position 0.5s;
|
|
border-radius: 6px;
|
|
text-decoration: none;
|
|
}
|
|
@media screen and (max-width: 768px) {
|
|
.acf-admin-toolbar a.acf-admin-toolbar-upgrade-btn {
|
|
display: none;
|
|
}
|
|
}
|
|
.acf-admin-toolbar a.acf-admin-toolbar-upgrade-btn:hover {
|
|
background-position: 0 0;
|
|
}
|
|
.acf-admin-toolbar a.acf-admin-toolbar-upgrade-btn:focus {
|
|
border: none;
|
|
outline: none;
|
|
box-shadow: none;
|
|
}
|
|
.acf-admin-toolbar a.acf-admin-toolbar-upgrade-btn p {
|
|
margin: 0;
|
|
padding-top: 8px;
|
|
padding-bottom: 8px;
|
|
font-weight: normal;
|
|
text-transform: none;
|
|
color: #fff;
|
|
}
|
|
.acf-admin-toolbar a.acf-admin-toolbar-upgrade-btn .acf-icon {
|
|
width: 18px;
|
|
height: 18px;
|
|
margin-right: 6px;
|
|
margin-left: -2px;
|
|
background-color: #F9FAFB;
|
|
}
|
|
|
|
/*--------------------------------------------------------------------------------------------
|
|
*
|
|
* Upsell block
|
|
*
|
|
*--------------------------------------------------------------------------------------------*/
|
|
#acf-field-group-pro-features .acf-field-group-pro-features-wrapper {
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
align-content: stretch;
|
|
align-items: center;
|
|
}
|
|
@media screen and (max-width: 768px) {
|
|
#acf-field-group-pro-features .acf-field-group-pro-features-wrapper {
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
justify-content: flex-start;
|
|
align-content: flex-start;
|
|
align-items: flex-start;
|
|
}
|
|
#acf-field-group-pro-features .acf-field-group-pro-features-wrapper .acf-field-group-pro-features-content,
|
|
#acf-field-group-pro-features .acf-field-group-pro-features-wrapper .acf-field-group-pro-features-actions {
|
|
flex: 0 1 100%;
|
|
}
|
|
}
|
|
#acf-field-group-pro-features .acf-field-group-pro-features-wrapper .acf-field-group-pro-features-content {
|
|
flex: 1 1 auto;
|
|
margin-right: 40px;
|
|
}
|
|
@media screen and (max-width: 768px) {
|
|
#acf-field-group-pro-features .acf-field-group-pro-features-wrapper .acf-field-group-pro-features-content {
|
|
margin-right: 0;
|
|
margin-bottom: 8px;
|
|
}
|
|
}
|
|
#acf-field-group-pro-features .acf-field-group-pro-features-wrapper .acf-field-group-pro-features-actions {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: flex-end;
|
|
min-width: 160px;
|
|
}
|
|
@media screen and (max-width: 768px) {
|
|
#acf-field-group-pro-features .acf-field-group-pro-features-wrapper .acf-field-group-pro-features-actions {
|
|
justify-content: flex-start;
|
|
}
|
|
}
|
|
#acf-field-group-pro-features.postbox {
|
|
display: flex;
|
|
align-items: center;
|
|
min-height: 120px;
|
|
background-image: linear-gradient(to right, #1d4373, #24437e, #304288, #413f8f, #543a95);
|
|
color: #EAECF0;
|
|
}
|
|
#acf-field-group-pro-features.postbox .postbox-header {
|
|
display: none;
|
|
}
|
|
#acf-field-group-pro-features.postbox .inside {
|
|
width: 100%;
|
|
border: none;
|
|
}
|
|
#acf-field-group-pro-features h1 {
|
|
margin-top: 0;
|
|
margin-bottom: 4px;
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
font-weight: bold;
|
|
color: #F9FAFB;
|
|
}
|
|
#acf-field-group-pro-features h1 .acf-icon {
|
|
margin-right: 8px;
|
|
}
|
|
#acf-field-group-pro-features .acf-btn {
|
|
display: inline-flex;
|
|
background-color: rgba(255, 255, 255, 0.2);
|
|
border: none;
|
|
}
|
|
#acf-field-group-pro-features .acf-btn:hover {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
}
|
|
#acf-field-group-pro-features .acf-btn .acf-icon {
|
|
margin-right: -2px;
|
|
margin-left: 8px;
|
|
}
|
|
#acf-field-group-pro-features .acf-pro-features-list {
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
flex-wrap: wrap;
|
|
margin-top: 16px;
|
|
margin-bottom: 0;
|
|
}
|
|
@media screen and (max-width: 768px) {
|
|
#acf-field-group-pro-features .acf-pro-features-list {
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
justify-content: flex-start;
|
|
align-content: flex-start;
|
|
align-items: flex-start;
|
|
}
|
|
}
|
|
#acf-field-group-pro-features .acf-pro-features-list li {
|
|
display: flex;
|
|
box-sizing: border-box;
|
|
margin-right: 32px;
|
|
margin-bottom: 6px;
|
|
}
|
|
@media screen and (max-width: 880px) {
|
|
#acf-field-group-pro-features .acf-pro-features-list li {
|
|
flex: 0 1 calc(33.3% - 32px);
|
|
}
|
|
}
|
|
@media screen and (max-width: 640px) {
|
|
#acf-field-group-pro-features .acf-pro-features-list li {
|
|
flex: 0 1 100%;
|
|
}
|
|
}
|
|
#acf-field-group-pro-features .acf-pro-features-list li:last-child {
|
|
margin-right: 0;
|
|
}
|
|
#acf-field-group-pro-features .acf-pro-features-list li:before {
|
|
content: "";
|
|
display: inline-block;
|
|
width: 16px;
|
|
height: 16px;
|
|
margin-right: 8px;
|
|
background-color: #52AA59;
|
|
border: none;
|
|
border-radius: 0;
|
|
-webkit-mask-size: contain;
|
|
mask-size: contain;
|
|
-webkit-mask-repeat: no-repeat;
|
|
mask-repeat: no-repeat;
|
|
-webkit-mask-position: center;
|
|
mask-position: center;
|
|
-webkit-mask-image: url("../../images/icons/icon-check-circle-solid.svg");
|
|
mask-image: url("../../images/icons/icon-check-circle-solid.svg");
|
|
}
|
|
|
|
/*# sourceMappingURL=acf-global.css.map*/ |