Files
Maphre-PLD-2026/css/colors.css
T

318 lines
6.3 KiB
CSS
Raw Normal View History

2026-06-04 12:20:40 -06:00
/*------------------------------------
- COLOR primary
------------------------------------*/
.alert-primary {
2026-08-13 17:51:46 -06:00
color: #000000;
background-color: #07a9ff;
border-color: #009ef1;
2026-06-04 12:20:40 -06:00
}
.alert-primary hr {
2026-08-13 17:51:46 -06:00
border-top-color: #008dd8;
2026-06-04 12:20:40 -06:00
}
.alert-primary .alert-link {
2026-08-13 17:51:46 -06:00
color: #000000;
2026-06-04 12:20:40 -06:00
}
.badge-primary {
2026-08-13 17:51:46 -06:00
color: #fff;
background-color: #00263a;
2026-06-04 12:20:40 -06:00
}
2026-08-13 17:51:46 -06:00
.badge-primary[href]:hover,
.badge-primary[href]:focus {
color: #fff;
background-color: #ff0407;
2026-06-04 12:20:40 -06:00
}
.bg-primary {
2026-08-13 17:51:46 -06:00
background-color: #00263a !important;
2026-06-04 12:20:40 -06:00
}
2026-08-13 17:51:46 -06:00
a.bg-primary:hover,
a.bg-primary:focus,
2026-06-04 12:20:40 -06:00
button.bg-primary:hover,
button.bg-primary:focus {
2026-08-13 17:51:46 -06:00
background-color: #ff0407 !important;
2026-06-04 12:20:40 -06:00
}
.border-primary {
2026-08-13 17:51:46 -06:00
border-color: #00263a !important;
2026-06-04 12:20:40 -06:00
}
.btn-primary {
2026-08-13 17:51:46 -06:00
color: #fff;
background-color: #00263a;
border-color: #00263a;
2026-06-04 12:20:40 -06:00
}
.btn-primary:hover {
2026-08-13 17:51:46 -06:00
color: #fff;
background-color: #000e16;
border-color: #ff0407;
2026-06-04 12:20:40 -06:00
}
2026-08-13 17:51:46 -06:00
.btn-primary:focus,
.btn-primary.focus {
box-shadow: 0 0 0 0.2rem rgba(0, 38, 58, 0.5);
2026-06-04 12:20:40 -06:00
}
2026-08-13 17:51:46 -06:00
.btn-primary.disabled,
.btn-primary:disabled {
color: #fff;
background-color: #00263a;
border-color: #00263a;
2026-06-04 12:20:40 -06:00
}
2026-08-13 17:51:46 -06:00
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
color: #fff;
background-color: #ff0407;
border-color: #000000;
2026-06-04 12:20:40 -06:00
}
2026-08-13 17:51:46 -06:00
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(0, 38, 58, 0.5);
2026-06-04 12:20:40 -06:00
}
.btn-outline-primary {
2026-08-13 17:51:46 -06:00
color: #00263a;
background-color: transparent;
border-color: #00263a;
2026-06-04 12:20:40 -06:00
}
.btn-outline-primary:hover {
2026-08-13 17:51:46 -06:00
color: #fff;
background-color: #00263a;
border-color: #00263a;
2026-06-04 12:20:40 -06:00
}
2026-08-13 17:51:46 -06:00
.btn-outline-primary:focus,
.btn-outline-primary.focus {
box-shadow: 0 0 0 0.2rem rgba(0, 38, 58, 0.5);
2026-06-04 12:20:40 -06:00
}
2026-08-13 17:51:46 -06:00
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
color: #00263a;
background-color: transparent;
2026-06-04 12:20:40 -06:00
}
2026-08-13 17:51:46 -06:00
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
color: #fff;
background-color: #00263a;
border-color: #00263a;
2026-06-04 12:20:40 -06:00
}
2026-08-13 17:51:46 -06:00
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(0, 38, 58, 0.5);
2026-06-04 12:20:40 -06:00
}
.list-group-item-primary {
2026-08-13 17:51:46 -06:00
color: #000000;
background-color: #009ef1;
2026-06-04 12:20:40 -06:00
}
2026-08-13 17:51:46 -06:00
.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
color: #000000;
background-color: #008dd8;
2026-06-04 12:20:40 -06:00
}
.list-group-item-primary.list-group-item-action.active {
2026-08-13 17:51:46 -06:00
color: #fff;
background-color: #000000;
border-color: #000000;
2026-06-04 12:20:40 -06:00
}
.table-primary,
.table-primary > th,
.table-primary > td {
2026-08-13 17:51:46 -06:00
background-color: #009ef1;
2026-06-04 12:20:40 -06:00
}
.table-hover .table-primary:hover {
2026-08-13 17:51:46 -06:00
background-color: #008dd8;
2026-06-04 12:20:40 -06:00
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
2026-08-13 17:51:46 -06:00
background-color: #008dd8;
2026-06-04 12:20:40 -06:00
}
.text-primary {
2026-08-13 17:51:46 -06:00
color: #00263a !important;
2026-06-04 12:20:40 -06:00
}
2026-08-13 17:51:46 -06:00
a.text-primary:hover,
a.text-primary:focus {
color: #ff0407 !important;
2026-06-04 12:20:40 -06:00
}
/*------------------------------------
- COLOR secondary
------------------------------------*/
.alert-secondary {
2026-08-13 17:51:46 -06:00
color: #73130d;
background-color: #f9d0ce;
border-color: #f7bfbc;
2026-06-04 12:20:40 -06:00
}
.alert-secondary hr {
2026-08-13 17:51:46 -06:00
border-top-color: #f4a9a5;
2026-06-04 12:20:40 -06:00
}
.alert-secondary .alert-link {
2026-08-13 17:51:46 -06:00
color: #460b08;
2026-06-04 12:20:40 -06:00
}
.badge-secondary {
2026-08-13 17:51:46 -06:00
color: #fff;
background-color: #ff002d;
2026-06-04 12:20:40 -06:00
}
2026-08-13 17:51:46 -06:00
.badge-secondary[href]:hover,
.badge-secondary[href]:focus {
color: #fff;
background-color: #b31d15;
2026-06-04 12:20:40 -06:00
}
.bg-secondary {
2026-08-13 17:51:46 -06:00
background-color: #ff002d !important;
2026-06-04 12:20:40 -06:00
}
2026-08-13 17:51:46 -06:00
a.bg-secondary:hover,
a.bg-secondary:focus,
2026-06-04 12:20:40 -06:00
button.bg-secondary:hover,
button.bg-secondary:focus {
2026-08-13 17:51:46 -06:00
background-color: #b31d15 !important;
2026-06-04 12:20:40 -06:00
}
.border-secondary {
2026-08-13 17:51:46 -06:00
border-color: #ff002d !important;
2026-06-04 12:20:40 -06:00
}
.btn-secondary {
2026-08-13 17:51:46 -06:00
color: #fff;
background-color: #ff002d;
border-color: #ff002d;
2026-06-04 12:20:40 -06:00
}
.btn-secondary:hover {
2026-08-13 17:51:46 -06:00
color: #fff;
background-color: #c11f17;
border-color: #b31d15;
2026-06-04 12:20:40 -06:00
}
2026-08-13 17:51:46 -06:00
.btn-secondary:focus,
.btn-secondary.focus {
box-shadow: 0 0 0 0.2rem rgba(225, 37, 27, 0.5);
2026-06-04 12:20:40 -06:00
}
2026-08-13 17:51:46 -06:00
.btn-secondary.disabled,
.btn-secondary:disabled {
color: #fff;
background-color: #ff002d;
border-color: #ff002d;
2026-06-04 12:20:40 -06:00
}
2026-08-13 17:51:46 -06:00
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
color: #fff;
background-color: #b31d15;
border-color: #a51b13;
2026-06-04 12:20:40 -06:00
}
2026-08-13 17:51:46 -06:00
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(225, 37, 27, 0.5);
2026-06-04 12:20:40 -06:00
}
.btn-outline-secondary {
2026-08-13 17:51:46 -06:00
color: #ff002d;
background-color: transparent;
border-color: #ff002d;
2026-06-04 12:20:40 -06:00
}
.btn-outline-secondary:hover {
2026-08-13 17:51:46 -06:00
color: #fff;
background-color: #ff002d;
border-color: #ff002d;
2026-06-04 12:20:40 -06:00
}
2026-08-13 17:51:46 -06:00
.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
box-shadow: 0 0 0 0.2rem rgba(225, 37, 27, 0.5);
2026-06-04 12:20:40 -06:00
}
2026-08-13 17:51:46 -06:00
.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
color: #ff002d;
background-color: transparent;
2026-06-04 12:20:40 -06:00
}
2026-08-13 17:51:46 -06:00
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
color: #fff;
background-color: #ff002d;
border-color: #ff002d;
2026-06-04 12:20:40 -06:00
}
2026-08-13 17:51:46 -06:00
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(225, 37, 27, 0.5);
2026-06-04 12:20:40 -06:00
}
.list-group-item-secondary {
2026-08-13 17:51:46 -06:00
color: #73130d;
background-color: #f7bfbc;
2026-06-04 12:20:40 -06:00
}
2026-08-13 17:51:46 -06:00
.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
color: #73130d;
background-color: #f4a9a5;
2026-06-04 12:20:40 -06:00
}
.list-group-item-secondary.list-group-item-action.active {
2026-08-13 17:51:46 -06:00
color: #fff;
background-color: #73130d;
border-color: #73130d;
2026-06-04 12:20:40 -06:00
}
.table-secondary,
.table-secondary > th,
.table-secondary > td {
2026-08-13 17:51:46 -06:00
background-color: #f7bfbc;
2026-06-04 12:20:40 -06:00
}
.table-hover .table-secondary:hover {
2026-08-13 17:51:46 -06:00
background-color: #f4a9a5;
2026-06-04 12:20:40 -06:00
}
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
2026-08-13 17:51:46 -06:00
background-color: #f4a9a5;
2026-06-04 12:20:40 -06:00
}
.text-secondary {
2026-08-13 17:51:46 -06:00
color: #ff002d !important;
2026-06-04 12:20:40 -06:00
}
2026-08-13 17:51:46 -06:00
a.text-secondary:hover,
a.text-secondary:focus {
color: #b31d15 !important;
2026-06-04 12:20:40 -06:00
}