22

✏️ Editing: pages.css

@charset "UTF-8";
.cx-vui-subtitle.has-help-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-grow: 1;
}
.cx-vui-subtitle.has-help-link .jet-help-link {
  margin: 0 0 0 15px;
  font-size: 14px;
  line-height: 18px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
}
.cx-vui-subtitle.has-help-link .jet-help-link svg {
  margin: -1px 4px 0 0;
}

.jet-engine-field-warning {
  display: flex;
  align-items: center;
  margin: 0 5px 0 0;
  font-size: 12px;
  color: #C92C2C;
  position: relative;
}
.jet-engine-field-warning svg path {
  fill: #C92C2C;
}
.jet-engine-field-warning__tip {
  position: absolute;
  box-sizing: border-box;
  bottom: 100%;
  margin: 0 0 15px;
  background: #fff;
  padding: 5px 10px;
  white-space: nowrap;
  border-radius: 3px;
  right: 0;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);
  pointer-events: none;
  opacity: 0;
  transition: all 100ms linear;
}
.cx-vui-repeater-item__heading:hover .jet-engine-field-warning__tip {
  opacity: 1;
  margin-bottom: 10px;
}

.jet-engine-edit-page {
  display: flex;
  border-top: 1px solid #DCDCDD;
}
.jet-engine-edit-page__fields {
  flex: 1 1 auto;
}
.jet-engine-edit-page__actions {
  flex: 0 0 400px;
  margin: 0 0 0 30px;
  padding-top: 20px;
}
.rtl .jet-engine-edit-page__actions {
  margin: 0 30px 0 0;
}
.jet-engine-edit-page__actions-buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.jet-engine-edit-page__actions-save {
  flex: 0 0 65%;
}
.jet-engine-edit-page__actions-save svg {
  margin: -3px 10px 0 0;
}
.rtl .jet-engine-edit-page__actions-save svg {
  margin: -3px 0 0 10px;
}
.jet-engine-edit-page__actions-delete {
  position: relative;
}
.jet-engine-edit-page__actions-delete .cx-vui-repeater-item__confrim-del,
.jet-engine-edit-page__actions-delete .cx-vui-repeater-item__cancel-del {
  cursor: pointer;
}
.jet-engine-edit-page__actions-delete .cx-vui-repeater-item__confrim-del:hover,
.jet-engine-edit-page__actions-delete .cx-vui-repeater-item__cancel-del:hover {
  text-decoration: none;
}
.jet-engine-edit-page__actions-panel {
  position: -webkit-sticky;
  position: sticky;
  top: 40px;
}
.jet-engine-edit-page__actions-extra-settings {
  margin-top: 30px;
}
.jet-engine-edit-page__actions-extra-settings .jet-engine-reverse-switcher {
  display: block;
}
.jet-engine-edit-page__actions-extra-settings .jet-engine-reverse-switcher .cx-vui-component__control {
  display: flex;
  align-items: center;
  gap: 10px;
}
.jet-engine-edit-page__actions-extra-settings .jet-engine-reverse-switcher .cx-vui-component__desc {
  padding: 8px 0 0;
}
.jet-engine-edit-page--loading {
  display: none;
}
.jet-engine-edit-page--loaded {
  display: flex;
}
.jet-engine-edit-page__notice-error {
  margin: 20px 0 0 0;
}
.jet-engine-edit-page__notice-error-content {
  display: inline-flex;
  padding: 10px 15px 10px 10px;
  border-radius: 4px;
  font-size: 13px;
  line-height: 20px;
  color: #fff;
  background: #E49595;
}
.rtl .jet-engine-edit-page__notice-error-content {
  padding: 10px 10px 10px 15px;
}
.jet-engine-edit-page__notice-error-content:before {
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC43MTQ4OSAxMC4xMTM2VjYuNzE2MDVINy4yODUxMVYxMC4xMTM2SDguNzE0ODlaTTguNzE0ODkgMTMuNDcxNlYxMS43NzI4SDcuMjg1MTFWMTMuNDcxNkg4LjcxNDg5Wk0wIDE2TDggMEwxNiAxNkgwWiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=);
  margin: 1px 7px 0 0;
}
.rtl .jet-engine-edit-page__notice-error-content:before {
  margin: 1px 0 0 7px;
}

.jet-engine-slug-error {
  color: #C92C2C;
  padding: 5px 0 0 0;
}

.jet-engine-title-link {
  font-weight: 500;
  text-decoration: none;
  color: #007CBA;
}
.jet-engine-title-link:hover {
  color: #00496e;
}

