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 : _navbar.scss \| Size : 5.24 KB
.navbar-tbfdigital{ // max-width: 1339px; display: flex; align-items: center; background: #FFF; margin: 0 auto; width: 100%; .space-left{ display: flex; align-items: center; justify-content: center; .back-btn{ cursor: pointer; } img{ height: 10px; &.main-page-icon{ height: 23px; } } } .content-section{ flex: 1; padding: 0; display: flex; align-items: center; border-bottom: 1px solid $borderColor; height: 100px; } .title-page{ font-size: 22px; font-weight: 700; color: $primary; @media(max-width: 600px){ font-size: 20px; } } .description-dropdown{ .icon-info{ margin-left: 10px; width: 16px; height: 16px; cursor: pointer; &:hover{ .stroke-color{ stroke: $primary; } .fill-color{ fill: $primary; } } } .dropdown-menu{ padding: 20px; } } .breadcrumb-tbf{ display: flex; align-items: center; .item-breadcrumb{ display: flex; align-items: center; &:last-child{ .separator-bredcrumb{ svg{ .fill-color{ fill: $primary; } } } } .link-breadcrumb{ color: #afb1b8; line-height: 1.83; letter-spacing: normal; font-size: 12px; max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; &:hover{ text-decoration: none; color: #626573; } } .current-page{ color: $primary; line-height: 1.83; letter-spacing: normal; font-size: 12px; max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .separator-bredcrumb{ padding: 0 10px; svg{ .fill-color{ fill: #AFB1B8; } } } } } .profile-items{ display: flex; align-items: center; margin-left: auto; .system_notifications, .daily_tasks{ margin-left: 20px; cursor: pointer; border-radius: 10px; width: 35px; height: 35px; position: relative; background: #FCFCFC; border: 1px solid $borderCard; display: flex; align-items: center; justify-content: center; .has_notification{ background: #4eaaff; border: 2px solid #FFF; height: 14px; width: 14px; position: absolute; top: -6px; right: -6px; border-radius: 50%; } } .profile-navbar{ cursor: pointer; margin-left: 20px; img{ width: 35px; height: 35px; object-fit: cover; border-radius: 50%; } .user-circle{ width: 35px; height: 35px; border: solid 1px #e2e4e7; background-color: rgba(240, 241, 242, 0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; svg{ margin-right: -1px; } } } } .dropdown-menu { padding: 0; &.dropdown-user{ box-shadow: 0px 11px 18px rgba(0, 0, 0, 0.194821); border-radius: 4px; border: 1px solid $borderColor; left: initial !important; min-width: 140px; transform: none !important; top: 35px !important; right: 0; .dropdown-item { max-width: 140px; color: $primary; font-family: 'Roboto'; font-size: 0.875rem; cursor: pointer; &.upgrade-plan{ &:hover{ background: transparent; } } } } &.dropdown-notifications{ box-shadow: 0px 11px 18px rgba(0, 0, 0, 0.194821); border-radius: 4px; border: 1px solid $borderColor; left: initial !important; min-width: 400px; top: 35px !important; right: 0; transform: none !important; max-height: 357px; overflow: auto; .dropdown-item{ max-width: 400px; display: flex; align-items: flex-start; &.is-link{ cursor: pointer; } img{ width: 35px; height: 35px; object-fit: cover; border-radius: 50%; margin-right: 10px; } .content-notification{ p{ font-family: 'Roboto'; font-size: 0.875rem; color: $primary; margin-bottom: 0; line-height: 1.5; white-space: normal; strong{ font-family: 'Roboto'; font-weight: 500; color: $primary; font-size: 0.875rem; } } .date{ color: $secondary; font-size: 0.8125rem; font-family: 'Roboto'; margin-bottom: 10px; display: block; text-transform: capitalize; } .result{ font-family: 'Roboto'; font-weight: 500; font-size: 0.875rem; color: $primary; margin-bottom: 0; white-space: normal; } } .not-notifications{ font-family: 'Roboto'; font-size: 0.875rem; color: $primary; margin-bottom: 0; text-align: center; width: 100%; } } } .separator-dropdown{ height: 1px; background: $borderColor; margin: 0px 15px; } .dropdown-item { padding: 10px 15px; &:first-child{ border-top: 0; } &:hover { color: $primary; background: $inputHover; } &:focus{ outline: none; } &.open_invitations{ display: flex; } .number-notification{ background-color: $red; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; color: #FFF; font-family: 'Inter-Medium'; border-radius: 50%; font-size: .75rem; } a{ color: $primary; &:hover{ text-decoration: none; } } } } } Back

Edit File : _navbar.scss | Size : 5.24 KB

.navbar-tbfdigital{
	// max-width: 1339px;
	display: flex;
	align-items: center;
	background: #FFF;
	margin: 0 auto;
	width: 100%;
	.space-left{
		display: flex;
		align-items: center;
		justify-content: center;
		.back-btn{
			cursor: pointer;
		}
		img{
			height: 10px;
			&.main-page-icon{
				height: 23px;
			}
		}
	}
	.content-section{
		flex: 1;
		padding: 0;
		display: flex;
		align-items: center;
		border-bottom: 1px solid $borderColor;
		height: 100px;
	}
	.title-page{
		font-size: 22px;
		font-weight: 700;
		color: $primary;
		@media(max-width: 600px){
			font-size: 20px;
		}
	}
	.description-dropdown{
		.icon-info{
			margin-left: 10px;
			width: 16px;
			height: 16px;
			cursor: pointer;
			&:hover{
				.stroke-color{
					stroke: $primary;
				}
				.fill-color{
					fill: $primary;
				}
			}
		}
		.dropdown-menu{
			padding: 20px;
		}
	}
	.breadcrumb-tbf{
		display: flex;
		align-items: center;
		.item-breadcrumb{
			display: flex;
			align-items: center;
			&:last-child{
				.separator-bredcrumb{
					svg{
						.fill-color{
							fill: $primary;
						}
					}
				}
			}
			.link-breadcrumb{
				color: #afb1b8;
				line-height: 1.83;
				letter-spacing: normal;
				font-size: 12px;
			    max-width: 120px;
			    overflow: hidden;
			    text-overflow: ellipsis;
			    white-space: nowrap;
				&:hover{
					text-decoration: none;
					color: #626573;
				}
			}
			.current-page{
				color: $primary;
				line-height: 1.83;
				letter-spacing: normal;
				font-size: 12px;
			    max-width: 120px;
			    overflow: hidden;
			    text-overflow: ellipsis;
			    white-space: nowrap;
			}
			.separator-bredcrumb{
				padding: 0 10px;
				svg{
					.fill-color{
						fill: #AFB1B8;
					}
				}
			}
		}
	}

.profile-items{
		display: flex;
		align-items: center;
		margin-left: auto;
		.system_notifications,
		.daily_tasks{
			margin-left: 20px;
			cursor: pointer;
			border-radius: 10px;
			width: 35px;
			height: 35px;
			position: relative;
			background: #FCFCFC;
			border: 1px solid $borderCard;
			display: flex;
			align-items: center;
			justify-content: center;
			.has_notification{
				background: #4eaaff;
				border: 2px solid #FFF;
				height: 14px;
				width: 14px;
				position: absolute;
				top: -6px;
				right: -6px;
				border-radius: 50%; 
			}
		}
		.profile-navbar{
			cursor: pointer;
			margin-left: 20px;
			img{
				width: 35px;
				height: 35px;
				object-fit: cover;
				border-radius: 50%;
			}
			.user-circle{
				width: 35px;
				height: 35px;
				border: solid 1px #e2e4e7;
				background-color: rgba(240, 241, 242, 0.2);
				border-radius: 50%;
				display: flex;
				align-items: center;
				justify-content: center;
				svg{
					margin-right: -1px;
				}
			}
		}
	}

.dropdown-menu {
		padding: 0;
		&.dropdown-user{
			box-shadow: 0px 11px 18px rgba(0, 0, 0, 0.194821);
			border-radius: 4px;
			border: 1px solid $borderColor;
			left: initial !important;
			min-width: 140px;
			transform: none !important;
			top: 35px !important;
			right: 0;
			.dropdown-item {
				max-width: 140px;
				color: $primary;
				font-family: 'Roboto';
				font-size: 0.875rem;
				cursor: pointer;
				&.upgrade-plan{
					&:hover{
						background: transparent;
					}
				}
			}
		}
		&.dropdown-notifications{
			box-shadow: 0px 11px 18px rgba(0, 0, 0, 0.194821);
			border-radius: 4px;
			border: 1px solid $borderColor;
			left: initial !important;
			min-width: 400px;
			top: 35px !important;
			right: 0;
			transform: none !important;
			max-height: 357px;
			overflow: auto;
			.dropdown-item{
				max-width: 400px;
				display: flex;
				align-items: flex-start;
				&.is-link{
					cursor: pointer;
				}
				img{
					width: 35px;
					height: 35px;
					object-fit: cover;
					border-radius: 50%;
					margin-right: 10px;
				}
				.content-notification{
					p{
						font-family: 'Roboto';
						font-size: 0.875rem;
						color: $primary;
						margin-bottom: 0;
						line-height: 1.5;
						white-space: normal;
						strong{
							font-family: 'Roboto';
							font-weight: 500;
							color: $primary;
							font-size: 0.875rem;
						}
					}
					.date{
						color: $secondary;
						font-size: 0.8125rem;
						font-family: 'Roboto';
						margin-bottom: 10px;
						display: block;
						text-transform: capitalize;
					}
					.result{
						font-family: 'Roboto';
						font-weight: 500;
						font-size: 0.875rem;
						color: $primary;
						margin-bottom: 0;
						white-space: normal;
					}
				}
				.not-notifications{
					font-family: 'Roboto';
					font-size: 0.875rem;
					color: $primary;
					margin-bottom: 0;
					text-align: center;
					width: 100%;
				}
			}
		}
		.separator-dropdown{
			height: 1px;
			background: $borderColor;
			margin: 0px 15px;
		}
		.dropdown-item {
			padding: 10px 15px;
			&:first-child{
				border-top: 0;
			}
			&:hover {
				color: $primary;
				background: $inputHover;
			}
			&:focus{
				outline: none;
			}
			&.open_invitations{
				display: flex;
			}
			.number-notification{
				background-color: $red;
				width: 20px;
				height: 20px;
				display: flex;
				align-items: center;
				justify-content: center;
				color: #FFF;
				font-family: 'Inter-Medium';
				border-radius: 50%;
				font-size: .75rem;
			}
			a{
				color: $primary;
				&:hover{
					text-decoration: none;
				}
			}
		}
	}
}

Back