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 : _section-06.scss \| Size : 2.45 KB
.section-6{ position: relative; .container-section{ min-height: 100vh; display: flex; align-items: center; @media(max-width: 800px){ flex-direction: column; justify-content: center; } } .title-section{ flex: 1; font-size: 48px; line-height: 1.2; color: $black; @media(max-width: 1440px){ font-size: 41px; } @media(max-width: 1280px){ font-size: 34px; } @media(max-width: 1024px){ font-size: 29px; } @media(max-width: 800px){ font-size: 34px; text-align: center; flex: initial; margin-bottom: 30px; } @media(max-width: 670px){ font-size: 29px; } @media(max-width: 400px){ font-size: 26px; } .line{ text-decoration: line-through; } .blue{ color: $blue; } } .desc{ flex: 1; font-weight: 300; font-size: 20px; line-height: 2; color: $black; max-width: 560px; @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; text-align: center; flex: initial; } @media(max-width: 670px){ font-size: 14px; } } .square-bg-1{ position: absolute; z-index: -1; top: 5%; left: 55%; width: 16px; height: 16px; opacity: .72; rect{ stroke: #F2F2F2; fill: #F2F2F2; } } .square-bg-2{ position: absolute; z-index: -1; top: 10%; left: 15%; width: 23px; height: 23px; opacity: .72; rect{ stroke: #F2F2F2; fill: #F2F2F2; } } .square-bg-3{ position: absolute; z-index: -1; top: 30%; left: 80%; width: 22px; height: 22px; opacity: .72; rect{ stroke: #F2F2F2; fill: #F2F2F2; } } .square-bg-4{ position: absolute; z-index: -1; top: 50%; left: 8%; width: 15px; height: 15px; opacity: .72; rect{ stroke: #F2F2F2; fill: #F2F2F2; } } .square-bg-5{ z-index: -1; position: absolute; top: 70%; left: 30%; width: 20px; height: 20px; opacity: .72; rect{ stroke: #F2F2F2; fill: #F2F2F2; } } .square-bg-6{ position: absolute; z-index: -1; top: 83%; left: 70%; width: 10px; height: 10px; opacity: .72; rect{ stroke: #F2F2F2; fill: #F2F2F2; } } .square-blue-bg-1{ position: absolute; z-index: -1; top: 38%; left: 70%; width: 18px; height: 18px; @media(max-width: 500px){ opacity: .4; } } .square-blue-bg-2{ position: absolute; z-index: -1; top: 85%; left: 10%; width: 10px; height: 10px; } } Back

Edit File : _section-06.scss | Size : 2.45 KB

.section-6{
	position: relative;
	.container-section{
		min-height: 100vh;
		display: flex;
		align-items: center;
		@media(max-width: 800px){
			flex-direction: column;
			justify-content: center;
		}
	}
	.title-section{
		flex: 1;
		font-size: 48px;
		line-height: 1.2;
		color: $black;
		@media(max-width: 1440px){
			font-size: 41px;
		}
		@media(max-width: 1280px){
			font-size: 34px;
		}
		@media(max-width: 1024px){
			font-size: 29px;
		}
		@media(max-width: 800px){
			font-size: 34px;
			text-align: center;
			flex: initial;
			margin-bottom: 30px;
		}
		@media(max-width: 670px){
			font-size: 29px;
		}
		@media(max-width: 400px){
			font-size: 26px;
		}
		.line{
			text-decoration: line-through;
		}
		.blue{
			color: $blue;
		}
	}
	.desc{
		flex: 1;
		font-weight: 300;
		font-size: 20px;
		line-height: 2;
		color: $black;
		max-width: 560px;
		@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;
			text-align: center;
			flex: initial;
		}
		@media(max-width: 670px){
			font-size: 14px;
		}
	}
	.square-bg-1{
		position: absolute;
		z-index: -1;
		top: 5%;
		left: 55%;
		width: 16px;
		height: 16px;
		opacity: .72;
		rect{
			stroke: #F2F2F2;
			fill: #F2F2F2;
		}
	}
	.square-bg-2{
		position: absolute;
		z-index: -1;
		top: 10%;
		left: 15%;
		width: 23px;
		height: 23px;
		opacity: .72;
		rect{
			stroke: #F2F2F2;
			fill: #F2F2F2;
		}
	}
	.square-bg-3{
		position: absolute;
		z-index: -1;
		top: 30%;
		left: 80%;
		width: 22px;
		height: 22px;
		opacity: .72;
		rect{
			stroke: #F2F2F2;
			fill: #F2F2F2;
		}
	}
	.square-bg-4{
		position: absolute;
		z-index: -1;
		top: 50%;
		left: 8%;
		width: 15px;
		height: 15px;
		opacity: .72;
		rect{
			stroke: #F2F2F2;
			fill: #F2F2F2;
		}
	}
	.square-bg-5{
		z-index: -1;
		position: absolute;
		top: 70%;
		left: 30%;
		width: 20px;
		height: 20px;
		opacity: .72;
		rect{
			stroke: #F2F2F2;
			fill: #F2F2F2;
		}
	}
	.square-bg-6{
		position: absolute;
		z-index: -1;
		top: 83%;
		left: 70%;
		width: 10px;
		height: 10px;
		opacity: .72;
		rect{
			stroke: #F2F2F2;
			fill: #F2F2F2;
		}
	}
	.square-blue-bg-1{
		position: absolute;
		z-index: -1;
		top: 38%;
		left: 70%;
		width: 18px;
		height: 18px;
		@media(max-width: 500px){
			opacity: .4;
		}
	}
	.square-blue-bg-2{
		position: absolute;
		z-index: -1;
		top: 85%;
		left: 10%;
		width: 10px;
		height: 10px;
	}
}

Back