cronapp-framework-js/css/themes/custom/krypton/panel-krypton.css

Javascript library for CronApp's projects

.panel {
    background: var(--backgroundColor40, #14202a);
    box-shadow: none;
    border-color: transparent;
    border-radius: 5px;
}

.panel-footer {
    color: var(--backgroundColor40, #14202a);
    background: var(--backgroundColor60, #ced0d2);
    border: transparent;
    border-radius: 5px;
}

.panel-body .lead {
    margin-bottom: 0;
    font-size: var(--textNormalSize, 10px);
    border-radius: 5px;
}

.panel-heading {
    border-bottom: unset;
}

.panel-body {
    padding: 31px 15px;
    border-radius: var(--borderRadiusSmallest, 2px);
    margin: 1px 0;
    border: transparent;
    background: var(--textColor40, #f0f0f0);
    border-radius: 5px;
    color: var(--backgroundColor40, #14202a);
}

.panel-group .panel-heading.heading-arrow {
    border-radius: 5px;
}

/* Default */
.panel-default .panel-heading {
    color: var(--textColor40, #f0f0f0);
    background: linear-gradient(180deg, var(--colorDefault40, #262c32) 0%, var(--colorDefault70, #15181b) 100%);
    border-color: transparent;
    border-radius: 5px;
}

/* Primary */
.panel-primary>.panel-heading {
    color: var(--textColor40, #f0f0f0);
    background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467f) 100%);
    border-color: transparent;
    border-radius: 5px;
}

/* Success */
.panel-success>.panel-heading {
    color: var(--textColor40, #f0f0f0);
    background: linear-gradient(180deg, var(--colorSuccess40, #2ffc2b) 0%, var(--colorSuccess70, #108d0d) 100%);
    border-color: transparent;
    border-radius: 5px;
}

/* Info */
.panel-info>.panel-heading {
    color: var(--textColor40, #f0f0f0);
    background: linear-gradient(180deg, var(--colorCalm40, #44e1d8) 0%, var(--colorCalm70, #077988) 100%);
    border-color: transparent;
    border-radius: 5px;
}

/* Warning */
.panel-warning>.panel-heading {
    color: var(--textColor40, #f0f0f0);
    background: linear-gradient(180deg, var(--colorWarning40, #f58d11) 0%, var(--colorWarning70, #864d09) 100%);
    border-color: transparent;
    border-radius: 5px;
}

/* Danger */
.panel-danger>.panel-heading {
    color: var(--textColorDanger40, #fffef9);
    background: linear-gradient(180deg, var(--colorDanger40, #f03a3a) 0%, var(--colorDanger70, #832020) 100%);
    border-color: transparent;
    border-radius: 5px;
}

/* Light */
.panel-light>.panel-heading {
    color: var(--textColor40, #f0f0f0);
    background: linear-gradient(180deg, var(--colorLight40, #8da0b2) 0%, var(--colorLight70, #4d5861) 100%);
    border-color: transparent;
    border-radius: 5px;
}

/* Stable */
.panel-stable>.panel-heading {
    color: var(--textColor40, #f0f0f0);
    background: linear-gradient(180deg, var(--colorStable40, #818181) 0%, var(--colorStable70, #3e4042) 100%);
    border-color: transparent;
    border-radius: 5px;
}

/* Royal */
.panel-royal>.panel-heading {
    color: var(--textColor40, #f0f0f0);
    background: linear-gradient(180deg, var(--colorRoyal40, #0e3760) 0%, var(--colorRoyal70, #1a2e43) 100%);
    border-color: transparent;
    border-radius: 5px;
}

/* Dark */
.panel-dark>.panel-heading {
    color: var(--textColor40, #f0f0f0);
    background: linear-gradient(180deg, var(--colorDark40, #000000) 0%, var(--colorDark70, #0f1e2e) 100%);
    border-color: transparent;
    border-radius: 5px;
}