MediaWiki:Common.css: Difference between revisions
From Zezenia Online Wiki
No edit summary |
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; }