WebisteDLH/wwwroot/css/custom.css

77 lines
1.6 KiB
CSS

#header .header-body {
background-color: rgba(255, 255, 255, 0.85);
backdrop-filter: blur(10px);
}
article.blog-single-post p,
article.blog-single-post a,
article.blog-single-post li {
font-size: 0.9rem;
}
article.blog-single-post ol li,
article.blog-single-post ul li {
margin-bottom: 0.9rem;
}
.nav-tabs li a{
margin-bottom: 1rem!important;
}
.nav-tabs a.nav-link {
color: #9b9b9b !important;
border-right: var(--secondary) !important;
font-weight: 500;
}
.nav-tabs a.nav-link.active {
color: var(--secondary) !important;
border-right: var(--secondary) !important;
}
.overflow-ellipsis-1 {
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
-webkit-line-clamp: 1 !important; /* Atur jumlah baris yang diinginkan */
height: 100%;
}
.overflow-ellipsis-2 {
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
-webkit-line-clamp: 2 !important; /* Atur jumlah baris yang diinginkan */
height: 100%;
}
.overflow-ellipsis-3 {
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
-webkit-line-clamp: 3 !important; /* Atur jumlah baris yang diinginkan */
height: 100%;
}
#statusNetwork{
position: fixed;
top: 120px;
left: 45%;
transform: translateX(-50%);
z-index: 999;
}
@media only screen and (max-width: 768px) {
#statusNetwork{
left: 30%;
}
}
@media only screen and (max-width: 992px) {
#statusNetwork{
left: 40%;
}
}