One Hat Cyber Team

Your IP : 172.69.214.93

Server IP : 188.114.97.7

Server : Linux advantage-project 5.14.0-503.26.1.el9_5.x86_64 #1 SMP PREEMPT_DYNAMIC Wed Feb 19 16:28:19 UTC 2025 x86_64

Server Software : Apache/2.4.62 (Rocky Linux) OpenSSL/3.2.2

PHP Version : 8.3.17

Buat File | Buat Folder

Dir : ~/var/www/html/public/components/pagination/

Edit File: pagination.css

.pagination {
	display: flex;
	padding-left: 0;
	list-style: none;
	border-radius: 0;
}

.page-link {
	position: relative;
	display: block;
	padding: 6px 3px;
	margin-left: 0;
	line-height: 1.25;
	color: #272b37;
	background-color: transparent;
	border: 0 solid #dee2e6;
}

.page-link:hover {
	z-index: 2;
	color: #fff;
	text-decoration: none;
	background-color: #F2B449;
	border-color: #dee2e6;
}

.page-link:focus {
	z-index: 2;
	outline: none;
	box-shadow: none;
}

.page-item:first-child .page-link {
	margin-left: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.page-item:last-child .page-link {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.page-item.active .page-link {
	z-index: 1;
	color: #F2B449;
	background-color: transparent;
	border-color: #F2B449;
}

.page-item.disabled .page-link {
	color: #cfcfcf;
	pointer-events: none;
	cursor: auto;
	background-color: transparent;
	border-color: #dee2e6;
}

.pagination-lg .page-link {
	padding: 0.75rem 1.5rem;
	font-size: 1.125rem;
	line-height: 1.58;
}

.pagination-lg .page-item:first-child .page-link {
	border-top-left-radius: 0.3rem;
	border-bottom-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
	border-top-right-radius: 0.3rem;
	border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
	padding: 0.25rem 0.5rem;
	font-size: 0.75rem;
	line-height: 1.15;
}

.pagination-sm .page-item:first-child .page-link {
	border-top-left-radius: 0.2rem;
	border-bottom-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
	border-top-right-radius: 0.2rem;
	border-bottom-right-radius: 0.2rem;
}

.pagination {
	border-radius: 0;
	margin-bottom: -6px;
	margin-left: -6px;
}

.pagination:empty {
	margin-bottom: 0;
	margin-left: 0;
}

.pagination > * {
	margin-top: 0;
	margin-bottom: 6px;
	margin-left: 6px;
}

.page-link {
	width: 2.15625rem;
	height: 2.15625rem;
	margin-left: 0;
	text-align: center;
	font-size: 1.125rem;
	font-weight: 400;
	border-radius: 50%;
	transition: all 0.2s ease-in-out;
	padding-top: 8px;
	padding-bottom: 4px;
}

.page-link.inactive {
	pointer-events: none;
}

.page-link.page-link-prev, .page-link.page-link-next {
	padding-top: 6px;
	padding-bottom: 6px;
}

.page-item .page-link.page-link-prev,
.page-item .page-link.page-link-next {
	font-size: 1.56375rem;
	line-height: 0.89928;
	border-radius: 50%;
}

* + .pagination {
	margin-top: 30px;
}

.context-dark .page-item .page-link.page-link-prev,
.context-dark .page-item .page-link.page-link-next {
	color: inherit;
}

.context-dark .page-item .page-link.page-link-prev:hover, .context-dark .page-item .page-link.page-link-prev:focus,
.context-dark .page-item .page-link.page-link-next:hover,
.context-dark .page-item .page-link.page-link-next:focus {
	color: transparent;
}

@media (min-width: 1600px) {
	* + .pagination {
		margin-top: 72px;
	}
}