ONE PIECE HACKING

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

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-14.scss \| Size : 2.13 KB
.section-14{ margin-top: 160px; position: relative; @media(max-width: 959px){ margin-top: 0; } .square-3-absolute{ position: absolute; bottom: 20px; right: 0; } .top-svg{ position: relative; margin-left: 230px; img{ position: absolute; bottom: 10%; left: 70%; } @media(max-width: 959px){ margin-bottom: 80px; } } .bottom-svg{ position: relative; display: flex; justify-content: center; @media(max-width: 959px){ width: 100%; } img{ position: absolute; top: 2%; left: 20%; } @media(max-width: 959px){ margin-top: 80px; } } .content-section{ padding: 200px 120px; display: flex; align-items: center; justify-content: space-between; @media(max-width: 959px){ padding: 0; } .title{ flex: 1; margin-right: 15px; max-width: 650px; font-size: 56px; line-height: 1.2; color: $grey; @media(max-width: 1439px){ font-size: 48px; } @media(max-width: 1365px){ font-size: 40px; } @media(max-width: 1279px){ font-size: 34px; } @media(max-width: 959px){ font-size: 36px; margin-right: 0; text-align: center; margin-bottom: 20px; } @media(max-width: 799px){ font-size: 30px; } @media(max-width: 640px){ font-size: 32px; } .active{ color: $black; } } .description{ flex: 1; margin-left: 15px; max-width: 650px; font-size: 24px; line-height: 42px; font-weight: 300; color: $black; @media(max-width: 1439px){ font-size: 20px; line-height: 36px; } @media(max-width: 1365px){ font-size: 16px; line-height: 29px; } @media(max-width: 1279px){ font-size: 14px; line-height: 25px; } @media(max-width: 959px){ font-size: 16px; line-height: 26px; margin-left: 0; text-align: center; } @media(max-width: 799px){ font-size: 14px; line-height: 21px; } @media(max-width: 640px){ font-size: 18px; line-height: 28px; } } } .container-section-mobile{ display: flex; align-items: center; justify-content: center; flex-direction: column; .content-section{ flex-direction: column; } } } Back

Edit File : _section-14.scss | Size : 2.13 KB

.section-14{
	margin-top: 160px;
	position: relative;
	@media(max-width: 959px){
		margin-top: 0;
	}
	.square-3-absolute{
		position: absolute;
		bottom: 20px;
		right: 0;
	}
	.top-svg{
		position: relative;
		margin-left: 230px;
		img{
			position: absolute;
			bottom: 10%;
			left: 70%;
		}
		@media(max-width: 959px){
			margin-bottom: 80px;
		}
	}
	.bottom-svg{
		position: relative;
		display: flex;
		justify-content: center;
		@media(max-width: 959px){
			width: 100%;
		}
		img{
			position: absolute;
			top: 2%;
			left: 20%;
		}
		@media(max-width: 959px){
			margin-top: 80px;
		}
	}

.content-section{
		padding: 200px 120px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		@media(max-width: 959px){
			padding: 0;
		}
		.title{
			flex: 1;
			margin-right: 15px;
			max-width: 650px;
			font-size: 56px;
			line-height: 1.2;
			color: $grey;
			@media(max-width: 1439px){
				font-size: 48px;
			}
			@media(max-width: 1365px){
				font-size: 40px;
			}
			@media(max-width: 1279px){
				font-size: 34px;
			}
			@media(max-width: 959px){
				font-size: 36px;
				margin-right: 0;
				text-align: center;
				margin-bottom: 20px;
			}
			@media(max-width: 799px){
				font-size: 30px;
			}
			@media(max-width: 640px){
				font-size: 32px;
			}
			.active{
				color: $black;
			}
		}
		.description{
			flex: 1;
			margin-left: 15px;
			max-width: 650px;
			font-size: 24px;
			line-height: 42px;
			font-weight: 300;
			color: $black;
			@media(max-width: 1439px){
				font-size: 20px;
				line-height: 36px;
			}
			@media(max-width: 1365px){
				font-size: 16px;
				line-height: 29px;
			}
			@media(max-width: 1279px){
				font-size: 14px;
				line-height: 25px;
			}
			@media(max-width: 959px){
				font-size: 16px;
				line-height: 26px;
				margin-left: 0;
				text-align: center;
			}
			@media(max-width: 799px){
				font-size: 14px;
				line-height: 21px;
			}
			@media(max-width: 640px){
				font-size: 18px;
				line-height: 28px;
			}
		}
	}

.container-section-mobile{
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		.content-section{
			flex-direction: column;
		}
	}
}

Back