|
|
| Line 1: |
Line 1: |
| /* 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>
| |