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 { | ||
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; | ||
} | } | ||
.newnotice-image { | .newnotice-image { | ||
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 { | ||
flex: 1; | 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 ( | @media (min-width: 1000px) { | ||
.newnotice { | .newnotice { | ||
width: | width: 80%; | ||
} | } | ||
.newnotice-content { | .newnotice-content { | ||
min-width: | 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'); | ||
} | } |
Latest revision as of 14: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');
}