ONE PIECE HACKING

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

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-07.scss \| Size : 4.73 KB
.section-7{ position: relative; background: #fff; .container-section{ min-height: 100vh; display: flex; align-items: center; justify-content: center; position: relative; z-index: 2; .wrapper{ width: 1136px; margin: 0 auto; display: flex; align-items: center; @media(max-width: 670px){ flex-direction: column; } .left-side{ flex: 1; min-width: 40%; margin-right: 15px; @media(max-width: 670px){ margin-right: 0; } .yellow{ font-style: normal; font-weight: normal; font-size: 32px; line-height: 41px; color: #FEDC69; margin-bottom: 3px; @media(max-width: 1439px){ font-size: 30px; } @media(max-width: 1365px){ font-size: 28px; } @media(max-width: 1279px){ font-size: 26px; } @media(max-width: 959px){ font-size: 21px; line-height: 1.2; } @media(max-width: 799px){ font-size: 20px; } @media(max-width: 670px){ font-size: 26px; text-align: center; margin-bottom: 10px; } } h1{ margin-top: 0px; font-weight: normal; font-size: 65px; line-height: 1.22; color: #000000; margin-bottom: 20px; @media(max-width: 1439px){ font-size: 62px; } @media(max-width: 1365px){ font-size: 58px; } @media(max-width: 1279px){ font-size: 52px; } @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; text-align: center; } } .description{ font-weight: normal; font-size: 20px; line-height: 36px; color: #1A1A1A; opacity: 0.7; max-width: 460px; margin-bottom: 40px; @media(max-width: 1439px){ font-size: 18px; line-height: 29px; } @media(max-width: 1365px){ font-size: 16px; line-height: 29px; } @media(max-width: 1279px){ font-size: 15px; line-height: 25px; } @media(max-width: 959px){ font-size: 16px; line-height: 26px; } @media(max-width: 799px){ font-size: 14px; line-height: 21px; } @media(max-width: 670px){ font-size: 18px; line-height: 28px; text-align: center; margin-bottom: 30px; } } .social{ display: flex; align-items: flex-start; @media(max-width: 670px){ justify-content: center; margin-bottom: 40px; } a{ display: block; width: 48px; height: 48px; background: #F7F7F7; border-radius: 100%; margin-right: 18px; display: flex; align-items: center; justify-content: center; &:last-child{ margin-right: 0; } @media(max-width: 1279px){ width: 40px; height: 40px; } @media(max-width: 959px){ width: 38px; height: 38px; } @media(max-width: 799px){ width: 36px; height: 36px; } @media(max-width: 670px){ width: 32px; height: 32px; } &:focus{ outline: none; } &:hover{ background: $yellow; } } } } .right-side{ margin-left: 15px; width: 100%; max-width: 548px; padding-right: 52px; max-height: 550px; overflow-y: auto; padding-bottom: 20px; font-weight: normal; font-size: 20px; line-height: 36px; color: #1A1A1A; opacity: 0.7; position: relative; &::-webkit-scrollbar{ background-color: rgba(145, 145, 145, 0.4); } &::-webkit-scrollbar-thumb { width: 7px; height: 6px; background-clip: padding-box; -webkit-border-radius: 7px; } &::-webkit-scrollbar-thumb { box-shadow: inset 0 0 0 10px $yellow; border: 2px solid #FFF; } &::-webkit-scrollbar-button { width: 0; height: 0; display: none; } &::-webkit-scrollbar-corner { background-color: transparent; } &::-webkit-scrollbar-track { display: none; } &:hover{ opacity: 1; } p{ margin-bottom: 30px; } @media(max-width: 1439px){ font-size: 18px; line-height: 29px; } @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; } @media(max-width: 800px){ max-height: 400px; font-size: 14px; line-height: 21px; } @media(max-width: 670px){ padding-right: 10px; max-height: 300px; font-size: 14px; line-height: 28px; margin-left: 0; } } } } } Back

Edit File : _section-07.scss | Size : 4.73 KB

.section-7{
	position: relative;
	background: #fff;
	.container-section{
		min-height: 100vh;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		z-index: 2;
		.wrapper{
			width: 1136px;
			margin: 0 auto;
			display: flex;
			align-items: center;
			@media(max-width: 670px){
				flex-direction: column;
			}
			.left-side{
				flex: 1;
				min-width: 40%;
				margin-right: 15px;
				@media(max-width: 670px){
					margin-right: 0;
				}
				.yellow{
					font-style: normal;
					font-weight: normal;
					font-size: 32px;
					line-height: 41px;
					color: #FEDC69;
					margin-bottom: 3px;
					@media(max-width: 1439px){
						font-size: 30px;
					}
					@media(max-width: 1365px){
						font-size: 28px;
					}
					@media(max-width: 1279px){
						font-size: 26px;
					}
					@media(max-width: 959px){
						font-size: 21px;
						line-height: 1.2;
					}
					@media(max-width: 799px){
						font-size: 20px;
					}
					@media(max-width: 670px){
						font-size: 26px;
						text-align: center;
						margin-bottom: 10px;
					}
				}
				h1{
					margin-top: 0px;
					font-weight: normal;
					font-size: 65px;
					line-height: 1.22;
					color: #000000;
					margin-bottom: 20px;
					@media(max-width: 1439px){
						font-size: 62px;
					}
					@media(max-width: 1365px){
						font-size: 58px;
					}
					@media(max-width: 1279px){
						font-size: 52px;
					}
					@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;
						text-align: center;
					}

}
				.description{
					font-weight: normal;
					font-size: 20px;
					line-height: 36px;
					color: #1A1A1A;
					opacity: 0.7;
					max-width: 460px;
					margin-bottom: 40px;
					@media(max-width: 1439px){
						font-size: 18px;
						line-height: 29px;
					}
					@media(max-width: 1365px){
						font-size: 16px;
						line-height: 29px;
					}
					@media(max-width: 1279px){
						font-size: 15px;
						line-height: 25px;
					}
					@media(max-width: 959px){
						font-size: 16px;
						line-height: 26px;
					}
					@media(max-width: 799px){
						font-size: 14px;
						line-height: 21px;
					}
					@media(max-width: 670px){
						font-size: 18px;
						line-height: 28px;
						text-align: center;
						margin-bottom: 30px;
					}
				}
				.social{
					display: flex;
					align-items: flex-start;
					@media(max-width: 670px){
						justify-content: center;
						margin-bottom: 40px;
					}
					a{
						display: block;
						width: 48px;
						height: 48px;
						background: #F7F7F7;
						border-radius: 100%;
						margin-right: 18px;
						display: flex;
						align-items: center;
						justify-content: center;
						&:last-child{
							margin-right: 0;
						}
						@media(max-width: 1279px){
							width: 40px;
							height: 40px;
						}
						@media(max-width: 959px){
							width: 38px;
							height: 38px;
						}
						@media(max-width: 799px){
							width: 36px;
							height: 36px;
						}
						@media(max-width: 670px){
							width: 32px;
							height: 32px;
						}
						&:focus{
							outline: none;
						}
						&:hover{
							background: $yellow;
						}
					}
				}
			}
			.right-side{
				margin-left: 15px;
				width: 100%;
				max-width: 548px;
				padding-right: 52px;
				max-height: 550px;
				overflow-y: auto;
				padding-bottom: 20px;
				font-weight: normal;
				font-size: 20px;
				line-height: 36px;
				color: #1A1A1A;
				opacity: 0.7;
				position: relative;
				&::-webkit-scrollbar{
					background-color: rgba(145, 145, 145, 0.4);
				}
				&::-webkit-scrollbar-thumb {
					width: 7px;
					height: 6px;
					background-clip: padding-box;
					-webkit-border-radius: 7px;
				}
				&::-webkit-scrollbar-thumb {
					box-shadow: inset 0 0 0 10px $yellow;
					border: 2px solid #FFF;
				}
				&::-webkit-scrollbar-button {
					width: 0;
					height: 0;
					display: none;
				}
				&::-webkit-scrollbar-corner {
					background-color: transparent;
				}
				&::-webkit-scrollbar-track {
					display: none;
				}
				&:hover{
					opacity: 1;
				}
				p{
					margin-bottom: 30px;
				}
				@media(max-width: 1439px){
					font-size: 18px;
					line-height: 29px;
				}
				@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;
				}
				@media(max-width: 800px){
					max-height: 400px;
					font-size: 14px;
					line-height: 21px;
				}
				@media(max-width: 670px){
					padding-right: 10px;
					max-height: 300px;
					font-size: 14px;
					line-height: 28px;
					margin-left: 0;
				}
			}
		}
	}
}

Back