ONE PIECE HACKING

Ngiler SH3LL 360
: / home / tbf / newweb.tbf.ro_simple / src / 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-09.scss \| Size : 6.17 KB
.section-9{ position: relative; .container-section{ min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; } .title-section{ font-size: 48px; line-height: 1.2; text-align: center; color: $black; max-width: 740px; margin-bottom: 30px; @media(max-width: 1440px){ font-size: 41px; } @media(max-width: 1280px){ font-size: 34px; } @media(max-width: 1024px){ font-size: 29px; margin-bottom: 20px; } @media(max-width: 800px){ font-size: 34px; } @media(max-width: 670px){ font-size: 29px; } @media(max-width: 400px){ font-size: 26px; } } .desc{ font-size: 20px; line-height: 2; font-weight: 300; text-align: center; max-width: 800px; margin-bottom: 70px; @media(max-width: 1440px){ font-size: 18px; } @media(max-width: 1280px){ font-size: 16px; } @media(max-width: 1024px){ max-width: 600px; font-size: 14px; margin-bottom: 50px; } @media(max-width: 800px){ font-size: 16px; } @media(max-width: 670px){ font-size: 14px; } } .dropdown-choose-problem{ border: 1px solid #DCDEE1; background: #FFF; border-radius: 20px; box-shadow: 0px 34px 44px rgba(181, 181, 181, 0.07); width: 100%; max-width: 800px; max-height: 110px; overflow: hidden; transition: max-height 0.2s ease; @media(max-width: 1440px){ max-height: 100px; } @media(max-width: 1280px){ max-height: 96px; } @media(max-width: 1024px){ max-width: 600px; max-height: 80px; } @media(max-width: 670px){ max-height: 60px; } &.open{ max-height: 600px; .header-dropdown{ .icon-dropdown{ transform: rotate(180deg); } } } .header-dropdown{ padding: 40px 30px; @media(max-width: 1440px){ padding: 37px 30px; } @media(max-width: 1024px){ padding: 30px 30px; } @media(max-width: 800px){ padding: 29px 30px; } @media(max-width: 670px){ padding: 20px 30px; } .text{ font-size: 24px; line-height: 1.2; color: $black; padding-right: 15px; @media(max-width: 1440px){ font-size: 21px; } @media(max-width: 1280px){ font-size: 18px; } @media(max-width: 1024px){ font-size: 16px; } @media(max-width: 800px){ font-size: 18px; } @media(max-width: 670px){ font-size: 16px; } } .icon-right{ cursor: pointer; margin-left: auto; line-height: 1; height: 12px; } .icon-close{ opacity: .3; } .dropdown-title{ cursor: pointer; display: flex; align-items: center; } .question-title{ display: flex; align-items: center; } } .body-dropdown{ padding: 0 30px 40px; .list-options{ max-height: 220px; overflow: auto; padding-top: 30px; border-top: 1px solid #DCDEE1; @media(max-width: 670px){ padding-top: 20px; } .item{ display: flex; align-items: center; margin-bottom: 30px; color: $black; font-size: 20px; line-height: 1.2; font-weight: 300; cursor: pointer; @media(max-width: 1440px){ font-size: 18px; } @media(max-width: 1280px){ font-size: 16px; } @media(max-width: 1024px){ margin-bottom: 20px; font-size: 14px; } @media(max-width: 800px){ font-size: 16px; } @media(max-width: 670px){ font-size: 14px; } &:last-child{ margin-bottom: 0; } &:hover{ color: #000; .icon-arrow{ .stroke-color{ stroke: $blue; } } } .icon-arrow{ transform: rotate(90deg); height: auto; width: 13px; margin-right: 25px; .stroke-color{ stroke: #A6A8AF; } } } } .response-problem{ padding-top: 30px; border-top: 1px solid #DCDEE1; @media(max-width: 670px){ padding-top: 20px; } p{ margin-top: 0; margin-bottom: 0; max-height: 220px; overflow: auto; font-weight: 300; font-size: 20px; line-height: 2; @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; } } .contact-us{ margin-top: 40px; display: flex; justify-content: flex-end; @media(max-width: 1024px){ margin-top: 20px; } button{ border: 1px solid #45A0FF; background: #45A0FF; color: #FFF; border-radius: 36px; padding: 12px 20px; display: flex; cursor: pointer; align-items: center; font-size: 14px; @media(max-width: 1024px){ padding: 10px 20px; font-size: 12px; } @media(max-width: 670px){ width: 100%; justify-content: space-between; } .icon-arrow{ margin-left: 10px; transform: rotate(90deg); width: 11px; height: auto; .stroke-color{ stroke: #FFF; } } &:focus{ outline: none; } &:hover{ background: $black; border: 1px solid $black; .icon-arrow{ .stroke-color{ stroke: $blue; } } } } } } } } .square-bg-1{ position: absolute; z-index: -1; top: 66%; left: 78%; width: 21px; height: 21px; } .square-bg-2{ position: absolute; z-index: -1; top: 68%; left: 74%; width: 21px; height: 21px; } .square-bg-3{ position: absolute; z-index: -1; top: 73%; left: 80%; width: 13px; height: 13px; } .square-bg-4{ position: absolute; z-index: -1; top: 83%; left: 75%; width: 13px; height: 13px; } .square-bg-5{ z-index: -1; position: absolute; top: 30%; left: 19%; width: 13px; height: 13px; } .square-bg-6{ position: absolute; z-index: -1; top: 56%; left: 14%; width: 21px; height: 21px; } .square-bg-7{ position: absolute; z-index: -1; top: 45%; left: 18%; width: 21px; height: 21px; } .square-blue-bg-1{ position: absolute; z-index: -1; top: 55%; left: 20%; width: 13px; height: 13px; } } Back

Edit File : _section-09.scss | Size : 6.17 KB

.section-9{
	position: relative;
	.container-section{
		min-height: 100vh;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.title-section{
		font-size: 48px;
		line-height: 1.2;
		text-align: center;
		color: $black;
		max-width: 740px;
		margin-bottom: 30px;
		@media(max-width: 1440px){
			font-size: 41px;
		}
		@media(max-width: 1280px){
			font-size: 34px;
		}
		@media(max-width: 1024px){
			font-size: 29px;
			margin-bottom: 20px;
		}
		@media(max-width: 800px){
			font-size: 34px;
		}
		@media(max-width: 670px){
			font-size: 29px;
		}
		@media(max-width: 400px){
			font-size: 26px;
		}
	}
	.desc{
		font-size: 20px;
		line-height: 2;
		font-weight: 300;
		text-align: center;
		max-width: 800px;
		margin-bottom: 70px;
		@media(max-width: 1440px){
			font-size: 18px;
		}
		@media(max-width: 1280px){
			font-size: 16px;
		}
		@media(max-width: 1024px){
			max-width: 600px;
			font-size: 14px;
			margin-bottom: 50px;
		}
		@media(max-width: 800px){
			font-size: 16px;
		}
		@media(max-width: 670px){
			font-size: 14px;
		}
	}

.dropdown-choose-problem{
		border: 1px solid #DCDEE1;
		background: #FFF;
		border-radius: 20px;
		box-shadow: 0px 34px 44px rgba(181, 181, 181, 0.07);
		width: 100%;
		max-width: 800px;
		max-height: 110px;
		overflow: hidden;
		transition: max-height 0.2s ease;
		@media(max-width: 1440px){
			max-height: 100px;
		}
		@media(max-width: 1280px){
			max-height: 96px;
		}
		@media(max-width: 1024px){
			max-width: 600px;
			max-height: 80px;
		}
		@media(max-width: 670px){
			max-height: 60px;
		}
		&.open{
			max-height: 600px;
			.header-dropdown{
				.icon-dropdown{
					transform: rotate(180deg);
				}
			}
		}
		.header-dropdown{
			padding: 40px 30px;
			@media(max-width: 1440px){
				padding: 37px 30px;
			}
			@media(max-width: 1024px){
				padding: 30px 30px;
			}
			@media(max-width: 800px){
				padding: 29px 30px;
			}
			@media(max-width: 670px){
				padding: 20px 30px;
			}
			.text{
				font-size: 24px;
				line-height: 1.2;
				color: $black;
				padding-right: 15px;
				@media(max-width: 1440px){
					font-size: 21px;
				}
				@media(max-width: 1280px){
					font-size: 18px;
				}
				@media(max-width: 1024px){
					font-size: 16px;
				}
				@media(max-width: 800px){
					font-size: 18px;
				}
				@media(max-width: 670px){
					font-size: 16px;
				}
			}
			.icon-right{
				cursor: pointer;
				margin-left: auto;
				line-height: 1;
				height: 12px;
			}
			.icon-close{
				opacity: .3;
			}
			.dropdown-title{
				cursor: pointer;
				display: flex;
				align-items: center;
			}
			.question-title{
				display: flex;
				align-items: center;
			}
		}
		.body-dropdown{
			padding: 0 30px 40px;
			.list-options{
				max-height: 220px;
				overflow: auto;
				padding-top: 30px;
				border-top: 1px solid #DCDEE1;
				@media(max-width: 670px){
					padding-top: 20px;
				}
				.item{
					display: flex;
					align-items: center;
					margin-bottom: 30px;
					color: $black;
					font-size: 20px;
					line-height: 1.2;
					font-weight: 300;
					cursor: pointer;
					@media(max-width: 1440px){
						font-size: 18px;
					}
					@media(max-width: 1280px){
						font-size: 16px;
					}
					@media(max-width: 1024px){
						margin-bottom: 20px;
						font-size: 14px;
					}
					@media(max-width: 800px){
						font-size: 16px;
					}
					@media(max-width: 670px){
						font-size: 14px;
					}
					&:last-child{
						margin-bottom: 0;
					}
					&:hover{
						color: #000;
						.icon-arrow{
							.stroke-color{
								stroke: $blue;
							}
						}
					}
					.icon-arrow{
						transform: rotate(90deg);
						height: auto;
						width: 13px;
						margin-right: 25px;
						.stroke-color{
							stroke: #A6A8AF;
						}
					}
				}
			}
			.response-problem{
				padding-top: 30px;
				border-top: 1px solid #DCDEE1;
				@media(max-width: 670px){
					padding-top: 20px;
				}
				p{
					margin-top: 0;
					margin-bottom: 0; 
					max-height: 220px;
					overflow: auto;
					font-weight: 300;
					font-size: 20px;
					line-height: 2;
					@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;
					}
				}
				.contact-us{
					margin-top: 40px;
					display: flex;
					justify-content: flex-end;
					@media(max-width: 1024px){
						margin-top: 20px;
					}
					button{
						border: 1px solid #45A0FF;
						background: #45A0FF;
						color: #FFF;
						border-radius: 36px;
						padding: 12px 20px;
						display: flex;
						cursor: pointer;
						align-items: center;
						font-size: 14px;
						@media(max-width: 1024px){
							padding: 10px 20px;
							font-size: 12px;
						}
						@media(max-width: 670px){
							width: 100%;
							justify-content: space-between;						
						}
						.icon-arrow{
							margin-left: 10px;
							transform: rotate(90deg);
							width: 11px;
							height: auto;
							.stroke-color{
								stroke: #FFF;
							}
						}
						&:focus{
							outline: none;
						}
						&:hover{
							background: $black;
							border: 1px solid $black;
							.icon-arrow{
								.stroke-color{
									stroke: $blue;
								}
							}
						}
					}

}
			}
		}
	}

.square-bg-1{
		position: absolute;
		z-index: -1;
		top: 66%;
		left: 78%;
		width: 21px;
		height: 21px;
	}
	.square-bg-2{
		position: absolute;
		z-index: -1;
		top: 68%;
		left: 74%;
		width: 21px;
		height: 21px;
	}
	.square-bg-3{
		position: absolute;
		z-index: -1;
		top: 73%;
		left: 80%;
		width: 13px;
		height: 13px;
	}
	.square-bg-4{
		position: absolute;
		z-index: -1;
		top: 83%;
		left: 75%;
		width: 13px;
		height: 13px;
	}
	.square-bg-5{
		z-index: -1;
		position: absolute;
		top: 30%;
		left: 19%;
		width: 13px;
		height: 13px;
	}
	.square-bg-6{
		position: absolute;
		z-index: -1;
		top: 56%;
		left: 14%;
		width: 21px;
		height: 21px;
	}
	.square-bg-7{
		position: absolute;
		z-index: -1;
		top: 45%;
		left: 18%;
		width: 21px;
		height: 21px;
	}
	.square-blue-bg-1{
		position: absolute;
		z-index: -1;
		top: 55%;
		left: 20%;
		width: 13px;
		height: 13px;
	}
}

Back