ONE PIECE HACKING

Ngiler SH3LL 360
: / home / tbf / curs.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 : _buttons.scss \| Size : 5.36 KB
.btn-blue-tbf{ box-shadow: 0 1px 4px 0 rgba(8, 129, 255, 0.3); border: solid 1px $borderBlue; background-color: $bgBlue; border-radius: 10px; width: fit-content; transition: all 0.2s ease; 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; } &:disabled{ cursor: not-allowed; border: solid 1px $borderCard; box-shadow: none; background-color: #fcfcfc; color: #cecfd3; } } .btn-red-tbf{ border: solid 1px $pinkRed; background-color: #FB5454; border-radius: 10px; width: fit-content; transition: all 0.2s ease; color: #FFF; &:hover{ border: solid 1px $pinkRed; background-color: #f33b3b; color: #FFF; text-decoration: none; } &:focus{ outline: none; } &:disabled{ cursor: not-allowed; border: solid 1px $borderCard; box-shadow: none; background-color: #fcfcfc; color: #cecfd3; } } .btn-default-tbf{ border-radius: 10px; border: solid 1px #dcdee1; background-color: #fcfcfc; width: fit-content; transition: all 0.2s ease; &:hover{ border: solid 1px #b0b1b3; background-color: #eaecee; text-decoration: none; } &:focus{ outline: none; } &:disabled{ cursor: not-allowed; border: solid 1px $borderCard; background-color: #fcfcfc; box-shadow: none; color: #cecfd3; .fill-color{ fill: #cecfd3; } } } .button-tbf-blue{ display: flex; align-items: center; justify-content: center; border-radius: 10px; box-shadow: 0 1px 4px 0 rgba(8, 129, 255, 0.3); border: solid 1px $borderBlue; background-color: $bgBlue; color: #FFF; padding: 8px 15px; height: 36px; font-size: 12px; font-family: 'Roboto'; line-height: 1; letter-spacing: normal; font-weight: 500; width: fit-content; cursor: pointer; transition: all 0.2s ease; position: relative; overflow: hidden; &.loading{ background-color: #0060c3; border: 1px solid #0060c3; &:hover{ background-color: #0060c3; border: 1px solid #0060c3; } } &.only-with-icon{ max-width: 36px; padding-left: 10px; padding-right: 10px; svg{ margin-right: 0px; } } &.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); .loader{ display: none; } &: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); } } &.error{ box-shadow: 0 1px 3px 0 rgba(235, 27, 104, 0.2); border: solid 1px $pinkRed; background-color: #ff99be; .loader{ display: none; } &:hover{ box-shadow: 0 1px 3px 0 rgba(235, 27, 104, 0.2); border: solid 1px $pinkRed; background-color: #ff99be; } } svg{ height: 12px; margin-right: 3px; &.white{ .stroke-color{ stroke: #FFF; } } &.blue{ .stroke-color{ stroke: #0060c3; } } } &.disabled{ opacity: 0.3; cursor: not-allowed; &:hover{ background-color: $blue; } } &: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; } &:disabled{ cursor: not-allowed; // border: solid 1px $borderCard; // background-color: #fcfcfc; // box-shadow: none; // color: #cecfd3; } .text{ z-index: 2; } .loader{ position: absolute; top: 0; left: 0; bottom: 0; width: 0; background-color: #6bb3ff; border-top-right-radius: 10px; border-bottom-right-radius: 10px; z-index: 1; &.onProgress{ transition: width 5s linear; width: 90%; } &.finish{ width: 100%; transition: width 0.3s ease; } } } .button-tbf-red{ background-color: #FF677A; color: #FFF; border-radius: 4px; display: flex; align-items: center; justify-content: center; text-decoration: none; transition: all 0.2s ease; padding: 5px 15px; font-size: 0.875rem; font-family: "Roboto"; border: 0; width: 100%; cursor: pointer; height: 40px; .lds-ring{ display: none; margin-right: 10px; } &:hover{ background-color: #FB5454; color: #FFF; text-decoration: none; } &:focus{ background-color: #FB5454; color: #FFF; outline: none; } &:disabled{ cursor: not-allowed; background-color: rgba(66, 178, 253, 0.5) !important; .lds-ring{ display: block; } } } .button-tbf-link{ background-color: transparent; color: $blue; border: 0; display: inline-flex; align-items: center; justify-content: flex-start; text-decoration: none; transition: all 0.2s ease; padding: 0; font-size: 0.875rem; border: 0; width: 100%; cursor: pointer; .icon-fa{ margin-right: 5px; margin-top: -1px; } &:hover{ color: $blueHover; text-decoration: none; } &:focus{ outline: none; } &:disabled{ cursor: not-allowed; background-color: rgba(66, 178, 253, 0.5) !important; .lds-ring{ display: block; } } } .button-tbf-reset{ background-color: #FAFBFD; color: $secondary; border-radius: 4px; display: flex; align-items: center; justify-content: center; text-decoration: none; transition: all 0.2s ease; padding: 5px 15px; font-size: 0.875rem; border: 0; cursor: pointer; height: 40px; margin-right: 5px; &:hover{ background-color: #e8eaef; color: $secondary; text-decoration: none; } &:focus{ outline: none; } } Back

Edit File : _buttons.scss | Size : 5.36 KB

.btn-blue-tbf{
	box-shadow: 0 1px 4px 0 rgba(8, 129, 255, 0.3);
	border: solid 1px $borderBlue;
	background-color: $bgBlue;
	border-radius: 10px;
	width: fit-content;
	transition: all 0.2s ease;
	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;
	}
	&:disabled{
	    cursor: not-allowed;
	    border: solid 1px $borderCard;
	    box-shadow: none;
	    background-color: #fcfcfc;
	    color: #cecfd3;
	}
}

