One Hat Cyber Team

Your IP : 108.162.216.16

Server IP : 188.114.96.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/blurb/

Edit File: blurb.css

.blurb-header {
	display: flex;
	align-items: center;
}

.blurb-icon {
	font-size: 33px;
	color: #F2B449;
}

.blurb-icon-round {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	background-color: #fff;
	border-radius: 50%;
	box-shadow: -5px 20px 30px rgba(39, 43, 55, 0.15);
	flex-shrink: 0;
}

.blurb-icon-left {
	max-width: 96%;
}

.blurb-icon-left .blurb-header {
	max-width: 210px;
}

.blurb-icon-left .blurb-title {
	margin-top: 0.75rem;
	margin-left: 1.25rem;
}

.blurb-icon-left * + .blurb-text {
	margin-top: 0.625rem;
}

.blurb-icon-left-width-1 {
	max-width: 300px;
}

.blurb-icon-left-width-1 .blurb-header {
	max-width: none;
}

.blurb-info {
	max-width: 96%;
}

.blurb-info .blurb-header {
	max-width: 290px;
	align-items: center;
}

.blurb-info .blurb-title {
	margin-left: 0.9375rem;
}

.blurb-info * + .blurb-embed {
	margin-top: 0.375rem;
}

* + .blurb-info {
	margin-top: 1.25rem;
}

.blurb-hover {
	position: relative;
	z-index: 0;
	max-width: 84%;
}

.blurb-hover::before {
	position: absolute;
	top: -20px;
	right: -20px;
	bottom: -20px;
	left: -20px;
	z-index: -1;
	content: '';
	opacity: 0;
	background-color: #fff;
	box-shadow: 0 10px 30px rgba(39, 43, 55, 0.15);
	transform: scale(0.9);
	transition: .25s;
}

.blurb-hover .blurb-header {
	max-width: 290px;
}

.blurb-hover * + .blurb-title {
	margin-top: 0.625rem;
}

.blurb-hover * + .blurb-text {
	margin-top: 0.25rem;
}

.blurb-link {
	display: inline-flex;
	align-items: center;
	transition: all 0.2s ease-in-out;
}

.blurb-link .blurb-title {
	margin-top: 0;
}

.blurb-link .blurb-icon {
	margin-right: 1.0625rem;
	font-size: 1.625rem;
}

.blurb-link::before {
	width: 0;
	content: '';
	border-bottom: 1px solid #F2B449;
	transition: inherit;
}

.blurb-link:hover::before {
	width: 1.1875rem;
	margin-right: 0.75rem;
}

.blurb-link-2 {
	align-items: center;
	transition: all 0.2s ease-in-out;
	margin-bottom: -13px;
	margin-left: -17px;
}

.blurb-link-2:empty {
	margin-bottom: 0;
	margin-left: 0;
}

.blurb-link-2 > * {
	margin-top: 0;
	margin-bottom: 13px;
	margin-left: 17px;
}

.context-dark .blurb-hover::before {
	background-color: rgba(255, 255, 255, 0.1);
	box-shadow: none;
}

@media (min-width: 576px) {
	.blurb-link-2 {
		display: inline-flex;
	}
}

@media (min-width: 1200px) {
	.blurb-icon-left * + .blurb-text {
		margin-top: 0.875rem;
	}
	.blurb-info * + .blurb-embed {
		margin-top: 0.8125rem;
	}
	* + .blurb-info {
		margin-top: 2.5625rem;
	}
}

@media (min-width: 1600px) {
	.blurb-hover:hover::before {
		opacity: 1;
		transform: scale(1);
	}
	.blurb-hover * + .blurb-text {
		margin-top: 0.5625rem;
	}
}