ONE PIECE HACKING

Ngiler SH3LL 360
: / home / tbf / quiz_tbf_accelerator / 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 : adminVueApp.scss \| Size : 11.35 KB
/* START - Generic CSS / @import '../../node_modules/include-media/dist/include-media'; @import 'breakpoints'; / END - Generic CSS / // Fonts @import url('https://fonts.googleapis.com/css?family=Nunito'); // Variables @import 'variables'; @import 'main'; @import 'admin/style'; @import "vue-select/src/scss/vue-select.scss"; // Bootstrap @import '~bootstrap/scss/bootstrap'; $danger-color: #ca3e47; $link-color: #313131; $link-color-active: #ca3e47; $table-color: #525252; $bg-color-menu: #313131; $sidebar-color-menu: #FFFFFF; $header-font-color: #525252; $list-item-font-color: #bebebe; $bg-color-content: #ebecf1; $input-success-color: #38c172; $input-success-color-80: #38c171c9; { -webkit-font-smoothing: antialiased !important; font-smoothing: antialiased !important; } body{ background-color: $bg-color-content; font-family: Poppins Medium; } #admin { @include media('>=huge') {} @include media('>=medium', '<huge') {} @include media('<medium') {} @media (min-width: 992px) and (max-width: 1600px) { .error-message { top: -7px !important; right: 18px !important; font-size: 10px !important; } .error-message-alt { top: 18px !important; right: 25px !important; font-size: 12px !important; } .error-message-setting { bottom: 40px !important; right: 80px !important; } } .navbar{ background: $sidebar-color-menu; z-index: 9999998; } .menu-container{ .sidebar{ position: fixed; top: 0; height: 100%; bottom: 0; width: 260px; left: 0; z-index: 9999999; display: block; // box-shadow: 0px 2px 22px 0 rgba(0, 0, 0, 0.2), 0px 2px 30px 0 rgba(0, 0, 0, 0.35); .logo{ position: relative; z-index: 4; margin: 20px; a{ img{ width: 100%; display: flex; object-fit: contain; } } } &:before{ display: block; content: ""; opacity: 1; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } &:after{ background: $sidebar-color-menu; display: block; content: ""; opacity: 1; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .sidebar-wrapper{ position: relative; height: calc(100vh - 75px); overflow: auto; width: 260px; z-index: 4; padding-bottom: 100px; .notification-bubble{ background-color: $danger-color; color: $sidebar-color-menu; padding: 0px 15px; font-size: 14px; margin-right: 10px; border-radius: 12px; height: 20px; line-height: 20px; } .nav{ margin-top: 6px; display: block; padding-left: 0; margin-bottom: 0; list-style: none; li > a{ margin: 0 0 0 5px; } li{ a{ color: $link-color; margin: 10px 0 10px 20px; line-height: 30px; position: relative; height: auto; white-space: nowrap; justify-content: space-between; display: flex; align-items: center; } &.active, &:hover{ border-left: 10px solid $danger-color; a{ text-decoration: none; color: $link-color-active !important; } } } } } } } select{ border: 1px solid #000; border-radius: 4px; background-color: #ffffff; padding: 5px; } #tree{ select{ padding: 0 5px; } } input, textarea{ border:none; color:$header-font-color; border-bottom:1px solid $input-success-color; border-radius:0; &::placeholder{ color:$input-success-color-80; } &.invalid{ border: 1px solid $danger-color; border-radius: 2px; &::placeholder{ color:$danger-color; } } } .filter{ input, select{ &::placeholder{ color:$header-font-color; } } } .error-message { color: $danger-color; font-size: 14px; font-style: italic; padding: 0px 10px; margin-bottom: 10px; position: absolute; top: -10px; background: white; right: 18px; z-index: 10; } .error-message-alt { color: $danger-color; font-size: 14px; font-style: italic; padding: 0px 10px; margin-bottom: 10px; position: absolute; top: 5px; background: white; right: 25px; z-index: 10; } .error-message-setting { color: $danger-color; font-size: 14px; font-style: italic; padding: 0px 10px; margin-bottom: 10px; position: absolute; bottom: 40px; background: white; right: 100px; z-index: 10; } input, button, select{ &:active, &:focus{ outline: none; box-shadow: none; border-color: none; } } .main-panel{ position: relative; float: right; width: calc(100% - 260px); &.full{ width: 100%; } background-color: $bg-color-content; -webkit-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); -moz-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); -o-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); -ms-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); .content{ padding: 0 30px 30px; margin-top: 30px; .page-title{ color: #797979; font-size: 28px; margin-bottom: 0; line-height: 38px; height: 38px; display: flex; align-content: center; img{ padding: 10px } } .page-dashboard{ color: #797979; font-size: 28px; margin-bottom: 0; line-height: 38px; height: 38px; display: flex; align-content: center; img{ margin-right: 10px; } } .info-cards{ .card{ height: 25vh; &.card-1{ background: url('/build/images/dashboard-red.svg') no-repeat; background-size: cover; } &.card-2{ background: url('/build/images/dashboard-blue.svg') no-repeat; background-size: cover; } &.card-3{ background: url('/build/images/dashboard-green.svg') no-repeat; background-size: cover; } .card-body{ height: 100%; display: flex; flex-direction: column; justify-content: center; color: #fff; .card-body-header{ margin-top: 0; } .card-body-content{ margin: auto 0; .content-title{ font-size: 20px; font-weight: bold; } .content-subtitle{ font-size: 13px; } } .card-body-footer{ margin-bottom: 0; font-size: 13px; text-transform: uppercase; } } } } .card{ border: 0; border-radius: 0.1875rem; display: inline-block; position: relative; width: 100%; margin-bottom: 20px; box-shadow: 0 1px 15px 1px rgba(39, 39, 39, 0.1); .card-header{ color: $header-font-color; background-color: transparent; padding: 15px 15px; border: 0; .card-title{ font-size: 18px; margin:0; } } .card-body{ color: $header-font-color; padding: 15px 15px 10px 15px; .btn-arrow{ padding: 0; .arrow-up, .arrow-down{ height: 20px; } } .list-item{ padding: 0 12px; margin-bottom: 15px; border-bottom: 1px solid $list-item-font-color; .edit-field{ img{ height: 17px; margin: 0 15px 0 0; } input{ border-bottom: 0; } } } .job-form{ input, select, textarea{ border:none; color:$header-font-color; border-bottom:1px solid $header-font-color; border-radius:0; &::placeholder{ color:$header-font-color; } &.invalid{ border:1px solid $danger-color; border-radius: 2px; &::placeholder{ color:$danger-color; } } } .select-city-div{ flex-direction: column; .select-city{ .vs__selected-options{ border-bottom: 1px solid $header-font-color; } &.invalid{ border: 1px solid $danger-color; border-radius: 4px; .vs__selected-options{ border: none; input { &::placeholder{ color:$danger-color; } } } } } } .form-select{ align-items:center; } } .skill-form{ input, select{ border:none; color:$header-font-color; border-bottom:1px solid $input-success-color; border-radius:0; &::placeholder{ color:$header-font-color; } &.invalid{ border: 1px solid $danger-color; background: white; border-radius: 4px; &::placeholder{ color:$danger-color; } } } .form-select{ align-items:center; } // .error-message { // color: $danger-color; // font-size: 14px; // font-style: italic; // padding: 0px 10px; // margin-bottom: 10px; // position: absolute; // top: -10px; // background: white; // right: 25px; // z-index: 10; // } } .select-city-div{ flex-direction: column; .select-city{ input{ border: none; } .vs__dropdown-toggle{ border: none; } .vs__selected-options{ border-bottom:1px solid $input-success-color; } &.invalid{ border-radius: 4px; border: 1px solid $danger-color; .vs__selected-options{ border: none; input { &::placeholder{ color:$danger-color; } } } } } } .social-media{ img{ height: 40px; width: 40px; margin: 0 5px; } } .table-crm{ tr{ cursor: pointer; &.checked{ background-color: $input-success-color-80 } } } .table-applicants{ tr{ &.danger{ td{ color: $danger-color !important; } } th{ border: none; padding: 10px 25px; color: $table-color; // width: 30%; .header{ display:flex; height: 70px; align-items: center; } } td{ cursor: pointer; // width: 30%; padding: 25px; color: $table-color; .unprocessed{ background-color: $danger-color; color: #fff; border-radius: 15px; padding: 10px; } } select{ border: 1px solid #000; border-radius: 4px; background-color: #ffffff; padding: 5px; } } } } } .card-job{ cursor: pointer; user .card-body{ .row{ .boolean-row{ font-size: 14px } } } } } } .vue-notification { font-size: 16px; } } #statistics{ margin-top: 50px; } .loading { display: flex; width: 100%; height: 100vh; align-items: center; justify-content: center; img{ max-width: 300px; background-repeat: no-repeat; background-position: left top; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: pulse; -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */ animation-iteration-count: infinite; animation-name: pulse; } } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } Back

