MediaWiki:Character-Banner.css: Difference between revisions

no edit summary
No edit summary
No edit summary
 
(11 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: 7px;
     padding: 8px;
    border: 1px solid #a8baba4d!important;
}
}


.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 119: Line 119:
}
}


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


Line 159: Line 160:
}
}


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


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


.char-banner-title:not(.dark-mode div) {
.dark-mode .char-banner:not(.skin-minerva div)::after {
    box-shadow: 0 2px 0 1px #5e666e;
    background: #5e666e;
}
 
.char-banner-title:not(.dark-mode div, .skin-minerva div) {
     color: #304667;
     color: #304667;
}
}