TemplateStyle:Notice/Gameplay.css: Difference between revisions
From Halopedia, the Halo wiki
No edit summary |
No edit summary |
||
(8 intermediate revisions by 2 users not shown) | |||
Line 2: | Line 2: | ||
.newnotice { | .newnotice { | ||
text-align: center; | |||
margin: 0 auto 10px; | |||
margin | |||
} | } | ||
.newnotice- | .newnotice-content { | ||
display: | display: inline-flex; | ||
border: 3px solid #484468; | |||
} | } | ||
.newnotice-image { | .newnotice-image { | ||
display: | display: flex; | ||
flex-direction: column; | |||
justify-content: center; | |||
margin: 5px 0 5px 5px; | |||
} | } | ||
.newnotice-gameplay .newnotice-message { | .newnotice-gameplay .newnotice-message { | ||
flex: 1; | |||
text-align: left; | |||
background-size: contain; | |||
background-position: right; | background-position: right; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
padding: 10px; | |||
margin: 5px; | |||
} | |||
@media (min-width: 1000px) { | |||
.newnotice { | |||
width: 80%; | |||
} | |||
.newnotice-content { | |||
min-width: 660px; | |||
} | |||
} | } | ||
Line 34: | 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'); | ||
} | } |
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');
}