MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
(4 intermediate revisions by the same user not shown) | |||
Line 8: | Line 8: | ||
margin: 0; | margin: 0; | ||
} | } | ||
.mainpage_column { | |||
flex: 1; | |||
display: flex; | |||
flex-direction: column; | |||
flex-flow: column wrap; | |||
justify-content: space-between; | |||
padding: 0; | |||
margin: 0; | |||
} | |||
.mainpage_box { | .mainpage_box { | ||
flex: 1; | flex: 1; | ||
Line 16: | Line 26: | ||
box-shadow: 0 2px 2px rgba(0,0,0,0.1); | box-shadow: 0 2px 2px rgba(0,0,0,0.1); | ||
} | } | ||
. | |||
.mainpage_box_frameless { | |||
flex: 1; | |||
margin: 5px; | |||
min-width: 330px; | |||
padding: 0 10px 10px 10px; | |||
} | |||
.flex0 { | |||
flex-grow: 0; | |||
} | |||
.flex2 { | |||
flex-grow: 2; | flex-grow: 2; | ||
} | |||
.flex3 { | |||
flex-grow: 3; | |||
} | } |
Latest revision as of 10:27, 30 April 2019
/* CSS placed here will be applied to all skins */ .mainpage_row { display: flex; flex-direction: row; flex-flow: row wrap; justify-content: space-between; padding: 0; margin: 0; } .mainpage_column { flex: 1; display: flex; flex-direction: column; flex-flow: column wrap; justify-content: space-between; padding: 0; margin: 0; } .mainpage_box { flex: 1; margin: 5px; min-width: 210px; border: 1px solid #CCC; padding: 0 10px 10px 10px; box-shadow: 0 2px 2px rgba(0,0,0,0.1); } .mainpage_box_frameless { flex: 1; margin: 5px; min-width: 330px; padding: 0 10px 10px 10px; } .flex0 { flex-grow: 0; } .flex2 { flex-grow: 2; } .flex3 { flex-grow: 3; }