ONE PIECE HACKING

Ngiler SH3LL 360
: / home / tbf / membru.tbf.ro / src / scss /

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 : _translate_modal.scss \| Size : 6.07 KB
.fe-btn-translation{ background: #4c8cf5; color: #FFF; padding: 5px; display: inline-flex; font-size: 12px; cursor: pointer; &.p-absolute{ position: absolute; top: 0; left: 0; } &:hover{ background: #337df7; } } .modal-sidebar-translate{ position: absolute; top: 0; left: -524px; transition: left 0.2s linear; width: 524px; background: #FFF; height: 100vh; padding: 54px 57px 37px 60px; overflow-y: scroll; overflow-x: auto; z-index: 999; box-shadow: 4px 2px 11px 0px #0000002e; @media(max-width: 600px){ width: 100%; padding: 37px 37px 37px 40px; } &.active{ left: 0; } .div-relative{ position: relative; } .top{ display: flex; flex-wrap: wrap; margin-bottom: 53px; align-items: center; justify-content: center; h1{ font-size: 22px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: 1.27; letter-spacing: normal; color: $primary; flex: 1; margin-bottom: 0px; display: flex; align-items: center; a{ margin-left: 9px; display: flex; svg{ cursor: pointer; } } } .btn-action{ width: 35px; height: 35px; padding: 9px; display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 10px; border: solid 1px #dcdee1; background-color: #fcfcfc; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; margin-right: 10px; &:last-child{ margin-right: 0; } .icon-close{ transform: rotate(45deg); .stroke-color{ stroke: $primary; } } &:hover{ border: solid 1px #b0b1b3; background-color: #eaecee; text-decoration: none; } &:focus{ outline: none; } &.save{ box-shadow: 0 1px 4px 0 rgba(8, 129, 255, 0.3); border: solid 1px #0060c3; background-color: rgba(8, 129, 255, 0.75); color: #FFF; &:hover{ box-shadow: 0 1px 4px 0 rgba(8, 129, 255, 0.3); border: solid 1px #013060; background-color: #0161c4; color: #FFF; text-decoration: none; } &:focus{ outline: none; } &.completed{ box-shadow: 0 1px 4px 0 rgba(11, 203, 106, 0.3); border: solid 1px #03ae58; background-color: rgba(11, 203, 106, 0.75); &:hover{ box-shadow: 0 1px 4px 0 rgba(11, 203, 106, 0.3); border: solid 1px #03ae58; background-color: rgba(11, 203, 106, 0.75); } } } } } .textarea-language{ display: flex; flex-direction: column; margin-bottom: 10px; &.last{ padding-bottom: 30px; border-bottom: 1px solid #dcdee1; margin-bottom: 30px; } label{ font-weight: bold; font-size: 12px; margin-bottom: 5px; } textarea{ width: 100%; font-size: 14px; padding: 5px 5px; border: 1px solid #dcdee1; border-radius: 6px; &:focus{ outline: none; border: 1px solid #0060c3; box-shadow: 0 1px 4px 0 rgba(8, 129, 255, 0.3); } } } .short-description{ color: #606270; font-size: 14px; line-height: 1.57; } .translations-list{ margin-top: 30px; .translation-item{ padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #dcdee1; &:last-child{ margin-bottom: 0; } label{ font-weight: bold; font-size: 14px; line-height: 1; margin-bottom: 10px; } .input-lang{ display: flex; align-items: center; margin-bottom: 10px; span{ font-size: 14px; margin-right: 10px; width: 50px; min-width: 50px; } textarea{ width: 100%; font-size: 14px; padding: 5px 5px; border: 1px solid #dcdee1; border-radius: 6px; &:focus{ border: 1px solid #0060c3; box-shadow: 0 1px 4px 0 rgba(8, 129, 255, 0.3); outline: none; } } } } } .save-translations{ margin-top: 30px; width: 100%; box-shadow: 0 1px 4px 0 rgba(8, 129, 255, 0.3); border: solid 1px #0060c3; background-color: rgba(8, 129, 255, 0.75); transition: all 0.2s ease; display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 10px; color: #FFF; padding: 8px 15px; height: 36px; font-size: 12px; font-weight: bold; &:hover{ box-shadow: 0 1px 4px 0 rgba(8, 129, 255, 0.3); border: solid 1px #013060; background-color: #0161c4; color: #FFF; text-decoration: none; } &:focus{ outline: none; } &.completed{ box-shadow: 0 1px 4px 0 rgba(11, 203, 106, 0.3); border: solid 1px #03ae58; background-color: rgba(11, 203, 106, 0.75); &:hover{ box-shadow: 0 1px 4px 0 rgba(11, 203, 106, 0.3); border: solid 1px #03ae58; background-color: rgba(11, 203, 106, 0.75); } } } } .submodal-container{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 99; &.active{ .overlay-submodal{ background-color: rgba(255, 255, 255, 0.9); } } .overlay-submodal{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: background-color 0.2s linear; -webkit-transition: background-color 0.2s linear; background: rgba(255, 255, 255, 0); } .submodal-tbf-translate{ background: #FFF; padding: 30px; width: 100%; max-width: 430px; border-radius: 16px; box-shadow: 0 5px 22px -8px rgba(0, 0, 0, 0.2); border: solid 1px #dcdee1; opacity: 0; transition: opacity 0.2s linear; -webkit-transition: opacity 0.2s linear; margin: 15px; z-index: 100; &.active{ opacity: 1; } .description-modal{ max-width: 90%; margin: 0 auto; text-align: center; font-size: 16px; } .header-submodal{ text-align: center; margin-bottom: 20px; .image{ padding: 20px 0; img{ height: 50px; } } .title{ color: #181b30; font-size: 26px; font-weight: 700; } } .description-modal{ color: #626573; font-size: 20px; line-height: 1.45; text-align: center; } .button-actions{ margin-top: 45px; display: flex; margin-left: -7px; margin-right: -7px; .button-action{ flex: 1; height: 40px; font-size: 12px; font-weight: 700; margin: 0 7px; } } } } Back

Edit File : _translate_modal.scss | Size : 6.07 KB

.fe-btn-translation{
	background: #4c8cf5;
	color: #FFF;
	padding: 5px;
	display: inline-flex;
	font-size: 12px;
	cursor: pointer;
	&.p-absolute{
		position: absolute;
		top: 0;
		left: 0;
	}
	&:hover{
		background: #337df7;
	}
}

.modal-sidebar-translate{
	position: absolute;
	top: 0;
	left: -524px;
	transition: left 0.2s linear;
	width: 524px;
	background: #FFF;
	height: 100vh;
	padding: 54px 57px 37px 60px;
	overflow-y: scroll;
	overflow-x: auto;
	z-index: 999;
	box-shadow: 4px 2px 11px 0px #0000002e;
	@media(max-width: 600px){
		width: 100%;
		padding: 37px 37px 37px 40px;
	}
	&.active{
		left: 0;
	}
	.div-relative{
		position: relative;
	}
	.top{
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 53px;
		align-items: center;
		justify-content: center;
		h1{
			font-size: 22px;
			font-weight: 700;
			font-stretch: normal;
			font-style: normal;
			line-height: 1.27;
			letter-spacing: normal;
			color: $primary;
			flex: 1;
			margin-bottom: 0px;
			display: flex;
			align-items: center;
			a{
				margin-left: 9px;
				display: flex;
				svg{
					cursor: pointer;
				}
			}
		}
		.btn-action{
			width: 35px;
			height: 35px;
			padding: 9px;
			display: flex;
			align-items: center;
			justify-content: center;
			cursor: pointer;
			border-radius: 10px;
			border: solid 1px #dcdee1;
			background-color: #fcfcfc;
			-webkit-transition: all 0.2s ease;
			transition: all 0.2s ease;
			margin-right: 10px;
			&:last-child{
				margin-right: 0;
			}
			.icon-close{
				transform: rotate(45deg);
				.stroke-color{
					stroke: $primary;
				}
			}
			&:hover{
				border: solid 1px #b0b1b3;
				background-color: #eaecee;
				text-decoration: none;
			}
			&:focus{
				outline: none;
			}

&.save{
				box-shadow: 0 1px 4px 0 rgba(8, 129, 255, 0.3);
				border: solid 1px #0060c3;
				background-color: rgba(8, 129, 255, 0.75);
				color: #FFF;
				&:hover{
					box-shadow: 0 1px 4px 0 rgba(8, 129, 255, 0.3);
					border: solid 1px #013060;
					background-color: #0161c4;
					color: #FFF;
					text-decoration: none;
				}
				&:focus{
					outline: none;
				}
				&.completed{
					box-shadow: 0 1px 4px 0 rgba(11, 203, 106, 0.3);
					border: solid 1px #03ae58;
					background-color: rgba(11, 203, 106, 0.75);
					&:hover{
						box-shadow: 0 1px 4px 0 rgba(11, 203, 106, 0.3);
						border: solid 1px #03ae58;
						background-color: rgba(11, 203, 106, 0.75);
					}
				}
			}
		}
	}

.textarea-language{
		display: flex;
		flex-direction: column;
		margin-bottom: 10px;
		&.last{
			padding-bottom: 30px;
			border-bottom: 1px solid #dcdee1;
			margin-bottom: 30px;
		}
		label{
			font-weight: bold;
			font-size: 12px;
			margin-bottom: 5px;
		}
		textarea{
			width: 100%;
			font-size: 14px;
			padding: 5px 5px;
			border: 1px solid #dcdee1;
			border-radius: 6px;
			&:focus{
				outline: none;
				border: 1px solid #0060c3;
				box-shadow: 0 1px 4px 0 rgba(8, 129, 255, 0.3);
			}
		}
	}

.short-description{
		color: #606270;
		font-size: 14px;
		line-height: 1.57;
	}

.translations-list{
		margin-top: 30px;
		.translation-item{
			padding-bottom: 15px;
			margin-bottom: 15px;
			border-bottom: 1px solid #dcdee1;
			&:last-child{
				margin-bottom: 0;
			}
			label{
				font-weight: bold;
				font-size: 14px;
				line-height: 1;
				margin-bottom: 10px;
			}
			.input-lang{
				display: flex;
				align-items: center;
				margin-bottom: 10px;
				span{
					font-size: 14px;
					margin-right: 10px;
					width: 50px;
					min-width: 50px;
				}
				textarea{
					width: 100%;
					font-size: 14px;
					padding: 5px 5px;
					border: 1px solid #dcdee1;
					border-radius: 6px;
					&:focus{
						border: 1px solid #0060c3;
						box-shadow: 0 1px 4px 0 rgba(8, 129, 255, 0.3);
						outline: none;
					}
				}
			}
		}
	}

.save-translations{
		margin-top: 30px;
		width: 100%;
		box-shadow: 0 1px 4px 0 rgba(8, 129, 255, 0.3);
		border: solid 1px #0060c3;
		background-color: rgba(8, 129, 255, 0.75);
		transition: all 0.2s ease;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		border-radius: 10px;
		color: #FFF;
		padding: 8px 15px;
		height: 36px;
		font-size: 12px;
		font-weight: bold; 
		&:hover{
			box-shadow: 0 1px 4px 0 rgba(8, 129, 255, 0.3);
			border: solid 1px #013060;
			background-color: #0161c4;
			color: #FFF;
			text-decoration: none;
		}
		&:focus{
			outline: none;
		}
		&.completed{
			box-shadow: 0 1px 4px 0 rgba(11, 203, 106, 0.3);
			border: solid 1px #03ae58;
			background-color: rgba(11, 203, 106, 0.75);
			&:hover{
				box-shadow: 0 1px 4px 0 rgba(11, 203, 106, 0.3);
				border: solid 1px #03ae58;
				background-color: rgba(11, 203, 106, 0.75);
			}
		}
	}
}

.submodal-container{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 99;
	&.active{
		.overlay-submodal{
			background-color: rgba(255, 255, 255, 0.9);
		}
	}
	.overlay-submodal{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		transition: background-color 0.2s linear;
		-webkit-transition: background-color 0.2s linear;
		background: rgba(255, 255, 255, 0);
	}
	.submodal-tbf-translate{
		background: #FFF;
		padding: 30px;
		width: 100%;
		max-width: 430px;
		border-radius: 16px;
		box-shadow: 0 5px 22px -8px rgba(0, 0, 0, 0.2);
		border: solid 1px #dcdee1;
		opacity: 0;
		transition: opacity 0.2s linear;
		-webkit-transition: opacity 0.2s linear;
		margin: 15px;
		z-index: 100;
		&.active{
			opacity: 1;
		}
		.description-modal{
			max-width: 90%;
			margin: 0 auto;
			text-align: center;
			font-size: 16px;
		}

.header-submodal{
			text-align: center;
			margin-bottom: 20px;
			.image{
				padding: 20px 0;
				img{
					height: 50px;
				}
			}
			.title{
				color: #181b30;
				font-size: 26px;
				font-weight: 700;
			}
		}

.description-modal{
			color: #626573;
			font-size: 20px;
			line-height: 1.45;
			text-align: center;
		}
		.button-actions{
			margin-top: 45px;
			display: flex;
			margin-left: -7px;
			margin-right: -7px;
			.button-action{
				flex: 1;
				height: 40px;
				font-size: 12px;
				font-weight: 700;
				margin: 0 7px;
			}
		}
	}
}

Back