Sync plugins from current page
Signed-off-by: Adrian Nöthlich <git@promasu.tech>
This commit is contained in:
@@ -0,0 +1,437 @@
|
||||
/*--------------------------------------------------------------------------------------------
|
||||
*
|
||||
* Dark mode
|
||||
*
|
||||
* WordPress plugin: https://en-au.wordpress.org/plugins/dark-mode/
|
||||
* Github Documentation: https://github.com/danieltj27/Dark-Mode/wiki/Help:-Plugin-Compatibility-Guide
|
||||
*
|
||||
*--------------------------------------------------------------------------------------------*/
|
||||
|
||||
// Dark Mode Colours.
|
||||
$white: #ffffff;
|
||||
$black: #000000;
|
||||
$blue: #0073aa;
|
||||
$medium-blue: #00a0d2;
|
||||
$clear: transparent;
|
||||
|
||||
$accent-red: #dc3232;
|
||||
$accent-orange: #f56e28;
|
||||
$accent-yellow: #ffb900;
|
||||
$accent-green: #46b450;
|
||||
$accent-blue: $blue;
|
||||
$accent-purple: #826eb4;
|
||||
|
||||
$base-grey: #23282d;
|
||||
$light-grey: #bbc8d4;
|
||||
$heavy-grey: #37444c;
|
||||
$dark-grey: #32373c;
|
||||
$ultra-grey: #191f25;
|
||||
$dark-silver: #50626f;
|
||||
$base-blue: #2e74aa;
|
||||
$light-blue: #4092d2;
|
||||
$dark-blue: #2c5f88;
|
||||
$ultra-blue: #1f3f58;
|
||||
$bright-blue: #30ceff;
|
||||
|
||||
$editor-lavender: #c678dd;
|
||||
$editor-sunglo: #e06c75;
|
||||
$editor-olivine: #98c379;
|
||||
|
||||
// Custom variables.
|
||||
$body_text: #bbc8d4;
|
||||
$body_background: #23282d;
|
||||
$body_background2: #191f25;
|
||||
$postbox_background: #32373c;
|
||||
$postbox_border: #191f25;
|
||||
$postbox_divider: #23282d;
|
||||
$input_background: #50626f;
|
||||
$input_text: #fff;
|
||||
$input_border: #191f25;
|
||||
|
||||
// Mixins.
|
||||
@mixin dark-text() {
|
||||
color: $body_text;
|
||||
}
|
||||
@mixin dark-heading() {
|
||||
color: $body_text;
|
||||
}
|
||||
@mixin dark-border() {
|
||||
border-color: $postbox_border;
|
||||
}
|
||||
@mixin dark-background() {
|
||||
background: $body_background;
|
||||
}
|
||||
@mixin darker-background() {
|
||||
background: darken($body_background, 5%);
|
||||
}
|
||||
@mixin dark-postbox() {
|
||||
background-color: $postbox_background;
|
||||
border-color: $postbox_border;
|
||||
color: $body_text;
|
||||
}
|
||||
@mixin dark-postbox-block() {
|
||||
background-color: #2d3136;
|
||||
border-color: $postbox_divider;
|
||||
}
|
||||
@mixin dark-divider() {
|
||||
border-color: $postbox_divider;
|
||||
}
|
||||
@mixin dark-input() {
|
||||
background-color: $input_background;
|
||||
border-color: $input_border;
|
||||
color: $input_text;
|
||||
}
|
||||
|
||||
|
||||
/*---------------------------------------------------------------------------------------------
|
||||
*
|
||||
* Global
|
||||
*
|
||||
*---------------------------------------------------------------------------------------------*/
|
||||
|
||||
// acf-box
|
||||
.acf-box {
|
||||
@include dark-postbox();
|
||||
|
||||
.title,
|
||||
.footer {
|
||||
@include dark-divider();
|
||||
}
|
||||
|
||||
h2 {
|
||||
@include dark-heading();
|
||||
}
|
||||
|
||||
table, tbody, tr {
|
||||
background: transparent !important;
|
||||
}
|
||||
}
|
||||
|
||||
// thead
|
||||
.acf-thead {
|
||||
@include dark-heading();
|
||||
@include dark-border();
|
||||
}
|
||||
.acf-tfoot {
|
||||
@include dark-postbox-block();
|
||||
}
|
||||
|
||||
// table clear
|
||||
.acf-table.-clear,
|
||||
.acf-table.-clear tr {
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
// loading overlay
|
||||
.acf-loading-overlay {
|
||||
background: rgba(0,0,0,0.5);
|
||||
}
|
||||
|
||||
|
||||
/*---------------------------------------------------------------------------------------------
|
||||
*
|
||||
* Fields
|
||||
*
|
||||
*---------------------------------------------------------------------------------------------*/
|
||||
|
||||
// fields
|
||||
.acf-fields {
|
||||
|
||||
// field
|
||||
> .acf-field {
|
||||
@include dark-divider();
|
||||
}
|
||||
}
|
||||
|
||||
// fields (left)
|
||||
.acf-fields.-left {
|
||||
|
||||
> .acf-field {
|
||||
&:before {
|
||||
background: rgba(0,0,0,0.1);
|
||||
@include dark-divider();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// fields (border)
|
||||
.acf-fields.-border {
|
||||
@include dark-postbox();
|
||||
}
|
||||
|
||||
// width
|
||||
.acf-field[data-width] + .acf-field[data-width] {
|
||||
@include dark-divider();
|
||||
}
|
||||
|
||||
// text
|
||||
.acf-input-prepend,
|
||||
.acf-input-append {
|
||||
@include dark-postbox();
|
||||
}
|
||||
|
||||
// tab
|
||||
.acf-tab-wrap {
|
||||
|
||||
}
|
||||
|
||||
.acf-fields > .acf-tab-wrap {
|
||||
@include dark-postbox();
|
||||
|
||||
.acf-tab-group {
|
||||
@include dark-postbox-block();
|
||||
|
||||
li {
|
||||
a {
|
||||
@include dark-postbox-block();
|
||||
|
||||
&:hover {
|
||||
@include dark-postbox-block();
|
||||
@include dark-text();
|
||||
}
|
||||
}
|
||||
|
||||
&.active a {
|
||||
@include dark-postbox();
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.acf-fields.-sidebar {
|
||||
&:before {
|
||||
@include dark-postbox-block();
|
||||
}
|
||||
}
|
||||
|
||||
.acf-fields.-sidebar.-left {
|
||||
&:before {
|
||||
@include dark-postbox-block();
|
||||
background: $body_background;
|
||||
}
|
||||
> .acf-tab-wrap.-left {
|
||||
.acf-tab-group li a {
|
||||
@include dark-postbox-block();
|
||||
}
|
||||
|
||||
.acf-tab-group li.active a {
|
||||
@include dark-postbox-block();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// file
|
||||
.acf-file-uploader {
|
||||
|
||||
.show-if-value {
|
||||
@include dark-postbox();
|
||||
|
||||
.file-icon {
|
||||
@include dark-postbox-block();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// acf-oembed
|
||||
.acf-oembed {
|
||||
@include dark-postbox-block();
|
||||
|
||||
.title {
|
||||
@include dark-input();
|
||||
}
|
||||
}
|
||||
|
||||
// gallery
|
||||
.acf-gallery {
|
||||
@include dark-postbox-block();
|
||||
|
||||
.acf-gallery-main {
|
||||
@include dark-background();
|
||||
}
|
||||
|
||||
.acf-gallery-attachment {
|
||||
.margin {
|
||||
@include dark-postbox-block();
|
||||
}
|
||||
}
|
||||
|
||||
.acf-gallery-side {
|
||||
@include dark-postbox-block();
|
||||
|
||||
.acf-gallery-side-info {
|
||||
@include dark-postbox-block();
|
||||
}
|
||||
}
|
||||
|
||||
.acf-gallery-toolbar {
|
||||
@include dark-postbox-block();
|
||||
}
|
||||
}
|
||||
|
||||
// button group
|
||||
.acf-button-group {
|
||||
|
||||
label:not(.selected) {
|
||||
@include dark-postbox-block();
|
||||
}
|
||||
}
|
||||
|
||||
// switch
|
||||
.acf-switch:not(.-on) {
|
||||
@include dark-postbox-block();
|
||||
.acf-switch-slider {
|
||||
@include dark-input();
|
||||
}
|
||||
}
|
||||
|
||||
// link
|
||||
.acf-link .link-wrap {
|
||||
@include dark-postbox-block();
|
||||
}
|
||||
|
||||
// relationship
|
||||
.acf-relationship {
|
||||
.filters {
|
||||
@include dark-postbox();
|
||||
}
|
||||
.selection {
|
||||
@include dark-postbox-block();
|
||||
.choices,
|
||||
.choices-list,
|
||||
.values {
|
||||
@include dark-postbox-block();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// checkbox
|
||||
.acf-taxonomy-field .categorychecklist-holder {
|
||||
@include dark-postbox-block();
|
||||
}
|
||||
|
||||
// google map
|
||||
.acf-google-map {
|
||||
@include dark-postbox-block();
|
||||
|
||||
.title {
|
||||
@include dark-input();
|
||||
}
|
||||
}
|
||||
|
||||
// accordion
|
||||
.acf-accordion {
|
||||
@include dark-postbox();
|
||||
}
|
||||
.acf-field.acf-accordion .acf-accordion-content > .acf-fields {
|
||||
@include dark-border();
|
||||
}
|
||||
|
||||
// flexible content
|
||||
.acf-flexible-content {
|
||||
.layout {
|
||||
@include dark-postbox();
|
||||
|
||||
.acf-fc-layout-handle {
|
||||
@include dark-postbox-block();
|
||||
|
||||
.acf-fc-layout-order {
|
||||
@include dark-postbox();
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// repeater
|
||||
#wpbody .acf-table {
|
||||
@include dark-postbox-block();
|
||||
|
||||
> tbody,
|
||||
> thead {
|
||||
> tr {
|
||||
background: transparent;
|
||||
|
||||
> td,
|
||||
> th {
|
||||
@include dark-border();
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Select
|
||||
.acf-field select {
|
||||
optgroup, optgroup:nth-child(2n) {
|
||||
background: $input_background;
|
||||
}
|
||||
}
|
||||
|
||||
/*---------------------------------------------------------------------------------------------
|
||||
*
|
||||
* Field Group
|
||||
*
|
||||
*---------------------------------------------------------------------------------------------*/
|
||||
|
||||
// fields
|
||||
#acf-field-group-fields {
|
||||
|
||||
// field list
|
||||
.acf-field-list-wrap {
|
||||
@include dark-postbox();
|
||||
}
|
||||
|
||||
.acf-field-list {
|
||||
.no-fields-message {
|
||||
@include dark-postbox();
|
||||
}
|
||||
}
|
||||
|
||||
// field
|
||||
.acf-field-object {
|
||||
@include dark-postbox();
|
||||
@include dark-divider();
|
||||
|
||||
|
||||
table, tbody, tr, td, th {
|
||||
background: transparent;
|
||||
@include dark-divider();
|
||||
}
|
||||
|
||||
.acf-field {
|
||||
.acf-label {
|
||||
@include dark-postbox-block();
|
||||
}
|
||||
}
|
||||
|
||||
// sortable
|
||||
&.ui-sortable-helper {
|
||||
@include dark-border();
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
&.ui-sortable-placeholder {
|
||||
@include dark-postbox-block();
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
.acf-field-object + .acf-field-object-tab::before,
|
||||
.acf-field-object + .acf-field-object-accordion::before {
|
||||
@include dark-postbox-block();
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*---------------------------------------------------------------------------------------------
|
||||
*
|
||||
* Admin: Tools
|
||||
*
|
||||
*---------------------------------------------------------------------------------------------*/
|
||||
|
||||
// tools
|
||||
.acf-meta-box-wrap {
|
||||
|
||||
.acf-fields {
|
||||
@include dark-input();
|
||||
background: transparent;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,600 @@
|
||||
/*---------------------------------------------------------------------------------------------
|
||||
*
|
||||
* Global
|
||||
*
|
||||
*---------------------------------------------------------------------------------------------*/
|
||||
|
||||
#adv-settings .show-field-keys label {
|
||||
padding: 0 5px;
|
||||
}
|
||||
|
||||
|
||||
#acf-field-group-fields > .inside,
|
||||
#acf-field-group-locations > .inside,
|
||||
#acf-field-group-options > .inside {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.acf-field {
|
||||
|
||||
p.description {
|
||||
font-style: normal;
|
||||
font-size: 12px;
|
||||
color: #777777;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
/*---------------------------------------------------------------------------------------------
|
||||
*
|
||||
* Postbox: Publish
|
||||
*
|
||||
*---------------------------------------------------------------------------------------------*/
|
||||
|
||||
#minor-publishing-actions,
|
||||
#misc-publishing-actions #visibility {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#minor-publishing {
|
||||
border-bottom: 0 none;
|
||||
}
|
||||
|
||||
#misc-pub-section {
|
||||
border-bottom: 0 none;
|
||||
}
|
||||
|
||||
#misc-publishing-actions .misc-pub-section {
|
||||
border-bottom-color: #F5F5F5;
|
||||
}
|
||||
|
||||
|
||||
/*---------------------------------------------------------------------------------------------
|
||||
*
|
||||
* Postbox: Fields
|
||||
*
|
||||
*---------------------------------------------------------------------------------------------*/
|
||||
|
||||
#acf-field-group-fields {
|
||||
border: 0 none;
|
||||
box-shadow: none;
|
||||
|
||||
|
||||
/* metabox */
|
||||
> .handlediv,
|
||||
> .hndle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
/* links */
|
||||
a {
|
||||
text-decoration: none;
|
||||
|
||||
&:active,
|
||||
&:focus {
|
||||
outline: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* table header */
|
||||
.li-field-order { width: 20%; }
|
||||
.li-field-label { width: 30%; }
|
||||
.li-field-name { width: 25%; }
|
||||
.li-field-type { width: 25%; }
|
||||
.li-field-key { display: none; }
|
||||
|
||||
|
||||
/* show keys */
|
||||
&.show-field-keys {
|
||||
|
||||
.li-field-label,
|
||||
.li-field-name,
|
||||
.li-field-type,
|
||||
.li-field-key { width: 20%; }
|
||||
.li-field-key { display: block; }
|
||||
}
|
||||
|
||||
|
||||
/* fields */
|
||||
.acf-field-list-wrap {
|
||||
border: #DFDFDF solid 1px;
|
||||
}
|
||||
|
||||
.acf-field-list {
|
||||
background: #F9F9F9;
|
||||
margin-top: -1px;
|
||||
|
||||
/* no fields */
|
||||
.no-fields-message {
|
||||
padding: 15px 15px;
|
||||
background: #fff;
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* empty */
|
||||
&.-empty {
|
||||
.no-fields-message {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* field object */
|
||||
.acf-field-object {
|
||||
border-top: #F0F0F0 solid 1px;
|
||||
background: #fff;
|
||||
|
||||
/* sortable */
|
||||
&.ui-sortable-helper {
|
||||
border-top-color: #fff;
|
||||
box-shadow: 0 0 0 1px #DFDFDF, 0 1px 4px rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
&.ui-sortable-placeholder {
|
||||
box-shadow: 0 -1px 0 0 #DFDFDF;
|
||||
visibility: visible !important;
|
||||
background: #F9F9F9;
|
||||
border-top-color: transparent;
|
||||
min-height: 54px;
|
||||
|
||||
// hide tab field separator
|
||||
&:after, &:before {
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* meta */
|
||||
> .meta {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
/* handle */
|
||||
> .handle {
|
||||
|
||||
a {
|
||||
-webkit-transition: none;
|
||||
-moz-transition: none;
|
||||
-o-transition: none;
|
||||
transition: none;
|
||||
}
|
||||
|
||||
li {
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
.acf-icon {
|
||||
margin: 1px 0 0;
|
||||
cursor: move;
|
||||
background: transparent;
|
||||
float: left;
|
||||
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
width: 28px;
|
||||
font-size: 13px;
|
||||
color: #444;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
strong {
|
||||
display: block;
|
||||
padding-bottom: 6px;
|
||||
font-size: 14px;
|
||||
line-height: 14px;
|
||||
min-height: 14px;
|
||||
}
|
||||
|
||||
.row-options {
|
||||
visibility: hidden;
|
||||
|
||||
a {
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
a.delete-field {
|
||||
color: #a00;
|
||||
|
||||
&:hover { color: #f00; }
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* open */
|
||||
&.open {
|
||||
|
||||
+ .acf-field-object {
|
||||
border-top-color: #E1E1E1;
|
||||
}
|
||||
|
||||
> .handle {
|
||||
background: $acf_blue;
|
||||
border: darken($acf_blue, 2%) solid 1px;
|
||||
text-shadow: #268FBB 0 1px 0;
|
||||
color: #fff;
|
||||
position: relative;
|
||||
margin: -1px -1px 0 -1px;
|
||||
|
||||
a {
|
||||
color: #fff !important;
|
||||
|
||||
&:hover {
|
||||
text-decoration: underline !important;
|
||||
}
|
||||
}
|
||||
|
||||
.acf-icon {
|
||||
border-color: #fff;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.acf-required {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
// debug
|
||||
&[data-save="meta"] {
|
||||
> .handle {
|
||||
border-left: #ffb700 solid 5px !important;
|
||||
}
|
||||
}
|
||||
|
||||
&[data-save="settings"] {
|
||||
> .handle {
|
||||
border-left: #0ec563 solid 5px !important;
|
||||
}
|
||||
}
|
||||
*/
|
||||
|
||||
|
||||
/* hover */
|
||||
&:hover, &.-hover {
|
||||
|
||||
> .handle {
|
||||
|
||||
.row-options {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* settings */
|
||||
> .settings {
|
||||
display: none;
|
||||
width: 100%;
|
||||
|
||||
> .acf-table {
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* conditional logic */
|
||||
.rule-groups {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
/*---------------------------------------------------------------------------------------------
|
||||
*
|
||||
* Postbox: Locations
|
||||
*
|
||||
*---------------------------------------------------------------------------------------------*/
|
||||
|
||||
.rule-groups {
|
||||
|
||||
h4 {
|
||||
margin: 15px 0 5px;
|
||||
}
|
||||
|
||||
.rule-group {
|
||||
margin: 0 0 5px;
|
||||
|
||||
h4 {
|
||||
margin: 0 0 3px;
|
||||
}
|
||||
|
||||
td.param {
|
||||
width: 35%;
|
||||
}
|
||||
|
||||
td.operator {
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
td.add {
|
||||
width: 40px;
|
||||
}
|
||||
|
||||
td.remove {
|
||||
width: 28px;
|
||||
vertical-align: middle;
|
||||
|
||||
a {
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
tr:hover td.remove a {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
/* Don't allow user to delete the first field group */
|
||||
&:first-child tr:first-child td.remove a {
|
||||
visibility: hidden !important;
|
||||
}
|
||||
|
||||
// empty select
|
||||
select:empty {
|
||||
background: #f8f8f8;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*---------------------------------------------------------------------------------------------
|
||||
*
|
||||
* Options
|
||||
*
|
||||
*---------------------------------------------------------------------------------------------*/
|
||||
|
||||
#acf-field-group-options tr[data-name="hide_on_screen"] li {
|
||||
float: left;
|
||||
width: 33%;
|
||||
}
|
||||
|
||||
@media (max-width: 1100px) {
|
||||
|
||||
#acf-field-group-options tr[data-name="hide_on_screen"] li {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
/*---------------------------------------------------------------------------------------------
|
||||
*
|
||||
* Conditional Logic
|
||||
*
|
||||
*---------------------------------------------------------------------------------------------*/
|
||||
|
||||
table.conditional-logic-rules {
|
||||
background: transparent;
|
||||
border: 0 none;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
table.conditional-logic-rules tbody td {
|
||||
background: transparent;
|
||||
border: 0 none !important;
|
||||
padding: 5px 2px !important;
|
||||
}
|
||||
|
||||
|
||||
/*---------------------------------------------------------------------------------------------
|
||||
*
|
||||
* Field: Tab
|
||||
*
|
||||
*---------------------------------------------------------------------------------------------*/
|
||||
|
||||
.acf-field-object-tab {
|
||||
|
||||
// hide setting
|
||||
.acf-field-setting-name,
|
||||
.acf-field-setting-instructions,
|
||||
.acf-field-setting-required,
|
||||
.acf-field-setting-warning,
|
||||
.acf-field-setting-wrapper {
|
||||
display: none;
|
||||
}
|
||||
|
||||
// hide name
|
||||
.li-field-name {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
// add spacer
|
||||
.acf-field-object + & {
|
||||
|
||||
&:before {
|
||||
display: block;
|
||||
content: "";
|
||||
height: 5px;
|
||||
width: 100%;
|
||||
background: #f9f9f9;
|
||||
border-bottom: #f0f0f0 solid 1px;
|
||||
}
|
||||
}
|
||||
|
||||
p:first-child {
|
||||
margin: 0.5em 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*---------------------------------------------------------------------------------------------
|
||||
*
|
||||
* Field: Accordion
|
||||
*
|
||||
*---------------------------------------------------------------------------------------------*/
|
||||
|
||||
.acf-field-object-accordion {
|
||||
@extend .acf-field-object-tab;
|
||||
|
||||
// show settings
|
||||
.acf-field-setting-instructions {
|
||||
display: table-row;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
/*---------------------------------------------------------------------------------------------
|
||||
*
|
||||
* Field: Message
|
||||
*
|
||||
*---------------------------------------------------------------------------------------------*/
|
||||
|
||||
.acf-field-object-message tr[data-name="name"],
|
||||
.acf-field-object-message tr[data-name="instructions"],
|
||||
.acf-field-object-message tr[data-name="required"] {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.acf-field-object-message .li-field-name {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.acf-field-object-message textarea {
|
||||
height: 175px !important;
|
||||
}
|
||||
|
||||
|
||||
/*---------------------------------------------------------------------------------------------
|
||||
*
|
||||
* Field: Separator
|
||||
*
|
||||
*---------------------------------------------------------------------------------------------*/
|
||||
|
||||
.acf-field-object-separator tr[data-name="name"],
|
||||
.acf-field-object-separator tr[data-name="instructions"],
|
||||
.acf-field-object-separator tr[data-name="required"] {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
|
||||
/*---------------------------------------------------------------------------------------------
|
||||
*
|
||||
* Field: Date Picker
|
||||
*
|
||||
*---------------------------------------------------------------------------------------------*/
|
||||
|
||||
.acf-field-object-date-picker,
|
||||
.acf-field-object-time-picker,
|
||||
.acf-field-object-date-time-picker {
|
||||
|
||||
.acf-radio-list {
|
||||
|
||||
li {
|
||||
line-height: 25px;
|
||||
}
|
||||
|
||||
span {
|
||||
display: inline-block;
|
||||
min-width: 10em;
|
||||
}
|
||||
|
||||
input[type="text"] {
|
||||
width: 100px;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.acf-field-object-date-time-picker {
|
||||
|
||||
.acf-radio-list {
|
||||
|
||||
span {
|
||||
min-width: 15em;
|
||||
}
|
||||
|
||||
input[type="text"] {
|
||||
width: 200px;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
/*--------------------------------------------------------------------------------------------
|
||||
*
|
||||
* Slug
|
||||
*
|
||||
*--------------------------------------------------------------------------------------------*/
|
||||
|
||||
#slugdiv {
|
||||
|
||||
.inside {
|
||||
padding: 12px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
input[type="text"] {
|
||||
width: 100%;
|
||||
height: 28px;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*--------------------------------------------------------------------------------------------
|
||||
*
|
||||
* RTL
|
||||
*
|
||||
*--------------------------------------------------------------------------------------------*/
|
||||
|
||||
html[dir="rtl"] .acf-field-object.open > .handle {
|
||||
margin: -1px -1px 0;
|
||||
}
|
||||
|
||||
html[dir="rtl"] .acf-field-object.open > .handle .acf-icon {
|
||||
float: right;
|
||||
}
|
||||
|
||||
html[dir="rtl"] .acf-field-object.open > .handle .li-field-order {
|
||||
padding-left: 0 !important;
|
||||
padding-right: 15px !important;
|
||||
}
|
||||
|
||||
|
||||
/*---------------------------------------------------------------------------------------------
|
||||
*
|
||||
* Device
|
||||
*
|
||||
*---------------------------------------------------------------------------------------------*/
|
||||
|
||||
@media only screen and (max-width: 850px) {
|
||||
|
||||
tr.acf-field,
|
||||
td.acf-label,
|
||||
td.acf-input {
|
||||
display: block !important;
|
||||
width: auto !important;
|
||||
border: 0 none !important;
|
||||
}
|
||||
|
||||
tr.acf-field {
|
||||
border-top: #ededed solid 1px !important;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
td.acf-label {
|
||||
background: transparent !important;
|
||||
padding-bottom: 0 !important;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,306 @@
|
||||
/*--------------------------------------------------------------------------------------------
|
||||
*
|
||||
* User
|
||||
*
|
||||
*--------------------------------------------------------------------------------------------*/
|
||||
|
||||
.form-table > tbody {
|
||||
|
||||
/* field */
|
||||
> .acf-field {
|
||||
|
||||
/* label */
|
||||
> .acf-label {
|
||||
padding: 20px 10px 20px 0;
|
||||
width: 210px;
|
||||
|
||||
/* rtl */
|
||||
html[dir="rtl"] & {
|
||||
padding: 20px 0 20px 10px;
|
||||
}
|
||||
|
||||
label {
|
||||
font-size: 14px;
|
||||
color: #23282d;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* input */
|
||||
> .acf-input {
|
||||
padding: 15px 10px;
|
||||
|
||||
/* rtl */
|
||||
html[dir="rtl"] & {
|
||||
padding: 15px 10px 15px 5%;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* tab wrap */
|
||||
> .acf-tab-wrap td {
|
||||
padding: 15px 5% 15px 0;
|
||||
|
||||
/* rtl */
|
||||
html[dir="rtl"] & {
|
||||
padding: 15px 0 15px 5%;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* misc */
|
||||
.form-table th.acf-th {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
#your-profile,
|
||||
#createuser {
|
||||
|
||||
/* override for user css */
|
||||
.acf-field input[type="text"],
|
||||
.acf-field input[type="password"],
|
||||
.acf-field input[type="number"],
|
||||
.acf-field input[type="search"],
|
||||
.acf-field input[type="email"],
|
||||
.acf-field input[type="url"],
|
||||
.acf-field select {
|
||||
max-width: 25em;
|
||||
}
|
||||
|
||||
.acf-field textarea {
|
||||
max-width: 500px;
|
||||
}
|
||||
|
||||
|
||||
/* allow sub fields to display correctly */
|
||||
.acf-field .acf-field input[type="text"],
|
||||
.acf-field .acf-field input[type="password"],
|
||||
.acf-field .acf-field input[type="number"],
|
||||
.acf-field .acf-field input[type="search"],
|
||||
.acf-field .acf-field input[type="email"],
|
||||
.acf-field .acf-field input[type="url"],
|
||||
.acf-field .acf-field textarea,
|
||||
.acf-field .acf-field select {
|
||||
max-width: none;
|
||||
}
|
||||
}
|
||||
|
||||
#registerform {
|
||||
|
||||
h2 {
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
.acf-field {
|
||||
margin-top: 0;
|
||||
|
||||
.acf-label {
|
||||
margin-bottom: 0;
|
||||
|
||||
label {
|
||||
font-weight: normal;
|
||||
line-height: 1.5;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
.acf-input {
|
||||
input {
|
||||
font-size: 24px;
|
||||
padding: 5px;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
*/
|
||||
}
|
||||
|
||||
p.submit {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/*--------------------------------------------------------------------------------------------
|
||||
*
|
||||
* Term
|
||||
*
|
||||
*--------------------------------------------------------------------------------------------*/
|
||||
|
||||
// add term
|
||||
#acf-term-fields {
|
||||
padding-right: 5%;
|
||||
|
||||
> .acf-field {
|
||||
|
||||
> .acf-label {
|
||||
margin: 0;
|
||||
|
||||
label {
|
||||
font-size: 12px;
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
p.submit .spinner,
|
||||
p.submit .acf-spinner {
|
||||
vertical-align: top;
|
||||
float: none;
|
||||
margin: 4px 4px 0;
|
||||
}
|
||||
|
||||
|
||||
// edit term
|
||||
#edittag .acf-fields.-left {
|
||||
|
||||
> .acf-field {
|
||||
padding-left: 220px;
|
||||
|
||||
&:before {
|
||||
width: 209px;
|
||||
}
|
||||
|
||||
> .acf-label {
|
||||
width: 220px;
|
||||
margin-left: -220px;
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
> .acf-input {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#edittag > .acf-fields.-left {
|
||||
width: 96%;
|
||||
|
||||
> .acf-field {
|
||||
|
||||
> .acf-label {
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*--------------------------------------------------------------------------------------------
|
||||
*
|
||||
* Comment
|
||||
*
|
||||
*--------------------------------------------------------------------------------------------*/
|
||||
|
||||
.editcomment td:first-child {
|
||||
white-space: nowrap;
|
||||
width: 131px;
|
||||
}
|
||||
|
||||
|
||||
/*--------------------------------------------------------------------------------------------
|
||||
*
|
||||
* Widget
|
||||
*
|
||||
*--------------------------------------------------------------------------------------------*/
|
||||
|
||||
#widgets-right .widget .acf-field .description {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.acf-widget-fields {
|
||||
|
||||
> .acf-field {
|
||||
|
||||
.acf-label {
|
||||
margin-bottom: 5px;
|
||||
|
||||
label {
|
||||
font-weight: normal;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/*--------------------------------------------------------------------------------------------
|
||||
*
|
||||
* Nav Menu
|
||||
*
|
||||
*--------------------------------------------------------------------------------------------*/
|
||||
|
||||
.acf-menu-settings {
|
||||
border-top: 1px solid #eee;
|
||||
margin-top: 2em;
|
||||
|
||||
// seamless
|
||||
&.-seamless {
|
||||
border-top: none;
|
||||
margin-top: 15px;
|
||||
|
||||
> h2 { display: none; }
|
||||
}
|
||||
|
||||
// Fix relationship conflict.
|
||||
.list li {
|
||||
display: block;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.acf-menu-item-fields {
|
||||
margin-right: 10px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
/*---------------------------------------------------------------------------------------------
|
||||
*
|
||||
* Attachment Form (single)
|
||||
*
|
||||
*---------------------------------------------------------------------------------------------*/
|
||||
|
||||
#post .compat-attachment-fields {
|
||||
|
||||
.compat-field-acf-form-data {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&,
|
||||
> tbody,
|
||||
> tbody > tr,
|
||||
> tbody > tr > th,
|
||||
> tbody > tr > td {
|
||||
display: block;
|
||||
}
|
||||
|
||||
> tbody > .acf-field {
|
||||
margin: 15px 0;
|
||||
|
||||
> .acf-label {
|
||||
margin: 0;
|
||||
|
||||
label {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
p {
|
||||
margin: 0 0 3px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> .acf-input {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,123 @@
|
||||
/*--------------------------------------------------------------------------------------------
|
||||
*
|
||||
* Gutenberg
|
||||
*
|
||||
*--------------------------------------------------------------------------------------------*/
|
||||
#editor {
|
||||
|
||||
// main column is split into "editor" and "metaboxes".
|
||||
// remove WP flex that pushed metaboxes to bottom.
|
||||
.edit-post-visual-editor,
|
||||
.edit-post-layout__metaboxes {
|
||||
flex-basis: 0%;
|
||||
flex-grow: 0;
|
||||
}
|
||||
|
||||
// metabox wrap
|
||||
.edit-post-layout__metaboxes {
|
||||
background: transparent;
|
||||
border-top: 0 none;
|
||||
margin-top: 0;
|
||||
padding: 30px;
|
||||
|
||||
@media screen and (min-width: 600px) {
|
||||
padding: 46px;
|
||||
}
|
||||
|
||||
.edit-post-meta-boxes-area {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
// make postbox look like a classic box.
|
||||
.postbox {
|
||||
border: #e2e4e7 solid 1px;
|
||||
border-bottom: none;
|
||||
margin: 0 0 20px;
|
||||
}
|
||||
}
|
||||
|
||||
// improve handle style
|
||||
.postbox {
|
||||
.handlediv {
|
||||
height: 46px;
|
||||
width: auto;
|
||||
padding: 0 14px 0 5px;
|
||||
}
|
||||
.hndle {
|
||||
color: #191e23 !important;
|
||||
font-size: 13px;
|
||||
line-height: 16px;
|
||||
|
||||
.acf-hndle-cog {
|
||||
line-height: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
// change icons to match gutenberg sidebar accordions
|
||||
.handlediv .toggle-indicator {
|
||||
color: #191e23;
|
||||
}
|
||||
.handlediv .toggle-indicator:before {
|
||||
content: "\f343";
|
||||
font-size: 18px;
|
||||
width: auto;
|
||||
}
|
||||
&.closed .handlediv .toggle-indicator:before {
|
||||
content: "\f347";
|
||||
}
|
||||
}
|
||||
|
||||
// acf-input-wrap
|
||||
.acf-input-prepend,
|
||||
.acf-input-append {
|
||||
box-sizing: border-box;
|
||||
height: 28px;
|
||||
}
|
||||
|
||||
// accordion
|
||||
.acf-accordion {
|
||||
padding: 0 !important;
|
||||
|
||||
.acf-accordion-title {
|
||||
color: #191e23;
|
||||
font-weight: 600;
|
||||
|
||||
&:hover {
|
||||
background: #f8f9f9;
|
||||
}
|
||||
|
||||
label {
|
||||
font-weight: inherit;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// table
|
||||
.acf-table {
|
||||
box-sizing: border-box;
|
||||
|
||||
.acf-row-handle {
|
||||
width: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
// main error message
|
||||
.components-notice-list .acf-notice.-error {
|
||||
margin: 0 0 5px;
|
||||
min-height: 50px;
|
||||
padding: 6px 12px;
|
||||
border-left: 4px solid #00a0d2;
|
||||
color: #191e23;
|
||||
background-color: #f9e2e2;
|
||||
border-left-color: #d94f4f;
|
||||
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
.acf-notice-dismiss {
|
||||
top: 15px;
|
||||
right: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,61 @@
|
||||
/*--------------------------------------------------------------------------------------------
|
||||
*
|
||||
* Confirm remove
|
||||
*
|
||||
*--------------------------------------------------------------------------------------------*/
|
||||
|
||||
.acf-temp-remove {
|
||||
position: relative;
|
||||
opacity: 1;
|
||||
-webkit-transition: all 0.25s ease;
|
||||
-moz-transition: all 0.25s ease;
|
||||
-o-transition: all 0.25s ease;
|
||||
transition: all 0.25s ease;
|
||||
overflow: hidden;
|
||||
|
||||
/* overlay prevents hover */
|
||||
&:after {
|
||||
display: block;
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 99;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*--------------------------------------------------------------------------
|
||||
*
|
||||
* Conditional Logic
|
||||
*
|
||||
*-------------------------------------------------------------------------*/
|
||||
|
||||
/* Hide */
|
||||
.hidden-by-conditional-logic {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
|
||||
/* Hide (appear empty) */
|
||||
.hidden-by-conditional-logic.appear-empty {
|
||||
display: table-cell !important;
|
||||
}
|
||||
|
||||
.hidden-by-conditional-logic.appear-empty .acf-input {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
|
||||
/*--------------------------------------------------------------------------
|
||||
*
|
||||
* 3rd Party
|
||||
*
|
||||
*-------------------------------------------------------------------------*/
|
||||
|
||||
/* Tabify shows hidden postboxes */
|
||||
.acf-postbox.acf-hidden {
|
||||
display: none !important;
|
||||
}
|
||||
@@ -0,0 +1,505 @@
|
||||
/*---------------------------------------------------------------------------------------------
|
||||
*
|
||||
* Media Model
|
||||
*
|
||||
*---------------------------------------------------------------------------------------------*/
|
||||
|
||||
/* WP sets tables to act as divs. ACF uses tables, so these muct be reset */
|
||||
.media-modal .compat-attachment-fields td.acf-input {
|
||||
|
||||
table {
|
||||
display: table;
|
||||
table-layout: auto;
|
||||
|
||||
tbody {
|
||||
display: table-row-group;
|
||||
}
|
||||
|
||||
tr {
|
||||
display: table-row;
|
||||
}
|
||||
|
||||
td, th {
|
||||
display: table-cell;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* field widths floats */
|
||||
.media-modal .compat-attachment-fields > tbody > .acf-field {
|
||||
margin: 5px 0;
|
||||
|
||||
> .acf-label {
|
||||
min-width: 30%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
float: left;
|
||||
text-align: right;
|
||||
display: block;
|
||||
float: left;
|
||||
|
||||
> label {
|
||||
padding-top: 6px;
|
||||
margin: 0;
|
||||
color: #666666;
|
||||
font-weight: 400;
|
||||
line-height: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
> .acf-input {
|
||||
width: 65%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
float: right;
|
||||
display: block;
|
||||
}
|
||||
|
||||
p.description {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* restricted selection (copy of WP .upload-errors)*/
|
||||
.acf-selection-error {
|
||||
background: #ffebe8;
|
||||
border: 1px solid #c00;
|
||||
border-radius: 3px;
|
||||
padding: 8px;
|
||||
margin: 20px 0 0;
|
||||
|
||||
.selection-error-label {
|
||||
background: #CC0000;
|
||||
border-radius: 3px;
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
margin-right: 8px;
|
||||
padding: 2px 4px;
|
||||
}
|
||||
|
||||
.selection-error-message {
|
||||
color: #b44;
|
||||
display: block;
|
||||
padding-top: 8px;
|
||||
word-wrap: break-word;
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* disabled attachment */
|
||||
.media-modal .attachment.acf-disabled {
|
||||
|
||||
.thumbnail {
|
||||
opacity: 0.25 !important;
|
||||
}
|
||||
|
||||
.attachment-preview:before {
|
||||
background: rgba(0,0,0,0.15);
|
||||
z-index: 1;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* misc */
|
||||
.media-modal {
|
||||
|
||||
/* compat-item */
|
||||
.compat-field-acf-form-data,
|
||||
.compat-field-acf-blank {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
|
||||
/* allow line breaks in upload error */
|
||||
.upload-error-message {
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
|
||||
|
||||
/* fix required span */
|
||||
.acf-required {
|
||||
padding: 0 !important;
|
||||
margin: 0 !important;
|
||||
float: none !important;
|
||||
color: #f00 !important;
|
||||
}
|
||||
|
||||
|
||||
/* sidebar */
|
||||
.media-sidebar {
|
||||
|
||||
.compat-item{
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* mobile md */
|
||||
@media (max-width: 900px) {
|
||||
|
||||
/* label */
|
||||
.setting span,
|
||||
.compat-attachment-fields > tbody > .acf-field > .acf-label {
|
||||
width: 98%;
|
||||
float: none;
|
||||
text-align: left;
|
||||
min-height: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
|
||||
/* field */
|
||||
.setting input,
|
||||
.setting textarea,
|
||||
.compat-attachment-fields > tbody > .acf-field > .acf-input {
|
||||
float: none;
|
||||
height: auto;
|
||||
max-width: none;
|
||||
width: 98%;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*---------------------------------------------------------------------------------------------
|
||||
*
|
||||
* Media Model (expand details)
|
||||
*
|
||||
*---------------------------------------------------------------------------------------------*/
|
||||
|
||||
.media-modal .acf-expand-details {
|
||||
float: right;
|
||||
padding: 1px 10px;
|
||||
margin-right: 6px;
|
||||
height: 18px;
|
||||
line-height: 18px;
|
||||
color: #AAAAAA;
|
||||
font-size: 12px;
|
||||
|
||||
&:focus, &:active {
|
||||
outline: 0 none;
|
||||
box-shadow: none;
|
||||
color: #AAAAAA;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: #666666 !important;
|
||||
}
|
||||
|
||||
span {
|
||||
display: block;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.acf-icon {
|
||||
margin: 0 4px 0 0;
|
||||
}
|
||||
|
||||
&:hover .acf-icon {
|
||||
border-color: #AAAAAA;
|
||||
}
|
||||
|
||||
.is-open { display: none; }
|
||||
.is-closed { display: block; }
|
||||
|
||||
|
||||
/* mobile sm */
|
||||
@media (max-width: $sm) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* expanded */
|
||||
.media-modal.acf-expanded {
|
||||
|
||||
/* toggle */
|
||||
.acf-expand-details {
|
||||
.is-open { display: block; }
|
||||
.is-closed { display: none; }
|
||||
|
||||
}
|
||||
|
||||
// Components.
|
||||
.attachments-browser .media-toolbar,
|
||||
.attachments-browser .attachments { right: 740px; }
|
||||
.media-sidebar { width: 708px; }
|
||||
|
||||
// Sidebar.
|
||||
.media-sidebar {
|
||||
|
||||
// Attachment info.
|
||||
.attachment-info {
|
||||
.thumbnail {
|
||||
float: left;
|
||||
max-height: none;
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
max-height: 200px;
|
||||
}
|
||||
}
|
||||
|
||||
.details {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
// Label
|
||||
.attachment-info .thumbnail,
|
||||
.attachment-details .setting span,
|
||||
.compat-attachment-fields > tbody > .acf-field > .acf-label {
|
||||
min-width: 20%;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
// Input
|
||||
.attachment-info .details,
|
||||
.attachment-details .setting input,
|
||||
.attachment-details .setting textarea,
|
||||
.attachment-details .setting + .description,
|
||||
.compat-attachment-fields > tbody > .acf-field > .acf-input {
|
||||
min-width: 77%;
|
||||
}
|
||||
}
|
||||
|
||||
// Screen: Medium.
|
||||
@media (max-width: 900px) {
|
||||
|
||||
// Components.
|
||||
.attachments-browser .media-toolbar { display: none; }
|
||||
.attachments { display: none; }
|
||||
.media-sidebar { width: auto; max-width: none !important; bottom: 0 !important; }
|
||||
|
||||
// Sidebar.
|
||||
.media-sidebar {
|
||||
|
||||
// Attachment info.
|
||||
.attachment-info {
|
||||
.thumbnail {
|
||||
min-width: 0;
|
||||
max-width: none;
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
.details {
|
||||
min-width: 0;
|
||||
max-width: none;
|
||||
width: 67%;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Screen: small.
|
||||
@media (max-width: 640px) {
|
||||
|
||||
// Sidebar.
|
||||
.media-sidebar {
|
||||
|
||||
// Attachment info.
|
||||
.attachment-info {
|
||||
.thumbnail, .details {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*---------------------------------------------------------------------------------------------
|
||||
*
|
||||
* ACF Media Model
|
||||
*
|
||||
*---------------------------------------------------------------------------------------------*/
|
||||
|
||||
.acf-media-modal {
|
||||
|
||||
/* hide embed settings */
|
||||
.media-embed {
|
||||
|
||||
.setting.align,
|
||||
.setting.link-to {
|
||||
display: none;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// only allow for devices larger than mobile
|
||||
@media screen and (min-width: 1024px) {
|
||||
|
||||
// - requires long selector to override WP core
|
||||
.media-modal-content .media-frame .media-toolbar-secondary {
|
||||
max-width: none;
|
||||
|
||||
select.attachment-filters {
|
||||
width: auto;
|
||||
min-width: 150px;
|
||||
max-width: none;
|
||||
margin: 11px 6px 0 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*---------------------------------------------------------------------------------------------
|
||||
*
|
||||
* ACF Media Model (Select Mode)
|
||||
*
|
||||
*---------------------------------------------------------------------------------------------*/
|
||||
|
||||
.acf-media-modal.-select {
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
/*---------------------------------------------------------------------------------------------
|
||||
*
|
||||
* ACF Media Model (Edit Mode)
|
||||
*
|
||||
*---------------------------------------------------------------------------------------------*/
|
||||
|
||||
.acf-media-modal.-edit {
|
||||
|
||||
/* resize modal */
|
||||
left: 15%;
|
||||
right: 15%;
|
||||
top: 100px;
|
||||
bottom: 100px;
|
||||
|
||||
|
||||
/* hide elements */
|
||||
.media-frame-menu,
|
||||
.media-frame-router,
|
||||
.media-frame-content .attachments,
|
||||
.media-frame-content .media-toolbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
/* full width */
|
||||
.media-frame-title,
|
||||
.media-frame-content,
|
||||
.media-frame-toolbar,
|
||||
.media-sidebar {
|
||||
width: auto;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
|
||||
/* tidy up incorrect distance */
|
||||
.media-frame-content {
|
||||
top: 50px;
|
||||
}
|
||||
|
||||
|
||||
/* title box shadow (to match media grid) */
|
||||
.media-frame-title {
|
||||
border-bottom: 1px solid #DFDFDF;
|
||||
box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
|
||||
/* sidebar */
|
||||
.media-sidebar {
|
||||
|
||||
padding: 0 16px;
|
||||
|
||||
/* WP details */
|
||||
.attachment-details {
|
||||
|
||||
overflow: visible;
|
||||
|
||||
/* hide 'Attachment Details' heading */
|
||||
> h3, > h2 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
/* remove overflow */
|
||||
.attachment-info {
|
||||
background: #fff;
|
||||
border-bottom: #dddddd solid 1px;
|
||||
padding: 16px;
|
||||
margin: 0 -16px 16px;
|
||||
}
|
||||
|
||||
/* move thumbnail */
|
||||
.thumbnail {
|
||||
margin: 0 16px 0 0;
|
||||
}
|
||||
|
||||
.setting {
|
||||
margin: 0 0 5px;
|
||||
|
||||
span {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* ACF fields */
|
||||
.compat-attachment-fields {
|
||||
|
||||
> tbody > .acf-field {
|
||||
margin: 0 0 5px;
|
||||
|
||||
p.description {
|
||||
margin-top: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* WP required message */
|
||||
.media-types-required-info { display: none; }
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* mobile md */
|
||||
@media (max-width: 900px) {
|
||||
top: 30px;
|
||||
right: 30px;
|
||||
bottom: 30px;
|
||||
left: 30px;
|
||||
}
|
||||
|
||||
|
||||
/* mobile sm */
|
||||
@media (max-width: 640px) {
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.media-frame-content {
|
||||
top: 40px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,39 @@
|
||||
/*--------------------------------------------------------------------------------------------
|
||||
*
|
||||
* Mixins
|
||||
*
|
||||
*--------------------------------------------------------------------------------------------*/
|
||||
@mixin clearfix() {
|
||||
&:after {
|
||||
display: block;
|
||||
clear: both;
|
||||
content: "";
|
||||
}
|
||||
}
|
||||
|
||||
@mixin border-box() {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
@mixin centered() {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
@mixin animate( $properties: 'all' ) {
|
||||
-webkit-transition: $properties 0.3s ease; // Safari 3.2+, Chrome
|
||||
-moz-transition: $properties 0.3s ease; // Firefox 4-15
|
||||
-o-transition: $properties 0.3s ease; // Opera 10.5–12.00
|
||||
transition: $properties 0.3s ease; // Firefox 16+, Opera 12.50+
|
||||
}
|
||||
|
||||
@mixin rtl() {
|
||||
html[dir="rtl"] & {
|
||||
text-align: right;
|
||||
@content;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,50 @@
|
||||
// Postbox.
|
||||
|
||||
// Gutenberg specific styles.
|
||||
#editor {
|
||||
|
||||
// Postbox container.
|
||||
.edit-post-layout__metaboxes {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
// Alter postbox to look like panel component.
|
||||
.postbox {
|
||||
color: #444;
|
||||
|
||||
.handlediv {
|
||||
color: #191e23 !important;
|
||||
height: 46px;
|
||||
width: auto;
|
||||
padding: 0 14px 0 5px;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
.hndle {
|
||||
color: #191e23 !important;
|
||||
font-size: 13px;
|
||||
line-height: normal;
|
||||
padding: 15px;
|
||||
|
||||
&:hover {
|
||||
background: #f2f4f5;
|
||||
}
|
||||
.acf-hndle-cog {
|
||||
line-height: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
// change icons to match gutenberg sidebar accordions
|
||||
.handlediv .toggle-indicator {
|
||||
color: inherit;
|
||||
&:before {
|
||||
content: "\f343";
|
||||
font-size: 18px;
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
&.closed .handlediv .toggle-indicator:before {
|
||||
content: "\f347";
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,24 @@
|
||||
/*--------------------------------------------------------------------------------------------
|
||||
*
|
||||
* Vars
|
||||
*
|
||||
*--------------------------------------------------------------------------------------------*/
|
||||
|
||||
/* colors */
|
||||
$acf_blue: #2a9bd9;
|
||||
$acf_notice: #2a9bd9;
|
||||
$acf_error: #F55E4F;
|
||||
$acf_success: #46b450;
|
||||
$acf_warning: #fd8d3b;
|
||||
|
||||
/* acf-field */
|
||||
$field_padding: 15px 12px;
|
||||
$field_padding_x: 12px;
|
||||
$field_padding_y: 15px;
|
||||
$fp: 15px 12px;
|
||||
$fy: 15px;
|
||||
$fx: 12px;
|
||||
|
||||
/* responsive */
|
||||
$md: 880px;
|
||||
$sm: 640px;
|
||||
@@ -0,0 +1 @@
|
||||
@import "dark";
|
||||
@@ -0,0 +1,3 @@
|
||||
@import "variables";
|
||||
@import "mixins";
|
||||
@import "field-group";
|
||||
@@ -0,0 +1,3 @@
|
||||
@import "variables";
|
||||
@import "mixins";
|
||||
@import "global";
|
||||
@@ -0,0 +1,7 @@
|
||||
@import "variables";
|
||||
@import "mixins";
|
||||
@import "fields";
|
||||
@import "forms";
|
||||
@import "media";
|
||||
@import "input";
|
||||
@import "postbox";
|
||||
Reference in New Issue
Block a user