Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory : /home/corals/gg.corals.io/wp-content/plugins/trx_addons/components/theme-panel/ |
@import "../../css/_mixins.scss";
@import "../../css/_trx_addons.vars.scss";
/* Theme Panel
-----------------------------------------------------------------*/
.trx_addons_theme_panel {
@include font(1.1538em, 1.5em);
}
@media (max-width: 1279px) {
.trx_addons_theme_panel {
font-size: 1em;
}
}
.update-nag ~ .trx_addons_theme_panel {
margin-top: 2em;
}
.trx_addons_theme_panel_busy {
pointer-events: none;
}
.trx_addons_theme_panel .trx_addons_tabs_section {
margin-right: 2em;
}
@media (max-width: 1023px) {
.trx_addons_theme_panel .trx_addons_tabs_section {
margin-right: 1em;
}
}
.trx_addons_theme_panel p {
font-size: 1em;
}
.trx_addons_theme_panel .trx_buttons {
text-align: right;
}
.trx_addons_panel_wizard > ul {
pointer-events: none;
}
.trx_addons_panel_wizard > ul > li > a {
color: #ddd;
}
.trx_addons_panel_wizard > ul > li > a:before {
font-family: $trx_addons_icons;
content: '\e8bd';
font-size: 8px;
padding: 3px;
margin-right: 5px;
display: inline-block;
vertical-align: middle;
@include square(1em);
@include border-round;
border: 1px solid #ddd;
color: #ddd;
}
.trx_addons_panel_wizard > ul > li.trx_addons_panel_wizard_active > a {
color: #333;
}
.trx_addons_panel_wizard > ul > li.trx_addons_panel_wizard_active > a:before {
border-color: #333;
background-color: transparent;
color: #333;
}
.trx_addons_panel_wizard > ul > li.trx_addons_panel_wizard_finished > a {
color: #07bea7;
}
.trx_addons_panel_wizard > ul > li.trx_addons_panel_wizard_finished > a:before {
border-color: #07bea7;
background-color: #07bea7;
color: #fff;
}
.trx_addons_panel_wizard .trx_addons_tabs_section {
position: relative;
}
.trx_addons_panel_wizard .trx_addons_tabs_section .trx_addons_theme_panel_plugins_install,
.trx_addons_panel_wizard .trx_addons_tabs_section .trx_buttons > .button {
position: absolute;
right: 8em;
bottom: 1.7em;
}
.trx_addons_panel_wizard .trx_addons_tabs_section .trx_exporter_section .trx_buttons > .button {
position: relative;
}
/* Admin message */
.trx_addons_theme_panel .trx_addons_result {
margin: 1em 0 2em;
}
.trx_addons_tabs .error,
.trx_addons_tabs .notice,
.trx_addons_tabs .notice-error,
.trx_addons_tabs .updated {
margin: 0;
background-color: #fafafa;
}
/* Theme info */
.trx_addons_theme_panel_section_title {
line-height: 1.4em;
margin-top: 0;
}
[class*="trx_addons_theme_panel_section_title_label"] {
display: inline-block;
vertical-align: top;
@include font(10px, 16px);
text-transform: uppercase;
padding: 2px 6px;
@include border-radius(10px);
color: #fff;
margin-left: 1em;
}
.trx_addons_theme_panel_section_title_label_active {
background-color: #85d0f5;
}
.trx_addons_theme_panel_section_title_label_inactive {
background-color: #dd4b39;
}
.trx_addons_theme_panel_section_title_label_free {
background-color: #07bea7;
}
.trx_addons_theme_panel_section_info p,
.trx_addons_theme_panel_section_description p {
margin: 0;
}
.trx_addons_theme_panel_section_info p + p,
.trx_addons_theme_panel_section_description p + p {
margin-top: 0.3em;
}
.trx_addons_theme_panel_section_info {
border: 1px solid #ddd;
padding: 1.5em;
margin-bottom: 2em;
background-color: #fafafa;
}
.trx_addons_theme_panel_section_info_notice {
font-style: italic;
}
/* System Info */
.trx_addons_theme_panel_theme_active,
.trx_addons_theme_panel_sys_info {
display: inline-block;
vertical-align: top;
width: 50%;
@include border-box;
}
.trx_addons_theme_panel_theme_active {
padding-right: 2em;
}
.trx_addons_theme_panel_sys_info {
border: 1px solid #ddd;
padding: 1.5em;
background-color: #fafafa;
}
@media (max-width: 767px) {
.trx_addons_theme_panel_theme_active,
.trx_addons_theme_panel_sys_info {
display: block;
width: 100%;
}
.trx_addons_theme_panel_theme_active {
padding: 0 0 2em;
}
}
.trx_addons_theme_panel_sys_info table {
border-collapse: collapse;
}
.trx_addons_theme_panel_sys_info table th {
text-align: left;
padding: 0.2em 0.3em 0.4em;
border-bottom: 1px solid #ddd
}
.trx_addons_theme_panel_sys_info table td {
padding: 0.2em;
}
.trx_addons_theme_panel_sys_info table tr:nth-child(2) td {
padding-top: 0.4em;
}
/* Fields
-------------------------------- */
.trx_addons_theme_panel_section_form_field {
margin-top: 1em;
}
.trx_addons_theme_panel_section_form_field_label {
display: block;
margin-bottom: 0.3em;
}
.trx_addons_theme_panel_section_form_field_label > .required {
color: #aa0000;
}
.trx_addons_theme_panel_section_form_field input[type="checkbox"] + .trx_addons_theme_panel_section_form_field_label {
display: inline-block;
vertical-align: baseline;
}
.trx_addons_theme_panel_section_form_field input[type="text"] {
width: 20em;
max-width: 70%;
}
.trx_addons_theme_panel_section_form_field_description {
font-style: italic;
display: inline-block;
vertical-align: baseline;
margin: 0 0 0 0.5em;
}
.trx_addons_theme_panel_theme_active .trx_addons_theme_panel_install_wizard {
margin-top: 1.5em;
}
.trx_addons_theme_panel .button.button-primary[disabled] {
background-color: #f7f7f7 !important;
color: #888 !important;
border-color: #ddd !important;
text-shadow: none !important;
}
.trx_addons_theme_panel_buttons {
// margin-top: 2em;
// border-top: 1px dotted #ddd;
// padding-top: 2em;
overflow: hidden;
display: none;
}
#trx_addons_theme_panel_section_general .trx_addons_theme_panel_buttons,
.trx_addons_panel_wizard .trx_addons_theme_panel_buttons {
display: block;
}
.trx_addons_theme_panel_buttons > a.button {
font-size: 1.1538em;
line-height: 1.7em;
padding: 0.6em 1.2em;
height: auto;
display: inline-block;
}
.trx_addons_theme_panel_buttons .trx_addons_theme_panel_prev_step {
float: left;
}
.trx_addons_theme_panel_buttons .trx_addons_theme_panel_next_step {
float: right;
}
.trx_addons_theme_panel .wp-picker-container input[type="text"].wp-color-picker {
width: 4.5em;
}
/* Plugins list
-------------------------------- */
.trx_addons_theme_panel_plugins_group {
border: 2px solid #2a8aaa;
}
.trx_addons_theme_panel_plugins_group + .trx_addons_theme_panel_plugins_group {
margin-top: 1em;
}
.trx_addons_theme_panel_plugins_group_title {
margin: 0;
@include font(1.25em, 1.5em);
padding: 0.75em 5em 0.75em 1em;
background-color: #e0f0fa;
color: #2a8aaa;
border-bottom: 1px solid transparent;
position: relative;
@include transition-property(border-color);
cursor: pointer;
}
.trx_addons_theme_panel_plugins_group_opened .trx_addons_theme_panel_plugins_group_title {
border-bottom-color: #2a8aaa;
}
.trx_addons_theme_panel_plugins_group_opened .trx_addons_theme_panel_plugins_group_title:after {
@include rotate(180deg);
}
.trx_addons_theme_panel_plugins_group_title:after {
content: '\e857';
font-family: $trx_addons_icons;
display: inline-block;
vertical-align: top;
@include square(1em);
@include abs-rt(1em, 50%);
margin-top: -0.5em;
@include transition-property(rotate);
}
.trx_addons_theme_panel_plugins_group_plugins {
padding: 1em 0 1em 2em;
@include border-box;
}
.trx_addons_theme_panel_plugins_group:not(.trx_addons_theme_panel_plugins_group_opened) .trx_addons_theme_panel_plugins_group_plugins {
display: none;
}
.trx_addons_theme_panel_plugins_list_item {
display: inline-block;
vertical-align: top;
width: 50%;
padding: 0 2em 0 0;
@include border-box;
}
@media (max-width: 1023px) {
.trx_addons_theme_panel_plugins_list_item {
width: 100%;
}
.trx_addons_theme_panel_plugins_list_item:nth-child(n+2) > a {
border-top: 1px dotted #ddd;
}
}
.trx_addons_theme_panel_plugins_list_item > a {
display: block;
width: 100%;
@include border-box;
padding: 1em 0 1em 0.5em;
position: relative;
text-decoration: none;
}
.trx_addons_theme_panel_plugins_list_item:nth-child(n+3) > a {
border-top: 1px dotted #ddd;
}
.trx_addons_theme_panel_plugins_list_item > a,
.trx_addons_theme_panel_plugins_list_item > a:hover {
color: #333;
}
.trx_addons_theme_panel_plugins_list_item > a[data-required="1"]:hover,
.trx_addons_theme_panel_plugins_list_item > a[data-state="deactivate"]:hover {
cursor: not-allowed;
}
.trx_addons_theme_panel_plugins_list_item_check {
display: inline-block;
vertical-align: middle;
@include square(2.5em);
@include border-round;
background-color: #eee;
color: #333;
margin-right: 1.5em;
overflow: hidden;
}
.trx_addons_theme_panel_plugins_list_item_check:before {
content: ' ';
font-family: $trx_addons_icons;
}
.trx_addons_theme_panel_plugins_list_item_checked > a .trx_addons_theme_panel_plugins_list_item_check:before {
content: '\e8bd';
}
.trx_addons_theme_panel_plugins_list_item_check.trx_addons_loading {
color: #fff;
}
.trx_addons_theme_panel_plugins_list_item_check.trx_addons_loading:before {
content: '\e800' !important;
margin: 0;
}
.trx_addons_theme_panel_plugins_list_item > a[data-state="deactivate"] .trx_addons_theme_panel_plugins_list_item_check {
color: #fff;
background-color: #07bea7;
}
.trx_addons_theme_panel_plugins_list_item > a[data-state="deactivate"] .trx_addons_theme_panel_plugins_list_item_check:before {
content: '\e8f1';
}
.trx_addons_theme_panel_plugins_list_item_image {
width: 80px;
height: auto;
display: inline-block;
vertical-align: middle;
}
.trx_addons_theme_panel_plugins_list_item_info {
display: inline-block;
vertical-align: middle;
width: calc(100% - 80px - 4em);
padding-left: 1.5em;
@include border-box;
}
@media (max-width: 767px) {
.trx_addons_theme_panel_plugins_list_item_info {
display: block;
width: 100%;
padding: 2em 0 0;
}
}
.trx_addons_theme_panel_plugins_list_item_title {
display: inline-block;
vertical-align: top;
@include font(1.25em, 1.5em, bold);
position: relative;
}
.trx_addons_theme_panel_plugins_list_item_state {
@include font(10px, 14px);
@include abs-rt(-18px, -18px);
display: inline-block;
vertical-align: top;
padding: 2px 6px;
color: #fff;
background-color: #07bea7;
border-color: #07bea7;
text-transform: uppercase;
@include transition-all;
}
.trx_addons_theme_panel_plugins_list_item_state:before {
content: " ";
@include abs-lt(1em, 100%);
@include box(0,0);
border-style: solid;
border-width: 4px 7px 0 0;
border-top-color: inherit;
border-left-color: transparent !important;
border-right-color: transparent !important;
border-bottom-color: transparent !important;
}
.trx_addons_theme_panel_plugins_list_item:not(.trx_addons_theme_panel_plugins_list_item_checked) > a:not([data-state="deactivate"]) .trx_addons_theme_panel_plugins_list_item_state {
background-color: #f0f0f0;
border-color: #f0f0f0;
color: #bbb;
}
.trx_addons_theme_panel_plugins_list_item > a[data-state="install"] .trx_addons_theme_panel_plugins_list_item_state {
background-color: #e73636;
border-color: #e73636;
}
.trx_addons_theme_panel_plugins_list_item > a[data-state="install"] .trx_addons_theme_panel_plugins_list_item_check.trx_addons_loading,
.trx_addons_theme_panel_plugins_list_item > a[data-state="install"] .trx_addons_theme_panel_plugins_list_item_check.trx_addons_loading ~ .trx_addons_theme_panel_plugins_list_item_info .trx_addons_theme_panel_plugins_list_item_state {
background-color: #b32929;
border-color: #b32929;
}
.trx_addons_theme_panel_plugins_list_item > a[data-state="activate"] .trx_addons_theme_panel_plugins_list_item_state {
background-color: #32a6cc;
border-color: #32a6cc;
min-width: 8em;
}
.trx_addons_theme_panel_plugins_list_item > a[data-state="activate"] .trx_addons_theme_panel_plugins_list_item_check.trx_addons_loading,
.trx_addons_theme_panel_plugins_list_item > a[data-state="activate"] .trx_addons_theme_panel_plugins_list_item_check.trx_addons_loading ~ .trx_addons_theme_panel_plugins_list_item_info .trx_addons_theme_panel_plugins_list_item_state {
background-color: #267c99;
border-color: #267c99;
}
.trx_addons_theme_panel_plugins_list_item_description {
display: block;
@include font(1em, 1.5em, '', italic);
}
.trx_addons_theme_panel_plugins_buttons + .trx_addons_theme_panel_plugins_list {
margin-top: 2em;
}
.trx_addons_theme_panel_plugins_list + .trx_addons_theme_panel_plugins_buttons {
text-align: right;
margin-top: 2em;
}
.trx_addons_percent_loader {
display: none;
vertical-align: bottom;
margin: 0 1em 0.1em 0;
position: relative;
overflow: hidden;
@include square(3em);
}
.trx_addons_panel_wizard .trx_addons_tabs_section .trx_addons_theme_panel_plugins_installer .trx_addons_percent_loader {
position: absolute;
right: 22em;
margin-top: 0.4em;
}
.trx_addons_theme_panel.trx_addons_theme_panel_busy .trx_addons_percent_loader {
display: inline-block;
}
.trx_addons_percent_loader .trx_addons_percent_loader_bg {
@include abs-cover(1);
background-image: url(../../css/images/preloader.gif);
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
filter: hue-rotate(50deg) saturate(50%);
}
.trx_addons_percent_loader .trx_addons_percent_loader_value {
@include abs-cc(2);
display: inline-block;
vertical-align: top;
text-align: center;
color: #00aa4a;
}
/* Demo data
-------------------------------- */
.trx_addons_panel_wizard #trx_addons_theme_panel_section_demo .trx_importer_advanced_settings_wrap {
margin-bottom: 0;
}
.trx_addons_panel_wizard #trx_addons_theme_panel_section_demo .trx_importer .trx_buttons {
margin-top: 0;
}
.trx_addons_panel_wizard #trx_addons_theme_panel_section_demo .trx_addons_theme_panel_buttons {
margin-top: 2em;
}
/* Blocks
-------------------------------- */
.trx_addons_theme_panel_links {
@include flex;
@include flex-wrap(wrap);
@include flex-align-items(stretch);
@include flex-align-content(center);
margin-top: 3em;
text-align: center;
}
/* Classic block */
.trx_addons_classic_block {
display: inline-block;
vertical-align:top;
width: 25%;
padding: 0 2em 2em 0;
@include border-box;
}
@media (max-width: 1279px) {
.trx_addons_classic_block {
width: 33.3333%;
}
}
@media (max-width: 1023px) {
.trx_addons_classic_block {
width: 50%;
padding: 0 1em 1em 0;
}
}
@media (max-width: 767px) {
.trx_addons_classic_block {
width: 100%;
font-size: 1em;
}
}
.trx_addons_classic_block_inner {
display: inline-block;
vertical-align:top;
padding: 2em;
@include box(100%, 100%);
@include border-box;
background-color: #fff;
border: 1px solid #ddd;
@include border-radius(2px);
@include transition(transform .3s ease,box-shadow .3s ease);
}
.trx_addons_classic_block_inner:hover {
@include box-shadow(0 10px 20px 0 rgba(0, 0, 0, 0.2));
@include translateY(-3px);
}
.trx_addons_classic_block_image {
width: auto;
max-width: 100%;
max-height: 100%;
margin-bottom: 1em;
}
.trx_addons_classic_block_title {
margin: 0;
}
.trx_addons_classic_block_description {
margin: 1em 0;
line-height:1.7em;
}
.trx_addons_classic_block a.trx_addons_classic_block_link,
.trx_addons_classic_block span.trx_addons_classic_block_link {
@include font(1em, 1.7em);
padding:0.5em 1em;
height: auto;
display: inline-block;
margin: 0.5em 0.5em 0.5em 0;
vertical-align:middle;
@include transition-properties(border,background,color);
}
.trx_addons_classic_block span.trx_addons_classic_block_link_active {
cursor: default;
pointer-events: none;
}
/* Image block */
.trx_addons_image_block {
display: inline-block;
vertical-align:top;
width: 25%;
padding: 0 2em 1em 0;
@include border-box;
}
.trx_addons_image_block_inner {
@include flex;
@include flex-direction(column);
@include flex-justify-content(center);
@include flex-align-items(center);
padding: 2em;
@include box(100%, 100%);
@include border-box;
background-color: #fff;
border: 1px solid #ddd;
position: relative;
background-position: top center;
background-size: cover;
height: 420px;
}
.trx_addons_image_block_inner:before {
content: ' ';
@include bg-mask(#000, 0.3, 0);
opacity: 0;
@include transition(opacity .3s ease);
}
.trx_addons_image_block_inner:hover:before {
opacity: 1;
}
@media (max-width: 1279px) {
.trx_addons_image_block {
width: 33.3333%;
}
.trx_addons_image_block_inner {
height: 320px;
}
}
@media (max-width: 767px) {
.trx_addons_image_block {
width: 50%;
font-size: 1em;
}
}
@media (max-width: 479px) {
.trx_addons_image_block {
width: 100%;
padding-right:0;
}
}
.trx_addons_image_block_title {
margin-bottom: 0;
}
.trx_addons_image_block_title + .trx_addons_image_block_description {
margin-top: 1em;
}
.button.trx_addons_image_block_link {
font-size: 1.1538em;
line-height: 1.7em;
padding: 0.6em 1.2em;
height: auto;
width: 75%;
@include border-box;
text-align: center;
position: relative;
z-index: 1;
}
.button.trx_addons_image_block_link + .button.trx_addons_image_block_link {
margin-top: 0.5em;
}