ONE PIECE HACKING

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

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 : 3.19 KB
.footer-tbf{ background: #111110; .container-section{ min-height: initial; padding: 70px 100px; display: flex; flex-direction: column; @media(max-width: 959px){ padding: 50px 80px; } @media(max-width: 640px){ padding: 50px 0; } } .content-bottom{ border-top: 1px solid #454545; padding-top: 70px; width: 100%; @media(max-width: 959px){ padding-top: 40px; } .columns-footer{ display: flex; align-items: stretch; margin-left: -20px; margin-right: -20px; @media(max-width: 640px){ 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; @media(max-width: 640px){ padding: 0; } &.small-links{ @media(max-width: 640px){ display: none; } } .mail{ margin-bottom: 30px; @media(max-width: 640px){ text-align: center; margin-bottom: 20px; } a{ color: #FFF; font-weight: 500; font-size: 21px; text-decoration: none; @media(max-width: 1439px){ font-size: 18px; } @media(max-width: 1279px){ font-size: 12px; } @media(max-width: 799px){ font-size: 12px; } @media(max-width: 640px){ font-size: 16px; margin-bottom: 20px; } &:focus{ outline: none; } &:hover{ color: $yellow; } } } .address{ color: #8C8B8B; font-size: 16px; line-height: 1.2; margin-bottom: 45px; @media(max-width: 1439px){ font-size: 14px; margin-bottom: 38px; } @media(max-width: 1279px){ font-size: 10px; } @media(max-width: 640px){ font-size: 14px; margin-bottom: 20px; text-align: center; } } .social{ display: flex; align-items: center; @media(max-width: 640px){ justify-content: center; margin-bottom: 30px; } a{ margin-right: 35px; @media(max-width: 1439px){ margin-right: 30px; } @media(max-width: 640px){ margin-right: 20px; } &:last-child{ margin-right: 0; } &:hover{ .fill-color{ fill: $yellow; } } 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: 1439px){ font-size: 14px; } @media(max-width: 1279px){ font-size: 10px; margin-bottom: 20px; } @media(max-width: 959px){ font-size: 10px; margin-bottom: 20px; text-align: center; } @media(max-width: 799px){ font-size: 8px; } @media(max-width: 640px){ font-size: 14px; margin-bottom: 15px; } &:last-child{ margin-bottom: 0; @media(max-width: 640px){ margin-bottom: 15px; } } } } } } Back

Edit File : _footer.scss | Size : 3.19 KB

.footer-tbf{
	background: #111110;
	.container-section{
		min-height: initial;
		padding: 70px 100px;
		display: flex;
		flex-direction: column;
		@media(max-width: 959px){
			padding: 50px 80px;
		}
		@media(max-width: 640px){
			padding: 50px 0;
		}
	}

.content-bottom{
		border-top: 1px solid #454545;
		padding-top: 70px;
		width: 100%;
		@media(max-width: 959px){
			padding-top: 40px;
		}
		.columns-footer{
			display: flex;
			align-items: stretch;
			margin-left: -20px;
			margin-right: -20px;
			@media(max-width: 640px){
				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;
			@media(max-width: 640px){
				padding: 0;
			}
			&.small-links{
				@media(max-width: 640px){
					display: none;
				}
			}
			.mail{
				margin-bottom: 30px;
				@media(max-width: 640px){
					text-align: center;
					margin-bottom: 20px;
				}
				a{
					color: #FFF;
					font-weight: 500;
					font-size: 21px;
					text-decoration: none;
					@media(max-width: 1439px){
						font-size: 18px;
					}
					@media(max-width: 1279px){
						font-size: 12px;
					}
					@media(max-width: 799px){
						font-size: 12px;
					}
					@media(max-width: 640px){
						font-size: 16px;
						margin-bottom: 20px;
					}
					&:focus{
						outline: none;
					}
					&:hover{
						color: $yellow;
					}
				}
			}
			.address{
				color: #8C8B8B;
				font-size: 16px;
				line-height: 1.2;
				margin-bottom: 45px;
				@media(max-width: 1439px){
					font-size: 14px;
					margin-bottom: 38px;
				}
				@media(max-width: 1279px){
					font-size: 10px;
				}
				@media(max-width: 640px){
					font-size: 14px;
					margin-bottom: 20px;
					text-align: center;
				}
			}
			.social{
				display: flex;
				align-items: center;
				@media(max-width: 640px){
					justify-content: center;
					margin-bottom: 30px;
				}
				a{
					margin-right: 35px;
					@media(max-width: 1439px){
						margin-right: 30px;
					}
					@media(max-width: 640px){
						margin-right: 20px;
					}
					&:last-child{
						margin-right: 0;
					}
					&:hover{
						.fill-color{
							fill: $yellow;
						}
					}
					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: 1439px){
					font-size: 14px;
				}
				@media(max-width: 1279px){
					font-size: 10px;
					margin-bottom: 20px;
				}
				@media(max-width: 959px){
					font-size: 10px;
					margin-bottom: 20px;
					text-align: center;
				}
				@media(max-width: 799px){
					font-size: 8px;
				}
				@media(max-width: 640px){
					font-size: 14px;
					margin-bottom: 15px;
				}
				&:last-child{
					margin-bottom: 0;
					@media(max-width: 640px){
						margin-bottom: 15px;
					}
				}
			}
		}
	}
}

Back