Viewing File: /usr/local/cpanel/whostmgr/docroot/templates/multiphp_manager/index.less

/*
# templates/multiphp_manager/index.less           Copyright(c) 2020 cPanel, L.L.C.
#                                                           All rights reserved.
# copyright@cpanel.net                                         http://cpanel.net
# This code is subject to the cPanel license. Unauthorized copying is prohibited
*/

@import "mixins.less";
@import "../../libraries/base-styles/promotion.less";
// Add these back when ready to do the work for v80: HB-4542
// @import (optional, reference) "css/base.less";
// @import (optional) "css/ux-styles.less";

.section-header {
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
}

.section-header > h3 {
    display: inline-block;
}

.system-eol-warning {
    margin-right: 20px;
    margin-left: 20px;
}

.phpSelect {
    min-width: 17rem;
    width: 60%;
    display: inline-block;
}

.domain-container {
    margin-bottom: 10px;
}

.systemPhpValue {
    font-size: 18px;
    font-weight: 600;
    color: #555555;
    padding-left: 10px;
}

.indent-form {
    margin-left: 20px;
}

.alert-top-spacing {
    margin-top: 10px;
}

.processing {
    opacity: 0.3;
    .transition(opacity 0.5s);
}

.selected-stats {
    font-size: 12px;
}

.text-dir {
    text-align: right;
}

html[dir="rtl"] .text-dir {
    text-align: left;
}

.item-stats {
    float: right;
}

html[dir="rtl"] .item-stats {
    float: left;
}

.badge-info {
    background-color: #2980b9;
}

.badge-title {
    font-weight: bold;
}

.table .checkColumn {
    padding-left: 0;
    min-width: 80px;
}

/* Adding a minimum width here to remove flicker in td widths
    when content in them change.
*/

.table tr > td:not(.checkColumn) {
    min-width: 200px;
}

.checkbox-group > .check-box:first-child {
    margin-left: 0;
    border-radius: 4px;
    border-color: #cccccc;
    padding: 6px 8px;
}

.help-info {
    font-size: 12px;
    padding: 0 10px;
    color: #555555;
    font-weight: 600;
    font-style: italic;
}

/* Had to do this explicitly for Refresh FPM button
   because applying cp-action to it is converting this
   default type button to primary type button.
   This can removed after cp-action is fixed to not
   force the button to be primary. */

#btnRefreshFPM {
    color: #333333;
    background-color: #ebebeb;
    border-color: #adadad;
}

.pool_options {
    position: absolute;
    z-index: 10;
}

.domain_toggle > div {
    z-index: 1;
}

.fa-btn {
    cursor: pointer;
    padding-left: 2px;
    padding-right: 2px;
}

/* Modal styles */

.modal-header {
    background-color: #333333;
    color: #ffffff;
    font-weight: 400;
    height: 40px;
    padding: 10px;
}

.modal-header h4 {
    margin: 0;
    padding: 0;
}

.modal-footer {
    height: 50px;
    padding: 12px;
}

.modal-dialog {
    max-width: 500px;
}

#logFrame {
    width: 100%;
    height: 500px;
}

.modal-body {
    padding: 10px;
    .hyphens;
    word-wrap: break-word;
}

.hyphens {
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}

.domain-list-item {
    word-wrap: break-word;
    padding-top: 5px;
}

.tooltip-inner {
    font-size: 14px;
}

.actionWords {
    font-weight: bold;
    font-style: italic;
}

.pool_options_note {
    position: absolute;
    left: -250px;
    width: 300px;
}

.process-running-msg {
    font-size: 14px;
    font-style: italic;
    margin-left: 5px;
    margin-right: 5px;
}

#systemFPMSection,
#fpmStatusPerDomain,
#systemPhpSection {
    margin-top: 25px;
    margin-bottom: 10px;
}

#spinner_getting_handler_list {
    margin-left: 5px;
    margin-right: 5px;
}

#loadingHandlerList > td {
    background-color: #d7edf9;
}

div.updatingPHPMsg {
    background-color: #d7edf9;
    border: 1px solid #27ae60;
    border-radius: 5px;
}

.updatingPHPMsg span {
    margin-left: 5px;
    margin-right: 5px;
}

.inlineUpdatingMessage {
    padding-top: 6px;
    padding-bottom: 6px;
    display: inline-block;
}

.cl-container {
    display: inline-block;
}

.label-row {
    margin-top: 1em;
}

#adminValueHeader {
    text-align: center;
    margin-bottom: 0;
}

label {
    font-weight: normal;
}

ul {
    list-style: none;
}

.fa-times {
    color: red;
}

.admin-value {
    font-style: normal;
}

a.disabled {
    color: #aaaaaa;
    cursor: default;
    pointer-events: none;
    text-decoration: none;
}

.edit-input-row {
    margin-top: 10px;

    .panel-heading {
        padding: 5px 10px;

        .panel-title {
            font-size: 14px;
        }
    }

    ul {
        padding: 0;
        li {
            display: inline;
        }
    }
}

.lister-button {
    cursor: default;
    pointer-events: none;
}

.locked-button {
    background-color: #cccccc;
}

#returnToDomainsBtn {
    font-size: 12px;
}

.admin-toggle-icon {
    padding-right: 5px;
}

.system.eol-warning {
    background-color: #fcf8e1;
    transition: background-color 1s linear;
    -webkit-transition: background-color 1s linear;
    -moz-transition: background-color 1s linear;
}
@keyframes target-fade {
    from {
        background-color: inherit;
    }
    to {
        background-color: #fcf8e1;
    }
}

@-webkit-keyframes target-fade {
    from {
        background-color: inherit;
    }
    to {
        background-color: #fcf8e1;
    }
}
@-moz-keyframes target-fade {
    from {
        background-color: inherit;
    }
    to {
        background-color: #fcf8e1;
    }
}