.jet-engine-description {
  display: block;
  margin-top: 5px;
}

.indent-top {
  padding-top: 15px;
}

/*
.cx-vue-list-table {

.cell--name {
		flex: 0 0 15%;
	}
	.cell--slug {
		flex: 0 0 15%;
	}
	.cell--hash {
		flex: 0 0 25%;
		code {
			font-size: 12px;
		}
	}
	.cell--post_types {
		flex: 0 0 15%;
	}
	.cell--show_on {
		flex: 0 0 15%;
	}
	.cell--type {
		flex: 0 0 15%;
	}
	.cell--actions {
		flex: 0 0 15%;
	}
}
*/
.cols-3 .list-table-heading__cell,
.cols-3 .list-table-item__cell {
  width: 33%;
}
.cols-4 .list-table-heading__cell,
.cols-4 .list-table-item__cell {
  width: 25%;
}
.cols-5 .list-table-heading__cell,
.cols-5 .list-table-item__cell {
  width: 20%;
}

.cx-vui-popup__body {
  max-height: calc(100vh - 64px);
  box-sizing: border-box;
  overflow: auto;
}

.list-table-item__cell.cell--hash {
  overflow-x: auto;
}

.jet-engine-delete-item {
  color: #C92C2C;
}

.jet-engine-help-list {
  overflow: hidden;
  border-radius: 6px;
}
.jet-engine-help-list-title {
  margin: -10px 0 15px !important;
}
.jet-engine-help-list__item a {
  display: flex;
  padding: 12px 15px;
  align-items: flex-start;
  font-size: 15px;
  line-height: 23px;
  font-weight: 500;
  text-decoration: none;
  color: #007CBA;
  border-top: 1px solid #ECECEC;
}
.jet-engine-help-list__item a :focus {
  box-shadow: none;
}
.jet-engine-help-list__item a:hover {
  background: #EDF6FA;
}
.jet-engine-help-list__item a svg {
  margin: 3px 10px 0 0;
  flex: 0 0 16px;
}
.rtl .jet-engine-help-list__item a svg {
  margin: 3px 0 0 10px;
}
.jet-engine-help-list__item:first-child {
  border-top: none;
}

.jet-engine-type-switcher {
  display: flex;
}
.jet-engine-type-switcher-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.jet-engine-type-switcher__item {
  font-size: 13px;
  line-height: 18px;
  cursor: pointer;
  opacity: 0.5;
}
.jet-engine-type-switcher__item.is-active {
  opacity: 1;
}
.jet-engine-type-switcher .cx-vui-switcher {
  margin: 0 10px;
}
.rtl .jet-engine-type-switcher .cx-vui-switcher .cx-vui-switcher__trigger {
  left: auto;
  right: 0;
}
.jet-engine-type-switcher .cx-vui-switcher.cx-vui-switcher--at-built-in .cx-vui-switcher__trigger {
  left: calc(100% - 18px);
}
.rtl .jet-engine-type-switcher .cx-vui-switcher.cx-vui-switcher--at-built-in .cx-vui-switcher__trigger {
  left: auto;
  right: calc(100% - 18px);
}

.jet-engine-cb-trigger {
  padding: 5px 0 0 10px;
}
.rtl .jet-engine-cb-trigger {
  padding: 5px 10px 0 0;
}
.jet-engine-cb-trigger a {
  text-decoration: none;
  border-bottom: 1px dashed currentColor;
}
.jet-engine-cb-trigger a:focus {
  box-shadow: none;
  outline: none;
}

.jet-engine-cb-list,
.jet-engine-cb-args {
  width: 600px;
  max-width: 60vw;
}
.jet-engine-cb-list.is-fullwidth,
.jet-engine-cb-args.is-fullwidth {
  width: 100%;
  max-width: 80vw;
}
.jet-engine-cb-list__label,
.jet-engine-cb-args__label {
  padding: 0 0 10px;
}
.jet-engine-cb-list__item,
.jet-engine-cb-args__item {
  padding: 7px 0;
}
.jet-engine-cb-list__item code,
.jet-engine-cb-args__item code {
  background: #ececec;
  border: 1px solid #ececec;
  cursor: pointer;
}
.jet-engine-cb-list__item code:hover,
.jet-engine-cb-args__item code:hover {
  color: #007CBA;
  border-color: #007CBA;
}
.jet-engine-cb-list__item-alt,
.jet-engine-cb-args__item-alt {
  padding: 4px 0;
}
.jet-engine-cb-list__item-alt code,
.jet-engine-cb-args__item-alt code {
  background: #ececec;
  border: 1px solid #ececec;
}
.jet-engine-cb-list .cx-vui-component,
.jet-engine-cb-args .cx-vui-component {
  padding: 10px 0;
}
.jet-engine-cb-list .cx-vui-component__desc,
.jet-engine-cb-args .cx-vui-component__desc {
  font-size: 12px;
  line-height: 16px;
}

