You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
202 lines
3.8 KiB
202 lines
3.8 KiB
/* Aside Menu */ |
|
aside .navbar-vertical{ |
|
width: 50px; |
|
} |
|
.navbar-brand img{ |
|
width: 65px; |
|
height: 65px; |
|
} |
|
.navbar-brand{ |
|
padding: 20px; |
|
} |
|
|
|
/* ==================================================================================================== */ |
|
/* Header */ |
|
.page-wrapper{ |
|
box-shadow: 4px 4px 10px rgb(0, 0, 0, 0.4); |
|
} |
|
|
|
/* Canvas Menu */ |
|
.offcanvas{ |
|
width: 100px; |
|
} |
|
.offcanvas-title{ |
|
margin-left: 6%; |
|
} |
|
.offcanvas-head{ |
|
width: 100px; |
|
} |
|
.offcanvas-body{ |
|
font-size: 17px; |
|
} |
|
.nav-item-canvas{ |
|
margin-left: 5%; |
|
} |
|
|
|
/* ===================================================================================================== */ |
|
/* Halaman Home */ |
|
.cermat-data{ |
|
display: grid; |
|
grid-template-columns: auto auto auto; |
|
padding: 10px; |
|
gap: 10px; |
|
} |
|
.cermat-data > div{ |
|
padding: 20px 0; |
|
} |
|
|
|
.chart{ |
|
display: grid; |
|
grid-template-columns: 150px 150px 150px; |
|
padding: 10px; |
|
gap: 10px; |
|
} |
|
.chart > div{ |
|
padding: 20px 0; |
|
} |
|
|
|
/* ===================================================================================================== */ |
|
/* Halaman My Account */ |
|
.card-myaccount{ |
|
width: 450px; |
|
} |
|
.edit-myaccount{ |
|
position: absolute; |
|
margin-left: 81%; |
|
} |
|
|
|
|
|
|
|
/* ===================================================================================================== */ |
|
/* Halaman Safety Talk */ |
|
/* DatePicker */ |
|
.input-icon{ |
|
width: 200px; |
|
} |
|
.datepicker{ |
|
display: grid; |
|
margin-left: 400px; |
|
} |
|
.datepicker > button{ |
|
position: absolute; |
|
margin-left: 205px; |
|
} |
|
/* Running Text */ |
|
.running-text, marquee{ |
|
margin-top: 5px; |
|
background-color:rgb(193, 193, 253); |
|
font-size: 20px; |
|
color: black; |
|
font-style: italic; |
|
font-weight: 700; |
|
padding: 1px; |
|
} |
|
/* UPCOMING TITLE */ |
|
.upcoming{ |
|
display: flex; |
|
align-items: center; |
|
justify-items: center; |
|
background-color: rgb(54, 55, 151); |
|
} |
|
.upcoming, .upcoming-title{ |
|
text-align: center; |
|
justify-content: center; |
|
font-weight: 750; |
|
padding: 5px 5px; |
|
color: white; |
|
font-size: 30px; |
|
} |
|
.upcoming > button{ |
|
position: absolute; |
|
margin-left: 75%; |
|
background-color: white; |
|
} |
|
.upcoming > svg{ |
|
color: white; |
|
} |
|
|
|
/* ===================================================================================================== */ |
|
/* Halaman Gallery Safety Talk */ |
|
.documentation-gallery > .card{ |
|
margin-top: 10px; |
|
} |
|
.card-gallery{ |
|
margin-top: 25px; |
|
display: grid; |
|
column-gap: 15px; |
|
row-gap: 15px; |
|
grid-template-columns: auto auto auto; |
|
padding: 10px; |
|
} |
|
.gallery-item { |
|
background-color: rgba(255, 255, 255, 0.8); |
|
border: 1px solid rgba(0, 0, 0, 0.8); |
|
padding: 20px; |
|
font-size: 15px; |
|
text-align: left; |
|
} |
|
|
|
.safety-document{ |
|
margin-top: 20px; |
|
} |
|
.doc{ |
|
margin-bottom: 20px; |
|
} |
|
.doc > button{ |
|
position: absolute; |
|
margin-left: 66%; |
|
} |
|
|
|
/* ===================================================================================================== */ |
|
/* Halaman CerMAT */ |
|
.form-check{ |
|
margin-top: 10px; |
|
margin-left: 2px; |
|
} |
|
.top-search > form{ |
|
display: grid; |
|
grid-template-columns: 125px 125px 125px 100px; |
|
padding: 10px; |
|
gap: 5px; |
|
margin-left: 300px; |
|
} |
|
.top-search > div{ |
|
padding: 20px 0px; |
|
} |
|
.reject-report{ |
|
margin-top: 20px; |
|
} |
|
/* CerMAT Admin */ |
|
/* CerMAT Terlaporkan */ |
|
|
|
.cermat-report > div{ |
|
padding: 20px 0; |
|
} |
|
.tindak-button{ |
|
margin-top: 20px; |
|
display: flex; |
|
justify-content: flex-end; |
|
} |
|
/* CerMAT Tindak lanjut */ |
|
.form-tindak-lanjut{ |
|
margin-top: 25px; |
|
} |
|
/* CerMAT Case Closed */ |
|
.backward > button{ |
|
margin-left: 90%; |
|
} |
|
/* CerMAT User */ |
|
.add-report{ |
|
margin-left: 57%; |
|
} |
|
|
|
|
|
|
|
|
|
/* ===================================================================================================== */ |
|
/* Halaman Settings */ |
|
/* Icon / button tambah data */ |
|
.icon-add{ |
|
position: absolute; |
|
margin-left: 92%; |
|
} |