Fakultas Ilmu Komputer UI

Commit 9d7bfa2c authored by Annisa Devi Nurmalasari's avatar Annisa Devi Nurmalasari
Browse files

Initial Commit

parent 6ebaa651
Pipeline #95531 failed with stages
in 10 minutes and 1 second
html, body {
height: 100%;
font-size: small
}
.form-signin {
width: 100%;
......@@ -12,50 +13,59 @@ html, body {
text-align: start;
}
.btn-primary, .btn-primary.disabled, .btn-primary:disabled {
/* ---------------------------------------------------
BUTTON AND DROPDOWN
----------------------------------------------------- */
.btn-primary, .btn-primary.disabled, .btn-primary:disabled, .progress-bar, #dropdownFilterButton:hover {
color: #fff;
border-color: #146A5F;
background-color: #146A5F;
border-color: #0DCAF0;
background-color: #0DCAF0;
}
.btn-primary:hover {
border-color: #0f4c44;
background-color: #0f4c44;
border-color: #0CB6D8;
background-color: #0CB6D8;
}
.btn-secondary, .btn-secondary.disabled, .btn-secondary:disabled {
color: fff;
border-color: #0BBBA8;
background-color: #0BBBA8;
border-color: #198754;
background-color: #198754;
}
.btn-secondary:hover {
border-color: #0a9d8e;
background-color: #0a9d8e;
border-color: #16794C;
background-color: #16794C;
}
.btn-warning {
border-color: #ffdd76;
background-color: #ffdd76;
.btn-danger {
border-color: #DC3545;
background-color: #DC3545;
}
.btn-outline-primary {
color: #146A5F;
border-color: #146A5F;
.btn-danger:hover {
border-color: #C6303E;
background-color: #C6303E;
}
.btn-check:active+.btn-outline-primary:focus, .btn-check:checked+.btn-outline-primary:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus, .btn-outline-primary:active:focus {
.btn-outline-dark, #dropdownFilterButton {
color: #0DCAF0;
border-color: #0DCAF0;
background-color: #fff;
}
.btn-check:active+.btn-outline-dark:focus, .btn-check:checked+.btn-outline-primary:focus, .btn-outline-dark.active:focus, .btn-outline-primary.dropdown-toggle.show:focus, .btn-outline-dark:active:focus {
box-shadow: none;
}
.btn-check:active+.btn-outline-primary, .btn-check:checked+.btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active, .btn-outline-primary:hover {
color: white;
background-color: #0f4c44;
border-color: #0f4c44;
.btn-check:active+.btn-outline-dark, .btn-check:checked+.btn-outline-dark, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show, .btn-outline-dark:active, .btn-outline-dark:hover {
color: #0DCAF0;
background-color: #E7FAFD;
border-color: #0DCAF0;
}
.dropdown-item.active, .dropdown-item:active {
background-color: #146A5F;
background-color: #0DCAF0;
}
#reqPengadaanMap {
......@@ -64,4 +74,98 @@ html, body {
#dropdownFilterButton {
height: fit-content;
}
.page-item.active a.page-link, .btn-dark{
background-color: #E94745;
border-color: #E94745;
}
.page-item.active a.page-link:hover, .btn-dark:hover{
background-color: #D2403E;
border-color: #D2403E;
}
/* ---------------------------------------------------
CARD HOME
----------------------------------------------------- */
.card-landing {
margin: 0.5rem;
}
.card-landing:hover {
transform: translateY(-10px);
transition: 0.5s;
box-shadow: 0px 4px 8px rgba(38, 38, 38, 0.2);
}
/* ---------------------------------------------------
CARD MAINAN
----------------------------------------------------- */
*,
*::before,
*::after {
box-sizing: border-box;
}
.list-mainan {
max-width: 1200px;
margin: 0px;
}
.card-image {
max-width: 20rem;
min-width: 20rem;
min-height: 15rem;
max-height: 15rem;
vertical-align: middle;
align-items: center;
}
.card-image img {
width: 100%;
height: 100%;
}
.cards {
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 0;
}
.card-item {
display: flex;
padding: 1rem;
}
.card-content {
padding: 1rem;
}
.card-text {
line-height: 1.5;
margin-bottom: 1.25rem;
}
.card-header{
background-color: #E7FAFD;
}
/* ---------------------------------------------------
MEDIAQUERIES
----------------------------------------------------- */
@media (min-width: 40rem) {
.card-item {
width: 50%;
}
}
@media (min-width: 56rem) {
.card-item {
width: 33.3333%;
}
}
\ No newline at end of file
......@@ -62,7 +62,7 @@ a:focus {
#sidebar {
min-width: 250px;
max-width: 250px;
background: #146A5F;
background: #E94745;
color: #fff;
transition: all 0.3s;
}
......@@ -79,7 +79,6 @@ a:focus {
#sidebar ul.components {
padding: 20px 0;
border-bottom: 1px solid #47748b;
}
#sidebar ul p {
......@@ -94,20 +93,20 @@ a:focus {
}
#sidebar ul li a:hover {
color: #146A5F;
color: black;
background: #fff;
}
#sidebar ul li.active>a,
a[aria-expanded="true"] {
color: #146A5F;
color: black;
background: #fff;
}
ul ul a {
font-size: 0.9em !important;
padding-left: 30px !important;
background: #146A5F;
background: #E76B6A;
}
.btn-toggle {
......@@ -133,7 +132,7 @@ ul ul a {
.btn-toggle-nav a:hover,
.btn-toggle-nav a:focus {
color: #146A5F;
color: black;
background-color: #fff;
}
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment