ONE PIECE HACKING

Ngiler SH3LL 360
: / home / tbf / newweb.tbf.ro_simple / src / scss / TbfDigital /

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 : _pricing-faq.scss \| Size : 3.08 KB
.pricing-faq{ min-height: 100vh; display: flex; align-items: center; padding: 80px 80px; @media(max-width: 500px){ padding: 80px 40px; } .container-section{ padding: 0 120px; } .section-title{ font-size: 48px; line-height: 1.2; color: #333; text-align: center; max-width: 860px; margin: 0 auto 15px; @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: 30px; } } .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; 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: 105px; } &:last-child{ margin-bottom: 0; } &.active{ border: 1px solid $black; max-height: 400px; .header{ .title{ font-weight: 600; } .btn-collapse{ .hide-on-minus{ display: none; } } } } .header{ display: flex; .title{ font-size: 18px; line-height: 30px; color: $black; margin-right: 15px; @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; } } .btn-collapse{ cursor: pointer; margin-left: auto; } } .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; } } } } } } Back

Edit File : _pricing-faq.scss | Size : 3.08 KB

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

.section-title{
		font-size: 48px;
		line-height: 1.2;
		color: #333;
		text-align: center;
		max-width: 860px;
		margin: 0 auto 15px;
		@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: 30px;
		}
	}
	.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;
			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: 105px;
			}
			&:last-child{
				margin-bottom: 0;
			}
			&.active{
				border: 1px solid $black;
				max-height: 400px;
				.header{
					.title{
						font-weight: 600;
					}
					.btn-collapse{
						.hide-on-minus{
							display: none;
						}
					}
				}
			}
			.header{
				display: flex;
				.title{
					font-size: 18px;
					line-height: 30px;
					color: $black;
					margin-right: 15px;
					@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;
					}
				}
				.btn-collapse{
					cursor: pointer;
					margin-left: auto;
				}
			}
			.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;
					}
				}
			}
		}
	}
}

Back