MediaWiki:Foreground.css: Porovnání verzí
Z Franklinova expedice
přece jen sticky? |
m poznámky - dokumentace |
||
| Řádek 4: | Řádek 4: | ||
body { | body { | ||
height: auto; | height: auto; | ||
} /* Z neznámého důvodu | } /* Z neznámého důvodu má ve skinu nastaveno 100% a dělá to border v kombinaci se sticky menu */ | ||
#navwrapper { | #navwrapper { | ||
| Řádek 24: | Řádek 24: | ||
.other-websites.icon-bar * label, .other-websites.icon-bar * i { | .other-websites.icon-bar * label, .other-websites.icon-bar * i { | ||
color: darkslategray; | color: darkslategray; | ||
} | } /* Obarvení ikon */ | ||
.other-websites .item { | .other-websites .item { | ||
| Řádek 39: | Řádek 39: | ||
} | } | ||
/* Patička - reklama */ | |||
.footer-adverts { | .footer-adverts { | ||
margin-top: 1rem; | margin-top: 1rem; | ||
| Řádek 48: | Řádek 49: | ||
} | } | ||
/* Odkazy na sociální sítě (vlastní, nikoli sdílení) */ | |||
.at4-follow { | .at4-follow { | ||
z-index: 10 !important; | z-index: 10 !important; | ||
| Řádek 53: | Řádek 55: | ||
/* Obecné utility */ | /* Obecné utility */ | ||
/* - Flex - */ | |||
.d-flex { | .d-flex { | ||
display: flex | display: flex | ||
| Řádek 73: | Řádek 77: | ||
} | } | ||
/* - Position - */ | |||
.position-absolute { | .position-absolute { | ||
position: absolute; | position: absolute; | ||
Verze z 19. 12. 2021, 14:00
/* 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;
}
/* Obsah stránky blíž menu */
#page-content {
margin-top: 0.5rem;
}
/* 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;
}
/* 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;
}