Шаблон:Hatnote/styles.css

.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;
   text-align: 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 */ /*@media (prefers-color-scheme: dark) {*/

   .hatnote {
       background: #1d2129;
       color: #a0a1a5;
   }

   .hatnote-icon img {
       filter: invert(1);
   }

/*}*/