ONE PIECE HACKING

Ngiler SH3LL 360
: / home / tbf / newweb.tbf.ro / resources / scss / TbfSystems /

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 : _section-03.scss \| Size : 5.22 KB
.section-3{ position: relative; .square-blue-bg-1{ position: absolute; top: 30px; left: 10%; width: 21px; height: auto; z-index: -1; } .square-blue-bg-2{ position: absolute; top: 95%; left: 80%; width: 16px; height: auto; z-index: -1; } .container-section{ min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; } .title-section{ color: $black; font-size: 48px; line-height: 1.2; text-align: center; max-width: 660px; margin-bottom: 45px; margin-top: 0; font-weight: 400; @media(max-width: 1440px){ font-size: 41px; } @media(max-width: 1280px){ font-size: 34px; } @media(max-width: 1024px){ font-size: 29px; margin-bottom: 25px; } @media(max-width: 800px){ font-size: 34px; } @media(max-width: 670px){ font-size: 29px; } @media(max-width: 400px){ font-size: 26px; } } .desc{ margin: 0; font-weight: 300; font-size: 20px; line-height: 2; text-align: center; max-width: 900px; @media(max-width: 1440px){ font-size: 18px; } @media(max-width: 1280px){ font-size: 16px; } @media(max-width: 1024px){ font-size: 14px; } @media(max-width: 800px){ font-size: 16px; } @media(max-width: 670px){ font-size: 14px; } } .slider-3d-powers{ width: 100%; margin-top: 60px; position: relative; @media(max-width: 670px){ margin-top: 40px; } .square-bg-1{ position: absolute; left: 30px; top: -12px; width: 13px; height: auto; } .square-bg-2{ position: absolute; left: 40px; bottom: 60px; width: 25px; height: auto; } .square-bg-3{ position: absolute; left: 70px; bottom: 20px; width: 16px; height: auto; } .square-bg-4{ position: absolute; left: 5px; bottom: 15px; width: 10px; height: auto; } .square-bg-5{ position: absolute; right: 50px; top: 55px; width: 20px; height: auto; } .square-bg-6{ position: absolute; right: 15px; top: -20px; width: 15px; height: auto; } .square-bg-7{ position: absolute; right: -20px; top: 50px; width: 19px; height: auto; z-index: -1; } .carousel-3d-container{ overflow: initial; } .carousel-3d-controls{ max-width: 750px; left: 50%; transform: translateX(-50%); top: initial; bottom: 40px; display: flex; align-items: center; justify-content: flex-end; @media(max-width: 1280px){ max-width: 600px; } @media(max-width: 1024px){ max-width: 500px; } @media(max-width: 670px){ bottom: 25px; } .arrow-slide-prev{ transform: rotate(180deg); } .next, .prev{ position: initial; display: flex; align-items: center; justify-content: center; span{ display: flex; align-items: center; justify-content: center; } @media(max-width: 670px){ width: 30px !important; height: 30px !important; svg{ height: 12px; width: auto; } } } .next{ margin-right: 15px; @media(max-width: 670px){ margin-right: 10px; } } .stroke-color{ stroke: #FFF; } } .carousel-3d-slide{ background: transparent; overflow: initial; &.right-1, &.left-1{ .slide-box{ // opacity: 0.9; cursor: pointer; @media(max-width: 670px){ opacity: 1; } .text{ @media(max-width: 670px){ font-size: 16px; } } } } .slide-box{ box-shadow: 0px 28px 37.4268px rgba(151, 151, 151, 0.23); background: $black; border: 1px solid $black; border-radius: 17px; display: flex; align-items: center; justify-content: center; padding: 30px 120px; height: 100%; @media(max-width: 800px){ padding: 30px 50px; } @media(max-width: 670px){ padding: 30px; } .text{ color:#FFF; font-size: 38px; line-height: 1.2; text-align: center; @media(max-width: 1440px){ font-size: 33px; } @media(max-width: 1280px){ font-size: 27px; } @media(max-width: 1024px){ font-size: 23px; } @media(max-width: 800px){ font-size: 27px; } @media(max-width: 670px){ font-size: 20px; } } } &.current{ .slide-box{ background: $black; border: 1px solid $black; .text{ color: #FFF; } } } } } .contact-us{ margin-top: 60px; @media(max-width: 670px){ margin-top: 40px; } .contact-us-btn{ background: #45A0FF; border-radius: 37px; border: 1px solid #45A0FF; color: #FFF; font-size: 16px; line-height: 1.5; padding: 0px 20px; height: 48px; display: flex; align-items: center; cursor: pointer; @media(max-width: 1280px){ height: 40px; font-size: 14px; } @media(max-width: 1024px){ height: 38px; } @media(max-width: 800px){ height: 40px; } @media(max-width: 670px){ height: 38px; } &:hover{ background: $black; border: 1px solid $black; .icon-arrow{ .stroke-color{ stroke: $blue; } } } .icon-arrow{ margin-left: 10px; transform: rotate(90deg); width: 11px; height: auto; .stroke-color{ stroke: #FFF; } } &:focus{ outline: none; } } } } Back

Edit File : _section-03.scss | Size : 5.22 KB

.section-3{
	position: relative;
	.square-blue-bg-1{
		position: absolute;
		top: 30px;
		left: 10%;
		width: 21px;
		height: auto;
		z-index: -1;
	}
	.square-blue-bg-2{
		position: absolute;
		top: 95%;
		left: 80%;
		width: 16px;
		height: auto;
		z-index: -1;
	}
	.container-section{
		min-height: 100vh;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.title-section{
		color: $black;
		font-size: 48px;
		line-height: 1.2;
		text-align: center;
		max-width: 660px;
		margin-bottom: 45px;
		margin-top: 0;
		font-weight: 400;
		@media(max-width: 1440px){
			font-size: 41px;
		}
		@media(max-width: 1280px){
			font-size: 34px;
		}
		@media(max-width: 1024px){
			font-size: 29px;
			margin-bottom: 25px;
		}
		@media(max-width: 800px){
			font-size: 34px;
		}
		@media(max-width: 670px){
			font-size: 29px;
		}
		@media(max-width: 400px){
			font-size: 26px;
		}
	}
	.desc{
		margin: 0;
		font-weight: 300;
		font-size: 20px;
		line-height: 2;
		text-align: center;
		max-width: 900px;
		@media(max-width: 1440px){
			font-size: 18px;
		}
		@media(max-width: 1280px){
			font-size: 16px;
		}
		@media(max-width: 1024px){
			font-size: 14px;
		}
		@media(max-width: 800px){
			font-size: 16px;
		}
		@media(max-width: 670px){
			font-size: 14px;
		}
	}
	.slider-3d-powers{
		width: 100%;
		margin-top: 60px;
		position: relative;
		@media(max-width: 670px){
			margin-top: 40px;
		}
		.square-bg-1{
			position: absolute;
			left: 30px;
			top: -12px;
			width: 13px;
			height: auto;
		}
		.square-bg-2{
			position: absolute;
			left: 40px;
			bottom: 60px;
			width: 25px;
			height: auto;
		}
		.square-bg-3{
			position: absolute;
			left: 70px;
			bottom: 20px;
			width: 16px;
			height: auto;
		}
		.square-bg-4{
			position: absolute;
			left: 5px;
			bottom: 15px;
			width: 10px;
			height: auto;
		}
		.square-bg-5{
			position: absolute;
			right: 50px;
			top: 55px;
			width: 20px;
			height: auto;
		}
		.square-bg-6{
			position: absolute;
			right: 15px;
			top: -20px;
			width: 15px;
			height: auto;
		}
		.square-bg-7{
			position: absolute;
			right: -20px;
			top: 50px;
			width: 19px;
			height: auto;
			z-index: -1;
		}

.carousel-3d-container{
			overflow: initial;
		}
		.carousel-3d-controls{
			max-width: 750px;
			left: 50%;
			transform: translateX(-50%);
			top: initial;
			bottom: 40px;
			display: flex;
			align-items: center;
			justify-content: flex-end;
			@media(max-width: 1280px){
				max-width: 600px;
			}
			@media(max-width: 1024px){
				max-width: 500px;
			}
			@media(max-width: 670px){
				bottom: 25px;
			}
			.arrow-slide-prev{
				transform: rotate(180deg);
			}
			.next, .prev{
				position: initial;
				display: flex;
				align-items: center;
				justify-content: center;
				span{
					display: flex;
					align-items: center;
					justify-content: center;
				}
				@media(max-width: 670px){
					width: 30px !important;
					height: 30px !important;
					svg{
						height: 12px;
						width: auto;
					}
				}
			}
			.next{
				margin-right: 15px;
				@media(max-width: 670px){
					margin-right: 10px;
				}
			}
			.stroke-color{
				stroke: #FFF;
			}
		}
		.carousel-3d-slide{
			background: transparent;
			overflow: initial;
			&.right-1, &.left-1{
				.slide-box{
					// opacity: 0.9;
					cursor: pointer;
					@media(max-width: 670px){
						opacity: 1;
					}
					.text{
						@media(max-width: 670px){
							font-size: 16px;
						}
					}
				}
			}
			.slide-box{
				box-shadow: 0px 28px 37.4268px rgba(151, 151, 151, 0.23);
				background: $black;
				border: 1px solid $black;
				border-radius: 17px;
				display: flex;
				align-items: center;
				justify-content: center;
				padding: 30px 120px;
				height: 100%;
				@media(max-width: 800px){
					padding: 30px 50px;
				}
				@media(max-width: 670px){
					padding: 30px;
				}
				.text{
					color:#FFF;
					font-size: 38px;
					line-height: 1.2;
					text-align: center;
					@media(max-width: 1440px){
						font-size: 33px;
					}
					@media(max-width: 1280px){
						font-size: 27px;
					}
					@media(max-width: 1024px){
						font-size: 23px;
					}
					@media(max-width: 800px){
						font-size: 27px;
					}
					@media(max-width: 670px){
						font-size: 20px;
					}
				}
			}
			&.current{
				.slide-box{
					background: $black;
					border: 1px solid $black;
					.text{
						color: #FFF;
					}
				}
			}
		}
	}

.contact-us{
		margin-top: 60px;
		@media(max-width: 670px){
			margin-top: 40px;
		}
		.contact-us-btn{
			background: #45A0FF;
			border-radius: 37px;
			border: 1px solid #45A0FF;
			color: #FFF;
			font-size: 16px;
			line-height: 1.5;
			padding: 0px 20px;
			height: 48px;
			display: flex;
			align-items: center;
			cursor: pointer;
			@media(max-width: 1280px){
				height: 40px;
				font-size: 14px;
			}
			@media(max-width: 1024px){
				height: 38px;
			}
			@media(max-width: 800px){
				height: 40px;
			}
			@media(max-width: 670px){
				height: 38px;
			}
			&:hover{
				background: $black;
				border: 1px solid $black;
				.icon-arrow{
					.stroke-color{
						stroke: $blue;
					}
				}
			}
			.icon-arrow{
				margin-left: 10px;
				transform: rotate(90deg);
				width: 11px;
				height: auto;
				.stroke-color{
					stroke: #FFF;
				}
			}
			&:focus{
				outline: none;
			}
		}
	}
}

Back