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-07.scss \| Size : 1.65 KB
.section-7{ .top-content{ padding: 0 40px; display: flex; .svg-section-7{ margin-left: 10%; @media(max-width: 959px){ width: auto; height: 150px; } } .squares{ margin-left: auto; margin-right: 10%; margin-top: 30px; @media(max-width: 640px){ display: none; } } } .long-center-text{ max-width: 1180px; margin: 100px auto 100px; padding: 40px; @media(max-width: 1439px){ max-width: 910px; } @media(max-width: 1365px){ max-width: 780px; } @media(max-width: 1279px){ max-width: 720px; } @media(max-width: 959px){ max-width: 570px; } @media(max-width: 640px){ margin: 50px auto 50px; } .paragraph{ font-size: 76px; line-height: 1.54; color: $lightGrey; display: inline; @media(max-width: 1439px){ font-size: 65px; } @media(max-width: 1365px){ font-size: 53px; } @media(max-width: 1279px){ font-size: 46px; } @media(max-width: 959px){ font-size: 50px; line-height: 1.4; } @media(max-width: 799px){ font-size: 40px; } @media(max-width: 640px){ font-size: 30px; } &.active{ color: $black; } } .small-link{ margin-top: 70px; a{ display: flex; align-items: center; color: $black; font-size: 18px; text-decoration: none; @media(max-width: 1439px){ font-size: 16px; } @media(max-width: 1365px){ font-size: 14px; } .icon-arrow{ margin-left: 10px; width: 18px; transform: rotate(90deg); .stroke-color{ stroke: $blue; } } &:hover{ text-decoration: underline; } &:focus{ outline: none; } } } } } Back

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

.section-7{
	.top-content{
		padding: 0 40px;
		display: flex;
		.svg-section-7{
			margin-left: 10%;
			@media(max-width: 959px){
				width: auto;
				height: 150px;
			}
		}
		.squares{
			margin-left: auto;
			margin-right: 10%;
			margin-top: 30px;
			@media(max-width: 640px){
				display: none;
			}
		}
	}

.long-center-text{
		max-width: 1180px;
		margin: 100px auto 100px;
		padding: 40px;
		@media(max-width: 1439px){
			max-width: 910px;
		}
		@media(max-width: 1365px){
			max-width: 780px;
		}
		@media(max-width: 1279px){
			max-width: 720px;
		}
		@media(max-width: 959px){
			max-width: 570px;
		}
		@media(max-width: 640px){
			margin: 50px auto 50px; 
		}
		.paragraph{
			font-size: 76px;
			line-height: 1.54;
			color: $lightGrey;
			display: inline;
			@media(max-width: 1439px){
				font-size: 65px;
			}
			@media(max-width: 1365px){
				font-size: 53px;
			}
			@media(max-width: 1279px){
				font-size: 46px;
			}
			@media(max-width: 959px){
				font-size: 50px;
				line-height: 1.4;
			}
			@media(max-width: 799px){
				font-size: 40px;
			}
			@media(max-width: 640px){
				font-size: 30px;
			}
			&.active{
				color: $black;
			}
		}
		.small-link{
			margin-top: 70px;
			a{
				display: flex;
				align-items: center;
				color: $black;
				font-size: 18px;
				text-decoration: none;
				@media(max-width: 1439px){
					font-size: 16px;
				}
				@media(max-width: 1365px){
					font-size: 14px;
				}
				.icon-arrow{
					margin-left: 10px;
					width: 18px;
					transform: rotate(90deg);
					.stroke-color{
						stroke: $blue;
					}
				}
				&:hover{
					text-decoration: underline;
				}
				&:focus{
					outline: none;
				}
			}
		}
	}
}

Back