MediaWiki:Common.css: Difference between revisions
From Zezenia Online Wiki
Created page with "→CSS placed here will be applied to all skins: .zezenia-map-marker > a { color: #fff !important; }" |
Landing style fixes for new MediaWiki version |
||
(18 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
.zezenia- | .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; | color: #fff !important; | ||
} | |||
.zezenia-map-embed iframe { | |||
border: 1px solid #eee; | |||
} | } |
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; }