ONE PIECE HACKING

Ngiler SH3LL 360
: / home / tbf / newweb.tbf.ro / resources / 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 : _reluare_mba.scss \| Size : 8.45 KB
.reluare-mba-sectiune-1{ position: relative; // background: url('/build/images/fundal-30-days-mba-v2.jpg'); background-image: url('/build/images/fundal-30d-mba.png'); background-repeat: no-repeat; background-size: auto 100%; background-position: right; @media(min-width: 1281px) and (max-width: 1450px){ background-image: url('/build/images/fundal-30d-mba-simple.png'); } @media(max-width: 1065px){ background-image: url('/build/images/fundal-30d-mba-simple.png'); } .overlay-mobile{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0, 0.2); display: none; z-index: 1; @media(max-width: 640px){ display: block; } } .container-section{ min-height: 100vh; display: flex; align-items: center; justify-content: center; position: relative; z-index: 2; .container-holder{ width: 100%; padding: 40px 100px; @media(max-width: 640px){ padding: 50px 0px; } @media(max-width: 400px){ padding: 50px 0px; } } .event-date{ color: $yellow; // font-size: 26px; font-size: 60px; line-height: 1.2; margin-bottom: 30px; display: flex; align-items: center; @media(max-width: 1439px){ font-size: 55px; margin-bottom: 39px; } @media(max-width: 1365px){ font-size: 50px; } @media(max-width: 1024px){ font-size: 45px; margin-bottom: 30px; } @media(max-width: 670px){ font-size: 40px; justify-content: center; } img{ margin-right: 13px; } } .subtitle{ font-size: 22px; font-style: normal; font-weight: 300; line-height: 1.8; letter-spacing: 0em; color: #FFFFFF; margin-bottom: 40px; max-width: 890px; width: 100%; @media(max-width: 1024px){ margin-bottom: 40px; } @media(max-width: 800px){ margin-bottom: 30px; } @media(max-width: 1440px){ font-size: 18px; } @media(max-width: 1280px){ font-size: 16px; max-width: 500px; } @media(max-width: 1024px){ font-size: 15px; } @media(max-width: 800px){ font-size: 16px; } @media(max-width: 670px){ font-size: 14px; text-align: center; } } h1{ color: #fff; // font-size: 60px; font-size: 55px; font-style: normal; font-weight: 400; line-height: 1.09; letter-spacing: 0em; margin-bottom: 20px; max-width: 810px; width: 100%; @media(max-width: 1440px){ font-size: 50px; } @media(max-width: 1280px){ font-size: 45px; max-width: 500px; } @media(max-width: 1024px){ font-size: 40px; } @media(max-width: 800px){ font-size: 43px; } @media(max-width: 670px){ font-size: 30px; text-align: center; } } .video{ margin-bottom: 20px; @media(max-width: 640px){ max-width: 90%; margin: 0 auto; iframe{ width: 100% !important; height: 320px !important; } } } .tbf-webinar-intro{ position: relative; margin-bottom: 20px; max-width: 210px; @media(max-width: 640px){ margin: 0 auto; margin-bottom: 20px; } .countdown-mobile{ display: flex; align-items: center; justify-content: center; height: 60px; border-radius: 20px; border: 2px solid #444; background: rgba(49, 49, 49, 0.4); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); position: relative; padding: 10px; .box-time{ margin: 0 15px; text-align: center; flex: 1; .value{ color: #FFF; font-size: 22px; margin-bottom: 5px; } .label{ color: rgba(255,255,255,0.5); text-transform: uppercase; font-size: 13px; } } } .countdown{ display: flex; justify-content: center; .coutdown-part{ position: relative; flex: 1; max-width: 240px; margin: 0 15px; @media(max-width: 1439px){ max-width: 230px; } @media(max-width: 1365px){ max-width: 220px; } @media(max-width: 1279px){ max-width: 210px; } @media(max-width: 959px){ max-width: 200px; } @media(max-width: 799px){ max-width: 180px; } @media(max-width: 640px){ max-width: 160px; } } .box-countdown{ height: 210px; border-radius: 20px; border: 2px solid #444; background: rgba(49, 49, 49, 0.4); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); display: flex; flex-direction: column; overflow: hidden; z-index: 9; @media(max-width: 1439px){ height: 210px; } @media(max-width: 1365px){ height: 190px; } @media(max-width: 1279px){ height: 180px; } @media(max-width: 959px){ height: 170px; } @media(max-width: 799px){ height: 160px; } @media(max-width: 640px){ height: 150px; } .value{ flex: 1; color: #FFF; font-size: 46px; display: flex; align-items: center; justify-content: center; width: 100%; @media(max-width: 1365px){ font-size: 40px; } @media(max-width: 1279px){ font-size: 34px; } @media(max-width: 959px){ font-size: 36px; } @media(max-width: 799px){ font-size: 30px; } @media(max-width: 640px){ font-size: 32px; } } .label{ flex: 1; text-align: center; display: flex; align-items: center; justify-content: center; width: 100%; background: radial-gradient(104.84% 101.49% at 50% 3.19%, rgba(53, 53, 53, 0.79) 1.04%, rgba(17, 17, 16, 0.7) 96.87%); color: rgba(255, 255, 255, 0.5); text-transform: uppercase; font-size: 18px; @media(max-width: 1365px){ font-size: 16px; } @media(max-width: 1279px){ font-size: 14px; } @media(max-width: 959px){ font-size: 16px; } @media(max-width: 799px){ font-size: 14px; } @media(max-width: 640px){ font-size: 18px; } } } .shadow-box{ position: absolute; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background: #171717; width: 80%; left: 50%; transform: translateX(-50%); bottom: -12px; height: 15px; z-index: -1; } } } .subscribe-webinar{ display: flex; /justify-content: center;/ button, a{ text-decoration: none; display: flex; align-items: center; background: $yellow; border: 1px solid $yellow; border-radius: 35px; color: #111110; font-size: 16px; padding: 12px 40px; height: 48px; cursor: pointer; @media(max-width: 1439px){ height: 48px; font-size: 16px; padding: 10px 30px; } @media(max-width: 1279px){ height: 38px; font-size: 12px; } @media(max-width: 799px){ height: 46px; font-size: 14px; padding: 10px 20px; } @media(max-width: 640px){ max-width: 400px; justify-content: space-between; margin: 0 auto; } .icon-arrow{ margin-left: 10px; transform: rotate(90deg); @media(max-width: 799px){ width: 13px; height: auto; } .stroke-color{ stroke: #111110; } } &:focus{ outline: none; } &:hover{ background: #111110; color: $yellow; .icon-arrow{ .stroke-color{ stroke: $yellow; } } } } } } .fixed-elements{ position: absolute; top: -50px; left: 50%; transform: translateX(-50%); width: 110%; z-index: -2; @media(max-width: 1024px){ width: 110%; top: -40px; } @media(max-width: 800px){ width: 120%; top: -40px; } @media(max-width: 670px){ width: 105%; top: -25px; } @media(max-width: 500px){ width: 115%; top: -20px; } img{ width: 100%; max-width: 100%; } } .square-bg-1{ position: absolute; width: 33px; height: auto; top: 10%; left: 23%; } .square-bg-2{ position: absolute; width: 148px; height: 152px; top: 20%; left: 80%; } .square-bg-3{ position: absolute; height: 29px; width: 30px; top: 30%; left: 75%; display: none; } .square-bg-4{ position: absolute; height: 102px; width: 98px; top: 30%; left: 5%; } .square-bg-5{ position: absolute; height: 29px; width: 29px; top: 70%; left: 80%; } .square-bg-6{ position: absolute; height: 59px; width: 57px; top: 84%; left: 20%; } .square-bg-7{ position: absolute; height: 259px; width: 251px; bottom: -70px; right: -100px; } } Back

Edit File : _reluare_mba.scss | Size : 8.45 KB

.reluare-mba-sectiune-1{
	position: relative;
	// background: url('/build/images/fundal-30-days-mba-v2.jpg');
	background-image: url('/build/images/fundal-30d-mba.png');
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: right;
	@media(min-width: 1281px) and (max-width: 1450px){
		background-image: url('/build/images/fundal-30d-mba-simple.png');
	}
	@media(max-width: 1065px){
		background-image: url('/build/images/fundal-30d-mba-simple.png');
	}
	.overlay-mobile{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(0,0,0, 0.2);
		display: none;
		z-index: 1;
		@media(max-width: 640px){
			display: block;
		}
	}
	.container-section{
		min-height: 100vh;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		z-index: 2;
		.container-holder{
			width: 100%;
			padding: 40px 100px;
			@media(max-width: 640px){
				padding: 50px 0px;
			}
			@media(max-width: 400px){
				padding: 50px 0px;
			}
		}
		.event-date{
			color: $yellow;
			// font-size: 26px;
			font-size: 60px;
			line-height: 1.2;
			margin-bottom: 30px;
			display: flex;
			align-items: center;
			@media(max-width: 1439px){
				font-size: 55px;
				margin-bottom: 39px;
			}
			@media(max-width: 1365px){
				font-size: 50px;
			}
			@media(max-width: 1024px){
				font-size: 45px;
				margin-bottom: 30px;
			}
			@media(max-width: 670px){
				font-size: 40px;
				justify-content: center;
			}
			img{
				margin-right: 13px;
			}
		}
		.subtitle{
			font-size: 22px;
			font-style: normal;
			font-weight: 300;
			line-height: 1.8;
			letter-spacing: 0em;
			color: #FFFFFF;
			margin-bottom: 40px;
			max-width: 890px;
			width: 100%;
			@media(max-width: 1024px){
				margin-bottom: 40px;
			}
			@media(max-width: 800px){
				margin-bottom: 30px;
			}
			@media(max-width: 1440px){
				font-size: 18px;
			}
			@media(max-width: 1280px){
				font-size: 16px;
				max-width: 500px;
			}
			@media(max-width: 1024px){
				font-size: 15px;
			}
			@media(max-width: 800px){
				font-size: 16px;
			}
			@media(max-width: 670px){
				font-size: 14px;
				text-align: center;
			}
		}
		h1{
			color: #fff;
			// font-size: 60px;
			font-size: 55px;
			font-style: normal;
			font-weight: 400;
			line-height: 1.09;
			letter-spacing: 0em;
			margin-bottom: 20px;
			max-width: 810px;
			width: 100%;
			@media(max-width: 1440px){
				font-size: 50px;
			}
			@media(max-width: 1280px){
				font-size: 45px;
				max-width: 500px;
			}
			@media(max-width: 1024px){
				font-size: 40px;
			}
			@media(max-width: 800px){
				font-size: 43px;
			}
			@media(max-width: 670px){
				font-size: 30px;
				text-align: center;
			}
		}
		.video{
			margin-bottom: 20px;
			@media(max-width: 640px){
				max-width: 90%;
				margin: 0 auto;
				iframe{
					width: 100% !important;
					height: 320px !important;
				}
			}
		}
		.tbf-webinar-intro{
			position: relative;
			margin-bottom: 20px;
			max-width: 210px;
			@media(max-width: 640px){
				margin: 0 auto;
				margin-bottom: 20px;
			}
			.countdown-mobile{
				display: flex;
				align-items: center;
				justify-content: center;
				height: 60px;
				border-radius: 20px;
				border: 2px solid #444;
				background: rgba(49, 49, 49, 0.4);
				backdrop-filter: blur(20px);
				-webkit-backdrop-filter: blur(20px);
				position: relative;
				padding: 10px;
				.box-time{
					margin: 0 15px;
					text-align: center;
					flex: 1;
					.value{
						color: #FFF;
						font-size: 22px;
						margin-bottom: 5px;
					}
					.label{
						color: rgba(255,255,255,0.5);
						text-transform: uppercase;
						font-size: 13px;
					}
				}
			}
			.countdown{
				display: flex;
				justify-content: center;
				.coutdown-part{
					position: relative;
					flex: 1;
					max-width: 240px;
					margin: 0 15px;
					@media(max-width: 1439px){
						max-width: 230px;
					}
					@media(max-width: 1365px){
						max-width: 220px;
					}
					@media(max-width: 1279px){
						max-width: 210px;
					}
					@media(max-width: 959px){
						max-width: 200px;
					}
					@media(max-width: 799px){
						max-width: 180px;
					}
					@media(max-width: 640px){
						max-width: 160px;
					}
				}
				.box-countdown{
					height: 210px;
					border-radius: 20px;
					border: 2px solid #444;
					background: rgba(49, 49, 49, 0.4);
					backdrop-filter: blur(20px);
					-webkit-backdrop-filter: blur(20px);
					display: flex;
					flex-direction: column;
					overflow: hidden; 
					z-index: 9;
					@media(max-width: 1439px){
						height: 210px;
					}
					@media(max-width: 1365px){
						height: 190px;
					}
					@media(max-width: 1279px){
						height: 180px;
					}
					@media(max-width: 959px){
						height: 170px;
					}
					@media(max-width: 799px){
						height: 160px;
					}
					@media(max-width: 640px){
						height: 150px;
					}
					.value{
						flex: 1;
						color: #FFF;
						font-size: 46px;
						display: flex;
						align-items: center;
						justify-content: center;
						width: 100%;
						@media(max-width: 1365px){
							font-size: 40px;
						}
						@media(max-width: 1279px){
							font-size: 34px;
						}
						@media(max-width: 959px){
							font-size: 36px;
						}
						@media(max-width: 799px){
							font-size: 30px;
						}
						@media(max-width: 640px){
							font-size: 32px;
						}
					}
					.label{
						flex: 1;
						text-align: center;
						display: flex;
						align-items: center;
						justify-content: center;
						width: 100%;
						background: radial-gradient(104.84% 101.49% at 50% 3.19%, rgba(53, 53, 53, 0.79) 1.04%, rgba(17, 17, 16, 0.7) 96.87%);
						color: rgba(255, 255, 255, 0.5);
						text-transform: uppercase;
						font-size: 18px;
						@media(max-width: 1365px){
							font-size: 16px;
						}
						@media(max-width: 1279px){
							font-size: 14px;
						}
						@media(max-width: 959px){
							font-size: 16px;
						}
						@media(max-width: 799px){
							font-size: 14px;
						}
						@media(max-width: 640px){
							font-size: 18px;
						}
					}
				}
				.shadow-box{
					position: absolute;
					border-bottom-left-radius: 20px;
					border-bottom-right-radius: 20px;
					background: #171717;
					width: 80%;
					left: 50%;
					transform: translateX(-50%);
					bottom: -12px;
					height: 15px;
					z-index: -1;
				}
			}
		}

.subscribe-webinar{
			display: flex;
			/*justify-content: center;*/
			button,
			a{
				text-decoration: none;
				display: flex;
				align-items: center;
				background: $yellow;
				border: 1px solid $yellow;
				border-radius: 35px;
				color: #111110;
				font-size: 16px;
				padding: 12px 40px;
				height: 48px;
				cursor: pointer;
				@media(max-width: 1439px){
					height: 48px;
					font-size: 16px;
					padding: 10px 30px;
				}
				@media(max-width: 1279px){
					height: 38px;
					font-size: 12px;
				}
				@media(max-width: 799px){
					height: 46px;
					font-size: 14px;
					padding: 10px 20px;
				}
				@media(max-width: 640px){
					max-width: 400px;
					justify-content: space-between;
					margin: 0 auto;
				}
				.icon-arrow{
					margin-left: 10px;
					transform: rotate(90deg);
					@media(max-width: 799px){
						width: 13px;
						height: auto;
					}
					.stroke-color{
						stroke: #111110;
					}
				}
				&:focus{
					outline: none;
				}
				&:hover{
					background: #111110;
					color: $yellow;	
					.icon-arrow{
						.stroke-color{
							stroke: $yellow;
						}
					}
				}
			}
		}
	}
	.fixed-elements{
		position: absolute;
		top: -50px;
		left: 50%;
		transform: translateX(-50%);
		width: 110%;
		z-index: -2;
		@media(max-width: 1024px){
			width: 110%;
			top: -40px;
		}
		@media(max-width: 800px){
			width: 120%;
			top: -40px;
		}
		@media(max-width: 670px){
			width: 105%;
			top: -25px;
		}
		@media(max-width: 500px){
			width: 115%;
			top: -20px;
		}
		img{
			width: 100%;
			max-width: 100%;
		}

}

.square-bg-1{
		position: absolute;
		width: 33px;
		height: auto;
		top: 10%;
		left: 23%;
	}
	.square-bg-2{
		position: absolute;
		width: 148px;
		height: 152px;
		top: 20%;
		left: 80%;
	}
	.square-bg-3{
		position: absolute;
		height: 29px;
		width: 30px;
		top: 30%;
		left: 75%;
		display: none;
	}
	.square-bg-4{
		position: absolute;
		height: 102px;
		width: 98px;
		top: 30%;
		left: 5%;
	}
	.square-bg-5{
		position: absolute;
		height: 29px;
		width: 29px;
		top: 70%;
		left: 80%;
	}
	.square-bg-6{
		position: absolute;
		height: 59px;
		width: 57px;
		top: 84%;
		left: 20%;
	}
	.square-bg-7{
		position: absolute;
		height: 259px;
		width: 251px;
		bottom: -70px;
		right: -100px;
	}
}

Back