MediaWiki:Citizen.css: Difference between revisions
MediaWiki interface page
More actions
No edit summary |
No edit summary |
||
| Line 250: | Line 250: | ||
} | } | ||
.skin-citizen .wizlords-wideimagetext-grid { | .skin-citizen .wizlords-wideimagetext-grid, | ||
.skin-citizen .wizlords-mainpage-left > .center:has(> .wizlords-wideimagetext), | |||
.skin-citizen .wizlords-mainpage-right > .center:has(> .wizlords-wideimagetext) { | |||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
| Line 258: | Line 260: | ||
} | } | ||
.skin-citizen .wizlords-wideimagetext-grid .wizlords-wideimagetext { | .skin-citizen .wizlords-wideimagetext-grid .wizlords-wideimagetext, | ||
.skin-citizen .wizlords-mainpage-left > .center > .wizlords-wideimagetext, | |||
.skin-citizen .wizlords-mainpage-right > .center > .wizlords-wideimagetext { | |||
flex: 0 0 calc((100% - 10px) / 2); | flex: 0 0 calc((100% - 10px) / 2); | ||
box-sizing: border-box; | box-sizing: border-box; | ||
| Line 265: | Line 269: | ||
margin: 0; | margin: 0; | ||
text-align: center; | text-align: center; | ||
} | |||
.skin-citizen .wizlords-mainpage-left > .center:has(> .wizlords-wideimagetext) > p, | |||
.skin-citizen .wizlords-mainpage-right > .center:has(> .wizlords-wideimagetext) > p { | |||
flex: 0 0 100%; | |||
width: 100%; | |||
margin: 0 0 6px; | |||
} | } | ||
| Line 350: | Line 361: | ||
/* Wide homepage cards use four equal touch-friendly slots on tablet. */ | /* Wide homepage cards use four equal touch-friendly slots on tablet. */ | ||
.skin-citizen .wizlords-wideimagetext-grid { | .skin-citizen .wizlords-wideimagetext-grid, | ||
.skin-citizen .wizlords-mainpage-left > .center:has(> .wizlords-wideimagetext), | |||
.skin-citizen .wizlords-mainpage-right > .center:has(> .wizlords-wideimagetext) { | |||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
| Line 358: | Line 371: | ||
} | } | ||
.skin-citizen .wizlords-wideimagetext-grid .wizlords-wideimagetext { | .skin-citizen .wizlords-wideimagetext-grid .wizlords-wideimagetext, | ||
.skin-citizen .wizlords-mainpage-left > .center > .wizlords-wideimagetext, | |||
.skin-citizen .wizlords-mainpage-right > .center > .wizlords-wideimagetext { | |||
flex: 0 0 calc((100% - 36px) / 4); | flex: 0 0 calc((100% - 36px) / 4); | ||
box-sizing: border-box; | box-sizing: border-box; | ||
| Line 365: | Line 380: | ||
margin: 0; | margin: 0; | ||
text-align: center; | text-align: center; | ||
} | |||
.skin-citizen .wizlords-mainpage-left > .center:has(> .wizlords-wideimagetext) > p, | |||
.skin-citizen .wizlords-mainpage-right > .center:has(> .wizlords-wideimagetext) > p { | |||
flex: 0 0 100%; | |||
width: 100%; | |||
margin: 0 0 4px; | |||
} | } | ||