MediaWiki:Common.css: Difference between revisions
From Zezenia Online Wiki
Add sticky th |
Landing style fixes for new MediaWiki version |
||
(One intermediate revision by the same user not shown) | |||
Line 7: | Line 7: | ||
.wikitable-sticky th { | .wikitable-sticky th { | ||
position: sticky; | position: sticky; | ||
top: | top: 50px; | ||
z-index: 999999; | |||
} | } | ||
Line 53: | Line 54: | ||
margin: 10px; | margin: 10px; | ||
padding: 10px 0; | padding: 10px 0; | ||
display: flex; | |||
flex-direction: column; | |||
justify-content: center; | |||
} | |||
.zezenia-landing-item p { | |||
margin-bottom: 0; | |||
} | } | ||
Latest revision as of 03:12, 9 August 2024
/* CSS placed here will be applied to all skins */ .wikitable.infobox { margin: 0 0 0 20px !important; } .wikitable-sticky th { position: sticky; top: 50px; z-index: 999999; } .zezenia-spoiler-container .zezenia-spoiler-header { font-weight: bold; font-size: 28px; text-align: center; } .zezenia-spoiler-container .mw-collapsible-toggle { float: none; margin: 0 auto 20px auto; display: block; text-align: center; font-size: 24px; font-weight: bold; } .zezenia-spoiler-container .mw-collapsible:not(.mw-made-collapsible) { display: none; visibility: hidden; } /* Landing page */ .zezenia-landing-grid { display: flex; flex-direction: column; flex-wrap: wrap; margin: 20px; } @media(min-width: 500px) { .zezenia-landing-grid { flex-direction: row; } } .zezenia-landing-item { background: rgba(0, 0, 0, 0.02); border: 1px solid #eee; border-radius: 4px; text-align: center; font-weight: 600; flex: 1 0 25%; margin: 10px; padding: 10px 0; display: flex; flex-direction: column; justify-content: center; } .zezenia-landing-item p { margin-bottom: 0; } .zezenia-landing-item .floatnone { min-height: 80px; line-height: 80px; } .zezenia-image-marker { position: absolute; background: rgba(0,0,0,0.6); border-radius: 4px; font-size: 15px; font-weight: bold; padding: 4px; color: #fff; } .zezenia-image-marker > a { color: #fff !important; } .zezenia-map-embed iframe { border: 1px solid #eee; }