hackpoint/plugin/customiser/theme/example/main.css

/* OVERRIDE - À MODIFIER POUR CHANGER LE THÈME GÉNÉRAL */
/*Sélection avec la souris*/
::selection {
    color: #fff;
    background: #993352; /* WebKit/Blink Browsers */
}
::-moz-selection {
    color: #fff;
    background: #993352; /* Gecko Browsers */
}
/* Toast Javascript pour les messages renvoyés */
.toast-error {
    background: #ca023e !important;
}
.toast-info {
    background: #9d948b !important;
}
.toast-success {
    background: #1e998d !important;
}
.toast-warning {
    color: #212529 !important;
    background: #cea75d !important;
}

.update-timeline-badge.primary { background-color: #847a71 !important; }
.update-timeline-badge.success { background-color: #1e998d !important; }
.update-timeline-badge.warning { background-color: #cea75d !important; }
.update-timeline-badge.danger { background-color: #ca023e !important; }
.update-timeline-badge.info { background-color: #9c948b !important; }

/* Textes bootstrap */
.text-info { color: #9c948b!important; }
.text-success { color: #1e998d!important; }
.text-danger { color: #ca023e!important; }
.text-dark { color: #373b3c!important; }
.text-primary { color: #847a71!important; }
/*.text-warning { color: #28a745!important; }
.text-light { color: #28a745!important; }
.text-secondary { color: #28a745!important; }*/

.btn .text-info:hover,
.btn .text-info:focus {
    color: #847a71!important;
    transition: color .1s ease-in-out;
}
.btn .text-success:hover,
.btn .text-success:focus {
    color: #166f66!important;
    transition: color .1s ease-in-out;
}
.btn .text-danger:hover,
.btn .text-danger:focus {
    color: #97022f!important;
    transition: color .1s ease-in-out;
}
.btn .text-dark:hover,
.btn .text-dark:focus {
    color: #202222!important;
    transition: color .1s ease-in-out;
}
.btn .text-primary:hover,
.btn .text-primary:focus {
    color: #4d4742!important;
    transition: color .1s ease-in-out;
}


/*Bouton de retour en haut*/
#toTheTop{
    background-color: #8d1136;
}
#toTheTop:after{
    color: #fff;
}
/*Barre de menu en haut de page*/
#mainMenu {
    border-top: 3px solid #8d1136;
    background: #373b3c;
}
/* Liens navbar*/
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: #1e998d;
}
.navbar-nav .nav-link {
    padding-right: 1rem !important; 
    padding-left: 1rem !important; 
}
.navbar-dark .navbar-nav .nav-link,
.navbar-dark .navbar-nav .nav-link {
    color: #9c9c9c;
}
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show > .nav-link {
    color: #ffffff;
}
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: #ffffff;
    transition: all .1s ease-out;
}
/* Inputs */
input:required,
textarea:required,
select:required {
    border-left: 0.25rem solid #993352 !important;
}

/*Boutons & Badges*/
.btn-success {
    background-color: #1e998d;
    border-color: #1e998d;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show > .btn-success.dropdown-toggle {
    box-shadow: none !important;
    background-color: #166f66;
    border-color: #166f66;
}
.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show > .btn-success.dropdown-toggle:focus {
    box-shadow: none;
}
.btn-success.disabled,
.btn-success:disabled {
    color: #fff;
    background-color: #1e998d;
    border-color: #1e998d;
}
.badge-success {
    color: #fff;
    background-color: #1e998d;
}
.badge-success[href]:focus,
.badge-success[href]:hover {
    background-color: #166f66;
}
.border-success {
    border-color: #1e998d !important;
}
.btn-primary {
    background-color: #ffffff;
    border-color: #847a71;
    color: #847a71;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
    box-shadow: none;
    background-color: #e3e0de;
    border-color: #4d4742;
    color: #4d4742;
}
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}
.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #847a71;
    border-color: #847a71;
}
.badge-primary {
    color: #847a71;
    border: 1px solid;
    border-color: #847a71;
    background-color: #ffffff;
}
.badge-primary[href]:focus,
.badge-primary[href]:hover {
    color: #4d4742;
    border-color: #4d4742;
    background-color: #e3e0de;
}
.border-primary {
    border-color: #847a71 !important;
}
.btn-dark {
    color: #ffffff;
    background-color: #373b3c;
    border-color: #373b3c;
}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show > .btn-dark.dropdown-toggle {
    box-shadow: none;
    background-color: #202222;
    border-color: #202222;
}
.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show > .btn-dark.dropdown-toggle:focus {
    box-shadow: none;
}
.btn-dark.disabled,
.btn-dark:disabled {
    color: #ffffff;
    background-color: #373b3c;
    border-color: #373b3c;
}
.badge-dark {
    color: #ffffff;
    background-color: #373b3c;
}
.badge-dark[href]:focus,
.badge-dark[href]:hover {
    background-color: #202222;
}
.border-dark {
    border-color: #373b3c !important;
}
.btn-info {
    background-color: #9c948b;
    border-color: #9c948b;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show > .btn-info.dropdown-toggle {
    box-shadow: none;
    background-color: #847a71;
    border-color: #847a71;
}
.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show > .btn-info.dropdown-toggle:focus {
    box-shadow: none;
}
.btn-info.disabled,
.btn-info:disabled {
    color: #fff;
    background-color: #9c948b;
    border-color: #9c948b;
}
.badge-info {
    color: #fff;
    background-color: #847a71;
}
.badge-info[href]:focus,
.badge-info[href]:hover {
    background-color: #847a71;
}
.border-info {
    border-color: #9c948b !important;
}
.btn-danger {
    background-color: #ca023e;
    border-color: #ca023e;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show > .btn-danger.dropdown-toggle {
    box-shadow: none;
    background-color: #97022f;
    border-color: #97022f;
}
.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show > .btn-danger.dropdown-toggle:focus {
    box-shadow: none;
}
.btn-danger.disabled,
.btn-danger:disabled {
    color: #fff;
    background-color: #ca023e;
    border-color: #ca023e;
}
.badge-danger {
    color: #fff;
    background-color: #ca023e;
}
.badge-danger[href]:focus,
.badge-danger[href]:hover {
    background-color: #97022f;
}
.border-danger {
    border-color: #ca023e !important;
}
.btn-warning {
    background-color: #cea75d;
    border-color: #cea75d;
    color: #212529;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show > .btn-warning.dropdown-toggle {
    box-shadow: none !important;
    background-color: #c09139;
    border-color: #c09139;
}
.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show > .btn-warning.dropdown-toggle:focus {
    box-shadow: none;
}
.btn-warning.disabled,
.btn-warning:disabled {
    color: #fff;
    background-color: #cea75d;
    border-color: #cea75d;
}
.badge-warning {
    color: #fff;
    background-color: #cea75d;
}
.badge-warning[href]:focus,
.badge-warning[href]:hover {
    background-color: #c09139;
}
.border-warning {
    border-color: #cea75d !important;
}

/*Dropdown*/
.dropdown-item.bg-green:focus,
.dropdown-item.bg-pink:focus,
.dropdown-item.bg-dark-grey:focus,
.dropdown-item.bg-light-grey:focus,
.dropdown-item.bg-bordeaux:focus,
.dropdown-item.bg-golden:focus,
.dropdown-item.bg-green:hover,
.dropdown-item.bg-pink:hover,
.dropdown-item.bg-dark-grey:hover,
.dropdown-item.bg-light-grey:hover,
.dropdown-item.bg-bordeaux:hover,
.dropdown-item.bg-golden:hover {
    color: #fff;
}
.dropdown-item.active,
.dropdown-item:active {
    background-color: #1e998d;
    color: #fff;
}

/*Override append input-group*/
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
     border-top-right-radius: 3px; 
     border-bottom-right-radius: 3px; 
}

/*Pagination*/
.page-item.active .page-link {
    color: #fff;
    background-color: #9c948b;
    border-color: #9c948b;
}
.page-link {
    color: #9c948b;
    background-color: #fff;
    border: 1px solid #9c948b;
}
.page-link:focus, .page-link:hover {
    color: #847a71;
    background-color: #e9ecef;
    border-color: #9c948b;
}

/*Menus généraux*/
.list-group-item.active {
    color: #fff;
    background-color: #1e998d;
    border-color: #1e998d;
}
a {
    color: #1e998d;
}
a:hover {
    color: #166f66;
}

/*Datepicker jQuery UI*/
/*Pour les icône précédent/suivant il faut changer la couleur ud fichier d'icone de jQuery*/
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%;
    display: inline-block;
    padding: 0 .75rem;
    line-height: 1;
    height: auto !important;
}
.ui-datepicker select.ui-datepicker-month.form-control {
    margin-right: 5px;
}
.ui-datepicker select.ui-datepicker-year.form-control {
    margin-left: 5px;
}
.ui-widget-header {
    border: none;
    background: #ffffff; 
    color: #444;
    font-weight: bold;
}
.ui-datepicker .ui-datepicker-prev {
    left: 2px;
    border-radius: 3px;
    cursor: pointer;
}
.ui-datepicker .ui-datepicker-next {
    right: 2px;
    border-radius: 3px;
    cursor: pointer;
}
div#ui-datepicker-div {
    /*z-index: 20 !important;*/
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-radius: .25rem;
}
.ui-datepicker th {
    padding: 0;
    text-align: center;
    font-weight: bold;
    border: 0;
}
.ui-datepicker th > span {
    border-bottom: 1px solid #d8d8d8;
    color: #5f5f5f;
    width: 100%;
    display: block;
    padding: .7em .3em;
    padding-bottom: .35em;
    margin-bottom: 5px;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    margin: .15rem 0;
    border: 1px solid #eaeaea;
    background: #ffffff;
    font-weight: normal; 
    color: #1e998d;
    font-size: 0.9em;
    text-align: center;
    width: 35px;
    height: 35px;
    vertical-align: middle;
    border-radius: 5px;
    padding-top: 7px;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #ccc;
    background: #fff;
    color: #444;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #ddd;
    font-weight: bold;
    color: #ca023e;
    background: #ca023a36;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #97022f;
    background: #97022f;
     font-weight: normal; 
    color: #fff;
}

