Template:Portal banner/style.css: Difference between revisions

Template page
No edit summary
No edit summary
Line 13: Line 13:
align-items: center;
align-items: center;
justify-content: center;
justify-content: center;
z-index:1;
}
}


Line 19: Line 18:
width:100%;
width:100%;
height:inherit;
height:inherit;
z-index:1;
position:relative;
filter:blur(3px) ;
}
}


Line 30: Line 32:
justify-content:flex-start;
justify-content:flex-start;
padding-left:15px;
padding-left:15px;
z-index:10;
}
}


.portal-title{
.portal-title{
font-size:3rem;
font-weight:100;
text-shadow:4px 4px 9px black;
position:relative;
z-index:10;
}
}

Revision as of 15:33, 3 November 2023

/*parent container*/
.portal-banner{
	width:100%;
	margin:0;
	overflow:hidden;
}

/*image container*/
.portal-banner-image{
	width:100%;
	height:400px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.portal-banner img{
	width:100%;
	height:inherit;
	z-index:1;
	position:relative;
	filter:blur(3px) ;
}

/*text container*/
.portal-banner-content{
	margin-top:-400px;
	width:100%;
	height:400px;
	display:flex;
	align-items:center;
	justify-content:flex-start;
	padding-left:15px;
}

.portal-title{
	font-size:3rem;
	font-weight:100;
	text-shadow:4px 4px 9px black;
	position:relative;
	z-index:10;
}