TemplateStyle:Notice/Gameplay.css

Revision as of 14:05, June 20, 2022 by Porplemontage (talk | contribs)
/* GENERAL NEW NOTICE STYLING */
.newnotice {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	text-align: center;
}

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

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

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

@media (max-width: 719px) {
	.newnotice {
		width: auto !important;
	}
	.newnotice-content {
		min-width: 0 !important;
	}
}

/* SPECIFIC GAMEPLAY STYLING */

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

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