/* Article state styles */ .voy-article-status { clear: both; display: flex; align-items: center; border: 1px solid #6CC8F3; border-radius: 5px; background: #F0F0F0; color: #000; padding: 5px; margin: 0.75em 0 0; } @media screen { html.skin-theme-clientpref-night .voy-article-status { background: #333; color: #fff; border: 1px solid #6CC8F3; } } @media screen and (prefers-color-scheme: dark) { html.skin-theme-clientpref-os .voy-article-status { background: #333; color: #fff; border: 1px solid #6CC8F3; } } .voy-article-status-img { padding: 5px 1em; } .voy-article-status-text { padding: 5px; width: 100%; } @media ( max-width: 800px ) { .voy-article-status-img { display: none; } }