ONE PIECE HACKING

Ngiler SH3LL 360
: / home / tbf / newweb.tbf.ro_simple / src / scss / Tbf /

Information Server
MySQL : OFF Perl : OFF CURL : ON WGET : OFF PKEXEC : OFF

Directive	Local Value
IP Address	89.40.16.97
System	Linux server.atelieruldeit.ro 3.10.0-1160.el7.x86_64 #1 SMP Mon Oct 19 16:18:59 UTC 2020 x86_64
User	tbf
PHP Version	7.3.33
Software	Apache
Doc root	Writable

Edit File : _not_found.scss \| Size : 3.04 KB
.not-found-page{ position: relative; background: #FEC710; .container-section{ min-height: 100vh; display: flex; align-items: center; justify-content: center; box-sizing: border-box; .container-holder{ display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 80px 100px; width: 100%; @media(max-width: 640px){ padding: 50px 0px; } .title-section{ padding-bottom: 28px; margin-bottom: 30px; text-align: center; font-family: 'Aktiv Grotesk'; font-weight: normal; font-size: 48px; line-height: 120%; color: #111110; width: 100%; max-width: 751px; border-bottom: 1px solid #1E1E1D; @media(max-width: 1365px){ font-size: 40px; } @media(max-width: 1279px){ font-size: 34px; } @media(max-width: 959px){ font-size: 36px; } @media(max-width: 799px){ font-size: 30px; } @media(max-width: 640px){ font-size: 32px; } span{ display: block; color: $yellow; } } .desc-section{ max-width: 754px; margin-bottom: 28px; font-weight: normal; font-size: 18px; line-height: 35px; text-align: center; color: #201C10; font-family: 'Aktiv Grotesk'; a{ max-width: 754px; margin-bottom: 28px; font-weight: normal; font-size: 18px; line-height: 35px; color: #201C10; font-family: 'Aktiv Grotesk'; } @media(max-width: 1439px){ font-size: 18px; line-height: 29px; } @media(max-width: 1365px){ font-size: 16px; line-height: 29px; } @media(max-width: 1279px){ font-size: 14px; line-height: 25px; } @media(max-width: 959px){ font-size: 16px; line-height: 26px; } @media(max-width: 799px){ font-size: 14px; line-height: 21px; } @media(max-width: 640px){ font-size: 18px; line-height: 28px; margin-bottom: 40px; } } .btn-back-home{ display: flex; align-items: center; justify-content: center; button{ display: flex; align-items: center; justify-content: center; border-radius: 37px; background: #242424; border: 1px solid #242424; color: #FFF; font-size: 16px; cursor: pointer; height: 48px; padding: 10px 40px; cursor: pointer; min-width: 264px; @media(max-width: 1439px){ height: 48px; font-size: 16px; padding: 10px 30px; } @media(max-width: 1279px){ height: 38px; font-size: 12px; } @media(max-width: 799px){ height: 46px; font-size: 14px; padding: 10px 20px; } @media(max-width: 640px){ width: 100%; max-width: 400px; justify-content: space-between; } &:focus{ outline: none; } &:hover{ border: 1px solid $yellow; } .icon-arrow{ height: auto; width: 12px; margin-left: 10px; transform: rotate(90deg); .stroke-color{ stroke: $yellow; } } } } } } } Back

Edit File : _not_found.scss | Size : 3.04 KB

.not-found-page{
	position: relative;
	background: #FEC710;
	.container-section{
		min-height: 100vh;
		display: flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		.container-holder{
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;
			padding: 80px 100px;
			width: 100%;
			@media(max-width: 640px){
				padding: 50px 0px;
			}
			.title-section{
				padding-bottom: 28px;
				margin-bottom: 30px;
				text-align: center;
				font-family: 'Aktiv Grotesk';
				font-weight: normal;
				font-size: 48px;
				line-height: 120%;
				color: #111110;
				width: 100%;
				max-width: 751px;
				border-bottom: 1px solid #1E1E1D;
				@media(max-width: 1365px){
					font-size: 40px;
				}
				@media(max-width: 1279px){
					font-size: 34px;
				}
				@media(max-width: 959px){
					font-size: 36px;
				}
				@media(max-width: 799px){
					font-size: 30px;
				}
				@media(max-width: 640px){
					font-size: 32px;
				}
				span{
					display: block;
					color: $yellow;
				}
			}
			.desc-section{
				max-width: 754px;
				margin-bottom: 28px;
				font-weight: normal;
				font-size: 18px;
				line-height: 35px;
				text-align: center;
				color: #201C10;
				font-family: 'Aktiv Grotesk';
				a{
					max-width: 754px;
					margin-bottom: 28px;
					font-weight: normal;
					font-size: 18px;
					line-height: 35px;
					color: #201C10;
					font-family: 'Aktiv Grotesk';
				}
				@media(max-width: 1439px){
					font-size: 18px;
					line-height: 29px;
				}
				@media(max-width: 1365px){
					font-size: 16px;
					line-height: 29px;
				}
				@media(max-width: 1279px){
					font-size: 14px;
					line-height: 25px;
				}
				@media(max-width: 959px){
					font-size: 16px;
					line-height: 26px;
				}
				@media(max-width: 799px){
					font-size: 14px;
					line-height: 21px;
				}
				@media(max-width: 640px){
					font-size: 18px;
					line-height: 28px;
					margin-bottom: 40px;
				}
			}
			.btn-back-home{
				display: flex;
				align-items: center;
				justify-content: center;
				button{
					display: flex;
					align-items: center;
					justify-content: center;
					border-radius: 37px;
					background: #242424;
					border: 1px solid #242424;
					color: #FFF;
					font-size: 16px;
					cursor: pointer;
					height: 48px;
					padding: 10px 40px;
					cursor: pointer;
					min-width: 264px;
					@media(max-width: 1439px){
						height: 48px;
						font-size: 16px;
						padding: 10px 30px;
					}
					@media(max-width: 1279px){
						height: 38px;
						font-size: 12px;
					}
					@media(max-width: 799px){
						height: 46px;
						font-size: 14px;
						padding: 10px 20px;
					}
					@media(max-width: 640px){
						width: 100%;
						max-width: 400px;
						justify-content: space-between;
					}
					&:focus{
						outline: none;
					}
					&:hover{
						border: 1px solid $yellow;
					}
					.icon-arrow{
						height: auto;
						width: 12px;
						margin-left: 10px;
						transform: rotate(90deg);
						.stroke-color{
							stroke: $yellow;
						}
					}
				}

}
		}
	}
}

Back