TemplateStyle:Notice/Gameplay.css: Difference between revisions

From Halopedia, the Halo wiki

No edit summary
No edit summary
 
Line 1: Line 1:
/* GENERAL NEW NOTICE STYLING */
/* GENERAL NEW NOTICE STYLING */
.newnotice {
.newnotice {
width: 80%;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
text-align: center;
text-align: center;
margin: 0 auto 10px;
}
}


.newnotice-content {
.newnotice-content {
display: inline-flex;
border: 3px solid #484468;
border: 3px solid #484468;
min-width: 660px;
display: inline-flex;
}
}


.newnotice-image {
.newnotice-image {
margin: 5px 0 5px 5px;
display: flex;
display: flex;
flex-direction: column;
flex-direction: column;
justify-content: center;
justify-content: center;
margin: 5px 0 5px 5px;
}
}


.newnotice-gameplay .newnotice-message {
.newnotice-gameplay .newnotice-message {
margin: 5px;
padding: 10px;
flex: 1;
flex: 1;
text-align: left;
background-size: contain;
background-position: right;
background-position: right;
background-size: contain;
background-repeat: no-repeat;
background-repeat: no-repeat;
text-align: left;
padding: 10px;
margin: 5px;
}
}


@media (max-width: 719px) {
@media (min-width: 1000px) {
.newnotice {
.newnotice {
width: auto !important;
width: 80%;
}
}
.newnotice-content {
.newnotice-content {
min-width: 0 !important;
min-width: 660px;
}
}
}
}
Line 47: Line 44:


.newnotice-gameplay .newnotice-message {
.newnotice-gameplay .newnotice-message {
color: #fff;
background-color: #353451;
background-image: url('https://halo.wiki.gallery/images/5/5b/HP-Background-Gameplay.svg');
background-image: url('https://halo.wiki.gallery/images/5/5b/HP-Background-Gameplay.svg');
background-color: #353451;
color: #fff;
}
}

Latest revision as of 15:38, August 29, 2023

/* GENERAL NEW NOTICE STYLING */

.newnotice {
	text-align: center;
	margin: 0 auto 10px;
}

.newnotice-content {
	display: inline-flex;
	border: 3px solid #484468;
}

.newnotice-image {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 5px 0 5px 5px;
}

.newnotice-gameplay .newnotice-message {
	flex: 1;
	text-align: left;
	background-size: contain;
	background-position: right;
	background-repeat: no-repeat;
	padding: 10px;
	margin: 5px;
}

@media (min-width: 1000px) {
	.newnotice {
		width: 80%;
	}
	.newnotice-content {
		min-width: 660px;
	}
}

/* SPECIFIC GAMEPLAY STYLING */

.newnotice-gameplay .newnotice-image {
	background-color: #5B4AAF;
}

.newnotice-gameplay .newnotice-message {
	color: #fff;
	background-color: #353451;
	background-image: url('https://halo.wiki.gallery/images/5/5b/HP-Background-Gameplay.svg');
}