ONE PIECE HACKING

Ngiler SH3LL 360
: / home / tbf / quiz_tbf_accelerator / resources / sass / admin /

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 : _modal.scss \| Size : 3.11 KB
.modal-lg, .modal-xl { max-width: 90%; } .modal-header { border-bottom-width: 2px; h1 { margin-bottom: 0; } .close { color: $blue-dark; } } .heading { .row { .step_titles:nth-child( 2n + 1 ) { background-color: $gray-light; } } } .modal-body { padding-top: 0; .plus-circle { background-color: $white; border-radius: 50px; width: 18px; height: 18px; position: relative; float: left; margin-right: 5px; &::before { content: "+"; height: 100%; width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; font-weight: bold; font-size: 20px; font-family: courier; color: $gray-50; padding-top: 4px; } } small { color: $gray-50; } .form-control { color: $blue-normal; &.active { border: 2px solid $green; } } .answers { border-top: 2px solid $gray-light; } .answers, .variables, .headline, .medias, .description, .next-steps { .heading { padding: 15px 15px 0; } .content { padding-left: 15px; } } .variables { .heading { cursor: pointer; .arrow { border: 2px solid $gray-headline; border-radius: 100%; width: 30px; height: 30px; position: relative; margin-left: 10px; &:before, &:after { content: ''; position: absolute; top: 11px; width: 13px; border: 1px solid $gray-headline; transition: all 0.3s; -webkit-transition: all 0.3s; } &:before { transform: rotateZ(-45deg); -webkit-transform: rotateZ(-45deg); left: 2px; } &:after { transform: rotateZ(45deg); -webkit-transform: rotateZ(45deg); left: 11px; } } &.collapsed { .arrow { &:before, &:after { top: 13px; } &:before { transform: rotateZ(45deg); -webkit-transform: rotateZ(45deg); left: 2px; } &:after { transform: rotateZ(-45deg); -webkit-transform: rotateZ(-45deg); left: 10px; } } } } } .delete-destination, .delete-title { color: $red; font-size: 20px; cursor: pointer; transform: rotate(45deg); width: 20px; height: 20px; margin-left: 10px; position: relative; display: inline-block; z-index: 9999; top: 6px; } } .modal-footer { border-top-width: 2px; } .step_answers { margin: 0; padding-top: 15px; &:nth-child(even) { border-bottom: 5px solid $gray-light; } &:nth-child(odd) { background-color: #f0f0f0; border-bottom: 5px solid $gray-20; } .wrapper-left { padding: 0; } .wrapper-right { padding: 0 0 0 15px; } } .border-left-5 { &:nth-child(even) { border-left: 5px solid $gray-light; } &:nth-child(odd) { border-left: 5px solid $gray-20; } } label.custom { font-size: 12px; margin-bottom: 0; font-weight: 700; text-transform: uppercase; width: 100%; } .dropdown-divider { border-width: 2px; } @media (min-width: 576px) { .modal-body { .answers { .content { padding-left: 25px; } } } .border-left-5m { border-left: 0; } .option { .wrapper-left { padding: 0 15px 0 0; } .wrapper-right { padding-top: 15px; } } } Back

Edit File : _modal.scss | Size : 3.11 KB

.modal-lg,
.modal-xl {
	max-width: 90%;
}

.modal-header {
	border-bottom-width: 2px;

h1 {
		margin-bottom: 0;
	}

.close {
		color: $blue-dark;
	}
}

.heading {

.row {

.step_titles:nth-child( 2n + 1 ) {
			background-color: $gray-light;
		}
	}
}

.modal-body {
	padding-top: 0;

.plus-circle {
		background-color: $white;
		border-radius: 50px;
		width: 18px;
		height: 18px;
		position: relative;
		float: left;
		margin-right: 5px;

&::before {
			content: "+";
			height: 100%;
			width: 100%;
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: center;
			font-weight: bold;
			font-size: 20px;
			font-family: courier;
			color: $gray-50;
			padding-top: 4px;
		}
	}

small {
		color: $gray-50;
	}

.form-control {
		color: $blue-normal;

&.active {
			border: 2px solid $green;
		}
	}

.answers {
		border-top: 2px solid $gray-light;
	}

.answers,
	.variables,
	.headline,
	.medias,
	.description,
	.next-steps {
		.heading {
			padding: 15px 15px 0;
		}

.content {
			padding-left: 15px;
		}
	}

.variables {

.heading {
			cursor: pointer;

.arrow {
				border: 2px solid $gray-headline;
				border-radius: 100%;
				width: 30px;
				height: 30px;
				position: relative;
				margin-left: 10px;

&:before,
				&:after {
					content: '';
					position: absolute;
					top: 11px;
					width: 13px;
					border: 1px solid $gray-headline;
					transition: all 0.3s;
					-webkit-transition: all 0.3s;
				}

&:before {
					transform: rotateZ(-45deg);
					-webkit-transform: rotateZ(-45deg);
					left: 2px;
				}

&:after {
					transform: rotateZ(45deg);
					-webkit-transform: rotateZ(45deg);
					left: 11px;
				}

}

&.collapsed {
				
				.arrow {

&:before,
					&:after {
						top: 13px;
					}

&:before {
						transform: rotateZ(45deg);
						-webkit-transform: rotateZ(45deg);
						left: 2px;
					}

&:after {
						transform: rotateZ(-45deg);
						-webkit-transform: rotateZ(-45deg);
						left: 10px;
					}
				}
			}
		}
	}

.delete-destination,
	.delete-title {
		color: $red;
		font-size: 20px;
		cursor: pointer;
		transform: rotate(45deg);
		width: 20px;
		height: 20px;
		margin-left: 10px;
		position: relative;
		display: inline-block;
		z-index: 9999;
		top: 6px;
	}
}

.modal-footer {
	border-top-width: 2px;
}

.step_answers {
	margin: 0;
	padding-top: 15px;

&:nth-child(even) {
		border-bottom: 5px solid $gray-light;
	}

&:nth-child(odd) {
		background-color: #f0f0f0;
		border-bottom: 5px solid $gray-20;
	}

.wrapper-left {
		padding: 0;
	}

.wrapper-right {
		padding: 0 0 0 15px;
	}
}

.border-left-5 {

&:nth-child(even) {
		border-left: 5px solid $gray-light;
	}

&:nth-child(odd) {
		border-left: 5px solid $gray-20;
	}
}

label.custom {
	font-size: 12px;
	margin-bottom: 0;
	font-weight: 700;
	text-transform: uppercase;
	width: 100%;
}

.dropdown-divider {
	border-width: 2px;
}

@media (min-width: 576px) {
	.modal-body {

.answers {

.content {
				padding-left: 25px;
			}
		}
	}
	.border-left-5m {
		border-left: 0;
	}

.option {

.wrapper-left {
			padding: 0 15px 0 0;
		}

.wrapper-right {
			padding-top: 15px;
		}
	}
}

Back