/* * Styles for all infobox templates (Quickbar*) * Version: 2025-03-17 */ .voy-qb { /* is table */ width: 308px; margin: 0 0 0.5em; border: 1px solid #6cc8f3; border-radius: 5px; } body.skin-minerva table.voy-qb { display: table; /* In der mobilen Ansicht werden Tabellen als block dargestellt! */ width: 308px !important; margin: 0; } body.skin-minerva div.voy-qb { width: 308px !important; margin: 0; } .voy-qb-right { clear: right; float: right; margin-left: 1em; } .voy-qb-left { clear: left; float: left; margin-right: 1em; } .voy-qb-div, .voy-qb-rightdiv { box-sizing: border-box; overflow: hidden; border: 1px solid #6cc8f3; border-radius: 5px; margin: 0; } .voy-qb-rightdiv { clear: right; float: right; margin: 0 0 0.5em 1em; } .voy-qb-div .voy-qb, .voy-qb-rightdiv .voy-qb { border: none; margin: 0; } .voy-qb td { padding: 2px 4px; vertical-align: baseline; } .voy-qb th { padding: 2px 4px; vertical-align: baseline; text-align: left; font-weight: bold; } .voy-qb .voy-qb-header { text-align: center; color: #004f80; padding: 0.3em 0.35em; font-size: 1.2em; background: #f0f0f0; border-top: 1px solid #c0c0c0; } .voy-qb-empty + .voy-qb-item .voy-qb-header { border-top: none !important; } .voy-qb .voy-qb-cell-centered { text-align: center; } .voy-qb .voy-qb-cell-border-right { border-right: 1px solid #6cc8f3; } .voy-qb .voy-qb-cell-border-top { border-top: 1px solid #6cc8f3; } .voy-qb tr:first-child .voy-qb-header, .voy-qb tr:first-child.voy-qb-header, .voy-qb tr:first-child.voy-qb-header td { border-top: none; border-radius: 5px 5px 0 0; } .voy-qb-image, .voy-qb-item-image { text-align: center; padding: 5px 3px; margin-left: auto; margin-right: auto; } .voy-qb-image figure[typeof~="mw:File/Thumb"], .voy-qb-item-image figure[typeof~="mw:File/Thumb"] { margin: 0 auto; border: none; background-color: transparent; } .voy-qb-image figure[typeof~="mw:File/Thumb"] img, .voy-qb-item-image figure[typeof~="mw:File/Thumb"] img { margin-top: 0; margin-left: 0; margin-right: 0; border: none; max-width: 296px !important; height: auto !important; } .voy-qb-image figure[typeof~="mw:File/Thumb"] figcaption, .voy-qb-item-image figure[typeof~="mw:File/Thumb"] figcaption { margin: 0; border: none; padding: 0; background-color: transparent; } .voy-qb-image figure[typeof~="mw:File/Thumb"] > .mw-file-description::after, .voy-qb-image figure[typeof~="mw:File/Thumb"] > .mw-file-magnify::after, .voy-qb-item-image figure[typeof~="mw:File/Thumb"] > .mw-file-description::after, .voy-qb-item-image figure[typeof~="mw:File/Thumb"] > .mw-file-magnify::after { right: 0 !important; } .voy-qb-image img { background: #fff !important; /* for transparent images */ } .voy-qb .voy-qb-imagecell { padding: 0; } .voy-qb .voy-qb-item-image { padding: 3px 1px; display: flex; justify-content: space-evenly; align-items: center; } .voy-qb-imagecell .voy-qb-header { border-bottom: none; } .voy-qb-empty { display: none; } .voy-qb-twoimages { width: 100%; } .voy-qb-flag img, #qb_flag img /* <- veraltet */ { box-shadow: 2px 2px 6px #a4a4a4; } .voy-qb-line td { padding: 0 4px; height: 1px; vertical-align: middle; } .voy-qb-line td hr { height: 0px; border-bottom: 1px solid gray; } .voy-qb-altimage { clear: right; float: right; display: none; } .voy-qb-navigation { empty-cells: hide; } @media screen { html.skin-theme-clientpref-night .voy-qb, html.skin-theme-clientpref-night body.ns-100 .voy-qb { border: 1px solid #6cc8f3 !important; } /* differences between Quickbar Ort and Quickbar Land */ html.skin-theme-clientpref-night .voy-qb .voy-qb-header, html.skin-theme-clientpref-night td.voy-qb-header, html.skin-theme-clientpref-night .voy-qb-header td, html.skin-theme-clientpref-night body.ns-100 .voy-qb-header td { background: #333 !important; border-top: 1px solid #888; color: #6cc8f3 !important; } } @media screen and (prefers-color-scheme: dark) { html.skin-theme-clientpref-os .voy-qb, html.skin-theme-clientpref-os body.ns-100 .voy-qb { border: 1px solid #6cc8f3 !important; } /* differences between Quickbar Ort and Quickbar Land */ html.skin-theme-clientpref-os .voy-qb .voy-qb-header, html.skin-theme-clientpref-os td.voy-qb-header, html.skin-theme-clientpref-os .voy-qb-header td, html.skin-theme-clientpref-os body.ns-100 .voy-qb-header td { background: #333 !important; border-top: 1px solid #888; color: #6cc8f3 !important; } } @media print { #content .voy-qb { border-width: 0.25mm; } #content .voy-qb .voy-qb-header { font-size: 1em; background: #f0f0f0; border-top: 0.25mm solid #c0c0c0; border-bottom: 0.25mm solid #c0c0c0; } } /* Mobile devices */ @media screen and (max-width: 600px) { .voy-qb-rightdiv, .voy-qb-right, .voy-qb-left { clear: both; float: none; margin-left: 0; margin-right: 0; } .voy-qb-rightdiv { width: auto !important; margin: 0.7em 0; } body.skin-minerva table.voy-qb, body.skin-minerva div.voy-qb, body.skin-minerva .voy-qb-div .voy-qb, body.skin-minerva .voy-qb-rightdiv .voy-qb { width: 100% !important; } }