.jet-engine-nested-item.cx-vui-repeater-item {
  margin-left: 30px;
}
.rtl .jet-engine-nested-item.cx-vui-repeater-item {
  margin-left: 0;
  margin-right: 30px;
}

.jet-engine-conditional-field div.cx-vui-tooltip {
  width: 100px;
  opacity: 0;
  transform: translateY(-10px);
  transition: all 150ms linear;
  pointer-events: none;
}
.jet-engine-conditional-field:hover .cx-vui-tooltip {
  opacity: 1;
  transform: translateY(0);
}
.jet-engine-conditional-field--active:before {
  content: "✓";
  position: absolute;
  top: -7px;
  right: -7px;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  color: #46B450;
}
.jet-engine-conditional-field--invalid:before {
  content: "✘";
  position: absolute;
  top: -7px;
  right: -7px;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  color: #ff0000;
}

.jet-engine-accent-text,
.jet-engine-condition-field-name {
  color: #007CBA;
}

.jet-engine-condition-field-value {
  font-weight: 500;
  font-style: normal;
  color: #007CBA;
  margin: 0 0 0 10px;
}
.rtl .jet-engine-condition-field-value {
  margin: 0 10px 0 0;
}

.jet-engine-condition-popup .cx-vui-popup__content > .cx-vui-component {
  padding-left: 0;
  padding-right: 0;
}

.jet-engine-filters-panel {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 20px;
  padding: 20px;
}
.jet-engine-filters-panel.cx-vui-panel {
  margin-bottom: 20px;
}
.jet-engine-filters-panel .cx-vui-component {
  flex-direction: column;
  flex: 1 0;
  gap: 10px;
  padding: 0;
  min-width: 150px;
}
.jet-engine-filters-panel .cx-vui-component + .cx-vui-component {
  border-top: 0;
}
@media (min-width: 1200px) {
  .jet-engine-filters-panel .cx-vui-button {
    min-width: 150px;
  }
}

.jet-engine-navigation {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.jet-engine-navigation:not(:first-child) {
  margin-top: 20px;
}
.jet-engine-navigation:not(:last-child) {
  margin-bottom: 20px;
}
.jet-engine-navigation__count {
  color: #23282D;
}
.jet-engine-navigation__per-page {
  align-items: center;
  gap: 10px;
}
.jet-engine-navigation__per-page.cx-vui-component {
  padding: 0;
}
.jet-engine-navigation__per-page .cx-vui-component__label {
  font-size: 13px;
}
.jet-engine-navigation__per-page .cx-vui-input {
  background-color: #f8f8f8;
}
.jet-engine-navigation .cx-vui-pagination .cx-vui-pagination-items {
  margin: 0;
}
.jet-engine-navigation .cx-vui-pagination .cx-vui-pagination-item {
  padding: 0;
  margin: 0 2px;
  font-size: 14px;
  font-weight: 600;
  color: #7B7E81;
  border: none;
  border-radius: 4px;
  transition: 0.3s;
}
.jet-engine-navigation .cx-vui-pagination .cx-vui-pagination-item-active, .jet-engine-navigation .cx-vui-pagination .cx-vui-pagination-item:hover:not(.cx-vui-pagination-disabled) {
  color: #fff;
  background-color: #066ea2;
  box-shadow: 0 4px 4px rgba(35, 40, 45, 0.2392156863);
}
.jet-engine-navigation .cx-vui-pagination .cx-vui-pagination-next svg,
.jet-engine-navigation .cx-vui-pagination .cx-vui-pagination-prev svg {
  width: 6px;
  height: 11px;
}
.jet-engine-navigation .cx-vui-pagination .cx-vui-pagination-next svg path,
.jet-engine-navigation .cx-vui-pagination .cx-vui-pagination-prev svg path {
  transition: 0.3s;
}
.jet-engine-navigation .cx-vui-pagination .cx-vui-pagination-next:hover:not(.cx-vui-pagination-disabled) svg path,
.jet-engine-navigation .cx-vui-pagination .cx-vui-pagination-prev:hover:not(.cx-vui-pagination-disabled) svg path {
  fill: #fff;
}

MR SKB