ONE PIECE HACKING

Ngiler SH3LL 360
: / home / tbf / tbf.ro / resources / sass /

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 : _course_booking.scss \| Size : 10.15 KB
.content-booking-page{ margin-top: 200px; @media screen and (max-width: 767px){ margin-top: 150px; } .title-course{ color: $black; font-size: 1.25rem; font-family: 'OpenSans SemiBold'; margin-bottom: 0; } .rating-course{ margin-top: 3px; .star-rating{ display: inline-flex; align-items: center; .star{ padding-right: 2px; width: 18px; &.star-1{ &.average-1{ .fill-star{ fill: $black; } .stroke-star{ fill: $black; } } &.average-2{ .fill-star{ fill: $black; } .stroke-star{ fill: $black; } } &.average-3{ .fill-star{ fill: $black; } .stroke-star{ fill: $black; } } &.average-4{ .fill-star{ fill: $black; } .stroke-star{ fill: $black; } } &.average-5{ .fill-star{ fill: $black; } .stroke-star{ fill: $black; } } } &.star-2{ &.average-2{ .fill-star{ fill: $black; } .stroke-star{ fill: $black; } } &.average-3{ .fill-star{ fill: $black; } .stroke-star{ fill: $black; } } &.average-4{ .fill-star{ fill: $black; } .stroke-star{ fill: $black; } } &.average-5{ .fill-star{ fill: $black; } .stroke-star{ fill: $black; } } } &.star-3{ &.average-3{ .fill-star{ fill: $black; } .stroke-star{ fill: $black; } } &.average-4{ .fill-star{ fill: $black; } .stroke-star{ fill: $black; } } &.average-5{ .fill-star{ fill: $black; } .stroke-star{ fill: $black; } } } &.star-4{ &.average-4{ .fill-star{ fill: $black; } .stroke-star{ fill: $black; } } &.average-5{ .fill-star{ fill: $black; } .stroke-star{ fill: $black; } } } &.star-5{ &.average-5{ .fill-star{ fill: $black; } .stroke-star{ fill: $black; } } } } } .no-reviews{ color: $greyLight; font-size: 0.875rem; display: inline-flex; margin-left: 7px; } } .description-course{ margin-top: 20px; color: $grey; font-size: 0.9375rem; } .form-content{ .pr-10{ padding-right: 10px; @media screen and (max-width: 767px){ padding-right: 15px; } } .pl-10{ padding-left: 10px; @media screen and (max-width: 767px){ padding-left: 15px; } } .mt-30{ margin-top: 30px; } .mt-20{ margin-top: 20px; @media screen and (max-width: 767px){ margin-top: 0; } } .input-tbf-text{ width: 100%; background-color: #F7F7F7; border: 0; font-size: 0.9375rem; color: $black; padding: 14px 20px; border: 1px solid transparent; &:focus{ outline: none; border: 1px solid $black; } &::-webkit-input-placeholder {color: $black;} &:-moz-placeholder {color: $black;} &::-moz-placeholder {color: $black;} &:-ms-input-placeholder {color: $black;} &.error{ border: 1px solid $redErrorBg; } @media screen and (max-width: 767px){ margin-top: 15px; } } .select-tbf{ width: 100%; background-color: #F7F7F7; border: 0; font-size: 0.9375rem; color: $black; padding: 14px 20px; height: 50px; -webkit-appearance: none; border-radius: 0; border: 1px solid transparent; &:focus{ outline: none; border: 1px solid $black; } &::-webkit-input-placeholder {color: $black;} &:-moz-placeholder {color: $black;} &::-moz-placeholder {color: $black;} &:-ms-input-placeholder {color: $black;} &.error{ border: 1px solid $redErrorBg; } @media screen and (max-width: 767px){ margin-top: 15px; } } .select-wrapper{ &:after{ content: ""; pointer-events: none; background: url('/build/images/arrow-select.svg'); width: 10px; height: 10px; position: absolute; top: 20px; right: 30px; background-size: cover; } } .check_type_person{ display: inline-flex; align-items: center; margin-right: 15px; [type="radio"]:checked, [type="radio"]:not(:checked) { position: absolute; left: -9999px; } [type="radio"]:checked + label, [type="radio"]:not(:checked) + label { position: relative; padding-left: 20px; cursor: pointer; line-height: 18px; margin-bottom: 0; display: inline-block; } [type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 1px; width: 15px; height: 15px; border: 1px solid #7E7E7E; border-radius: 100%; background: #fff; } [type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after { content: ''; width: 7px; height: 7px; background: #000; position: absolute; top: 5px; left: 4px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } [type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .check_type_pay{ [type="radio"]:checked, [type="radio"]:not(:checked) { position: absolute; left: -9999px; } [type="radio"]:not(:checked) + label{ .box_checkbox{ border: 2px solid #F7F7F7; .icon_svg{ path{ fill: $greyLight; } &.transfer-icon{ width: 58px; } } } } [type="radio"]:checked + label{ .box_checkbox{ border: 2px solid #000; &:before{ content: ""; width: 21px; height: 21px; background: $black; position: absolute; top: 0; right: 0; } &:after{ content: ""; display: block; width: 7px; height: 12px; border: solid #FFF; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 2px; right: 6px; } .icon_svg{ path{ fill: $black; } } } } .label_pay{ width: 100%; margin-bottom: 0; height: 100%; cursor: pointer; .box_checkbox{ padding: 20px 30px; width: 100%; height: 100%; background: #F7F7F7; position: relative; &.error{ border: 2px solid $redErrorBg !important; } .icon_svg{ margin-right: 30px; &.transfer-icon{ width: 58px; } } .description{ h4{ margin: 0; font-size: 0.9375rem; color: $black; } p{ margin: 0; font-size: 0.875rem; color: $grey; } } } } @media screen and (max-width: 767px){ margin-top: 15px; } &:first-child{ @media screen and (max-width: 767px){ margin-top: 0; } } } } .summary_book{ .content-course{ width: 50%; .item-include{ display: flex; align-items: center; color: $black; font-size: 0.9375rem; .checkmark{ margin-right: 10px; height: 15px; margin-left: 4px; &:after{ content: ''; display: block; width: 6px; height: 11px; border: solid $black; border-width: 0 2px 2px 0; transform: rotate(45deg); } } } @media screen and (max-width: 767px){ width: 100%; } } .price-book{ width: 50%; text-align: right; .name{ color: $grey; font-size: 0.9375rem; margin-bottom: 0; } .initial_price{ color: $grey; font-size: 0.9375rem; margin-bottom: 15px; } .total_price{ color: $black; font-size: 1.25rem; margin-bottom: 0; strong{ font-weight: bold; } } @media screen and (max-width: 767px){ width: 100%; margin-top: 15px; text-align: left; } } .content-summary{ @media screen and (max-width: 767px){ flex-direction: column; } } } .send_book{ text-align: right; @media screen and (max-width: 767px){ text-align: left; } .error-message-bottom{ font-size: 0.9375rem; color: #f94646; margin-bottom: 5px; } .tbf_big_btn{ background: $black; color: #FFF; text-transform: uppercase; border: 0; font-family: OpenSans Bold; font-size: 0.8125rem; padding: 10px 15px; transition: all 0.2s ease; &:focus{ outline: none; } &:hover{ color: rgba( 255, 255, 255, 0.85); } @media screen and (max-width: 767px){ width: 100%; } } } .popup_terms_conditions{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.8); display: flex; align-items: center; justify-content: center; z-index: 99; .box_white{ max-width: 700px; background: #FFF; padding: 50px; h3{ font-size: 1.3125rem; font-weight: bold; color: $black; margin-bottom: 10px; } p{ color: $black; font-size: 0.9375rem; margin-bottom: 30px; a{ color: $black; text-decoration: underline; } } .tbf_big_btn{ background: $black; color: #FFF; text-transform: uppercase; border: 0; font-family: OpenSans Bold; font-size: 0.8125rem; padding: 10px 15px; transition: all 0.2s ease; &:focus{ outline: none; } &:hover{ color: rgba( 255, 255, 255, 0.85); } @media screen and (max-width: 767px){ width: 100%; } } } } } Back

Edit File : _course_booking.scss | Size : 10.15 KB

.content-booking-page{
	margin-top: 200px;
	@media screen and (max-width: 767px){
    	margin-top: 150px;
    }
	.title-course{
		color: $black;
		font-size: 1.25rem;
		font-family: 'OpenSans SemiBold';
		margin-bottom: 0;
	}
	.rating-course{
		margin-top: 3px;
		.star-rating{
		    display: inline-flex;
			align-items: center;
			.star{
				padding-right: 2px;
				width: 18px;
				&.star-1{
					&.average-1{
						.fill-star{
							fill: $black;
						}
						.stroke-star{
							fill: $black;
						}
					}
					&.average-2{
						.fill-star{
							fill: $black;
						}
						.stroke-star{
							fill: $black;
						}
					}
					&.average-3{
						.fill-star{
							fill: $black;
						}
						.stroke-star{
							fill: $black;
						}
					}
					&.average-4{
						.fill-star{
							fill: $black;
						}
						.stroke-star{
							fill: $black;
						}
					}
					&.average-5{
						.fill-star{
							fill: $black;
						}
						.stroke-star{
							fill: $black;
						}
					}
				}
				&.star-2{
					&.average-2{
						.fill-star{
							fill: $black;
						}
						.stroke-star{
							fill: $black;
						}
					}
					&.average-3{
						.fill-star{
							fill: $black;
						}
						.stroke-star{
							fill: $black;
						}
					}
					&.average-4{
						.fill-star{
							fill: $black;
						}
						.stroke-star{
							fill: $black;
						}
					}
					&.average-5{
						.fill-star{
							fill: $black;
						}
						.stroke-star{
							fill: $black;
						}
					}
				}
				&.star-3{
					&.average-3{
						.fill-star{
							fill: $black;
						}
						.stroke-star{
							fill: $black;
						}
					}
					&.average-4{
						.fill-star{
							fill: $black;
						}
						.stroke-star{
							fill: $black;
						}
					}
					&.average-5{
						.fill-star{
							fill: $black;
						}
						.stroke-star{
							fill: $black;
						}
					}
				}
				&.star-4{
					&.average-4{
						.fill-star{
							fill: $black;
						}
						.stroke-star{
							fill: $black;
						}
					}
					&.average-5{
						.fill-star{
							fill: $black;
						}
						.stroke-star{
							fill: $black;
						}
					}
				}
				&.star-5{
					&.average-5{
						.fill-star{
							fill: $black;
						}
						.stroke-star{
							fill: $black;
						}
					}
				}
			}
		}
		.no-reviews{
			color: $greyLight;
			font-size: 0.875rem;
			display: inline-flex;
			margin-left: 7px;
		}
	}
	.description-course{
		margin-top: 20px;
		color: $grey;
		font-size: 0.9375rem;
	}
	.form-content{
		.pr-10{
			padding-right: 10px;
			@media screen and (max-width: 767px){
				padding-right: 15px;
		    }
		}
		.pl-10{
			padding-left: 10px;
			@media screen and (max-width: 767px){
				padding-left: 15px;
		    }
		}
		.mt-30{
			margin-top: 30px;
		}
		.mt-20{
			margin-top: 20px;
			@media screen and (max-width: 767px){
				margin-top: 0;
		    }
		}
		.input-tbf-text{
			width: 100%;
			background-color: #F7F7F7;
			border: 0;
			font-size: 0.9375rem;
			color: $black;
			padding: 14px 20px;
			border: 1px solid transparent;
			&:focus{
				outline: none;
				border: 1px solid $black;
			}
			&::-webkit-input-placeholder {color: $black;}
			&:-moz-placeholder {color: $black;}
			&::-moz-placeholder {color: $black;}
			&:-ms-input-placeholder {color: $black;}
			&.error{
				border: 1px solid $redErrorBg;
			}
			@media screen and (max-width: 767px){
				margin-top: 15px;
		    }

}
		.select-tbf{
		    width: 100%;
		    background-color: #F7F7F7;
		    border: 0;
		    font-size: 0.9375rem;
		    color: $black;
		    padding: 14px 20px;
		    height: 50px;
		    -webkit-appearance: none;
		    border-radius: 0;
			border: 1px solid transparent;
		    &:focus{
				outline: none;
				border: 1px solid $black;
			}
			&::-webkit-input-placeholder {color: $black;}
			&:-moz-placeholder {color: $black;}
			&::-moz-placeholder {color: $black;}
			&:-ms-input-placeholder {color: $black;}
			&.error{
				border: 1px solid $redErrorBg;
			}
			@media screen and (max-width: 767px){
				margin-top: 15px;
		    }
		}
		.select-wrapper{
			&:after{
			    content: "";
			    pointer-events: none;
			    background: url('/build/images/arrow-select.svg');
			    width: 10px;
			    height: 10px;
			    position: absolute;
			    top: 20px;
			    right: 30px;
			    background-size: cover;
			}
		}
		.check_type_person{
			display: inline-flex;
			align-items: center;
			margin-right: 15px;
			[type="radio"]:checked,
			[type="radio"]:not(:checked) {
			    position: absolute;
			    left: -9999px;
			}
			[type="radio"]:checked + label,
			[type="radio"]:not(:checked) + label
			{
		        position: relative;
			    padding-left: 20px;
			    cursor: pointer;
			    line-height: 18px;
				margin-bottom: 0;
			    display: inline-block;
			}
			[type="radio"]:checked + label:before,
			[type="radio"]:not(:checked) + label:before {
			    content: '';
			    position: absolute;
			    left: 0;
			    top: 1px;
			    width: 15px;
			    height: 15px;
			    border: 1px solid #7E7E7E;
			    border-radius: 100%;
			    background: #fff;
			}
			[type="radio"]:checked + label:after,
			[type="radio"]:not(:checked) + label:after {
			    content: '';
			    width: 7px;
			    height: 7px;
			    background: #000;
			    position: absolute;
			    top: 5px;
			    left: 4px;
			    border-radius: 100%;
			    -webkit-transition: all 0.2s ease;
			    transition: all 0.2s ease;
			}
			[type="radio"]:not(:checked) + label:after {
			    opacity: 0;
			    -webkit-transform: scale(0);
			    transform: scale(0);
			}
			[type="radio"]:checked + label:after {
			    opacity: 1;
			    -webkit-transform: scale(1);
			    transform: scale(1);
			}
		}

.check_type_pay{
			[type="radio"]:checked,
			[type="radio"]:not(:checked) {
			    position: absolute;
			    left: -9999px;
			}
			[type="radio"]:not(:checked) + label{
			   	.box_checkbox{
				    border: 2px solid #F7F7F7;
				    .icon_svg{
				    	path{
				    		fill: $greyLight;
				    	}
				    	&.transfer-icon{
				    		width: 58px;
				    	}
				    }
			   	}
			}
			[type="radio"]:checked + label{
			    .box_checkbox{
				    border: 2px solid #000;
				    &:before{
			    	    content: "";
					    width: 21px;
					    height: 21px;
					    background: $black;
					    position: absolute;
					    top: 0;
					    right: 0;
				    }
				    &:after{
		    	    	content: "";
					    display: block;
					    width: 7px;
					    height: 12px;
					    border: solid #FFF;
					    border-width: 0 2px 2px 0;
					    -webkit-transform: rotate(45deg);
					    transform: rotate(45deg);
					    position: absolute;
					    top: 2px;
					    right: 6px;
				    }
				    .icon_svg{
				    	path{
				    		fill: $black;
				    	}
				    }
			   	}
			}
			.label_pay{
				width: 100%;
				margin-bottom: 0;
				height: 100%;
				cursor: pointer;
				.box_checkbox{
				    padding: 20px 30px;
				    width: 100%;
				    height: 100%;
				    background: #F7F7F7;
				    position: relative;
				    &.error{
				    	border: 2px solid $redErrorBg !important;
				    }
				    .icon_svg{
				    	margin-right: 30px;
				    	&.transfer-icon{
				    		width: 58px;
				    	}
				    }
				    .description{
				    	h4{
				    		margin: 0;
				    		font-size: 0.9375rem;
				    		color: $black;
				    	}
				    	p{
				    		margin: 0;
				    		font-size: 0.875rem;
				    		color: $grey;
				    	}
				    }
				}
			}
			@media screen and (max-width: 767px){
				margin-top: 15px;
		    }
		    &:first-child{
		    	@media screen and (max-width: 767px){
					margin-top: 0;
			    }
		    }
		}
	}

.summary_book{
		.content-course{
			width: 50%;
			.item-include{
				display: flex;
				align-items: center;
				color: $black;
				font-size: 0.9375rem;
				.checkmark{
					margin-right: 10px;
					height: 15px;
				    margin-left: 4px;
					&:after{
					    content: '';
					    display: block;
					    width: 6px;
					    height: 11px;
					    border: solid $black;
					    border-width: 0 2px 2px 0;
					    transform: rotate(45deg);
					  }
				}
			}
			@media screen and (max-width: 767px){
				width: 100%;
		    }
		}
		.price-book{
			width: 50%;
			text-align: right;
			.name{
				color: $grey;
				font-size: 0.9375rem;
				margin-bottom: 0;
			}
			.initial_price{
				color: $grey;
				font-size: 0.9375rem;
				margin-bottom: 15px;
			}
			.total_price{
				color: $black;
				font-size: 1.25rem;
				margin-bottom: 0;
				strong{
					font-weight: bold;
				}
			}
			@media screen and (max-width: 767px){
				width: 100%;
				margin-top: 15px;
				text-align: left;
		    }
		}
		.content-summary{
			@media screen and (max-width: 767px){
				flex-direction: column;
		    }
		}
	}

.send_book{
		text-align: right;
		@media screen and (max-width: 767px){
			text-align: left;
	    }
		.error-message-bottom{
			font-size: 0.9375rem;
			color: #f94646;
			margin-bottom: 5px;
		}
		.tbf_big_btn{
			background: $black;
			color: #FFF;
			text-transform: uppercase;
			border: 0;
			font-family: OpenSans Bold;
			font-size: 0.8125rem;
			padding: 10px 15px;
			transition: all 0.2s ease;
			&:focus{
				outline: none;
			}
			&:hover{
				color: rgba( 255, 255, 255, 0.85);
			}
			@media screen and (max-width: 767px){
				width: 100%;
		    }
		}
	}

.popup_terms_conditions{
	    position: fixed;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    background: rgba(0,0,0,0.8);
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    z-index: 99;
	    .box_white{
    	    max-width: 700px;
		    background: #FFF;
		    padding: 50px;
		    h3{
		    	font-size: 1.3125rem;
		    	font-weight: bold;
		    	color: $black;
		    	margin-bottom: 10px;
		    }
		    p{
		    	color: $black;
		    	font-size: 0.9375rem;
		    	margin-bottom: 30px;
		    	a{
		    		color: $black;
		    		text-decoration: underline;
		    	}
		    }
		    .tbf_big_btn{
		    	background: $black;
				color: #FFF;
				text-transform: uppercase;
				border: 0;
				font-family: OpenSans Bold;
				font-size: 0.8125rem;
				padding: 10px 15px;
				transition: all 0.2s ease;
				&:focus{
					outline: none;
				}
				&:hover{
					color: rgba( 255, 255, 255, 0.85);
				}
				@media screen and (max-width: 767px){
					width: 100%;
			    }
		    }
	    }
	}
}

Back