ONE PIECE HACKING

Ngiler SH3LL 360
: / home / tbf / newweb.tbf.ro / resources / 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 : 4.19 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; 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; } .btn-collapse{ .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; } } .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; } } .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; } } } } } } } } Back

Edit File : _pricing-faq.scss | Size : 4.19 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;
			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;
					}
					.btn-collapse{
						.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;
					}
				}
				.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;
					}
				}
				.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;
							}
						}
					}
				}
			}
		}
	}
}

Back