nk20/note_kfet/static/css/custom.css

.validate:hover {
    cursor: pointer;
    text-decoration: underline;
}

/* Opaque tooltip with white background */
.tooltip.show {
    opacity: 1;
}

.tooltip-inner {
    background-color: #fff;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    border: 1px solid rgba(0, 0, 0, .250);
    color: #000;
    margin: 0 .5rem .25rem .5rem;
    padding: 0;
    width: 200px;
}

.bs-tooltip-bottom .arrow::before {
    border-bottom-color: rgba(0, 0, 0, .250);
}

/* Fixed width picture column */
.picture-col {
    max-width: 202px;
}

/* Limit fluid container to a max size */
.container-fluid {
    max-width: 1600px;
}

/* Apply Bootstrap table-responsive to all Django tables */
.table-container {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* Smaller language selector */
select.language {
    padding: 0;
    background: transparent;
    border: none;
    height: calc(1.5em + .5rem);
    color: #6c757d;
    -moz-appearance: none;
    width: auto;
    cursor: pointer;
}

/* Remove horizontal padding on mark */
.mark,
mark {
    padding: .2em 0;
}

/* Make navbar more readable */
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, .75);
}

/* Last BDE colors */
.bg-primary {
/*    background-color: rgb(18, 67, 4) !important; */
/* MODE VIEUXCON=ON */
/*    background-color: rgb(166, 0, 2) !important; */
    background-color: rgb(100, 30, 100) !important;
}

html {
    scrollbar-color: rgba(121, 121, 123, 1) rgba(35, 35, 39, 1);
}

body {
    background-color: rgba(64, 64, 64, 1);
    background-image: url(../img/background-texture.png);
}

.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active {
   color:  rgb(240, 200, 240);
    background-color: rgb(30, 120, 150);
    border-color: rgb(190, 150, 190);
}

.btn-outline-primary {
    color: #a2a;
    background-color: #6bc;
    border-color: #719;
}

.turbolinks-progress-bar {
    background-color: #12342E;
}

.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active {
    color:  rgb(150, 200, 240);
    background-color: rgb(50, 100, 140);
    border-color: rgb(0, 0, 0);
}

.btn-primary {
    color:  #eae; 
    background-color: #616;
    border-color: #000000;
}

.border-primary {
    border-color: rgb(222, 180, 222) !important; 
}

.btn-secondary {
    color:  #eae;
    background-color: #616;
    border-color: #000000;
}

.btn-secondary:hover,
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active {
    color:  rgb(150, 200, 240);
    background-color: rgb(50, 100, 140);
    border-color: rgb(0, 0, 0);
}


.btn-outline-dark {
    color: #000000;
    border-color: #000000;
}

.btn-outline-dark:hover,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active {
    color:  rgb(50, 100, 160);
    background-color: rgb(240, 150, 240);
    border-color: rgb(50, 100, 160);
}


a {
    color: rgb(0, 150, 150);
}

a:hover {
    color: rgb(200, 0, 200);
}

.form-control:focus {
    box-shadow: 0 0 0 0.25rem rgb(0 150 150 / 50%);
    border-color: rgb(0, 200, 200);
}

.btn-outline-primary.focus {
  box-shadow: 0 0 0 0.25rem rgb(0 150 150 / 22%);
}