/* Corporate design for tabs Version: 2024-09-15 */ .voy-tabsWrapper { position: relative; top: 1px; margin: 0 0.75em; word-spacing: -0.25em; white-space: nowrap; overflow: hidden; } .voy-tab { display: inline-block; border: 1px solid #6cc8f3; border-bottom: 1px solid #f0f0f0; border-radius: 5px 5px 0 0; margin: 0 0.75em 0 0; padding: 0.1em 1em; background-color: #f0f0f0; max-width: 15%; word-spacing: normal; vertical-align: bottom; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 140%; } @media screen { html.skin-theme-clientpref-night .voy-tab, html.skin-theme-clientpref-night body.ns-100 .voy-tab { background-color: #333 !important; border: 1px solid #6cc8f3 !important; border-bottom-color: #6cc8f3 !important; color: var(--color-progressive,#36c); } html.skin-theme-clientpref-night .voy-mainTab, html.skin-theme-clientpref-night body.ns-100 .voy-mainTab { border: 1px solid #6cc8f3 !important; border-bottom-color: #333 !important; color: #fff; } } @media screen and (prefers-color-scheme: dark) { html.skin-theme-clientpref-os .voy-tab, html.skin-theme-clientpref-os body.ns-100 .voy-tab { background-color: #333 !important; border: 1px solid #6cc8f3 !important; border-bottom-color: #6cc8f3 !important; color: var(--color-progressive,#36c); } html.skin-theme-clientpref-os .voy-mainTab, html.skin-theme-clientpref-os body.ns-100 .voy-mainTab { border: 1px solid #6cc8f3 !important; border-bottom-color: #333 !important; color: #fff; } } .voy-mainTab { position: relative; z-index: 1; } @media print { .voy-tabsWrapper { display: none !important; } } @media (max-width: 800px) { .voy-tab { padding: 0.1em 0.3em; margin-right: 0.5em; } .voy-mobileMaxHeight15 { max-height: 15em; overflow-y: auto; } } /* JS generated tabs, see [[Portal:Ägypten/Auf einen Blick 2]] [[MediaWiki:Gadget-TabsSelection.js]] */ .voy-tabbedContainers .voy-tabsWrapper { display: none; } .voy-tabbedContainers .voy-tab { font-weight: normal; text-decoration: none; color: #002bb8; cursor: pointer; max-width: 30%; } .voy-tabbedContainers .voy-js .voy-tab:hover, .voy-tabbedContainers .voy-js .voy-tab:active { text-decoration: underline; } .voy-tabbedContainers .voy-mainTab { font-weight: bold; color: #000; cursor: text; text-decoration: none !important; } @media (max-width: 600px) { .content .voy-tabbedContainers { width: 100% !important; } }