Difference between revisions of "MediaWiki:Common.css"
From Zezenia Online Wiki
(Add landing styles) |
|||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
+ | |||
+ | /* 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 33%; | ||
+ | margin: 10px; | ||
+ | padding: 10px 0; | ||
+ | } | ||
+ | |||
+ | .zezenia-landing-item .floatnone { | ||
+ | min-height: 80px; | ||
+ | line-height: 80px; | ||
+ | } | ||
.zezenia-image-marker { | .zezenia-image-marker { |
Revision as of 01:28, 28 March 2021
/* CSS placed here will be applied to all skins */ /* 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 33%; margin: 10px; padding: 10px 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; }