MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
Line 37: | Line 37: | ||
margin-right: 10px; | margin-right: 10px; | ||
} | } | ||
<style> | |||
.leaderboard { | |||
display: flex; | |||
flex-direction: column; | |||
align-items: center; | |||
justify-content: center; | |||
} | |||
.row { | |||
display: flex; | |||
justify-content: center; | |||
margin-bottom: 5px; | |||
} | |||
.position { | |||
font-size: 20px; | |||
margin-right: 10px; | |||
} | |||
.avatar img { | |||
width: 50px; | |||
height: 50px; | |||
border-radius: 50%; | |||
margin: 0 5px; | |||
} | |||
</style> |
Revision as of 15:40, 14 April 2024
/* CSS placed here will be applied to all skins */ .donor-grid { display: flex; flex-direction: column; align-items: center; justify-content: center; margin-top: 50px; } .donor-row { display: flex; justify-content: center; } .donor-cell { width: 50px; height: 50px; background-color: #ccc; margin: 5px; display: inline-block; } /* CSS for leaderboard design */ .leaderboard { display: flex; flex-direction: column; align-items: center; } .leaderboard-row { margin: 5px 0; } .leaderboard-image { width: 40px; height: 40px; border-radius: 50%; margin-right: 10px; } <style> .leaderboard { display: flex; flex-direction: column; align-items: center; justify-content: center; } .row { display: flex; justify-content: center; margin-bottom: 5px; } .position { font-size: 20px; margin-right: 10px; } .avatar img { width: 50px; height: 50px; border-radius: 50%; margin: 0 5px; } </style>