/* Styles for Information template */ .voy-image-information { width: 100%; border: 1px solid #a2a9b1; border-spacing: 8px 2px; background-color: #f8f9fa; color: #000; padding: 6px 0; font-size: 95%; } .voy-image-information th { background-color: #ccf; text-align: right; padding: 0.4em; width: 15%; vertical-align: top; } .voy-image-information td { vertical-align: top; padding: 0.4em 0; text-align: left; } .voy-image-information + style + .voy-image-information, .voy-image-information + link + .voy-image-information { border-top: none; } td.voy-image-missing { border: 1px solid #e3e3b0; background-color: #ffffee; color: #000; padding: 0.4em; text-align: center; margin: 0; } @media screen { html.skin-theme-clientpref-night .voy-image-information { background-color: #444; color: #fff; } html.skin-theme-clientpref-night .voy-image-information th { background-color: #44f; } html.skin-theme-clientpref-night td.voy-image-missing { background-color: #000; color: #fff; } } @media screen and (prefers-color-scheme: dark) { html.skin-theme-clientpref-os .voy-image-information { background-color: #444; color: #fff; } html.skin-theme-clientpref-os .voy-image-information th { background-color: #44f; } html.skin-theme-clientpref-os td.voy-image-missing { background-color: #000; color: #fff; } }