MAGANG_TB_dan_PNP_2023/dashboard-admin
3
0
Fork 2
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

..

Browse Source
This commit is contained in:
jilhanhaura 2023-08-15 14:35:39 +07:00
parent 05bcc41781
commit aedea290c4
1 changed files with 54 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

108
public/assets/css/style.css
View File

@ -64,7 +64,7 @@
} }
a { a {
color: #ff3f34; color: #900C3F;
font-weight: 500; font-weight: 500;
transition: all .5s; transition: all .5s;
-webkit-transition: all .5s; -webkit-transition: all .5s;
@ -80,7 +80,7 @@ a:not(.btn-social-icon):not(.btn-social):not(.page-link) .fab {
} }
.bg-primary { .bg-primary {
background-color: #ff3f34 !important; background-color: #900C3F !important;
} }
.bg-secondary { .bg-secondary {
@ -115,7 +115,7 @@ a:not(.btn-social-icon):not(.btn-social):not(.page-link) .fab {
.text-primary-all *, .text-primary-all *,
.text-primary-all *:before, .text-primary-all *:before,
.text-primary-all *:after { .text-primary-all *:after {
color: #ff3f34 !important; color: #900C3F !important;
} }
.text-secondary, .text-secondary,
@ -350,7 +350,7 @@ select.form-control:not([size]):not([multiple]) {
.custom-radio .custom-control-input:checked~.custom-control-label::before, .custom-radio .custom-control-input:checked~.custom-control-label::before,
.custom-control-input:checked~.custom-control-label::before { .custom-control-input:checked~.custom-control-label::before {
background-color: #ff3f34 !important; background-color: #900C3F !important;
} }
.custom-file-label { .custom-file-label {
@ -371,7 +371,7 @@ select.form-control:not([size]):not([multiple]) {
.custom-file-input:focus+.custom-file-label { .custom-file-input:focus+.custom-file-label {
box-shadow: none; box-shadow: none;
border-color: #ff3f34; border-color: #900C3F;
} }
.custom-file-input:focus+.custom-file-label:after { .custom-file-input:focus+.custom-file-label:after {
@ -443,7 +443,7 @@ select.form-control:not([size]):not([multiple]) {
.selectgroup-input:focus+.selectgroup-button, .selectgroup-input:focus+.selectgroup-button,
.selectgroup-input:checked+.selectgroup-button { .selectgroup-input:checked+.selectgroup-button {
background-color: #ff3f34; background-color: #900C3F;
color: #fff; color: #fff;
z-index: 1; z-index: 1;
} }
@ -521,7 +521,7 @@ select.form-control:not([size]):not([multiple]) {
} }
.custom-switch-input:checked~.custom-switch-indicator { .custom-switch-input:checked~.custom-switch-indicator {
background: #ff3f34; background: #900C3F;
} }
.custom-switch-input:checked~.custom-switch-indicator:before { .custom-switch-input:checked~.custom-switch-indicator:before {
@ -529,7 +529,7 @@ select.form-control:not([size]):not([multiple]) {
} }
.custom-switch-input:focus~.custom-switch-indicator { .custom-switch-input:focus~.custom-switch-indicator {
border-color: #ff3f34; border-color: #900C3F;
} }
.custom-switch-description { .custom-switch-description {
@ -565,7 +565,7 @@ select.form-control:not([size]):not([multiple]) {
} }
.imagecheck-input:focus~.imagecheck-figure { .imagecheck-input:focus~.imagecheck-figure {
border-color: #ff3f34; border-color: #900C3F;
} }
.imagecheck-input:checked~.imagecheck-figure { .imagecheck-input:checked~.imagecheck-figure {
@ -585,7 +585,7 @@ select.form-control:not([size]):not([multiple]) {
-moz-user-select: none; -moz-user-select: none;
-ms-user-select: none; -ms-user-select: none;
user-select: none; user-select: none;
background: #ff3f34 url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") no-repeat center center/50% 50%; background: #900C3F url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") no-repeat center center/50% 50%;
color: #fff; color: #fff;
z-index: 1; z-index: 1;
border-radius: 3px; border-radius: 3px;
@ -702,7 +702,7 @@ select.form-control:not([size]):not([multiple]) {
} }
.list-group-item.active { .list-group-item.active {
background-color: #ff3f34; background-color: #900C3F;
} }
.list-group-item.disabled { .list-group-item.disabled {
@ -710,7 +710,7 @@ select.form-control:not([size]):not([multiple]) {
} }
.list-group-item-primary { .list-group-item-primary {
background-color: #ff3f34; background-color: #900C3F;
color: #fff; color: #fff;
} }
@ -798,7 +798,7 @@ select.form-control:not([size]):not([multiple]) {
} }
.alert.alert-primary { .alert.alert-primary {
background-color: #ff3f34; background-color: #900C3F;
} }
.alert.alert-secondary { .alert.alert-secondary {
@ -931,7 +931,7 @@ select.form-control:not([size]):not([multiple]) {
.card .card-header h4+.card-header-action .btn.active, .card .card-header h4+.card-header-action .btn.active,
.card .card-header h4+.card-header-form .btn.active { .card .card-header h4+.card-header-form .btn.active {
box-shadow: 0 2px 6px #acb5f6; box-shadow: 0 2px 6px #acb5f6;
background-color: #ff3f34; background-color: #900C3F;
color: #fff; color: #fff;
} }
@ -1022,7 +1022,7 @@ select.form-control:not([size]):not([multiple]) {
} }
.card.card-primary { .card.card-primary {
border-top: 2px solid #ff3f34; border-top: 2px solid #900C3F;
} }
.card.card-secondary { .card.card-secondary {
@ -1485,7 +1485,7 @@ table tr:hover .table-links {
/* 3.9 Nav */ /* 3.9 Nav */
.nav-tabs .nav-item .nav-link { .nav-tabs .nav-item .nav-link {
color: #ff3f34; color: #900C3F;
} }
.nav-tabs .nav-item .nav-link.active { .nav-tabs .nav-item .nav-link.active {
@ -1506,11 +1506,11 @@ table tr:hover .table-links {
.nav-pills .nav-link.active, .nav-pills .nav-link.active,
.nav-pills .show>.nav-link { .nav-pills .show>.nav-link {
color: #fff; color: #fff;
background-color: #ff3f34; background-color: #900C3F;
} }
.nav-pills .nav-item .nav-link { .nav-pills .nav-item .nav-link {
color: #ff3f34; color: #900C3F;
padding-left: 15px !important; padding-left: 15px !important;
padding-right: 15px !important; padding-right: 15px !important;
} }
@ -1522,7 +1522,7 @@ table tr:hover .table-links {
.nav-pills .nav-item .nav-link.active { .nav-pills .nav-item .nav-link.active {
box-shadow: 0 2px 6px #acb5f6; box-shadow: 0 2px 6px #acb5f6;
color: #fff; color: #fff;
background-color: #ff3f34; background-color: #900C3F;
} }
.nav-pills .nav-item .nav-link .badge { .nav-pills .nav-item .nav-link .badge {
@ -1541,20 +1541,20 @@ table tr:hover .table-links {
/* 3.10 Pagination */ /* 3.10 Pagination */
.page-item .page-link { .page-item .page-link {
color: #ff3f34; color: #900C3F;
border-radius: 3px; border-radius: 3px;
margin: 0 3px; margin: 0 3px;
} }
.page-item.active .page-link { .page-item.active .page-link {
background-color: #ff3f34; background-color: #900C3F;
border-color: #ff3f34; border-color: #900C3F;
} }
.page-item.disabled .page-link { .page-item.disabled .page-link {
border-color: transparent; border-color: transparent;
background-color: #f9fafe; background-color: #f9fafe;
color: #ff3f34; color: #900C3F;
opacity: .6; opacity: .6;
} }
@ -1565,7 +1565,7 @@ table tr:hover .table-links {
} }
.page-link:hover { .page-link:hover {
background-color: #ff3f34; background-color: #900C3F;
color: #fff; color: #fff;
border-color: transparent; border-color: transparent;
} }
@ -2028,8 +2028,8 @@ h6 .badge {
.btn-outline-primary, .btn-outline-primary,
.btn-outline-primary.disabled { .btn-outline-primary.disabled {
border-color: #ff3f34; border-color: #900C3F;
color: #ff3f34; color: #900C3F;
} }
.btn-outline-primary:hover, .btn-outline-primary:hover,
@ -2038,7 +2038,7 @@ h6 .badge {
.btn-outline-primary.disabled:hover, .btn-outline-primary.disabled:hover,
.btn-outline-primary.disabled:focus, .btn-outline-primary.disabled:focus,
.btn-outline-primary.disabled:active { .btn-outline-primary.disabled:active {
background-color: #ff3f34 !important; background-color: #900C3F !important;
color: #fff; color: #fff;
} }
@ -2055,7 +2055,7 @@ h6 .badge {
.btn-outline-white.disabled:focus, .btn-outline-white.disabled:focus,
.btn-outline-white.disabled:active { .btn-outline-white.disabled:active {
background-color: #fff; background-color: #fff;
color: #ff3f34; color: #900C3F;
} }
.btn-round { .btn-round {
@ -2097,7 +2097,7 @@ h6 .badge {
} }
.btn-group .btn.active { .btn-group .btn.active {
background-color: #ff3f34; background-color: #900C3F;
color: #fff; color: #fff;
} }
@ -2114,7 +2114,7 @@ h6 .badge {
/* 3.13 Media */ /* 3.13 Media */
.media .media-right { .media .media-right {
float: right; float: right;
color: #ff3f34; color: #900C3F;
font-weight: 600; font-weight: 600;
font-size: 16px; font-size: 16px;
} }
@ -2240,7 +2240,7 @@ h6 .badge {
.accordion .accordion-header[aria-expanded="true"] { .accordion .accordion-header[aria-expanded="true"] {
box-shadow: 0 2px 6px #acb5f6; box-shadow: 0 2px 6px #acb5f6;
background-color: #ff3f34; background-color: #900C3F;
color: #fff; color: #fff;
} }
@ -2319,7 +2319,7 @@ h6 .badge {
} }
.navbar.active { .navbar.active {
background-color: #ff3f34; background-color: #900C3F;
box-shadow: rgba(103, 119, 239, 0.2) rgba(0, 0, 0, 0.03); box-shadow: rgba(103, 119, 239, 0.2) rgba(0, 0, 0, 0.03);
} }
@ -2330,7 +2330,7 @@ h6 .badge {
left: 0; left: 0;
width: 100%; width: 100%;
height: 115px; height: 115px;
background-color: #ff3f34; background-color: #900C3F;
z-index: -1; z-index: -1;
} }
@ -2619,12 +2619,12 @@ h6 .badge {
.nav-collapse .navbar-nav .nav-item .nav-link:hover { .nav-collapse .navbar-nav .nav-item .nav-link:hover {
background-color: #fcfcfd; background-color: #fcfcfd;
color: #ff3f34; color: #900C3F;
} }
.nav-collapse .navbar-nav .nav-item:focus>a, .nav-collapse .navbar-nav .nav-item:focus>a,
.nav-collapse .navbar-nav .nav-item.active>a { .nav-collapse .navbar-nav .nav-item.active>a {
background-color: #ff3f34; background-color: #900C3F;
color: #fff; color: #fff;
} }
@ -2694,7 +2694,7 @@ a.dropdown-item {
a.dropdown-item:focus, a.dropdown-item:focus,
a.dropdown-item:active, a.dropdown-item:active,
a.dropdown-item.active { a.dropdown-item.active {
background-color: #ff3f34; background-color: #900C3F;
color: #fff !important; color: #fff !important;
} }
@ -2762,7 +2762,7 @@ a.dropdown-item.active {
} }
.dropdown-list .dropdown-item:focus { .dropdown-list .dropdown-item:focus {
background-color: #ff3f34; background-color: #900C3F;
} }
.dropdown-list .dropdown-item:focus .dropdown-item-desc { .dropdown-list .dropdown-item:focus .dropdown-item-desc {
@ -2867,7 +2867,7 @@ a.dropdown-item.active {
} }
.dropdown-flag .dropdown-item.active { .dropdown-flag .dropdown-item.active {
background-color: #ff3f34; background-color: #900C3F;
color: #fff; color: #fff;
} }
@ -2893,7 +2893,7 @@ a.dropdown-item.active {
/* 3.21 Progress Bar */ /* 3.21 Progress Bar */
.progress-bar { .progress-bar {
background-color: #ff3f34; background-color: #900C3F;
} }
/* 3.22 Jumbotron */ /* 3.22 Jumbotron */
@ -2975,7 +2975,7 @@ body {
a.bb { a.bb {
text-decoration: none; text-decoration: none;
border-bottom: 1px solid #ff3f34; border-bottom: 1px solid #900C3F;
padding-bottom: 1px; padding-bottom: 1px;
} }
@ -3175,8 +3175,8 @@ pre {
} }
.circle-step .circle.circle-primary { .circle-step .circle.circle-primary {
border-color: #ff3f34; border-color: #900C3F;
color: #ff3f34; color: #900C3F;
} }
.pe-none { .pe-none {
@ -3324,7 +3324,7 @@ pre {
} }
.section .section-header .section-header-back .btn:hover { .section .section-header .section-header-back .btn:hover {
background-color: #ff3f34; background-color: #900C3F;
color: #fff; color: #fff;
} }
@ -3359,7 +3359,7 @@ pre {
border-radius: 5px; border-radius: 5px;
height: 8px; height: 8px;
width: 30px; width: 30px;
background-color: #ff3f34; background-color: #900C3F;
display: inline-block; display: inline-block;
float: left; float: left;
margin-top: 6px; margin-top: 6px;
@ -3464,7 +3464,7 @@ pre {
top: 0; top: 0;
height: 100%; height: 100%;
width: 250px; width: 250px;
background-color: #ff3f34; background-color: #900C3F;
z-index: 880; z-index: 880;
left: 0; left: 0;
} }
@ -3569,7 +3569,7 @@ body.sidebar-mini .main-sidebar .sidebar-menu>li>a.has-dropdown:after {
body.sidebar-mini .main-sidebar .sidebar-menu>li.active>a { body.sidebar-mini .main-sidebar .sidebar-menu>li.active>a {
box-shadow: 0 4px 8px #acb5f6; box-shadow: 0 4px 8px #acb5f6;
background-color: #ff3f34; background-color: #900C3F;
color: #fff; color: #fff;
} }
@ -3587,7 +3587,7 @@ body.sidebar-mini .main-sidebar .sidebar-menu>li ul.dropdown-menu li>a:focus,
body.sidebar-mini .main-sidebar .sidebar-menu>li ul.dropdown-menu li.active>a, body.sidebar-mini .main-sidebar .sidebar-menu>li ul.dropdown-menu li.active>a,
body.sidebar-mini .main-sidebar .sidebar-menu>li ul.dropdown-menu li.active>a:hover { body.sidebar-mini .main-sidebar .sidebar-menu>li ul.dropdown-menu li.active>a:hover {
color: #fff; color: #fff;
background-color: #ff3f34 !important; background-color: #900C3F !important;
} }
body.sidebar-mini .main-sidebar .sidebar-menu>li ul.dropdown-menu li a { body.sidebar-mini .main-sidebar .sidebar-menu>li ul.dropdown-menu li a {
@ -3678,7 +3678,7 @@ body.layout-2 .main-sidebar .sidebar-menu li a.has-dropdown:after {
} }
body.layout-2 .main-sidebar .sidebar-menu li a:hover { body.layout-2 .main-sidebar .sidebar-menu li a:hover {
color: #ff3f34; color: #900C3F;
background-color: transparent; background-color: transparent;
} }
@ -3714,7 +3714,7 @@ body.layout-3 .navbar.navbar-secondary {
} }
body.layout-3 .navbar.navbar-secondary .navbar-nav>.nav-item.active>.nav-link { body.layout-3 .navbar.navbar-secondary .navbar-nav>.nav-item.active>.nav-link {
color: #ff3f34; color: #900C3F;
} }
body.layout-3 .navbar.navbar-secondary .navbar-nav>.nav-item.active>.nav-link:before { body.layout-3 .navbar.navbar-secondary .navbar-nav>.nav-item.active>.nav-link:before {
@ -3767,7 +3767,7 @@ body.layout-3 .navbar.navbar-secondary .navbar-nav>.nav-item>.nav-link:before {
right: initial; right: initial;
bottom: 0; bottom: 0;
height: 2px; height: 2px;
background-color: #ff3f34; background-color: #900C3F;
transition: all .5s; transition: all .5s;
} }
@ -3823,7 +3823,7 @@ body.layout-3 .navbar.navbar-secondary .navbar-nav>.nav-item .dropdown-menu .nav
body.layout-3 .navbar.navbar-secondary .navbar-nav>.nav-item .dropdown-menu .nav-item.active>.nav-link, body.layout-3 .navbar.navbar-secondary .navbar-nav>.nav-item .dropdown-menu .nav-item.active>.nav-link,
body.layout-3 .navbar.navbar-secondary .navbar-nav>.nav-item .dropdown-menu .nav-item .nav-link:focus { body.layout-3 .navbar.navbar-secondary .navbar-nav>.nav-item .dropdown-menu .nav-item .nav-link:focus {
background-color: #ff3f34; background-color: #900C3F;
color: #fff; color: #fff;
} }
@ -4029,7 +4029,7 @@ body.layout-3 .main-footer {
} }
body:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active a { body:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active a {
background-color: #ff3f34; background-color: #900C3F;
color: #fff; color: #fff;
} }
@ -4038,7 +4038,7 @@ body:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active ul.dropdown-men
} }
body:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active ul.dropdown-menu li a:hover { body:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active ul.dropdown-menu li a:hover {
background-color: #ff3f34; background-color: #900C3F;
color: #fff; color: #fff;
} }
@ -4060,7 +4060,7 @@ body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu>li.active>a:before {
transform: translateY(-50%); transform: translateY(-50%);
height: 25px; height: 25px;
width: 4px; width: 4px;
background-color: #ff3f34; background-color: #900C3F;
} }
body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu li.active ul.dropdown-menu li a { body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu li.active ul.dropdown-menu li a {