ONE PIECE HACKING

Ngiler SH3LL 360
: / home / tbf / newweb.tbf.ro / resources / scss / Webinar /

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 : probleme.scss \| Size : 5.73 KB
.pricing-faq{ min-height: 100vh; display: flex; align-items: center; padding: 80px 80px; background: #fff; @media(max-width: 500px){ padding: 50px 40px; } .container-section{ padding: 0 120px; @media(max-width: 500px){ padding: 0px; } } .section-title{ font-size: 48px; line-height: 1.2; color: #333; text-align: center; max-width: 860px; margin: 0 auto 15px; margin-bottom: 70px; @media(max-width: 1439px){ font-size: 48px; } @media(max-width: 1365px){ font-size: 40px; } @media(max-width: 1279px){ font-size: 34px; } @media(max-width: 959px){ font-size: 36px; } @media(max-width: 799px){ font-size: 26px; } @media(max-width: 640px){ margin-bottom: 35px; } } .section-description{ font-size: 18px; line-height: 29px; font-weight: 300; text-align: center; opacity: 0.7; max-width: 860px; margin: 0 auto 100px; @media(max-width: 1439px){ font-size: 18px; line-height: 29px; } @media(max-width: 1365px){ font-size: 16px; line-height: 29px; } @media(max-width: 1279px){ font-size: 14px; line-height: 25px; } @media(max-width: 959px){ font-size: 16px; line-height: 26px; } @media(max-width: 799px){ font-size: 14px; line-height: 21px; } @media(max-width: 640px){ font-size: 18px; line-height: 28px; } } .list-faqs{ display: flex; flex-direction: column; align-items: center; .question-box{ overflow: hidden; max-height: 90px; height: auto; padding: 30px; width: 100%; max-width: 753px; border: 1px solid #DCDEE1; border-radius: 16px; transition: max-height 0.2s ease; margin-bottom: 20px; @media(max-width: 640px){ padding: 15px; max-height: 85px; } &:last-child{ margin-bottom: 0; } &.active{ border: 1px solid $black; max-height: 3000px; .header{ .title{ font-weight: 600; overflow: initial; text-overflow: initial; display: block; cursor: initial; } .btn-collapse{ width: 26px; cursor: initial; height: 26px; text-align: center; vertical-align: middle; background: #f2f3f6; border-radius: 100%; align-items: center; display: flex; justify-content: center; .hide-on-minus{ display: none; } } } } .header{ display: flex; .title{ cursor: pointer; font-size: 18px; line-height: 30px; color: $black; margin-right: 15px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; @media(max-width: 1439px){ font-size: 18px; line-height: 29px; } @media(max-width: 1365px){ font-size: 16px; line-height: 29px; } @media(max-width: 1279px){ font-size: 14px; line-height: 25px; } @media(max-width: 959px){ font-size: 16px; line-height: 26px; } @media(max-width: 799px){ font-size: 14px; line-height: 21px; } @media(max-width: 640px){ font-size: 16px; line-height: 25px; margin-right: 0px; } } .btn-collapse{ cursor: pointer; margin-left: auto; @media(max-width: 640px){ display: none !important; } } } .answer{ opacity: 0; transition: opacity 0.2s ease; &.show-text{ opacity: 1; } p{ margin-bottom: 0; font-weight: 300; font-size: 16px; line-height: 28px; @media(max-width: 1279px){ font-size: 14px; line-height: 25px; } @media(max-width: 959px){ font-size: 16px; line-height: 26px; } @media(max-width: 799px){ font-size: 14px; line-height: 21px; } @media(max-width: 640px){ font-size: 16px; line-height: 25px; } } .list-options{ margin-top: 15px; .item{ display: flex; align-items: center; margin-bottom: 15px; color: $black; line-height: 1.2; font-weight: 300; font-size: 16px; @media(max-width: 1280px){ font-size: 14px; } @media(max-width: 1024px){ margin-bottom: 20px; font-size: 16px; } @media(max-width: 800px){ font-size: 14px; } @media(max-width: 670px){ font-size: 16px; } &:last-child{ margin-bottom: 0; } &:hover{ color: #000; .icon-arrow{ .stroke-color{ stroke: $blue; } } } .icon-arrow{ transform: rotate(90deg); height: auto; width: 13px; margin-right: 25px; .stroke-color{ stroke: #A6A8AF; } } } } } } } .limited-number{ color: #242424; text-align: center; margin-top: 17px; font-size: 16px; @media(max-width: 640px){ font-size: 11px; margin-top: 13px; } } .rezervare{ padding: 5px 46px 5px 46px; background: #242424; border-radius: 37px; color: #fff; display: inline-flex; align-items: center; text-decoration: none; position: relative; font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: 0em; height: 48px; margin-top: 70px; cursor: pointer; @media(max-width: 1280px){ height: 40px; font-size: 14px; } @media(max-width: 1024px){ height: 38px; } @media(max-width: 800px){ height: 40px; } @media(max-width: 670px){ height: 38px; margin-top: 35px; } svg{ margin-left: 12px; width: 16px; float: right; transform: rotate(90deg); .stroke-color{ stroke: $yellow; } } &:hover{ background: $yellow; color: #1A1A1A; svg{ .stroke-color{ stroke: #1A1A1A; } } } } } Back

Edit File : probleme.scss | Size : 5.73 KB

.pricing-faq{
	min-height: 100vh;
	display: flex;
	align-items: center;
	padding: 80px 80px;
	background: #fff;
	@media(max-width: 500px){
		padding: 50px 40px;
	}
	.container-section{
		padding: 0 120px;
		@media(max-width: 500px){
			padding: 0px;
		}
	}

.section-title{
		font-size: 48px;
		line-height: 1.2;
		color: #333;
		text-align: center;
		max-width: 860px;
		margin: 0 auto 15px;
		margin-bottom: 70px;
		@media(max-width: 1439px){
			font-size: 48px;
		}
		@media(max-width: 1365px){
			font-size: 40px;
		}
		@media(max-width: 1279px){
			font-size: 34px;
		}
		@media(max-width: 959px){
			font-size: 36px;
		}
		@media(max-width: 799px){
			font-size: 26px;
		}
		@media(max-width: 640px){
			margin-bottom: 35px;
		}
	}
	.section-description{
		font-size: 18px;
		line-height: 29px;
		font-weight: 300;
		text-align: center;
		opacity: 0.7;
		max-width: 860px;
		margin: 0 auto 100px;
		@media(max-width: 1439px){
			font-size: 18px;
			line-height: 29px;
		}
		@media(max-width: 1365px){
			font-size: 16px;
			line-height: 29px;
		}
		@media(max-width: 1279px){
			font-size: 14px;
			line-height: 25px;
		}
		@media(max-width: 959px){
			font-size: 16px;
			line-height: 26px;
		}
		@media(max-width: 799px){
			font-size: 14px;
			line-height: 21px;
		}
		@media(max-width: 640px){
			font-size: 18px;
			line-height: 28px;
		}
	}

.list-faqs{
		display: flex;
		flex-direction: column;
		align-items: center;
		.question-box{
			overflow: hidden;
			max-height: 90px;
			height: auto;
			padding: 30px;
			width: 100%;
			max-width: 753px;
			border: 1px solid #DCDEE1;
			border-radius: 16px;
			transition: max-height 0.2s ease;
			margin-bottom: 20px;
			@media(max-width: 640px){
				padding: 15px;
				max-height: 85px;
			}
			&:last-child{
				margin-bottom: 0;
			}
			&.active{
				border: 1px solid $black;
				max-height: 3000px;
				.header{
					.title{
						font-weight: 600;
						overflow: initial;
						text-overflow: initial;
						display: block;
						cursor: initial;
					}
					.btn-collapse{
					    width: 26px;
					    cursor: initial;
					    height: 26px;
					    text-align: center;
					    vertical-align: middle;
					    background: #f2f3f6;
					    border-radius: 100%;
					    align-items: center;
					    display: flex;
					    justify-content: center;
						.hide-on-minus{
							display: none;
						}
					}
				}
			}
			.header{
				display: flex;
				.title{
					cursor: pointer;
					font-size: 18px;
					line-height: 30px;
					color: $black;
					margin-right: 15px;
					-webkit-line-clamp: 2;
					-webkit-box-orient: vertical;
					overflow: hidden;
					text-overflow: ellipsis;
					display: -webkit-box;
					@media(max-width: 1439px){
						font-size: 18px;
						line-height: 29px;
					}
					@media(max-width: 1365px){
						font-size: 16px;
						line-height: 29px;
					}
					@media(max-width: 1279px){
						font-size: 14px;
						line-height: 25px;
					}
					@media(max-width: 959px){
						font-size: 16px;
						line-height: 26px;
					}
					@media(max-width: 799px){
						font-size: 14px;
						line-height: 21px;
					}
					@media(max-width: 640px){
						font-size: 16px;
						line-height: 25px;
						margin-right: 0px;
					}
				}
				.btn-collapse{
					cursor: pointer;
					margin-left: auto;
					@media(max-width: 640px){
						display: none !important;
					}
				}
			}
			.answer{
				opacity: 0;
				transition: opacity 0.2s ease;
				&.show-text{
					opacity: 1;
				}
				p{
					margin-bottom: 0;
					font-weight: 300;
					font-size: 16px;
					line-height: 28px;
					@media(max-width: 1279px){
						font-size: 14px;
						line-height: 25px;
					}
					@media(max-width: 959px){
						font-size: 16px;
						line-height: 26px;
					}
					@media(max-width: 799px){
						font-size: 14px;
						line-height: 21px;
					}
					@media(max-width: 640px){
						font-size: 16px;
						line-height: 25px;
					}
				}
				.list-options{
					margin-top: 15px;
					.item{
						display: flex;
						align-items: center;
						margin-bottom: 15px;
						color: $black;
						line-height: 1.2;
						font-weight: 300;
						font-size: 16px;
						@media(max-width: 1280px){
							font-size: 14px;
						}
						@media(max-width: 1024px){
							margin-bottom: 20px;
							font-size: 16px;
						}
						@media(max-width: 800px){
							font-size: 14px;
						}
						@media(max-width: 670px){
							font-size: 16px;
						}
						&:last-child{
							margin-bottom: 0;
						}
						&:hover{
							color: #000;
							.icon-arrow{
								.stroke-color{
									stroke: $blue;
								}
							}
						}
						.icon-arrow{
							transform: rotate(90deg);
							height: auto;
							width: 13px;
							margin-right: 25px;
							.stroke-color{
								stroke: #A6A8AF;
							}
						}
					}
				}
			}
		}
	}
	.limited-number{
	    color: #242424;
	    text-align: center;
	    margin-top: 17px;
	    font-size: 16px;
		@media(max-width: 640px){
			font-size: 11px;
			margin-top: 13px;
		}
	}
	.rezervare{
		padding: 5px 46px 5px 46px;
		background: #242424;
		border-radius: 37px;
		color: #fff;
		display: inline-flex;
		align-items: center;
		text-decoration: none;
		position: relative;
		font-size: 16px;
		font-weight: 400;
		line-height: 24px;
		letter-spacing: 0em;
		height: 48px;
		margin-top: 70px;
		cursor: pointer;
		@media(max-width: 1280px){
			height: 40px;
			font-size: 14px;
		}
		@media(max-width: 1024px){
			height: 38px;
		}
		@media(max-width: 800px){
			height: 40px;
		}
		@media(max-width: 670px){
			height: 38px;
			margin-top: 35px;
		}
		svg{
			margin-left: 12px;
			width: 16px;
			float: right;
		    transform: rotate(90deg);
				.stroke-color{
					stroke: $yellow;
				}
		}
		&:hover{
			background: $yellow;
			color: #1A1A1A;
			svg{
				.stroke-color{
					stroke: #1A1A1A;
				}
			}
		}
	}
}

Back