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>
This commit is contained in:
Hotel Raxa Dev
@@ -0,0 +1,117 @@
|
||||
.redux-container {
|
||||
.redux-main {
|
||||
input {
|
||||
&.redux-color {
|
||||
float: left;
|
||||
width: 70px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
&.color-transparency {
|
||||
margin-left: 10px;
|
||||
margin-right: 3px;
|
||||
}
|
||||
|
||||
&.wp-color-picker {
|
||||
width: 80px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.section-color {
|
||||
.controls {
|
||||
width: 345px;
|
||||
}
|
||||
|
||||
.explain {
|
||||
width: 225px;
|
||||
}
|
||||
}
|
||||
|
||||
.alpha-enabled {
|
||||
.iris-picker {
|
||||
.iris-strip .ui-slider-handle {
|
||||
right: -4px!important;
|
||||
left: -3px!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.iris-picker {
|
||||
.iris-strip .ui-slider-handle {
|
||||
position: absolute;
|
||||
background: none !important;
|
||||
right: -4px!important;
|
||||
left: -3px!important;
|
||||
border: 4px solid #aaa !important;
|
||||
border-width: 4px 3px;
|
||||
width: auto;
|
||||
border-radius: 4px;
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
|
||||
opacity: 0.9;
|
||||
z-index: 5;
|
||||
cursor: ns-resize;
|
||||
}
|
||||
|
||||
.iris-slider-offset {
|
||||
position: absolute;
|
||||
top: 2px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 4px;
|
||||
width: 28px; //17
|
||||
background: none !important;
|
||||
border: 0 !important;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.wp-picker-container {
|
||||
display: inline-block;
|
||||
outline: 0;
|
||||
|
||||
input {
|
||||
margin-bottom: inherit;
|
||||
margin-top: inherit;
|
||||
padding: 3px 5px;
|
||||
}
|
||||
|
||||
.wp-color-result {
|
||||
outline: 0;
|
||||
height: 24px !important;
|
||||
margin: 0 6px 6px 0 !important;
|
||||
}
|
||||
|
||||
.wp-picker-default {
|
||||
padding: 0 10px 1px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.redux-color-gradient {
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.color-transparency-check {
|
||||
line-height: 1;
|
||||
margin: 0 !important;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.wp-picker-clear {
|
||||
min-height: 30px !important;
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.wp-customizer {
|
||||
.redux-main input.wp-picker-default,
|
||||
.redux-main .redux-typography-container input.wp-picker-default,
|
||||
.redux-main .redux-typography-container .redux-typography-color {
|
||||
padding: 0 4px !important;
|
||||
}
|
||||
.redux-main input.wp-color-picker {
|
||||
width: 65px !important;
|
||||
margin-left: 5px !important;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,322 @@
|
||||
/*Ain't this some complicated shit!*/
|
||||
|
||||
@import "_mixins.scss";
|
||||
|
||||
.redux-main {
|
||||
fieldset.disabled,
|
||||
.redux-group-tab.disabled {
|
||||
h2 {
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
&::before {
|
||||
color: $primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Header
|
||||
#redux-header {
|
||||
border-color: $secondary !important;
|
||||
background: $header_background !important;
|
||||
|
||||
.display_header {
|
||||
|
||||
// Theme Title
|
||||
h2 {
|
||||
color: $header_text;
|
||||
}
|
||||
|
||||
// Theme version
|
||||
span {
|
||||
color: $header_text !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Entire background
|
||||
.redux-container {
|
||||
background: $background;
|
||||
|
||||
// Sidebar background
|
||||
.redux-sidebar {
|
||||
font-size: 13px;
|
||||
font-weight: 400 !important;
|
||||
line-height: 18px;
|
||||
|
||||
.redux-group-menu {
|
||||
background-color: $background;
|
||||
|
||||
li {
|
||||
&.divide {
|
||||
border-bottom-color: lighten($primary, 20%) !important;
|
||||
border-top-color: lighten($primary, 20%) !important;
|
||||
}
|
||||
|
||||
&.activeChild {
|
||||
&.hasSubSections {
|
||||
|
||||
// Menu item with closed subsection
|
||||
a {
|
||||
background-color: $primary !important;
|
||||
|
||||
//@if $text_shadow == 1 {
|
||||
// text-shadow: 1px 1px darken($primary, 30%)!important;
|
||||
//} @else {
|
||||
// text-shadow: 1px 1px transparent!important;
|
||||
//}
|
||||
|
||||
color: $active_menu_text !important;
|
||||
}
|
||||
|
||||
.subsection {
|
||||
li {
|
||||
&.active {
|
||||
|
||||
// Subsection selected item
|
||||
a {
|
||||
font-weight: 700 !important;
|
||||
color: $active_submenu_text !important;
|
||||
|
||||
//@if $text_shadow == 1 {
|
||||
// text-shadow: 1px 1px darken($primary, 20%)!important;
|
||||
//} @else {
|
||||
// text-shadow: 1px 1px transparent!important;
|
||||
//}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Active menu item, no subsection
|
||||
&.active {
|
||||
a {
|
||||
background-color: $primary !important;
|
||||
color: $active_menu_text !important;
|
||||
opacity: 1 !important;
|
||||
font-weight: 700 !important;
|
||||
|
||||
// Active menu item, no subsection hover
|
||||
&:hover {
|
||||
background-color: $primary;
|
||||
color: $menu_hover_text !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Inactive menu item, no subsection
|
||||
a {
|
||||
font-weight: 400 !important;
|
||||
color: $text !important;
|
||||
opacity: 0.9 !important;
|
||||
border-style: hidden !important;
|
||||
-webkit-transition: all 0.2s ease-in-out !important;
|
||||
-moz-transition: all 0.2s ease-in-out !important;
|
||||
-ms-transition: all 0.2s ease-in-out !important;
|
||||
-o-transition: all 0.2s ease-in-out !important;
|
||||
transition: all 0.2s ease-in-out !important;
|
||||
|
||||
// Inactive menu item, no subsection hover
|
||||
&:hover {
|
||||
color: $menu_hover_text !important;
|
||||
background-color: $primary !important;
|
||||
}
|
||||
}
|
||||
|
||||
.subsection {
|
||||
background: $subsection_background;
|
||||
|
||||
.redux-group-tab-link-li {
|
||||
|
||||
// subsection inactive menu
|
||||
.redux-group-tab-link-a {
|
||||
font-weight: 400 !important;
|
||||
//opacity: 0.7!important;
|
||||
color: $subsection_text !important;
|
||||
background-color: $subsection_background !important;
|
||||
|
||||
// subsection inactive menu hover
|
||||
&:hover {
|
||||
background-color: $subsection_background_hover !important;
|
||||
color: $menu_hover !important;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.hasSubSections {
|
||||
&.redux-section-hover {
|
||||
|
||||
// subsection item with flyout inactive
|
||||
> a {
|
||||
background-color: $primary;
|
||||
color: $menu_hover_text !important;
|
||||
|
||||
&::after {
|
||||
border-right-color: $subsection_background;
|
||||
}
|
||||
}
|
||||
|
||||
// subsection item with flyout inactive hover
|
||||
.redux-group-tab-link-a {
|
||||
//color: $menu_hover_text!important;
|
||||
|
||||
&:hover {
|
||||
color: $menu_hover_text !important;
|
||||
}
|
||||
}
|
||||
|
||||
.subsection {
|
||||
background-color: $subsection_background;
|
||||
|
||||
// flyout subsection inactive
|
||||
.redux-group-tab-link-a {
|
||||
-webkit-transition: all 0.2s ease-in-out;
|
||||
-moz-transition: all 0.2s ease-in-out;
|
||||
-ms-transition: all 0.2s ease-in-out;
|
||||
-o-transition: all 0.2s ease-in-out;
|
||||
transition: all 0.2s ease-in-out;
|
||||
|
||||
// flyout subsection inactive hover
|
||||
&:hover {
|
||||
background-color: $background;
|
||||
color: $menu_hover !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.redux-main {
|
||||
border-left-width: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Metabox. Psh!
|
||||
.postbox.redux-metabox {
|
||||
.redux-container {
|
||||
.redux-group-menu {
|
||||
li {
|
||||
&.active {
|
||||
a {
|
||||
background-color: $menu_hover;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Fields
|
||||
.button.ui-datepicker-current,
|
||||
button.ui-datepicker-close {
|
||||
background-color: lighten($primary, 3%) !important;
|
||||
}
|
||||
|
||||
.ui-datepicker-buttonpane button.ui-datepicker-current {
|
||||
background: $primary !important;
|
||||
color: #fff !important;
|
||||
border: 1px solid darken($primary, 20%) !important;
|
||||
|
||||
}
|
||||
|
||||
.ui-datepicker-header {
|
||||
background-color: $secondary !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.ui-datepicker td {
|
||||
.ui-state-active {
|
||||
color: #000 !important;
|
||||
font-weight: 700 !important;
|
||||
background: #fff !important;
|
||||
}
|
||||
|
||||
.ui-state-hover {
|
||||
color: lighten($primary, 3%) !important;
|
||||
}
|
||||
|
||||
.ui-state-highlight {
|
||||
background: $primary !important;
|
||||
border: 1px solid $secondary !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
}
|
||||
|
||||
.redux-container-switch .cb-disable,
|
||||
.redux-container-switch .cb-enable,
|
||||
.ui-state-default,
|
||||
.ui-widget-content .ui-state-default,
|
||||
.ui-widget-header .ui-state-default {
|
||||
@include backgroundGradient(#f5f5f5, #f8f8f8);
|
||||
border-color: #ccc !important;
|
||||
}
|
||||
|
||||
.redux-container-switch .cb-disable.selected {
|
||||
@include backgroundGradient(#646464, #929292);
|
||||
border-color: #767676 !important;
|
||||
}
|
||||
|
||||
.redux-container-spinner .ui-widget .ui-spinner-button.ui-state-hover span {
|
||||
@include backgroundGradient(lighten($primary, 5%));
|
||||
border-color: lighten($primary, 5%) !important;
|
||||
border-color: lighten($primary, 1%) !important;
|
||||
}
|
||||
|
||||
.redux-container-spinner .ui-widget .ui-spinner-button.ui-state-active span {
|
||||
@include backgroundGradient(darken($primary, 15%));
|
||||
border-color: darken($primary, 25%) !important;
|
||||
border-color: darken($primary, 20%) !important;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.redux-container-spinner .ui-widget .ui-spinner-button .ui-icon,
|
||||
.redux-container-switch .cb-enable.selected,
|
||||
.redux-field-container .ui-buttonset .ui-state-active {
|
||||
@include backgroundGradient($primary);
|
||||
border-color: darken($primary, 15%) !important;
|
||||
border-color: darken($primary, 10%) !important;
|
||||
-webkit-box-shadow: inset 0 1px 0 lighten($primary, 15%), 0 1px 0 rgba(0, 0, 0, 0.15) !important;
|
||||
box-shadow: inset 0 1px 0 lighten($primary, 15%), 0 1px 0 rgba(0, 0, 0, 0.15) !important;
|
||||
|
||||
}
|
||||
|
||||
.redux-container-image_select .redux-image-select-selected img {
|
||||
border-color: $primary !important;
|
||||
}
|
||||
|
||||
.redux-container-image_select .redux-image-select-selected .tiles {
|
||||
border-color: $primary !important;
|
||||
}
|
||||
|
||||
.select2-results .select2-results__option--highlighted {
|
||||
background: $primary !important;
|
||||
}
|
||||
|
||||
.select2-container--classic {
|
||||
&.select2-container--open .select2-dropdown,
|
||||
&.select2-container--open .select2-selection--single,
|
||||
&.select2-container--open .select2-selection--multiple,
|
||||
.select2-selection--single:focus {
|
||||
border-color: $primary !important;
|
||||
}
|
||||
}
|
||||
|
||||
.noUi-connect {
|
||||
@include backgroundGradient(lighten($primary, 3%));
|
||||
}
|
||||
|
||||
// Footer
|
||||
#redux-footer #redux-share a {
|
||||
color: $primary;
|
||||
|
||||
&:hover {
|
||||
color: darken($primary, 20%);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,12 @@
|
||||
@mixin backgroundGradient($to: darken($to, 5%), $from: lighten($to, 7%)) {
|
||||
background-color: $to !important;
|
||||
background-image: -khtml-gradient(linear, left top, left bottom, from($from), to($to)) !important;
|
||||
background-image: -moz-linear-gradient(top, $from, $to) !important;
|
||||
background-image: -ms-linear-gradient(top, $from, $to) !important;
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, $from), color-stop(100%, $to)) !important;
|
||||
background-image: -webkit-linear-gradient(top, $from, $to) !important;
|
||||
background-image: -o-linear-gradient(top, $from, $to) !important;
|
||||
background-image: -linear-gradient(top, $from, $to) !important;
|
||||
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#{$from}", endColorstr="#{$to}", GradientType=0) !important;
|
||||
}
|
||||
@@ -0,0 +1,16 @@
|
||||
$primary: #096484;
|
||||
$secondary: #4796b3;
|
||||
$background: #52accc;
|
||||
$text: #fff;
|
||||
$menu_hover: #fff;
|
||||
$menu_hover_text: #fff;
|
||||
$header_background: #52accc;
|
||||
$header_text: #fff;
|
||||
$subsection_background: #4796b3;
|
||||
$subsection_background_hover: #4796b3;
|
||||
$subsection_text: #e2ecf1;
|
||||
$active_menu_text: #fff;
|
||||
$active_submenu_text: #fff;
|
||||
$text_shadow: 1;
|
||||
|
||||
@import "../_admin.scss";
|
||||
@@ -0,0 +1,8 @@
|
||||
<?php
|
||||
/**
|
||||
* Silence is golden.
|
||||
*
|
||||
* @package Redux Framework
|
||||
*/
|
||||
|
||||
echo null;
|
||||
@@ -0,0 +1,236 @@
|
||||
@import "../_mixins.scss";
|
||||
|
||||
@mixin adminThemeColorOverrides($darkColor, $accentColor, $secondaryColor, $buttonPrimary) {
|
||||
.button.ui-datepicker-current,
|
||||
button.ui-datepicker-close {
|
||||
background-color: lighten($accentColor, 3%) !important;
|
||||
}
|
||||
|
||||
.ui-datepicker-buttonpane button.ui-datepicker-current {
|
||||
background: $buttonPrimary !important;
|
||||
color: #fff !important;
|
||||
border: 1px solid darken($buttonPrimary, 20%) !important;
|
||||
|
||||
}
|
||||
|
||||
.ui-datepicker-header {
|
||||
background-color: $secondaryColor !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.ui-datepicker td .ui-state-active {
|
||||
background-color: lighten($accentColor, 3%) !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.ui-datepicker td .ui-state-hover {
|
||||
color: lighten($accentColor, 3%) !important;
|
||||
}
|
||||
|
||||
.ui-datepicker td .ui-state-highlight {
|
||||
background: $accentColor !important;
|
||||
border: 1px solid $secondaryColor !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.redux-container-switch .cb-disable,
|
||||
.redux-container-switch .cb-enable,
|
||||
.ui-state-default,
|
||||
.ui-widget-content .ui-state-default,
|
||||
.ui-widget-header .ui-state-default {
|
||||
@include backgroundGradient(#f5f5f5, #f8f8f8);
|
||||
border-color: #ccc !important;
|
||||
}
|
||||
|
||||
.ui-datepicker td .ui-state-active {
|
||||
color: #000 !important;
|
||||
font-weight: 700 !important;
|
||||
background: #fff !important;
|
||||
}
|
||||
|
||||
.redux-container-switch .cb-disable.selected {
|
||||
@include backgroundGradient(#646464, #929292);
|
||||
border-color: #767676 !important;
|
||||
}
|
||||
|
||||
.redux-container-switch .cb-enable.selected,
|
||||
.redux-field-container .ui-buttonset .ui-state-active {
|
||||
@include backgroundGradient($accentColor);
|
||||
border-color: darken($accentColor, 15%) !important;
|
||||
border-color: darken($accentColor, 10%) !important;
|
||||
-webkit-box-shadow: inset 0 1px 0 lighten($accentColor, 15%), 0 1px 0 rgba(0, 0, 0, 0.15) !important;
|
||||
box-shadow: inset 0 1px 0 lighten($accentColor, 15%), 0 1px 0 rgba(0, 0, 0, 0.15) !important;
|
||||
|
||||
}
|
||||
|
||||
#redux-header {
|
||||
background: $secondaryColor;
|
||||
border-color: $accentColor;
|
||||
|
||||
.display_header span {
|
||||
color: $darkColor;
|
||||
}
|
||||
}
|
||||
|
||||
.redux-sidebar .redux-group-menu {
|
||||
li {
|
||||
&.active,
|
||||
&.activeChild {
|
||||
a {
|
||||
color: $secondaryColor;
|
||||
}
|
||||
|
||||
&.hasSubSections {
|
||||
ul.subsection li {
|
||||
a {
|
||||
&:hover {
|
||||
color: $buttonPrimary;
|
||||
background: darken($secondaryColor, 10%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.hasSubSections {
|
||||
&.redux-section-hover {
|
||||
.redux-group-tab-link-a {
|
||||
color: $accentColor;
|
||||
|
||||
:hover {
|
||||
color: $accentColor;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.active {
|
||||
&.hasSubSections {
|
||||
a {
|
||||
background: $accentColor;
|
||||
}
|
||||
|
||||
ul.subsection li a {
|
||||
background: $secondaryColor;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.activeChild {
|
||||
&.hasSubSections {
|
||||
a {
|
||||
background: $darkColor;
|
||||
text-shadow: 1px 1px darken($darkColor, 30%);
|
||||
}
|
||||
|
||||
ul.subsection li {
|
||||
a {
|
||||
background: $secondaryColor;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
&.active {
|
||||
a {
|
||||
background: $accentColor;
|
||||
text-shadow: 1px 1px darken($accentColor, 20%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.redux-section-hover {
|
||||
a {
|
||||
background: $secondaryColor;
|
||||
opacity: 1;
|
||||
border-style: hidden;
|
||||
|
||||
&:hover {
|
||||
color: $secondaryColor;
|
||||
background: darken($secondaryColor, 10%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.redux-container-image_select .redux-image-select-selected img {
|
||||
border-color: $accentColor;
|
||||
}
|
||||
|
||||
.redux-container-image_select .redux-image-select-selected .tiles {
|
||||
border-color: $accentColor;
|
||||
}
|
||||
|
||||
#redux-footer #redux-share a {
|
||||
color: $accentColor;
|
||||
|
||||
&:hover {
|
||||
color: darken($accentColor, 20%);
|
||||
}
|
||||
}
|
||||
|
||||
.select2-results .select2-highlighted {
|
||||
background: $accentColor;
|
||||
}
|
||||
|
||||
.select2-drop-active,
|
||||
.select2-container-multi.select2-container-active .select2-choices,
|
||||
.select2-drop.select2-drop-above.select2-drop-active,
|
||||
.select2-container-active .select2-choice,
|
||||
.select2-container-active .select2-choices,
|
||||
.select2-dropdown-open.select2-drop-above .select2-choice,
|
||||
.select2-dropdown-open.select2-drop-above .select2-choices {
|
||||
border-color: $accentColor;
|
||||
}
|
||||
|
||||
.select2-dropdown-open.select2-drop-above .select2-choice,
|
||||
.select2-dropdown-open.select2-drop-above .select2-choices {
|
||||
border-top: inherit;
|
||||
}
|
||||
|
||||
.noUi-connect {
|
||||
@include backgroundGradient(lighten($accentColor, 3%));
|
||||
}
|
||||
}
|
||||
|
||||
/* Light fresh theme */
|
||||
.admin-color-fresh,
|
||||
.wp-customizer {
|
||||
@include adminThemeColorOverrides(#a0a5aa, #0073aa, #23282d, #1e8cbe);
|
||||
}
|
||||
|
||||
/* Light admin theme */
|
||||
.admin-color-light {
|
||||
@include adminThemeColorOverrides(#e6e6e6, #04a4cc, #888888, #0384a4);
|
||||
}
|
||||
|
||||
/* Blue admin theme */
|
||||
.admin-color-blue {
|
||||
@include adminThemeColorOverrides(#e2ecf1, #4796b3, #096484, #db9825);
|
||||
}
|
||||
|
||||
/* Coffee admin theme */
|
||||
.admin-color-coffee {
|
||||
@include adminThemeColorOverrides(#cdcbc9, #c7a589, #46403c, #ba906d);
|
||||
}
|
||||
|
||||
/* Ectoplasm admin theme */
|
||||
.admin-color-ectoplasm {
|
||||
@include adminThemeColorOverrides(#cbc5d3, #a3b745, #413256, #89993a);
|
||||
}
|
||||
|
||||
/* Midnight admin theme */
|
||||
.admin-color-midnight {
|
||||
@include adminThemeColorOverrides(#c2c4c5, #e14d43, #363b3f, #d92c23);
|
||||
}
|
||||
|
||||
/* Ocean admin theme */
|
||||
.admin-color-ocean {
|
||||
@include adminThemeColorOverrides(#d5dddf, #9ebaa0, #627c83, #86a988);
|
||||
}
|
||||
|
||||
/* Sunrise admin theme */
|
||||
.admin-color-sunrise {
|
||||
@include adminThemeColorOverrides(#f0c8c6, #dd823b, #b43c38, #cc6c23);
|
||||
}
|
||||
@@ -0,0 +1,8 @@
|
||||
<?php
|
||||
/**
|
||||
* Silence is golden.
|
||||
*
|
||||
* @package Redux Framework
|
||||
*/
|
||||
|
||||
echo null;
|
||||
@@ -0,0 +1,16 @@
|
||||
$primary: #c7a589;
|
||||
$secondary: #9ea476;
|
||||
$background: #59524c;
|
||||
$text: #fff;
|
||||
$menu_hover: #c7a589;
|
||||
$menu_hover_text: #fff;
|
||||
$header_background: #59524c;
|
||||
$header_text: #fff;
|
||||
$subsection_background: #46403c;
|
||||
$subsection_background_hover: #46403c;
|
||||
$subsection_text: #e2ecf1;
|
||||
$active_menu_text: #fff;
|
||||
$active_submenu_text: #fff;
|
||||
$text_shadow: 1;
|
||||
|
||||
@import "../_admin.scss";
|
||||
@@ -0,0 +1,8 @@
|
||||
<?php
|
||||
/**
|
||||
* Silence is golden.
|
||||
*
|
||||
* @package Redux Framework
|
||||
*/
|
||||
|
||||
echo null;
|
||||
@@ -0,0 +1,16 @@
|
||||
$primary: #a3b745;
|
||||
$secondary: #d46f15;
|
||||
$background: #523f6d;
|
||||
$text: #fff;
|
||||
$menu_hover: #a3b745;
|
||||
$menu_hover_text: #fff;
|
||||
$header_background: #523f6d;
|
||||
$header_text: #fff;
|
||||
$subsection_background: #413256;
|
||||
$subsection_background_hover: #413256;
|
||||
$subsection_text: #e2ecf1;
|
||||
$active_menu_text: #fff;
|
||||
$active_submenu_text: #fff;
|
||||
$text_shadow: 1;
|
||||
|
||||
@import "../_admin.scss";
|
||||
@@ -0,0 +1,8 @@
|
||||
<?php
|
||||
/**
|
||||
* Silence is golden.
|
||||
*
|
||||
* @package Redux Framework
|
||||
*/
|
||||
|
||||
echo null;
|
||||
@@ -0,0 +1,16 @@
|
||||
$primary: #0073aa;
|
||||
$secondary: #00a0d2;
|
||||
$background: #23282d;
|
||||
$text: #eee;
|
||||
$menu_hover: #00b9eb;
|
||||
$menu_hover_text: #eee;
|
||||
$header_background: #23282d;
|
||||
$header_text: #eee;
|
||||
$subsection_background: #32373c;
|
||||
$subsection_background_hover: #32373c;
|
||||
$subsection_text: rgba(240, 245, 250, 0.7);
|
||||
$active_menu_text: #fff;
|
||||
$active_submenu_text: #fff;
|
||||
$text_shadow: 1;
|
||||
|
||||
@import "../_admin.scss";
|
||||
@@ -0,0 +1,8 @@
|
||||
<?php
|
||||
/**
|
||||
* Silence is golden.
|
||||
*
|
||||
* @package Redux Framework
|
||||
*/
|
||||
|
||||
echo null;
|
||||
@@ -0,0 +1,8 @@
|
||||
<?php
|
||||
/**
|
||||
* Silence is golden.
|
||||
*
|
||||
* @package Redux Framework
|
||||
*/
|
||||
|
||||
echo null;
|
||||
@@ -0,0 +1,16 @@
|
||||
$primary: #888;
|
||||
$secondary: #d64e07;
|
||||
$background: #e5e5e5;
|
||||
$text: #333;
|
||||
$menu_hover: #04a4cc;
|
||||
$menu_hover_text: #fff;
|
||||
$header_background: #e5e5e5;
|
||||
$header_text: #333;
|
||||
$subsection_background: #fff;
|
||||
$subsection_background_hover: #fff;
|
||||
$subsection_text: #686868;
|
||||
$active_menu_text: #fff;
|
||||
$active_submenu_text: #04a4cc;
|
||||
$text_shadow: 0;
|
||||
|
||||
@import "../_admin.scss";
|
||||
@@ -0,0 +1,8 @@
|
||||
<?php
|
||||
/**
|
||||
* Silence is golden.
|
||||
*
|
||||
* @package Redux Framework
|
||||
*/
|
||||
|
||||
echo null;
|
||||
@@ -0,0 +1,16 @@
|
||||
$primary: #e14d43;
|
||||
$secondary: #69a8bb;
|
||||
$background: #363b3f;
|
||||
$text: #fff;
|
||||
$menu_hover: #e14d43;
|
||||
$menu_hover_text: #fff;
|
||||
$header_background: #363b3f;
|
||||
$header_text: #fff;
|
||||
$subsection_background: #26292c;
|
||||
$subsection_background_hover: #26292c;
|
||||
$active_menu_text: #fff;
|
||||
$subsection_text: #c3c4c5;
|
||||
$active_submenu_text: #fff;
|
||||
$text_shadow: 1;
|
||||
|
||||
@import "../_admin.scss";
|
||||
@@ -0,0 +1,8 @@
|
||||
<?php
|
||||
/**
|
||||
* Silence is golden.
|
||||
*
|
||||
* @package Redux Framework
|
||||
*/
|
||||
|
||||
echo null;
|
||||
@@ -0,0 +1,16 @@
|
||||
$primary: #9ebaa0; //
|
||||
$secondary: #aa9d88; //
|
||||
$background: #738e96; //
|
||||
$text: #fff; //
|
||||
$menu_hover: #9ebaa0;
|
||||
$menu_hover_text: #fff;
|
||||
$header_background: #738e96; //
|
||||
$header_text: #fff; //
|
||||
$subsection_background: #627c83; //
|
||||
$subsection_background_hover: #627c83; //
|
||||
$subsection_text: #d5dde0; //
|
||||
$active_menu_text: #fff;
|
||||
$active_submenu_text: #fff;
|
||||
$text_shadow: 1;
|
||||
|
||||
@import "../_admin.scss";
|
||||
@@ -0,0 +1,8 @@
|
||||
<?php
|
||||
/**
|
||||
* Silence is golden.
|
||||
*
|
||||
* @package Redux Framework
|
||||
*/
|
||||
|
||||
echo null;
|
||||
@@ -0,0 +1,16 @@
|
||||
$primary: #dd823b; //
|
||||
$secondary: #ccaf0b; //
|
||||
$background: #cf4944; //
|
||||
$text: #fff;
|
||||
$menu_hover: #f7e3d3;
|
||||
$menu_hover_text: #fff; //
|
||||
$header_background: #cf4944; //
|
||||
$header_text: #fff;
|
||||
$subsection_background: #be3631; //
|
||||
$subsection_background_hover: #be3631; //
|
||||
$subsection_text: #f1c8c7; //
|
||||
$active_menu_text: #f7e3d3;
|
||||
$active_submenu_text: #f7e3d3;
|
||||
$text_shadow: 1;
|
||||
|
||||
@import "../_admin.scss";
|
||||
@@ -0,0 +1,8 @@
|
||||
<?php
|
||||
/**
|
||||
* Silence is golden.
|
||||
*
|
||||
* @package Redux Framework
|
||||
*/
|
||||
|
||||
echo null;
|
||||
@@ -0,0 +1,8 @@
|
||||
<?php
|
||||
/**
|
||||
* Silence is golden.
|
||||
*
|
||||
* @package Redux Framework
|
||||
*/
|
||||
|
||||
echo null;
|
||||
@@ -0,0 +1,60 @@
|
||||
.redux-main {
|
||||
.button.remove-image,
|
||||
.removeCSS {
|
||||
margin-left: 10px;
|
||||
color: #ef521d;
|
||||
|
||||
&:hover {
|
||||
color: #ff0;
|
||||
}
|
||||
}
|
||||
|
||||
.upload_button_div {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.upload-error {
|
||||
float: left;
|
||||
color: #666;
|
||||
font-size: 10px;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
text-shadow: 1px 1px 0 #fff;
|
||||
margin: 0 10px 0 0;
|
||||
padding: 3px 10px;
|
||||
background: #ffdfec;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.reset-button {
|
||||
font-family: Arial, Verdana, sans-serif;
|
||||
float: left;
|
||||
margin: 0;
|
||||
color: #ef521d;
|
||||
border-color: #bbb;
|
||||
}
|
||||
|
||||
.redux-option-image {
|
||||
max-height: 340px;
|
||||
max-width: 340px;
|
||||
padding: 5px;
|
||||
margin-bottom: 0;
|
||||
margin-top: 10px;
|
||||
margin-right: 15px;
|
||||
border: 1px solid #e3e3e3;
|
||||
background: #f7f7f7;
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.redux-main .upload {
|
||||
width: 80% !important;
|
||||
}
|
||||
|
||||
.button {
|
||||
margin-top: 2px;
|
||||
}
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,124 @@
|
||||
html[dir="rtl"]
|
||||
.redux-container {
|
||||
.redux-action_bar {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
.redux-container .expand_options,
|
||||
.redux-sidebar,
|
||||
.cb-enable,
|
||||
.cb-disable,
|
||||
.cb-enable span,
|
||||
.cb-disable span,
|
||||
#redux-footer #redux-share {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.redux-main {
|
||||
border-left: 0;
|
||||
margin-left: 0;
|
||||
border-right: 1px solid #d8d8d8;
|
||||
margin-right: 201px;
|
||||
|
||||
.redux-typography-container .typography-preview {
|
||||
text-align: center !important;
|
||||
direction: ltr !important;
|
||||
}
|
||||
}
|
||||
|
||||
.redux-group-tab-link-a {
|
||||
padding-left: 0;
|
||||
padding-right: 30px;
|
||||
|
||||
i {
|
||||
padding-left: 10px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
span.group_title {
|
||||
padding-left: 0;
|
||||
padding-right: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.redux_slider {
|
||||
margin-left: 0;
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
.redux-action_bar {
|
||||
float: left !important;
|
||||
}
|
||||
|
||||
.expand_options {
|
||||
float: right !important;
|
||||
border: 1px solid #f00;
|
||||
}
|
||||
|
||||
.redux_field_th {
|
||||
padding: 20px 0 20px 10px !important;
|
||||
}
|
||||
|
||||
.field-desc {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.redux-container-ace_editor,
|
||||
.redux-container-border,
|
||||
.redux-container-spacing,
|
||||
.redux-container-dimensions {
|
||||
direction: ltr !important;
|
||||
}
|
||||
|
||||
.redux-container-border .field-border-input,
|
||||
.redux-container-border .redux-color-init,
|
||||
.redux-container-border .redux-border-style,
|
||||
.redux-container-sorter,
|
||||
.redux-container-border,
|
||||
.redux-container-spacing,
|
||||
.redux-container-spacing .field-spacing-input,
|
||||
.redux-container-dimensions .redux-dimensions-container,
|
||||
.redux-container-text label,
|
||||
.redux-container-checkbox input,
|
||||
.typography-font-bar,
|
||||
.typography-style-bar,
|
||||
.redux-color.redux-typography-color,
|
||||
.redux-typography-subsets {
|
||||
float: right !important;
|
||||
}
|
||||
|
||||
.input-append {
|
||||
margin-right: 10px;
|
||||
direction: ltr !important;
|
||||
}
|
||||
|
||||
.redux-container-slider,
|
||||
.redux-container-spinner,
|
||||
.redux-container-switch {
|
||||
direction: ltr !important;
|
||||
float: right;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.redux-info-field {
|
||||
.redux-info-icon {
|
||||
margin-left: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
#redux-share {
|
||||
float: right !important;
|
||||
}
|
||||
|
||||
.redux-sidebar {
|
||||
.redux-menu-warning,
|
||||
.redux-menu-error,
|
||||
.hasSubSections .extraIconSubsections {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
.select2-search-choice-close {
|
||||
left: 23px !important;
|
||||
}
|
||||
Reference in New Issue
Block a user