Foreground.css: Porovnání verzí
Z Franklinova expedice
(border u menu) |
(logo top 0) |
||
Řádek 17: | Řádek 17: | ||
position: fixed; | position: fixed; | ||
left: 0; | left: 0; | ||
top: 0; | |||
max-height: unset; | max-height: unset; | ||
} | } |
Verze z 28. 12. 2021, 22:19
/* Styly pro Foreground */ /* Sticky menu */ body { height: auto; } /* Z neznámého důvodu má ve skinu nastaveno 100% a dělá to border v kombinaci se sticky menu */ #navwrapper { position: sticky; top: 0; z-index: 1000; } /* Další úpravu menu */ .top-bar-logo { position: fixed; left: 0; top: 0; max-height: unset; } .top-bar { padding-left: 8rem; } #p-Hlavn\.C3\.AD_kategorie { background-color: #008CBA; } #p-Hlavn\.C3\.AD_kategorie .dropdown { border: 2px solid #008CBA; border-top: none; } #p-Hlavn\.C3\.AD_kategorie .dropdown a:hover { background-color: #008CBA; } #p-D\.C5\.AFle\.C5\.BEit\.C3\.A9_str\.C3\.A1nky { background-color: #F04124; } #p-D\.C5\.AFle\.C5\.BEit\.C3\.A9_str\.C3\.A1nky .dropdown { border: 2px solid #F04124; border-top: none; } #p-D\.C5\.AFle\.C5\.BEit\.C3\.A9_str\.C3\.A1nky .dropdown a:hover { background-color: #F04124; } #p-lang { background-color: #43AC6A; } #p-lang .dropdown a:hover { background-color: #43AC6A; } @media only screen and (max-width: 40em) { .top-bar-logo { display: none; } .top-bar { padding-left: unset; } } /* Obsah stránky blíž menu */ #page-content { margin-top: 0.5rem; } /* Obsah stránky */ #mw-toc-heading { margin-top: 0; } /* Blok "jiné weby" */ .other-websites { background-color: lightgray; } .other-websites.icon-bar * label, .other-websites.icon-bar * i { color: darkslategray; } /* Obarvení ikon */ .other-websites .item { padding-top: 0.6rem; padding-bottom: 0.3rem; } .other-websites.vertical { width: 100%; } .other-websites-vertical-wrapper { z-index: 500; } .show-for-xlarge-up .other-websites { right: 0; top: 12rem; } /* Patička - reklama */ .footer-adverts { margin-top: 1rem; } .reklama-label { top: 0; left: 0; } /* Odkazy na sociální sítě (vlastní, nikoli sdílení) */ .at4-follow { z-index: 10 !important; } /* Obecné utility */ /* - Flex - */ .d-flex { display: flex } .justify-content-center { justify-content: center; } .justify-content-between { justify-content: space-between; } .flex-nowrap { flex-wrap: nowrap; } .flex-wrap { flex-wrap: wrap; } /* - Position - */ .position-absolute { position: absolute; } .position-relative { position: relative; } .position-fixed { position: fixed; } /* - Width & Height- */ .w-auto { width: auto !important; } .h-auto { height: auto !important; } /* -Visibility- */ .d-none { display: none; } /* max-width 1440px, up to xlarge screens */ @media only screen and (max-width: 1440px) { .show-for-xlarge-to { display: block; } }