Want to contribute? Join the Discord and ask for the editor role.
Template:Hatnote/styles.css: Difference between revisions
Template page
No edit summary |
No edit summary |
||
Line 28: | Line 28: | ||
/* Dark mode */ | /* Dark mode */ | ||
html.skin-citizen-dark .hatnote { | html.skin-citizen-dark .hatnote { | ||
background: # | background: #171a1d; | ||
color: | color: rgba(255,255,255,0.6); | ||
} | } | ||
Latest revision as of 23:31, 6 May 2021
.hatnote {
margin-top: 0.6rem;
border-radius: 8px;
padding: 10px 15px;
color: #72777d;
background: #f8f9fa;
font-size: 0.875rem;
line-height: 1.4;
display: flex;
align-items: center;
}
.hatnote__icon img {
opacity: .5;
margin-right: 10px;
width: 14px;
height: auto;
}
@media only screen and (max-width: 720px) {
.hatnote {
margin: 0.4rem -20px 0 -20px;
border-radius: 0;
padding: 10px 20px;
}
}
/* Dark mode */
html.skin-citizen-dark .hatnote {
background: #171a1d;
color: rgba(255,255,255,0.6);
}
html.skin-citizen-dark .hatnote__icon img {
filter: invert(1);
}