initial
This commit is contained in:
@@ -0,0 +1,602 @@
|
||||
.afmp-nav-tabs .nav-tab-active {
|
||||
background: #ffffff !important;
|
||||
}
|
||||
|
||||
.afmp-nav-tabs .nav-tab {
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
|
||||
.afmp-nav-tabs .nav-tab:last-child {
|
||||
border-left: none !important;
|
||||
}
|
||||
|
||||
.afm__left-side h3 .button.button-primary {
|
||||
margin-left: 30px;
|
||||
margin-top: -3px;
|
||||
padding: 0 20px;
|
||||
border-radius: 15px;
|
||||
|
||||
border: none;
|
||||
background: #ffc955;
|
||||
color: #000;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
|
||||
.afm__clearfix::after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.afm__left-side {
|
||||
float: left;
|
||||
width: calc( 100% - 343px );
|
||||
max-width: calc( 100% - 343px );
|
||||
}
|
||||
|
||||
.afm__right-side {
|
||||
position: relative;
|
||||
float: right;
|
||||
display: inline-block;
|
||||
width: 300px;
|
||||
border-radius: 18px;
|
||||
border: 2px solid #dad7ff;
|
||||
background: url( ../images/grid-lines.png ), linear-gradient(214deg, #3F6972 17.61%, #011D33 135.03%);
|
||||
}
|
||||
|
||||
.afm__container {
|
||||
padding: 50px 36px;
|
||||
}
|
||||
|
||||
.fma__header {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.afmp__title {
|
||||
color: #fff;
|
||||
font-size: 24px;
|
||||
font-weight: 700;
|
||||
line-height: 40px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.afmp__title span {
|
||||
color: #a9e5bb;
|
||||
}
|
||||
|
||||
.fma_cta {
|
||||
padding: 0 45px;
|
||||
border-radius: 53px;
|
||||
background: #ffc867;
|
||||
text-align: center;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.fma_cta a {
|
||||
color: #000000;
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
line-height: 39px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.fma_cta a:focus,
|
||||
#fma__hide-banner:focus {
|
||||
box-shadow: none;
|
||||
outline: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.fma_cta a span img {
|
||||
width: 20px;
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
|
||||
.fma__pro-features li {
|
||||
color: #fff;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
line-height: 36px;
|
||||
list-style-position: inside;
|
||||
}
|
||||
|
||||
.fma__pro-features li img {
|
||||
margin-bottom: -4px;
|
||||
margin-right: 12px;
|
||||
width: 24px;
|
||||
}
|
||||
|
||||
.fma__footer {
|
||||
text-align: center;
|
||||
margin-top: 17px;
|
||||
}
|
||||
|
||||
.fma__footer a {
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
line-height: 26px;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.fma__status-mini-max {
|
||||
position: absolute;
|
||||
top: 50px;
|
||||
right: 50px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.fma__status {
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
.fma__maximized {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
.fma__minimized {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
#fma__minimize-maximize {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.fma__pro-popup {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background: rgba(0,0,0,0.1);
|
||||
backdrop-filter: blur(1px);
|
||||
z-index: 1234;
|
||||
}
|
||||
|
||||
.fma__pro-popup-wrapper {
|
||||
width: 378px;
|
||||
height: 255px;
|
||||
border-radius: 5px;
|
||||
background: url( ../images/popup-grid-lines.png ), #fff;
|
||||
position: relative;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.fma__pro-close-button {
|
||||
position: absolute;
|
||||
top: 18px;
|
||||
right: 18px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.fma__pro-close-button a {
|
||||
text-decoration: none;
|
||||
color: #000;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.fma__pro-close-button a img {
|
||||
width: 28px;
|
||||
}
|
||||
|
||||
.fma__pro-popup-content {
|
||||
width: 230px;
|
||||
height: 180px;
|
||||
}
|
||||
|
||||
.afmp__pro-popup-desc p {
|
||||
color: #6a788b;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.fma__pro-popup-content {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.fma__pro-popup-cta {
|
||||
padding: 10px 26px;
|
||||
background: #e17351;
|
||||
border-radius: 73px;
|
||||
}
|
||||
|
||||
.fma__pro-popup-cta a {
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
line-height: 10px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.fma__pro-popup-cta a:focus {
|
||||
box-shadow: none;
|
||||
outline: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.fma__left {
|
||||
display: block;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.fma__right {
|
||||
display: block;
|
||||
|
||||
float: right;
|
||||
}
|
||||
|
||||
.fma__clearfix::after {
|
||||
display: table;
|
||||
content: '';
|
||||
clear: both;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
------------------------------------------------------------------------
|
||||
Adminer CSS
|
||||
------------------------------------------------------------------------
|
||||
*/
|
||||
|
||||
.afm__adminer-wrapper {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.afm__sidebar {
|
||||
width: 358px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.afm__sidebar .afm__container {
|
||||
padding: 22px 26px;
|
||||
}
|
||||
|
||||
.afm__header-box {
|
||||
background-color: #eeeeee;
|
||||
border-bottom: 1px solid #000000;
|
||||
padding: 23px 12px;
|
||||
}
|
||||
|
||||
.afm__placeholder-secondary {
|
||||
background-color: #B8B8B8;
|
||||
}
|
||||
|
||||
.afm__placeholder-primary {
|
||||
background-color: #89B1FC;
|
||||
}
|
||||
|
||||
.afm__placeholder {
|
||||
border-radius: 30px;
|
||||
}
|
||||
|
||||
.afm__header-box .afm_ch1.afm__placeholder {
|
||||
width: 253px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.afm__header-box .afm_ch2.afm__placeholder {
|
||||
width: 166px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.afm__mt-15 {
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.afm__header-secondary-box {
|
||||
height: 70px;
|
||||
border-bottom: 1px solid #c2c2c2;
|
||||
}
|
||||
|
||||
.afm__inline-block {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.afm__placeholder-primary-gradient {
|
||||
background: linear-gradient(90deg, #89B2FF 0%, rgba(0, 51, 146, 0.00) 100%);
|
||||
}
|
||||
|
||||
.afm__header-secondary-box .afm__placeholder {
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.afm__ml-20 {
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.afm__database .afm__placeholder {
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.afm__m-5 {
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.afm__main-content {
|
||||
width: calc(100% - 358px);
|
||||
float: right;
|
||||
}
|
||||
|
||||
.afm__adminer-wrapper::after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.afm__header {
|
||||
padding: 25px 25px;
|
||||
background-color: #ddf;
|
||||
border-bottom: 1px solid #000000;
|
||||
}
|
||||
|
||||
.mt-22 {
|
||||
margin-top: 22px;
|
||||
}
|
||||
|
||||
.afm__header .afm__placeholder {
|
||||
height: 16px;
|
||||
width: 651px;
|
||||
}
|
||||
|
||||
.afm__header .afm__placeholder-primary {
|
||||
background-color: #B6B6F1;
|
||||
}
|
||||
|
||||
.float-left {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.float-right {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.clearfix::after {
|
||||
clear: both;
|
||||
content: "";
|
||||
display: table;
|
||||
}
|
||||
|
||||
.fma__logout-btn {
|
||||
height: 23px;
|
||||
border-radius: 2px;
|
||||
border: 1px solid #b8b8b8;
|
||||
background-color: #eeeeee;
|
||||
padding: 4px 13px;
|
||||
margin: 0;
|
||||
|
||||
color: #7a7a7a;
|
||||
font-family: Inter;
|
||||
font-weight: 400;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.afm__main-content .fma__container {
|
||||
padding: 0 25px 25px 0;
|
||||
}
|
||||
|
||||
.afm__secondary-header {
|
||||
margin-top: 28px;
|
||||
}
|
||||
|
||||
.afm__secondary-header .afm__inline {
|
||||
display: inline-block;
|
||||
margin-left: 26px;
|
||||
}
|
||||
|
||||
.afm__secondary-header .afm__inline:last-child {
|
||||
margin-left: 35px;
|
||||
}
|
||||
|
||||
.afm__secondary-header .afm__placeholder {
|
||||
height: 16px;
|
||||
width: 124px;
|
||||
}
|
||||
|
||||
.afm__secondary-header .afm__placeholder-secondary {
|
||||
background-color: #dddddd;
|
||||
}
|
||||
|
||||
.ml-26 {
|
||||
margin-left: 26px;
|
||||
}
|
||||
|
||||
.afm__search {
|
||||
width: 285px;
|
||||
height: 50px;
|
||||
border: 1px solid #7a7a7a;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.afm__search::after {
|
||||
position: absolute;
|
||||
top: -9px;
|
||||
left: 25px;
|
||||
width: 204px;
|
||||
height: 16px;
|
||||
border-radius: 30px;
|
||||
background-color: #c2c2c2;
|
||||
display: block;
|
||||
content: '';
|
||||
}
|
||||
|
||||
.afm__search-field {
|
||||
border: 1px solid #c2c2c2;
|
||||
background-color: #f5f5f5;
|
||||
width: 258px;
|
||||
height: 19px;
|
||||
padding: 2px 4px;
|
||||
border-radius: 16px;
|
||||
margin-top: 14px;
|
||||
margin-left: 9px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.afm__search-field::after {
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
right: 4px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background: url(../images/search-icon.svg) no-repeat;
|
||||
content: '';
|
||||
}
|
||||
|
||||
.mt-10 {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.afm__table-wrapper {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
.afm__table-wrapper tr.afm__table-header {
|
||||
background-color: #ddf;
|
||||
}
|
||||
|
||||
.afm__table-wrapper tr.afm__table-row td {
|
||||
border: 1px solid #c2c2c2;
|
||||
height: 29px;
|
||||
}
|
||||
|
||||
.afm__checkbox {
|
||||
width: 11px;
|
||||
height: 11px;
|
||||
border: 1px solid #c2c2c2;
|
||||
background-color: #fff;
|
||||
border-radius: 2px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.afm__table-row td {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
td:first-child .afm__placeholder {
|
||||
margin-left: 75px;
|
||||
}
|
||||
|
||||
td .afm__placeholder {
|
||||
height: 10px;
|
||||
margin-left: 19px;
|
||||
}
|
||||
|
||||
.afm__table-header td .ch-1.afm__placeholder {
|
||||
width: 77px;
|
||||
}
|
||||
|
||||
.afm__table-header td .ch-2.afm__placeholder {
|
||||
width: 55px;
|
||||
}
|
||||
|
||||
.afm__table-header td .ch-3.afm__placeholder {
|
||||
width: 55px;
|
||||
}
|
||||
|
||||
.afm__table-header td .ch-4.afm__placeholder {
|
||||
width: 55px;
|
||||
}
|
||||
|
||||
.afm__table-header td .ch-5.afm__placeholder {
|
||||
width: 55px;
|
||||
}
|
||||
|
||||
.afm__table-header td .ch-6.afm__placeholder {
|
||||
width: 55px;
|
||||
}
|
||||
|
||||
.afm__table-header td .ch-7.afm__placeholder {
|
||||
width: 94px;
|
||||
}
|
||||
|
||||
.afm__table-header td .ch-8.afm__placeholder {
|
||||
width: 55px;
|
||||
}
|
||||
|
||||
.afm__table-header td .ch-9.afm__placeholder {
|
||||
width: 55px;
|
||||
}
|
||||
|
||||
.fma__table--content .ch-1.afm__placeholder {
|
||||
width: 63%;
|
||||
}
|
||||
|
||||
.fma__table--content .ch-2.afm__placeholder {
|
||||
width: 63%;
|
||||
}
|
||||
|
||||
.fma__table--content .ch-3.afm__placeholder {
|
||||
width: 63%;
|
||||
}
|
||||
|
||||
.afm__placeholder-secondary-gradient {
|
||||
background: linear-gradient(90deg, #B8B8B8 0%, rgba(194, 194, 194, 0.68) 73.5%, rgba(221, 221, 221, 0.00) 100%);
|
||||
}
|
||||
|
||||
.afm__placeholder-primary-gradient-l {
|
||||
background: linear-gradient(90deg, rgba(0, 51, 146, 0.00) 0%, #89B2FF 100%);
|
||||
width: 63%;
|
||||
float: right;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
/*
|
||||
===============================================
|
||||
File Manager File Logs
|
||||
===============================================
|
||||
*/
|
||||
.dropbox__heading,
|
||||
.filelogs__heading,
|
||||
.fma__heading {
|
||||
color: #000;
|
||||
font-size: 18px !important;
|
||||
font-style: normal;
|
||||
font-weight: 600 !important;
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
.filelogs__heading,
|
||||
.fma__heading {
|
||||
margin-bottom: 25px !important;
|
||||
}
|
||||
|
||||
.dropbox__heading-pro-tag,
|
||||
.filelogs__heading-pro-tag,
|
||||
.fma__heading-pro-tag {
|
||||
display: inline-block;
|
||||
padding: 2px 8px;
|
||||
background: linear-gradient(270deg, #011D33 0%, #3F6972 100%);
|
||||
border-radius: 4px;
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
margin-left: 25px;
|
||||
}
|
||||
|
||||
.file-logs__wrap,
|
||||
.dropbox__wrap,
|
||||
.fma__wrap {
|
||||
opacity: 0.5;
|
||||
position:relative;
|
||||
}
|
||||
|
||||
.file-logs__wrap::before,
|
||||
.dropbox__wrap::before,
|
||||
.fma__wrap::before {
|
||||
content: "";
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
background: transparent;
|
||||
}
|
||||
+94
@@ -0,0 +1,94 @@
|
||||
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.std42-dialog.touch-punch.elfinder-dialog.ui-resizable.elfinder-dialog-active.ui-front {
|
||||
left: 0 !important;
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
/* PHP Validation Styles */
|
||||
|
||||
/* CodeMirror lint marker improvements */
|
||||
.CodeMirror-lint-marker-error {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
text-align: center;
|
||||
line-height: 16px;
|
||||
}
|
||||
|
||||
.CodeMirror-lint-marker-error:hover {
|
||||
background-color: rgba(214, 54, 56, 0.1);
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
/* PHP Error Dialog Styles */
|
||||
.fma-php-errors {
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||||
}
|
||||
|
||||
.fma-php-errors h3 {
|
||||
border-bottom: 1px solid #ddd;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.fma-error-list {
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 4px;
|
||||
background: #f9f9f9;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.fma-error-item {
|
||||
border-radius: 4px;
|
||||
line-height: 1.4;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
.fma-error-item strong {
|
||||
color: #d63638;
|
||||
}
|
||||
|
||||
.fma-btn:focus {
|
||||
box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
|
||||
outline: none;
|
||||
}
|
||||
|
||||
/* Success dialog styles */
|
||||
.fma-success-icon {
|
||||
font-size: 24px;
|
||||
color: #46b450;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
/* Editor Toolbar Styles */
|
||||
.fma-editor-toolbar {
|
||||
background: #f1f1f1;
|
||||
border: 1px solid #ddd;
|
||||
border-bottom: none;
|
||||
padding: 8px 12px;
|
||||
border-radius: 4px 4px 0 0;
|
||||
}
|
||||
|
||||
.fma-validate-btn {
|
||||
background: #0073aa;
|
||||
color: white;
|
||||
border: none;
|
||||
padding: 6px 12px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
font-size: 12px;
|
||||
transition: background-color 0.2s;
|
||||
}
|
||||
|
||||
.fma-validate-btn:hover {
|
||||
background: #005a87;
|
||||
}
|
||||
|
||||
.fma-validate-btn:disabled {
|
||||
background: #ccc;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.fma-validate-btn:focus {
|
||||
box-shadow: 0 0 0 1px #5b9dd9;
|
||||
outline: none;
|
||||
}
|
||||
@@ -0,0 +1,350 @@
|
||||
/**
|
||||
* FMA Enhanced Debug CSS
|
||||
*
|
||||
* Styles for enhanced debugging panel
|
||||
*
|
||||
* @package Advanced File Manager
|
||||
* @since 1.0.0
|
||||
*/
|
||||
|
||||
.fma-debug-panel {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: 90%;
|
||||
max-width: 800px;
|
||||
max-height: 80vh;
|
||||
background: #fff;
|
||||
border: 1px solid #ccd0d4;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
|
||||
z-index: 999999;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.fma-debug-header {
|
||||
background: #f1f1f1;
|
||||
padding: 15px 20px;
|
||||
border-bottom: 1px solid #ccd0d4;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.fma-debug-header h3 {
|
||||
margin: 0;
|
||||
font-size: 16px;
|
||||
color: #23282d;
|
||||
}
|
||||
|
||||
.fma-debug-close {
|
||||
background: none;
|
||||
border: none;
|
||||
font-size: 20px;
|
||||
cursor: pointer;
|
||||
color: #666;
|
||||
padding: 0;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.fma-debug-close:hover {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.fma-debug-content {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.fma-debug-tabs {
|
||||
display: flex;
|
||||
border-bottom: 1px solid #ccd0d4;
|
||||
background: #f9f9f9;
|
||||
}
|
||||
|
||||
.fma-debug-tab {
|
||||
background: none;
|
||||
border: none;
|
||||
padding: 12px 20px;
|
||||
cursor: pointer;
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
border-bottom: 2px solid transparent;
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
||||
.fma-debug-tab:hover {
|
||||
background: #f1f1f1;
|
||||
color: #23282d;
|
||||
}
|
||||
|
||||
.fma-debug-tab.active {
|
||||
color: #0073aa;
|
||||
border-bottom-color: #0073aa;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.fma-debug-tab-content {
|
||||
display: none;
|
||||
padding: 20px;
|
||||
max-height: 60vh;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.fma-debug-tab-content:first-child {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.fma-debug-section h4 {
|
||||
margin: 0 0 15px 0;
|
||||
font-size: 14px;
|
||||
color: #23282d;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.fma-debug-status {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 15px;
|
||||
padding: 10px;
|
||||
background: #f9f9f9;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.fma-status-indicator {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.fma-status-icon {
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.fma-status-icon.fma-success {
|
||||
color: #46b450;
|
||||
}
|
||||
|
||||
.fma-status-icon.fma-error {
|
||||
color: #dc3232;
|
||||
}
|
||||
|
||||
.fma-status-text {
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.fma-debug-btn {
|
||||
background: #0073aa;
|
||||
color: #fff;
|
||||
border: none;
|
||||
padding: 8px 16px;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
font-size: 14px;
|
||||
margin-bottom: 15px;
|
||||
transition: background 0.2s ease;
|
||||
}
|
||||
|
||||
.fma-debug-btn:hover {
|
||||
background: #005a87;
|
||||
}
|
||||
|
||||
.fma-debug-btn:disabled {
|
||||
background: #ccc;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.fma-debug-results {
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.fma-loading {
|
||||
padding: 10px;
|
||||
background: #f0f8ff;
|
||||
border: 1px solid #b3d9ff;
|
||||
border-radius: 4px;
|
||||
color: #0073aa;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.fma-success {
|
||||
padding: 10px;
|
||||
background: #f0f8f0;
|
||||
border: 1px solid #b3e6b3;
|
||||
border-radius: 4px;
|
||||
color: #2d5a2d;
|
||||
}
|
||||
|
||||
.fma-error {
|
||||
padding: 10px;
|
||||
background: #fff0f0;
|
||||
border: 1px solid #ffb3b3;
|
||||
border-radius: 4px;
|
||||
color: #5a2d2d;
|
||||
}
|
||||
|
||||
.fma-error-list {
|
||||
margin: 10px 0 0 20px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.fma-error-list li {
|
||||
margin-bottom: 5px;
|
||||
color: #5a2d2d;
|
||||
}
|
||||
|
||||
.fma-error-type {
|
||||
font-size: 12px;
|
||||
color: #999;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.fma-function-results {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
||||
gap: 15px;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.fma-function-item {
|
||||
padding: 15px;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 4px;
|
||||
background: #f9f9f9;
|
||||
}
|
||||
|
||||
.fma-function-item.working {
|
||||
border-color: #46b450;
|
||||
background: #f0f8f0;
|
||||
}
|
||||
|
||||
.fma-function-item.available {
|
||||
border-color: #ffb900;
|
||||
background: #fff8f0;
|
||||
}
|
||||
|
||||
.fma-function-item.unavailable {
|
||||
border-color: #dc3232;
|
||||
background: #fff0f0;
|
||||
}
|
||||
|
||||
.fma-function-name {
|
||||
font-weight: bold;
|
||||
font-size: 14px;
|
||||
margin-bottom: 8px;
|
||||
color: #23282d;
|
||||
}
|
||||
|
||||
.fma-function-status {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.fma-function-status .fma-status-icon {
|
||||
margin-right: 5px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.fma-function-status .fma-status-text {
|
||||
font-size: 12px;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.fma-function-error {
|
||||
font-size: 12px;
|
||||
color: #dc3232;
|
||||
margin-top: 5px;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.fma-function-output {
|
||||
font-size: 12px;
|
||||
color: #666;
|
||||
margin-top: 5px;
|
||||
font-family: monospace;
|
||||
background: #f1f1f1;
|
||||
padding: 4px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.fma-debug-info p {
|
||||
margin: 8px 0;
|
||||
font-size: 14px;
|
||||
color: #23282d;
|
||||
}
|
||||
|
||||
.fma-debug-info strong {
|
||||
color: #0073aa;
|
||||
}
|
||||
|
||||
.fma-debug-toggle {
|
||||
background: #ffb900;
|
||||
color: #fff;
|
||||
border: none;
|
||||
padding: 6px 12px;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.5px;
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
||||
.fma-debug-toggle:hover {
|
||||
background: #e6a600;
|
||||
transform: translateY(-1px);
|
||||
}
|
||||
|
||||
/* Responsive design */
|
||||
@media (max-width: 768px) {
|
||||
.fma-debug-panel {
|
||||
width: 95%;
|
||||
max-height: 90vh;
|
||||
}
|
||||
|
||||
.fma-debug-tabs {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.fma-debug-tab {
|
||||
flex: 1;
|
||||
min-width: 120px;
|
||||
}
|
||||
|
||||
.fma-function-results {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
/* Animation for panel */
|
||||
.fma-debug-panel {
|
||||
animation: fma-debug-slide-in 0.3s ease-out;
|
||||
}
|
||||
|
||||
@keyframes fma-debug-slide-in {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translate(-50%, -60%);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
}
|
||||
|
||||
/* Overlay for modal */
|
||||
.fma-debug-overlay {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
z-index: 999998;
|
||||
}
|
||||
Vendored
+1
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user