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 : _simple_page.scss \| Size : 8.97 KB
.page-content-custom{ margin-top: 180px; padding: 0 70px; @media screen and (max-width: 767px){ margin-top: 150px; } .header-gdpr{ @media screen and (max-width: 767px){ flex-wrap: wrap; } .title-header{ @media screen and (max-width: 767px){ width: calc(100% - 25px); } } .download-file{ @media screen and (max-width: 767px){ margin-left: initial !important; margin-top: 5px; } } } .title-header{ font-size: 1.3125rem; color: $black; font-family: OpenSans SemiBold; margin-bottom: 0; } .subtitle{ font-family: OpenSans Regular; font-size: 1rem; color: $greyLight; } .download-file{ a{ color: $black; font-family: OpenSans SemiBold; font-size: 0.9375rem; } } .data-contact-company{ margin-bottom: 30px; .name-company{ width: 50%; p{ margin-bottom: 3px; } .name{ font-family: OpenSans SemiBold; margin-bottom: 5px; font-size: 1.0625rem; } @media screen and (max-width: 767px){ width: 100%; } } .address-company{ width: 50%; p{ margin-bottom: 3px; a{ color: $black; } } @media screen and (max-width: 767px){ width: 100%; } } @media screen and (max-width: 767px){ flex-direction: column; } } .title-section{ h3{ color: $black; margin-bottom: 0; line-height: 1; font-size: 1.3125rem; font-family: OpenSans SemiBold; } .edit-btn{ background: #ECECEE; border: 0; padding: 3px 10px; display: block; font-size: 14px; height: fit-content; color: $black; font-size: 0.8125rem; &:focus{ outline: none; } } .save-btn{ background: $black; border: 0; padding: 3px 10px; display: block; font-size: 14px; height: fit-content; color: #FFF; font-size: 0.8125rem; &:focus{ outline: none; } } } .content-text{ margin-top: 30px; p{ font-size: 0.9375rem; color: $black; margin-bottom: 15px; } li{ font-size: 0.9375rem; color: $black; } .step-title{ font-family: OpenSans Bold; } .list-gdpr{ margin-left: 15px; .checkmark{ margin-right: 15px; height: 15px; margin-top: 4px; &:after{ content: ''; display: block; width: 6px; height: 11px; border: solid $black; border-width: 0 2px 2px 0; transform: rotate(45deg); } } } .info-content{ margin-top: 13px; &.mt-26px{ margin-top: 26px; } .direction-box{ @media screen and (max-width: 767px){ flex-direction: column; } } .info-text{ font-size: 0.9375rem; color: $black; } .change-password-main{ p{ padding-left: 5px; color: $black; } } .info-box{ display: flex; align-items: center; border: 1px solid transparent; background-color: #F7F7F7; margin-bottom: 20px; &:focus-within{ border: 1px solid $black; } @media screen and (max-width: 767px){ width: 100% !important; } &.box-left{ margin-right: 10px; @media screen and (max-width: 767px){ margin-right: 0; } } &.box-right{ margin-left: 10px; @media screen and (max-width: 767px){ margin-left: 0; } } label{ color: #626262; font-size: 0.875rem; font-family: OpenSans Regular; margin-bottom: 0; padding-left: 20px; padding-top: 14px; padding-bottom: 14px; white-space: nowrap; } .input-tbf-text{ width: 100%; border: 0; font-family: OpenSans Regular; font-size: 0.875rem; color: $black; padding: 14px 20px 14px 5px; background: transparent; &:focus{ outline: none; } &:focus &{ 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; } } p{ color: $black; font-size: 0.875rem; margin-bottom: 0; } .link-text{ color: $black; font-size: 0.875rem; cursor: pointer; padding-right: 10px; transition: all 0.2s ease; &.cancel-text{ color: $black; } &:hover{ text-decoration: underline; color: $black; } } } .course-item{ padding: 10px 0; @media screen and (max-width: 767px){ flex-direction: column; align-items: start !important; } p{ margin-bottom: 0; cursor: pointer; @media screen and (max-width: 767px){ margin-bottom: 5px; } } .column-right{ @media screen and (max-width: 767px){ margin-left: 0px !important; width: 100%; } span{ font-size: 0.875rem; color: $greyLight; line-height: 1; } .status-payment{ margin-right: 40px; &.success{ } @media screen and (max-width: 767px){ margin-right: 0px; } } .percentage{ width: 90px; height: 7px; background: #f6f6f6; overflow: hidden; .percentage-complete{ height: 7px; background: $black; } @media screen and (max-width: 767px){ margin-left: auto; } } .percentage-value{ width: 40px; text-align: right; } } } } } } .form-content{ display: flex; flex-direction: column; .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; margin-top: 20px; } } .mt-30{ margin-top: 30px; } .mt-20{ margin-top: 20px; } .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; } } .send_book{ text-align: right; .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; width: 100%; @media screen and (max-width: 767px){ width: 100%; } &:focus{ outline: none; } &:hover{ color: rgba( 255, 255, 255, 0.85); } } } } .page-404{ height: calc(100vh - 200px); display: flex; width: 100%; align-items: center; flex-direction: column; justify-content: center; padding-top: 100px; @media screen and (max-width: 767px){ height: calc(100vh - 150px); } .big-error{ font-size: 16rem; font-family: OpenSans Bold; color: #7f7f7f61; line-height: 1; @media screen and (max-width: 767px){ font-size: 8rem; } } p{ color: #7f7f7f; font-size: 1.2rem; margin-bottom: 0; @media screen and (max-width: 767px){ font-size: 0.9375rem; text-align: center; } } .tbf-btn{ background-color: $black; border: 0; color: #FFF; text-transform: uppercase; font-size: 1rem; text-align: center; padding: 7px 15px; margin-top: 15px; font-family: OpenSans Bold; transition: all 0.2s ease; &:hover{ color: rgba(255, 255, 255, 0.85); text-decoration: none; } } } .checkbox_tbf{ position: relative; display: inline-flex; align-items: center; margin-left: auto; &.mt-10{ margin-top: 10px; } label{ margin: 0; font-size: 0.875rem; color: $black; font-family: OpenSans Regular; padding-left: 30px; a{ font-family: OpenSans Regular; color: $black; } strong{ font-family: OpenSans SemiBold; font-weight: initial; } } [type="checkbox"]:checked, [type="checkbox"]:not(:checked) { position: absolute; left: -9999px; } [type="checkbox"]:not(:checked) + label{ &:before{ content: ""; width: 18px; height: 18px; background: #FFF; border: 1px solid $black; position: absolute; top: 2px; left: 0; } } [type="checkbox"]:checked + label{ &:before{ content: ""; width: 18px; height: 18px; background: $black; border: 1px solid $black; position: absolute; top: 2px; left: 0; } &:after{ content: ""; display: block; width: 6px; height: 10px; border: solid #FFF; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 4px; left: 6px; } } } Back

Edit File : _simple_page.scss | Size : 8.97 KB

.page-content-custom{
	margin-top: 180px;
    padding: 0 70px;
	@media screen and (max-width: 767px){
    	margin-top: 150px;
    }
    .header-gdpr{
    	@media screen and (max-width: 767px){
    		flex-wrap: wrap;
    	}
    	.title-header{
    		@media screen and (max-width: 767px){
    		    width: calc(100% - 25px);
    		}
    	}
    	.download-file{
    		@media screen and (max-width: 767px){
		        margin-left: initial !important;
    			margin-top: 5px;
    		}
    	}
    }
	.title-header{
		font-size: 1.3125rem;
		color: $black;
		font-family: OpenSans SemiBold;
		margin-bottom: 0;
	}
	.subtitle{
		font-family: OpenSans Regular;
		font-size: 1rem;
		color: $greyLight;
	}
	.download-file{
		a{
			color: $black;
			font-family: OpenSans SemiBold;
			font-size: 0.9375rem;
		}
	}
	.data-contact-company{
		margin-bottom: 30px;
		.name-company{
			width: 50%;
			p{
				margin-bottom: 3px;
			}
			.name{
				font-family: OpenSans SemiBold;
				margin-bottom: 5px;
				font-size: 1.0625rem;
			}
			@media screen and (max-width: 767px){
				width: 100%;
		    }	
		}
		.address-company{
			width: 50%;
			p{
				margin-bottom: 3px;
				a{
					color: $black;					
				}
			}
			@media screen and (max-width: 767px){
				width: 100%;
		    }
		}
		@media screen and (max-width: 767px){
			flex-direction: column;
	    }
	}
	.title-section{
		h3{
		    color: $black;
			margin-bottom: 0;
			line-height: 1;
			font-size: 1.3125rem;
    		font-family: OpenSans SemiBold;
		}
		.edit-btn{
		    background: #ECECEE;
		    border: 0;
		    padding: 3px 10px;
		    display: block;
		    font-size: 14px;
		    height: fit-content;
		    color: $black;
		    font-size: 0.8125rem;
		    &:focus{
		    	outline: none;
		    }
		}
		.save-btn{
			background: $black;
		    border: 0;
		    padding: 3px 10px;
		    display: block;
		    font-size: 14px;
		    height: fit-content;
		    color: #FFF;
		    font-size: 0.8125rem;
		    &:focus{
		    	outline: none;
		    }
		}
	}
	.content-text{
		margin-top: 30px;
		p{
			font-size: 0.9375rem;
			color: $black;
			margin-bottom: 15px;
		}
		li{
			font-size: 0.9375rem;
			color: $black;
		}
		.step-title{
			font-family: OpenSans Bold;
		}
		.list-gdpr{
			margin-left: 15px;
			.checkmark{
				margin-right: 15px;
				height: 15px;
				margin-top: 4px;
				&:after{
				    content: '';
				    display: block;
				    width: 6px;
				    height: 11px;
				    border: solid $black;
				    border-width: 0 2px 2px 0;
				    transform: rotate(45deg);
				  }
			}
		}
		
		.info-content{
			margin-top: 13px;
			&.mt-26px{
				margin-top: 26px;
			}
			.direction-box{
				@media screen and (max-width: 767px){
					flex-direction: column;
			    }
			}
			.info-text{
				font-size: 0.9375rem;
				color: $black;
			}
			.change-password-main{
				p{
					padding-left: 5px;
					color: $black;
				}
			}
			.info-box{
				display: flex;
				align-items: center;
				border: 1px solid transparent;
	    		background-color: #F7F7F7;
				margin-bottom: 20px;
				&:focus-within{
					border: 1px solid $black;
			    }
				@media screen and (max-width: 767px){
					width: 100% !important;
			    }
				&.box-left{
					margin-right: 10px;
					@media screen and (max-width: 767px){
						margin-right: 0;
				    }
				}
				&.box-right{
					margin-left: 10px;
					@media screen and (max-width: 767px){
						margin-left: 0;
				    }
				}
				label{
					color: #626262;
					font-size: 0.875rem;
					font-family: OpenSans Regular;
					margin-bottom: 0;
					padding-left: 20px;
					padding-top: 14px;
					padding-bottom: 14px;
				    white-space: nowrap;
				}
				.input-tbf-text{
				    width: 100%;
				    border: 0;
					font-family: OpenSans Regular;
				    font-size: 0.875rem;
				    color: $black;
				    padding: 14px 20px 14px 5px;
				    background: transparent;
				    &:focus{
				    	outline: none;
				    }
				    &:focus &{
						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;
					}
				}
				p{
					color: $black;
					font-size: 0.875rem;
					margin-bottom: 0;
				}
				.link-text{
					color: $black;
					font-size: 0.875rem;
					cursor: pointer;
					padding-right: 10px;
					transition: all 0.2s ease;
					&.cancel-text{
						color: $black;
					}
					&:hover{
						text-decoration: underline;
						color: $black;
					}
				}
			}
			.course-item{
				padding: 10px 0;
				@media screen and (max-width: 767px){
					flex-direction: column;
					align-items: start !important;
			    }	
				p{
					margin-bottom: 0;
					cursor: pointer;
					@media screen and (max-width: 767px){
						margin-bottom: 5px;
				    }
				}
				.column-right{
					@media screen and (max-width: 767px){
						margin-left: 0px !important;
						width: 100%;
				    }
					span{
						font-size: 0.875rem;
						color: $greyLight;
						line-height: 1;
					}
					.status-payment{
						margin-right: 40px;
						&.success{
						}
						@media screen and (max-width: 767px){
							margin-right: 0px;
					    }
					}
					.percentage{
					    width: 90px;
					    height: 7px;
					    background: #f6f6f6;
					    overflow: hidden;
					    .percentage-complete{
			    		    height: 7px;
    						background: $black;
					    }
					    @media screen and (max-width: 767px){
							margin-left: auto;
					    }
					}
					.percentage-value{
						width: 40px;
						text-align: right;
					}
				}
			}
		}
	}
}

.form-content{
	display: flex;
	flex-direction: column;
	.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;
			margin-top: 20px;
	    }
	}
	.mt-30{
		margin-top: 30px;
	}
	.mt-20{
		margin-top: 20px;
	}
	.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;
		}
	}
	.send_book{
		text-align: right;
		.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;
		    width: 100%;
			@media screen and (max-width: 767px){
				width: 100%;
		    }
			&:focus{
				outline: none;
			}
			&:hover{
				color: rgba( 255, 255, 255, 0.85);
			}
		}
	}
}