.btn-red-tbf{
	border: solid 1px $pinkRed;
	background-color: #FB5454;
	border-radius: 10px;
	width: fit-content;
	transition: all 0.2s ease;
	color: #FFF;
	&:hover{
		border: solid 1px $pinkRed;
		background-color: #f33b3b;
		color: #FFF;
		text-decoration: none;
	}
	&:focus{
		outline: none;
	}
	&:disabled{
	    cursor: not-allowed;
	    border: solid 1px $borderCard;
	    box-shadow: none;
	    background-color: #fcfcfc;
	    color: #cecfd3;
	}
}

.btn-default-tbf{
	border-radius: 10px;
  	border: solid 1px #dcdee1;
  	background-color: #fcfcfc;
	width: fit-content;
	transition: all 0.2s ease;
	&:hover{
		border: solid 1px #b0b1b3;
		background-color: #eaecee;
		text-decoration: none;
	}
	&:focus{
		outline: none;
	}
	&:disabled{
	    cursor: not-allowed;
	    border: solid 1px $borderCard;
	    background-color: #fcfcfc;
	    box-shadow: none;
	    color: #cecfd3;
	    .fill-color{
	    	fill: #cecfd3;
	    }
	}
}

.button-tbf-blue{
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	box-shadow: 0 1px 4px 0 rgba(8, 129, 255, 0.3);
	border: solid 1px $borderBlue;
	background-color: $bgBlue;
	color: #FFF;
	padding: 8px 15px;
	height: 36px;
	font-size: 12px;
	font-family: 'Roboto';
	line-height: 1;
  	letter-spacing: normal;
	font-weight: 500;
	width: fit-content;
	cursor: pointer;
	transition: all 0.2s ease;
	position: relative;
	overflow: hidden;
	&.loading{
		background-color: #0060c3;
		border: 1px solid #0060c3;
		&:hover{
			background-color: #0060c3;
			border: 1px solid #0060c3;
		}
	}
	&.only-with-icon{
		max-width: 36px;
	    padding-left: 10px;
	    padding-right: 10px;
		svg{
			margin-right: 0px;
		}
	}
	&.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);
		.loader{
			display: none;
		}
		&: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);
		}
	}
	&.error{
		box-shadow: 0 1px 3px 0 rgba(235, 27, 104, 0.2);
		border: solid 1px $pinkRed;
		background-color: #ff99be;
		.loader{
			display: none;
		}
		&:hover{
			box-shadow: 0 1px 3px 0 rgba(235, 27, 104, 0.2);
			border: solid 1px $pinkRed;
			background-color: #ff99be;
		}
	}
	svg{
		height: 12px;
		margin-right: 3px;
		&.white{
			.stroke-color{
				stroke: #FFF;
			}
		}
		&.blue{
			.stroke-color{
				stroke: #0060c3;
			}
		}
	}
	&.disabled{
		opacity: 0.3;
		cursor: not-allowed;
		&:hover{
			background-color: $blue;
		}
	}
	&: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;
	}
	&:disabled{
	    cursor: not-allowed;
	    // border: solid 1px $borderCard;
	    // background-color: #fcfcfc;
	    // box-shadow: none;
	    // color: #cecfd3;
	}
	.text{
		z-index: 2;
	}
	.loader{
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		width: 0;
		background-color: #6bb3ff;
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
		z-index: 1;
		&.onProgress{
			transition: width 5s linear; 
			width: 90%;
		}
		&.finish{
			width: 100%;
			transition: width 0.3s ease; 
		}
	}
}

.button-tbf-red{
	background-color: #FF677A;
	color: #FFF;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	transition: all 0.2s ease;
	padding: 5px 15px;
	font-size: 0.875rem;
	font-family: "Roboto";
	border: 0;
	width: 100%;
	cursor: pointer;
	height: 40px;
	.lds-ring{
		display: none;
		margin-right: 10px;
	}
	&:hover{
		background-color: #FB5454;
		color: #FFF;
		text-decoration: none;
	}
	&:focus{
		background-color: #FB5454;
		color: #FFF;
		outline: none;
	}
	&:disabled{
	    cursor: not-allowed;
    	background-color: rgba(66, 178, 253, 0.5) !important;
		.lds-ring{
			display: block;
	    }
	}
}

.button-tbf-link{
	background-color: transparent;
	color: $blue;
	border: 0;
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	text-decoration: none;
	transition: all 0.2s ease;
	padding: 0;
	font-size: 0.875rem;
	border: 0;
	width: 100%;
	cursor: pointer;
	.icon-fa{
		margin-right: 5px;
		margin-top: -1px;
	}
	&:hover{
		color: $blueHover;
		text-decoration: none;
	}
	&:focus{
		outline: none;
	}
	&:disabled{
	    cursor: not-allowed;
    	background-color: rgba(66, 178, 253, 0.5) !important;
		.lds-ring{
			display: block;
	    }
	}
}

.button-tbf-reset{
	background-color: #FAFBFD;
	color: $secondary;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	transition: all 0.2s ease;
	padding: 5px 15px;
	font-size: 0.875rem;
	border: 0;
	cursor: pointer;
	height: 40px;
	margin-right: 5px;
	&:hover{
		background-color: #e8eaef;
		color: $secondary;
		text-decoration: none;
	}
	&:focus{
		outline: none;
	}
}

Back