ONE PIECE HACKING

Ngiler SH3LL 360
: / home / tbf / conferinta_tbf / 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 : admin_app.scss \| Size : 9.92 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'; // Bootstrap @import '~bootstrap/scss/bootstrap'; $danger-color: #ca3e47; $bg-color-menu: #313131; $header-font-color: #525252; $list-item-font-color: #bebebe; $bg-color-content: #fff; $input-success-color: #000; $input-success-color-80: #000; { -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; } } .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: $bg-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; .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: #F7F7F7; margin: 10px 0 10px 20px; line-height: 30px; position: relative; display: block; height: auto; white-space: nowrap; } &.active, &:hover{ background-color: #525252; border-left: 10px solid $danger-color; a{ text-decoration: none; color: #F7F7F7 !important; } } } } } } } input, select{ border:none; color:$header-font-color; border-bottom:1px solid $input-success-color; border-radius:0; background: #ebebeb; text-align:center; width:100%; &::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; } } } .edit-entry { width: 25px; } .btn-blk { background-color: rgba(0, 0, 0, 1) } .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: 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; } .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; .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{ 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; } } .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; } } } } } } } } .card-job{ cursor: pointer; user .card-body{ .row{ .boolean-row{ font-size: 14px } } } } } } .vue-notification { font-size: 16px; } .workflow-chart{ user-select: none; cursor: drag; } } .table{ .thead th{ border:none !important; } input{ background-color: #fff !important; } } .home-page-container { padding: 25px; .logo { img { width: 200px; height: 30px; object-fit: cover; max-width: 100%; } } .table-main{ tbody { td{ vertical-align: middle !important; word-break: break-all; width: 15%; } } } .add-user-wrapper { background: #ebebeb; padding: 10px; border: 1px solid #000; margin-bottom: 30px; } .search-table{ width:100%; input{ display: flex; background: #fff !important; &::placeholder{ color: #000 !important; } font-size: 20px; color: #000 !important; border-bottom: 2px solid #000 !important; width:300px !important; } } .chance-input { border-bottom: 1px solid #000 !important } .checkbox-container { position: relative; padding-left: 35px; margin-bottom: 25px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .checkbox-container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkmark { position: absolute; top: 0; left: 0; height: 30px; width: 30px; background-color: rgba(255,255,255,1); border: 2px solid rgba(0,0,0,1); } .checkmark:after { content: ""; position: absolute; display: none; } .checkbox-container input:checked ~ .checkmark:after { display: block; } .checkbox-container .checkmark:after { left: 11px; top: 8px; width: 5px; height: 10px; border: solid rgba(0,0,0,1); border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } } #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 : admin_app.scss | Size : 9.92 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';
// Bootstrap
@import '~bootstrap/scss/bootstrap';
$danger-color: #ca3e47;
$bg-color-menu: #313131;
$header-font-color: #525252;
$list-item-font-color: #bebebe;
$bg-color-content: #fff;
$input-success-color: #000;
$input-success-color-80: #000;
*{
	-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;
		}
	}
	.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: $bg-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;
				.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: #F7F7F7;
							margin: 10px 0 10px 20px;
							line-height: 30px;
							position: relative;
							display: block;
							height: auto;
							white-space: nowrap;
						}
						&.active, &:hover{
							background-color: #525252;
							border-left: 10px solid $danger-color;
							a{
								text-decoration: none;
								color: #F7F7F7 !important;
							}
						}
					}
				}
			}
		}
	}
	input, select{
		border:none;
		color:$header-font-color;
		border-bottom:1px solid $input-success-color;
		border-radius:0;
		background: #ebebeb;
		text-align:center;
		width:100%;
		&::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;
			}
		}
	}
	.edit-entry {
		width: 25px;
	}

.btn-blk {
		background-color: rgba(0, 0, 0, 1)
	}
	.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: 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;
			}
			.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;
					.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{
							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;
						}
					}
					.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;
										}
									}
								}
							}
						}
					}
				}
			}
			.card-job{
				cursor: pointer;
				user
				.card-body{ 
					.row{
						.boolean-row{
							font-size: 14px
						}
					}
				}
			}
		}
	}
	.vue-notification {
		font-size: 16px;
	}
	.workflow-chart{
		user-select: none;
		cursor: drag;
	}
}
.table{
	.thead th{
		border:none !important;
	}
	input{
		background-color: #fff !important;
	}
} 
.home-page-container {
	padding: 25px;
	.logo {
		img {
			width: 200px;
			height: 30px;
			object-fit: cover;
			max-width: 100%;
		}
	}
	.table-main{
		tbody {
			td{
				vertical-align: middle !important;
				word-break: break-all;
    			width: 15%;
			}
		}
		
	}
	.add-user-wrapper {
		background: #ebebeb;
		padding: 10px;
		border: 1px solid #000;
		margin-bottom: 30px;

}
	.search-table{
		width:100%;
		input{
			display: flex;
			background: #fff !important;

&::placeholder{
				color: #000 !important;
			}
			font-size: 20px;
			color: #000 !important;
			border-bottom: 2px solid #000 !important;
			width:300px !important;
		}
	}
	.chance-input {
		border-bottom: 1px solid #000 !important
	}
	.checkbox-container {
		position: relative;
		padding-left: 35px;
		margin-bottom: 25px;
		cursor: pointer;
		font-size: 22px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	  
	.checkbox-container input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		height: 0;
		width: 0;
	}

.checkmark {
		position: absolute;
		top: 0;
		left: 0;
		height: 30px;
		width: 30px;
		background-color: rgba(255,255,255,1);
		border: 2px solid rgba(0,0,0,1);
	}

.checkmark:after {
		content: "";
		position: absolute;
		display: none;
	}

.checkbox-container input:checked ~ .checkmark:after {
		display: block;
	}

.checkbox-container .checkmark:after {
		left: 11px;
		top: 8px;
		width: 5px;
		height: 10px;
		border: solid rgba(0,0,0,1);
		border-width: 0 3px 3px 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
}

#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