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 */
.newnotice {
.newnotice {
border: 3px solid #484468;
border: 3px solid #484468;
Line 13: Line 15:
}
}


.newnotice-gameplay .newnotice-image {
.newnotice-image {
display: table-cell;
display: table-cell;
background-color: #5B4AAF;
}
 
.newnotice-image-wrapper {
display: flex;
height: 100%;
justify-content: center;
align-content: center;
}
}


Line 21: Line 29:
display: table-cell;
display: table-cell;
padding: 10px;
padding: 10px;
background-image: url('https://halo.wiki.gallery/images/5/5b/HP-Background-Gameplay.svg');
background-position: right;
background-position: right;
background-size: contain;
background-size: contain;
background-repeat: no-repeat;
background-repeat: no-repeat;
}
/* 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;
background-color: #353451;
color: #fff;
color: #fff;
}
}

Revision as of 14:24, June 20, 2022

/* GENERAL NEW NOTICE STYLING */

.newnotice {
	border: 3px solid #484468;
	min-width: 660px;
	max-width: 880px;
	margin-left: auto;
	margin-right: auto;
	display: table;
	border-spacing: 5px;
}

.newnotice-wrapper {
	display: table-row;
}

.newnotice-image {
	display: table-cell;
}

.newnotice-image-wrapper {
	display: flex;
	height: 100%;
	justify-content: center;
	align-content: center;
}

.newnotice-gameplay .newnotice-message {
	display: table-cell;
	padding: 10px;
	background-position: right;
	background-size: contain;
	background-repeat: no-repeat;
}

/* 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;
}