Edit File : adminVueApp.scss | Size : 11.35 KB

/* START - Generic CSS */
@import '../../node_modules/include-media/dist/include-media';
@import 'breakpoints';
/* END - Generic CSS */

// Fonts
@import url('https://fonts.googleapis.com/css?family=Nunito');

// Variables
@import 'variables';
@import 'main';
@import 'admin/style';
@import "vue-select/src/scss/vue-select.scss";
// Bootstrap
@import '~bootstrap/scss/bootstrap';
$danger-color: #ca3e47;
$link-color: #313131; 
$link-color-active: #ca3e47; 
$table-color: #525252;
$bg-color-menu: #313131;
$sidebar-color-menu: #FFFFFF;
$header-font-color: #525252;
$list-item-font-color: #bebebe;
$bg-color-content: #ebecf1;
$input-success-color: #38c172;
$input-success-color-80: #38c171c9;
*{
	-webkit-font-smoothing: antialiased !important;
	font-smoothing: antialiased !important;
}
body{
	background-color: $bg-color-content;
	font-family: Poppins Medium;
}
#admin {
	@include media('>=huge') {}
	@include media('>=medium', '<huge') {}
	@include media('<medium') {}
	@media (min-width: 992px) and (max-width: 1600px) {
		.error-message {
			top: -7px !important;
    		right: 18px !important;
    		font-size: 10px !important;
		}
		.error-message-alt {
			top: 18px !important;
			right: 25px !important;
			font-size: 12px !important;
		}
		
		.error-message-setting {
			bottom: 40px !important;
			right: 80px !important;
		}
	}
	.navbar{
		background: $sidebar-color-menu;
		z-index: 9999998;
	}
	.menu-container{
		.sidebar{
			position: fixed;
			top: 0;
			height: 100%;
			bottom: 0;
			width: 260px;
			left: 0;
			z-index: 9999999;
			display: block;
			// box-shadow: 0px 2px 22px 0 rgba(0, 0, 0, 0.2), 0px 2px 30px 0 rgba(0, 0, 0, 0.35);
			.logo{
				position: relative;
				z-index: 4;
				margin: 20px;
				a{
					img{
						width: 100%;
						display: flex;
						object-fit: contain;
					}
				}
			}
			&:before{
				display: block;
				content: "";
				opacity: 1;
				position: absolute;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
			}
			&:after{
				background: $sidebar-color-menu;
				display: block;
				content: "";
				opacity: 1;
				position: absolute;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
			}
			.sidebar-wrapper{
				position: relative;
				height: calc(100vh - 75px);
				overflow: auto;
				width: 260px;
				z-index: 4;
				padding-bottom: 100px;
				.notification-bubble{
					background-color: $danger-color;
					color: $sidebar-color-menu;
					padding: 0px 15px;
					font-size: 14px;
					margin-right: 10px;
					border-radius: 12px;
					height: 20px;
					line-height: 20px;
				}
				.nav{
					margin-top: 6px;
					display: block;
					padding-left: 0;
					margin-bottom: 0;
					list-style: none;
					li > a{
						margin: 0 0 0 5px;
					}
					li{
						a{
							color: $link-color;
							margin: 10px 0 10px 20px;
							line-height: 30px;
							position: relative;
							height: auto;
							white-space: nowrap;
							justify-content: space-between;
							display: flex;
							align-items: center;
						}
						&.active, &:hover{
							border-left: 10px solid $danger-color;
							a{
								text-decoration: none;
								color: $link-color-active !important;
							}
						}
					}
				}
			}
		}
	}
	select{
		border: 1px solid #000;
		border-radius: 4px;
		background-color: #ffffff;
		padding: 5px;
	}
	#tree{
		select{
			padding: 0 5px;
		}
	}
	input, textarea{
		border:none;
		color:$header-font-color;
		border-bottom:1px solid $input-success-color;
		border-radius:0;
		&::placeholder{
			color:$input-success-color-80;
		}
		&.invalid{
			border: 1px solid $danger-color;
			border-radius: 2px;
			&::placeholder{
				color:$danger-color;
			}
		}
	}
	.filter{
		input, select{
			&::placeholder{
				color:$header-font-color;
			}
		}
	}
	.error-message {
		color: $danger-color;
		font-size: 14px;
		font-style: italic;
		padding: 0px 10px;
		margin-bottom: 10px;
		position: absolute;
		top: -10px;
		background: white;
		right: 18px;
		z-index: 10;
	}
	.error-message-alt {
		color: $danger-color;
		font-size: 14px;
		font-style: italic;
		padding: 0px 10px;
		margin-bottom: 10px;
		position: absolute;
		top: 5px;
		background: white;
		right: 25px;
		z-index: 10;
	}
	
	.error-message-setting {
		color: $danger-color;
		font-size: 14px;
		font-style: italic;
		padding: 0px 10px;
		margin-bottom: 10px;
		position: absolute;
		bottom: 40px;
		background: white;
		right: 100px;
		z-index: 10;
	}

