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 : _footer.scss \| Size : 7.52 KB
.footer-tbf{ background: #000; &.small{ .container-section{ min-height: initial; } .content-bottom{ border-top: 0; padding-top: 0; } } .container-section{ padding: 70px 130px; display: flex; flex-direction: column; min-height: 100vh; @media(max-width: 800px){ padding: 70px 100px; } @media(max-width: 670px){ padding: 50px; } } .content-top{ display: flex; flex-direction: column; justify-content: center; flex: 1; width: 100%; padding: 110px 0; @media(max-width: 670px){ padding: 30px 0; } } .main-column-footer{ display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 40px; .mail{ margin-bottom: 20px; a{ color: #FFF; font-weight: 500; font-size: 14px; text-decoration: none; @media(max-width: 670px){ font-size: 16px; } &:focus{ outline: none; } } } .address{ color: #8C8B8B; font-size: 10px; line-height: 1.2; margin-bottom: 20px; @media(max-width: 670px){ font-size: 14px; } } .social{ display: flex; align-items: center; a{ margin-right: 20px; &:last-child{ margin-right: 0; } img{ height: 13px; width: auto; @media(max-width: 670px){ height: 24px; } } } } } .title{ color: #FFF; font-size: 87px; line-height: 1.22; text-align: center; margin-bottom: 20px; @media(max-width: 1440px){ font-size: 75px; margin-bottom: 10px; } @media(max-width: 1280px){ font-size: 62px; } @media(max-width: 1024px){ font-size: 53px; } @media(max-width: 959px){ font-size: 36px; line-height: 1.2; } @media(max-width: 799px){ font-size: 30px; } @media(max-width: 670px){ font-size: 32px; } @media(max-width: 400px){ font-size: 29px; } } .description{ color: #FFF; font-size: 24px; line-height: 1.8; font-weight: 300; text-align: center; margin-bottom: 50px; @media(max-width: 1440px){ font-size: 20px; margin-bottom: 40px; } @media(max-width: 1280px){ font-size: 18px; } @media(max-width: 1024px){ font-size: 16px; } @media(max-width: 959px){ font-size: 16px; } @media(max-width: 799px){ font-size: 14px; } @media(max-width: 670px){ font-size: 18px; } @media(max-width: 400px){ font-size: 16px; } } .try-free-btn{ display: inline-flex; margin: 0 auto; max-width: initial; width: initial; } .subscribe_form{ width: 100%; max-width: 439px; margin: 0 auto; background: #222222; border-radius: 100px; height: 48px; display: flex; padding-left: 30px; position: relative; @media(max-width: 1280px){ height: 40px; } @media(max-width: 1024px){ height: 38px; } @media(max-width: 800px){ height: 40px; } @media(max-width: 670px){ height: 38px; } @media(max-width: 500px){ padding-left: 20px; } input{ border: 0px; padding-right: 10px; flex: 1; background: none; font-weight: normal; font-size: 16px; line-height: 150%; display: flex; color: #FFFFFF; &:focus{ outline: 0px; } @media(max-width: 800px){ font-size: 14px; } @media(max-width: 670px){ height: 40px; font-size: 12px; } } button{ width: 174px; border-radius: 100px; background: $yellow; border: 0px; color: #fff; display: inline-flex; align-items: center; text-decoration: none; font-size: 16px; font-weight: 400; line-height: 24px; color: #111110; padding-right: 14px; padding-left: 20px; cursor: pointer; white-space: nowrap; @media(max-width: 800px){ font-size: 14px; } @media(max-width: 670px){ font-size: 12px; width: 140px; } svg{ margin-left: 12px; width: 20px; transform: rotate(90deg); @media(max-width: 670px){ margin-left: 10px; width: 12px; height: auto; } } &:focus{ outline: 0; } &:hover{ background: #fff; color: #111110; svg{ .stroke-color{ stroke: $yellow; } } } } } .error-subscribe-form{ position: absolute; top: 100%; left: 0px; width: 100%; text-align: center; color: #FB5454; margin-top: 10px; font-size: 13px; &.hide{ display: none; } } .success-subscribe-form{ position: absolute; top: 100%; left: 0px; width: 100%; text-align: center; color: #0EC45F; margin-top: 10px; font-size: 13px; &.hide{ display: none; } } .content-bottom{ border-top: 1px solid #454545; padding-top: 70px; width: 100%; @media(max-width: 1024px){ padding-top: 50px; } @media(max-width: 1024){ padding-top: 40px; } .columns-footer{ display: flex; align-items: stretch; margin-left: -20px; margin-right: -20px; @media(max-width: 670px){ flex-direction: column; margin-left: 0; margin-right: 0; } } .column-footer{ flex: 1; padding: 0 20px; display: flex; flex-direction: column; justify-content: space-between; &.small-links{ @media(max-width: 670px){ display: none; } } @media(max-width: 670px){ padding: 0; } .mail{ margin-bottom: 30px; @media(max-width: 670px){ text-align: center; margin-bottom: 15px; } a{ color: #FFF; font-weight: 500; font-size: 21px; text-decoration: none; @media(max-width: 1440px){ font-size: 18px; } @media(max-width: 1024px){ font-size: 16px; } @media(max-width: 799px){ font-size: 12px; } @media(max-width: 670px){ font-size: 16px; margin-bottom: 20px; } &:focus{ outline: none; } &:hover{ color: $blue; } } } .address{ color: #8C8B8B; font-size: 16px; line-height: 1.2; margin-bottom: 45px; @media(max-width: 1440px){ font-size: 14px; margin-bottom: 38px; } @media(max-width: 1024px){ font-size: 12px; margin-bottom: 30px; } @media(max-width: 799px){ font-size: 10px; } @media(max-width: 670px){ font-size: 14px; margin-bottom: 15px; text-align: center; } } .social{ display: flex; align-items: center; @media(max-width: 670px){ margin-bottom: 30px; justify-content: center; } a{ margin-right: 35px; @media(max-width: 1440px){ margin-right: 30px; } @media(max-width: 670px){ margin-right: 20px; } &:last-child{ margin-right: 0; } &:hover{ .fill-color{ fill: $blue; } } svg{ height: 18px; width: auto; .fill-color{ fill: #FFF; } @media(max-width: 1439px){ height: 16px; } @media(max-width: 1279px){ height: 12px; } @media(max-width: 640px){ height: 24px; } } } } .category{ font-size: 16px; line-height: 1.2; margin-bottom: 40px; cursor: pointer; a{ color: #8C8B8B; text-decoration: none; &:hover{ color: #FFF; } } @media(max-width: 1440px){ margin-bottom: 35px; font-size: 14px; } @media(max-width: 1024px){ margin-bottom: 20px; font-size: 12px; } @media(max-width: 959px){ font-size: 10px; margin-bottom: 20px; text-align: center; } @media(max-width: 799px){ font-size: 8px; } @media(max-width: 670px){ font-size: 14px; margin-bottom: 15px; } &:last-child{ margin-bottom: 0; @media(max-width: 670px){ margin-bottom: 15px; } } } } } } Back

Edit File : _footer.scss | Size : 7.52 KB

.footer-tbf{
	background: #000;
	&.small{
		.container-section{
			min-height: initial;
		}
		.content-bottom{
			border-top: 0;
			padding-top: 0;
		}
	}
	.container-section{
		padding: 70px 130px;
		display: flex;
		flex-direction: column;
		min-height: 100vh;
		@media(max-width: 800px){
			padding: 70px 100px;
		}
		@media(max-width: 670px){
			padding: 50px;
		}
	}
	.content-top{
		display: flex;
		flex-direction: column;
		justify-content: center;
		flex: 1;
		width: 100%;
		padding: 110px 0;
		@media(max-width: 670px){
			padding: 30px 0;
		}
	}
	.main-column-footer{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin-bottom: 40px;
		.mail{
			margin-bottom: 20px;
			a{
				color: #FFF;
				font-weight: 500;
				font-size: 14px;
				text-decoration: none;
				@media(max-width: 670px){
					font-size: 16px;
				}
				&:focus{
					outline: none;
				}
			}
		}
		.address{
			color: #8C8B8B;
			font-size: 10px;
			line-height: 1.2;
			margin-bottom: 20px;
			@media(max-width: 670px){
				font-size: 14px;
			}
		}
		.social{
			display: flex;
			align-items: center;
			a{
				margin-right: 20px;
				&:last-child{
					margin-right: 0;
				}
				img{
					height: 13px;
					width: auto;
					@media(max-width: 670px){
						height: 24px;
					}
				}
			}
		}
	}
	.title{
		color: #FFF;
		font-size: 87px;
		line-height: 1.22;
		text-align: center;
		margin-bottom: 20px;
		@media(max-width: 1440px){
			font-size: 75px;
			margin-bottom: 10px;
		}
		@media(max-width: 1280px){
			font-size: 62px;
		}
		@media(max-width: 1024px){
			font-size: 53px;
		}
		@media(max-width: 959px){
			font-size: 36px;
			line-height: 1.2;
		}
		@media(max-width: 799px){
			font-size: 30px;
		}
		@media(max-width: 670px){
			font-size: 32px;
		}
		@media(max-width: 400px){
			font-size: 29px;
		}
	}
	.description{
		color: #FFF;
		font-size: 24px;
		line-height: 1.8;
		font-weight: 300;
		text-align: center;
		margin-bottom: 50px;
		@media(max-width: 1440px){
			font-size: 20px;
			margin-bottom: 40px;
		}
		@media(max-width: 1280px){
			font-size: 18px;
		}
		@media(max-width: 1024px){
			font-size: 16px;
		}
		@media(max-width: 959px){
			font-size: 16px;
		}
		@media(max-width: 799px){
			font-size: 14px;
		}
		@media(max-width: 670px){
			font-size: 18px;
		}
		@media(max-width: 400px){
			font-size: 16px;
		}
	}
	.try-free-btn{
		display: inline-flex;
		margin: 0 auto;
		max-width: initial;
		width: initial;
	}
	.subscribe_form{
		width: 100%;
		max-width: 439px;
		margin: 0 auto;
		background: #222222;
		border-radius: 100px;
		height: 48px;
		display: flex;
		padding-left: 30px;
		position: relative;
		@media(max-width: 1280px){
			height: 40px;
		}
		@media(max-width: 1024px){
			height: 38px;
		}
		@media(max-width: 800px){
			height: 40px;
		}
		@media(max-width: 670px){
			height: 38px;
		}
		@media(max-width: 500px){
			padding-left: 20px;
		}
		input{
			border: 0px;
			padding-right: 10px;
			flex: 1;
			background: none;
			font-weight: normal;
			font-size: 16px;
			line-height: 150%;
			display: flex;
			color: #FFFFFF;	
			&:focus{
				outline: 0px;
			}
			@media(max-width: 800px){
				font-size: 14px;
			}
			@media(max-width: 670px){
				height: 40px;
				font-size: 12px;
			}
		}
		button{
			width: 174px;
			border-radius: 100px;
			background: $yellow;
			border: 0px;
			color: #fff;
			display: inline-flex;
			align-items: center;
			text-decoration: none;
			font-size: 16px;
			font-weight: 400;
			line-height: 24px;
			color: #111110;
			padding-right: 14px;
			padding-left: 20px;
			cursor: pointer;
			white-space: nowrap;
			@media(max-width: 800px){
				font-size: 14px;
			}
			@media(max-width: 670px){
				font-size: 12px;
				width: 140px;
			}
			svg{
				margin-left: 12px;
				width: 20px;
				transform: rotate(90deg);
				@media(max-width: 670px){
					margin-left: 10px;
					width: 12px;
					height: auto;
				}
			}
			&:focus{
				outline: 0;
			}
			&:hover{
				background: #fff;
				color: #111110;
				svg{
					.stroke-color{
						stroke: $yellow;
					}
				}
			}
		}
	}
	.error-subscribe-form{
		position: absolute;
		top: 100%;
		left: 0px;
		width: 100%;
		text-align: center;
		color: #FB5454;
		margin-top: 10px;
		font-size: 13px;
		&.hide{
			display: none;
		}
	}
	.success-subscribe-form{
		position: absolute;
		top: 100%;
		left: 0px;
		width: 100%;
		text-align: center;
		color: #0EC45F;
		margin-top: 10px;
		font-size: 13px;
		&.hide{
			display: none;
		}		
	}
	.content-bottom{
 		border-top: 1px solid #454545;
		padding-top: 70px;
		width: 100%;
		@media(max-width: 1024px){
			padding-top: 50px;
		}
		@media(max-width: 1024){
			padding-top: 40px;
		}
		.columns-footer{
			display: flex;
			align-items: stretch;
			margin-left: -20px;
			margin-right: -20px;
			@media(max-width: 670px){
				flex-direction: column;
				margin-left: 0;
				margin-right: 0;
			}
		}
		.column-footer{
			flex: 1;
			padding: 0 20px;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			&.small-links{
				@media(max-width: 670px){
					display: none;
				}
			}
			@media(max-width: 670px){
				padding: 0;
			}
			.mail{
				margin-bottom: 30px;
				@media(max-width: 670px){
					text-align: center;
					margin-bottom: 15px;
				}
				a{
					color: #FFF;
					font-weight: 500;
					font-size: 21px;
					text-decoration: none;
					@media(max-width: 1440px){
						font-size: 18px;
					}
					@media(max-width: 1024px){
						font-size: 16px;
					}
					@media(max-width: 799px){
						font-size: 12px;
					}
					@media(max-width: 670px){
						font-size: 16px;
						margin-bottom: 20px;
					}
					&:focus{
						outline: none;
					}
					&:hover{
						color: $blue;
					}
				}
			}
			.address{
				color: #8C8B8B;
				font-size: 16px;
				line-height: 1.2;
				margin-bottom: 45px;
				@media(max-width: 1440px){
					font-size: 14px;
					margin-bottom: 38px;
				}
				@media(max-width: 1024px){
					font-size: 12px;
					margin-bottom: 30px;
				}
				@media(max-width: 799px){
					font-size: 10px;
				}
				@media(max-width: 670px){
					font-size: 14px;
					margin-bottom: 15px;
					text-align: center;
				}
			}
			.social{
				display: flex;
				align-items: center;
				@media(max-width: 670px){
					margin-bottom: 30px;
					justify-content: center;
				}
				a{
					margin-right: 35px;
					@media(max-width: 1440px){
						margin-right: 30px;
					}
					@media(max-width: 670px){
						margin-right: 20px;
					}
					&:last-child{
						margin-right: 0;
					}
					&:hover{
						.fill-color{
							fill: $blue;
						}
					}
					svg{
						height: 18px;
						width: auto;
						.fill-color{
							fill: #FFF;
						}
						@media(max-width: 1439px){
							height: 16px;
						}
						@media(max-width: 1279px){
							height: 12px;
						}
						@media(max-width: 640px){
							height: 24px;
						}
					}
				}
			}

.category{
				font-size: 16px;
				line-height: 1.2;
				margin-bottom: 40px;
				cursor: pointer;
				a{
					color: #8C8B8B;
					text-decoration: none;
					&:hover{
						color: #FFF;
					}
				}
				@media(max-width: 1440px){
					margin-bottom: 35px;
					font-size: 14px;
				}
				@media(max-width: 1024px){
					margin-bottom: 20px;
					font-size: 12px;
				}
				@media(max-width: 959px){
					font-size: 10px;
					margin-bottom: 20px;
					text-align: center;
				}
				@media(max-width: 799px){
					font-size: 8px;
				}
				@media(max-width: 670px){
					font-size: 14px;
					margin-bottom: 15px;
				}
				&:last-child{
					margin-bottom: 0;
					@media(max-width: 670px){
						margin-bottom: 15px;
					}
				}
			}
		}
	}
}

Back