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 : _footer.scss \| Size : 5.53 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; } .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 : 5.53 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;
	}

.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