File manager - Edit - /usr/local/CyberCP/cyberpanel/static/baseTemplate/assets/helpers/colors.css
Back
/* Font Colors */ .font-black { color: #464646 !important; } .font-blue { color: #1f6dca !important; } .font-blue-alt { color: #65a6ff !important; } .font-azure { color: #41e5c0 !important; } .text-muted, .font-gray { color: #c2c2c2 !important; } .text-info, .font-gray-dark { color: #828282 !important; } .text-success, .font-green { color: #2ecc71 !important; } .text-warning, .font-orange { color: #fa7753 !important; } .font-yellow { color: #fc0 !important; } .font-purple { color: #984dff !important; } .has-error .help-block, .text-danger, .font-red, .parsley-required { color: #ff5757 !important; } .font-white { color: #fff !important; } /* Other Background Colors */ .alert-info a, .alert-info { color: #6c6c6c; border-color: #c9c9c9; background: #dfe8f1; } .alert-notice a, .alert-notice { color: #0f2c62; border-color: #62baf6; background: #c6e8ff; } .alert-success a, .alert-success, .parsley-success { color: #1e620f; border-color: #7cd362; background: #d3ffc6; } .parsley-success { background: #fff; } .alert-warning a, .alert-warning, .warning { color: #624b0f; border-color: #ebc875; background: #ffeec6; } .alert-danger a, .alert-danger, .danger, .parsley-error { color: #620f0f; border-color: #db6a6a; background: #ffc6c6; } .parsley-error { background: #fff; } /* Social buttons */ .bg-facebook { color: #fff !important; background: #3b5998; } .btn.bg-facebook:hover { background: #304b85; } .bg-twitter { color: #fff !important; background: #3a92c8; } .btn.bg-twitter:hover { background: #2b80b4; } .bg-google { color: #fff !important; background: #dd4b39; } .btn.bg-google:hover { background: #c93b2a; } /* Background Colors */ /* Blue */ .progress-bar-info, .bootstrap-switch-info, .checkbox-info div[id^='uniform-'] span.checked, .radio-info div[id^='uniform-'] span.checked, .badge-info, .label-info, .btn-info, .hover-blue:hover, .hover-info:hover, .bg-blue { color: #fff; border-color: #308dcc; background: #3498db; } .label-info[href]:hover, .label-info[href]:focus, .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info, .btn-info.disabled, .btn-info[disabled], .btn-info.disabled:hover, .btn-info[disabled]:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, .btn-info.disabled:active, .btn-info[disabled]:active, .btn-info.disabled.active, .btn-info[disabled].active { color: #fff; border-color: #308dcc; background: #52a7e0; } /* Red */ .progress-bar-danger, .bootstrap-switch-danger, .checkbox-danger div[id^='uniform-'] span.checked, .radio-danger div[id^='uniform-'] span.checked, .badge-danger, .label-danger, .btn-danger, .bg-danger, .hover-red:hover, .hover-danger:hover, .bg-red { color: #fff; border-color: #cf4436; background: #e74c3c; } .label-danger[href]:hover, .label-danger[href]:focus, .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger, .btn-danger.disabled, .btn-danger[disabled], .btn-danger.disabled:hover, .btn-danger[disabled]:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, .btn-danger.disabled.active, .btn-danger[disabled].active { color: #fff; border-color: #cf4436; background: #eb6759; } /* Gray */ .badge-gray, .label-gray, .btn-gray, .hover-gray:hover, .bg-gray { color: #666; background: #efefef; } .label-gray[href]:hover, .label-gray[href]:focus, .btn-gray:hover, .btn-gray:focus, .btn-gray:active, .btn-gray.active, .open .dropdown-toggle.btn-gray, .btn-gray.disabled, .btn-gray[disabled], .btn-gray.disabled:hover, .btn-gray[disabled]:hover, .btn-gray.disabled:focus, .btn-gray[disabled]:focus, .btn-gray.disabled:active, .btn-gray[disabled]:active, .btn-gray.disabled.active, .btn-gray[disabled].active { color: #333; background: #e7e7e7; } /* Gray Alt */ .badge-gray-alt, .label-gray-alt, .btn-gray-alt, .hover-gray-alt:hover, .bg-gray-alt { color: #888; background: #f6f6f6; } .label-gray-alt[href]:hover, .label-gray-alt[href]:focus, .btn-gray-alt:hover, .btn-gray-alt:focus, .btn-gray-alt:active, .btn-gray-alt.active, .open .dropdown-toggle.btn-gray-alt, .btn-gray-alt.disabled, .btn-gray-alt[disabled], .btn-gray-alt.disabled:hover, .btn-gray-alt[disabled]:hover, .btn-gray-alt.disabled:focus, .btn-gray-alt[disabled]:focus, .btn-gray-alt.disabled:active, .btn-gray-alt[disabled]:active, .btn-gray-alt.disabled.active, .btn-gray-alt[disabled].active { color: #444; background: #ededed; } /* Black */ .badge-black, .label-black, .btn-black, .hover-black:hover, .bg-black { color: #ccc; border-color: #000; background: #2d2d2d; } .boxed-layout.bg-black { background: #2d2d2d; } .label-black[href]:hover, .label-black[href]:focus, .btn-black:hover, .btn-black:focus, .btn-black:active, .btn-black.active, .open .dropdown-toggle.btn-black, .btn-black.disabled, .btn-black[disabled], .btn-black.disabled:hover, .btn-black[disabled]:hover, .btn-black.disabled:focus, .btn-black[disabled]:focus, .btn-black.disabled:active, .btn-black[disabled]:active, .btn-black.disabled.active, .btn-black[disabled].active { color: #fdfdfd; background: #151515; } /* Black Opacity */ .badge-black-opacity, .label-black-opacity, .btn-black-opacity, .hover-black-opacity:hover, .bg-black-opacity { color: #a9b3bb; background: #2b323d; } .label-black-opacity[href]:hover, .label-black-opacity[href]:focus, .btn-black-opacity:hover, .btn-black-opacity:focus, .btn-black-opacity:active, .btn-black-opacity.active, .open .dropdown-toggle.btn-black-opacity, .btn-black-opacity.disabled, .btn-black-opacity[disabled], .btn-black-opacity.disabled:hover, .btn-black-opacity[disabled]:hover, .btn-black-opacity.disabled:focus, .btn-black-opacity[disabled]:focus, .btn-black-opacity.disabled:active, .btn-black-opacity[disabled]:active, .btn-black-opacity.disabled.active, .btn-black-opacity[disabled].active { color: #fff; background: #14171c; } /* Black Opacity Alt */ .badge-black-opacity-alt, .label-black-opacity-alt, .btn-black-opacity-alt, .hover-black-opacity-alt:hover, .bg-black-opacity-alt { color: #fff; background: rgba(0, 0, 0, .20); border-color: transparent; } .label-black-opacity-alt[href]:hover, .label-black-opacity-alt[href]:focus, .btn-black-opacity-alt:hover, .btn-black-opacity-alt:focus, .btn-black-opacity-alt:active, .btn-black-opacity-alt.active, .open .dropdown-toggle.btn-black-opacity-alt, .btn-black-opacity-alt.disabled, .btn-black-opacity-alt[disabled], .btn-black-opacity-alt.disabled:hover, .btn-black-opacity-alt[disabled]:hover, .btn-black-opacity-alt.disabled:focus, .btn-black-opacity-alt[disabled]:focus, .btn-black-opacity-alt.disabled:active, .btn-black-opacity-alt[disabled]:active, .btn-black-opacity-alt.disabled.active, .btn-black-opacity-alt[disabled].active { color: #fff; background: rgba(0, 0, 0, .30); } /* Green */ .progress-bar-success, .bootstrap-switch-success, .checkbox-success div[id^='uniform-'] span.checked, .radio-success div[id^='uniform-'] span.checked, .badge-success, .label-success, .btn-success, .hover-green:hover, .hover-success:hover, .bg-green { color: #fff; border-color: #29b765; background: #2ecc71; } .label-success[href]:hover, .label-success[href]:focus, .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success, .btn-success.disabled, .btn-success[disabled], .btn-success.disabled:hover, .btn-success[disabled]:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, .btn-success.disabled:active, .btn-success[disabled]:active, .btn-success.disabled.active, .btn-success[disabled].active { color: #fff; border-color: #29b765; background: #58d68d; } /* Orange */ .progress-bar-warning, .bootstrap-switch-warning, .checkbox-warning div[id^='uniform-'] span.checked, .radio-warning div[id^='uniform-'] span.checked, .badge-warning, .label-warning, .btn-warning, .bg-warning, .hover-orange:hover, .hover-warning:hover, .bg-orange { color: #fff; border-color: #d67520; background: #e67e22; } .label-warning[href]:hover, .label-warning[href]:focus, .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning, .btn-warning.disabled, .btn-warning[disabled], .btn-warning.disabled:hover, .btn-warning[disabled]:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, .btn-warning.disabled.active, .btn-warning[disabled].active { color: #fff; border-color: #d67520; background: #ea9143; } /* White */ .table, .label-white, .bg-white { background: #fff; } /* White Transparent */ .bg-white-opacity { background: rgba(255, 255, 255, .85); } .hover-white:hover { background: #fafafa; } /* Yellow */ .badge-yellow, .label-yellow, .btn-yellow, .hover-yellow:hover, .bg-yellow { color: #fff; background: #fc0; border-color: #deb200; } .label-yellow[href]:hover, .label-yellow[href]:focus, .btn-yellow:hover, .btn-yellow:focus, .btn-yellow:active, .btn-yellow.active, .open .dropdown-toggle.btn-yellow, .btn-yellow.disabled, .btn-yellow[disabled], .btn-yellow.disabled:hover, .btn-yellow[disabled]:hover, .btn-yellow.disabled:focus, .btn-yellow[disabled]:focus, .btn-yellow.disabled:active, .btn-yellow[disabled]:active, .btn-yellow.disabled.active, .btn-yellow[disabled].active { color: #fff; background: #e1b400; border-color: #c59e00; } /* Purple */ .badge-purple, .label-purple, .btn-purple, .hover-purple:hover, .bg-purple { color: #fff; background: #984dff; border-color: #7a3ecc; } .label-purple[href]:hover, .label-purple[href]:focus, .btn-purple:hover, .btn-purple:focus, .btn-purple:active, .btn-purple.active, .open .dropdown-toggle.btn-purple, .btn-purple.disabled, .btn-purple[disabled], .btn-purple.disabled:hover, .btn-purple[disabled]:hover, .btn-purple.disabled:focus, .btn-purple[disabled]:focus, .btn-purple.disabled:active, .btn-purple[disabled]:active, .btn-purple.disabled.active, .btn-purple[disabled].active { color: #fff; background: #8134eb; border-color: #752fd6; } /* Blue Alt */ .badge-blue-alt, .label-blue-alt, .btn-blue-alt, .hover-blue-alt:hover, .bg-blue-alt { color: #fff; background: #65a6ff; border-color: #5388d1; } .label-blue-alt[href]:hover, .label-blue-alt[href]:focus, .btn-blue-alt:hover, .btn-blue-alt:focus, .btn-blue-alt:active, .btn-blue-alt.active, .open .dropdown-toggle.btn-blue-alt, .btn-blue-alt.disabled, .btn-blue-alt[disabled], .btn-blue-alt.disabled:hover, .btn-blue-alt[disabled]:hover, .btn-blue-alt.disabled:focus, .btn-blue-alt[disabled]:focus, .btn-blue-alt.disabled:active, .btn-blue-alt[disabled]:active, .btn-blue-alt.disabled.active, .btn-blue-alt[disabled].active { color: #fff; background: #478ded; border-color: #4c7ec1; } /* Azure */ .badge-azure, .label-azure, .btn-azure, .hover-azure:hover, .bg-azure { color: #fff; background: #41e5c0; border-color: #3acead; } .label-azure[href]:hover, .label-azure[href]:focus, .btn-azure:hover, .btn-azure:focus, .btn-azure:active, .btn-azure.active, .open .dropdown-toggle.btn-azure, .btn-azure.disabled, .btn-azure[disabled], .btn-azure.disabled:hover, .btn-azure[disabled]:hover, .btn-azure.disabled:focus, .btn-azure[disabled]:focus, .btn-azure.disabled:active, .btn-azure[disabled]:active, .btn-azure.disabled.active, .btn-azure[disabled].active { color: #fff; background: #27d1ab; border-color: #24c19e; } /* Border Colors */ .border-black { border-color: #212121 !important; } .border-blue { border-color: #5bccf6 !important; } .border-blue-alt { border-color: #65a6ff !important; } .border-azure { border-color: #41e5c0 !important; } .border-gray { border-color: #c2c2c2 !important; } .border-gray-dark { border-color: #828282 !important; } .border-green { border-color: #2ecc71 !important; } .border-orange { border-color: #fa7753 !important; } .border-yellow { border-color: #fc0 !important; } .border-purple { border-color: #984dff !important; } .border-red { border-color: #ff5757 !important; } /* Box Shadow Colors */ .parsley-success { border-color: #77e038 !important; } .parsley-error { border-color: #e03838 !important; }
| ver. 1.4 |
Github
|
.
| PHP 8.2.28 | Generation time: 0.02 |
proxy
|
phpinfo
|
Settings