input, button, select{
		&:active, &:focus{
			outline: none;
			box-shadow: none;
			border-color: none;
		}
	}
	.main-panel{
		position: relative;
		float: right;
		width: calc(100% - 260px);
		&.full{
			width: 100%;
		}
		background-color: $bg-color-content;
		-webkit-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
		-moz-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
		-o-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
		-ms-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
		transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
		.content{
			padding: 0 30px 30px;
			margin-top: 30px;
			.page-title{
				color: #797979;
				font-size: 28px;
				margin-bottom: 0;
				line-height: 38px;
				height: 38px;
				display: flex;
				align-content: center;
				img{
					padding: 10px
				}
			}
			.page-dashboard{
				color: #797979;
				font-size: 28px;
				margin-bottom: 0;
				line-height: 38px;
				height: 38px;
				display: flex;
				align-content: center;
				img{
					margin-right: 10px;
				}
			}
			.info-cards{
				.card{
					height: 25vh;
					&.card-1{
						background: url('/build/images/dashboard-red.svg') no-repeat;
						background-size: cover;
					}
					&.card-2{
						background: url('/build/images/dashboard-blue.svg') no-repeat;
						background-size: cover;
					}
					&.card-3{
						background: url('/build/images/dashboard-green.svg') no-repeat;
						background-size: cover;
					}
					.card-body{
						height: 100%;
						display: flex;
						flex-direction: column;
						justify-content: center;
						color: #fff;
						.card-body-header{
							margin-top: 0;
						}
						.card-body-content{
							margin: auto 0;
							.content-title{
								font-size: 20px;
								font-weight: bold;
							}
							.content-subtitle{
								font-size: 13px;
							}
						}
						.card-body-footer{
							margin-bottom: 0;
							font-size: 13px;
							text-transform: uppercase;
						}
					}
				}
			}
			.card{
				border: 0;
				border-radius: 0.1875rem;
				display: inline-block;
				position: relative;
				width: 100%;
				margin-bottom: 20px;
				box-shadow: 0 1px 15px 1px rgba(39, 39, 39, 0.1);
				.card-header{
					color: $header-font-color;
					background-color: transparent;
					padding: 15px 15px;
					border: 0;
					.card-title{
						font-size: 18px;
						margin:0;
					}
				}
				.card-body{
					color: $header-font-color;
					padding: 15px 15px 10px 15px;
					.btn-arrow{
						padding: 0;
						.arrow-up, .arrow-down{
							height: 20px;
						}
					}
					.list-item{
						padding: 0 12px;
						margin-bottom: 15px;
						border-bottom: 1px solid $list-item-font-color;
						.edit-field{
							img{
								height: 17px;
								margin: 0 15px 0 0;
							}
							input{
								border-bottom: 0;
							}
						}
					}
					.job-form{
						input, select, textarea{
							border:none;
							color:$header-font-color;
							border-bottom:1px solid $header-font-color;
							border-radius:0;
							&::placeholder{
								color:$header-font-color;
							}
							&.invalid{
								border:1px solid $danger-color;
								border-radius: 2px;
								&::placeholder{
									color:$danger-color;
								}
							}
						}
						.select-city-div{
							flex-direction: column;
							.select-city{
								.vs__selected-options{
									border-bottom: 1px solid $header-font-color;
								}
								&.invalid{
									border: 1px solid $danger-color;
									border-radius: 4px;
									.vs__selected-options{
										border: none;
										input {
											&::placeholder{
												color:$danger-color;
											}
										}
									}
								}
							}
						}
						.form-select{
							align-items:center;
						}
					}
					.skill-form{
						input, select{
							border:none;
							color:$header-font-color;
							border-bottom:1px solid $input-success-color;
							border-radius:0;
							&::placeholder{
								color:$header-font-color;
							}
							&.invalid{
								border: 1px solid $danger-color;
								background: white;
								border-radius: 4px;
								&::placeholder{
									color:$danger-color;
								}
							}
						}
						.form-select{
							align-items:center;
						}
						// .error-message {
						// 	color: $danger-color;
						// 	font-size: 14px;
						// 	font-style: italic;
						// 	padding: 0px 10px;
						// 	margin-bottom: 10px;
						// 	position: absolute;
						// 	top: -10px;
						// 	background: white;
						// 	right: 25px;
						// 	z-index: 10;
						// }
					}
					.select-city-div{
						flex-direction: column;
						.select-city{
							input{
								border: none;
							}
							.vs__dropdown-toggle{
								border: none;
							}
							.vs__selected-options{
								border-bottom:1px solid $input-success-color;
	
							}
							&.invalid{
								border-radius: 4px;
								border: 1px solid $danger-color;
								.vs__selected-options{
									border: none;
									input {
										&::placeholder{
											color:$danger-color;
										}
									}
								}
							}
						}
					}
					.social-media{
						img{
							height: 40px;
							width: 40px;
							margin: 0 5px;
						}
					}
					.table-crm{
						tr{
							cursor: pointer;
							&.checked{
								background-color: $input-success-color-80
							}
						}
					}
					.table-applicants{
						tr{
							&.danger{
								td{
									color: $danger-color !important;
								}
							}
							th{
								border: none;
								padding: 10px 25px;
								color: $table-color;
								// width: 30%;
								.header{
									display:flex;
									height: 70px;
									align-items: center;
								}
							}
							td{
								cursor: pointer;
								// width: 30%;
								padding: 25px;
								color: $table-color;
								.unprocessed{
									background-color: $danger-color;
									color: #fff;
									border-radius: 15px;
									padding: 10px;
								}

}
							select{
								border: 1px solid #000;
								border-radius: 4px;
								background-color: #ffffff;
								padding: 5px;
							}
						}
					}
				}
			}
			.card-job{
				cursor: pointer;
				user
				.card-body{ 
					.row{
						.boolean-row{
							font-size: 14px
						}
					}
				}
			}
		}
	}
	.vue-notification {
		font-size: 16px;
	}
}

#statistics{
	margin-top: 50px;
}
  
  .loading {
	  display: flex;
	  width: 100%;
	  height: 100vh;
	  align-items: center;
	  justify-content: center;
	  img{
		max-width: 300px;
		background-repeat: no-repeat;
		background-position: left top;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: pulse;
		-webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
		animation-iteration-count: infinite;
		animation-name: pulse;
	  }
 }
 @-webkit-keyframes pulse {
	0% { -webkit-transform: scale(1); }
	50% { -webkit-transform: scale(1.1); }
	100% { -webkit-transform: scale(1); }
 }
 @keyframes pulse {
	0% { transform: scale(1); }
	50% { transform: scale(1.1); }
	100% { transform: scale(1); }
 }

Back