Files

1489 lines
40 KiB
SCSS
Raw Permalink Normal View History

Hotel Raxa - Advanced Booking System Implementation 🏨 Hotel Booking Enhancements: - Implemented Eagle Booking Advanced Pricing add-on - Added Booking.com-style rate management system - Created professional calendar interface for pricing - Integrated deals and discounts functionality 💰 Advanced Pricing Features: - Dynamic pricing models (per room, per person, per adult) - Base rates, adult rates, and child rates management - Length of stay discounts and early bird deals - Mobile rates and secret deals implementation - Seasonal promotions and flash sales 📅 Availability Management: - Real-time availability tracking - Stop sell and restriction controls - Closed to arrival/departure functionality - Minimum/maximum stay requirements - Automatic sold-out management 💳 Payment Integration: - Maintained Redsys payment gateway integration - Seamless integration with existing Eagle Booking - No modifications to core Eagle Booking plugin 🛠️ Technical Implementation: - Custom database tables for advanced pricing - WordPress hooks and filters integration - AJAX-powered admin interface - Data migration from existing Eagle Booking - Professional calendar view for revenue management 📊 Admin Interface: - Booking.com-style management dashboard - Visual rate and availability calendar - Bulk operations for date ranges - Statistics and analytics dashboard - Modal dialogs for quick editing 🔧 Code Quality: - WordPress coding standards compliance - Secure database operations with prepared statements - Proper input validation and sanitization - Error handling and logging - Responsive admin interface 🤖 Generated with Claude Code (https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
2025-07-11 07:43:22 +02:00
@import "color-picker";
@import "media";
.redux-warning-primary{
color: #fff !important;
border-color: #dc3545 !important;
background: #dc3545 !important;
&:hover,
&:focus{
border-color: #bd2130 !important;
background: #bd2130 !important;
}
&:focus{
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #bd2130 !important;
}
&:active{
border-color: #bd2130 !important;
background: #bd2130 !important;
}
}
.spinner {
visibility: hidden;
display: block;
}
.spinner.is-active {
visibility: visible;
}
.redux-main .description {
margin-top: 7px;
}
.redux-container {
#redux-intro-text {
padding-left:20px;
}
.redux-container-button_set,
.redux-container-palette {
.ui-icon {
height: auto;
}
}
.form-table > tbody > tr > th {
width: 30%;
}
.form-table th,
.form-table td {
margin: 0;
padding: 0;
width: auto;
}
.redux_field_th {
font-weight: 600;
padding: 20px 10px 20px 0;
display: block;
span {
&:first-child {
font-weight: normal;
display: block;
color: #666;
}
}
}
#ui-datepicker-div {
display: none;
}
background-color: #fff; /* Old browsers */
background-repeat: repeat-x; /* Repeat the gradient */
background-image: -moz-linear-gradient(top, #fff 0%, #f2f2f2 100%); /* FF3.6+ */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f2f2f2)); /* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(top, #fff 0%, #f2f2f2 100%); /* Chrome 10+,Safari 5.1+ */
background-image: -ms-linear-gradient(top, #fff 0%, #f2f2f2 100%); /* IE10+ */
background-image: -o-linear-gradient(top, #fff 0%, #f2f2f2 100%); /* Opera 11.10+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff", endColorstr="#f2f2f2", GradientType=0); /* IE6-9 */
background-image: linear-gradient(to bottom, #fff 0%, #f2f2f2 100%); /* W3C */
border: 1px solid #dedede;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
margin-top: 5px;
overflow: hidden;
a {
&:focus {
box-shadow: none;
}
}
#redux-header,
#redux-footer {
text-align: right;
padding: 6px 10px;
}
#redux-header {
border-bottom-width: 3px;
border-bottom-style: solid;
.display_header {
float: left;
margin: 20px 10px;
img {
transition: all 0.1s ease-in-out;
}
h2 {
display: inline-block;
font-style: normal;
padding-right: 5px;
}
.redux-dev-mode-notice-container {
position: absolute;
top: 67px;
left: 20px;
bottom: auto;
width: auto;
}
span {
color: #888;
&.redux-dev-mode-notice {
background-color: #f0ad4e;
display: inline;
padding: 0.2em 0.5em 0.2em;
font-weight: 700;
line-height: 1;
color: #fff !important;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0.25em;
}
}
}
.icon32 {
float: right;
margin: 16px 16px 0;
}
}
#redux-footer {
border-top: 1px solid #e7e7e7;
z-index: 999;
#redux-share {
float: left;
line-height: 28px;
font-size: 15px;
a {
text-decoration: none;
margin-right: 10px;
img {
margin-bottom: -3px;
}
}
}
}
.notice-green {
margin: 0;
border-bottom: 1px solid #e7e7e7;
background-color: #dff0d8;
color: #468847;
padding: 8px 35px 8px 14px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.notice-blue {
margin: 0;
border-bottom: 1px solid #bce8f1;
background-color: #d9edf7;
color: #3a87ad;
padding: 8px 35px 8px 14px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.notice-yellow {
margin: 0;
border-bottom: 1px solid #e7e7e7;
background-color: #fcf8e3;
color: #c09853;
padding: 8px 35px 8px 14px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.notice-red,
.redux-field-errors {
margin: 0;
border-bottom: 1px solid #e7e7e7;
background-color: #f2dede;
color: #b94a48;
padding: 8px 35px 8px 14px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.redux-field-error {
input,
textarea,
input[type="checkbox"] {
background-color: #fff6f6;
color: #a00;
}
}
.redux-field-warning {
input,
textarea,
input[type="checkbox"] {
background-color: #fcf8e3;
color: #444;
}
}
.redux-field-errors,
.redux-field-warnings,
.redux-save-warn {
display: none;
}
.sticky-save-warn {
min-height: 76px;
.redux-save-warn {
position: fixed;
top: 32px;
right: 21px;
left: 183px;
opacity: 1;
z-index: 9999;
}
}
#info_bar {
background: #f3f3f3;
border-bottom: 1px solid #dedede;
padding: 6px 10px 6px 6px;
text-align: right;
-moz-box-shadow: inset 0 1px 0 #fcfcfc;
-webkit-box-shadow: inset 0 1px 0 #fcfcfc;
box-shadow: inset 0 1px 0 #fcfcfc;
}
.redux-group-tab {
display: none;
margin-bottom: 15px;
.redux-theme-data {
padding: 20px 0;
border-top: 1px solid #e7e7e7;
&.theme-description {
padding: 10px 0;
border-width: 0;
}
&.theme-uri,
&.theme-author,
&.theme-version {
padding: 0;
border-width: 0;
}
}
h3 {
margin-top: 0;
line-height: 2em;
border-bottom: 1px solid #e7e7e7;
}
.redux-section-desc {
margin-bottom: 15px;
color: #666;
}
}
.redux-action_bar {
float: right;
.spinner {
float: left;
margin-top: 7px;
margin-left: 10px;
right: 5px;
position: relative;
}
#redux-defaults-top,
#redux-defaults-bottom {
margin-left:2px;
}
#redux-defaults-section-top,
#redux-defaults-section-bottom {
margin-left:2px;
}
}
.expand_options {
cursor: pointer;
display: block;
height: 22px;
width: 21px;
float: left;
font-size: 0;
text-indent: -9999px;
margin: 1px 0 0 5px;
border: 1px solid #bbb;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAyCAIAAAAm4OfBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQhJREFUeNrslT0KhDAQhTeLR7ATT6IXSKGFYO0lciFrO1N4AU8TLNXKv0CaJbLJRAZxl1hYyJuXN+PoR/Z9fyFdBNNr27Zf8Oq6bhgGSGUYhpTSzyeBNi8hRFVVEK+6rrXaQFOs6yrvTdOYjcqyVEpTLqXI89yaSypBudq2xckF2TipOSvfmmhZFuAGnJV6Licvey5gj7fnwpwXvEfLfqnT0jQ1OBJCQLnUBvZ9b85VFAV076UU8g1ZckVRxBiDzD6OY62WzPOM9i+cpunvvcZxfCQfPWs9a91Ym2UZ5xyHtd/e8hXWng+/zlrD9jmz1tDj7bkw5wXv0Y210itJEs9az9oHsPYQYACveK0/IuB51AAAAABJRU5ErkJggg==) no-repeat -2px -26px;
&.expanded {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAyCAIAAAAm4OfBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQhJREFUeNrslT0KhDAQhTeLR7ATT6IXSKGFYO0lciFrO1N4AU8TLNXKv0CaJbLJRAZxl1hYyJuXN+PoR/Z9fyFdBNNr27Zf8Oq6bhgGSGUYhpTSzyeBNi8hRFVVEK+6rrXaQFOs6yrvTdOYjcqyVEpTLqXI89yaSypBudq2xckF2TipOSvfmmhZFuAGnJV6Licvey5gj7fnwpwXvEfLfqnT0jQ1OBJCQLnUBvZ9b85VFAV076UU8g1ZckVRxBiDzD6OY62WzPOM9i+cpunvvcZxfCQfPWs9a91Ym2UZ5xyHtd/e8hXWng+/zlrD9jmz1tDj7bkw5wXv0Y210itJEs9az9oHsPYQYACveK0/IuB51AAAAABJRU5ErkJggg==) no-repeat -2px -1px;
}
&:hover {
border-color: #888;
}
}
.sticky-footer-fixed {
background: #f3f3f3;
border-top: 1px solid #dedede !important;
-moz-box-shadow: inset 0 1px 0 #fcfcfc;
-webkit-box-shadow: inset 0 1px 0 #fcfcfc;
box-shadow: inset 0 1px 0 #fcfcfc;
}
.redux-sidebar,
.redux-main {
min-height: 300px;
}
.redux-main {
background: #fff;
margin-left: 201px;
border-left: 1px solid #d8d8d8;
padding: 10px 20px;
-moz-box-shadow: inset 0 1px 0 #fff;
-webkit-box-shadow: inset 0 1px 0 #fff;
box-shadow: inset 0 1px 0 #fff;
position: relative;
fieldset.disabled {
padding-top: 10px;
}
.redux-group-tab.disabled {
padding-top: 1px;
}
fieldset.disabled,
.redux-group-tab.disabled {
position: relative;
&::before {
color: #fff;
font-family: Elusive-Icons, serif;
content: "";
font-size: 38px;
position: absolute;
z-index: 1000;
text-shadow: 2px 2px #0e0e0e;
left: 50%;
top: 50%;
margin-top: -25px;
margin-left: -25px;
}
}
.disabled {
pointer-events: none;
background: rgba(0, 0, 0, 0.25);
opacity: 0.45;
padding-left: 10px !important;
padding-right: 10px !important;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently
supported by Chrome, Edge, Opera and Firefox */
}
#redux_ajax_overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
-moz-opacity: 0.1;
opacity: 0.1;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10);
filter: alpha(opacity=10);
background: #000;
z-index: 200;
display: none;
}
.form-table.no-border {
border-top: none;
}
.form-table tr {
border-bottom: 1px solid #e7e7e7;
&:last-child {
border-bottom: none !important;
}
th,
td {
color: #333;
}
}
.form-table tr td {
table.mceLayout,
table.mceLayout tr,
table.mceLayout tr td {
padding: 0;
border-width: 0;
}
.redux-th-warning {
font-size: 1em;
color: #c09853;
font-weight: normal;
display: block;
margin-top: 10px;
}
.redux-field-warning {
border-color: #c09853;
margin-top: 10px;
}
.redux-th-error {
font-size: 1em;
color: #b94a48;
font-weight: normal;
display: block;
margin-top: 10px;
}
}
input {
line-height: 19px;
&.large-text {
width: 95%;
}
}
.hide {
display: none;
}
.redux-field-container {
padding: 20px 0;
}
.mini,
input[type="text"].mini {
width: 60px;
text-align: center;
}
img {
max-width: 100%;
height: auto;
width: auto !important;
}
.select2-default {
width: auto !important;
}
.showDefaults {
display: block;
font-weight: normal;
font-size: 0.8em;
color: #888;
}
span.description {
display: block;
font-style: normal;
font-weight: 400;
}
#redux-system-info textarea {
min-height: 730px;
width: 100%;
}
.field-desc {
clear: both;
font-size: 13px;
}
.data-full li {
width: 100%;
}
.data-half li {
width: 50%;
float: left;
}
.data-third li {
width: 33.3%;
float: left;
}
.data-quarter li {
width: 25%;
float: left;
}
.ui-helper-hidden-accessible {
top: inherit;
}
.form-table {
clear: none !important;
margin-top: 0 !important;
tr:first-child th,
tr:first-child td {
padding-top: 0;
}
}
.input-append input {
border-right: 0;
margin-bottom: 0;
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
margin-right: 0;
float: left;
margin-top: 0;
display: block;
}
.input-append .add-on {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
margin-left: -2px;
padding-top: 4px !important;
padding-bottom: 2px !important;
}
.input-prepend input {
border-left: 0;
margin-bottom: 0;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
margin-left: 0;
padding-top: 2px;
padding-bottom: 5px;
float: left;
margin-top: 0;
display: block;
}
.input-prepend .add-on {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
float: left;
}
.input-append {
margin-right: 10px;
font-size: 0;
white-space: nowrap;
float: left;
display: inline-block;
margin-bottom: 6px;
}
.input-append .add-on,
.input-prepend .add-on {
width: auto;
display: inline-block;
min-width: 16px;
padding: 3px 4px;
font-size: 12px;
font-weight: 400;
line-height: 22px;
text-align: center;
text-shadow: 0 1px 0 #fff;
background-color: #eee;
border: 1px solid #7e8993;
}
.input-append .add-on {
border-left-color: #ccc;
}
.input-prepend .add-on {
border-right-color: #ccc;
}
.input-prepend {
font-size: 0;
white-space: nowrap;
float: left;
display: inline-block;
margin-bottom: 6px;
}
pre {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
}
}
/* redux-container */
.no-js {
border: 1px solid #ffbaba;
margin: 0;
border-bottom: 1px solid #e7e7e7;
background-color: #f2dede;
color: #b94a48;
padding: 8px 35px 8px 14px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
/* main */
.redux-sidebar {
width: 202px;
float: left;
// Flyout menu
.redux-group-tab-link-li {
&.hasSubSections {
&:hover {
.el-rotate {
-webkit-transition: 0.1s ease-in-out;
-moz-transition: 0.1s ease-in-out;
-o-transition: 0.1s ease-in-out;
transition: 0.1s ease-in-out;
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
}
}
}
.redux-group-menu {
margin-top: 0 !important;
background: #f2f2f2;
li {
margin-top: 0;
&.active a,
&.active a:hover,
&.activeChild a,
&.activeChild a:hover {
background: #fcfcfc;
color: #269ad6;
width: 184px;
opacity: 1;
}
&.active a li a {
background: #333;
padding-left: 5px;
}
&.divide {
padding: 0;
border-width: 1px 0;
border-style: solid;
border-bottom-color: #e7e7e7;
border-top-color: #f9f9f9;
}
a:first-child {
border-top: none;
}
a {
display: block;
padding: 10px 4px 10px 14px;
background: transparent;
border-width: 1px 0;
border-style: solid;
border-bottom-color: #e7e7e7;
border-top-color: #f9f9f9;
opacity: 0.7;
color: #555;
font-weight: 600;
text-decoration: none;
-webkit-transition: none;
transition: none;
&.custom-tab {
background: #f6f6f6;
}
img {
width: 16px;
height: 16px;
position: absolute;
left: 15px;
}
&:hover {
background: #e5e5e5;
color: #777;
opacity: 1;
box-shadow: inset 4px 0 0 0 currentColor;
transition: box-shadow 0.1s linear;
}
}
}
}
.redux-menu-warning,
.redux-menu-error,
.hasSubSections .extraIconSubsections {
display: inline-block;
float: right;
padding: 6px 7px 4px 7px;
margin-left: 4px;
font-family: sans-serif;
font-size: 9px;
font-weight: 600;
line-height: 9px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 0 solid transparent;
i {
margin-left: -3px;
margin-top: -3px;
}
}
.redux-menu-error {
background-color: rgb(185, 74, 72);
color: rgb(242, 222, 222);
}
.redux-menu-warning {
background-color: #c09853;
color: #fcf8e3;
}
ul {
.subsection {
display: none;
}
}
.redux-group-tab-link-a {
position: relative;
outline: 0;
i {
vertical-align: middle;
font-size: 1.35em;
position: absolute;
}
span {
display: block;
&.group_title {
padding-left: 30px;
}
}
}
.redux-group-menu > li.redux-section-hover > a::after {
right: 0;
border: 9px solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-right-color: #fff;
top: 50%;
margin-top: -8px;
}
.redux-group-tab-link-li {
a.hasError span.group_title {
padding-right: 25px;
}
&.hasSubSections {
&.redux-section-hover {
position: relative;
> a {
background-color: #fff;
&::after {
border-right-color: #46403c;
}
}
.subsection {
background-color: #46403c;
display: block !important;
z-index: 10000;
position: absolute;
top: 0;
left: 201px;
width: 200px !important;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
a {
padding: 8px 15px;
width: 170px;
}
.redux-group-tab-link-li {
&.hasIcon {
.group_title {
padding-left: 30px !important;
}
}
.redux-group-tab-link-a {
color: #fff;
.group_title {
padding-left: 0;
}
}
}
}
}
.el-rotate {
-webkit-transition: 0.1s ease-in-out;
-moz-transition: 0.1s ease-in-out;
-o-transition: 0.1s ease-in-out;
transition: 0.1s ease-in-out;
}
}
}
#redux-header {
text-align: center;
.display_header {
float: none;
}
}
}
/* sidebar */
@media only screen and (max-width: 600px) {
.redux-sidebar {
.redux-group-menu li {
&.hasSubSections.redux-section-hover .subsection {
display: none !important;
}
}
}
}
.mp6 {
.icon-themes {
display: none;
}
.redux-container {
#info_bar {
padding: 6px 10px 6px 6px;
a {
margin-top: 2px;
}
}
}
}
.redux-timer {
text-align: center;
font-size: 10px;
color: #888;
}
.wrap {
margin-top: 0;
}
@media screen and (max-width: 600px) {
.redux-sidebar {
width: 44px;
.extraIconSubsections {
display: none !important;
}
.redux-group-menu li a,
.redux-group-menu li a:hover,
.redux-group-menu li.active a,
.redux-group-menu li.active a:hover,
.redux-group-menu li.activeChild a,
.redux-group-menu li.activeChild a:hover {
width: auto;
}
.redux-group-tab-link-a {
position: relative;
i {
position: inherit;
}
span {
display: none;
position: absolute;
top: 0;
left: 44px;
padding: 12px;
width: 200px;
background: #eee;
border: 1px solid #ccc;
-webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
border-width: 1px 1px 1px 0px;
z-index: 3;
}
&:hover > span {
display: block;
}
}
}
.redux-main {
margin-left: 43px;
width: auto;
max-width: 100%;
}
table.form-table,
.form-table > thead,
.form-table > tbody,
.form-table > tbody > tr > th,
.form-table > tbody > tr > td,
.form-table > tbody > tr {
display: block;
width: 100% !important;
padding: 0 !important;
}
.form-table > tbody > tr > th,
.form-table > tbody > tr > td {
padding: 10px !important;
}
.form-table > tbody > tr > th,
.form-table > tbody > tr > td {
padding: 10px !important;
}
}
//mp6 fixes
@media screen and (max-width: 782px) {
.form-table > tbody > tr > th {
width: 100%;
}
.redux_field_th {
padding-bottom: 0;
}
.mp6 {
.redux-container {
#info_bar {
height: auto;
padding-bottom: 1px;
a {
margin-top: 5px;
}
}
}
}
.redux-container-switch label {
padding: 5px 10px !important;
}
.redux-container-button_set label {
padding: 12px 10px;
}
.redux-container #redux-footer #redux-share {
line-height: 34px;
}
}
pre {
overflow: hidden;
}
/* Default admin theme */
#redux-header h2 {
color: #fff;
}
.ui-datepicker-header .ui-icon {
background-image: url(data:image/png;base64,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
}
// WP Engine CSS fix
.redux-sidebar .icon-large,
.redux-main .icon-large {
background-image: inherit !important;
width: inherit;
height: inherit;
}
.redux-main dd,
.redux-sidebar li {
margin-bottom: 0 !important;
}
.fully-expanded {
.redux-sidebar {
margin-left: -500px;
}
.redux-main {
margin-left: 0;
}
.redux-group-tab {
display: block;
}
}
#redux-header {
position: relative;
}
// Modern Theme
.redux-main {
position: relative;
#redux-sticky {
min-height: 32px;
margin: -10px -20px 8px;
#info_bar {
height: 32px;
.expand_options {
margin-top: 4px;
}
}
}
.redux_field_search {
top: 8px;
right: 290px;
}
#redux-footer-sticky {
margin-left: -20px;
margin-right: -20px;
margin-bottom: -10px;
}
}
.redux-qtip {
z-index: 999999 !important;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
font-size: 1.2em;
top: -1px;
}
.redux-sidebar .redux-group-menu {
li {
&.active,
&.activeChild {
border-left: 0 none;
a {
.extraIconSubsections {
display: none;
}
}
&.hasSubSections {
.redux-menu-error {
display: block;
}
.subsection {
.redux-menu-error {
margin-right: 2px;
}
}
.active {
a {
&::after {
right: 0;
border: solid 8px transparent;
content: "\0020";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-right-color: #fff;
top: 50%;
margin-top: -8px;
}
}
}
a {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
color: #fff;
width: auto;
border-bottom: 0;
}
ul.subsection li {
border-top: 0 none !important;
&.active a:hover {
color: #fff;
}
a {
width: auto;
border-top: 0 !important;
padding: 7px;
color: #fff;
padding-left: 15px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
span.group_title {
padding-left: 5px !important;
}
}
&.hasIcon {
a {
padding-left: 14px;
span.group_title {
padding-left: 30px !important;
}
}
}
}
}
}
&.hasSubSections {
.redux-menu-error {
display: none;
margin-right: 5px;
}
a {
&.hasError {
.extraIconSubsections {
background-color: rgb(185, 74, 72);
color: rgb(242, 222, 222);
}
}
.extraIconSubsections {
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 0 solid transparent;
font-size: 9px;
height: 9px;
line-height: 9px;
margin-right: 5px;
padding: 6px 7px 4px 7px;
width: 5px;
}
}
}
&.active {
&.hasSubSections {
a {
position: relative;
&::after {
right: 0;
border: solid 8px transparent;
content: "\0020";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-right-color: #fff;
top: 50%;
margin-top: -8px;
}
}
ul.subsection li a {
&::after {
border: 0 none !important;
content: "\0020" !important;
}
}
}
}
}
}
div.redux-star-holder {
position: relative;
height: 19px;
width: 100px;
font-size: 19px;
}
div.redux-star {
height: 100%;
position: absolute;
top: 0px;
left: 0px;
background-color: transparent;
letter-spacing: 1ex;
border: none;
img {
width: 19px;
height: 19px;
border-left: 1px solid #f1f1f1;
border-right: 1px solid #f1f1f1;
display: block;
position: absolute;
right: 0px;
border: none;
text-decoration: none;
}
&.redux-star-rating {
background-color: #fc0;
}
&.redux-star1 {
width: 20%;
}
&.redux-star2 {
width: 40%;
}
&.redux-star3 {
width: 60%;
}
&.redux-star4 {
width: 80%;
}
&.redux-star5 {
width: 100%;
}
}
@media screen and (max-width: 600px) {
.sticky-save-warn .redux-save-warn {
top: 0 !important;
right: 14px !important;
}
.form-table > tbody > tr > th {
padding-bottom: 0 !important;
}
.redux_field_th {
padding-top: 0;
padding-bottom: 0;
}
.redux-main {
.redux-field-container {
padding-top: 0;
padding-bottom: 0;
}
.subsection a {
min-height: 15px;
}
}
#redux-footer #redux-share,
.redux-hint-qtip {
display: none;
}
.redux-container {
.redux-main {
margin-left: 44px;
}
.redux-action_bar {
float: none;
}
}
.redux-group-tab-link-a {
min-height: 15px;
span {
padding: 11px 12px;
color: #555;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
&:hover {
background: #e5e5e5;
}
text-shadow: none !important;
}
}
}
@media screen and (max-width: 400px) {
#redux-defaults {
display: none;
}
}
@media screen and (max-width: 700px) {
#redux-defaults-section {
display: none;
}
}
@media screen and (max-width: 730px) {
#redux-share {
display: none;
}
#redux-defaults-section2 {
display: none;
}
#redux-share {
display: none;
}
}
@media screen and (min-width: 601px) and (max-width: 782px) {
.redux-container {
.sticky-save-warn .redux-save-warn {
top: 47px !important;
right: 13px !important;
}
}
}
@media screen and (max-width: 782px) {
#redux-footer #redux-share {
line-height: 38px;
font-size: 18px;
}
.sticky-save-warn .redux-save-warn {
right: 13px;
top: 46px;
}
.redux-container .expand_options {
margin-top: 5px;
}
.redux-action_bar input {
margin-bottom: 0 !important;
}
.redux-main {
.form-table-section-indented {
input[type="text"] {
width: 95% !important;
}
}
.redux-container-sortable {
input[type="text"] {
width: 80%;
display: initial;
}
}
.redux-typography-container {
.input_wrapper input.mini {
font-size: 16px !important;
height: 40px !important;
padding: 7px 10px !important;
line-height: 24px !important;
}
.picker-wrapper label {
margin-top: 16px !important;
}
}
.input-append {
height: 50px !important;
.add-on {
font-size: 16px;
line-height: 24px !important;
padding: 7px;
height: 32px !important;
float: right;
margin-top: -40px;
}
}
.redux-hint-qtip {
float: left !important;
}
.redux-action_bar .button {
margin-top: -1px;
}
}
}
@media screen and (max-width: 570px) {
.redux-main {
.redux-container-sortable {
.checkbox-container {
width: 85%;
padding-bottom: 5px;
label {
display: initial;
}
}
}
}
}
// Gutenberg
.block-editor-page {
.redux-container {
.redux-metabox .redux-container {
border-left: 1px solid #eee;
border-right: 1px solid #eee;
}
}
}