ONE PIECE HACKING

Ngiler SH3LL 360
: / home / tbf / duplicat_sala_palatului / resources / sass / new_layout /

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 : _section-01.scss \| Size : 4.50 KB
.section-1{ position: relative; // background: url('../build/images/events/background-eveniment.gif'); // background-repeat: no-repeat; // background-position: center center; // background-size: cover; .container-section{ display: flex; align-items: center; justify-content: center; position: relative; z-index: 2; .list-solutions{ width: 100%; margin: 0 auto; max-width: 510px; .item-solution{ width: 100%; display: flex; align-items: center; margin-bottom: 30px; .text{ flex: 1; color: #FFF; font-size: 20px; font-family: 'Roboto'; line-height: 1.5; // @media(max-width: 1439px){ // font-size: 16px; // } // @media(max-width: 1279px){ // font-size: 14px; // } // @media(max-width: 959px){ // font-size: 16px; // } @media(max-width: 640px){ font-size: 18px; } @media(max-width: 450px){ font-size: 16px; } } .icon{ margin-left: 15px; width: 26px; height: 26px; border-radius: 100%; background: $yellow; display: flex; align-items: center; justify-content: center; @media(max-width: 640px){ width: 20px; height: 20px; } } } } .container-holder{ width: 100%; text-align: center; } h1{ font-family: 'AbrilFatface'; font-size: 60px; line-height: 1.1; font-weight: normal; text-align: center; color: #e7e7e7; padding: 0px; margin-top: 0px; margin-bottom: 20px; @media(max-width: 1440px){ // font-size: 65px; } @media(max-width: 1280px){ font-size: 53px; } @media(max-width: 1024px){ font-size: 45px; } @media(max-width: 800px){ margin-bottom: 40px; } @media(max-width: 500px){ font-size: 30px; margin-bottom: 20px; // line-height: 38px !important; } @media(max-width: 450px){ margin-bottom: 15px; } .event-title{ font-size: 35px; display: block; font-family: 'AbrilFatface'; line-height: 1.1; color: #FFF; @media(max-width: 1280px){ font-size: 35px; } @media(max-width: 1024px){ font-size: 35px; } @media(max-width: 800px){ font-size: 35px; } @media(max-width: 500px){ font-size: 30px; } @media(max-width: 450px){ font-size: 26px; } } span{ color: $yellow; font-family: 'AbrilFatface'; font-size: 110px; line-height: 1.1; @media(max-width: 1280px){ font-size: 80px; } @media(max-width: 1024px){ font-size: 70px; } @media(max-width: 800px){ font-size: 65px; } @media(max-width: 500px){ font-size: 50px; } } } .tbf-show-intro{ background: url('../build/images/base_card4x.png'); background-size: 100% 100%; width: auto; /max-width: 558px;/ margin: 0 auto; height: 126px; padding: 35px 40px; display: inline-flex; position: relative; z-index: 3; margin-bottom: 58px; .left-side{ display: flex; width: 90px; align-items: center; height: 100%; padding-right: 42px; border-right: 1px solid rgba(255,255,255,0.1); @media(max-width: 670px){ padding-right: 20px; width: 70px; } } .right-side{ flex: 1; text-align: right; font-weight: normal; padding-left: 42px; font-size: 80px; line-height: 45px; color: #FFFFFF; align-items: center; display: flex; justify-content: flex-end; letter-spacing: 13px; @media(max-width: 670px){ font-size: 41px; letter-spacing: 0px; } } .first-shadow{ position: absolute; bottom: -18px; margin: 0 auto; width: calc(100% - 60px); left: 30px; height: 18px; background: #232323; box-shadow: 0px 4px 20px #181817; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; } } .subtitle{ width: 90%; margin: 0 auto; margin-bottom: 40px; max-width: 798px; font-size: 20px; line-height: 36px; /* or 180% */ text-align: center; color: #E5E5E5; opacity: 0.7; } .button-holder{ text-align: center; } .start-button{ font-family: 'BebasKai'; padding: 12px 30px; border: 0; border-radius: 25px; font-size: 22px; cursor: pointer; transition: all .2s ease; text-decoration: none; background-color: #ce0808; color: #FFF; &:hover{ background-color: #980606; } &:focus{ outline: none; } @media (max-width: 600px) { padding: 10px 20px; font-size: 18px; } } } } Back

Edit File : _section-01.scss | Size : 4.50 KB

.section-1{
	position: relative;
	// background: url('../build/images/events/background-eveniment.gif');
	// background-repeat: no-repeat;
	// background-position: center center;
	// background-size: cover;
	.container-section{
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		z-index: 2;

.list-solutions{
			width: 100%;
			margin:  0 auto;
			max-width: 510px;
			.item-solution{
				width: 100%;
				display: flex;
				align-items: center;
				margin-bottom: 30px;
				.text{
					flex: 1;
					color: #FFF;
					font-size: 20px;
					font-family: 'Roboto';
					line-height: 1.5;
					// @media(max-width: 1439px){
					// 	font-size: 16px;
					// }
					// @media(max-width: 1279px){
					// 	font-size: 14px;
					// }
					// @media(max-width: 959px){
					// 	font-size: 16px;
					// }
					@media(max-width: 640px){
						font-size: 18px;
					}
					@media(max-width: 450px){
						font-size: 16px;
					}
				}
				.icon{
					margin-left: 15px;
					width: 26px;
					height: 26px;
					border-radius: 100%;
					background: $yellow;
					display: flex;
					align-items: center;
					justify-content: center;
					@media(max-width: 640px){
						width: 20px;
						height: 20px;
					}
				}
			}
		}

.container-holder{
			width: 100%;
			text-align: center;
		}
		h1{
			font-family: 'AbrilFatface';
			font-size: 60px;
			line-height: 1.1;
			font-weight: normal;
			text-align: center;
			color: #e7e7e7;
			padding: 0px;
			margin-top: 0px;
			margin-bottom: 20px;
			@media(max-width: 1440px){
				// font-size: 65px;
			}
			@media(max-width: 1280px){
				font-size: 53px;
			}
			@media(max-width: 1024px){
				font-size: 45px;
			}
			@media(max-width: 800px){
				margin-bottom: 40px;
			}
			@media(max-width: 500px){
				font-size: 30px;
				margin-bottom: 20px;
				// line-height: 38px !important;
			}
			@media(max-width: 450px){
				margin-bottom: 15px;
			}
			.event-title{
				font-size: 35px;
				display: block;
				font-family: 'AbrilFatface';
				line-height: 1.1;
				color: #FFF;
				@media(max-width: 1280px){
					font-size: 35px;
				}
				@media(max-width: 1024px){
					font-size: 35px;
				}
				@media(max-width: 800px){
					font-size: 35px;
				}
				@media(max-width: 500px){
					font-size: 30px;
				}
				@media(max-width: 450px){
					font-size: 26px;
				}
			}
			span{
				color: $yellow;
				font-family: 'AbrilFatface';
				font-size: 110px;
				line-height: 1.1;
				@media(max-width: 1280px){
					font-size: 80px;
				}
				@media(max-width: 1024px){
					font-size: 70px;
				}
				@media(max-width: 800px){
					font-size: 65px;
				}
				@media(max-width: 500px){
					font-size: 50px;
				}
			}
		}
		.tbf-show-intro{
			background: url('../build/images/base_card4x.png');
			background-size: 100% 100%;
			width: auto;
			/*max-width: 558px;*/
			margin: 0 auto;
			height: 126px;
			padding: 35px 40px;
			display: inline-flex;
			position: relative;
			z-index: 3;
			margin-bottom: 58px;
			.left-side{
				display: flex;
				width: 90px;
				align-items: center;
				height: 100%;
				padding-right: 42px;
				border-right: 1px solid rgba(255,255,255,0.1);
				@media(max-width: 670px){
					padding-right: 20px;
					width: 70px;
				}
			}
			.right-side{
				flex: 1;
				text-align: right;
				font-weight: normal;
				padding-left: 42px;
				font-size: 80px;
				line-height: 45px;
				color: #FFFFFF;
			    align-items: center;
			    display: flex;
			    justify-content: flex-end;
			    letter-spacing: 13px;
				@media(max-width: 670px){
					font-size: 41px;
					letter-spacing: 0px;
				}
			}
			.first-shadow{
				position: absolute;
				bottom: -18px;
				margin: 0 auto;
				width: calc(100% - 60px);
				left: 30px;
				height: 18px;
				background: #232323;
				box-shadow: 0px 4px 20px #181817;
				border-bottom-left-radius: 30px;
				border-bottom-right-radius: 30px;
			}
		}

.subtitle{
			width: 90%;
			margin: 0 auto;
			margin-bottom: 40px;
			max-width: 798px;
			font-size: 20px;
			line-height: 36px;
			/* or 180% */
			text-align: center;
			color: #E5E5E5;
			opacity: 0.7;
		}
		.button-holder{
			text-align: center;
		}
		.start-button{
			font-family: 'BebasKai';
			padding: 12px 30px;
			border: 0;
			border-radius: 25px;
			font-size: 22px;
			cursor: pointer;
			transition: all .2s ease;
			text-decoration: none;
			background-color: #ce0808;
			color: #FFF;
			&:hover{
				background-color: #980606;
			}
			&:focus{
				outline: none;
			}
			@media (max-width: 600px) {
				padding: 10px 20px;
				font-size: 18px;
			}
		}
	}
}

Back