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 : _master_goals.scss \| Size : 5.36 KB
.master-goals{ font-family: "Roboto"; .header-list-section{ margin-top: 0px; } .mastergoal-list-section{ margin-top: 30px; margin-right: -15px; margin-left: -15px; display: flex; align-items: flex-start; .content-section{ flex: 1; } .master-goal-lists{ display: flex; flex-wrap: wrap; .master-goal-card{ padding: 0px 15px; width: calc(33.333% - 30px); border-radius: 10px; border: solid 1px #dcdee1; padding: 26px 30px; margin: 0 15px 30px; min-height: 313px; box-sizing: border-box; position: relative; cursor: pointer; @media(max-width: 1280px){ width: calc(50% - 30px); } @media(max-width: 770px){ width: calc(100% - 30px); } @media(min-width: 1920px){ width: calc(25% - 30px); } @media(min-width: 2100px){ width: calc(20% - 30px); } @media(min-width: 3000px){ width: calc(16.666% - 30px); } @media(max-width: 600px){ min-height: 300px; } &.empty{ &:before{ display: none; } } &:hover{ background-color: rgba(240, 241, 243, 0.2); } &:before{ content: ""; display: block; width: calc(100% - 20px); position: absolute; left: 10px; bottom: -10px; height: 10px; border-radius: 10px; border-top: 0px; border-top-right-radius: 0px; border-top-left-radius: 0px; border: solid 1px #dcdee1; background-color: #fcfcfc; } .header-card-mg{ display: flex; align-items: center; .text-medium{ width: 100%; padding-right: 15px; font-size: 22px; font-weight: 700; line-height: 1.27; letter-spacing: normal; color: $primary; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .dots-edit{ margin-left: auto; text-align: right; font-size: 20px; line-height: 1; cursor: pointer; .edit-item-dropdown{ position: relative; .overlay-button{ position: absolute; width: 20px; height: 30px; z-index: 99; top: -3px; } .edit-item-button{ background: transparent; padding: 0; border: 0; color: $secondary; width: 20px; margin-right: -10px; text-align: center; &:focus{ outline: none; } } .dropdown-menu{ padding: 0; overflow: hidden; min-width: fit-content; margin-top: 5px; box-shadow: 0px 11px 18px rgba(0, 0, 0, 0.194821); border: 1px solid $borderColor; border-radius: 4px; .dropdown-item{ padding: 10px 20px; font-size: 13px; font-family: 'Roboto'; color: $primary; &:hover{ background-color: rgba(0, 112, 224, 0.05); } &:focus{ outline: none; } &:active{ background-color: #f8f9fa; } } .dropdown-divider{ border-top: 1px solid #f0f0f0; margin: 5px 0; } } } } } .description{ width: 100%; height: 38px; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.58; letter-spacing: normal; color: #606270; overflow: hidden; text-overflow: ellipsis; margin-top: 11px; margin-bottom: 0px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } hr{ border-color: solid 1px #dcdee1; margin: 0px; margin-top: 26px; } .values{ display: flex; margin-bottom: 10px; margin-top: 23px; .percentage{ width: 100px; font-size: 14px; color: $primary; } .remainingtime{ flex: 1; text-align: right; font-size: 14px; color: $greyNotActive; } } .progress-bar-holder{ height: 8px; border-radius: 3.6px; border: solid 1px #dcdee1; background-color: #fcfcfc; .progress-bar{ margin-top: -1px; margin-left: -1px; height: 8px; border-radius: 3.6px; box-shadow: 0 1px 4px 0 rgba(8, 129, 255, 0.3); border: solid 1px #0060c3; background-color: #6bb3ff; &.overdue{ box-shadow: 0 1px 3px 0 rgba(235, 27, 104, 0.2); border: solid 1px $pinkRed; background-color: rgba(235, 27, 104, 0.3); } } } .counters{ display: flex; flex-wrap: wrap; margin-top: 23px; .counter-box{ text-align: center; width: 33%; border-right: solid 1px #dcdee1; padding: 10px 0px; @media(max-width: 600px){ padding: 0; } &:nth-child(3){ border-right: 0px; } .number{ font-size: 22px; font-weight: 700; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: $primary; @media(max-width: 600px){ font-size: 18px; } } .text{ font-size: 14px; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #525464; @media(max-width: 600px){ font-size: 12px; } } } } } } } } Back

Edit File : _master_goals.scss | Size : 5.36 KB

.master-goals{
	font-family: "Roboto";
	.header-list-section{
		margin-top: 0px;
	}
	.mastergoal-list-section{
		margin-top: 30px;
		margin-right: -15px;
		margin-left: -15px;
	    display: flex;
	    align-items: flex-start;
	    .content-section{
		    flex: 1;
		}
		.master-goal-lists{
			display: flex;
			flex-wrap: wrap;
			.master-goal-card{
				padding: 0px 15px;
				width: calc(33.333% - 30px); 
				border-radius: 10px;
				border: solid 1px #dcdee1;
				padding: 26px 30px;
				margin: 0 15px 30px;
				min-height: 313px;
				box-sizing: border-box;
				position: relative;
				cursor: pointer;
				@media(max-width: 1280px){
					width: calc(50% - 30px); 
				}
				@media(max-width: 770px){
					width: calc(100% - 30px); 
				}
				@media(min-width: 1920px){
					width: calc(25% - 30px); 
				}
				@media(min-width: 2100px){
					width: calc(20% - 30px); 
				}
				@media(min-width: 3000px){
					width: calc(16.666% - 30px); 
				}
				@media(max-width: 600px){
					min-height: 300px;
				}
				&.empty{
					&:before{
						display: none;
					}
				}
				&:hover{
					background-color: rgba(240, 241, 243, 0.2);
				}
				&:before{
					content: "";
					display: block;
					width: calc(100% - 20px);
					position: absolute;
					left: 10px;
					bottom: -10px;
					height: 10px;
					border-radius: 10px;
					border-top: 0px;
					border-top-right-radius: 0px;
					border-top-left-radius: 0px;
					border: solid 1px #dcdee1;
					background-color: #fcfcfc;
				}
				.header-card-mg{
					display: flex;
					align-items: center;
					.text-medium{
						width: 100%;
						padding-right: 15px;
						font-size: 22px;
						font-weight: 700;
						line-height: 1.27;
						letter-spacing: normal;
						color: $primary;
						overflow: hidden;
						text-overflow: ellipsis;
						display: -webkit-box;
						-webkit-line-clamp: 1;
						-webkit-box-orient: vertical;
					}
					.dots-edit{
						margin-left: auto;
						text-align: right;
						font-size: 20px;
						line-height: 1;
						cursor: pointer;
						.edit-item-dropdown{
							position: relative;
							.overlay-button{
								position: absolute;
								width: 20px;
								height: 30px;
								z-index: 99;
								top: -3px;
							}
							.edit-item-button{
								background: transparent;
								padding: 0;
								border: 0;
								color: $secondary;
								width: 20px;
								margin-right: -10px;
								text-align: center;
								&:focus{
									outline: none;
								}
							}
							.dropdown-menu{
								padding: 0;
								overflow: hidden;
								min-width: fit-content;
								margin-top: 5px;
								box-shadow: 0px 11px 18px rgba(0, 0, 0, 0.194821);
								border: 1px solid $borderColor;
								border-radius: 4px;
								.dropdown-item{
									padding: 10px 20px;
									font-size: 13px;
									font-family: 'Roboto';
									color: $primary;
									&:hover{
										background-color: rgba(0, 112, 224, 0.05);
									}
									&:focus{
										outline: none;
									}
									&:active{
										background-color: #f8f9fa;
									}
								}
								.dropdown-divider{
									border-top: 1px solid #f0f0f0;
									margin: 5px 0;
								}
							}
						}
					}
				}
				.description{
				  width: 100%;
				  height: 38px;
				  font-size: 12px;
				  font-weight: normal;
				  font-stretch: normal;
				  font-style: normal;
				  line-height: 1.58;
				  letter-spacing: normal;
				  color: #606270;
				  overflow: hidden;
				  text-overflow: ellipsis;
				  margin-top: 11px;
				  margin-bottom: 0px;
					display: -webkit-box;
					-webkit-line-clamp: 2;
					-webkit-box-orient: vertical;
				}
				hr{
				  border-color: solid 1px #dcdee1;
				  margin: 0px;
				  margin-top: 26px;
				}
				.values{
					display: flex;
					margin-bottom: 10px;
					margin-top: 23px;
					.percentage{
						width: 100px;
						font-size: 14px;
						color: $primary;
					}
					.remainingtime{
						flex: 1;
						text-align: right;
						font-size: 14px;
						color: $greyNotActive;
					}
				}
				.progress-bar-holder{
					height: 8px;
					border-radius: 3.6px;
					border: solid 1px #dcdee1;
					background-color: #fcfcfc;
					.progress-bar{
						margin-top: -1px;
						margin-left: -1px;
						height: 8px;
						border-radius: 3.6px;
						box-shadow: 0 1px 4px 0 rgba(8, 129, 255, 0.3);
						border: solid 1px #0060c3;
						background-color: #6bb3ff;
						&.overdue{
							box-shadow: 0 1px 3px 0 rgba(235, 27, 104, 0.2);
							border: solid 1px $pinkRed;
							background-color: rgba(235, 27, 104, 0.3);
						}
					}
				}
				.counters{
					display: flex;
					flex-wrap: wrap;
					margin-top: 23px;
					.counter-box{
						text-align: center;
						width: 33%;
						border-right: solid 1px #dcdee1;
						padding: 10px 0px;
						@media(max-width: 600px){
							padding: 0;
						}
						&:nth-child(3){
							border-right: 0px;
						} 
						.number{
							font-size: 22px;
							font-weight: 700;
							font-style: normal;
							line-height: normal;
							letter-spacing: normal;
							text-align: center;
							color: $primary;
							@media(max-width: 600px){
								font-size: 18px;
							}
						}
						.text{
							font-size: 14px;
							font-style: normal;
							line-height: normal;
							letter-spacing: normal;
							text-align: center;
							color: #525464;
							@media(max-width: 600px){
								font-size: 12px;
							}
						}
					}
				}
			}
		}
	}
}

Back