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 11: | Line 11: | ||
} | } | ||
. | .hatnote__icon img { | ||
opacity: .5; | opacity: .5; | ||
margin-right: 10px; | margin-right: 10px; | ||
Line 32: | Line 32: | ||
} | } | ||
html.skin-citizen-dark . | html.skin-citizen-dark .hatnote__icon img { | ||
filter: invert(1); | filter: invert(1); | ||
} | } |
Revision as of 20:52, 4 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: #1d2129;
color: #a0a1a5;
}
html.skin-citizen-dark .hatnote__icon img {
filter: invert(1);
}