.page-404{
	height: calc(100vh - 200px);
    display: flex;
    width: 100%;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding-top: 100px;
    @media screen and (max-width: 767px){
		height: calc(100vh - 150px);
    }
    .big-error{
	    font-size: 16rem;
	    font-family: OpenSans Bold;
	    color: #7f7f7f61;
	    line-height: 1;
	    @media screen and (max-width: 767px){
			font-size: 8rem;
	    }
    }
    p{
    	color: #7f7f7f;
	    font-size: 1.2rem;
	    margin-bottom: 0;
	    @media screen and (max-width: 767px){
			font-size: 0.9375rem;
			text-align: center;
	    }
    }
    .tbf-btn{
	    background-color: $black;
	    border: 0;
	    color: #FFF;
	    text-transform: uppercase;
	    font-size: 1rem;
	    text-align: center;
	    padding: 7px 15px;
	    margin-top: 15px;
	    font-family: OpenSans Bold;
	    transition: all 0.2s ease;
	    &:hover{
	    	color: rgba(255, 255, 255, 0.85);
	    	text-decoration: none;
	    }
	}
}

.checkbox_tbf{
	position: relative;
    display: inline-flex;
    align-items: center;
    margin-left: auto;
    &.mt-10{
    	margin-top: 10px;
    }
	label{
		margin: 0;
		font-size: 0.875rem;
		color: $black;
		font-family: OpenSans Regular;
		padding-left: 30px;
		a{
			font-family: OpenSans Regular;
			color: $black;
		}
		strong{
			font-family: OpenSans SemiBold;
			font-weight: initial;
		}
	}
	[type="checkbox"]:checked,
	[type="checkbox"]:not(:checked) {
	    position: absolute;
	    left: -9999px;
	}
	[type="checkbox"]:not(:checked) + label{
	   	&:before{
    	    content: "";
		    width: 18px;
		    height: 18px;
		    background: #FFF;
		    border: 1px solid $black;
		    position: absolute;
	        top: 2px;
    		left: 0;
	    }
	}
	[type="checkbox"]:checked + label{
	    &:before{
    	    content: "";
		    width: 18px;
		    height: 18px;
		    background: $black;
		    border: 1px solid $black;
		    position: absolute;
		    top: 2px;
		    left: 0;
	    }
	    &:after{
	    	content: "";
		    display: block;
	        width: 6px;
    		height: 10px;
		    border: solid #FFF;
		    border-width: 0 2px 2px 0;
		    -webkit-transform: rotate(45deg);
		    transform: rotate(45deg);
		    position: absolute;
	        top: 4px;
    		left: 6px;
	    }
	}
}

Back