MediaWiki:Common.css: Difference between revisions

From RexKraft
Jump to navigation Jump to search
(Created page with "→‎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; }")
 
No edit summary
 
(6 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 {
.donor {
     display: flex;
    display: inline-block;
     justify-content: center;
    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;
}
}


.donor-cell {
 
     width: 50px;
.contributionscores-wrapper {
     height: 50px;
}
.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;
}
.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;
}