Server IP : 104.21.14.103 / Your IP : 18.226.187.194 Web Server : LiteSpeed System : Linux business53.web-hosting.com 4.18.0-553.lve.el8.x86_64 #1 SMP Mon May 27 15:27:34 UTC 2024 x86_64 User : giankuin ( 1871) PHP Version : 7.4.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /proc/self/root/home/giankuin/dietcontrungnhanh.com/wp-content/plugins/perfmatters/css/ |
Upload File : |
/* wp ui */ .settings_page_perfmatters #wpbody-content { margin-top: 5px; } .settings_page_perfmatters #wpbody-content>.notice { margin: 15px auto 15px 2px; max-width: 1200px; box-sizing: border-box; } .settings_page_perfmatters #wpbody-content>.update-nag { margin-bottom: 0px; } #perfmatters-admin-container .notice, #setting-error-perfmatters-hidden-notice { display: none; } #perfmatters-admin-container a { color: #4A89DD; } /* admin wrappers */ #perfmatters-admin { max-width: 1200px; margin-top: 15px; } #perfmatters-admin-container { display: flex; gap: 20px; } #perfmatters-admin .perfmatters-admin-block { position: relative; background: #fff; border: 1px solid #e2e4e7; border-radius: 3px; padding: 20px; box-sizing: border-box; } /* header */ #perfmatters-admin-header { margin-bottom: 10px; width: 220px; min-width: 220px; } #perfmatters-logo-bar { display: flex; align-items: center; } #perfmatters-logo { display: flex; max-height: 30px; margin: 10px auto; overflow: visible; width: 100%; } #perfmatters-menu-toggle { display: none; text-decoration: none; } #perfmatters-menu-toggle .dashicons { width: 30px; height: 30px; font-size: 30px; } #perfmatters-menu { margin: 15px 0px; } #perfmatters-menu a { display: flex; align-items: center; font-size: 16px; font-weight: 600; color: #333; padding: 10px; text-decoration: none; box-shadow: none; border: 1px solid transparent; border-radius: 3px; transition: none; margin-top: 2px; } #perfmatters-menu a:hover { color: #4A89DD; } #perfmatters-menu a.active { color: #4A89DD; border-color: #4A89DD; background: #e8f1ff; } #perfmatters-menu a .dashicons { margin-right: 8px; font-size: 23px; width: 23px; height: 23px; } #perfmatters-menu a { font-size: 14px; padding: 8px 10px; margin: 1px 0px; font-weight: 500; } #perfmatters-menu a .dashicons { font-size: 16px; height: 16px; } /* general ui */ .perfmatters-settings-section { margin-bottom: 20px; border-bottom: 1px solid #f2f2f2; padding-bottom: 20px; } #perfmatters-admin .section-content { display: none; } #perfmatters-admin .section-content.active { display: block; } #perfmatters-admin h2 { font-size: 18px; font-weight: 500; line-height: normal; margin: 0px auto 10px auto; } #perfmatters-admin .perfmatters-settings-section:first-of-type h2:first-of-type { display: flex; align-items: center; font-size: 22px; margin: -20px -20px 20px -20px; padding: 20px; font-weight: 500; background: #282E34; border-radius: 3px 3px 0px 0px; color: #fff; } #perfmatters-admin .perfmatters-settings-section:first-of-type h2:first-of-type .dashicons { font-size:23px; width: 23px; height: 23px; margin-right: 8px; color: #fff; } #perfmatters-admin .perfmatters-settings-section:last-of-type { border-bottom: none; padding-bottom: 0px; margin-bottom: 0px; } #perfmatters-admin .form-table { margin: 0px; } #perfmatters-admin .form-table th { padding: 15px 10px 15px 0px; font-size: 13px; font-weight: normal; min-width: 200px; } #perfmatters-admin .form-table td { position: relative; padding: 10px; } #perfmatters-admin .perfmatters-title-wrapper { display: flex; justify-content: space-between; } #perfmatters-admin .form-table th label { vertical-align: top; padding-right: 5px; } .perfmatters-beta { background: #ED5464; color: #ffffff; padding: 5px; vertical-align: middle; font-size: 10px; margin-left: 3px; } #pm-version { position: absolute; top: 20px; right: 20px; line-height: 24px; color: #fff; opacity: 0.5; } #perfmatters-admin #perfmatters-cta { display: flex; align-items: center; background: #e8f1ff; padding: 10px; border-color: #4A89DD; color: #4A89DD; margin-top: 15px; text-decoration: none; box-shadow: none; } #perfmatters-cta-close { position: absolute; top: 0px; right: 0px; padding: 2px; font-size: 15px; line-height: 20px; } #perfmatters-cta-close:hover { color: #282E34; } /* inputs */ #perfmatters-admin .perfmatters-switch { position: relative; display: inline-block; width: 48px; height: 28px; font-size: 1px; } #perfmatters-admin .perfmatters-switch input { display: block; margin: 0px; border: none; outline: none; box-shadow: none; } #perfmatters-admin .perfmatters-switch input[type=checkbox]:checked::before { height: 0; width: 0; } #perfmatters-admin .perfmatters-slider { position: absolute; inset: 0; background-color: #ccc; transition: .4s; border-radius: 50px; } #perfmatters-admin .perfmatters-slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 4px; bottom: 4px; background-color: #fff; transition: .4s; border-radius: 50%; } #perfmatters-admin input:checked + .perfmatters-slider { background-color: #4A89DD; } #perfmatters-admin input:focus + .perfmatters-slider { box-shadow: 0 0 1px #4A89DD; } #perfmatters-admin input:checked + .perfmatters-slider:before { transform: translateX(20px); } #perfmatters-admin input[type="text"], #perfmatters-admin select, #perfmatters-admin input[type="file"] { min-width: 300px; margin: 0px; border: .5px solid #ccc; } #perfmatters-admin input[type="checkbox"] { border-color: #ccc; } #perfmatters-admin input[type="file"] { margin-bottom: 5px; border: 0px; } #perfmatters-admin textarea { width: 100%; resize: vertical; min-height: 150px; border: .5px solid #ccc; } #perfmatters-admin .CodeMirror { max-width: 700px; height: 200px; border: .5px solid #ccc; border-radius: 4px; resize: vertical; } #perfmatters-admin ::placeholder { color: #ccc; } /* tooltips */ #perfmatters-admin .perfmatters-tooltip-wrapper { position: relative; display: inline-block; float: right; } #perfmatters-admin .perfmatters-tooltip { display: inline-block; flex-shrink: 0; float: right; margin-right: -10px; height: 16px; width: 16px; vertical-align: top; text-align: center; line-height: 16px; font-size: 12px; background: #F0F0F1; color: #777; border-radius: 50%; text-decoration: none; } #perfmatters-admin .perfmatters-tooltip-text { display: none; position: absolute; z-index: 10; top: 46px; left: -32px; width: 300px; background-color: #23282D; color: #fff; padding: 10px; border-radius: 3px; text-align: left; font-size: 12px; line-height: 20px; font-weight: normal; } #perfmatters-admin .perfmatters-tooltip-text-am { font-size: 12px; font-style: italic; margin-top: 5px; display: block; } #perfmatters-admin .perfmatters-tooltip-text::after { content: " "; position: absolute; top: -6px; left: 19px; border-width: 0px 4.5px 6px; border-style: solid; border-color: transparent transparent #23282D transparent; } #perfmatters-admin .perfmatters-tooltip-subtext { display: block; margin-top: 5px; text-align: right; font-style: italic; font-size: 9px; line-height: 9px; color: rgba(255,255,255,0.9); } #perfmatters-admin .perfmatters-tooltip-icon { display: inline-block; height: 12px; width: 12px; vertical-align: baseline; text-align: center; line-height: 12px; font-size: 10px; background: rgba(255,255,255,0.2); color: #bbbbbb; border-radius: 50%; } #perfmatters-admin .perfmatters-tooltip-table { table-layout: fixed; width: 100%; margin-top: 3px; } #perfmatters-admin .perfmatters-tooltip-table th, #perfmatters-admin .perfmatters-tooltip-table td { display: table-cell; padding: 2px 5px; padding-bottom: 0px; color: #ffffff; width: auto; font-size: 12px; } #perfmatters-admin .perfmatters-tooltip-table td { text-align: center; } /* buttons */ #perfmatters-admin-container .button-primary { padding: 3px 10px; background: #4A89DD; border-color: #4A89DD; } #perfmatters-admin-container .button-primary:disabled { background: #4A89DD !important; border-color: #4A89DD !important; color: #fff !important; } #perfmatters-admin-container .button-secondary { border-color: #4A89DD; color: #4A89DD; } #perfmatters-admin-container .button-secondary:disabled { border-color: #4A89DD !important; color: #4A89DD !important; } #perfmatters-admin-container p.submit { margin: 20px 0px 0px 0px; padding: 0px; } #perfmatters-admin-container .perfmatters-button-warning { background: #ED5464; border-color: #ED5464; color: #fff; } #perfmatters-admin-container .perfmatters-button-warning:hover { background: #c14552; border-color: #c14552; } #perfmatters-options-form[data-pm-option="license"] #perfmatters-save, #perfmatters-options-form[data-pm-option="support"] #perfmatters-save { display: none; } /* custom input row ui */ .perfmatters-input-row { position: relative; margin-bottom: 10px; display: flex; flex-wrap: wrap; align-items: center; } .perfmatters-input-row input[type="text"] { flex-grow: 1; } .perfmatters-input-row label { margin: 0px 0px 0px 5px; font-size: 12px; white-space: nowrap; } .perfmatters-input-row input[type="checkbox"] { margin-right: 0px; } #perfmatters-admin .perfmatters-input-row select { min-width: auto; } a.perfmatters-delete-input-row { margin-left: 8px; } a.perfmatters-delete-input-row span { color: #ED5464; text-decoration: none; } a.perfmatters-add-input-row { display: inline-flex; align-items: center; white-space: nowrap; text-decoration: none; margin-top: 10px; } a.perfmatters-add-input-row span.dashicons { line-height: 30px; margin-right: 2px; font-size: 16px; width: 16px; height: 16px; } .perfmatters-inline-label-input { position: relative; display: inline-flex; align-items: center; } .perfmatters-inline-label-input span { position: absolute; left: 1px; background: #F0F0F1; border-right: .5px solid #ccc; color: #8c8f94; height: 28px; padding: 0px 10px; display: inline-flex; align-items: center; border-radius: 3px 0px 0px 3px; } .perfmatters-input-row-hero { display: flex; width: 100%; align-items: center; } .perfmatters-input-row-extra { display: none; margin-top: 5px; } .perfmatters-input-row.perfmatters-opened .perfmatters-input-row-extra { display: block; } .perfmatters-expand-input-row .dashicons { color: #aaa; } .perfmatters-input-row.perfmatters-opened .perfmatters-expand-input-row .dashicons { color: #4A89DD; } .perfmatters-input-row .perfmatters-expand-input-row:focus { outline: none; box-shadow: none; } /* quick exclusions ui */ .perfmatters-quick-exclusion { padding: 4px 8px; margin-bottom: 10px; border: .5px solid #ccc; border-radius: 3px; } .perfmatters-quick-exclusion:last-of-type { margin-bottom: 0px; } .perfmatters-quick-exclusion .dashicons { font-size: 16px; line-height: 20px; color: #555; } .perfmatters-quick-exclusion-toggle { cursor: pointer; } .perfmatters-quick-exclusion-items { display: none; margin-top: 4px; border-top: .5px solid #f2f2f2; padding-top: 4px; } .perfmatters-quick-exclusion:not(.perfmatters-opened) .dashicons-minus { display: none; } .perfmatters-quick-exclusion.perfmatters-opened .dashicons-plus { display: none; } .perfmatters-quick-exclusion.perfmatters-opened .perfmatters-quick-exclusion-items { display: block; } /* action buttons */ .perfmatters-button-container { display: flex; align-items: center; } .perfmatters-button-message { margin-left: 10px; color: green; } .perfmatters-button-message.perfmatters-error { color: red; } /* advanced options */ .pm-hide-advanced .pm-advanced-option { display: none; } /* misc */ .perfmatters-option-data { margin-left: 5px; font-size: 12px; } /* media queries */ @media all and (max-width: 1024px) { #perfmatters-admin { margin-top: 10px; } #perfmatters-admin-container { flex-direction: column; gap: 10px; } #perfmatters-admin-header { width: 100%; margin: 0px; } #perfmatters-logo { margin: 0px auto; } #perfmatters-menu-toggle { display: flex; } #perfmatters-menu { display: none; } #perfmatters-menu.perfmatters-menu-expanded { display: block; } } @media all and (max-width: 960px) { .perfmatters-input-row-extra { width: 100%; } .perfmatters-input-row-extra>* { width: 100%; max-width: none !important; margin: 0px 0px 5px 0px !important; } } @media all and (max-width: 782px) { .perfmatters-mobile-hide { display: none !important; } #perfmatters-admin .form-table td { padding: 0px; } #perfmatters-admin .perfmatters-tooltip-text { display: none !important; } #perfmatters-admin textarea { min-width: 0px; } } @keyframes perfmatters-spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* rtl */ .rtl #pm-version{ left: 20px; right: auto; } .rtl #perfmatters-menu a .dashicons { margin-left: 8px; margin-right: 0; } .rtl #perfmatters-admin .form-table th label { padding-left: 5px; padding-right: 0; } .rtl .perfmatters-beta { margin-right: 3px; margin-left: 0; } .rtl #perfmatters-admin .perfmatters-slider:before { right: 4px; left: auto; } .rtl #perfmatters-admin input:checked + .perfmatters-slider:before { transform: translateX(-20px); } .rtl #perfmatters-admin .perfmatters-tooltip-wrapper { float: left; } .rtl #perfmatters-admin .perfmatters-tooltip-text { right: -32px; left: auto; text-align: right; } .rtl #perfmatters-admin .perfmatters-tooltip-text::after { right: 19px; left: auto; } .rtl #perfmatters-admin .perfmatters-tooltip-subtext { text-align: right; } .rtl .perfmatters-input-row label { margin: 0px 5px 0px 0; } .rtl .perfmatters-input-row input[type="checkbox"] { margin-left: 0px; margin-right: 0; } .rtl a.perfmatters-delete-input-row { margin-right: 8px; margin-left: 0; } .rtl a.perfmatters-add-input-row span.dashicons { margin-left: 2px; margin-right: 0; } .rtl .perfmatters-inline-label-input span { right: 1px; left: auto; border-left: .5px solid #ccc; border-right: none; border-radius: 4px 0px 0px 4px; }