/* Page de maintenance */
.maintenance-page,
.maintenance-page body {
    font-family: 'Lato';
    background-color: #34495E;
    color:#fff;
}
.maintenance-page .icon{
    background-color: #ffffff;
}
.maintenance-page .icon i{
    color:#ca023e;
}
.maintenance-page .content-block {
    background: #ffffff33;
    border: 1px solid #fff;
}
.maintenance-page .admin-access a {
    color:#E9CA78;
}

/* COMPOSANTS */
/* Composant User */
div.data-type-user > ul > li > div {
    border-bottom: 1px solid #1e998d;
}
/* Composant Image */
.type-image-bloc .btn-delete-img {
    color: #ca023e !important;
}

/* Composant checkbox */
label.check-component {
    border: 1px solid #bbbbbb;
}
label.check-component input:checked + .box {
    background-color: #d4f7f3;
}
label.check-component input:checked + .box:after {
    border-color: #1e998d;
}
label.check-component input:indeterminate + .box {
    background-color: #fad6e1;
}
label.check-component input:indeterminate + .box:after {
    border-color: #ca023e;
}

/* Composant radio */
.radio-component:checked + label,
.radio-component:not(:checked) + label
{
    color: #666;
}
.radio-component:checked + label:before,
.radio-component:not(:checked) + label:before {
    border: 1px solid #cccccc;
}
.radio-component:checked + label:after,
.radio-component:not(:checked) + label:after {
    background: #58b1a7;
}

/* Composant cards */
*[data-type="card"].card-component-container {
    color: #1e998d;
}
*[data-type="card"].card-component-container:hover {
    color: #176e65;
}

/* Composant icônes */
.component-icon .dropdown-icon-item:focus,
.component-icon .dropdown-icon-item:active,
.component-icon .dropdown-icon-item:hover {
    color: ##fff;
    background-color: #1e998d;
}


/* PLUGINS */
/* Notifications */
ul.notifications.mid-pane > li.unread {
    border-left: 5px solid #1e998d;
}
.notification_menu .dropdown-item.notification-unread:before {
    border-left: 3px solid #1e998d;
}
.notification_menu .notification-item-options > li.notification-read:hover {
    color: #9c948b;
}
.notification_menu .notification-item-options > li.notification-delete:hover {
    color: #ca023e;
}
.notification_menu.dropdown .all-as-read, 
.notification_menu.dropdown .see-all-link {
    color: #1e998d;
}
/* FIN OVERRIDE */