MediaWiki:Character-Banner.css: Difference between revisions

no edit summary
No edit summary
Tag: Manual revert
No edit summary
 
(7 intermediate revisions by the same user not shown)
Line 91: Line 91:


.character-banner-select {
.character-banner-select {
     display: flex;
     display: grid;
    grid-template-columns: repeat(5, auto);
     gap: 0.7rem 0.4rem;
     gap: 0.7rem 0.4rem;
     flex-wrap: wrap;
     flex-wrap: wrap;
Line 98: Line 99:
     margin-bottom: 0;
     margin-bottom: 0;
     margin-top: 0;
     margin-top: 0;
     justify-content: space-between;
     justify-content: space-around;
     pointer-events: none;
     pointer-events: none;
     padding: 8px;
     padding: 8px;
Line 104: Line 105:


.character-banner-select img {
.character-banner-select img {
     height: 35px;
     height: 40px;
     width: 35px;
     width: 40px;
     image-rendering: -webkit-optimize-contrast;
     image-rendering: -webkit-optimize-contrast;
     user-select: none;
     user-select: none;
Line 118: Line 119:
}
}


.character-banner-select .image.active {
.character-banner-select .active img {
     outline: 2px solid #7cb5ff;
     outline: 2px solid #7cb5ff;
    display: flex;
}
}


Line 160: Line 162:
.char-banner:not(.dark-mode div, .skin-minerva div) {
.char-banner:not(.dark-mode div, .skin-minerva div) {
     box-shadow: 2px 2px 0 1px #c7d1da
     box-shadow: 2px 2px 0 1px #c7d1da
}
.dark-mode .char-banner:not(.skin-minerva div) {
    box-shadow: 2px 2px 0 1px #5e666e;
}
}


Line 165: Line 171:
     box-shadow: 0 2px 0 1px #c7d1da;
     box-shadow: 0 2px 0 1px #c7d1da;
     background: #d3dbe0;
     background: #d3dbe0;
}
.dark-mode .char-banner:not(.skin-minerva div)::after {
    box-shadow: 0 2px 0 1px #5e666e;
    background: #5e666e;
}
}