MediaWiki:Common.css: Difference between revisions

From RexKraft
Jump to navigation Jump to search
No edit summary
No edit summary
 
(5 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;
.donor {
     margin-top: 50px;
     display: inline-block;
     margin-right: 10px; /* Adjust spacing between donors */
}
}


.donor-row {
.donor img {
     display: flex;
     display: block; /* Ensure images don't have extra space underneath */
    justify-content: center;
}
}


.donor-cell {
.donor-name {
     width: 50px;
     font-size: 12px;
     height: 50px;
    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;
     background-color: #ccc;
     margin: 5px;
     border-bottom: 1px solid #999;
     display: inline-block;
     font-weight: bold;
}
}
/* CSS for leaderboard design */
.contributionscores .odd {
.leaderboard {
     background-color: #eee;
     display: flex;
    flex-direction: column;
    align-items: center;
}
}
 
.contributionscores .header td {
.leaderboard-row {
    padding-left: .2em;
     margin: 5px 0;
     padding-right: .2em;
}
}
 
.contributionscores .content {
.leaderboard-image {
     padding-left: .2em;
     width: 40px;
     padding-right: .2em;
    height: 40px;
    border-radius: 50%;
     margin-right: 10px;
}
}

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;
}