MediaWiki:Common.css: Difference between revisions

From RexKraft
Jump to navigation Jump to search
No edit summary
No edit summary
 
(4 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
.leaderboard {
.donor-grid {
     width: 100%;
     display: flex;
     overflow-x: auto; /* Allow horizontal scrolling if needed */
     flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
}
 
.donor-row {
    display: flex;
    justify-content: center;
}
}


.donor-cell {
.donor {
    width: 50px;
    height: 50px;
    background-color: #ccc;
    margin: 5px;
     display: inline-block;
     display: inline-block;
}
    margin-right: 10px; /* Adjust spacing between donors */
/* CSS for leaderboard design */
.leaderboard {
    display: flex;
    flex-direction: column;
    align-items: center;
}
}


.leaderboard-row {
.donor img {
     margin: 5px 0;
     display: block; /* Ensure images don't have extra space underneath */
}
}


.leaderboard-image {
.donor-name {
     width: 40px;
     font-size: 12px;
     height: 40px;
    text-align: center;
     border-radius: 50%;
    max-width: 50px; /* Adjust as needed */
     margin-right: 10px;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
}
}
<style>
    .leaderboard {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }


    .row {
        display: flex;
        justify-content: center;
        margin-bottom: 5px;
    }


    .position {
.contributionscores-wrapper {
        font-size: 20px;
}
        margin-right: 10px;
.contributionscores-title {
     }
    background-color: #aaa;
 
    margin-bottom: 0px;
     .avatar img {
     padding-left: .4em;
        width: 50px;
}
        height: 50px;
.contributionscores .header {
        border-radius: 50%;
    background-color: #ccc;
        margin: 0 5px;
    border-bottom: 1px solid #999;
     }
     font-weight: bold;
</style>
}
.contributionscores .odd {
    background-color: #eee;
}
.contributionscores .header td {
    padding-left: .2em;
    padding-right: .2em;
}
.contributionscores .content {
    padding-left: .2em;
     padding-right: .2em;
}

Latest revision as of 03:31, 15 April 2024

.leaderboard {
    width: 100%;
    overflow-x: auto; /* Allow horizontal scrolling if needed */
}

.donor {
    display: inline-block;
    margin-right: 10px; /* Adjust spacing between donors */
}

.donor img {
    display: block; /* Ensure images don't have extra space underneath */
}

.donor-name {
    font-size: 12px;
    text-align: center;
    max-width: 50px; /* Adjust as needed */
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.contributionscores-wrapper {
}
.contributionscores-title {
    background-color: #aaa;
    margin-bottom: 0px;
    padding-left: .4em;
}
.contributionscores .header {
    background-color: #ccc;
    border-bottom: 1px solid #999;
    font-weight: bold;
}
.contributionscores .odd {
    background-color: #eee;
}
.contributionscores .header td {
    padding-left: .2em;
    padding-right: .2em;
}
.contributionscores .content {
    padding-left: .2em;
    padding-right: .2em;
}
Retrieved from "https://wiki.rexkraft.com/index.php?title=MediaWiki:Common.css&oldid=332"